body { font-family: Arial, Tahoma, sans-serif; background: #fff url("../images/background.png") top left repeat-x; text-align: left; margin: 0; padding: 0; font-size: 12px; color: #333; behavior: url("/csshover.htc"); /*BEHAVIOR: url("/csshover.htc");*/ } ul, ol, li, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; list-style: none; } form, input, select, textarea, table, tr, td, th { font-size: 100%; font-family: Tahoma, Arial, sans-serif; } a { color: #0099cc; text-decoration: underline; } a:hover { color: #000; } a img{ border: 0; } .clear{ clear: both; } #web { width: 900px; } #header{ position: relative; width: 900px; height: 160px; background: url("../images/header.png") no-repeat 230px 0px; } /* #navigation{ left: 230px; top: 100px; width: 610px; height: 60px; position: absolute; } #navigation ul li a span { display: none; } #navigation ul li{ float: left; margin: 0; padding: 0; height: 60px; } #navigation ul li#menu-o-nas{ position: absolute; left: 0; width: 105px; height: 60px; } #navigation ul li#menu-novinky{ position: absolute; left: 113px; width: 105px; height: 60px; } #navigation ul li#menu-akcie{ position: absolute; left: 226px; width: 105px; height: 60px; } #navigation ul li#menu-produkty{ position: absolute; left: 339px; width: 105px; height: 60px; } #navigation ul li#menu-dodavatelia{ position: absolute; left: 452px; width: 105px; height: 60px; } #navigation ul li#menu-kontakty{ position: absolute; left: 565px; width: 105px; height: 60px; } #navigation ul li#menu-o-nas a{ width: 130px; height: 60px; background: url("../images/menu_01.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-novinky a{ width: 109px; height: 60px; background: url("../images/menu_02.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-akcie a{ width: 109px; height: 60px; background: url("../images/menu_03.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-produkty a{ width: 110px; height: 60px; background: url("../images/menu_04.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-dodavatelia a{ width: 110px; height: 60px; background: url("../images/menu_05.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-kontakty a{ width: 109px; height: 60px; background: url("../images/menu_06.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-o-nas a:hover, #navigation ul li.active#menu-o-nas a{ background: url("../images/menu_01.png") 0 -60px no-repeat; } #navigation ul li#menu-novinky a:hover, #navigation ul li.active#menu-novinky a{ background: url("../images/menu_02.png") 0 -60px no-repeat; } #navigation ul li#menu-akcie a:hover, #navigation ul li.active#menu-akcie a{ background: url("../images/menu_03.png") 0 -60px no-repeat; } #navigation ul li#menu-produkty a:hover, #navigation ul li.active#menu-produkty a{ background: url("../images/menu_04.png") 0 -60px no-repeat; } #navigation ul li#menu-dodavatelia a:hover, #navigation ul li#menu-dodavatelia.active a{ background: url("../images/menu_05.png") 0 -60px no-repeat; } #navigation ul li#menu-kontakty a:hover, #navigation ul li.active#menu-kontakty a{ background: url("../images/menu_06.png") 0 -60px no-repeat; } */ #navigation{ left: 230px; top: 100px; width: 610px; height: 60px; position: absolute; } #navigation ul li{ float: left; margin: 0; padding: 0; position: absolute; } #navigation ul li a{ color: #fff; text-decoration: none; height: 60px;} #navigation ul li a span { display: block; padding: 35px 5px 5px 15px; } #navigation ul li#menu-o-nas{ left: 0; width: 105px; height: 60px; } #navigation ul li#menu-novinky{ left: 113px; width: 105px; } #navigation ul li#menu-akcie{ left: 226px; width: 105px; } #navigation ul li#menu-produkty{left: 339px; width: 105px; } #navigation ul li#menu-dodavatelia{ left: 452px; width: 105px; } #navigation ul li#menu-kontakty{ left: 565px; width: 105px; } #navigation ul li#menu-o-nas a{ width: 130px; background: url("../images/menu_01.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-novinky a{ width: 109px; height: 60px; background: url("../images/menu_02.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-akcie a{ width: 109px; height: 60px; background: url("../images/menu_03.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-produkty a{ width: 110px; height: 60px; background: url("../images/menu_04.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-dodavatelia a{ width: 110px; height: 60px; background: url("../images/menu_05.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-kontakty a{ width: 109px; height: 60px; background: url("../images/menu_06.png") 0 0 no-repeat; display: block; } #navigation ul li#menu-o-nas a:hover, #navigation ul li.active#menu-o-nas a{ background: url("../images/menu_01.png") 0 -60px no-repeat; color: #000; } #navigation ul li#menu-novinky a:hover, #navigation ul li.active#menu-novinky a{ background: url("../images/menu_02.png") 0 -60px no-repeat; color: #000; } #navigation ul li#menu-akcie a:hover, #navigation ul li.active#menu-akcie a{ background: url("../images/menu_03.png") 0 -60px no-repeat; color: #000; } #navigation ul li#menu-produkty a:hover, #navigation ul li.active#menu-produkty a{ background: url("../images/menu_04.png") 0 -60px no-repeat; color: #000; } #navigation ul li#menu-dodavatelia a:hover, #navigation ul li#menu-dodavatelia.active a{ background: url("../images/menu_05.png") 0 -60px no-repeat;color: #000; } #navigation ul li#menu-kontakty a:hover, #navigation ul li.active#menu-kontakty a{ background: url("../images/menu_06.png") 0 -60px no-repeat; color: #000;} #navigation ul li#menu-o-nas ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-o-nas ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-o-nas ul li a, #navigation ul li.active#menu-o-nas ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-o-nas ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-o-nas ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li#menu-novinky ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-novinky ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-novinky ul li a, #navigation ul li.active#menu-novinky ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-novinky ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-novinky ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li#menu-akcie ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-akcie ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-akcie ul li a, #navigation ul li.active#menu-akcie ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-akcie ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-akcie ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li#menu-produkty ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-produkty ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-produkty ul li a, #navigation ul li.active#menu-produkty ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-produkty ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-produkty ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li#menu-dodavatelia ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-dodavatelia ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-dodavatelia ul li a, #navigation ul li.active#menu-dodavatelia ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-dodavatelia ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-dodavatelia ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li#menu-kontakty ul{ position: absolute; left: 0; top: 60px;} #navigation ul li#menu-kontakty ul li{ position: relative; z-index: 1000; background: #009acb url("../images/menu-left.gif") no-repeat 8px 9px; width: 200px; height: 30px; } #navigation ul li#menu-kontakty ul li a, #navigation ul li.active#menu-kontakty ul li a{ z-index: 1000; display: block; color: #fff; width: 170px; background: #009acb url("../images/menu-left.gif") no-repeat 8px 11px; height: 30px; width: 200px; } #navigation ul li#menu-kontakty ul li a:hover {z-index: 1000; background: #f5f5f5 url("../images/menu-left-hover.gif") no-repeat 8px 11px; text-decoration: underline; color: #000; } #navigation ul li#menu-kontakty ul li a span{z-index: 1000; display: block; padding: 6px 5px 6px 22px; } #navigation ul li ul { visibility: hidden; display: none; } #navigation ul li:hover ul{ visibility: visible; display: block; } #search_box { width: 162px; height: 24px; background: url(../images/search_bcg.png); position: absolute; left: 738px; top: 63px; } #search_box #s { float: left; padding: 0; margin: 6px 0 2px 5px; border: 0; width: 125px; background: none; font-size: 11px; } #search_box #go { float: right; margin: 0; } #vlajky{ position: absolute; left: 700px; top: 25px; width: 200px; height: 20px; text-align: right; } #vlajky a{ margin-left: 5px; } #main{ width: 900px; background: #fff url("../images/content.png") no-repeat 230px 0; } #copy{ width: 900px; color: #999999; font-size: 10px; } #copy p{ text-align: right; margin: 25px 0 10px 0; padding: 0 0 15px 0; } #margin{ width: 40px; float: left; height: 400px; } #margin2{ float: right; } #breadcrumbs { width: 450px; float: left; padding: 14px 0 0 0; font-size: 11px; } #breadcrumbs a{ text-decoration: none; } #breadcrumbs a:hover{ text-decoration: underline; } #kosik{ float: right; width: 150px; font-size: 11px; text-align: right; padding: 14px 10px 0 0;} #content{ width: 670px; float: right; } #panel{ width: 230px; float: left; background: #fff url("../images/panel.png") no-repeat;} #panel ul#nav{ width: 230px; margin: 5px 0 25px 0; padding: 0; } #panel ul#nav li{ padding: 0; margin: 3px 15px 3px 15px; padding: 2px 0 5px 0; border-bottom: 1px dashed #fff; } #panel ul#nav li a{ padding: 4px 10px 0 12px; color: #000; text-decoration: none; display: block; background: url("../images/menu-left.gif") no-repeat 0 8px; } #panel ul#nav li a:hover{ color: #0099cc; background: url("../images/menu-left-hover.gif") no-repeat 0 8px; } #panel ul#nav li.active a{ color: #0099cc; font-weight: bold; } #panel ul#nav li.active ul li a{ color: #000; font-weight: normal; } #panel ul#nav li.active ul li.active a{ color: #0099cc; font-weight: bold; } #panel ul#nav li.active ul li.active a:hover{ color: #000; font-weight: bold; } #content-in{ width: 630px; float: left; } #content-in p{ margin: 0 0 10px 0; line-height: 1.5em; padding: 0 30px 0 30px;} #panel h2{ color: #999999; margin: 0; padding: 15px 0 10px 15px; font-size: 13px; text-transform: uppercase; font-weight: bold; } #panel-contact{ margin: 15px 0 25px 0; background: url("../images/left-contact.gif") no-repeat top left; padding: 4px 0 10px 85px; font-size: 11px; } #panel-contact p{ margin: 0 0 4px 0; } h1{ color: #009acb; font-weight: normal; padding: 30px 30px 15px 30px ; margin: 10px 0 10px 0; font-size: 24px; } h1.titulka{ padding: 50px 50px 15px 50px; } h1.kontakt{ padding: 30px 50px 0 50px; padding-bottom: 0; } h2{ color: #000; font-weight: bold; padding: 10px 30px 10px 30px; margin: 15px 0 10px 0; font-size: 16px; } h2.kontakt {padding-left: 0; } h3{ color: #000; font-weight: bold; padding: 10px 30px 10px 30px; ; margin: 10px 0 0 0; font-size: 12px; } h4{ color: #000; font-weight: bold; padding: 10px 30px 10px 30px; ; margin: 10px 0 0 0; font-size: 12px; } #titulka-intro{ margin: 0 0 15px 0; padding: 0 50px 0 50px; } #titulka-intro ul{ margin: 0; padding: 0; } #titulka-intro ul li{ margin: 2px 0 2px 30px; list-style-type: square; padding: 0 0 4px 0; } #titulka-produkty{ width: 530px; margin: 40px 50px 10px 50px; } #titulka-produkty .kategoria { width: 250px; float: left; } .kategoria-left{ margin: 0 0 0 30px; } #titulka-produkty .kategoria h3{ border-left: 1px solid #D3D5D3; border-top: 1px solid #D3D5D3; margin: 10px 0 0 0; padding: 12px 7px 6px 7px; font-weight: bold; color: #000; font-size: 13px; } #titulka-produkty .kategoria p{ margin: 0; line-height: 1.5em; padding: 0 7px 5px 7px; font-size: 11px; } #dodavatelia{ width: 570px; margin: 20px 30px 20px 30px; } .dodavatel { width: 170px; height: 70px; margin: 5px 15px 0 0; float: left; text-align: center; display: block; } .dodavatel a{ width: 170px; height: 70px; display: block; } .dodavatel a span{ display: none; } #dodavatel_1 a{ background: url(/dodavatelia/1.png) no-repeat 0 -70px; } #dodavatel_2 a{ background: url(/dodavatelia/2.png) no-repeat 0 -70px; } #dodavatel_3 a{ background: url(/dodavatelia/3.png) no-repeat 0 -70px; } #dodavatel_4 a{ background: url(/dodavatelia/4.png) no-repeat 0 -70px; } #dodavatel_5 a{ background: url(/dodavatelia/5.png) no-repeat 0 -70px; } #dodavatel_6 a{ background: url(/dodavatelia/6.png) no-repeat 0 -70px; } #dodavatel_7 a{ background: url(/dodavatelia/7.png) no-repeat 0 -70px; } #dodavatel_8 a{ background: url(/dodavatelia/8.png) no-repeat 0 -70px; } #dodavatel_9 a{ background: url(/dodavatelia/9.png) no-repeat 0 -70px; } #dodavatel_10 a{ background: url(/dodavatelia/10.png) no-repeat 0 -70px; } #dodavatel_11 a{ background: url(/dodavatelia/11.png) no-repeat 0 -70px; } #dodavatel_12 a{ background: url(/dodavatelia/12.png) no-repeat 0 -70px; } #dodavatel_13 a{ background: url(/dodavatelia/13.png) no-repeat 0 -70px; } #dodavatel_14 a{ background: url(/dodavatelia/14.png) no-repeat 0 -70px; } #dodavatel_15 a{ background: url(/dodavatelia/15.png) no-repeat 0 -70px; } #dodavatel_16 a{ background: url(/dodavatelia/16.png) no-repeat 0 -70px; } #dodavatel_17 a{ background: url(/dodavatelia/17.png) no-repeat 0 -70px; } #dodavatel_18 a{ background: url(/dodavatelia/18.png) no-repeat 0 -70px; } #dodavatel_19 a{ background: url(/dodavatelia/19.png) no-repeat 0 -70px; } #dodavatel_20 a{ background: url(/dodavatelia/20.png) no-repeat 0 -70px; } #dodavatel_21 a{ background: url(/dodavatelia/21.png) no-repeat 0 -70px; } #dodavatel_22 a{ background: url(/dodavatelia/22.png) no-repeat 0 -70px; } #dodavatel_23 a{ background: url(/dodavatelia/23.png) no-repeat 0 -70px; } #dodavatel_24 a{ background: url(/dodavatelia/24.png) no-repeat 0 -70px; } #dodavatel_25 a{ background: url(/dodavatelia/25.png) no-repeat 0 -70px; } #dodavatel_26 a{ background: url(/dodavatelia/26.png) no-repeat 0 -70px; } #dodavatel_27 a{ background: url(/dodavatelia/27.png) no-repeat 0 -70px; } #dodavatel_28 a{ background: url(/dodavatelia/28.png) no-repeat 0 -70px; } #dodavatel_29 a{ background: url(/dodavatelia/29.png) no-repeat 0 -70px; } #dodavatel_30 a{ background: url(/dodavatelia/30.png) no-repeat 0 -70px; } #dodavatel_31 a{ background: url(/dodavatelia/31.png) no-repeat 0 -70px; } #dodavatel_32 a{ background: url(/dodavatelia/32.png) no-repeat 0 -70px; } #dodavatel_33 a{ background: url(/dodavatelia/33.png) no-repeat 0 -70px; } #dodavatel_34 a{ background: url(/dodavatelia/34.png) no-repeat 0 -70px; } #dodavatel_35 a{ background: url(/dodavatelia/35.png) no-repeat 0 -70px; } #dodavatel_36 a{ background: url(/dodavatelia/36.png) no-repeat 0 -70px; } #dodavatel_37 a{ background: url(/dodavatelia/37.png) no-repeat 0 -70px; } #dodavatel_38 a{ background: url(/dodavatelia/38.png) no-repeat 0 -70px; } #dodavatel_39 a{ background: url(/dodavatelia/39.png) no-repeat 0 -70px; } #dodavatel_40 a{ background: url(/dodavatelia/40.png) no-repeat 0 -70px; } #dodavatel_41 a{ background: url(/dodavatelia/41.png) no-repeat 0 -70px; } #dodavatel_42 a{ background: url(/dodavatelia/42.png) no-repeat 0 -70px; } #dodavatel_43 a{ background: url(/dodavatelia/43.png) no-repeat 0 -70px; } #dodavatel_44 a{ background: url(/dodavatelia/44.png) no-repeat 0 -70px; } #dodavatel_45 a{ background: url(/dodavatelia/45.png) no-repeat 0 -70px; } #dodavatel_46 a{ background: url(/dodavatelia/46.png) no-repeat 0 -70px; } #dodavatel_47 a{ background: url(/dodavatelia/47.png) no-repeat 0 -70px; } #dodavatel_48 a{ background: url(/dodavatelia/48.png) no-repeat 0 -70px; } #dodavatel_1 a:hover{ background-position: 0px 0px; } #dodavatel_2 a:hover{ background-position: 0px 0px; } #dodavatel_3 a:hover{ background-position: 0px 0px; } #dodavatel_4 a:hover{ background-position: 0px 0px; } #dodavatel_5 a:hover{ background-position: 0px 0px; } #dodavatel_6 a:hover{ background-position: 0px 0px; } #dodavatel_7 a:hover{ background-position: 0px 0px; } #dodavatel_8 a:hover{ background-position: 0px 0px; } #dodavatel_9 a:hover{ background-position: 0px 0px; } #dodavatel_10 a:hover{ background-position: 0px 0px; } #dodavatel_11 a:hover{ background-position: 0px 0px; } #dodavatel_12 a:hover{ background-position: 0px 0px; } #dodavatel_13 a:hover{ background-position: 0px 0px; } #dodavatel_14 a:hover{ background-position: 0px 0px; } #dodavatel_15 a:hover{ background-position: 0px 0px; } #dodavatel_16 a:hover{ background-position: 0px 0px; } #dodavatel_17 a:hover{ background-position: 0px 0px; } #dodavatel_18 a:hover{ background-position: 0px 0px; } #dodavatel_19 a:hover{ background-position: 0px 0px; } #dodavatel_20 a:hover{ background-position: 0px 0px; } #dodavatel_21 a:hover{ background-position: 0px 0px; } #dodavatel_22 a:hover{ background-position: 0px 0px; } #dodavatel_23 a:hover{ background-position: 0px 0px; } #dodavatel_24 a:hover{ background-position: 0px 0px; } #dodavatel_25 a:hover{ background-position: 0px 0px; } #dodavatel_26 a:hover{ background-position: 0px 0px; } #dodavatel_27 a:hover{ background-position: 0px 0px; } #dodavatel_28 a:hover{ background-position: 0px 0px; } #dodavatel_29 a:hover{ background-position: 0px 0px; } #dodavatel_30 a:hover{ background-position: 0px 0px; } #dodavatel_31 a:hover{ background-position: 0px 0px; } #dodavatel_32 a:hover{ background-position: 0px 0px; } #dodavatel_33 a:hover{ background-position: 0px 0px; } #dodavatel_34 a:hover{ background-position: 0px 0px; } #dodavatel_35 a:hover{ background-position: 0px 0px; } #dodavatel_36 a:hover{ background-position: 0px 0px; } #dodavatel_37 a:hover{ background-position: 0px 0px; } #dodavatel_38 a:hover{ background-position: 0px 0px; } #dodavatel_39 a:hover{ background-position: 0px 0px; } #dodavatel_40 a:hover{ background-position: 0px 0px; } #dodavatel_41 a:hover{ background-position: 0px 0px; } #dodavatel_42 a:hover{ background-position: 0px 0px; } #dodavatel_43 a:hover{ background-position: 0px 0px; } #dodavatel_44 a:hover{ background-position: 0px 0px; } #dodavatel_45 a:hover{ background-position: 0px 0px; } #dodavatel_46 a:hover{ background-position: 0px 0px; } #dodavatel_47 a:hover{ background-position: 0px 0px; } #dodavatel_48 a:hover{ background-position: 0px 0px; } .product{ width: 600px; margin: 0 13px 20px 13px; border-bottom: 1px solid #f0f1f0; padding: 0 0 8px 0; } .product h3{ color: #009acb; font-size: 14px; font-weight: bold; margin: 5px 0 5px 0; padding: 0 5px 0 30px; } .product-more{ width: 200px; height: 30px; margin: 5px 0 5px 30px; background: url('../images/product-more.png') no-repeat 0 0; } .product-more2{ width: 200px; height: 30px; margin: 25px 0 5px 10px; background: url('../images/product-more.png') no-repeat 0 0; float: right; } .product-more a, .product-more2 a{ height: 22px; width: 200px; display: block; color: #fff; text-decoration: none; padding: 8px 0 0 8px; } .product-more a:hover, .product-more2 a:hover { color: #000; text-decoration: none; background: url('../images/product-more.png') no-repeat 0 -30px; } .product-image{ float: right; widt: 150px; height: 150px; } .product-info{ float: left; width: 390px; } .product-popis{ width: 630px; margin: 15px 0 15px 0; } .product-popis ul{ margin: 5px 30px 5px 30px; } .product-popis ul li{ list-style-type: square; padding: 3px; margin: 2px 0 2px 15px; } .product-popis table{ width: 570px; margin: 15px 15px 15px 30px; border-collapse: collapse; font-size: 11px; border: 1px solid #e6E7E6; } .product-popis table td{ border: 1px solid #e6e7e6; padding: 5px; } .product-technical{ width: 630px; margin: 0 0 10px 0; } .product-techical h2 { font-weight: bold; margin-left: 0; padding-left: 0; } .product-technical table{ width: 570px; margin: 15px 15px 15px 30px; border-collapse: collapse; font-size: 11px; border: 1px solid #e6E7E6; } .product-technical table th{ border-bottom: 1px solid #e6e7e6; padding: 5px 3px 5px 5px; width: 170px; vertical-align: top; background: #fafafa; } .product-technical table td{ border-bottom: 1px solid #e6e7e6; border-left: 1px solid #e6e7e6; padding: 5px 5px 5px 10px; vertical-align: top; } .product-technical table td p, .product-technical table th p{ margin: 0; line-height: 1.0em; padding: 0; background: red; } .product-technical table td.center{ text-align: center; } .novinka{ margin: 0 0 10px 0; padding: 0 30px 5px 30px; } .novinka p{ padding: 0; margin: 0; } #main hr { margin: 40px 0 0 0; border: 1px solid #CDCDCD; height: 1px; } .product-katalog{ width: 630px; margin: 20px 0 30px 0; font-size: 11px; border-top: 1px solid #CDCDCD; } .product-katalog h2{ margin: 20px 0 10px 0; } .product-katalog table{ width: 570px; margin: 0 15px 0 30px; border-collapse: collapse; font-size: 11px; border: 1px solid #e6E7E6; } .product-katalog th{ border-bottom: 1px solid #f5F5F5; padding: 8px 3px 5px 5px; width: 130px; vertical-align: top; border-right: 1px solid #f5F5F5; } .product-katalog td{ border-bottom: 1px solid #f5F5F5; padding: 8px 5px 5px 10px; vertical-align: top; } .product-katalog table td.kosik{ width: 53px; text-align: center; border-left: 1px solid #f5F5F5; } .product-katalog table input{ width: 15px; text-align: center; padding: 1px; margin: 0; border: 1px solid #f5F5F5; } .product-katalog table input.button{ border: none; padding: 0; margin: 7px 0 0 0; } .product-katalog .header { background: #F5F5F5; text-align: center; font-weight: bold; font-family: Arial, Tahoma, sans-serif; } .video{ width: 630px; margin: 20px 0 30px 0; font-size: 11px;text-align: center; } .video h2{ text-align: left; } .cenova-ponuka{ width: 630px; margin: 20px 0 10px 0; } .cenova-ponuka form{ width: 570px; margin: 0 15px 0 30px; } .cenova-ponuka p{ padding: 8px 5px 5px 10px; margin: 0 0 10px 0; } .cenova-ponuka p label{ font-weight: bold; } .cenova-ponuka form p .text{ padding: 5px; border: 1px solid #CDCDCD; width: 500px; font-size: 13px; } .cenova-ponuka form p textarea{ padding: 5px; border: 1px solid #CDCDCD; width: 500px; font-size: 13px; } .cenova-ponuka .formsubmit{ text-align: center; } .cenova-ponuka .formsubmit input.submit{ width: 100px; height: 30px; margin: 5px 0 5px 30px; background: url('../images/product-more.png') no-repeat top left; border: 1px solid #fff; color: #fff;} #_mcePaste{ display: none; visibility: hidden; } .news{ width: 630px; margin: 0 0 15px 0; } .news p{ margin: 0 0 5px 0; } .news h4{ margin: 0; } .action{ width: 630px; margin: 0 0 25px 0; border-bottom: 1px solid #f5f5f5; } .action-more{ width: 150px; height: 30px; margin: 5px 15px 20px 30px; background: url('../images/product-more.png') no-repeat top right; } .action-more a{ height: 22px; width: 150px; display: block; color: #fff; text-decoration: none; padding: 8px 0 0 20px; } .action-more a:hover{ color: #000; text-decoration: none; background: url('../images/product-more.png') no-repeat -50px -30px; } .action p{ margin: 0 0 5px 0; }