@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:#fff; width: 100%; min-width: 1200px; 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; } 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:#c06; text-decoration: underline;} a:hover, a:active, a:focus {color: #66aa00; 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; min-height: 1200px; background: url('/img/main-bg2.jpg') 50% 0px no-repeat #fff;} body>#obal { height: auto; } *|html[xmlns*=""] #obal { display: table; height: 100%; } body.homepage #obal{background-image:url('/img/main-bg_brno.jpg');} .obal {width:1200px; position:relative; margin: 0px auto;} ul {list-style: url('/img/li.png') outside none; padding: 3px 0px 3px 20px;} ul ul { list-style: none; list-style-type:disc; padding: 3px 0px 8px 30px;} .clear { clear: both; } .skryte { display: none; } #content {padding: 0px 0px 2em 0px;} #main-content{ float:right; width: 75%; margin: 0px 0px 0px 0px; background: url('/img/content-bg.png') 0 0 repeat transparent; min-height: 600px; padding: 5px; } body.homepage #main-content{background-image:none; padding:0px;} .obsah ul, obsah ol { padding: 0px 5px 15px 20px; } .obsah ul li { list-style: circle outside url('/img/li.png'); padding-top: 3px; } .obsah ul li ul { padding:5px 0px 5px 20px; } .obsah ul li ul li { list-style: none; list-style-type:disc; 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:11px} table.tabulka td p { margin-bottom:5px !important; padding:0px !important; font-size:11px} 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: 45%; 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: 280px; float:right; position:relative;} #home-social .fb-like {float:left;width:50%;} #home-social .gplus-button {float:left;width:25%;} #home-social .twitter-button {float:right;} #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;} .text-right {text-align:right;} table.prehled-objednavek {width:100%;} table.prehled-objednavek th {background-color:#ccc; font-weight:bold; border:0px none; border-bottom: 1px dashed #999; border-top:1px solid #333; padding: 5px; text-align:left;} table.prehled-objednavek td, table.prehled-objednavky td, table.prehled-objednavky th {background-color:#fff; font-weight:normal; text-align:left; border:0px none; padding: 2px 5px 2px 10px;} table.prehled-objednavek td img, table.prehled-objednavky td img {margin: 0px 10px 0px 0px;} table.prehled-objednavek .polozky-header td {padding: 5px 5px 3px 5px; font-weight:bold; } table.prehled-objednavek tr:nth-child(2n+1) td, table tr.even td {background-color:#eeeeee;} table.prehled-objednavky tr.polozky td {border:1px solid #ccc;} table.prehled-objednavky tr.polozky .cena {float:right; text-align:right;} table.provize {margin-top: 15px;} table.provize td, table.provize th {text-align:right;} table.provize th {font-weight:bold;} table.provize .polozka td,table.provize .polozka th{border:1px solid #ccc;} .provize.storno {color:#999;} .provize.done {color:#99dd66;} .provize.wait {color:#c06;} .produkty>img { max-width:100%; height:auto; } img.doprava-banner-675 {display:none;} .kosik-souhlasy { width:40%; text-align: left; float:right; } @media screen and (max-width: 1200px){ body{min-width: 990px; } .obal {width:990px; padding: 0px 5px; } #main-content {width: 675px;} #price-range-holder{width:40%;} img.doprava-banner-675 {display:block;} img.doprava-banner-900 {display:none;} } .produkty .produkt .sleva {position:absolute; width: 80px; height:19px; line-height:19px; vertical-align: middle; top:43px; left:0px; background-color:#c06; color:#fff; font-weight: bold; border:2px solid #fff; border-left:0px none; } .produkt-detail .varianty td.cena .sleva {font-weight:normal; text-decoration:line-through;} .clearfix:after { content:''; display:block; clear:both; } .dopravci .parent_dopravce { float:left; padding:5px; width: 50%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } .dopravci .parent_dopravce:nth-child(2n+1){ clear:both; }