/* Project CSS style @version 25.07.2009 22:27:07 */ body{font-family: sans-serif; font-size:80%; background: #D9E3EA url('../images/bg.png') left bottom repeat-x; background-attachment:fixed;} /* Zakladni elementy */ h1{font-size:180%; margin-bottom:0;} h3{font-size:137%;} #content h2{font-size:170%; margin-top:0.2em; margin-bottom:0;} img{border:0;} h4{font-weight:bold;} ul li{color:#c5dbe8;} #product-page #product-info #perex{text-align:center;} /* Kostra */ #eshop{border-top:1px solid white;width:903px; margin:0px auto; position:relative; background:#ffffff ; margin-bottom:2em;} #in{margin:1em;} /* Zahlavi */ #header{padding:1em 2em 0 1em; height:70px;} #header a, #header p{color:#C22125; text-decoration:none;} #header span{color:#000000;} #header p, #cart p{margin:0;} #header p{color:grey;} /* Logo */ #logo, #image{width:369px; height:44px; position:relative; overflow:hidden;} #logo #image{display:block; background: url('../images/logo.png') no-repeat; position:absolute; top:0; left:0;} /* Nakupni kosik */ #cart{position:absolute; top:2em; right:2em; padding-left:45px;} #cart h3{margin-bottom:0.1em;} #cart a{font-size:85%;font-weight:bold;} /* Ruzne stavy nakupniho kosiku */ .full{background:url('../images/cart.png') 0px 4px no-repeat;} .full a{color:#43A031;} .empty{background:url('../images/cart.png') 0px -139px no-repeat;} .empty a{color:#2c65ae;} .disable{background:url('../images/cart.png') 0px -43px no-repeat;} .disable a{color:#aaaaaa;} /* Navigace pro clanky */ #articles{background:url('../images/articles.png') no-repeat; padding:10px; padding-top:12px;height:32px; padding-bottom:0;} #articles ul{margin:0; margin-left:0em;} #articles ul li{display:inline; list-style-type:none; padding:1em; background:url('../images/separator2.png') center right no-repeat;} #articles a, #articles strong{color:#ffffff; font-size:100%;} /* Konstrukce - shrnuti navigace katalogu a kontaktniho infa do sloupce, obtekani */ #column, #content{float:left;} #column{width:190px; padding-top:1em; margin-bottom:0.5em;} /* Obsah */ #content{width:660px; padding:1em; padding-top:1em; padding-right:0; padding-left:1.5em; /*margin-bottom:2em; border:red solid 1px;*/} /*#content ol li, #content ul li{margin-bottom:7px;}*/ /* Ilustrace v zahlavi obsahu */ #illustration{width:498px; height:150px; margin-bottom:1.5em; margin-left:-6px;} #illustration h3{font-size:165%;} #illustration p{margin-bottom:0;} #illustration-cat img{margin-left:-6px;margin-bottom:0.5em;} /* Homepage */ .hp{background:url('../images/hp.png') no-repeat; padding-left:180px; padding-top:16px;} .hp p{width:480px;} /* Proc nakupovat u nas a novinky, obtekanim */ #why, #news{width:325px; float:left; margin-bottom:1em;} #why ol{margin-left:2.5em; line-height:1.8em;} #why ol li{margin-bottom:0;} #why h3, #news h3{padding-bottom:0.4em; border-bottom:1px solid #eeeeee;} /* Novinky */ #news{width:290px; margin-left:45px;} #news ul li{list-style-type:none; color:#aaaaaa; margin-bottom:5px;} #news ul{margin:0;} #news span{color:grey;} /* Doporucujeme, topovane produkty */ #top-products h3{padding:0.4em;} #top-products #inner{background:url('../images/top-products.png') repeat-x; height:247px;} #inner{width:655px; padding:1em; padding-right:0;} /* Strom, navigace katalogu */ #catalog{background:#F8F0EA url('../images/catalog.png') center top no-repeat; margin-bottom:1em;} #catalog h2{padding-top:0.7em; margin-left:1em; } #catalog ul{margin-top:1.5em; margin-left:1.4em;padding-bottom:1em;} #catalog ul li{line-height:2em; list-style-type:none; padding-left:13px; background:url('../images/li.png') left 9px no-repeat;} #catalog a, #catalog strong{ font-size:100%; color:#C22125;} #catalog h2{font-size:110%;font-weight:bold;color:#ffffff;} /* Ztucnit proklik */ #catalog li.act{font-weight:bold;} #catalog li li, #catalog li li li{font-weight:normal;} /* Odrazky pro tri urovne */ #catalog ul ul, #catalog ul ul ul{margin-bottom:0; margin-top:0; margin-left:0px; padding:0;} /* Rychle kontaktni info box */ #contact{background:#d9e4e9 url('../images/contact.png') center top no-repeat;} #contact h2 a{color:#ffffff; font-size:75%; font-weight:bold;} #contact h2 {padding-top:0.2em; margin-left:0.8em;padding-bottom:0.7em;} #contact p{margin-left:1.3em;} #contact{padding-bottom:0.1em;} /* Paticka */ #footer{padding:0.5em; padding-bottom:0.8em; position:relative;} #footer span{position:absolute; bottom:0.8em; right:0.5em;} #footer-bg{background: url('../images/footer.png') left bottom no-repeat; width:100%; height:50px; position:absolute; bottom:-5px;left:0;} /* Shrnuta barevnost a linky */ #illustration h3, #illustration strong{color:#C22125;} #footer a, #footer, #content h2, #content a, #contact p a, #contact strong, h3, #why strong, #tabs .ui-tabs-selected a:hover{color:#2C65AF;} #footer a:hover, #content a:hover, #contact p a:hover, #catalog a:hover, h4, ul li span{color:#373B43;} #articles a:hover{text-decoration:none;} /* Produkty v katalogu */ .product{border:1px #eeeeee solid; width:205px; margin:0em 11px 1em 0; float:left; position:relative; background:#ffffff;} .product p, .product h3{border-bottom:1px #eeeeee solid;} .product p, .product h3, .product .thumb{padding-bottom:0.5em; text-align:center;} #content .product h3{background:#ebf3f8; font-size:120%; font-weight:bold; padding-bottom:0.5em; padding-top:0.5em;} .product p{text-align:left; margin:0;} .product p, .price{padding:0.5em; } /* Cena produktu */ .price{color:#2fa729; font-size:120%; font-weight:bold;} .price span{color:#888888; font-size:75%; font-weight:normal;} /* Tlacitko pro pridani do kosiku */ #content .product .add{position:absolute; bottom:4px; right:4px; width:64px;} #content .product .add a{color:#ffffff; padding:8px; text-decoration:none; font-size:90%; background:#2fa729 url('../images/basket/add.png') 51px 6px no-repeat;} #content .product .add a:hover{text-decoration:underline;} /* Stitkovani produktu */ .product .signs{position:absolute; top:3.5em; left:0px;} .product .signs img{display:block; margin-bottom:4px;} .pagination ul{text-align:right; margin-right:1em; margin-bottom:0;} .pagination ul li{list-style-type:none; display:inline; margin-left:0.5em;} .pagination ul li a, .pagination strong{padding:5px 10px 5px 10px; font-weight:bold;} .pagination strong{background:#3066ae; color:#ffffff;} .pagination a{background:#c5dbe8; color:#3066ae;} /* Produktova stranka */ #add-basket{width:193px; margin-bottom:1em;min-height:40px;color:white;background:#2fa729; margin:0px auto;} #add-basket input{float:left;} #add-basket a, #add-basket a:hover{font-weight:bold; color:white; display:block; padding:3px 3px 3px 6px;} #add-basket #quantity{margin:8px 0 0 3px; width:20px; text-align:center;} #product-page img{margin-bottom:1em;} #product-info, #product-thumb{float:left; /*border:green solid 1px;*/ width:300px; margin-bottom:1.5em;} #product-page th{color:#666666; border:0; text-align:left;} #product-page td ul{list-style-type:none; margin:0;} #product-thumb{text-align:center; margin-bottom:2em; /*background:#eeeeee;*/ margin-right:4.4em;} #product-thumb img{/*border:1px solid #eeeeee;*/} #product-page table, #product-page td{border:0;} #product-page td, #product-page th, #product-info th{border-bottom:1px solid #eeeeee;} #product-info .price, #product-info p{margin-bottom:0.5em; text-align:center;} #product-info p{text-align:left;} #product-text{border-top:1px #eeeeee solid; padding-top:1em;} #product-info table{width:100%;} .stock{color:#009900; font-weight:bold;} /*.stock{color:#561402;}*/ /* Objednavkove formulare v orderu */ #order-form legend{font-weight:bold; padding:5px; background:white; color:#2C65AF;} #order-form fieldset{border:0; border:1px solid #dddddd; width:639px;} #order-form td{vertical-align:mid; border:0;} #order-form colgroup{width:110px;} /* check order */ #order-check div{border-bottom:1px solid #eeeeee; } #order-check #action, #order-check div.edit{border:0;} #order-check td, #order-check th{border:1px #eeeeee solid;} #content #order-check table.check th{text-align:left;} .check th{text-align:left;} /* Nakupni kosik in */ #basket{position:relative;} #basket td{border:0;} #basket td, #basket th{border-bottom:1px solid #eeeeee;} #basket th{border:0; border-bottom:1px solid #dddddd; background:#D9E3EA; color:#3066ae; padding:7px;} .checksum{border-bottom:0;border-top:1px solid #cccccc; font-weight:bold; background:#ffffaa; font-size:110%;} .pay{padding:4px; text-decoration:none; font-weight:bold;} .pay:hover{color:white;} /* BASKET PANELS IN CONTENT, BUTONS IN ORDER */ #action {border:0px red solid; margin-bottom:1em; position:relative; width:100%;} #action a{display:block; padding:11px; padding-left:40px; color:white; font-weight:bold;} #action a:hover{color:white;} #action input{position:absolute; right:0; top:0px; padding:0;} #action p{font-weight:bold; color:grey; margin:0; padding-top:0.8em;} #action #continue{background:#888888 url('../images/basket/continue2.png') 10px 8px no-repeat; width:150px;} #action #order{background:#2fa729 url('../images/basket/order.png') 10px 8px no-repeat; width:110px;} #action #empty{background:#E43C47 url('../images/basket/empty.png') 10px 8px no-repeat; width:115px;} #action #continue-order{background:#888888 url('../images/basket/continue-order.png') 10px 8px no-repeat; width:180px; } #action #order-send{background:#2fa729 url('../images/basket/order-send.png') 10px 8px no-repeat; width:145px;} #action #order{position:absolute; right:0; top:0;} #action a{text-decoration:none;} #action a:hover{text-decoration:underline;} /* Postup nakupu - ukazatele, proces */ #process{ margin-bottom:1em; margin-top:1px;} #process ul{margin:0;} #process li{margin-right:-1px;list-style-type:none; display:block; float:left; width:140px; height:25px; padding:6px; padding-left:20px;} #process li.true{background:url('../images/process.png') 0px -77px no-repeat;} #process li.false{background:url('../images/process.png') no-repeat;} #process li.act{background:url('../images/process.png') 0px -38px no-repeat;} #content #process .true a, #process li strong{color:#ffffff; font-weight:normal;} #process li.false span{ color:#3066AE;} .edit{text-align:right; margin-bottom:1em;} .edit a{color:#aaaaaa; font-size:90%; background:url('../images/edit.png') center left no-repeat; padding-left:15px;} /* kontrola zda je zapnuty JS - check */ #check{text-align:center; font-weight:bold; color:red;} /* Produktova stranka - zalozky/taby pres jquery */ #tabs{font-size:100%;} .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-widget-header {border-bottom: 1px solid #eeeeee; background: #ffffff; font-weight: bold; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dddddd; background:#eeeeee; font-weight: normal; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { font-weight: normal; } .ui-state-active, .ui-widget-content .ui-state-active {border: 1px solid #dddddd; background: #ffffff; font-weight: bold;} .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text; text-decoration:none;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; text-decoration:underline;} .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* .ui-state-disabled{ cursor: default !important; } .ui-state-disabled a{background:#eeeeee; color:#cccccc;} */ #content{position:relative;} #content h2, p{margin-top:0;} #content h2, p{margin-top:0.2em; margin-bottom:0.5em;} p{margin-top:0; margin-bottom:1em;} #validate-form label.error{color:red; font-style:italic;} #page-not-found h2{color:#C22125;} #map{position:absolute; top:4em; right:1.5em;} #select-producer{margin-bottom:1.5em; border:1px solid #EBF3F8 /*#eeeeee*/; width:643px; border-left:0; border-right:0; padding:0.8em 0 0.8em 0;} #select-producer input{margin:0;} #select-producer label{margin-right:0.5em;} #partners{ margin-bottom:2em; font-size:90%;text-align:center; border:red solid 0px;} #partners div{text-align:left; width:890px; padding:0.5em;border:green solid 0px; margin:0px auto; color:#aaaaaa;} #partners a{color:grey;} #partners a:hover{color:black;} .discount{color:#2BA116; font-weight:bold;} #sitemap ul ul,#sitemap ul ul ul{margin-bottom:0;} /* X MASS */ /* body{background: white url('../images/bg-winter.png') top center repeat-x; background-attachment:fixed;} #twig1{position:absolute; top:-3px; left:-25px; width:112px; height:116px; background:url('../images/xmass/twig1.png') 0px 0px no-repeat;} #twig2{position:absolute; top:-4px; right:-17px; width:78px; height:83px; background:url('../images/xmass/twig2.png') 0px 0px no-repeat;} #decor{position:absolute; top:103px; right:3px; width:48px; height:36px; background:url('../images/xmass/decor.png') 0px 0px no-repeat;} #bells{position:absolute; top:150px; left:168px; width:54px; height:51px; background:url('../images/xmass/bells.png') 0px 0px no-repeat;} */