/* CSS Document */ body { text-align:center; background:white url('img/poz.jpg') repeat left top; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 0.70em; color: black; margin:0; padding:0; } /* text -------------------------------------------------- */ .h1, .h2, .h3, .h4, h1, h2, h3, h4 { margin:0; font-weight:bold;} .h1, h1 {font-size:140%; color:#CB2701; } .h2, h2 {font-size:140%; color:#28849D;} .h3, h3 { font-size:120%; color:#CB2701;} .h4, h4 {font-size:120%; color:#28849D; } /* BLOCKS -------------------------------------------------- */ address { margin: .66em 0;} blockquote {margin: .66em 20px;} hr { clear:both; } p, .editor { text-align: justify; margin:0; margin-bottom: 10px;} /* LISTS -------------------------------------------------- */ dl, dt, dd { margin:0; text-align:left;} dl {} dt {} dd { margin:2px 8px;} ul, ul li {} /* text -------------------------------------------------- */ .text ul { margin:0; padding:0;} .text ul li { background: url('img/sipky-cervene.jpg') no-repeat left 5px; list-style:none; padding:0px 0px 0px 10px;} .text #menu-stred li { width:215px; float:left; } .text #menu-stred li a { text-decoration:underline;} /* TABLES -------------------------------------------------- */ table { border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; font-size:100%;} caption { margin: 0 0 .66em 0; text-align: center; color: #D01310;} th { border: 1px solid gray; padding: 5px 10px; font-weight: bold; text-align: left; vertical-align: top; background-color:#006995; color: white;} td { border: 1px solid gray; padding: 5px 10px; vertical-align: top; background-color: white;} /* FORMS -------------------------------------------------- */ fieldset { clear: both; border:none; } legend {} input, textarea, select { font-size: 1em;} /* INLINES -------------------------------------------------- */ abbr, acronym { border-bottom: 1px dotted; font-variant: small-caps; cursor: help;} dfn { position: relative; font-style:normal; cursor: help; top: 2px;} cite, em, q, var { font-style: italic;} code, kbd, samp, pre { font-family: "Lucida Consode", "Andale Mono", monospace;} sub { font-size: smaller; text-decoration: none !important; vertical-align: sub;} sup { font-size: smaller; text-decoration: none !important; vertical-align: super;} del { text-decoration: line-through;} ins { text-decoration: underline;} strong { font-weight: bold;} /* ANCHORS -------------------------------------------------- */ a {color:#cc3300; text-decoration: none;} a:visited { } a:hover {text-decoration: underline; } h2 a:hover {text-decoration: underline;} h4 a:hover {text-decoration: underline;} /* Img -------------------------------------------------- */ img { border:none; } /* Bloky -------------------------------------------------- */ #obal { position:relative; width:940px; margin:0 auto; } #top { position:relative; height:311px; margin-left:-92px; _margin-left:-102px; margin-right:-92px; width:1114px; background: url('img/top.jpg') no-repeat left top; } #flash {position:absolute; top:57px; right:100px;} #logo { position:absolute; top:90px; left:170px; width:170px; height:90px; } #maj { float:left; position:relative; text-align:left; width:940px; background: url('img/maj-poz.jpg') repeat-y left top; } #obsah { float:left; width:700px; } #obsah #produkty { width:460px; float:right; } #obsah #produkty #detail { width:700px; margin-right:-220px; _margin-right:-240px; float:left; } #obsah #leva { overflow:hidden; width:220px; float:left; } #prava { width:220px; float:right; overflow:hidden; background: url('img/leva-poz.jpg') repeat left top; color:white; } #pata { clear:both; } /*top ----------------------------------------------------------------*/ #top h1 { position:absolute; margin:12px 0; left:95px; font-weight:normal; color:black; font-size:100%;} #top h1 a { color:#cc3300; font-weight:bold;} #reg { position:absolute; right:95px; top:12px; } #reg a { display:block; float:right; color:#339999; padding:0px 0px 0px 40px; background:url('img/panacek.jpg') no-repeat 20px top;} #info { position:absolute; right:105px; top:175px; text-align:right;} #info .h4 { font-weight:bold; color:#339999; background:none; display:block; padding:0px 0px 3px 0px;} #info span { background: url('img/sipky-modre.jpg') no-repeat 5px 5px; padding:0px 0px 0px 18px; color:#339999; } #info a { color:black;} #kosik { position:absolute; top:230px; right:105px; color:#666666;} #kosik strong { color:black;} #kosik span { color:#CC3300; font-weight:bold; } #kosik a { background:transparent url(img/kosik.jpg) no-repeat scroll left 1px; padding:0px 0px 0px 17px; margin-left:25px;} #kosik a span { background:transparent url(img/sipky-cervene.jpg) no-repeat scroll left 5px; padding:0px 0px 0px 10px; } #menu { position:absolute; right:92px; top:280px; } #menu ul { margin:0; padding:0; } #menu li {float:right; list-style:none;} #menu li a { color:white; font-weight:bold; display:block; padding:0px 20px 0px 20px; background: url('img/menu-linka.jpg') no-repeat left top;} #hledani { position:absolute; top:277px; left:150px; width:235px;} #hledani #searchstring { background:#b0d8e0; border:1px solid #d3e6ea; height:15px; width:145px;} #hledani #searchsubmit { background:none; border:none; color:white; font-weight:bold; } /*navigace ----------------------------------------------------------------*/ #navigace { display:block; height:40px; margin:0px 0px 10px 0px; background: url('img/tecky.jpg') repeat-x left bottom;} #navigace ul { margin:0; padding:15px 0px 0px 0px;} #navigace ul li { float:left; list-style:none; } #navigace ul li a { display:block; padding: 0px 0px 0px 20px; background: url('img/sipky.jpg') no-repeat 7px 5px; color:#ce2500; } /*leva ----------------------------------------------------------------*/ #leva ul { margin:0; padding:0; background: url('img/leva-poz.jpg') repeat left top; color:white;} #leva a {color:white;} #leva .h3 { background: url('img/leva-nadpis.jpg') no-repeat left top; padding:11px 0px 11px 20px; color:white; } #leva ul li { list-style:none; background: url('img/tecky-blue.jpg') repeat-x left bottom; _height:1px;padding:0px 0px 1px 0px;} #leva ul li a { position:relative; display:block; padding:6px 0px 6px 38px; /*background: url('img/sipky-blue.jpg') no-repeat 25px 11px;*/} #leva ul li a span{display:block;width:6px;height:5px;position:absolute;top:11px;left:25px;_left:-15px;background: url('img/arrow-red.gif') no-repeat left top;} #leva ul li a:hover{background:url('img/menu-h-hover.jpg') repeat left top;color:black;text-decoration:none;} #leva ul li ul{} #leva ul li ul li{ background: url('img/tecky-blue.jpg') repeat-x left top;padding:1px 0px 0px 0px;} #leva ul li ul li a { padding:6px 0px 6px 52px; /*background: url('img/sipky-cerne.jpg') no-repeat 40px 11px;*/ color:#e7c78c;} #leva ul li ul li a span{left:40px;_left:-15px;background: url('img/arrow-black.gif') no-repeat left top;} #leva ul li ul li a:hover span{background: url('img/arrow-red.gif') no-repeat left top;} #leva .leva-top { background: url('img/leva-top.jpg') no-repeat left top; height:16px; } #leva .leva-bottom { background: url('img/leva-bottom.jpg') no-repeat left top; height:17px; } /*box1 ----------------------------------------------------------------*/ .box1 { width:223px;height:364px; float:left; background: url('img/box1-poz.jpg') repeat left top; position:relative; margin:3px 6px 3px 0px; } .box1 h2 { background: url('img/box1-top.jpg') no-repeat left top; height:26px; padding:16px 10px 0px 10px; font-size:100%;} .box1 h2 a { color:#187994; } .box1 p { display:block; height:40px; padding:0 10px; overflow:hidden; margin-bottom:7px; } .box1 span { padding:0 10px; color:black; } .box1 .akce-cena { color:#cc3300; } .box1 .img { position:absolute; left:0px; top:120px; display:block; margin:0px 10px; border:1px solid #e7c78c; width:200px;overflow:hidden; height:200px; background:white;} .box1 .koupit { position:absolute; bottom:14px; left:10px;width:201px;height:24px; } .box1 .box-bottom { position:absolute; bottom:0px; left:0px; height:18px; width:100%; background: url('img/box1-bottom.jpg') no-repeat left top; } #stranky {clear:both; text-align:center; padding:20px 0px 0px 0px; color:#339999; } #stranky a { color:#339999; } #stranky strong { color:#CB2701; } /*detail ----------------------------------------------------------------*/ #detail { position:relative; } #detail h1 { padding:22px 0px 12px 0px; background:url('img/tecky.jpg') repeat-x left bottom;margin:0px 0px 10px 0px;} #detail #foto { float:left; margin: 10px 0px 0px 0px; display:block; width:352px; height:430px; background:url('img/img-poz.jpg') repeat left bottom; position:relative;} #detail #foto .foto-big { height:3800px !important; } #detail #foto .img-detail { display:block; width:250px; height:auto; background:white; position:absolute; top:25px; left:25px; } #detail #galerie { position:absolute; top:340px; left:25px; clear:both; } #detail .detail-prava { float: right; width:340px; margin:30px 0px 0px 0px;} #detail .detail-prava ul { margin:0; padding:0; list-style:none;} #detail .detail-prava ul li { position:relative; float:left; width:100%; display:block; padding:8px 0; background:url('img/tecky.jpg') repeat-x left bottom;} #detail .detail-prava strong { float:left; } #detail .detail-prava span { float:right; text-align:right; padding:0px 15px 0px 0px; color:#28849D; } #detail .detail-prava form fieldset { text-align:center;} #detail .detail-prava form fieldset #cartsubmit { margin-top:10px;} #foto .foto-top { position:absolute; top:0px; left:0px; width:100%; background: url('img/foto-top.jpg') no-repeat left top; height:17px; } #foto .foto-bottom { position:absolute; bottom:0px; left:0px; width:100%; background: url('img/foto-bottom.jpg') no-repeat left top; height:16px; } /*prava ----------------------------------------------------------------*/ #prava a { color:#E7C78C;} #prava .h3{background:transparent url(img/prava-nadpis.jpg) no-repeat scroll left top;color:white;font-size:11px;height:38px;line-height:38px;padding-right:25px;text-align:right;text-transform:uppercase;} #prava .h3 a { color:white; } .right-bottom-absolute{position:relative;background:url('img/right-bottom.gif') no-repeat left top;width:220px;height:21px;clear:both;} .caption-top{position:relative;background:url('img/leva-bottom.jpg') no-repeat left top;width:220px;height:17px;} .caption-bottom{position:relative;background:url('img/caption-bottom.gif') no-repeat left top;width:220px;height:19px;} #prava dl{ padding:8px 10px 8px 10px; background: url('img/tecky-blue.jpg') repeat-x left bottom; } #prava dl dd p{text-align:left;} #prava dl dd p img{position:relative;top:-1px;left:2px;} .more-news{padding:0px 0px 0px 20px;line-height:30px;} .box { width:200px; _display:inline;margin:8px 0px 8px 10px;clear:both;float:left;} .box span { display:block; } .box h4{padding:0px 0px 10px 0px;font-size:11px;} .box a img{border:#d6b67e solid 1px;overflow:hidden;width:200px;height:200px;} #prava .box-bottom{height:auto;width:auto;padding:5px 0px;} #prava .box-bottom strong{float:right;color:#db2800;} #prava .box-bottom a{float:left;color:#fff !important;padding:0px 10px 0px 0px;background:url('img/sipky-blue.jpg') no-repeat right 4px;} #leva .leva-top { background: url('img/leva-top.jpg') no-repeat left top; height:16px; padding:0 !important;} #leva .leva-bottom { background: url('img/leva-bottom.jpg') no-repeat left top; height:17px; padding:0 !important;} #leva .odkazy li { position:relative;padding:12px 0; } #leva .odkazy li a {position:relative;color:#E7C78C; padding:2px 20px; font-weight:bold; } #leva .odkazy li a:hover{color:#E7C78C;text-decoration:underline;background: url('img/leva-poz.jpg') repeat left top !important;} #leva .odkazy li p { padding:0px 20px;text-align:left;} /*pata ----------------------------------------------------------------*/ #pata {padding:20px 0px 0px 0px;} #pata ul { background: url('img/pata-poz.jpg') repeat-x left top; width:540px; margin:auto; _margin:0; padding:0; } #pata ul li { list-style:none; display:inline; line-height:2.5; } #pata ul li a { color:#339999; background: url('img/sipky-cervene.jpg') no-repeat left 5px; padding:0px 10px;} /*kosik ----------------------------------------------------------------*/ #cart-form table, .formular table, .table-order { width:680px !important; } .formular table tr td{background:white url(img/poz.jpg) repeat scroll left top;} #quick_form table tr td{background:white url(img/poz.jpg) repeat scroll left top;padding:10px 5px;} #cart-form table td { text-align:center; vertical-align: middle; } #cart-form table td select, #cart-form table td a { float:left; } #cart-form fieldset, .formular fieldset, .fieldset-border { border:1px solid #444444; padding:20px 0px 20px 10px; margin:10px 0px 0px 0px; } #cart-form fieldset .center input {padding: 3px;} .center input { margin:0 4px; } .center { display:block; width:95%; text-align:center !important; } .larger { font-size:130%; } #quick_form table td {border:none;} /*ostatni ----------------------------------------------------------------*/ .clear {clear:both;} .none { margin:0 !important; padding:0 !important; background:none !important;} .tab-uvod { border:none; background:none;} .tab-uvod td { border:none; background:none;} .ipbox { float:left; width:84%; margin:5px 12px 5px 12px; padding:10px 0; clear:both; border-bottom:1px solid #ccc;} .ipbox h2 { font-size:10pt; padding:5px 0;} .ipbox img {width:100px; float:left; padding-right:10px;}