/* reset */ body, h1, h2, h3, ul, li, p, fieldset, img {padding:0; margin:0; border:0;} a { outline:none; } body { margin:0px; padding:0px; background:#ffffff url('images/podlahy_pozadi.jpg'); text-align:center; font-family: Helvetica, Arial, Arial CE, Tahoma; font-size: 11px; color: #3D3D3D; } /* NUTNO PŘEDĚLAT */ div.predavka { display: none; } /* administrační stránka */ body.admin { margin:20px; padding:0px; background:#ffffff ; text-align: left; font-family: Arial, Arial CE, Tahoma; font-size: 11px; color: #3D3D3D;} body.admin h1 {font-size: 14px; color: #31498F; margin-bottom: 20px;} body.admin table {font-size: 12px; border-collapse: collapse;} body.admin th {text-align: left; border-bottom: 1px solid #e7e7e7;} body.admin a:link { color: #31498F; text-decoration:underline; } body.admin a:visited { color: #31498F; text-decoration:underline;} body.admin a:hover { color: #F89A23; text-decoration:underline;} #wraper {display: block; width:907px; margin: 0px auto 0 auto; border-top: 2px solid #767676; border-bottom: 2px solid #767676; border-left: 1px solid #767676; border-right: 1px solid #767676; background: #ffffff; margin-top: 60px; text-align: left;} #left {display: inline; float: left; width: 299px;} h1.logo { display: block; width: 299px; height: 103px; background: url('images/podlahy-sevcik.gif') no-repeat left top; text-indent: -9000px; } #left a:link { color: #31498F; text-decoration:none; } #left a:visited { color: #31498F; text-decoration:none;} #left a:hover { color: #F89A23; text-decoration:underline;} #left ul {padding-bottom: 10px; padding-left: 66px;} #left ul li {list-style:none; background: url(images/li.gif) no-repeat left 9px; padding-left:7px; } #left ul li a {font-size: 12px;} div.modry { background: url('images/drevene_podlahy_pozadi.jpg') bottom left repeat-y; min-height: 35px; border: 1px solid #fff; } div.zluty { background: url('images/laminatove_podlahy_pozadi.jpg') bottom left repeat-y; min-height: 35px; border: 1px solid #fff;} div.modry h2 a { display: block; width:200px; height: 16px; margin: 10px 0px 5px 36px; background: url('images/li-menu.gif') no-repeat left 50%; padding-left: 23px; font-size: 14px; text-decoration: none; } div.modry h2 a:hover { color: #f89a23; } div.zluty h2 a { display: block; width:200px; height: 16px; margin: 10px 0px 5px 36px; background: url('images/li-menu.gif') no-repeat left 50%; padding-left: 23px; font-size: 14px; text-decoration: none; } div.zluty h2 a:hover { color: #f89a23; } #reference {margin-left:35px; margin-top: 25px; color:#31498F; padding-bottom: 50px;} #reference img {padding: 5px 5px 0px 10px; } #left #reference a { text-decoration: none; } #left #reference a:hover { text-decoration: none; } #right {display: inline; float: right; width: 592px;} /*#menu {display: block; width:456px; height: 80px; background: url('images/menu_pozadi.gif');} div.menu_home a { display: inline; float:left; width:113px; height:76px; text-decoration:none; background: url(images/home_off.gif) no-repeat center center;} div.menu_home a:hover { background: url(images/home_on.gif) no-repeat center center;} div.menu_akce a { display: inline; float:left; width:117px; height:76px; text-decoration:none; background: url(images/akce_off.gif) no-repeat center center;} div.menu_akce a:hover { background: url(images/akce_on.gif) no-repeat center center;} div.menu_reference a { display: inline; float:left; width:128px; height:76px; text-decoration:none; background: url(images/reference_off.gif) no-repeat center center;} div.menu_reference a:hover { background: url(images/reference_on.gif) no-repeat center center;} div.menu_kontakty a { display: inline; float:left; width:98px; height:76px; text-decoration:none; background: url(images/kontakty_off.gif) no-repeat center center;} div.menu_kontakty a:hover { background: url(images/kontakty_on.gif) no-repeat center center;}*/ ul#top_menu {display: block; width:573px; height: 80px; background: url('images/menu_pozadi.gif'); list-style: none; } ul#top_menu li { float: left; } ul#top_menu li a { display: block; float: left; text-indent: -9000px; } ul#top_menu li a.menu_home { width:113px; height:76px; background: url(images/home_off.gif); } ul#top_menu li a.menu_home:hover { background: url(images/home_on.gif); } ul#top_menu li a.menu_eshop { width:117px; height:76px; background: url(images/menu_eshop.gif) 0px 0px; } ul#top_menu li a.menu_eshop:hover { background-position: -117px 0px; } ul#top_menu li a.menu_akce { width:117px; height:76px; background: url(images/akce_off.gif); } ul#top_menu li a.menu_akce:hover { background: url(images/akce_on.gif); } ul#top_menu li a.menu_reference { width:128px; height:76px; background: url(images/reference_off.gif); } ul#top_menu li a.menu_reference:hover { background: url(images/reference_on.gif); } ul#top_menu li a.menu_kontakty { width:98px; height:76px; background: url(images/kontakty_off.gif); } ul#top_menu li a.menu_kontakty:hover { background: url(images/kontakty_on.gif); } #obsah {display: block; width:573px; margin-top:12px; text-align: left;} #obsah h1 { margin-left: 9px; margin-bottom: 5px;} #obsah h1.akce { margin-left: 9px; margin-bottom: 5px; padding-top: 5px;} #obsah h2 { margin-left: 9px; margin-bottom: 4px; margin-top: 20px; font-size: 11px; color: #31498F; border-bottom: 1px solid #E7E7E7; width: 260px;} #obsah h3 { margin-left: 9px; margin-bottom: 4px; margin-top: 10px; font-size: 11px; color: #31498F; border-bottom: 1px solid #E7E7E7; width: 425px;} #obsah h3 a:link { color: #31498F; text-decoration:none; } #obsah h3 a:visited { color: #31498F; text-decoration:none;} #obsah h3 a:hover { color: #F89A23; text-decoration:underline;} #obsah h4 { margin-left: 9px; margin-bottom: 4px; margin-top: 10px; font-size: 12px; color: #31498F; border-bottom: 1px solid #E7E7E7; width: 425px;} #obsah p { margin-left: 9px; margin-bottom: 10px;} #obsah a:link { color: #31498F; text-decoration:underline; } #obsah a:visited { color: #31498F; text-decoration:underline;} #obsah a:hover { color: #F89A23; text-decoration:underline;} #obsah ul {padding-left: 20px; font-weight: bold;} #obsah ul li {list-style:none; background: url(images/li.gif) no-repeat left 9px; padding-left:7px; padding-bottom: 5px;} #obsah ul.akce {padding-left: 20px; font-weight: normal;} #obsah ul.akce strong {font-size:12px;} #obsah ul.akce li {margin-bottom: 10px;} #obsah ul.akce a:link { color: #31498F; text-decoration:none; } #obsah ul.akce a:visited { color: #31498F; text-decoration:none;} #obsah ul.akce a:hover { color: #F89A23; text-decoration:underline;} #akce1 {float:left; width:224px; height: 90px;} #akce1 a:link { color: #3D3D3D; text-decoration:none; font-size: 12px;} #akce1 a:visited { color: #3D3D3D; text-decoration:none; font-size: 12px;} #akce1 a:hover { color: #F89A23; text-decoration:underline; font-size: 12px;} #akce2 {float:left; width:231px; height: 90px;} #akce2 a:link { color: #3D3D3D; text-decoration:none; font-size: 12px;} #akce2 a:visited { color: #3D3D3D; text-decoration:none;font-size: 12px;} #akce2 a:hover { color: #F89A23; text-decoration:underline;font-size: 12px;} #mapa {float: right; width: 180px; text-align: center; margin-top: 30px;} #mapa a:link { color: #828282; text-decoration:none; } #mapa a:visited { color: #828282; text-decoration:none;} #mapa a:hover { color: #F89A23; text-decoration:underline;} #zapati { width: 900px; margin: 0px auto 0 auto; color: #31498F; text-align: left; padding-top: 3px; padding-bottom: 20px;} #zapati a:link { color: #31498F; text-decoration:none; } #zapati a:visited { color: #31498F; text-decoration:none;} #zapati a:hover { color: #F89A23; text-decoration:underline;} #gallery_q {margin-left: 9px;} .gallery_quick {float: left;} #obsah h3.home { width: 202px; height: 37px; background: url('images/podlaha_od_nas_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.akce { width: 35px; height: 12px; background: url('images/akce_h1.gif'); text-indent: -9000px; border:0; margin-top: 20px; } #obsah h3.akce-slevy { width: 145px; height: 37px; background: url('images/akce_slevy_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.reference { width: 180px; height: 37px; background: url('images/reference_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.kontakty { width: 153px; height: 37px; background: url('images/kontakty_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_proc { width: 114px; height: 37px; background: url('images/drevene_podlahy_proc_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_dvouvrstve_h1 { width: 176px; height: 37px; background: url('images/drevene_podlahy_dvouvrstve_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_exoticke_h1 { width: 158px; height: 37px; background: url('images/drevene_podlahy_exoticke_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_klasicke_h1 { width: 158px; height: 37px; background: url('images/drevene_podlahy_klasicke_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_prumyslova_h1 { width: 183px; height: 37px; background: url('images/drevene_podlahy_prumyslova_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_trivrstve_h1 { width: 164px; height: 37px; background: url('images/drevene_podlahy_trivrstve_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.laminatove_podlahy_proc_h1 { width: 136px; height: 37px; background: url('images/laminatove_podlahy_proc_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.laminatove_podlahy_quick_h1 { width: 136px; height: 37px; background: url('images/laminatove_podlahy_quick_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.laminatove_podlahy_krono_h1 { width: 136px; height: 37px; background: url('images/laminatove_podlahy_krono_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.renovace_podlah_h1 { width: 116px; height: 37px; background: url('images/renovace_podlah_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.sportovni_podlahy_h1 { width: 124px; height: 37px; background: url('images/sportovni_podlahy_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.laminatove_podlahy_floor_h1 { width: 136px; height: 37px; background: url('images/laminatove_podlahy_floor_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.laminatove_podlahy_berry_h1 { width: 136px; height: 37px; background: url('images/laminatove_podlahy_berry_h1.gif'); text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.drevene_podlahy_kahrs { width: 136px; height: 37px; background: url('images/drevene_podlahy_kahrs.gif') no-repeat; text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.vinylove_podlahy { width: 136px; height: 17px; background: url('images/vinylove-podlahy.gif') no-repeat; text-indent: -9000px; border:0; margin-bottom: 10px; } #obsah h3.marmoleum { width: 136px; height: 17px; background: url('images/marmoleum.gif') no-repeat; text-indent: -9000px; border:0; margin-bottom: 10px; } .foto1 {float:right; margin-left: 8px;} .linka { margin-bottom: 15px;} .nadpis_podlahy {margin: 10px 0px 5px 36px; border: 0px;} .nadpis_podlahy2 {margin: 10px 0px 10px 36px;} .copy {float: right;} .label {width: 110px; float: left;} .mapa { border:1px solid #dedede;} .cenik_pdf { border:0px; margin: 0px 5px 0px 5px;} .cenik_xls { border:0px; margin: 0px 7px 0px 5px;} .jakost {margin-right: 10px; border: 1px solid #C9C9C9;} .refer {margin: 10px 15px 0px 28px; border: 0px;} .reference {margin: 3px 3px 0px 0px; border: 0px;} .akce_foto {margin: 3px 8px 0px 0px; border: 0px; float: left;} .cena {color: #AE6C19; font-size: 15px; font-weight: bold;} .cena2 {color: #31498F; font-size: 15px; font-weight: bold;} .nazev_akce {color: #31498F; font-size: 15px; font-weight: bold; border-bottom:1px solid #E7E7E7;} .klas1 {float: right; margin: 0px 20px 10px 20px; border:0px;} .klas12 {float: right; margin: 15px 20px 10px 20px;} .klas2 {float: left; margin: 0px 15px 5px 0px; border:0px;} .floorline {margin: 20px 0px 0px 0px;} .quick1 {margin: 20px 0px 0px 0px;} .quick2 {margin: 5px 8px 5px 0px; border: 0px;} /* ??? */ a.seo { color: #31498F; text-decoration:none; } a:hover.seo { color: #31498F; text-decoration:none; } a.seo2 { color: #31498F; text-decoration: none; font-weight: bold; } a:hover.seo2 { color: #31498F; text-decoration:none; font-weight: bold; } p.chyba { background: #fff6bf url('images/chyba.png') center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 1px solid #ffd324; margin: 5px 0px; } p.ok { background: #e5fab1 url('images/ok.png') center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 1px solid #b0e62a; margin: 5px 0px 10px 0px; } p.underkosik { padding-top: 15px; text-align: center; } .zalomeni {clear:both;} p.reference a:hover img { opacity:0.5;filter:alpha(opacity=50); } a.pdf { display: inline-block; padding:0 0 0 20px; min-height: 16px; background: url('images/pdf.gif') no-repeat center left; line-height: 16px; } div.dph { color: #fff; font-weight: bold; font-size: 18px; padding: 10px; text-align: center; clear: both; margin-top: 10px; border-top: 10px solid #fff; text-shadow: 1px 1px 1px #31498F; background: #ffd65e; /* Old browsers */ background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */ background: linear-gradient(top, #ffd65e 0%,#febf04 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */ }