body{margin:0; padding:0; margin-left:30px; font:70%/1.5em Verdana,Tahoma,Arial, sans-serif; color:#333; text-align:center; background-color:#FFF; background-image:url(../img/menu/backg.jpg); background-repeat:repeat-x;} h1,h2,h3,h4,h5,p,ol,ul,li, div,hr,form{padding:0px; margin:0px;} /* links */ a{color:#CC0000; background-color:inherit;} a:hover{color:#575757; background-color:inherit;} /* headers */ h1,h2,h3{font-family:Arial,Helvetica,sans-serif; font-weight:Bold;} h1{padding:10px 0px; font-size:145%; color:#2C4363; background-color:inherit; font-family:Geneva,Arial,Helvetica,sans-serif;} h2{font-size:125%; text-transform:uppercase; font-weight:bold;} h3{font-size:125%; color:#404040;} h3{padding:5px 0; margin:0;} h4{font-size:125%; font-family:Arial,Helvetica,sans-serif; text-align:left; padding-top:10px; width:110px; display:block;} /* images */ img{border:0px;} img.float-right{margin:5px 0px 5px 10px;} img.float-left{margin:5px 10px 5px 0px;} .cleaner{clear:both; width:100%; height:30px; visibility:hidden;} .clear{clear:both; width:100%; height:1px; font-size:0px; visibility:hidden; margin:0px auto; } #sidebar h1, #sidebar p{padding-left:0;} ul,ol{margin:10px 20px; padding:0 20px;} code{margin:3px 0; padding:5px; text-align:left; display:block; overflow:auto; font:90%/1.5em verdana,tahoma,arial, sans-serif; /* white-space:pre; */ background-color:#F0F4FB; border:1px solid #f2f2f2; border-left:2px solid #CF1519; width:555px;} acronym{cursor:help; border-bottom:1px solid #777;} .blockquot{border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#f2f2f2; border-right-color:#222222; border-bottom-color:#222222; border-left-color:#CF1519; float:left; padding-top:5px; padding-right:5px; padding-bottom:10px; padding-left:10px; width:549px; margin-top:0px; margin-right:0px; margin-bottom:10px; margin-left:0px;} /* form elements */ form{margin:10px; padding:5px; border:1px solid #f2f2f2; background-color:#FAFAFA;} label{display:block; font-weight:bold; margin:5px 0;} input{padding:3px; border:1px solid #eee; font:normal 1em Verdana,sans-serif; color:#777;} textarea{width:350px; padding:3px; font:normal 1em Verdana,sans-serif; border:1px solid #eee; height:100px; display:block; color:#777;} input.button{margin:0; font:bolder 12px Verdana,Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#2C4363;} /* search form */ form.search{position:absolute; top:45px; right:0px; padding:0; margin:0; border:none; background-color:transparent;} form.search input.textbox{margin:0; width:113px; border:1px solid #CCC; background:#FFF; color:#333; vertical-align:top;} form.search input.button{width:50px; vertical-align:top;} /************************************** LAYOUT***************************************/ #wrap{ /*margin:0 auto;*/ float:left; padding:0; width:950px; /*padding-left:50px;*/ text-align:left; position:relative;} /* header */ #header{position:relative; height:109px; margin:0; padding:0; color:#808080;} #header h1#logo{position:absolute; margin:0; padding:0; border:none; top:0; left:0px;} #header h2#slogan{position:absolute; margin:0; padding:0; text-transform:none; top:85px; left:21px; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; font-weight:bold; color:#FFFFFF;} /* menu */ #menu{height:22px; margin:0; font:bolder 1.1em/30px Tahoma,Verdana,Arial,Sans-Serif; position:absolute; left:183px; top:81px; background-color:#2C4363; width:auto;} #menu ul{margin:0; padding:0 0 0 0px; list-style-type:none;} #menu ul li{float:left; list-style:none; border-right:1px solid #FFF; display:inline; height:28px;} #menu ul li a{display:block; text-decoration:none; padding:0 15px; color:#FFF;} #menu span{display:block; padding:0 15px; font-size:80%; color:#FFFFFF;} #menu ul li a:hover{color:#FFCC33; background:url(../img/menu-hover-bg.gif) repeat-x;} #menu ul li#current a{color:#333; background:url(../img/menu-current-bg.gif) repeat-x;} #header #menu_img{position:absolute; top:1px; left:184px;} #header #menu_img img{float:left;} /* sidebar */ #sidebar{float:left; width:18%; margin:0; padding:0; display:inline;} #sidebar ul.sidemenu{list-style:none; text-align:left; margin:0 0 7px 0; padding:0; text-decoration:none;} #sidebar ul.sidemenu li{border-bottom:1px solid #EFF0F1; background:url(../img/arrow.gif) no-repeat 3px 6px; padding:0px 0px 0px 20px;} #sidebar ul.sidemenu li{height:1%; } #sidebar ul.sidemenu li a{font-weight:bolder; background-image:none; text-decoration:none;} #sidebar ul.sidemenu li a:hover,#sidebar ul.sidemenu li a.active{color:#CC0000} #sidebar ul.sidemenu-b{list-style:none; text-align:left; margin:0 0 7px 0; padding:0; text-decoration:none;} #sidebar .sidemenu-b .subm{padding:0px 0px 0px 0px; background:none; border:none; color:#2C4363; font-size:90%; display:block;} #sidebar ul.sidemenu h2{font-size:100%;} #sidebar .sidemenu-b .subm a{color:#2C4363;font-weight:bold;} #sidebar .sidemenu-b .next-menu{padding-left:15px; font-size:90%; margin:0px;} .current{display:block;} #rightbar{float:right; width:20%; padding:0; margin:0;} #rightbar a{color:#2C4363; } /* main column */ #main{float:left; width:570px; margin-top:0; margin-right:0; margin-bottom:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:11px;} #main #flash{float:left; height:198px; width:570px; border-top:1px solid #2C4363; border-right:1px solid #2C4363; border-bottom:3px solid #2C4363; border-left:1px solid #2C4363; margin-top:0px;} #main h1{float:left; display:block; width:550px; padding-top:10px; font-size:14px; } #main #flash img{height:198px; width:570px;} #main .h-box{float:left; height:194px; width:184px; margin-top:5px; margin-left:6px; border:1px solid #c9d9ef; background:#FFFFFF; position:relative;} #main .h-box h3 a{padding:5px; font-size:12px; text-decoration:none; } #main .first-box{margin-left:0px;} #main .h-box a{color:#000000; font:bold 90% Arial,Helvetica,sans-serif; display:block; clear:both;} #main .h-box a:hover{text-decoration:underline;} #main .h-box p{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#2c4362; display:block; padding-right:3px; padding-left:8px;} #main .h-box .h-box-cena{font-weight:bold; color:#CC0000; text-align:right; font-size:12px; padding-right:5px;} #main .h-box img{position:absolute; bottom:3px; left:3px;} #main .h-box-detail{display:block; height:20px; width:50px; position:absolute; right:5px; bottom:5px; text-align:right; font:bold 90% Arial,Helvetica,sans-serif;} #main .h-box-detail a{color:#CC0000;} #main .h-box-detail a:hover{text-decoration:underline;} #main #offer-box{width:550px; height:90px; background:#E0E9f6; margin-top:12px; float:left; padding:10px; text-align:center; color:#2c4363; font-family:Arial,Helvetica,sans-serif;} #main #offer-box a{color:#99B6DF; text-decoration:none;} #main #offer-box span{font-size:x-large; font-weight:normal; line-height:115%;} #main #offer-box .b2{font-size:large;} #main #offer-box .f1{font-size:130%; font-weight:normal;} #main .obal{clear:both; padding:5px; background:#2C4362; width:556px; } form.filters{background:url(none); border-style:none; margin:0px; padding:0px; } #main .filter{float:right; font-weight:normal; } .filters .filter label{font-weight:normal; font-size:10px; color:#FFF; margin:0px; padding-left:10px; } .filters .filter select{font-size:10px; } .blockquot div{margin-left:32px; padding:5px;} .post-footer{padding:0px; border:1px solid #2A4260; font-size:95%; height:auto; margin-top:15px; margin-right:0px; margin-bottom:0px; margin-left:0px; position:relative; float:left; width:564px; vertical-align:bottom; background:#FFFFFF url(../img/bg-kateg.gif) repeat-y right top;} .post-footer .date{background:url(../img/clock.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;} .post-footer .comments{background:url(../img/comment.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;} .post-footer .readmore{background:url(../img/page.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;} .post-footer .img-left{width:230px; height:auto; float:left; text-align:left; vertical-align:top; padding-bottom:10px; background-color:#FFFFFF;} .post-footer .img-left .vyrobce{font-weight:normal; width:100px; text-align:left; float:left; margin-top:10px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:15px;} .post-footer .img-left .sklad, .detail-detail #top-detail .sklad{display:block; font-weight:bold; color:#D92D0A; width:110px; text-align:right; font-size:90%; padding-right:5px;} .post-footer .img-left .sklad{float:left; margin-top:10px;} .detail-detail #top-detail .sklad{float:right;} .post-footer .img-left h3{font-family:Arial,Helvetica,sans-serif; display:block; text-align:left; float:left; width:215px; margin-right:0px; margin-bottom:0px; margin-top:5px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:15px;} .post-footer .img-left img{float:left; text-align:center; margin-left:15px; margin-top:5px;} .post-footer .img-left .detail-product{text-align:right; float:right; width:230px;} .post-footer .img-left .detail-product img{float:right; margin-right:30px;} .post-footer .img-left .odeslani{text-align:left; float:left; width:230px; font-weight:bold; color:#D92D0A; font-size:90%;} .post-footer .img-left .odeslani img{text-align:text-bottom; float:none; margin-right:0px;} .post-footer .info-product{float:left; width:308px; text-align:left; margin-top:0px; padding:10px 10px; font-size:95%; border-left-width:5px; border-left-style:solid; border-left-color:#2C4362; background-image:url(../img/k_back.gif); background-repeat:repeat-x; background-position:left top; height:216px; } #main .table-kosik, #main .main-page{clear:both;} #main .table-kosik th{background:#CC0000; color:#FFFFFF; padding:4px;} #main .table-kosik td{padding:4px; background:#F0F4FB;} #main .table-kosik .kos-r{text-align:right;} #main .table-kosik input{background:#C3D4EE; font:bold 100% Arial,Helvetica,sans-serif; width:30px; height:15px; color:#000000; text-align:right;} #main .zakaznik input{width:170px; background:#C3D4EE; text-align:left;} #main .table-kosik .b_inp1{background:url(../img/blockactive.gif) repeat-x left; height:23px; color:#FFFFFF; font-size:80%; font-weight:bold; width:auto;} #main .table-kosik .b_inp2{background:#C3D4EE; height:23px; font-size:80%; font-weight:bold; text-align:center;} #main .table-kosik .obj4{border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#000000; } #main .table-kosik .obj7, #main .table-kosik .obj8{border-top-width:1px; border-top-style:solid; border-top-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; } #main .table-kosik .obj1, #main .table-kosik .obj2, #main .table-kosik .obj3{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; } #main .psc input{width:70px; text-align:left; } #main .table-kosik .zakaznik-inp .b_inp1{width:140px; text-align:center; } #main .table-kosik .konec-inp .b_inp1, .buto1{width:290px; text-align:center; } #main .txt_kos{clear:both; padding-top:10px; padding-bottom:10px; font-weight:bold; font-size:10px;} #main .allert{clear:both; color:#CC0000; padding-bottom:10px; font-weight:bold; text-align:center; font-size:90%;} #main #kos-end{text-align:center;} #main #kos-end input{clear:both; text-align:center; background:url(../img/blockactive.gif) repeat-x left center; color:#FFFFFF; font-weight:bold; font-size:90%;} #main #back-top{display:block; clear:both; padding-top:10px; padding-bottom:5px; font-weight:bold; } .box-right{width:564px; height:1px; position:relative; text-align:right; float:left; border:none; display:block; clear:both; margin-bottom:10px;} .box-right .binfo_1{position:absolute; height:auto; width:100px; bottom:50px; left:453px; color:#BA2609; font-size:85%; font-weight:bold;} .box-right .binfo_2{position:absolute; height:auto; width:100px; bottom:62px; left:453px; color:#BA2609; font-size:85%; font-weight:bold;} .box-right .v_cena{position:absolute; height:auto; width:150px; bottom:39px; left:403px; color:#BA2609; font-size:85%; font-weight:bold;} .box-right .dop_cena{position:absolute; height:auto; width:242px; bottom:38px; left:250px; font-size:85%; /*font-weight:bold;*/ text-align:left;} .box-right .cena{background-image:url(../img/bg_cena.gif); position:absolute; left:455px; bottom:0px; height:39px; width:99px; font-weight:bold; color:#FFFFFF; font-size:13px; background-repeat:no-repeat; background-position:0px 0px;} .box-right .cena .cena_k{font-size:12px; margin-right:15px; display:block; margin-top:5px;} .box-right .buy-button{top:0px; right:-2px; float:right; position:absolute;} .detail-product-doprava{top:2px; left:0px; float:left; position:absolute; font-weight:bold; color:#D92D0A; font-size:90%;} .detail-box{background-image:url(../img/k_back.gif); height:215px; } .detail-detail{background-image:url(../img/d_db.jpg); text-align:center; height:auto; margin-top:0px; float:left; } .detail-box,.detail-detail{background-color:#FFFFFF; background-repeat:repeat-x; background-position:0px bottom;} .detail-detail #top-detail{background-color:#B1BBC7; height:22px; border-bottom-width:6px; border-bottom-style:solid; border-bottom-color:#2A4260;} .detail-detail #top-detail h1{margin-top:2px; margin-bottom:2px; float:left; display:block; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:10px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; width:auto;} .detail-detail #main-detail{padding-bottom:70px;} .detail-detail #main-detail img{margin-top:10px; margin-bottom:10px;} .detail .dop_cena{position:absolute; width:150px; bottom:40px; text-align:center; left:200px;} /* footer */ #footer{clear:both; float:left; color:#666666; padding:0; background:#FFF url(../img/footerbg.gif) repeat-x; height:60px} #footer a{text-decoration:none; font-weight:bold;} #footer-content{margin:0 auto; width:800px} #footer-content #footer-partners{float:left; width:auto; margin-top:10px;} #footer-partners a{color:#666666; text-decoration:underline;} #footer-content #footer-left{padding:10px; width:60%; float:left; text-align:left;} #footer-content #footer-right{padding:10px; width:33%; float:right; text-align:right;} .post-footer .blue-box{color:#2A4260; position:absolute; height:auto; width:5px; left:235px; top:0px; background-color:#2A4260;} /*kosik */ .kos-frame{float:left; display:block; margin-top:10px; } .kos_lt{float:left; margin-top:10px; PADDING-RIGHT:10px; PADDING-LEFT:3px; FONT-WEIGHT:bold; FONT-SIZE:10px; PADDING-BOTTOM:3px; COLOR:#ffffff; PADDING-TOP:1px; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR:#2a4260; TEXT-ALIGN:right} #kontakt{margin:10px; padding:5px; border:1px solid #f2f2f2; background-color:#BDD0EE;} #reklama-all{float:left; width:auto; height:auto; padding-top:95px;} .reklama{ /*border:1px solid rgb(193,193,193);*/ clear:both;width:auto; height:auto;font-family:tahoma,arial,helvetica,sans-serif;font-size:80%; /*color:#000000;*/ } /* alignment classes */ .float-left{float:left; } .float-right{float:right; } .align-left{text-align:left; } .align-right{text-align:right; } /* additional classes */ .clear{clear:both; } .green{color:#75A54B; } .navrcholu{visibility:hidden; } #spec-akce{color:#FF0000; font-weight:bold; } /*HIGHSLIDE*/ .highslide{cursor:url(../highslide/graphics/zoomin.cur),pointer; outline:none;} .highslide img{border:0px solid gray;} .highslide:hover img{border:0px solid gray;} .highslide-image{border:2px solid white;} .highslide-image-blur{} .highslide-caption{display:none; border:2px solid white; border-top:none; font-family:Verdana,Helvetica; font-size:10px; padding:5px; background-color:white;} .highslide-loading{display:block; color:white; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border-top:1px solid white; border-bottom:1px solid white; background-color:black; /* padding-left:22px; background-image:url(../highslide/graphics/loader.gif); background-repeat:no-repeat; background-position:3px 1px; */ } a.highslide-credits, a.highslide-credits i{padding:2px; color:silver; text-decoration:none; font-size:10px;} a.highslide-credits:hover, a.highslide-credits:hover i{color:white; background-color:gray;} .highslide-display-block{display:block;} .highslide-display-none{display:none;} .error{color:#CC0000;}