@charset "utf-8"; /* CSS Document */ /****************************** global ******************************/ body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; } blockquote, address { font-style: normal; } * { outline: none; } img, a img { border: none; } body { background: #E0E0E0 url(/img/body-bg.png) 0 0 repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #333333; } hr { display: none; } img { border: none; } a { color: #000; text-decoration: underline; } a:hover { text-decoration: none; } p { line-height: 1.5; } sup { line-height: 50%; } sup { vertical-align: middle; position: relative; top: -0.2em; } .sup { line-height: 60%; font-size: 75%; vertical-align: top; } .sub { line-height: 60%; font-size: 75%; vertical-align: sub; } .clear { clear: both; line-height: 0; } .left { float: left; } .right { float: right; } .txt-left { text-align: left; } .txt-right { text-align: right; } .center { text-align: center; } .pink { color: #009bda; } .blue { color: #009bda; } .bold { font-weight: bold; } .small { font-size: 11px; } .red { color: #CC0000; } .green { color: #390; } .baumax { color: #FE0711; } .baumax img { vertical-align: middle; margin-top: 0px !important; float: none !important; } .hide { display: none; } /****************************** overlap ******************************/ /* .overlap, .overlap * { display: block; position: relative; overflow: hidden; } .overlap span { position: absolute; left: 0; top: 0; background-position: left top; background-repeat: no-repeat; } a.overlap span, .overlap a span { cursor: pointer; } */ .new-product { position: absolute; top: 0px; right: 0px; width: 70px; height: 60px; background: url(../img/novinka.png) no-repeat; } .list-view .new-product { position: absolute; top: 3px; right: 0px; width: 57px; height: 19px; background: url(../img/novinka_list.png) no-repeat; } .checkbox, .radio { display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin: 0px 8px 0px 0px; } .checkbox.ready, /*.radio.ready { background: url(/img/checkbox.png) no-repeat left top; }*/ .checkbox.ready input, .radio.ready input { display: none; } .checkbox.checked, .radio.checked { background-position: left -17px; } .radio.ready { background-image: url(/img/radio.png); } select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } input { font-family: Arial, Helvetica, sans-serif; } /****************************** layout ******************************/ #header-img { background: url(/img/header-bg.jpg) 0 0 repeat-x; } #page-wrapper { width: 980px; margin: auto; position: relative; } #page-layout, #page-other { background: #FFFFFF; } #column-left { padding: 58px 0 10px 0; } #right-wrapper { padding: 58px 0 10px 0; } #column-left { width: 210px; } #column-right { float: right; width: 210px; } #column-left .column-content { margin: 0 0 0 10px; } #column-right .column-content { margin: 0 10px 0 0; } #right-wrapper { float: right; width: 755px; } #content { float: left; width: 510px; padding: 0 15px 10px 15px; } #page-layout.layout-2-columns #content, #page-layout.layout-1-columns #content { width: 715px; } .wide #content { width: 720px; } .wide #column-right { display: none; } /****************************** header ******************************/ #header { height: 135px; width: 980px; } #logo { width: 180px; height: 55px; margin: 0 0 0 15px; } /****************************** menu ******************************/ #menu { position: absolute; top: 94px; left: 0; height: 44px; width: 980px; background: url(/img/menu-bg.png) 0 0 repeat-x; } #menu ul { list-style: none; } #menu li { position: relative; float: left; height: 44px; margin: 0px;} #menu a { position: absolute; top: 0px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; color: #5d5d5d; display: block; float: left; height: 45px; padding: 13px 0 0 0; text-decoration: none; text-align: center; } #menu a:hover { text-decoration: none; position: absolute; top: 0px; left: 0px; } #menu span { height: 44px; } #m1, #m1 * { width: 51px; } #m2, #m2 * { width: 134px; } #m3, #m3 * { width: 110px; } #m4, #m4 * { width: 103px; } #m5, #m5 * { width: 131px; } #m6, #m6 * { width: 110px; } #m7, #m7 * { width: 104px; } #m8, #m8 * { width: 112px; } #m9, #m9 * { width: 116px; } #m1 a span { background: url(/img/m1.png) 0px 0px; } #m1 a:hover span { background: url(/img/m1.png) 0px -53px; } #m2 a span { background: url(/img/m2.png) 0px 0px; } #m2 a:hover span { background: url(/img/m2.png) 2px -53px; } #m3 a span { background: url(/img/m3.png) 0px 0px; } #m3 a:hover span { background: url(/img/m3.png) 2px -53px; } #m4 a span { background: url(/img/m4.png) 0px 0px; } #m4 a:hover span { background: url(/img/m4.png) 2px -53px; } #m5 a span { background: url(/img/m5.png) 0px 0px; } #m5 a:hover span { background: url(/img/m5.png) 2px -53px; } #m6 a span { background: url(/img/m6.png) 0px 0px; } #m6 a:hover span { background: url(/img/m6.png) 2px -53px; } #m7 a span { background: url(/img/m7.png) 0px 0px; } #m7 a:hover span { background: url(/img/m7.png) 2px -53px; } #m8 a span { background: url(/img/m8.png) 0px 0px; } #m8 a:hover span { background: url(/img/m8.png) 2px -53px; } #m9 a span { background: url(/img/m9.png) 0px 0px; } #m9 a:hover span { background: url(/img/m9.png) 2px -53px; } #m2:hover {margin-left: -2px; width: 136px; } #m3:hover {margin-left: -2px; width: 112px; } #m4:hover {margin-left: -2px; width: 105px; } #m5:hover {margin-left: -2px; width: 133px; } #m6:hover {margin-left: -2px; width: 112px; } #m7:hover {margin-left: -2px; width: 106px; } #m8:hover {margin-left: -2px; width: 114px; } #m9:hover {margin-left: -2px; width: 118px; } #page-ceresit #m2, #page-product #m3, #page-system #m4, #page-consultancy #m5, #page-actual #m6, #page-contact #m8, #page-distributors #m7, #page-files #m9 { margin-left: -2px; } #page-ceresit #m2:hover, #page-product #m3:hover, #page-system #m4:hover, #page-consultancy #m5:hover, #page-actual #m6:hover, #page-contact #m8:hover, #page-distributors #m7:hover, #page-files #m9:hover { margin-right: -2px; } #page-homepage #m1 a, #page-ceresit #m2 a, #page-product #m3 a, #page-system #m4 a, #page-consultancy #m5 a, #page-actual #m6 a, #page-contact #m8 a, #page-distributors #m7 a, #page-files #m9 a { color: #000000; } #page-homepage #m1 a span, #page-ceresit #m2 a span, #page-product #m3 a span, #page-system #m4 a span, #page-consultancy #m5 a span, #page-actual #m6 a span, #page-distributors #m7 a span, #page-contact #m8 a span, #page-files #m9 a span { color: #000000; background-position: 0px -53px !important; } /****************************** breadcrumbs ******************************/ #breadcrumbs { position: absolute; top: 138px; left: 0; width: 950px; padding: 7px 15px 7px 15px; font-size: 11px; color: #8b8b8b; background: url(/img/breadcrumbs-bg.png) repeat-x top left #FFFFFF; line-height: 22px; height: 22px; overflow: hidden; } #breadcrumbs strong { position: relative; top: -11px; left: 0px; display: block; clear: none; float: left; padding: 11px 30px 2px 0px; background: url(/img/breadcrumbs-home.png) no-repeat 60px 13px; } #breadcrumbs a { position: relative; top: -11px; left: 0px; display: block; clear: none; float: left; color: #8b8b8b; padding: 11px 20px 7px 0px; margin: 0px 10px 0px 0px; background: url(/img/breadcrumbs-arrow.png) no-repeat right 11px; } #breadcrumbs a:hover { background: url(/img/breadcrumbs-arrow-a.png) no-repeat right 11px; } /* #breadcrumbs span { display: block; clear: none; float: left; padding: 11px 0px 12px 0px; } */ /****************************** search form + site map ******************************/ #search-sitemap { position: absolute; top: 25px; right: 0px; font-size: 11px; width: 238px; height: 45px; padding: 0px; background: url(/img/search-sitemap-bg.png) repeat-x top right transparent; } #search-sitemap label { display: none; } fieldset { border: none; display: inline; } #search-form { float: left; } #search-form * { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; } #search-form input { border: none; background: none; padding: 0px; height: 35px; line-height: 35px; margin: 5px 0px 5px 10px; width: 172px;} #search-form input.submit { border: none; padding: 0; margin: 0px 5px; width: 35px; height: 35px;} #sitemap { float: left; padding: 7px 0 0 0; } #sitemap a { color: #000; margin: 0 0 0 14px; } /****************************** left / right column ******************************/ #column-left .column-content div, #column-right .column-content div { margin: 0 0 20px 0; } #column-left p, #column-right p { font-size: 11px; color: #333; padding: 3px 8px 8px 8px; } #column-left strong, #column-right strong { font-size: 11px; } #column-left a, #column-right a { color: #333; } #column-left h2, #column-right h2 { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; padding: 13px 10px 13px 52px; background-position: left top; background: #333333 url(/img/h2-bg-shadow.png) left top no-repeat; border: 1px solid #333333; } /* #used-products h2 { background-image: url(/img/h2-bg-shadow-a.png); } */ /* left menu */ #left-menu ul { list-style: none; } #left-menu li { border-bottom: 1px solid #d1d1d1; } #left-menu li li { border-bottom: none; border-top: 1px solid #d1d1d1; width: 197px; font-weight: normal; } #left-menu ul li ul li { border: none; } #left-menu li a { display: block; color: #676767; font-size: 12px; font-weight: normal; text-decoration: none; padding: 9px 5px 9px 10px; } #left-menu .group a { background-position: left bottom; background-repeat: repeat-x; } /* #left-menu .g1 a { background-image: url(/img/g1-li-bg.png); } #left-menu .g2 a { background-image: url(/img/g2-li-bg.png); } #left-menu .g3 a { background-image: url(/img/g3-li-bg.png); } #left-menu .g4 a { background-image: url(/img/g4-li-bg.png); } #left-menu .g5 a { background-image: url(/img/g5-li-bg.png); } #left-menu .g6 a { background-image: url(/img/g6-li-bg.png); } #left-menu .g7 a { background-image: url(/img/g7-li-bg.png); } #left-menu .g8 a { background-image: url(/img/g8-li-bg.png); } #left-menu .g9 a { background-image: url(/img/g9-li-bg.png); } #left-menu .g10 a { background-image: url(/img/g10-li-bg.png); } */ #left-menu .g1 a { border-left: 3px solid #009bda; } #left-menu .g2 a { border-left: 3px solid #574099; } #left-menu .g3 a { border-left: 3px solid #019957; } #left-menu .g4 a { border-left: 3px solid #bb9600; } #left-menu .g5 a { border-left: 3px solid #e50278; } #left-menu .g6 a { border-left: 3px solid #858585; } #left-menu .g7 a { border-left: 3px solid #06b59d; } #left-menu .g8 a { border-left: 3px solid #574099; } #left-menu .g9 a { border-left: 3px solid #eb902f; } #left-menu .g10 a { border-left: 3px solid #006BB6; } .product-group1 #left-menu .g1.active a { background-image: url(/img/g1-li-active-bg.png); color: #009bda; font-weight: bold; border: 0px; } .product-group2 #left-menu .g2.active a { background-image: url(/img/g2-li-active-bg.png); color: #574099; font-weight: bold; border: 0px; } .product-group3 #left-menu .g3.active a { background-image: url(/img/g3-li-active-bg.png); color: #019957; font-weight: bold; border: 0px; } .product-group4 #left-menu .g4.active a { background-image: url(/img/g4-li-active-bg.png); color: #bb9600; font-weight: bold; border: 0px; } .product-group5 #left-menu .g5.active a { background-image: url(/img/g5-li-active-bg.png); color: #e50278; font-weight: bold; border: 0px; } .product-group6 #left-menu .g6.active a { background-image: url(/img/g6-li-active-bg.png); color: #858585; font-weight: bold; border: 0px; } .product-group7 #left-menu .g7.active a { background-image: url(/img/g7-li-active-bg.png); color: #06b59d; font-weight: bold; border: 0px; } .product-group8 #left-menu .g8.active a { background-image: url(/img/g8-li-active-bg.png); color: #574099; font-weight: bold; border: 0px; } .product-group9 #left-menu .g9.active a { background-image: url(/img/g9-li-active-bg.png); color: #eb902f; font-weight: bold; border: 0px; } .product-group10 #left-menu .g10.active a { background-image: url(/img/g10-li-active-bg.png); color: #006BB6; font-weight: bold; border: 0px; } .product-group1 #left-menu .g1.active ul li a { background-image: url(/img/g1-li-li-active-bg.png) !important; } .product-group2 #left-menu .g2.active ul li a { background-image: url(/img/g2-li-li-active-bg.png) !important; } .product-group3 #left-menu .g3.active ul li a { background-image: url(/img/g3-li-li-active-bg.png) !important; } .product-group4 #left-menu .g4.active ul li a { background-image: url(/img/g4-li-li-active-bg.png) !important; } .product-group5 #left-menu .g5.active ul li a { background-image: url(/img/g5-li-li-active-bg.png) !important; } .product-group6 #left-menu .g6.active ul li a { background-image: url(/img/g6-li-li-active-bg.png) !important; } .product-group7 #left-menu .g7.active ul li a { background-image: url(/img/g7-li-li-active-bg.png) !important; } .product-group8 #left-menu .g8.active ul li a { background-image: url(/img/g8-li-li-active-bg.png) !important; } .product-group9 #left-menu .g9.active ul li a { background-image: url(/img/g9-li-li-active-bg.png) !important; } .product-group10 #left-menu .g10.active ul li a { background-image: url(/img/g10-li-li-active-bg.png) !important; } #page-product #left-menu ul .group ul li a { color: #222; } #page-product #left-menu .g1 li.active a { background-image: url(/img/left-menu-bg.png); color: #009bda; font-weight: bold; } #page-product #left-menu .g2 li.active a { background-image: url(/img/left-menu-bg.png); color: #574099; font-weight: bold; } #page-product #left-menu .g3 li.active a { background-image: url(/img/left-menu-bg.png); color: #019957; font-weight: bold; } #page-product #left-menu .g4 li.active a { background-image: url(/img/left-menu-bg.png); color: #bb9600; font-weight: bold; } #page-product #left-menu .g5 li.active a { background-image: url(/img/left-menu-bg.png); color: #e50278; font-weight: bold; } #page-product #left-menu .g6 li.active a { background-image: url(/img/left-menu-bg.png); color: #858585; font-weight: bold; } #page-product #left-menu .g7 li.active a { background-image: url(/img/left-menu-bg.png); color: #06b59d; font-weight: bold; } #page-product #left-menu .g8 li.active a { background-image: url(/img/left-menu-bg.png); color: #574099; font-weight: bold; } #page-system #left-menu .g1 li.active a { background-image: url(/img/left-menu-bg.png); color: #009bda; font-weight: bold; } #page-system #left-menu .g3 li.active a { background-image: url(/img/left-menu-bg.png); color: #019957; font-weight: bold; } #page-product #left-menu .g9 li.active a { background-image: url(/img/left-menu-bg.png); color: #eb902f; font-weight: bold; } #page-product #left-menu .g10 li.active a { background-image: url(/img/left-menu-bg.png); color: #006BB6; font-weight: bold; } /*#page-system #left-menu li a { font-weight: normal; font-size: 11px; }*/ #left-menu li a:hover { text-decoration: underline; } #left-menu li li a, #left-menu li.active li a { position: relative; top: 1px; left: 0px; color: #222; font-size: 12px; font-weight: normal !important; padding: 7px 15px 7px 22px; line-height: 14px; background: url(/img/left-menu-bg.png) bottom left no-repeat; } #left-menu ul .active a { color: #3b3b3b; background: url(/img/left-menu-li-bg.png) no-repeat bottom left; } #left-menu li.active a { border-bottom: 1px solid #d1d1d1; margin: 0px 0px -1px 0px; } #left-menu li.active li a { border-bottom: none; margin: 0px 0px 0px 0px; min-height: 16px; overflow: visible !important; } #left-menu li li.active a { color: #3b3b3b; font-weight: bold; background-image: url(/img/left-menu-bg.png); border-bottom: none !important; border-top: none; margin: 0px 0px 0px 0px; } #left-menu li.active li.active a { font-weight: bold !important; } #page-product #left-menu .group li a { background: url(/img/left-menu-bg.png) bottom left no-repeat; font-weight: normal; } #page-system #left-menu .group li a { background: url(/img/left-menu-bg.png) bottom left no-repeat; color: #333333; } /* right menu - products */ #right-menu { background: #FFFFFF; padding-bottom: 5px; } #right-menu ul { list-style: none; } #right-menu ul li { padding: 0 0px; } #right-menu ul li a { display: block; padding: 6px 13px 6px 13px; font-size: 12px; color: #333; text-decoration: none; border-bottom: 1px solid #e5e5e5; width: 174px; } #right-menu ul li a:hover { text-decoration: none; border-bottom: 1px solid #afafaf; } #right-menu ul li.active { background: url(/img/right-menu-li-bg.png) bottom left no-repeat; font-weight: bold; } .product-group1 #right-menu ul li.active a { color: #009bda; } /* colors */ .product-group1 #right-menu h2 { background: #009bda url(/img/h2-bg-group1.png) left center no-repeat; border: 1px solid #0092ce; padding: 12px 4px 13px 46px; } .product-group1 #right-menu { background: #FFFFFF; } .product-group1 #right-menu ul li.active a { color: #009bda; } .product-group2 #right-menu h2 { background: #3c398c url(/img/h2-bg-group2.png) left center no-repeat; border: 1px solid #29276f; padding: 12px 4px 13px 46px; } .product-group2 #right-menu { background: #FFFFFF; } .product-group2 #right-menu ul li.active a { color: #574099; } .product-group3 #right-menu h2 { background: #019957 url(/img/h2-bg-group3.png) left center no-repeat; border: 1px solid #007844; padding: 12px 4px 13px 46px; } .product-group3 #right-menu { background: #FFFFFF; } .product-group3 #right-menu ul li.active a { color: #019957; } .product-group4 #right-menu h2 { background: #e1b500 url(/img/h2-bg-group4.png) left center no-repeat; border: 1px solid #c49e00; padding: 12px 4px 13px 46px; } .product-group4 #right-menu { background: #FFFFFF; } .product-group4 #right-menu ul li.active a { color: #bb9600; } .product-group5 #right-menu h2 { background: #e50278 url(/img/h2-bg-group5.png) left center no-repeat; border: 1px solid #ab0059; padding: 12px 4px 13px 46px; } .product-group5 #right-menu { background: #FFFFFF; } .product-group5 #right-menu ul li.active a { color: #e50278; } .product-group6 #right-menu h2 { background: #858585 url(/img/h2-bg-group6.png) left center no-repeat; border: 1px solid #555555; padding: 12px 4px 13px 46px; } .product-group6 #right-menu { background: #FFFFFF; } .product-group6 #right-menu ul li.active a { color: #858585; } .product-group7 #right-menu h2 { background: #06b59d url(/img/h2-bg-group7.png) left center no-repeat; border: 1px solid #008f7b; padding: 12px 4px 13px 46px; } .product-group7 #right-menu { background: #FFFFFF; } .product-group7 #right-menu ul li.active a { color: #06b59d; } .product-group8 #right-menu h2 { background: #3c398c url(/img/h2-bg-group2.png) left center no-repeat; border: 1px solid #29276f; padding: 12px 4px 13px 46px; } .product-group8 #right-menu { background: #FFFFFF; } .product-group8 #right-menu ul li.active a { color: #574099; } .product-group9 #right-menu h2 { background: #eb902f url(/img/h2-bg-group9.png) left center no-repeat; border: 1px solid #c77319; padding: 12px 4px 13px 46px; } .product-group9 #right-menu { background: #FFFFFF; } .product-group9 #right-menu ul li.active a { color: #EB902F; } .product-group10 #right-menu h2 { background: #006bb6 url(/img/h2-bg-group10.png) left center no-repeat; border: 1px solid #004f87; padding: 12px 4px 13px 46px; } .product-group10 #right-menu { background: #FFFFFF; } .product-group10 #right-menu ul li.active a { color: #004f87; } /* quick product finder + dealers[select] */ #quick-finder { background: url(/img/quick-finder-bg.png) no-repeat bottom left #FFFFFF; padding: 0 0px 10px 0px; } #quick-finder select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #dealers * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #quick-finder select, #dealers select { margin: 0 0 5px 14px; width: 172px; } #quick-finder optgroup option { padding: 0 0 0 15px; } #quick-finder h3 { color: #333; text-transform: uppercase; font: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 6px 14px 3px 14px; } #quick-finder a { text-decoration: none; } #quick-finder a:hover { text-decoration: underline; } #quick-finder p { font-size: 12px; margin: 10px 6px 10px 6px; } /* product-search */ #product-search { background: url(/img/product-search-bg.png) no-repeat bottom left #FFFFFF; padding: 0 0px 2px 0px; } #product-search h3 { text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 12px 14px 10px 14px; border: 1px solid #d5d5d5; border-bottom: none; background: url(/img/product-search-h3.png) repeat-x top left #fafafa; } #product-search u { display: block; text-decoration: none; font-size: 12px; font-weight: normal; } #product-search span { float: right; } #product-search a span { display: block; width: 10px; height: 27px; background: url(/img/product-search-arrow.png) no-repeat 0px 8px; } #product-search a:hover span { display: block; width: 10px; height: 27px; background: url(/img/product-search-arrow-a.png) no-repeat 0px 8px; } #product-search a { text-decoration: none; } #product-search a:hover { text-decoration: underline; } /* dealers */ #dealers { background: url(/img/dealers-bg.png) no-repeat bottom left; padding: 0px 0px 10px 0px; } #dealers p { margin: 10px 5px 0px 5px;} /* interactive map */ #interactive-map { background: #dff1fb; } #interactive-map img { padding-left: 5px; } /* akce */ #akce { background: #dff1fb; } #akce img { margin: 0 5px 5px 5px; } #akce h3 { margin-left: 8px; text-indent: -36px; font-size: 14px; padding-left: 33px; line-height: 16px; margin-bottom: 0px; padding-bottom: 0px; } #akce h3 span { color: #009bda; font-size: 12px; } #akce h3 a { text-decoration: none; } #akce p { padding-top: 0px; } /* henkel links */ #henkel-links { border: 1px solid #d1d1d1; background: #FFFFFF; } #henkel-links img { margin: 10px 10px 10px 10px; } #henkel-links p { padding: 5px 0px 15px 0px; text-align: center; line-height: 12px; text-transform: uppercase; } /* katalog */ #katalog { position: relative; min-height: 142px; border-bottom: 45px solid #FFFFFF; background: url(/img/katalog-bg.png) no-repeat bottom left; } #katalog:hover { background: url(/img/katalog-bg-a.png) no-repeat bottom left; } #katalog p { margin: 7px 8px 11px 8px; display: none; } #katalog img { position: absolute; top: 40px; left: 48px; } #katalog h2 { font: bold 15px Arial, Helvetica, sans-serif; color: #333333; padding: 13px 10px 13px 13px; background-position: left top; background: none; border: none; border-top: 1px solid #e4e4e4; } #katalog h2 span { font-weight: normal; } /* references - used products */ #used-products .item { padding: 8px 5px 0 5px; margin: 0 !important; } #used-products img { float: left; } #used-products h3 { font-size: 14px; margin: 0 0 0 70px; text-transform: none; } #used-products p { margin: 0 0 0 70px; padding: 5px 0 0 0; font-size: 12px; line-height: 1.3; } #used-products .clear { border-bottom: 1px solid #e8e8e8; margin: 5px 0 0 0 !important; height: 8px; } /****************************** content ******************************/ /* general */ #content h1 { font: bold 24px Arial, Helvetica, sans-serif; padding: 0 90px 10px 0; margin: 8px 0px 18px 0; letter-spacing: -1px; border-bottom: 1px solid #ebebeb; } #content h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #009bda; text-transform: uppercase; padding: 10px 0 5px 0; } #content h3 { font: bold 14px Arial, Helvetica, sans-serif; padding: 10px 0 5px 0; } #content p { margin: 0 0 10px 0; } #content ul { list-style: none; margin: 0 0 10px 2px; } #content ul li { padding: 3px 10px; background: url(/img/li-bg.png) 0 11px no-repeat; } #content ol { list-style: decimal; margin: 0 0 5px 20px; } #content ol li { padding: 3px 0; } #content img.right { margin: 3px 0 3px 10px; } #content img.left { margin: 3px 10px 3px 0; } #content div.fifty { width: 49%; float: left; } #content p.fifty { width: 340px; float: left; padding: 0 15px 5px 0; } #content p.fifty img { margin-bottom: 10px; } .hr-line { margin-bottom: 5px; } .product-group1 .hr-line { border-bottom-color: #DFF1FB; } #content .bubble-mark h3 { margin: 0px; padding: 0px !important; } /**************/ /* SLIDE LIST */ /**************/ div.slide-list {} div.slide-list.ready h2 { cursor: pointer; } div.slide-item { padding: 0px 10px 10px 10px; margin-bottom: 0px; } div.slide-item.video-box { border: 1px solid #cecece; } div.slide-item.odd { background-color: #F5F5F5; } div.slide-item h2 { padding: 10px 0px 0px 0px; margin: 0px; background: url(/img/plus.gif) no-repeat right 13px; } div.slide-item h2.active { background-image: url(/img/minus.gif); } div.slide-content { background-color: #FFFFFF; padding: 10px; margin-top: 10px; } div.video-box .slide-content { padding: 0px 0px 0px 10px; margin-top: 20px; } #content div.slide-item ol { margin: 0px 0px 0px 2em; } #content div.slide-item img { margin-top: 0px; } #content div.slide-item table { margin-top: 0px; } /* video box */ #content .video-box { border: 1px solid #cecece; padding: 0px; margin: 20px 0px 20px 0px; color: #333333; line-height: 18px; background: url(../img/video-box-bg.png) no-repeat right top; } #content .video-box h2 { font-size: 13px; margin: 0px 0px 12px 0px !important; color: #333333; text-decoration: underline; line-height: 18px; } #content .video-box h3 { font-size: 20px; line-height: 8px; margin: 8px 0px 0px 0px; } #content .video-box p { padding: 0px 0px 0px 22px; margin: 0px; background: url(../img/video-bg.png) no-repeat left top; } /**********/ /* BUBBLE */ /**********/ div.bubble { padding: 10px; position: absolute; width: auto; z-index: 99; display: none; font-weight: bold; margin-left: 0px; } div.bubble-top { position: absolute; top: 0px; left: 10px; right: 10px; height: 10px; background: url(/img/bubble-bg-t.png) repeat-x left bottom; } div.bubble-right { position: absolute; top: 10px; right: 0px; bottom: 10px; width: 10px; background: url(/img/bubble-bg-r.png) repeat-y left top; } div.bubble-bottom { position: absolute; bottom: 0px; left: 10px; right: 10px; height: 10px; background: url(/img/bubble-bg-b.png) repeat-x left top; } div.bubble-left { position: absolute; top: 10px; left: 0px; bottom: 10px; width: 10px; background: url(/img/bubble-bg-l.png) repeat-y right top; } div.bubble-top-left { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background: url(/img/bubble-bg-tl.png) no-repeat right bottom; } div.bubble-top-right { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background: url(/img/bubble-bg-tr.png) no-repeat left bottom; } div.bubble-bottom-left { position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; background: url(/img/bubble-bg-bl.png) no-repeat right top; } div.bubble-bottom-right { position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; background: url(/img/bubble-bg-br.png) no-repeat left top; } div.bubble-content { background-color: #FFFFFF; padding: 15px 15px 15px 10px; white-space: nowrap; } /* DIFFERENT ORIENTATIONS OF ARROW */ div.orientation-left { padding-left: 20px; position: absolute; margin-top: -20px; } div.orientation-left div.bubble-top, div.orientation-left div.bubble-bottom { left: 20px; } div.orientation-left div.bubble-left, div.orientation-left div.bubble-top-left, div.orientation-left div.bubble-bottom-left { width: 20px; } div.orientation-left div.bubble-left { background-image: url(/img/bubble-arrow-left.png); } div.orientation-right { padding-right: 20px; position: absolute; margin-top: -20px; } div.orientation-right div.bubble-top, div.orientation-right div.bubble-bottom { right: 20px; } div.orientation-right div.bubble-right, div.orientation-right div.bubble-top-right, div.orientation-right div.bubble-bottom-right { width: 20px; } div.orientation-right div.bubble-right { background-image: url(/img/bubble-arrow-right.png); } div.orientation-top { padding-top: 20px; } div.orientation-top div.bubble-left, div.orientation-top div.bubble-right { top: 20px; } div.orientation-top div.bubble-top, div.orientation-top div.bubble-top-left, div.orientation-top div.bubble-top-right { height: 20px; } div.orientation-top div.bubble-top { background-image: url(/img/bubble-arrow-top.png); background-position: center bottom; } /* mapa */ #mapa-cr-wrapper { margin: 0px auto; width: 422px; height: 259px; background: url(/img/mapa-cr-sprite.png) no-repeat left top; position: relative; z-index: 0; } #mapa-cr-wrapper .bubble { display: block; width: 200px; height: 33px; background: url(/img/bubble.gif) no-repeat 10px bottom; position: absolute; top: 40px; left: 0px; line-height: 27px; z-index: 0; } #mapa-cr-wrapper .bubble span { background-color: #009BDA; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 7px 10px; white-space: nowrap; } #mapa-cr-wrapper img { position: relative; z-index: 10; } /* product colors */ .product-group1 #content h1, .product-group1 #content h2, #box .product-group1 h2 { color: #009bda; margin-top: 16px; } .product-group2 #content h1, .product-group2 #content h2, #box .product-group2 h2 { color: #574099; margin-top: 16px; } .product-group3 #content h1, .product-group3 #content h2, #box .product-group3 h2 { color: #019957; margin-top: 16px; } .product-group4 #content h1, .product-group4 #content h2, #box .product-group4 h2 { color: #e1b500; margin-top: 16px; } .product-group5 #content h1, .product-group5 #content h2, #box .product-group5 h2 { color: #e50278; margin-top: 16px; } .product-group6 #content h1, .product-group6 #content h2, #box .product-group6 h2 { color: #858585; margin-top: 16px; } .product-group7 #content h1, .product-group7 #content h2, #box .product-group7 h2 { color: #06b59d; margin-top: 16px; } .product-group8 #content h1, .product-group8 #content h2, #box .product-group8 h2 { color: #574099; margin-top: 16px; } .product-group9 #content h1, .product-group9 #content h2, #box .product-group9 h2 { color: #eb902f; margin-top: 16px; } .product-group10 #content h1, .product-group10 #content h2, #box .product-group10 h2 { color: #006BB6; margin-top: 16px; } .product-group1 #box h3 a span { color: #009bda; } .product-group2 #box h3 a span { color: #574099; } .product-group3 #box h3 a span { color: #019957; } .product-group4 #box h3 a span { color: #e1b500; } .product-group5 #box h3 a span { color: #e50278; } .product-group6 #box h3 a span { color: #858585; } .product-group7 #box h3 a span { color: #06b59d; } .product-group8 #box h3 a span { color: #574099; } .product-group9 #box h3 a span { color: #eb902f; } .product-group10 #box h3 a span { color: #006BB6; } /* all about thomsit */ /* references */ #reference-header img { display: block; } #content.reference .introduction { margin: 5px 0; padding: 0 20px 0 0; } #basic-facts { background: #eee; padding: 0 10px 10px 10px; margin: 0 0 10px 0; } #photogallery-tip { float: right; background: #eee url(/img/ico-info.png) 5px 6px no-repeat; padding: 5px 5px 5px 24px; color: #666; font-size: 10px; width: 135px; margin: -25px 0 0 0 !important; } #photogallery { margin: 10px 0 15px 0; } #photogallery img { margin: 0 8px 0 0; } /* products */ #content #specification { float: right; clear: right; margin: 10px 3px 5px 10px; } #content #specification img { margin: 0 3px; } #content .introduction { font-size: 14px; font-weight: bold; } #content .product-img { float: right; margin: 5px 0 5px 20px; } #content #category-links { padding: 5px 0 10px 0; font-size: 11px; } #content #symbols { padding: 5px 5px 0 5px; height: 30px; } #content #symbols img { display: block; float: left; margin: 0 0px 0 0; } #view-switch { height: 34px; width: 82px; position: absolute; top: 192px; right: 28px; } #view-switch a { display: block; height: 34px; width: 41px; float: left; background-position: 0 0; background-repeat: no-repeat; } #view-switch #box-view { background-image: url(/img/ico-box-view.png); } #view-switch #list-view { background-image: url(/img/ico-list-view.png); margin: 0 0 0 0px; } #view-switch a:hover, #view-switch a.selected { background-position: 0 -34px; } .gis-emi-codes strong { font-size: 14px; } /* links */ a.download { text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 2px 0 6px 20px; background: url(/img/ico-download.png) 0 0 no-repeat; text-decoration: none; } a:hover.download { text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 2px 0 6px 20px; background: url(/img/ico-download-a.png) 0 0 no-repeat; text-decoration: none; } /* systems */ #system-left { float: left; width: 250px; position: relative; } #system-right { float: right; width: 245px; padding: 10px 0 0 0; } #system-left img { margin: 0 0 20px 0; } #system-header img { display: block; } #content.system h1 { font-size: 15px; color: #fff; background: #009bda; letter-spacing: 0; padding: 8px 10px 10px 10px; text-align: center; margin: 0px 0px -1px 0px; } .product-group3 #content.system h1 { color: #fff; background: #019957; } .product-group3 #content.system h2 { color: #019957; } #system-left span { display: block; padding: 5px; width: 110px; color: #009bda; background: #FFFFFF; text-align: center; font-size: 11px; font-weight: bold; line-height: 1.2; position: absolute; right: 15px; } .product-group3 #system-left span { color: #019957; } #system-left.side-layer span { width: 90px; right: 58px; } #system-left span.top0 { top: 0; } #system-left span.top5 { top: 5px; } #system-left span.top10 { top: 10px; } #system-left span.top20 { top: 20px; } #system-left span.top30 { top: 30px; } #system-left span.top40 { top: 40px; } #system-left span.top50 { top: 50px; } #system-left span.top60 { top: 60px; } #system-left span.top70 { top: 70px; } #system-left span.top80 { top: 80px; } #system-left span.top90 { top: 90px; } #system-left span.top100 { top: 100px; } #system-left span.top110 { top: 110px; } #system-left span.top120 { top: 120px; } #system-left span.top130 { top: 130px; } #system-left span.top140 { top: 140px; } #system-left span.top150 { top: 150px; } #system-left span.top160 { top: 160px; } #system-left span.top170 { top: 170px; } #system-left span.top180 { top: 180px; } #system-left span.top190 { top: 190px; } #system-left span.top200 { top: 200px; } #system-left span.top210 { top: 210px; } #system-left span.top220 { top: 220px; } #system-left span.top230 { top: 230px; } #system-left span.top240 { top: 240px; } #system-left span.top250 { top: 250px; } #system-left span.top260 { top: 260px; } #system-left span.top270 { top: 270px; } #system-left span.top280 { top: 280px; } #system-left span.top290 { top: 290px; } #system-left span.top300 { top: 300px; } #system-left span.top310 { top: 310px; } #system-left span.top320 { top: 320px; } #system-left span.top330 { top: 330px; } #system-left span.top340 { top: 340px; } #system-left span.top350 { top: 350px; } #system-left span.top360 { top: 360px; } #system-left span.top370 { top: 370px; } #system-left span.top380 { top: 380px; } #system-left span.top390 { top: 390px; } #system-left span.top400 { top: 400px; } #system-left span.top410 { top: 410px; } #system-left span.top420 { top: 420px; } #system-left span.top430 { top: 430px; } #system-left span.top440 { top: 440px; } #system-left span.top450 { top: 450px; } #system-left span.top460 { top: 460px; } #system-left span.top470 { top: 470px; } #system-left span.top480 { top: 480px; } #system-left span.top490 { top: 490px; } #system-left span.top500 { top: 500px; } .link-ico-info { padding: 0px 0px 0px 2px; } .link-ico-info img { vertical-align: middle; } .anchor-block { margin-bottom: 30px; padding: 0px; border: 1px solid #FFFFFF; padding: 0px 0px 0px 7px; } .anchor-block img { border: 10px solid #FFFFFF; } .product-group8 .anchor-block.active { border-color: #EAE7F2; background-color: #F2F0F7; } /* consultancy */ /* caste dotazy form */ #slide { padding-bottom: 1px; } #form-faq { padding: 0 0 10px 10px; font-family: Arial, Helvetica, sans-serif; } #form-faq * { font-family: Arial, Helvetica, sans-serif; color: #333; } #form-faq .input, #form-faq textarea { border: 1px solid #ddd; padding: 4px; font-size: 12px; } #form-faq .input { float: left; width: 135px; margin: 10px 25px 0 0; } #form-faq textarea { overflow: hidden; height: 100px; width: 370px; margin: 10px 0 0 0px; } #form-faq fieldset { border: none; margin: 0; padding: 0; } #form-faq label { display: block; padding-top: 0px; width: 65px; float: left; line-height: 20px; padding-top: 13px; } #form-faq input.button { margin-top: 10px; margin-left: 63px; float: left; } #form-faq p .input { float: none; margin-left: 5px; } .box-border { color: #000; border: 1px solid #ccc; padding: 0 10px; margin: 0 0 10px 0; } p.q { font-weight: bold; font-style: italic; margin: 0; padding: 15px 0 0 0; font-size: 13px; line-height: 1; } /* contacts */ #content .dealers p { margin: 0; } #content .dealers h3 { padding: 2px 0; font-size: 12px; } p.cert { position: absolute; top: 180px; right: 164px; background-color: #009bda/*F2FAFD*/; color: #fff; font-size: 11px; font-weight: bold; width: 200px; padding: 3px 5px; } p.cert img { vertical-align: middle; margin-right: 6px; margin-top: -2px; } /* contact us form */ #form-contact-us td { vertical-align: top; } #form-contact-us { padding: 0 0 10px 10px; font-family: Arial, Helvetica, sans-serif; } #form-contact-us * { font-family: Arial, Helvetica, sans-serif; color: #333; } #form-contact-us .input, #form-contact-us textarea { border: 1px solid #ddd; padding: 4px; font-size: 12px; } #form-contact-us .input { float: left; width: 135px; margin: 10px 25px 0 0; } #form-contact-us textarea { overflow: hidden; height: 100px; width: 370px; margin: 10px 0 0 0px; } #form-contact-us label { display: block; padding-top: 0px; width: 65px; float: left; line-height: 20px; padding-top: 13px; } #form-contact-us input.button { margin-top: 10px; margin-left: 63px; float: left; } /* info box */ #content .info-box { background: #FEF2F8 url(/img/info-box-bg.gif) no-repeat 10px center; padding: 10px 10px 10px 33px; font-size: 12px; color: #333333; line-height: 18px; margin-right: 14px; } #content .cs-25 { background: #F2FBFA url(/img/info-box-bg.gif) no-repeat 10px center; } #content .ce-40-43,#content .cm-17-stopdust { background: #DFF1FB url(/img/info-box-bg.gif) no-repeat 10px center; } #content .cr-90 { background: #E3F4EC url(/img/info-box-bg.gif) no-repeat 10px center; } #content.product .info-box { margin-right: 0px; padding-top: 7px; padding-bottom: 7px; } /****************************** box ******************************/ #page-ceresit #box .box, #page-product .product #box .box, #page-product .product #box .box, #page-system #box .box { float: left; width: 215px; height: 135px; padding: 5px; background: #e8e8e8 url(/img/box-bg.png) 0 0 repeat-x; } #page-product .product #box .box, #page-product .product #box .box, #page-system #box .box { float: left; width: 215px; height: 135px; padding: 5px; background: #e8e8e8 url(/img/box-bg.png) 0 0 repeat-x; } #page-system #box .box { height: 130px; margin-right: 10px; } #page-system p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; } #page-ceresit #box .box { width: 215px; height: 152px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; } #page-ceresit #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-ceresit p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; } #page-system #page-layout #box .box { width: 215px; height: 142px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; } #page-system #page-layout #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-system #page-layout.layout-2-columns #box .box.blue { width: 335px; height: 142px; background: url(/img/page-system-box-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-right: none !important; border-bottom: none !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.blue h2 a { color: #009be5; } #page-system #page-layout.layout-2-columns #box .box.green { width: 335px; height: 142px; background: url(/img/page-system-box-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-bottom: none !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.green h2 a { color: #186600; } #page-system #page-layout.layout-2-columns #box .box.violet { width: 335px; height: 142px; background: url(/img/page-system-box-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-top: none !important; border-bottom: none !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.violet h2 a { color: #3f3c93; } #page-system #page-layout.layout-2-columns #box .box h2 { margin: 0px 0px 12px 0px; text-transform: uppercase; } #page-system #page-layout.layout-2-columns #box .box.lightblue { width: 335px; height: auto; background: url(/img/page-system-box-light-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-top: 1px solid #efefef !important; border-right: none !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.lightgreen { width: 335px; height: auto; background: url(/img/page-system-box-light-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-top: 1px solid #efefef !important; border-right: 1px solid #d5d5d5 !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.lightviolet { width: 335px; height: auto; background: url(/img/page-system-box-light-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; border-top: 1px solid #efefef !important; border-right: 1px solid #d5d5d5 !important; padding: 10px; margin: 0px !important; } #page-system #page-layout.layout-2-columns #box .box.lightblue p a { color: #4c4c4c; background: none; } #page-system #page-layout.layout-2-columns #box .box.lightgreen p a { color: #4c4c4c; background: none; } #page-system #page-layout.layout-2-columns #box .box.lightviolet p a { color: #4c4c4c; background: none; } #page-system #page-layout.layout-2-columns #box .box.lightblue p { margin: 0px 0px 3px 0px; } #page-system #page-layout.layout-2-columns #box .box.lightgreen p { margin: 0px 0px 3px 0px; } #page-system #page-layout.layout-2-columns #box .box.lightviolet p { margin: 0px 0px 3px 0px; } #page-product.product-group1 .product #box .box { background: url(/img/product-group1-box.png) no-repeat bottom right #d0e4f5; border: 1px solid #8badc9; margin: 14px !important; } #page-product.product-group1 .product #box .box:hover { background: url(/img/product-group1-box-a.png) no-repeat bottom right #d0e4f5;} #page-product.product-group2 .product #box .box { background: url(/img/product-group2-box.png) no-repeat bottom right #e2e2f1; border: 1px solid #b9b7d9; margin: 14px !important; } #page-product.product-group2 .product #box .box:hover { background: url(/img/product-group2-box-a.png) no-repeat bottom right #e2e2f1;} #page-product.product-group3 .product #box .box { background: url(/img/product-group3-box.png) no-repeat bottom right #c1e6d8; border: 1px solid #55aa8a; margin: 14px !important; } #page-product.product-group3 .product #box .box:hover { background: url(/img/product-group3-box-a.png) no-repeat bottom right #c1e6d8;} #page-product.product-group4 .product #box .box { background: url(/img/product-group4-box.png) no-repeat bottom right #fdfeb9; border: 1px solid #dadb49; margin: 14px !important; } #page-product.product-group4 .product #box .box:hover { background: url(/img/product-group4-box-a.png) no-repeat bottom right #fdfeb9;} #page-product.product-group5 .product #box .box { background: url(/img/product-group5-box.png) no-repeat bottom right #ffc8e5; border: 1px solid #ea54a2; margin: 14px !important; } #page-product.product-group5 .product #box .box:hover { background: url(/img/product-group5-box-a.png) no-repeat bottom right #ffc8e5;} #page-product.product-group6 .product #box .box { background: url(/img/product-group6-box.png) no-repeat bottom right #eaeaea; border: 1px solid #c8c8c8; margin: 14px !important; } #page-product.product-group6 .product #box .box:hover { background: url(/img/product-group6-box-a.png) no-repeat bottom right #eaeaea;} #page-product.product-group7 .product #box .box { background: url(/img/product-group7-box.png) no-repeat bottom right #d6f4f4; border: 1px solid #84cfd0; margin: 14px !important; } #page-product.product-group7 .product #box .box:hover { background: url(/img/product-group7-box-a.png) no-repeat bottom right #d6f4f4;} #page-product.product-group8 .product #box .box { background: url(/img/product-group8-box.png) no-repeat bottom right #e2e2f1; border: 1px solid #b9b7d9; margin: 14px !important; } #page-product.product-group8 .product #box .box:hover { background: url(/img/product-group8-box-a.png) no-repeat bottom right #e2e2f1;} #page-product.product-group9 .product #box .box { background: url(/img/product-group9-box.png) no-repeat bottom right #fcdfbd; border: 1px solid #e29c4a; margin: 14px !important; } #page-product.product-group9 .product #box .box:hover { background: url(/img/product-group9-box-a.png) no-repeat bottom right #fcdfbd;} #page-product.product-group10 .product #box .box { background: url(/img/product-group10-box.png) no-repeat bottom right #d0e4f5; border: 1px solid #8badc9; margin: 14px !important; } #page-product.product-group10 .product #box .box:hover { background: url(/img/product-group10-box-a.png) no-repeat bottom right #d0e4f5;} #page-product .product #box .box { border: none; } #page-ceresit #box .box h3, #page-product .product #box .box h3, #page-system #box .box h3 { font-size: 12px; line-height: 1.4; padding: 0px 22px 0 0; } #page-ceresit .box img, #page-product .product .box img, #page-system .box img { display: block; margin: 0 0 9px 0; } #page-product .product #box .box h3 a { display: block !important; text-decoration: underline; } #page-product .product #box .box h3 a:hover { display: block !important; text-decoration: none; } #page-layout #content #box .box { margin: 0 -1px -1px 0; } #page-layout.layout-2-columns #content #box .box { margin: 0 -1px -1px 0; position: relative; } #page-product #box .box, #page-consultancy #box .box { float: left; width: 216px; height: 160px; margin: 5px 0px 5px 0px; padding: 0 10px 0 10px; border: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; background: url(/img/box-product-bg.png) no-repeat right bottom; } #page-product #box { position: relative; } #page-ceresit #box-light .box { background: url(/img/box-product-bg.png) no-repeat bottom right; } #page-ceresit #box-light .box:hover { border-color: #a7a7a7; z-index: 1000; background: url(/img/box-product-bg-a.png) no-repeat bottom right; } #page-ceresit #box .box { background: url(/img/box-product-bg.png) no-repeat bottom right; } #page-ceresit #box .box:hover { border-color: #a7a7a7; z-index: 1000; background: url(/img/box-product-bg-a.png) no-repeat bottom right; } #page-product #box .box { background: url(/img/box-product-bg.png) no-repeat bottom right; } #page-product #box .box:hover { border-color: #a7a7a7; z-index: 1000; background: url(/img/box-product-bg-a.png) no-repeat bottom right; } #page-product #box .box:hover p { color: #000; } #page-product #box .box h3 { font-size: 14px; line-height: 1.2; padding: 5px 0 5px 0; } #page-product #box .box h3 span { font-weight: normal; } #page-product #box .box h3 a { text-decoration: none; } #page-product #box .box p { font-size: 11px; color: #393939; margin: 0 10px 0 70px; line-height: 1.4; } #page-product .box img { float: left; margin: 3px 10px 0 0; } #page-product p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; position: relative; } /* .box.var1 { position: relative; top: 0px; left: 0px; z-index: 1; } .box.var2 { position: relative; top: 0px; left: -1px; z-index: 2; } .box.var3 { position: relative; top: 0px; left: -2px; z-index: 3; } .box.var4 { position: relative; top: -1px; left: 0px; z-index: 4; } .box.var5 { position: relative; top: -1px; left: -1px; z-index: 4; } .box.var6 { position: relative; top: -1px; left: -2px; z-index: 4; } .box.var7 { position: relative; top: -2px; left: 0px; z-index: 4; } .box.var8 { position: relative; top: -2px; left: -1px; z-index: 4; } .box.var9 { position: relative; top: -2px; left: -2px; z-index: 4; } .box.var10 { position: relative; top: -3px; left: 0px; z-index: 1; } .box.var11 { position: relative; top: -3px; left: -1px; z-index: 2; } .box.var12 { position: relative; top: -3px; left: -2px; z-index: 3; } .box.var13 { position: relative; top: -4px; left: 0px; z-index: 4; } .box.var14 { position: relative; top: -4px; left: -1px; z-index: 4; } .box.var15 { position: relative; top: -4px; left: -2px; z-index: 4; } .box.var16 { position: relative; top: -5px; left: 0px; z-index: 4; } .box.var17 { position: relative; top: -5px; left: -1px; z-index: 4; } .box.var18 { position: relative; top: -5px; left: -2px; z-index: 4; } .box.var19 { position: relative; top: -6px; left: 0px; z-index: 1; } .box.var20 { position: relative; top: -6px; left: -1px; z-index: 2; } .box.var21 { position: relative; top: -6px; left: -2px; z-index: 3; } .box.var22 { position: relative; top: -7px; left: 0px; z-index: 4; } .box.var23 { position: relative; top: -7px; left: -1px; z-index: 4; } .box.var24 { position: relative; top: -7px; left: -2px; z-index: 4; } .box.var25 { position: relative; top: -8px; left: 0px; z-index: 4; } .box.var26 { position: relative; top: -8px; left: -1px; z-index: 4; } .box.var27 { position: relative; top: -8px; left: -2px; z-index: 4; } .box.var28 { position: relative; top: -9px; left: 0px; z-index: 1; } .box.var29 { position: relative; top: -9px; left: -1px; z-index: 2; } .box.var30 { position: relative; top: -9px; left: -2px; z-index: 3; } .box.var31 { position: relative; top: -10px; left: 0px; z-index: 4; } .box.var32 { position: relative; top: -10px; left: -1px; z-index: 4; } .box.var33 { position: relative; top: -10px; left: -2px; z-index: 4; } .box.var34 { position: relative; top: -11px; left: 0px; z-index: 4; } .box.var35 { position: relative; top: -11px; left: -1px; z-index: 4; } .box.var36 { position: relative; top: -11px; left: -2px; z-index: 4; } .box.var37 { position: relative; top: -12px; left: 0px; z-index: 1; } .box.var38 { position: relative; top: -12px; left: -1px; z-index: 2; } .box.var39 { position: relative; top: -12px; left: -2px; z-index: 3; } .box.var40 { position: relative; top: -13px; left: 0px; z-index: 4; } .box.var41 { position: relative; top: -13px; left: -1px; z-index: 4; } .box.var42 { position: relative; top: -13px; left: -2px; z-index: 4; } .box.var43 { position: relative; top: -14px; left: 0px; z-index: 4; } .box.var44 { position: relative; top: -14px; left: -1px; z-index: 4; } .box.var45 { position: relative; top: -14px; left: -2px; z-index: 4; } */ /* box - produkty main page */ #page-product .box-group { border: 1px solid #e8e8e8; padding: 0 0 0 10px; margin: 0 0 -1px 0; width: 700px; background: url(/img/box-group-gb.png) no-repeat bottom right #FFFFFF; } #page-product .box-group:hover { position: relative; z-index: 4; } #page-product .box-group img.right { margin: 30px 60px 0px 0px; } #page-product .box-group div.fifty { width: 40%; float: left; } #page-product .box-group .fifty.narrow { width: 230px; } #page-contact .box-group, #page-consultancy #box .box { border: 1px solid #e8e8e8; padding: 0 110px 0 10px; margin: 0 0 15px 0; width: 215px; } #page-product .box-group h2 a, #page-consultancy #box .box h2 a { color: #009bda; text-decoration: none; } #page-contact .box-group:hover, #page-product .box-group:hover, #page-consultancy #box .box:hover { border: 1px solid #a7a7a7; background-color: #f9fcfe; text-decoration: none; z-index: 1000; } #page-product #box-box-lepeni-sparovani-obkladu-a-dlazeb h2 a { color: #009bda; position: relative; top: 0px; left: 0px; z-index: 1; } #page-product #box-vyrovnavani-a-sanace-podlah h2 a { color: #574099; } #page-product #box-izolace-a-utesnovani h2 a { color: #019957; } #page-product #box-opravy-a-sanace-betonu h2 a { color: #e1b500; } #page-product #box-omitky-a-zateplovaci-systemy h2 a { color: #e50278; } #page-product #box-prumyslove-podlahove-systemy h2 a { color: #574099; } #page-product #box-produktova-rada-economy h2 a { color: #858585; } #page-product #box-doplnkovy-sortiment h2 a { color: #06b59d; } #page-product #box-polyuretanove-peny h2 a { color: #eb902f; } #page-product #box-tmely-a-silikony h2 a { color: #006BB6; } #page-product #box-lepeni-sparovani-obkladu-a-dlazeb:hover { border: 1px solid #ccebf8; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-vyrovnavani-a-sanace-podlah:hover { border: 1px solid #ddd7ed; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-izolace-a-utesnovani:hover { border: 1px solid #ccebdd; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-opravy-a-sanace-betonu:hover { border: 1px solid #fff2bf; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-omitky-a-zateplovaci-systemy:hover { border: 1px solid #facce4; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-prumyslove-podlahove-systemy:hover { border: 1px solid #ddd7ed; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-produktova-rada-economy:hover { border: 1px solid #d9d9d9; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-doplnkovy-sortiment:hover { border: 1px solid #cdf0eb; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-polyuretanove-peny:hover { border: 1px solid #fadfc3; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } #page-product #box-tmely-a-silikony:hover { border: 1px solid #d7e6f1; background: url(/img/box-group-gb-a.png) no-repeat bottom right #FFFFFF; } /* box - systemy main page */ #page-system #box.system-main .box { width: 335px; height: 135px; } #page-system #box.system-main .box h2 { font-size: 14px; padding: 0; text-transform: none; } #page-system #box.system-main .box h2 a { text-decoration: none; } #page-system #box.system-main .box.blue { background: #cae9f9; } #page-system #box.system-main .box.green { background: #bfe5d5; } #page-system #box.system-main .box.violet { background: #E2DEED; } #page-system #box.system-main .box.lightblue { background: #f2fafd; height: 40px; } #page-system #box.system-main .box.lightgreen { background: #f2faf6; height: 40px; } #page-system #box.system-main .box.lightviolet { background: #F2F0F7; height: 40px; } /* #page-system #box.system-main .box.lightblue p { background: url(/img/g1-li-bg.png) 2px 5px no-repeat; padding-left: 15px; } #page-system #box.system-main .box.lightgreen p { background: url(/img/g3-li-bg.png) 2px 5px no-repeat; padding-left: 15px; } #page-system #box.system-main .box.lightviolet p { background: url(/img/g8-li-bg.png) 2px 5px no-repeat; padding-left: 15px; } */ /****************************** box - list view ******************************/ #page-product #box.list-view .box { float: left; width: 690px; height: auto; margin: 0 !important; padding: 0; border: none; border-bottom: 1px solid #eee; background: none; top: 0px; left: 0px; } #page-product #box.list-view .box:hover { border-color: #999; } #page-product #box.list-view .box h3 { font-size: 12px; line-height: 1.2; padding: 5px; margin: 0; } #page-product #box.list-view .box h3 span { font-weight: normal; } #page-product #box.list-view .box h3 a { text-decoration: none; } #page-product #box.list-view .box p { display: none; } #page-product #box.list-view .box img { display: none; } #page-product #box.list-view .clear { height: 10px; } /****************************** reference - navigation ******************************/ #navigation { font-size: 11px; padding: 15px 0 0 0; } #navigation span { float: left; padding: 4px 0 0 0; } #navigation a { float: left; display: block; width: 20px; height: 18px; padding: 2px 0 0 0; vertical-align: middle; border: 2px solid #fbcce8; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; color: #bfbfbf; text-align: center; margin: 0 0 0 5px; } #navigation a.arrow { padding: 0; height: 20px; } #navigation a:hover, #navigation a.active { color: #000; border-color: #009bda; } /****************************** table ******************************/ table, th, td { border-collapse: collapse; } .product-docs { border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin: 0 0 15px 0; width: 100%; } .product-docs td { font-size: 13px;border-bottom: 1px solid #d5d5d5; padding: 5px; background: url(/img/product-docs-td.png) repeat-x bottom left #FFFFFF; } .product-docs td.ico { width: 16px; } .product-docs span.icon { width: 30px; height: 37px; display: block; } .product-docs td.dl { width: 40px; text-align: right; } .product-docs td.size { color: #a8a7a7; text-align: right; width: 60px; font-style: italic; } .product-docs .type-pdf span.icon { background-image: url(/img/table-ico-pdf.png); } .tech-info { width: 100%; margin: 0 0 10px 0; clear: right; } .tech-info th { text-align: left; } .tech-info th, .tech-info td { padding: 5px; vertical-align: top; } .tech-info .odd { background: url(/img/tech-info-td.png) repeat-x bottom left #fafafa; } .dealers { margin: 0 0 15px 0; width: 100%; } .dealers td { border-bottom: 1px solid #eee; padding: 8px 5px 5px 5px; vertical-align: top; } .dealers .links { white-space: nowrap; padding-left: 10px; padding-right: 10px; width: 150px; } .dealers .links * { font-size: 11px; line-height: 16px; } .dealers .distance { font-size: 11px; font-weight: bold; color: #009BDA; } #content .dealers .opening-hours { font-size: 11px; white-space: nowrap; text-align: right; width: 200px; } #content .dealers .opening-hours ul { padding: 2px 0px 5px 0px; margin: 0px; white-space: nowrap; line-height: 18px; } #content .dealers .opening-hours li { display: inline; background: none; list-style: none; padding: 0px; margin: 0px; font-size: 10px; text-transform: uppercase; color: #7F7F7F; background: url(/img/bullet-grey.png) no-repeat bottom center; padding: 0px 2px 12px 2px; } #content .dealers .opening-hours li.open { background-image: url(/img/bullet-green.png); } #content .dealers .opening-hours li.close { background-image: url(/img/bullet-red.png); } #basic-facts table {} #basic-facts th, #basic-facts td {vertical-align: top; padding: 3px; } #basic-facts th { text-align: left; width: 110px; } .symbols { width: 720px; margin: 15px 0 5px 0; } .symbols td { width: 140px; height: 60px; vertical-align: top; padding: 0 10px 10px 0; } .symbols td.symbol { width: 40px; padding: 0; } /****************************** actual ******************************/ #page-actual .item { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee; } #page-actual .item img { float: left; margin: 0 10px 3px 0; padding: 5px; border: 1px solid #e4e4e4; } #page-actual .item p { padding: 0; margin: 0 0 0 142px; line-height: 1.3; } #page-actual .item h2 { font-size: 14px; color: #333; margin: 3px 0; padding: 0; } #page-actual .item h2 a { color: #009bda; } #page-actual .date { font-size: 12px; color: #626262; } #page-actual p.date { position: relative; font-size: 12px; color: #626262; padding: 5px 0px 1px 24px; background: url(/img/ico-date.png) no-repeat 0px 0px; } #page-actual .item .introduction { font-size: 12px; line-height: 1.4; } #page-actual.milion-navstev h1 { padding-bottom: 20px; } #page-actual.milion-navstev #content h2 { color: #333333; font-size: 16px; margin-bottom: 15px; border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 20px; } #page-actual div.caption-box { background: #f2f2f2; padding: 20px 0 5px 24px; margin-bottom: 15px; position: relative; } #page-actual div.caption-box p { width: 280px; line-height: 20px; } #page-actual div.caption-box p.caption { font-size: 14px; font-weight: bold; margin-bottom: 22px; } #page-actual.milion-navstev #content a { color: #2380b3; } #page-actual.milion-navstev #pojed-fandit { position: absolute; right: 0px; bottom: 0px; } /****************************** site-map ******************************/ #page-site-map ul { font-weight: bold; } #page-site-map ul ul { margin: 5px 0 8px 10px; font-weight: normal; } #page-site-map ul ul ul, #page-site-map ul ul ul ul { font-size: 11px; } /****************************** contacts ******************************/ #page-contact .box-group { padding: 0px; float: left; width: 245px; height: 93px; } #page-contact .box-group.first { margin-right: 10px; } #page-contact .box-group h2 { padding-left: 10px; padding-right: 10px; } #page-contact .box-group h2 a { color: #009bda; } #page-contact .box-group p { padding-left: 10px; padding-right: 10px; padding-bottom: 0px; } /****************************** layout ******************************/ #page-ceresit #page-layout .box h2 { padding-left: 10px; padding-right: 10px; } #page-ceresit #page-layout .box h2 a { color: #009bda; } #page-ceresit #page-layout .box p { padding-left: 10px; padding-right: 10px; } #page-contact #page-layout .box-text { float: left; width: 288px; height: 152px; margin: 5px 5px 5px 25px !important; line-height: 1.8em; } #page-contact #page-layout .box-text strong { font-size: 14px; } #page-ceresit #page-layout.layout-1-columns #box .box { width: 226px; height: 152px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; } #page-ceresit #page-layout.layout-1-columns #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-ceresit #page-layout.layout-1-columns #box .box p { padding: 7px 24px 0px 10px; line-height: 1.8em; } /* #page-ceresit #page-layout.layout-2-columns #box .box { width: 215px; height: 152px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; margin: 5px !important; } #page-ceresit #page-layout.layout-2-columns #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-ceresit #page-layout.layout-2-columns #box .box p { padding: 7px 24px 0px 10px; line-height: 1.8em; } */ #page-ceresit #page-layout.layout-2-columns #box .box, #page-system.product-group1 #page-layout.layout-2-columns #box .box, #page-system.product-group3 #page-layout.layout-2-columns #box .box { width: 216px; height: 152px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; padding: 10px !important; margin: 0px -1px -1px 0px !important; position: relative; } #page-ceresit #page-layout.layout-2-columns #box .box:hover, #page-system.product-group1 #page-layout.layout-2-columns #box .box:hover, #page-system.product-group3 #page-layout.layout-2-columns #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF; border: 1px solid #a7a7a7; z-index: 1; } #page-ceresit #page-layout.layout-2-columns #box .box p, #page-system.product-group1 #page-layout.layout-2-columns #box .box p, #page-system.product-group3 #page-layout.layout-2-columns #box .box p { padding: 7px 24px 0px 10px; line-height: 1.8em; } #page-contact #page-layout .box-group { float: right; width: 288px; height: auto; min-height: 124px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; margin: 10px 25px 5px 5px !important; } #page-contact #page-layout .box-group p { line-height: 1.8em; } #page-contact #page-layout .box-group:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-contact #page-layout #content { width: 715px; } #page-contact #page-layout #column-right { display: none; } #page-contact #page-layout p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; } /****************************** consultancy ******************************/ #page-consultancy #box .box { width: 226px; height: 152px; padding: 5px 5px 0px 5px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; } #page-consultancy #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-consultancy #box .box h2 { padding-left: 10px; padding-right: 10px; } #page-consultancy #box .box p { padding: 7px 24px 0px 10px; line-height: 1.8em; } #page-consultancy p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; } #page-other #box .box { width: 226px; height: 152px; padding: 5px 5px 0px 5px; background: url(/img/box-product-bg.png) no-repeat bottom right #FFFFFF; border: 1px solid #d5d5d5; margin: 0px !important; } #page-other #box .box:hover { background: url(/img/box-product-bg-a.png) no-repeat bottom right #FFFFFF;} #page-other #box .box h2 a { color: #009bda; } #page-other #box .box h2 { padding-left: 10px; padding-right: 10px; } #page-other #box .box p { padding: 7px 24px 0px 10px; line-height: 1.8em; } #page-other p.introduction { color: #7e7e7e; font-weight: normal !important; font-size: 16px !important; } .videoprezentace #content #box .box { padding: 5px 8px 0px 8px; width: 229px; height: 71px; } .videoprezentace #content #box .box h2 { width: auto; padding: 0px; margin: 0px; line-height: 16px;} .videoprezentace #content #box .box h2 strong { text-decoration: underline;} .videoprezentace #content #box .box h2 em { font-size: 12px; font-weight: normal; font-style: normal; color:#666666; } .videoprezentace #content #box .box img { float: left; padding-right: 10px; padding-top: 3px; } /****************************** thomsit ******************************/ #page-system #box .box { float: left; width: 215px; height: 135px; padding: 5px; } #page-ceresit #box-light .box { border: 1px solid #e8e8e8; width: 226px; padding: 0px; float: left; margin: 0px 0px 0px 0px; height: 95px; } #page-ceresit #box-light .box:hover { border: 1px solid #ccebf8; background-color: #f9fcfe; } #page-ceresit #box-light .box h2 { padding-left: 10px; padding-right: 10px; } #page-ceresit #box-light .box h2 a { color: #009bda; } #page-ceresit #box-light .box p { padding-left: 10px; padding-right: 10px; padding-bottom: 0px; } /****************************** henkel ******************************/ #henkel { text-align: center; height: 35px; width: 100%; overflow: hidden; padding: 24px 0px 0px 0px; margin: 0px; position: relative; top: 0px; margin-bottom: 0px;} #henkel p { background: url(/img/henkel-bg.gif) repeat-x left top; padding: 0px; margin: 0px 0px; } #page-homepage #henkel { top: 0px; margin-bottom: 0px; padding-top: 2px; height: 32px;} #page-homepage #henkel p { margin: 0px 0px; } /****************************** footer ******************************/ #footer { height: 20px; padding: 11px 15px 32px 15px; color: #515151; font-size: 11px; vertical-align: middle; position: relative; } #copyright { float: left; } #links { float: right; padding: 0 70px 0 454px; } #footer a { color: #515151; } #giant { position: absolute; right: 15px; top: 11px; } #footer .no-link { text-decoration: none; cursor: default; } /* GALLERY */ .gallery { padding-left: 10px;} .gallery a { display: block; width: 128px; height: 128px; line-height: 128px; border: 1px solid #E8E8E8; text-align: center; overflow: hidden; margin: 0px 10px 10px 0px; float: left; text-decoration: none; } .gallery a:hover { border-color: #97D1F0; background-color: #EDF7FC; } .gallery a img { vertical-align: middle; } #content .zvyr { padding: 10px 10px 0px 10px; background-color: #F2FBFF; margin-bottom: 10px; } #content .zvyr h2 { padding-top: 0px; margin-top: 0px; } #content .zvyr p { margin-bottom: 0px; padding-bottom: 10px; } /* COUNTER */ #counter-wrapper { border: 1px solid #CCEBF8; background-color: #F9FCFE; padding: 10px; width: 240px; margin: 0 auto 20px auto; } #counter-wrapper h2 { padding: 0px 0px 5px 0px; margin: 0px; } #counter-wrapper p { padding: 0px 0px 0px 30px; margin: 0px; height: 20p; width: 200px; } #counter-wrapper span { display: block; float: left; } #counter-wrapper .days { padding-right: 20px; text-align: center; width: 30px; } #counter-wrapper .time { word-spacing: 5px; padding-left: 5px; } #counter-wrapper .time em { font-style: normal; padding-left: 4px; } #counter-wrapper #counter .time { word-spacing: normal; padding: 0px; } #counter { font-size: 30px; line-height: 30px; height: 30px; } /********************/ /* PAGE COMPETITION */ /********************/ #page-competition #content { width: auto; } /* SOUTEZ: SPAROVACI HMOTY */ .soutez-form { width: 500px; } .soutez-form fieldset { border: 1px solid #eee; padding: 0 10px 5px; margin-bottom: 10px; width: 100%; overflow: auto; } .soutez-form legend { font-weight: bold; background-color: #fff; padding: 10px 5px 10px; } .soutez-form label { display: inline-block; width: 90px; text-align: right; margin-right: 5px; } .soutez-form .input { border: 1px solid #aaa; padding: 4px; font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; } .soutez-form .checkbox { vertical-align: middle; margin: 0 5px 0 0; } .soutez-form .note { clear: both; font-size: 11px; } .soutez-form .col-wide {} .soutez-form .col-wide .input { width: 370px; } .soutez-form .col-1 { float: left; width: 245px; } .soutez-form .col-2 { float: left; width: 245px; } .soutez-form .col-1 .input, .soutez-form .col-2 .input { width: 125px; } .soutez-form .produkty-zdarma label, .soutez-form .souhlas label { display: inline; text-align: left; width: auto; } .soutez-form .produkty-zdarma .input { width: 20px; text-align: right; } /* #form-faq .input, #form-faq textarea { border: 1px solid #ddd; padding: 4px; font-size: 12px; } #form-faq .input { float: left; width: 135px; margin: 10px 25px 0 0; } #form-faq textarea { overflow: hidden; height: 100px; width: 370px; margin: 10px 0 0 0px; } #form-faq fieldset { border: none; margin: 0; padding: 0; } #form-faq label { display: block; padding-top: 0px; width: 65px; float: left; line-height: 20px; padding-top: 13px; } #form-faq input.button { margin-top: 10px; margin-left: 63px; float: left; } #form-faq p .input { float: none; margin-left: 5px; } */ /********/ /* HELP */ /********/ .help { padding: 0px; display: inline-block; position: relative; top: 1px; cursor: help; width: 14px; height: 14px; background: url(/img/ico-help.png) no-repeat left top; text-decoration: none; } .help .help-content { display: none; position: absolute; bottom: 14px; left: 14px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 4px 5px 4px 5px; color: #666666; font-size: 11px; font-weight: normal; width: 160px; line-height: 15px; text-transform: none; } .help .help-content strong { font-size: 11px; font-weight: bold; } .help.wide .help-content { width: 200px; } .help:hover, .help.hover { background-position: left bottom; } .help:hover .help-content, .help.hover .help-content { display: inline-block; float: left; } .error-mark { display: block; width: 14px; height: 14px; vertical-align: middle; background: url(/img/exclamation.png) no-repeat left top; position: absolute; top: 5px; right: -17px; text-decoration: none; } .error-content { font-size: 11px; color: #666666; border: 1px solid #CC0000; background-color: #FFFFFF; position: absolute; bottom: 14px; left: 14px; display: none; padding: 3px 5px; width: 150px; line-height: 16px; z-index: 10; } .error-mark:hover .error-content { display: block; } /*************/ /* FORM SHOP */ /*************/ #form-shop { position: relative; width: 724px; } #form-shop p { padding-bottom: 3px; margin: 0px; position: relative; } #form-shop p.note { padding: 5px 0px 0px 0px; } #form-shop p.error .error-mark { display: block; } #form-shop label { width: 55px; font-weight: normal; display: block; float: left; line-height: 22px; color: #666666; } #form-shop label.short { width: 30px; } #form-shop fieldset { padding-bottom: 20px; } #form-shop fieldset h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; } #form-shop .input, #form-shop input.file { width: 240px; padding: 3px 5px; border: 1px solid #DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #form-shop select { width: 252px; border: 1px solid #DDDDDD; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; } #form-shop .required { color: #000000; } #form-shop textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #form-shop .input.error, #form-shop select.error { background-color: #FFF9F9; border-color: #CC0000; } #form-shop .column1 { width: 350px; float: left; } #form-shop .column2 { width: 360px; float: left; } #form-shop-group-title label { font-size: 14px; width: 120px; line-height: 24px; } #form-shop-group-title .input { font-size: 14px; width: 400px; padding: 3px 5px; } #form-shop-group-address p { height: 23px; } #form-shop-group-address label.short { padding-left: 10px; } #form-shop-group-address .input { float: left; margin-right: 10px; } #form-shop-group-address #form-shop-street { width: 140px; } #form-shop-group-address #form-shop-num { width: 38px; } #form-shop-group-address #form-shop-zip { width: 50px; } #form-shop-group-time .input { width: 221px; } #form-shop-group-time .checkbox { margin-right: 4px; } #form-shop-group-products label { width: 175px; white-space: nowrap; overflow: visible; } #form-shop-group-products input { vertical-align: middle; } #form-shop-group-products img { vertical-align: middle; padding-left: 5px; } #form-shop-group-info textarea { width: 295px; padding: 5px; height: 78px; border: 1px solid #DDDDDD; } #form-shop-distributor { position: absolute; top: -32px; right: 0px; } #form-shop-distributor select { width: auto; vertical-align: middle; } #form-shop-group-map .help img { vertical-align: middle; } #form-shop-group-map .map { background: url(/admin/images/admin/ico-map.png) no-repeat left top; padding: 0px 0px 1px 20px; } #form-shop-group-shop label { width: 65px; } #form-shop-group-shop select { width: 242px; } form-shop-group-pictures { position: relative; } #form-shop p.center { width: 655px;} #form-shop button { font-size: 14px; font-weight: bold; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; } #form-shop-new { display: none; } #error-box { border: 1px solid #CC0000; background-color: #FFF9F9; padding: 0px; margin-bottom: 20px; width: 655px; } #error-box p { padding: 5px 10px; margin: 0px; } #error-box img { vertical-align: middle; } /**********************/ /* FORM CERTIFICATION */ /**********************/ #form-certification { position: relative; width: 724px; } #form-certification p { padding-bottom: 3px; margin: 0px; position: relative; } #form-certification p.note { padding: 5px 0px 0px 0px; } #form-certification p.error .error-mark { display: block; } #form-certification label { width: 55px; font-weight: normal; display: block; float: left; line-height: 22px; color: #666666; } #form-certification label.short { width: 30px; } #form-certification fieldset { padding-bottom: 20px; } #form-certification fieldset h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; } #form-certification .input, #form-certification input.file { width: 240px; padding: 3px 5px; border: 1px solid #DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #form-certification select { width: 252px; border: 1px solid #DDDDDD; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; } #form-certification .required { color: #000000; } #form-certification textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #form-certification .input.error, #form-certification select.error { background-color: #FFF9F9; border-color: #CC0000; } #form-certification .column1 { width: 350px; float: left; } #form-certification .column2 { width: 360px; float: left; } #form-certification-group-title label { font-size: 14px; width: 120px; line-height: 24px; } #form-certification-group-title .input { font-size: 14px; width: 400px; padding: 3px 5px; } #form-certification-group-address p { height: 23px; } #form-certification-group-address label.short { padding-left: 10px; } #form-certification-group-address .input { float: left; margin-right: 10px; } #form-certification-group-address #form-certification-street { width: 140px; } #form-certification-group-address #form-certification-num { width: 38px; } #form-certification-group-address #form-certification-zip { width: 50px; } #form-certification-group-products label { width: 175px; white-space: nowrap; overflow: visible; } #form-certification-group-products input { vertical-align: middle; } #form-certification-group-products img { vertical-align: middle; padding-left: 5px; } #form-certification-group-info textarea { width: 295px; padding: 5px; height: 167px; border: 1px solid #DDDDDD; } #form-certification-distributor { position: absolute; top: -32px; right: 0px; } #form-certification-distributor select { width: auto; vertical-align: middle; } #form-certification-group-map .help img { vertical-align: middle; } #form-certification-group-map .map { background: url(/admin/images/admin/ico-map.png) no-repeat left top; padding: 0px 0px 1px 20px; } #form-certification-group-shop label { width: 65px; } #form-certification-group-shop select { width: 242px; } form-certification-group-pictures { position: relative; } #form-certification p.center { width: 655px;} #form-certification button { font-size: 14px; font-weight: bold; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; } /****************/ /* SWF UPLOADER */ /****************/ #swf-uploader { padding: 5px 0px 0px 0px; } #swf-uploader .buttons { padding: 0px 0px 5px 5px; margin: 0px; } #swf-uploader .buttons a { padding: 0px 10px 1px 20px; background-position: left top; background-repeat: no-repeat; } #swf-uploader #swf-uploader-browse { background-image: url(/img/image-add.png); } #swf-uploader #swf-uploader-clear { background-image: url(/img/image-delete.png); } #swf-uploader #swf-uploader-list li { list-style: none; background: none; border-top: 1px solid #E7E7E7; padding: 4px 20px 4px 25px; display: block; width: 275px; line-height: 15px; height: 15px; position: relative; background: url(/img/image-icon.png) no-repeat 5px 5px; } #swf-uploader #swf-uploader-list li.file-uploading { background-image: url(/img/image-uploading.gif); } #swf-uploader #swf-uploader-list li.file-success { background-image: url(/img/image-uploaded.png); } #swf-uploader #swf-uploader-list li.file-failed { background-image: url(/img/image-failed.png); } #swf-uploader #swf-uploader-list li.file-success .file-remove { display: none; } #swf-uploader #swf-uploader-list li.file-failed .file-remove { display: none; } #swf-uploader-list li .file-remove { display: block; width: 10px; height: 10px; background: url(/img/image-del.png) no-repeat left top; position: absolute; right: 5px; top: 7px; } #swf-uploader-list li .file-size { position: absolute; top: 4px; right: 20px; font-size: 11px; color: #999999; } #swf-uploader-list li .file-name { display: block; overflow: hidden; width: 225px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } #swf-uploader-list li .file-info { font-size: 11px; color: #999999; } #overlay-wrapper { display: none; } #overlay { position: absolute; top: 50%; left: 50%; width: 1px; height: 1px; } #window { position: absolute; top: -85px; left: -160px; width: 300px; height: 110px; padding: 10px; background: #FFFFFF url(/img/page-layout-bg.png) repeat-x left 20px; border: 2px solid #009BDA; } #window .progress { background: white url(/img/progress-bar/progress.gif) no-repeat; background-position: +50% 0; margin-right: 0.5em; } #overlay-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #FFFFFF; display: block; opacity: 0.5; } #window h2 { font-size: 12px; font-weight: bold; background: #009BDA; color: #FFFFFF; margin: -10px -10px 10px -10px; padding: 5px 10px 7px 10px; } #window div { padding-bottom: 10px; font-size: 11px; color: #999999; line-height: 15px; } #window div img {position: relative; top: 2px; } #window .overall-title { display: block; padding-bottom: 1px; white-space: nowrap; overflow: hidden; color: #383838 } #window .current-title { display: block; padding-bottom: 1px; white-space: nowrap; overflow: hidden; color: #383838 } #window .current-text { display: none; } .ie6 select { visibility: hidden !important; } /*************/ /* IMAGE SET */ /*************/ #content .image-set li { display: block; background: none; padding: 0px 8px 10px 0px; margin: 0px; width: 172px; height: 210px; float: left; } #content .image-set li a { display: block; border: 1px solid #E8E8E8; width: 170px; height: 170px; line-height: 168px; overflow: hidden; text-align: center; text-decoration: none; text-indent: -3px; white-space: nowrap; } #content .image-set li a:hover { border-color: #97D1F0; background-color: #EDF7FC; } #content .image-set li a.zoom { border: none; width: auto; height: auto; line-height: 18px; text-align: left; text-indent: 0px; font-size: 11px; color: #999999; background: url(/img/ico-zoom.png) no-repeat 4px 10px; padding: 6px 0px 0px 19px; } #content .image-set li a img { vertical-align: middle; } #content .image-set li span.date { font-size: 11px; text-align: left; display: block; padding-top: 1px; color: #999999; padding-right: 5px; padding-left: 5px; } #content .image-set li span.shop { font-size: 11px; text-align: left; display: block; color: #999999; padding: 1px 5px 0px 5px; } .paging { text-align: center; padding: 10px 0px; clear: both;} .paging a, .paging strong { display: inline-block; border: 1px solid #E8E8E8; text-decoration: none; padding: 2px 0px; width: 24px; text-align: center; } .paging strong { border-color: #FFFFFF; } .paging a.prev, .paging a.next { width: auto; padding: 2px 5px; } .paging a:hover { border-color: #97D1F0; background-color: #EDF7FC; } /***************/ /* SHOP DETAIL */ /***************/ #shop-detail {} /* width 720px; */ #shop-detail { line-height: 18px; } #shop-detail .image-set { margin: 0px; padding: 0px; } #shop-detail h1 { font-size: 20px; } #shop-detail h1 strong { display: block; color: #000000; padding: 4px 0px 0px 0px; font-size: 24px; } #shop-detail h2 { font-size: 15px; font-weight: bold; color: #000000; text-transform: none; padding: 10px 0px 10px 9px; } #shop-detail .column1 { width: 320px; float: left; padding-right: 25px; } #shop-detail .column2 { width: 370px; float: left; } #shop-detail address { font-style: normal; margin: 0px 0px 0px 0px; } #shop-detail .time { margin: 0px 0px 10px 0px; } #shop-detail .time dt { display: inline-block; width: 20px; text-transform: capitalize; vertical-align: top; } #shop-detail .time dd { display: inline-block; width: 320px; padding-right: 10px; vertical-align: top; } #shop-detail #shop-map { width: 350px; height: 280px; } #shop-detail .tools { font-size: 11px; height: 30px; padding-top: 20px; } #shop-detail .tools a { color: #999999; border: 1px solid #EFEFEF; display: block; height: 26px; line-height: 26px; text-decoration: none; background: #FCFCFC; padding: 0px 5px; } #shop-detail .tools .print { background: #FCFCFC url(/img/ico-printer.png) no-repeat 5px 4px; float: left; padding-left: 31px; } #shop-detail .tools .edit { float: right; } #shop-detail table { border-collapse: collapse; width: 100%; margin-bottom: 25px; } #shop-detail td, #shop-detail th { padding: 6px 5px 6px 9px; vertical-align: top; } #shop-detail th { text-align: left; width: 136px; } #shop-detail tr.even { background-color: #F8F8F8; } #shop-detail tr.today { background-color: #DFF1FB; } #shop-detail td.col-today { text-align: center; width: 50px; padding-left: 0px; padding-right: 0px; } #shop-detail td.col-today span { font-size: 10px; color: #FFFFFF; text-transform: uppercase; background-color:#009BDA; padding: 1px 4px; } #shop-detail #map_canvas { border: 10px solid #F8F8F8; } #dealer-logo { float: left; padding-right: 25px; } #dealer-title-wrapper { overflow: hidden; padding-bottom: 15px; } #ceretherm-certificate { float: right; padding: 0px 20px 0px 20px; } #dealer-certificate { float: right; padding: 0px 20px 0px 20px; } #authorized-certificate { float: right; padding: 0px 20px 0px 20px; } /* prodejci */ #certifikat-banner { float: right; width: 252px; height: 33px; } #certifikat-banner p { display: block; margin: 0; height: 33px; } #certifikat-banner span { background: url(/img/button-certifikovana-prodejna.png) top left no-repeat; height: 33px; width: 252px; } #content #prodejci-errors { text-align: center; } #content #prodejci-errors li { list-style-type: none; background: #FFF9F9; border: 1px solid #CC0101; margin: 3px; display: block; width: 200px; color: #CC0101; margin: 0 auto; } /********/ /* TABS */ /********/ div.tabs {} /* TAB ANCHORS */ #content div.tab-anchors { border-bottom: 2px solid #FFF; } #content div.tab-anchors ul { height: 32px; border-bottom: 2px solid #009BDA; padding: 0px 10px; } #content div.tab-anchors li { list-style: none; display: block; float: left; height: 30px; line-height: 32px; cursor: pointer; margin: 0px; padding: 0px 0px 0px 0px; border: 2px solid #FFFFFF; border-bottom: none; background-color: #FFFFFF; background-image: none; } #content div.tab-anchors a { display: block; height: 32px; padding: 0px 10px 0px 10px; font-size: 14px; color: #999999; text-decoration: none; font-weight: bold; text-transform: uppercase; } /* ACTIVE TAB ANCHOR */ #content div.tab-anchors li.active { height: 32px; border-color: #009BDA; } #content div.tab-anchors li.active a { color: #009BDA; cursor: default; height: 32px; } /***************/ /* DEALER LIST */ /***************/ #content ul.dealer-list { margin: 0px -15px 0px 0px; width: 735px; } #content ul.dealer-list li { width: 204px; height: 107px; padding: 8px 12px; border: 1px dotted #999999; display: block; background: none; float: left; margin: 0px 15px 15px 0px; overflow: visible; position: relative; } #content ul.dealer-list li.rated { border-style: solid; border-color: #CCC; } #content ul.dealer-list ul.options { height: 23px; position: absolute; bottom: 12px; right: 10px; margin: 0px; padding: 0px; } #content ul.dealer-list ul.options li { width: auto; height: 23px; border: none; float: right; padding: 0px; margin: 0px 0px 0px 10px; background-position: left center; background-repeat: no-repeat; } #content ul.dealer-list ul.options li.ceretherm { background-image: url(/img/ico-ceretherm.png); width: 19px; } #content ul.dealer-list ul.options li.ceretherm div.bubble { left: 15px; } #content ul.dealer-list ul.options li.authorization { background-image: url(/img/ico-certificate.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-0 { background-image: url(/img/ico-certificate-0.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-1 { background-image: url(/img/ico-certificate-1.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-2 { background-image: url(/img/ico-certificate-2.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-3 { background-image: url(/img/ico-certificate-3.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-4 { background-image: url(/img/ico-certificate-4.png); width: 35px; } #content ul.dealer-list ul.options li.authorization-5 { background-image: url(/img/ico-certificate-5.png); width: 35px; } #content ul.dealer-list ul.options li.authorization div.bubble { left: 30px; } #content ul.dealer-list ul.options li.certificate { background-image: url(/img/ico-ceresit-big.png); width: 24px; } #content ul.dealer-list ul.options li.certificate div.bubble { left: 30px; } #content ul.dealer-list ul.options li.map a { display: block; height: 23px; background: url(/img/ico-marker-gray.png) no-repeat left top; width: 11px; } #content ul.dealer-list ul.options li.map div.bubble { left: 10px; } #content ul.dealer-list li.rated ul.options li.map a { background-image: url(/img/ico-marker.png); } #content ul.dealer-list li.recommended { border-color: #80CDEC; background-color: #EFF8FD; } #content ul.dealer-list p { margin: 0px; padding: 0px; } ul.dealer-list address { font-style: normal; line-height: 20px; padding-top: 5px; height: 65px; } ul.dealer-list address a { font-size: 12px; font-weight: bold; padding: 0px 0px 4px 0px; height: 20px; line-height: 20px; position: relative; overflow: hidden; white-space: nowrap; display: block; width: 204px; } ul.dealer-list li.rated address a { font-size: 15px; } ul.dealer-list address a span { display: block; width: 20px; height: 20px; background: url(/img/title-mask.png) no-repeat left top; position: absolute; top: 0px; right: 0px; } ul.dealer-list p.distance { position: absolute; top: 6px; left: 12px; font-size: 11px; color: #009BDA; } #shop-detail ul.dealer-list p.distance { color: #7F7F7F; font-size: 12px; text-align: right; line-height: 16px; left: auto; top: auto; right: 15px; bottom: 10px; } #shop-detail ul.dealer-list p.distance strong { font-weight: bold; font-size: 15px; display: block; } #shop-detail ul.dealer-list li.recommended p.distance { color: #009BDA; } ul.dealer-list div.rating { font-size: 10px; color: #999999; text-transform: uppercase; position: relative; } ul.dealer-list div.rating span { display: block; background-image: url(/img/rating.png); background-repeat: no-repeat; width: 100px; height: 17px; text-indent: -100px; overflow: hidden; } ul.dealer-list div.rating div.bubble { font-size: 12px; color: #000; text-transform: none; left: -67px; top: 20px; } ul.dealer-list div.rating:hover div.bubble { display: block; } ul.dealer-list span.recommendation { color: #FFF; background-color: #009BDA; text-transform: uppercase; position: absolute; top: 0px; right: 0px; font-size: 10px; line-height: 16px; font-weight: bold; padding: 0px 4px; display: none; } span.rating-0 { background-position: 0px 0px; } span.rating-1 { background-position: 0px -17px; } span.rating-2 { background-position: 0px -34px; } span.rating-3 { background-position: 0px -51px; } span.rating-4 { background-position: 0px -68px; } span.rating-5 { background-position: 0px -85px; } /* RECOMMEDED */ #content ul.dealer-list li.recommended { border-color: #80CDEC; background-color: #EFF8FD; } ul.dealer-list li.recommended address a span { background-image: url(/img/title-mask-blue.png); } ul.dealer-list li.recommended span.recommendation { display: block; } li.recommended span.rating-0 { background-position: -100px 0px; } li.recommended span.rating-1 { background-position: -100px -17px; } li.recommended span.rating-2 { background-position: -100px -34px; } li.recommended span.rating-3 { background-position: -100px -51px; } li.recommended span.rating-4 { background-position: -100px -68px; } li.recommended span.rating-5 { background-position: -100px -85px; } #content ul.product-line { padding: 0px; margin: 0px; } #content ul.product-line li { background: none; padding: 0px; border: 1px solid #E8E8E8; width: 128px; height: 136px; float: left; margin: 0px 10px 10px 0px; text-align: center; line-height: 14px; font-weight: bold; font-size: 11px; } #content ul.product-line li a { display: block; } #content ul.product-line li:hover { border-color: #80CDEC; } #content ul.product-line li:hover a { color: #009BDA; } /* SEARCH RESULTS */ #content ul.dealer-list.search-results li { padding-top: 18px; } div.panel-gallery {} div.panel-gallery a.main { border: 10px solid #F8F8F8; display: block; margin-bottom: 5px; } #content .thumbnails { margin: 0px -20px 0px 0px; } #content .thumbnails li { width: 120px; height: 120px; float: left; margin: 0px 5px 5px 0px; background: none; padding: 0px; } #content .thumbnails li a { border: 10px solid #F8F8F8; display: block; width: 100px; height: 100px; overflow: hidden; cursor: pointer; } /***********************/ /* FORM: DEALER FILTER */ /***********************/ #form-dealer-filter { background-color: #F0F0F0; padding: 8px 5px 8px 70px; margin-bottom: 10px; position: relative; } #form-dealer-filter strong.legend { position: absolute; top: 8px; left: 10px; vertical-align: middle; display: block; height: 20px; text-transform: uppercase; font-weight: bold; color: #009BDA; line-height: 25px; } #form-dealer-filter label { font-weight: bold; line-height: 25px; padding-left: 10px; } #form-dealer-filter select { vertical-align: middle; margin-left: 10px; margin-right: 5px; width: 230px; } #form-dealer-filter select.opening-hours { width: 130px; } /*********************/ /* FORM: DEALER SORT */ /*********************/ #form-dealer-sort { background-color: #F0F0F0; padding: 8px 5px 8px 10px; margin-bottom: 10px; position: relative; } #form-dealer-sort p { margin: 0px; padding: 0px; } #form-dealer-sort label { margin-right: 10px; margin-left: 5px; } #form-dealer-sort label.selected { font-weight: bold; } /***********************/ /* FORM: SEARCH DEALER */ /***********************/ #form-search-dealer { background-color: #DFF1FB; padding: 0px 0px 25px 9px; margin-bottom: 20px; } #form-search-dealer .input { border: 1px solid #666; padding: 3px 5px; width: 140px; } #form-search-dealer p { padding: 5px 0px 0px 0px; margin: 0px; } #form-search-dealer p.inline { padding-top: 3px; padding-bottom: 5px; } #form-search-dealer label { font-size: 11px; font-weight: bold; display: block; padding-bottom: 7px; } #form-search-dealer #form-search-dealer-product-line { width: 150px; } #form-search-dealer select { font-size: 11px; vertical-align: middle; } #form-search-dealer button { vertical-align: middle; border: none; background: none;margin: -2px 0px -2px 13px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #form-search-dealer button span { display: inline-block; width: 70px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; text-transform: uppercase; cursor: pointer; font-size: 11px; background: #009BDA url(/img/form-search-dealer-button.png) no-repeat left top; font-weight: bold; } #content h2.search-results-title { font-size: 16px; text-transform: none; color: #000; padding-left: 8px; margin-bottom: 5px; } #content h2.search-results-title em { font-style: normal; color: #009BDA; } /**************/ /* GOOGLE MAP */ /**************/ .google-map { position: relative; margin-bottom: 10px; } .google-map-canvas { height: 200px; overflow: hidden; margin-bottom: 5px; } .google-map-toggle { display: block; position: absolute; top: -37px; right: 0px; padding: 0px 0px 5px 0px; background: url(/img/bubble2.png) no-repeat right bottom; } .google-map-toggle span { display: block; height: 28px; line-height: 28px; font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 0px 11px 0px 29px; background: #009BDA url(/img/ico-zoom-in-white.png) no-repeat 10px 9px; cursor: pointer; } .google-map.big .google-map-canvas { height: 450px; } .google-map.big .google-map-toggle span { background-image: url(/img/ico-zoom-white.png); } p.note { font-size: 11px; } /* bezpecnostni veta */ #content p.note-bio { padding: 10px; font-size: 11px; background: #EFEFEF; margin-top: 15px; margin-bottom: 15px; } /***************************/ /* SOUTEZ: SPAROVACI HMOTY */ /***************************/ #page-soutez-mp ul.boxes { list-style: none; clear: both; padding: 15px 0; height: 100%; overflow: auto; } #page-soutez-mp ul.boxes li { border: 2px solid #ddd; padding: 10px 10px 5px 70px; background: none; width: 240px; float: left; } #page-soutez-mp ul.boxes p { margin-top: 5px; } #page-soutez-mp ul.boxes .mp { background: url(http://microprotect.ceresit.cz/img/menu-stit.png) 12px 12px no-repeat; margin-right: 25px; } #page-soutez-mp ul.boxes .letak { background: url(/soutez-sparovaci-hmoty/img/letak.jpg) 12px 12px no-repeat; } #page-soutez-mp div.forms { padding-top: 40px; } #page-soutez-mp .form-switch { height: 45px; border-bottom: 2px solid #009BDA; padding-left: 110px; margin: -35px 0 15px; } #page-soutez-mp .form-switch li { background: none; float: left; height: 35px; font-size: 16px; font-weight: bold; line-height: 1.1; color: #999; border: 2px solid #ccc; border-bottom: none; } #page-soutez-mp .form-switch li a { color: #999; } #page-soutez-mp .form-switch li.active { color: #009BDA; border-color: #009BDA; background-position: 10px 7px; } #page-soutez-mp .form-switch li small { font-size: 11px; } #page-soutez-mp .form-switch .prihlaska { width: 220px; padding: 5px 5px 5px 50px; background: #fff url(/soutez-sparovaci-hmoty/img/form-switch-1-bg.png) 10px -35px no-repeat; height: 33px; } #page-soutez-mp .form-switch .active.prihlaska { height: 35px; line-height: 1.1 !important; } #page-soutez-mp .form-switch .fotografie { width: 150px; padding: 5px 5px 5px 50px; height: 25px; background: #fff url(/soutez-sparovaci-hmoty/img/form-switch-2-bg.png) 10px -38px no-repeat; position: relative; line-height: 26px; bottom: -8px; border-left: none; } #page-soutez-mp .form-switch .active.fotografie { height: 35px; line-height: 35px; bottom: 0; border-left: 2px solid #009BDA; left: -2px; } #page-soutez-mp .form-switch .fotografie p.tip { position: absolute; top: -25px; left: 15px; width: 300px; font-size: 12px; font-style: italic; font-weight: normal; } #page-soutez-mp .form-switch .fotografie p.tip span { position: absolute; top: 20px; right: 35px; background: url(/soutez-sparovaci-hmoty/img/form-switch-arrow.png) 0 0 no-repeat; width: 51px; height: 32px; } /* PROMO BOX SOUTEZ PASTOVITY OMITKY */ #soutez-promo-box { width: 700px; height: 100px; margin-bottom: 20px; } #promo-box-img { width: 700px; height: 100px; background: url(/img/ceretherm-akce-ceresit.png) 0 0 no-repeat; } #page-distributors {} #page-wrapper.full {} #page-wrapper.full #right-wrapper { width: auto; float: none; } #page-wrapper.full #content { width: auto; } #page-shops { padding: 10px 10px; } #page-shops .col1 { width: 457px; padding: 20px 0px 20px 15px; float: left; } #page-shops .col1 p { width: 300px; } #page-shops .col2 { margin-left: 526px; padding: 20px 0px 20px 0px; } #page-shops #mapa-cr-wrapper { margin: 0px 0px 30px -10px; } #page-shops h2 { font-size: 16px; color: #009BDA; text-transform: none; font-weight: bold; padding: 0px 0px 10px 0px; } #page-shops #form-search-dealer { background: none; font-size: 12px; padding: 30px 0px 0px 0px; } #page-shops #form-search-dealer select { font-size: 12px; padding: 2px 1px; vertical-align: top; } #page-shops #form-search-dealer label { width: 130px; display: inline-block; font-size: 12px; line-height: 22px; height: 22px; font-weight: normal; vertical-align: middle; padding: 0px; } #page-shops #form-search-dealer button { width: 120px; margin: 10px 0px 0px 134px; } #page-shops #form-search-dealer button span { background-image: none; width: 120px; padding: 0px; height: 35px; line-height: 35px; table-align: center; font-size: 16px; text-transform: none; } #page-shops #form-search-dealer p { padding: 0px 0px 30px 0px; } #page-shops #form-search-dealer p.city * { font-size: 16px; font-weight: bold; } #page-shops #form-search-dealer p.city label { height: 38px; line-height: 35px; } #page-shops #form-search-dealer p.city input { background: url(/img/form-search-delaer-input-bg.png) repeat-x left top; padding: 9px 5px 10px 5px; width: 225px; } #page-shops #form-search-dealer-product-line { width: 235px; } #page-shops p.tip { background-color: #DFF1FB; padding: 7px 9px; width: auto; float: left; } #page-shops p.tip strong { font-size: 10px; color: #FFFFFF; text-transform: uppercase; background-color: #009BDA; display: inline-block; vertical-align: middle; padding: 0px 4px; margin-right: 8px; } #page-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 237px; } #page-bg .image { width: 100%; height: 237px; position: absolute; top: 0px; left: 0px; background: url(/img/backgrounds/bg-1.jpg) repeat-x left top; } /***************/ /* FORM: LOGIN */ /***************/ #form-login fieldset { padding: 10px 0px 10px 10px; display: block; } #form-login input[type=text], #form-login input[type=password] { width: 170px; } #form-login p { padding: 0px 0px 8px 0px; margin: 0px; width: auto; float: none; } #form-login label { font-size: 10px; font-weight: bold; display: block; text-transform: uppercase; } #form-login p.buttons { padding-right: 10px; padding-top: 8px; } #form-login button { width: 176px; background: rgb(240,240,240); border: none; font-size: 12px; padding: 5px 0px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; border-radius: 5px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(206,206,206))); background-image: -moz-linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); background: -ms-linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); background: linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); border-bottom: 1px solid #999; } #content #form-login td { padding-left: 5px; padding-bottom: 5px; } #content #form-login label { font-size: 12px; font-weight: normal; text-transform: none; } /*********************/ /* FORM: FILE SEARCH */ /*********************/ #form-file-search fieldset { padding: 10px 0px 10px 10px; display: block; } #form-file-search input[type=text] { width: 170px; } #form-file-search p { padding: 0px 0px 8px 0px; margin: 0px; width: auto; float: none; } #form-file-search label { font-size: 10px; font-weight: bold; display: block; text-transform: uppercase; } #form-file-search p.buttons { padding-right: 10px; padding-top: 8px; } #form-file-search button { width: 176px; background: rgb(240,240,240); border: none; font-size: 12px; padding: 5px 0px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; border-radius: 5px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(206,206,206))); background-image: -moz-linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); background: -ms-linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); background: linear-gradient(center top, rgb(240,240,240) 0%, rgb(206,206,206) 100%); border-bottom: 1px solid #999; } /*************/ /* FILE LIST */ /*************/ #file-list { margin-top: 0px; } #file-list table { width: 100%; border-collapse: collapse; } #file-list thead th { } #file-list th, #file-list td { padding: 7px 8px; border-bottom: 1px solid #E6E6E6; } #file-list .col-size { text-align: right; padding-right: 10px; width: 100px; } #file-list .col-name { text-align: left; } #file-list .col-desc { text-align: left; } #file-list .col-date { width: 100px; text-align: right; } #file-list .col-name a { background: url(/img/page-white.gif) no-repeat left 1px; padding: 1px 0px 1px 20px; display: inline-block; } #file-list td.col-size, #file-list td.col-date { color: #666; } #file-list .col-name a { padding: 5px 0px 5px 30px; } #file-list .col-name .type-doc, #file-list .col-name .type-docx, #file-list .col-name .type-rtf { background-image: url(/filemanager/images/ico-doc.png); } #file-list .col-name .type-xls, #file-list .col-name .type-xlsx { background-image: url(/filemanager/images/ico-xls.png); } #file-list .col-name .type-zip { background-image: url(/filemanager/images/ico-zip.png); } #file-list .col-name .type-ppt, #file-list .col-name .type-pptx { background-image: url(/filemanager/images/ico-ppt.png); } #file-list .col-name .type-jpg { background-image: url(/filemanager/images/ico-jpg.png); } #file-list .col-name .type-jpeg { background-image: url(/filemanager/images/ico-jpeg.png); } #file-list .col-name .type-png { background-image: url(/filemanager/images/ico-png.png); } #file-list .col-name .type-gif { background-image: url(/filemanager/images/ico-gif.png); } #file-list .col-name .type-tiff, #file-list .col-name .type-tif { background-image: url(/filemanager/images/ico-tiff.png); } #file-list .col-name .type-pdf { background-image: url(/filemanager/images/ico-pdf.png); } #file-list .col-name .type-folder { background-image: url(/filemanager/images/ico-folder.png); background-position: left center; } #file-list .col-name .type-folder-up { background-image: url(/img/folder-up.gif); } #file-list .level-up { background: url(/filemanager/images/ico-arrow-up.png) no-repeat 11px 6px; padding: 0px 10px 0px 45px; height: 32px; line-height: 32px; font-size: 13px; display: inline-block; text-decoration: none; border: 1px solid #D2D2D2; box-shadow: 1px 1px 1px #E0E0E0; } #file-list .level-up:hover { text-decoration: underline; } /* PATH */ #file-list p.path { font-size: 11px; border-left: none; border-right: none; margin-bottom: 0px; padding: 5px 8px; word-spacing: 5px; } #file-list p.path a, #file-list p.path strong, #file-list p.path span { word-spacing: normal; } #file-list.thumbnails .item { display: block; width: 120px; padding: 10px 12px 20px 12px; float: left; margin: 0px 40px 20px 0px; font-size: 11px; border: 1px solid #D2D2D2; box-shadow: 0px 1px 1px #E0E0E0; } #file-list.thumbnails .item.last { margin-right: 0px; } #file-list.thumbnails .item .preview { display: block; height: 170px; line-height: 170px; background: url(/filemanager/images/ico-default-big.png) no-repeat center center; } #file-list.thumbnails .item .info { display: block; font-size: 11px; color: #999; padding-left: 23px; } #file-list.thumbnails .item .description { padding-top: 3px; } #file-list.thumbnails .item .label { display: block; padding: 5px 0px 5px 23px; background: url(/filemanager/images/ico-download.png) no-repeat left 5px; color: #000000; } #file-list.thumbnails .item .label a { color: #000000; text-decoration: none; } #file-list.thumbnails .item:hover .label a { text-decoration: underline; } #file-list.thumbnails .item .label .type-folder { background: none; } #file-list.thumbnails .item .info a { color: #999; } #file-list.thumbnails .item .preview img { display: inline-block; vertical-align: middle; } #file-list.thumbnails .item .preview td { background: #fff; width: 120px; height: 170px; vertical-align: middle; border: none; padding: 0px; text-align: center; } #file-list.thumbnails .type-folder .preview { background-image: url(/filemanager/images/ico-folder-big.png); } #file-list.thumbnails .type-folder .label { background: none; } #file-list.thumbnails .type-avi .preview { background-image: url(/filemanager/images/ico-avi-big.png); } #file-list.thumbnails .type-doc .preview { background-image: url(/filemanager/images/ico-doc-big.png); } #file-list.thumbnails .type-docx .preview { background-image: url(/filemanager/images/ico-docx-big.png); } #file-list.thumbnails .type-jpeg .preview { background-image: url(/filemanager/images/ico-jpeg-big.png); } #file-list.thumbnails .type-jpg .preview { background-image: url(/filemanager/images/ico-jpg-big.png); } #file-list.thumbnails .type-m4v .preview { background-image: url(/filemanager/images/ico-m4v-big.png); } #file-list.thumbnails .type-mov .preview { background-image: url(/filemanager/images/ico-mov-big.png); } #file-list.thumbnails .type-mp4 .preview { background-image: url(/filemanager/images/ico-mp4-big.png); } #file-list.thumbnails .type-mpeg .preview { background-image: url(/filemanager/images/ico-mpeg-big.png); } #file-list.thumbnails .type-mpg .preview { background-image: url(/filemanager/images/ico-mpg-big.png); } #file-list.thumbnails .type-pdf .preview { background-image: url(/filemanager/images/ico-pdf-big.png); } #file-list.thumbnails .type-png .preview { background-image: url(/filemanager/images/ico-png-big.png); } #file-list.thumbnails .type-ppt .preview { background-image: url(/filemanager/images/ico-ppt-big.png); } #file-list.thumbnails .type-tif .preview { background-image: url(/filemanager/images/ico-tif-big.png); } #file-list.thumbnails .type-tiff .preview { background-image: url(/filemanager/images/ico-tiff-big.png); } #file-list.thumbnails .type-wmv .preview { background-image: url(/filemanager/images/ico-wmv-big.png); } #file-list.thumbnails .type-xls .preview { background-image: url(/filemanager/images/ico-xls-big.png); } #file-list.thumbnails .type-xlsx .preview { background-image: url(/filemanager/images/ico-xlsx-big.png); } #file-list.thumbnails .type-zip .preview { background-image: url(/filemanager/images/ico-zip-big.png); } /************/ /* MESSAGES */ /************/ #content .message { background-color: #F7F7F7; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000000; margin-bottom: 10px; } #content .message ul { margin: 0px; padding: 0px; } #content .message ul li { list-style: none; padding: 4px; background: none; } #content .message ul li + li { border-top: 1px solid #CCCCCC; } #content .message.info { background-color: #E5F5FA; font-weight: bold; } #content .message.info li + li { border-top-color: #B7E3F1; } #content .message.success { background-color: #E9F8E7; font-weight: bold; } #content .message.success li + li { border-top-color: #BDE0BD; } #content .message.error { background-color: #CC0000; color: #FFFFFF; } #content .message.error a { color: #FFFFFF; } #content .message.error li + li { border-top-color: #FFFFFF; } #content .message.warning { background-color: #FFDE00; color: #00000; font-weight: bold; } #content .message.warning li + li { border-top-color: #000000; } #file-list ul.message { margin: 0px 0px 10px 0px; background-color: #F7F7F7; padding: 4px; color: #000000; } #file-list ul.message li { list-style: none; padding: 4px; } #file-list ul.message li + li { border-top: 1px solid #CCCCCC; } #file-list ul.success { background-color: #ECFFEC; } #file-list ul.success li + li { border-top-color: #BDE0BD; } #file-list ul.error { background-color: #CC0000; color: #FFFFFF; } #file-list ul.error li + li { border-top-color: #FFFFFF; } #file-list ul.warning { background-color: #FFDE00; color: #000000; font-weight: bold; } #file-list ul.warning li + li { border-top-color: #000000; } .tags { padding: 5px 10px 20px 10px; } .tags li { list-style: none; display: inline; padding-right: 5px; } .tags a { white-space: nowrap; }