@import url("reset.css"); @import url("fonty.css"); body { font-family: PTSans, Verdana, Arial, sans-serif; font-size: 13px; color: #333; line-height: 1.3; margin: 0; padding: 0; background-color:#000; width: 100%; min-width: 990px; text-align: left; height: 100%; position: relative; } h1, h2, h3, h4, h5, h6 { padding: 10px 0px 10px 0px; margin:0px; font-size: 16px; font-weight: normal; font-family: PTSansNarrow, Verdana, Arial, sans-serif; } h1 { font-size:28px; color:#cc3300; } h2 { font-size:24px; } h3 { font-size:20px; } h4 { font-size:18px; } p, th, td, li { font-size: 14px } p { margin-bottom: 16px } a img {border: none;} a {color:#c30; text-decoration: underline;} a:hover, a:active, a:focus {color: #ee9933; text-decoration: underline;} strong, b {font-weight: bold;} em, i {font-style: italic;} ol{ list-style: decimal inside;} ol li {padding-bottom: 3px;} #obal { width: 100%; margin: 0 auto; padding-bottom: 100px;background: url('/img/bg.jpg') 50% 0 no-repeat #000;} body>#obal { height: auto; } *|html[xmlns*=""] #obal { display: table; height: 100%; } .obal {width:990px; position:relative; margin: 0px auto;} ul {list-style: disc outside none; padding: 3px 0px 3px 20px;} ul ul { list-style: none; list-style-type:square; padding: 3px 0px 8px 30px;} .clear { clear: both; } .skryte { display: none; } #content {padding: 0px 0px 2em 0px;} #main-content-holder {margin: 60px 0px 20px 0px; position:relative;background: url('/img/bg-obsah.png') 0 0 repeat transparent;} #main-content{ width:550px; margin: 0px 0px 0px 0px;min-height: 560px; padding: 5px 0px 35px 35px; position:relative; float:left; } #baba-blok { width:400px;position:absolute; margin-top:-60px;margin-right:-95px; float:right;padding:590px 95px 0px 0px; background: url('/img/baba.png') 100% 0 no-repeat transparent; position:relative; } #reklamy{width:340px;background-color:#990000;min-height:90px; margin-left:60px; color:#fff;} #reklamy img {width:320px;border:0px;padding:0px;margin:10px 10px 0px 10px; height:auto;} #reklamy .kontakt {padding: 15px 10px 10px 10px;text-align:center; font-size: 16px;} #reklamy .kontakt a {color:#fff;} #reklamy .kontakt a:hover{color: #ee9933;} .obsah ul, obsah ol { padding: 0px 5px 15px 20px; } .obsah ul li ul { padding:5px 0px 5px 20px; } .obsah ul li ul li { margin-top:3px; } .produkty, .podkategorie-obal, #karty { } .produkty { padding-top: 28px; background: url('/img/razeni-bg.jpg') 0 0 repeat-x; border-top:1px solid #99dd66; margin-top: 10px;} .podkategorie-obal.shop-in { padding-top: 3px; } .produkt-detail.shop-in { padding-top: 0; } #fotky img { border: 1px solid #ddd; margin: 6px 6px 0 2px; padding: 3px; } table.tabulka { margin: 10px 0 30px 0; text-align:center; border-collapse: collapse; vertical-align:middle; font-size:13px;} table.tabulka td p { margin-bottom:5px !important; padding:0px !important;font-size:13px;} table.tabulka tr th,table.tabulka thead td, table.tabulka thead th {font-weight:bold;} table.tabulka tr th, table.tabulka tr td { background: #ddd; color: #111; padding: 4px;} table.tabulka thead tr th, table.tabulka thead tr td { background: #ddd; color: #111; padding: 5px 5px;} table.tabulka tr td { background: #FBFBFB; color: #111; border: 1px solid #000;} table.tabulka tr td.red-text{ color: #F00; } table.tabulka tr td.blue-text{ color: #009; } table td.align-right {text-align:right;} table td.align-left {text-align:left;} #drobecky {position:absolute; top: -35px; text-align:right; width: 750px; right: 10px; color:#fff;} #drobecky .cesta a, #drobecky .cesta span {color:#fff; font-size: 13px; line-height: 13px;} #price-range-holder {padding:0px 50px; width: 40%; position:relative; float:left;} #price-range-min {display:block; width:50px; position:absolute; left:0px; top:0px; line-height:25px; vertical-align:middle;} #price-range-max {display:block; width:50px; position:absolute; right:0px; top:0px; line-height:25px; vertical-align:middle; text-align:right;} #price-range.ui-rangeSlider {height: 25px;} #price-range.ui-rangeSlider .ui-rangeSlider-handle.ui-rangeSlider-leftHandle{ background:url('/img/rangeSlider-od.png') 50% 50% no-repeat transparent; width: 30px; height:25px; cursor:pointer; } #price-range.ui-rangeSlider .ui-rangeSlider-handle.ui-rangeSlider-rightHandle{ background:url('/img/rangeSlider-do.png') 50% 50% no-repeat transparent; width: 30px; height:25px; cursor:pointer; } #price-range.ui-rangeSlider .ui-rangeSlider-innerBar{ height:25px; margin:0px; padding:0px; } #price-range.ui-rangeSlider .ui-rangeSlider-bar{ background:url('/img/rangeSlider-bar.jpg') 0px 0px repeat-x transparent; height:25px; margin:0px; padding:0px; } #home-social {width: 240px; float:right; position:relative;} #home-text {text-align:justify; background:url('/img/home-text-bg.png') 50% 0px no-repeat transparent; height:auto; width: 90%; padding: 10px 5% 0px 5%; margin: 25px auto 0 auto; } #home-text-bottom {background:url('/img/home-text-bottom.png') 50% 0px no-repeat transparent; height:150px; width: 100%; margin: 0 auto 20px auto; } .ui-tooltip { position: absolute; z-index: 3000; max-width: 400px; border: 1px solid #111; text-align: justify; background-color: #f9f9f9; padding: 5px 10px; opacity: 1; -webkit-box-shadow: #999 0px 0px 4px; -moz-box-shadow: #999 0px 0px 4px; box-shadow: #999 0px 0px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .hidden {display:none;}