body { background: #FFFFFF; font-family: Roboto, Arial, sans-serif; font-size: 13px; margin: 0; } #container, .container { margin: 0 auto; position: relative; } #container { padding-bottom: 51px; } @media screen and (min-width: 1200px) { #container, .container { width: 1200px; } #sliderWrapper { width: 100%; } #top > div { margin-left:300px; } /* .startcategory:nth-of-type(4n) { margin-right: 0; } */ } @media screen and (min-width:1000px) and (max-width:1200px) { #container, .container { width: 100%; } #sliderWrapper { width: 1000px; } #top > div { margin-left:300px; } .startcategory:nth-of-type(3n) { margin-right: 0; } } #mod_clientTxt { position: absolute; top: 35px; left: 478px; color: #ff6600; font-style: italic; } #newClientAdd { display: block; position: absolute; width: 320px; padding: 15px; background-color: #FFF; z-index: 150; box-shadow: 0px 0px 25px rgba(0,0,0,.5); top:50px; left:400px;} #newClientAdd label { display:inline-block; width:70px; } #newClientAdd input[type=text] { padding:5px 10px; width:295px; } #addIndividual { position: absolute; top: 55px; right: 0px; background-color: #CC0000; color: #FFF; font-weight: 700; font-size: 18px; } #addIndividual:hover { background-color:#676767; } #dialogIndividual { position: absolute; top: 50px; right: 120px; background-color: #FFFFFF; padding: 20px; width: 400px; box-shadow: 0px 0px 15px rgba(0,0,0,.45); z-index: 999; } #dialogIndividual input[type=text] { padding:5px; width: 100px; text-align:right; font-weight:bold; } #dialogIndividual textarea { padding:5px; width:360px; height:100px; } #dialogIndividual input[type=submit] { padding:5px; width: 70px; text-align:center; font-weight:bold; font-size:16x; } #upperbar { position: relative; top: 0px; background-color: #f5f5f5; border-top: 4px #3F3F3F solid; margin-bottom:15px; } #upperbar p { color:#272727; padding:6px; text-align:center; } #upperbar a { display:inline-block; padding:0px 15px; text-transform: uppercase; font-family: "Roboto Condensed"; } #upperbar a:hover { color:#ff7200; text-decoration:underline; } #upperbar span { display: inline-block; color: #9a9a9a; border-left: 1px #dfdfdf solid; height: 20px; vertical-align: middle; } .toBM { font-family:"Roboto"; font-weight:400; } .toBB { font-family:"Roboto"; font-weight:700; } a { color: #858585; text-decoration: none;} a:hover { color: #FF7200; text-decoration: underline;} textarea{ font-family: Arial, Tahoma, Verdana; font-size: 13px; text-align: left;} img, img a { border:0; } div,p { margin: 0px; padding: 0px; text-align: left; } a,object { outline:none; } h1 { margin: 0 0 25px 0; border-bottom: 3px dotted #dfdfdf; padding: 0 0 10px 0; font-family: "Roboto"; color: #4d4d4f; font-weight: 500; font-size: 24px; } h2 { font-size: 20px; color: #4d4d4f; margin: 0; } h3 { color: #343434; font-family: "Roboto Condensed"; font-size: 18px; margin: 15px 0 3px; } #top { position: relative; height: 109px; font-family:"Roboto Condensed"; } #top > a { position: absolute; top: 0; left: 0; } #top > a:hover { opacity: 0.75; } #top .top { /* color: #858585; font-size: 13px; position: absolute; right: 0; top: -39px; padding: 0px 15px 0px 7px; */ } #top h2 { position: absolute; top: -10px; text-align: center; font-size: 16px; color: #9a9a9a; font-weight: 200; left: 37px;} #top > div { text-align:right; } #top .links { text-align:right; } #top .links a { font-size: 13px; font-family: "Roboto Condensed", Arial; color: #232323; display: inline-block; padding: 4px 15px; } #top .links a:hover { color:#ff7200; text-decoration:none; } #top form { display: none; vertical-align: top; font-size: 0; } #top form input { vertical-align: top; display: inline-block; margin: 0; font-size: 11px; height: 32px; position: relative; right: -1px; border: 1px solid #d5d5d5; box-shadow: 5px 5px 6px -7px #000 inset; padding: 1px 4px 0px 18px; width: 180px; } #top form a { display: inline-block; vertical-align: top; position: relative;display: inline-block; vertical-align: top; position: relative; } #top form a:hover { box-shadow: 0 0 5px 0 #000; } #top a#top_basket { background-color: #ff7200; color: #FFF; } #top_basket .toBM { font-size: 16px; line-height: 20px; } #top_basket .price { /*font-size: 26px; font-weight:700; padding: 1px 0px 0px 26px; line-height: 30px; margin-left: 3px; letter-spacing:-1px; */} #top_basket:hover { text-decoration:none; color:#ff3505; } #container > nav { text-align: center; } #container > nav > ul, #container > nav > ul ul { list-style:none; display:inline; padding:0 0; margin:0 0; } #container > nav > ul li { display:inline-block; position:relative; } #container > nav > ul > li:hover { background-color:#efefef; } #container > nav > ul li li { display:block; } #container > nav > ul > li > a { color: #434242; font-size: 14px; text-transform: uppercase; padding: 15px 15px 15px; border-right: 1px solid #efefef !important; transition: all 0.3s ease; display: block; font-weight: 700; } #container > nav > ul li:last-of-type a { border-right: none !important; } #container > nav > ul > li:hover > a, #container > nav > ul > li a.active { background-color: #efefef; color:#ff3505; text-decoration:none; } #container > nav ul.submenu { position: absolute; z-index: 50; background-color: #ffffff; top: 45px; width:200px; left:0px; display:none; box-shadow:0px 3px 0px #ff3505, 0px 3px 3px rgba(0,0,0,.3); padding:20px 0; } #container > nav ul li:hover ul.submenu { display:block; } #container > nav ul.submenu > li a { display: block; padding: 8px 0px; font-family: "Roboto"; font-size: 12px; text-align: left; border-bottom: 1px #dfdfdf solid; color: #454545; margin: 0px 10px; } #container > nav ul.submenu > li > a:hover { color:#fff; text-decoration:none; } #container > nav ul ul li:hover { background-color:#ff3505; } #container > nav ul ul li:hover a { border-color:transparent; } #container > nav a img { position: relative; top: 5px; margin: 0 15px; } #sliderWrapper { height: 246px; position: relative; background: #f5f5f5; border: 1px solid #efefef; box-shadow: inset 0px 0px 0px 3px #FFF; } #sliderWrapper .caroufredsel_wrapper { margin:3px auto 0px !important; } #slider { width: 1200px; height: 240px; overflow: hidden; position: relative; } #slider .slider_item { width: 1194px; height: 240px; float: left; text-align:center; } .slider_item img { width:1194px; margin:0 auto; } #pagination { display: block; position: absolute; left: 50%; z-index: 5; margin-left: -10px; bottom:5px; } #pagination a { background-color:#efefef; display:inline-block; margin:0 3px; border-radius:10px; width:16px; height:16px; color:transparent; box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);} #pagination a span { display:none; } #pagination a:hover, #pagination a.selected { background-color: #ff3505; } #breadcrumbs { height: 45px; border-bottom: 1px solid #d9d9d9; display:none; } #breadcrumbs a { display: inline-block; line-height: 45px; height: 45px; background: url('../img/breadcrumbs_separator.png') no-repeat scroll right 0 transparent; padding: 0 35px 0 15px; } #breadcrumbs a:last-of-type { background-image: none; } #left_column { width: 252px; margin: 32px 42px 0px 22px; float: left; } #left_menu { background-color: #FF7200; margin-top: 19px; } #left_menu > div { border-bottom: 1px solid #73f1dc; } #left_menu a { display: block; color: #fff; } #left_menu .main { font-size: 16px; line-height: 45px; padding: 0 45px 0 16px; background: url('../img/left_menu_arrow.png') no-repeat scroll 225px center transparent; transition:all 0.25s ease; } #left_menu .sub { font-size: 13px; line-height: 30px; background: url('../img/left_menu_bullet.png') no-repeat scroll 29px center transparent; padding: 0px 0px 0px 55px; text-shadow:0px 2px 0px rgba(0,0,0,.2); } #left_menu .sub:hover, #left_menu .sub.active { color:#000; text-decoration:none; text-shadow:0 0 0 ; } #left_menu .parent.active div { display: block; } #left_menu .main:hover, #left_menu .main.active, #left_menu .parent.active .main, #left_menu .parent:hover .main { color: #4d4d4f; background: url('../img/left_menu_arrow_hover.png') no-repeat scroll 223px center; text-decoration:none; } #left_menu div div { display: none; overflow: hidden; padding-bottom: 15px; } #left_bestsellery { border: 1px solid #dadada; padding: 15px 15px 25px; margin-top: 35px; position: relative; text-align:center; } #left_bestsellery h2 { background: url('../img/header_bg.png') no-repeat scroll 0 0 transparent; line-height: 17px; padding-left: 24px; } #left_bestsellery > * { clear: both; } #left_bestsellery img { max-width:100%; } #left_bestsellery .name { color: #343434; font-size: 17px; line-height: 20px; text-align: center; margin: 5px; font-weight: bold; } #left_bestsellery .oldPrice { font-size: 15px; color: #acacac; float: left; display:none; } #left_bestsellery .oldPrice span { background: #c1c1c1; height: 1px; position: relative; display: block; top: 11px; } #left_bestsellery .price { color: #FF7200; font-size: 24px; text-align:center; } #left_bestsellery .button { margin-top: 16px; } #left_szybkaPomoc { background: url('../img/left_contact.png') no-repeat scroll 0 0 transparent; padding: 15px 20px 25px; height: 231px; margin-top: 35px; border: 1px solid #dadada; } #left_szybkaPomoc h2 { color: #fff; padding-left: 19px; line-height: 16px; } #left_szybkaPomoc header { color: #bfbfbf; font-size: 13px; margin: 30px 0 14px; line-height: 20px; } #left_szybkaPomoc .zadzwon { color: #fff; font-size: 20px; } #left_szybkaPomoc .telefon { color: #FF7200; font-size: 26px; background: url('../img/phone.png') no-repeat scroll 0 center transparent; line-height: 32px; padding-left: 32px; margin-top: 15px; } #left_szybkaPomoc footer { font-size: 12px; border-top: 1px solid #807f7f; color: #fff; margin-top: 17px; padding-top: 9px; } #center_column { float: left; width: 664px; margin-top: 32px; } #center_column > h2 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf; font-size: 28px; font-weight: 200; } #center_column > h1 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf; font-size: 28px; font-weight: 200; } #polecaneProdukty { margin-bottom: 34px; } .profileHalfBox { display:inline-block; vertical-align:top; width:400px; border-right:1px #dfdfdf solid; padding-right:25px; margin-right:25px; } .profileHalfBox:last-of-type { border-right:0; padding-right:0px; margin-right:0px; } #productInfo { color: #828282; } #productInfo .head > div { float: right; width: 291px; } #productInfo .name { font-size: 17px; color: #282828; } #productInfo .category { font-size: 11px; color: #FF7200; font-style: italic; } #productInfo img { border: 1px solid #ededed; } #productInfo .head { width: 100%; } #productInfo .head > a { float: left; margin: 0 10px 30px 0; } #productInfo .lead { margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; margin-top: 30px; } #productInfo .desc { } #productInfo .price { font-size: 42px; color: #FF7200; text-align: right; } #productInfo .priceSub { text-align: right; font-size: 12px; color: #bcbcbc; } #productInfo > form { } #pricePerMeter { float:right; text-align: left; width: 300px; background-color: #f5f5f5; padding: 15px; position:relative; } #pricePerMeter label { display: inline-block; text-align: right; width: 170px; font-weight:bold; margin-right:20px; } #pricePerMeter input[type=range], #pricePerMeter input[type=number], #pricePerMeter input[type=text] { display: inline-block; width: 60px; padding:5px; } #productConfig { float:right; width:300px; background-color: #f5f5f5; padding: 15px; margin:0px 0px 15px 15px; text-align: left; } #productConfig label { display: inline-block; text-align: right; width: 170px; font-weight:bold; margin-right:20px; } #productConfig input[type=range], #productConfig input[type=number], #productConfig input[type=text] { display: inline-block; width: 60px; padding:5px; } label.wide { padding: 10px 5px 5px 2px; text-align: left !important; } select.wide { display:inline-block; width:267px; padding:5px; } label.color { width: 25px !important; padding: 10px 5px; margin: 2px !important; text-align: center !important; cursor:pointer; } label.color input { display:block; padding:0 0; margin:0 auto; cursor:pointer; } label.color input:hover { opacity:.6; } #productInfo button.button { float: right; margin-left: 15px; } #productInfo .head .tr { margin-top: 15px; } #priceList { display:none; } #priceList table { border-spacing:1px; margin:15px 0; width:290px; } #priceList table tbody tr:nth-of-type(even) { background-color:transparent; } #priceList table tbody tr:nth-of-type(odd) { background-color:rgba(255,255,255,.2); } #priceList table thead tr { background-color:#FFF; color:#000; } #priceList table tr th { text-align:center; padding:4px 2px;} #priceList table tbody td { padding:4px 2px; text-align:center; font-size:14px; position:relative; } #priceList table tbody tr td:nth-of-type(3) { font-size:16px; font-weight:bold; } #priceList table td.moreInfo { font-size:11px; text-align:left; vertical-align:top; padding-left:30px; } #priceList table td.moreInfo > a { position:absolute; top:4px; left:4px; } #priceList table td.moreInfo > a:hover { opacity:.75; } #priceList table tbody tr.selected { background-color:rgba(255,255,0,.5); border:2px #FFF solid; } .preloading { background:rgba(255,255,255,.75) url("../img/preload.gif") no-repeat center center; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:5000; } #footer { width: 1000px; position: relative; margin: 0 auto; } #bottomBox { background: url('../img/bottomBox.png') no-repeat scroll 0 0 transparent; width: 1055px; height: 167px; left: -55px; position: relative; color: #fff; } #newsletter p { position: absolute; font-size: 15px; top: 65px; left: 80px; } #newsletter button { border: none; background: none; position: absolute; width: 41px; height: 37px; top: 99px; left: 365px; cursor: pointer; } #newsletter button:hover { box-shadow: 0 0 5px 0 #000; } #newsletter input { position: absolute; height: 37px; padding: 0 20px 0 17px; border: none; top: 99px; left: 80px; width: 239px; } #freeShipment { color: #fff; position: absolute; left: 456px; top: 8px; background-color: rgba(255,255,255,.9); } #freeShipment .first { position: absolute; left: 480px; top: 11px; font-size: 41px; } #freeShipment .second { color: #a8a8a8; font-size: 60px; left: 480px; position: absolute; top: 42px; } #freeShipment .bottom { font-size: 14px; top: 127px; position: absolute; left: 482px; } #freeShipment .green { color: #FF7200; } #foot { background-color: #e0e0e0; color: #343434; margin: 25px auto 0px; padding-bottom:10px; } #foot .box { vertical-align:top; } #foot .links { padding:15px 35px 35px; } #foot .links h2 { font-size: 20px; color: #232323; } #foot .links a { color: #565656; font-size:13px; } #foot .links .box { display: inline-block; text-align: left; padding: 30px 35px 0; min-height:100px; width:220px; } #foot .links .box:first-of-type { padding-left: 0; } #foot .links .box:last-of-type { border-right:0; padding-right: 0; } #foot .links .box h2 { line-height: 33px; margin-bottom: 10px; } #foot .links a { font-size: 14px; font-weight: normal; display: block; line-height: 24px; } #foot .links a:before { content: '››'; color: #FF7200; padding-right: 7px; } #foot .info { border-top: 1px solid #c7c7c7; padding: 20px 40px; } #foot .info a { color: #FF7200; } #foot .team > div{ text-align:center; } #foot .team a:hover img { opacity:0.75; } #foot a:hover { color:#000; text-decoration:none; } footer .firstline { } footer .firstline .box { display:inline-block; width:49%; vertical-align:top; } .startcategory { overflow: hidden; transition: 0.3s; background: #fff; display: inline-block; width: 276px; height: 200px; margin: 0px 6px 35px 0; font-size: 13px; position: relative; text-align: center; vertical-align:top; padding-bottom:10px; border-bottom:1px dashed #dfdfdf; } .startcategory .picture { background-position:top center; background-size:contain; background-repeat:no-repeat; width: 250px; height: 131px; margin: 0 auto; } .startcategory .promoon { width:309px; height:200px; } .startcategory figcaption { position: absolute; bottom: 10px; width: 100%; text-align: left; /* border-top: 1px dashed #dfdfdf; border-bottom: 1px dashed #dfdfdf; */} .startcategory figcaption h1 { border:0; font-size:14px; font-weight:400; padding:5px 10px; text-align:center; line-height:1.2em; margin:0 0; } .startcategory figcaption h1 a { color:#454545; } .startcategory figcaption h1 span { font-size:11px; color:#7a7a7a; display:block; text-align:center; } .startcategory figcaption h2 { display:block; margin:0 0; padding:2px; text-align:center; color:#ff3505; } .startcategory form { position: absolute; right: 0; top: 0; } .startcategory button { background: url('../img/button_basket.png') no-repeat scroll 0 0 transparent; width: 60px; height: 42px; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; cursor: pointer; transition: 0.1s; } .startcategory button:hover { opacity: 0.7; transition: 0.1s; } .startcategory .price { font-size: 15px; color: #fff; line-height: 20px; padding: 5px; text-align: center; display: block; } .startcategory:hover .picture { opacity:.75; cursor:pointer; } .startcategory:hover h1 a { text-decoration:underline; } /* .startcategory:hover { box-shadow: 0 0 15px 0px rgba(0,0,0,.4); outline: none; } .startcategory:hover a.hover { display: block; opacity: 1; transition: 0.2s; } .startcategory:hover figcaption { background-color:#ff7200; } */ .startcategory .categorySpan { font-size: 12px; position: absolute; bottom: 53px; background-color: #FFFFFF; color: #9a9a9a; width: 211px; left: 0px; } .category-row { padding-bottom:15px; /*margin-bottom:15px; border-bottom:1px #f5f5f5 solid; */} .category-desc { display: inline-block; width: 600px; padding: 0px 25px; line-height: 1.5em; font-size: 14px; vertical-align: top; } .category-row h2 { margin: 0 0 25px 0; border-bottom: 1px solid #dfdfdf; padding: 0 0 10px 0; font-family: "Roboto"; color: #3a3a3a; font-weight: 700; font-size: 20px; } .category-images { display:inline-block; width:262px; vertical-align: top; } .category-images h4 { font-size: 14px; color: #5b5b5b; padding: 5px 0px 10px; margin: 0 0;} .categoryGallery, .category-images a { padding: 4px; border: 1px #dfdfdf solid; display: inline-block; margin: 3px; width: 105px; vertical-align: top; height: 90px; background-size: cover; box-shadow: inset 0px 0px 0px 5px #FFFFFF; transition:all .25s ease; } .categoryGallery:hover, .category-images a:hover { box-shadow:inset 0px 0px 0px 5px #FF7200; } .category { overflow: hidden; transition: 0.3s; background: #fff; display: inline-block; width: 211px; height: 291px; margin: 0px 7px 15px 0; border: 1px solid #dadada; font-size: 13px; position: relative; text-align: center; vertical-align:top; background-position:top center; background-size:contain; background-repeat:no-repeat; } .category:nth-of-type(4n) { margin-right: 0; } .category a.hover { opacity: 0; display: none; width: 211px; height: 239px; background-color: rgba(0,230,191,.15); position: absolute; z-index: 100; transition: 0.2s; } .category a.image { display: inline-block; height: 150px; padding-top: 0px; line-height: 20px; } .category img { border-bottom: 1px solid #d9d9d9; vertical-align: bottom; margin-bottom: 10px; } .category .bottom { position: absolute; bottom: 0; width: 100%; height: 52px; background: #272727; text-align: left; } .category form { position: absolute; right: 0; top: 0; } .category button { background: url('../img/button_basket.png') no-repeat scroll 0 0 transparent; width: 60px; height: 42px; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; cursor: pointer; transition: 0.1s; } .category button:hover { opacity: 0.7; transition: 0.1s; } .category .price { font-size: 15px; color: #fff; line-height: 20px; padding: 5px; text-align: center; display: block; } .category:hover { box-shadow: 0 0 15px 0px rgba(0,0,0,.4); outline: none; } .category:hover a.hover { display: block; opacity: 1; transition: 0.2s; } .category:hover .bottom { background-color:#FF7200; } .category .categorySpan { font-size: 12px; position: absolute; bottom: 53px; background-color: #FFFFFF; color: #9a9a9a; width: 211px; left: 0px; } #pozostaleProdukty { /* padding:5px; background-color:#F5f5f5; */ } #pozostaleProdukty .category { margin:11px; } #pozostaleProdukty .category:nth-of-type(4n) { margin-right:0px; } .product { overflow: hidden; transition: 0.3s; background: #fff; display: inline-block; width: 211px; height: 281px; margin: 0px 7px 15px 0; border: 1px solid #dadada; font-size: 13px; position: relative; text-align: center; margin-bottom: 5px; vertical-align:top; } .product:nth-of-type(3n) { margin-right: 0; } /* .product a.hover { opacity: 0; display: none; width: 211px; height: 239px; background: url('../img/lupka.png') no-repeat scroll 0 0 transparent; position: absolute; z-index: 100; transition: 0.2s; } */ .product a.hover { opacity: 0; display: none; width: 211px; height: 239px; background-color: rgba(0,230,191,.15); position: absolute; z-index: 100; transition: 0.2s; } .product a.image { display: inline-block; height: 150px; padding-top: 17px; line-height: 20px; } .product img { vertical-align: bottom; margin-bottom: 10px; box-shadow:inset 0px 0px 2px #FFF; } .product .bottom { position: absolute; bottom: 0; width: 100%; height: 42px; background: #4d4d4f; text-align: left; } .product form { position: absolute; right: 0; top: 0; } .product button { background: url('../img/button_basket.png') no-repeat scroll 0 0 transparent; width: 60px; height: 42px; margin: 0; padding: 0; border: none; border-radius: 0; font-size: 0; cursor: pointer; transition: 0.1s; } .product button:hover { opacity: 0.7; transition: 0.1s; } .product .price { font-size: 20px; color: #fff; line-height: 40px; padding-left: 20px; } .product:hover { box-shadow: 0 0 15px 0px #000; outline: none; transition: 0.2s; } .product:hover a.hover { display: block; opacity: 1; transition: 0.2s; } .productDescription { margin:15px 350px 0 0px; line-height:1.5em; color:#000000; font-size:14px; padding: 0 15px 15px; background-color: #FFFFFF; color: #000; } .productDescription p { padding-bottom:15px; } .productDescription img.productPic { float:left; margin:0 25px 25px 0; } .productDescription .productImage { padding:10px; border:0px #dfdfdf solid; display:block; margin:0 25px 15px 0; width: 245px; float:left; } .productImage:hover { opacity:.75; } .productDescription .productGallery { margin:0 auto; text-align:center; display:none; } .productGallery figure { display: inline-block; width: 75px;height: 75px; background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:3px; border:1px #dfdfdf solid; position: relative; margin: 0 5px; } .productGallery figure a { display:block; position:absolute; color:transparent; top:0px; left:0px; width:100%; height:100%; transition:background-color .2s ease; } .productGallery figure a:hover { background-color:rgba(255,255,255,.5); } #productConfig hr, #pricePerM2 hr { border: 0; border-bottom: 1px rgba(255,255,255,.75) solid; border-top: 1px rgba(0,0,0,.15) solid; margin: 15px 0; } #priceList { display:none; } #pricePerMeter h2, #productConfig h2 { color:#ff3505; font-weight:200; } .button { border: none; background-color: #FF7200; font-size: 15px; text-transform: uppercase; color: #FFFFFF !important; box-shadow: 0 1px 5px -1px #AAA; padding: 10px 20px; border-radius: 0px; display: inline-block; font-family: "Roboto", Arial; font-weight: 700; cursor:pointer; z-index: 10; position: relative; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition: all 0.2s ease; } .button:hover { background-color: #232323; text-decoration: none; color:#ff3505 !important; } /* .button { border: none; background: none; font-size: 12px; text-transform: uppercase; color: #716e6e; box-shadow: 0 1px 5px -1px #AAA; padding: 3px 9px 6px; background: #fff; border-radius: 2px; display: inline-block; } .button:hover { color: #FF7200; text-decoration: underline;} */ .info { padding:25px; font-size:14px; font-weight:bold; color:#343434; text-align:center; border:1px #dfdfdf solid; } p.info { background-color:#f5f5f5; margin:10px 10%; } .subpage { line-height:1.5em; font-size:13px; } .subpage p { /* padding-bottom:15px; */ } .subpage > div { margin-bottom:15px; } #registerForm table { width:560px; margin:0 auto; } #registerForm span.checker { display: inline-block; width: 19px; height: 19px; vertical-align: middle; position:relative; } #registerForm span.checker.correct { background-image:url("../img/icook.png"); } #registerForm span.checker.wrong { background-image:url("../img/icoerror.png"); } #registerForm span.checker.checking { background-image:url("../img/icoprogres.gif"); } #registerForm span.checker.wrong:after { background-color:#000000; color:#FFF; padding:3px; font-size:11px; text-align:center; width:120px; border:1px #dfdfdf solid;} #registerForm span.checker.wrong:after:hover { content: attr(data-info); } #registerForm .reg.w400 { width: 512px !important; } table.orderDetails { text-align: center; margin: 0 auto; padding: 5px; border: 1px #DFDFDF solid; border-collapse:collapse; border-spacing:2px;} table.orderDetails tr.basketrow th:nth-child(2), table.orderDetails tr.basketrow td:nth-child(2) { width:200px; } table.orderDetails tr.basketrow th:nth-child(3), table.orderDetails tr.basketrow td:nth-child(3) { width:36px; } table.orderDetails tr.basketrow th:nth-child(4), table.orderDetails tr.basketrow td:nth-child(4) { width:80px; } table.orderDetails tr.basketrow th:nth-child(5), table.orderDetails tr.basketrow td:nth-child(5) { width:80px; } table.orderDetails tr.basketrow th:nth-child(6), table.orderDetails tr.basketrow td:nth-child(6) { width:32px; } table.orderDetails tr.basketrow:nth-of-type(even) { background-color:#f5f5f5; } table.orderDetails tr.basketrow:nth-of-type(odd) { background-color:#fafafa; } table.orderDetails td { padding:5px 10px; font-size:13px; } table.orderDetails tr.basketrow td:not(:last-of-type) { border-right:1px #dfdfdf solid; } table.orderDetails th { padding:5px; font-family:"Open Sans Condensed", "Arial Narrow", Arial; font-weight:bold; font-size:16px; background-color:#232323; color:#FFF; } table.orderDetails td:nth-child(1) a { font-family:"Open Sans Condensed", "Arial Narrow", Arial; color:#343434; font-size:15px; font-weight:bold; } table.orderDetails td:nth-child(1) a span { font-family:Arial; color:#767676; font-size:11px; font-weight:normal; } table.orderDetails tr.basketrow:hover { background-color:#efefef; } table.orderDetails td > a:not(.button) { color:#ff6600; } #attachUpload { position: fixed; z-index: 10000; width: 500px; min-height: 300px; background-color: #f5f5f5; padding: 25px; box-shadow: 0px 3px 10px rgba(0,0,0,.2); top:35px; display:none; } .attachList ul { padding:0 0; list-style:none; margin:2px; } .attachList ul li { border:1px #cdcdcd solid; background-color:#FFFFFF; font-size:12px; padding:2px; border-bottom:0; } .attachList ul li:last-of-type { border-bottom:1px #cdcdcd solid; } .attachList li span { display:inline-block; width:160px; text-align:left; word-wrap: break-word;} .attachList li a:last-of-type { color:red; font-size:11px; } .errorbox { color:red; background-color: #efefef;padding: 15px;font-size: 16px; text-align: center; margin: 0 auto; border: 1px #dfdfdf solid; font-weight: bold; font-family: Roboto; font-style: normal; } #orderForm table { margin:0 auto; } #orderForm td { vertical-align:top; } /*.tr_label { text-align:right; }*/ .tr_label label { display:block; } .reg { padding: 6px 5px; font-weight: bold; background-color: #efefef; border: 1px #CECECE solid; } .req { color:red; font-weight:bold; } input.w200 { width:228px; } input.w400 { width:484px; } .error { color:red; font-style:italic; } .dn, .nd { display: none !important; } .tr { text-align: right; } .cb { clear:both; } .setCenter { margin:0 auto; text-align:center; } .ui-dialog .ui-dialog-content { font-family: "Roboto", Arial; font-size: 13px; } a.thpic { display: inline-block; width: 158px;height: 115px; background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:5px; border:1px #dfdfdf solid; position: relative; margin: 0 5px; } .karuzelaprev, .karuzelanext { font-family: "Roboto"; font-size: 28px; position: absolute; top: 40px; } .karuzelaprev { left:-15px; } .karuzelanext { right:10px; } .karuzelaprev:hover, .karuzelanext:hover { text-decoration:none; } #helpdesk { position: fixed; z-index: 500; bottom: 0px; right: 50px; background-color: #efefef; padding: 8px 15px 8px 15px; box-shadow: 0px 0px 10px rgba(0,0,0,.3); } #helpdesk h2 { color:#ff3505; font-size:22px; font-family: "Roboto Condensed"; } #helpdesk * { vertical-align:middle; } #helpdesk img { margin-right:10px;} #helpdesk p { margin-left:65px; } #helpdesk a.zwin { position: absolute; top: -20px; right: 0px; color: #9a9a9a; text-decoration: none; font-size: 10px; padding: 3px 7px; background-color: #dfdfdf; } #helpdesk a.zwin:hover { background-color:#787878; color:#FFF; }