html { font-size:106.5%; }
body { background:#fff; font:76.5% "Arial CE", Arial, "Helvetica CE", Helvetica, helvetica, sans-serif; padding:0; margin:0; }
p, h1, h2, h3, h4, form { margin:0px; }
h1 {padding: 0 0 5px 0; border-bottom: 1px solid #cecece; margin-bottom: 5px; font-size: 150%;}
h1.h1_zbozi {color: #379ae9; border: 0px;}
.nahore {border-bottom: 1px solid #cecece; margin-bottom: 3px;}
.dodaci-fakturacni {width: 544px; line-height: 30px; background: url('../images/thead.jpg') no-repeat 0 0; color: white; font-size: 120%; padding: 0 10px;}
img { border:0; }
.clear { clear:both; height:1px; visibility:hidden; overflow:hidden; }
.blind { position:absolute; left:-1000px; top:-1000px; height:1px; width:1px; overflow:hidden; }
.black {color: black;}
.red, .povinne {color: #ff0000;}
.blue {color: #0099ff;}
.f_left {float: left;}
.f_right {float: right;}
.bigger {font-size: 1.3em;}
a {outline-style: none; cursor: pointer; color: black; text-decoration: none;}
a:hover {outline-style: none; cursor: pointer; text-decoration: underline;}
p, span, h1, h2, h3 { color:#333; }
.right { float:right; }
.left { float:left; }
body { _position:relative; _text-align:center; }
#main {position: relative; margin:0 auto; width:980px; padding-top:40px; _text-align: left;}
/* hlavicka a horni menu */
#head { width:980px; height:182px; background:#fff url('/images/header.jpg') no-repeat 0 bottom;}
#logo {position: absolute; left: 267px; top: 144px;}
#topMenu {position: absolute; left: 0; top: 40px; width: 800px; height: 40px; line-height: 40px; padding:1px 0 1px 180px; list-style-type:none; margin: 0; background: #5b5b5b url('../images/menu.jpg') no-repeat 0 0;}
#topMenu li, #topMenu h1 { float:left; padding-right:2px; background: url('/images/menu-li.jpg') no-repeat right center; }
#topMenu li.last {background: none; }
#topMenu li a, #topMenu li.last a, #topMenu h1 a { line-height:40px; color:#fff; /*font-size:105.5%;*/ text-decoration:none; display:block; padding:0 1.5em; }
#topMenu li a:hover, #topMenu li.last a:hover, #topMenu h1 a:hover { background: url('/images/menu-a.jpg') repeat-x center 0; }
#topMenu h1 a {font-size: 13px; font-weight: normal;}
/* zakladni layout sloupcu*/
#left { float:left; width:191px; }
#middle-right {float: right; width: 789px;}
#middle { float:left; width:562px; padding:20px 12px 10px 15px; _padding: 20px 11px 0 12px; background: url('../images/obsah_center.jpg') repeat-y 3px 0; position: relative;}
.middle-detail {background: #fff !important;}
#middle-top {position: absolute; left: 3px; top: 0; width: 583px; height: 10px; background: url('../images/obsah_top.jpg') no-repeat 0 0;}
.middle-top-detail {background: none !important;}
#middle-bottom {position: absolute; left: 3px; bottom: 0; width: 583px; height: 10px; background: url('../images/obsah_bottom.jpg') no-repeat 0 0;}
.middle-bottom-detail {background: none !important;}
#right { float:right; width:200px; }
/* levy sloupek */
#left a { font-weight:bold; color:#000; text-decoration:none; }
.under-menu {float: left; background: #bfbfbe url('../images/menu-top.jpg') no-repeat 0 0; margin: 0 0 5px 0;}
.menu {float: left; list-style-type:none; padding:0; padding: 10px 5px; background: url('../images/menu-bottom.jpg') no-repeat 0 bottom;}
.menu h3 {float: left; width: 180px; margin-bottom: 3px; font-size: 14px;}
.menu h3 a {float: left; width: 180px; display: block; background: url('../images/left-menu_a.jpg') no-repeat 0 0;}
.menu h3 a span {float: left; width: 160px; line-height: 20px; display: block; background: url('../images/left-menu_span.jpg') no-repeat 0 bottom; padding-left: 20px;}
.menu h3 a:hover {background-position: -180px 0;}
.menu h3 a:hover span {background: url('../images/left-menu_span.jpg') no-repeat right bottom; color: white;}
.headingBottom { background:#fff url('/images/heading_bottom.png') no-repeat top left; width:191px; height:8px; }
#findHead { background:#fff url('/images/heading_left_first.png') no-repeat top left; width:191px; height:30px; }
#find { background:#fff url('/images/hledani.png') no-repeat top left; width:190px; height:73px; }
#find input { width:132px; height:18px; padding:5px 0 0 5px; background:transparent; border:0; margin:12px 40px 0 7px; }
#find input.search_submit{ width:auto; height:19px; width: 82px; padding: 0; background: #b9b9b8; border:0; margin:12px 40px 0 7px; }
#offerHead { background:#fff url('/images/heading_nabidka.png') no-repeat top left; width:191px; height:30px; }
#offerHead h2 {display: none;}
#infoList {list-style: none; background:#fff url('/images/informace.png') no-repeat top left; width:191px; height:125px;}
#infoList li a {line-height: 25px; padding-left: 30px; text-decoration: none;}
#infoList li.first { padding-top:0.7em; }
#infoList li a:hover {text-decoration: underline;}
#infoHead { background:#fff url('/images/heading_informace.png') no-repeat top left; width:191px; height:30px; }
#advertHead { background:#fff url('/images/heading_reklama.png') no-repeat top left; width:191px; height:30px; }
#advert { background:#fff url('/images/reklama.png') no-repeat top left; width:191px; height:125px; }
/* pravy sloupek */
#right input { border:none; }
.headingBottomRight { background:#fff url('/images/heading_bottom_right.png') no-repeat top left; width:200px; height:8px; }
/* sekce kosik */
#cartHead { background:#fff url('/images/heading_kosik.png') no-repeat top left; width:200px; height:30px; }
#cart { background:#fff url('/images/cart.jpg') no-repeat top left; width:180px; height:74px; padding:10px; margin-bottom: 4px; position: relative;}
#cart table { width: 178px; line-height: 20px; color: white; font-weight: bold;}
#cart table .cart_td2 {text-align: right;}
#cart a {position: absolute; left: 8px; bottom: 8px; width: 105px; height: 18px;}
#cart a span {position: absolute; left: 0; bottom: 0; width: 105px; height: 18px; background: url('../images/cart_a.jpg') no-repeat 0 0;}
/* sekce prihlaseni*/
#loginHead { background:#fff url('/images/heading_prihlaseni.png') no-repeat top left; width:200px; height:30px; }
#login { background:#fff url('/images/login.jpg') no-repeat top left; width:200px; height:155px; font-size:85%; }
#right #loginEmail { margin:14px 10px 7px; width:173px; height:17px; padding:3px 0 0 5px; border: 1px solid black;}
#right #loginPassword { margin:0 10px; width:173px; height:17px; padding:3px 0 0 5px; border: 1px solid black;}
#storeLogin { margin:5px 10px 25px; }
#storeLogin label { padding-bottom:2px; }
#storeLogin input { margin-left:0; }
#register { margin:0 10px; }
/* sekce kontakt */
#contactHead { background:#fff url('/images/heading_kontakt.png') no-repeat top left; width:200px; height:30px; }
#contact { background:#fff url('/images/kontakt.png') no-repeat top left; width:200px; height:88px; text-align:center; padding:8px 0; }
#contact span { color:#333; font-size:93%; }
#contact .phone { padding-left:40px; background:transparent url('/images/contact_phone.png') no-repeat top left; height:30px; margin:2px 10px; text-align:left; }
#contact .phone span { color:#0099ff; line-height:30px; font-size:123.5%; }
#contact .email { padding-left:40px; background:transparent url('/images/contact_email.png') no-repeat top left; height:22px; margin:0 10px; text-align:left; padding-bottom:3px; }
#contact .email span { color:#1b1b1b; line-height:22px; font-weight:bold; font-size:85%; }
/* sekce nejprodavanejsi */
#mostSellHead { background:#fff url('/images/heading_nejprodavanejsi.png') no-repeat top left; width:200px; height:30px; }
#mostSell { background:#fff url('/images/nejprodavanejsi.png') no-repeat top left; width:185px; height:181px; padding:11px 8px 0 7px; }
#mostSell .item { width:170px; height:79px; background:url('/images/nejprodavanejsi_polozka.png') no-repeat top left; margin-bottom:3px; padding:10px 5px 10px 10px; }
#mostSell .item img { float:left; margin-right:5px; }
#mostSell .item .description { float:left; }
#mostSell .item .name { font-weight:bold; line-height:1.4em; }
#mostSell .item .title {margin-bottom:1em; font-size:93%; line-height:1.4em; }
#mostSell .item .price { color:#006699;font-size:105.5%; font-family:Verdana; }
#mostSell .item .link { text-align:right;}
#mostSell .item .link a { font-size:85%; color:#333; }
/* jednotlive stranky */
/* --- vypis produktu --- */
.zaznamy {float: left; width: 542px; height: 28px; line-height: 28px; background: #70b7ff url('../images/zaznamy.png') no-repeat 0 0; margin: 10px 0; padding: 0 10px;}
.zaznamy span.f_right b {padding: 2px 5px; background: black; color: white;}
.zaznamy span.f_right a {padding: 1px 4px; border: 1px solid #3a3a3a; color: white; font-weight: bold;}
#filtr { padding-bottom:0.5em; }
#filtr h2 { font-size:108.5%; color:#333; margin-bottom:1em; }
#filtr .filtr-info { margin-bottom:1em; }
#filtr .filtr-box { float:left; padding-left:0.5em; padding-right:1em; margin-bottom:1.3em; }
#filtr .filtr-box .img { margin-bottom:0.5em; }
#filtr .filtr-box select { font-size:70%; }
.filtr-zrusit {margin-top: 11px;}
.filtr-zrusit strong {color: red; float: left; margin-top: 2px}
.filtr-zrusit input {float: left; margin-left: 6px;}
.filtrovani select {width: 100px;}
.sorting { padding-left:7px; background:#dcdbdb url('/images/sorting-left.png') no-repeat left top; height:28px; }
.sorting-right { padding:5px 10px 5px 0; background:#dcdbdb url('/images/sorting-right.png') no-repeat right top; height:18px; }
.sorting-right select { font-size:70%; }
.paging { float:right; }
.paging .page { display:block; width:14px; height:17px; padding:3px 0 0 8px; background:url('/images/padding-bg.png') no-repeat 0 0; float:left; margin-left:5px; color:#fff; font-weight:bold; text-decoration:none; }
#produkty {float: left; width: 562px;}
.produkty-box {width: 184px; float:left; margin: 0; background: url('../images/produkty-box.gif') no-repeat 0 0; margin: 0 5px 5px 0;/* _margin: 0 2px 5px 0;*/}
.produkty-box2 { width: 184px; float:left; margin: 0; background: url('../images/produkty-box.gif') no-repeat 0 0; margin: 0;}
.produkty-box_in { width: 174px; height: 196px; float:left; background: url('../images/produkty-box_in.gif') no-repeat 0 bottom; padding: 5px;}
.produkty-box_in h3 {font-size: 100%; text-align:center; line-height: 15px; height: 30px;}
.produkty-box_in .info {font-weight:bold; font-size:93%; clear:both; }
.produkty-box_in .pricevalue { color:#3399ff; font-weight:bold; font-size:115.5%; font-family:Verdana; }
.produkty-box_in .detail { padding-left:25px; background:url('/images/detail.jpg') no-repeat 0 0; float:right; line-height: 21px; width: 46px;}
.produkty-box_in a.img {height: 140px; width: 174px; text-align: center; display: block;}
/* zbozi */
.detail {background: #fff;}
.detail .left {float: left; width: 240px;}
.detail .left table td {background: #cccccc;}
.detail .left table td.td_detail1 {width: 82px; padding: 5px;}
.detail .left table td.td_detail2 {width: 127px; padding: 5px 5px 5px 10px;}
.detail .left .noprint {margin-top: 6px;}
.detail .left .noprint a {height: 30px; margin-bottom: 6px;}
.detail .left .noprint .favourite {float: left; display: block; padding-left: 30px; background: url('../images/favourite.png') no-repeat 0 center; width: 100px;}
.detail .left .noprint .print {float: left; display: block; padding-left: 30px; background: url('../images/print.png') no-repeat 0 center; width: 55px;}
.detail .left .noprint .ask {float: left; display: block; padding-left: 30px; background: url('../images/ask.png') no-repeat 0 center; width: 100px;}
.detail .left .noprint .send {float: left; display: block; padding-left: 30px; background: url('../images/send.png') no-repeat 0 center; width: 55px;}
.detail .right {float: left; width: 305px; padding-left: 10px;}
.detail .right .main-img {border: 1px solid #ccc; padding: 10px 0; width: 303px; display: block; text-align: center; background: #fff;}
.detail .left table td .price {font-size: 1.2em; color: #0099ff; font-weight: bold;}
.description2 {padding: 12px;}
.description2 ul {margin: 6px; margin-left: 24px;}
.zbozi_zkratky-typu {padding: 20px 0 25px 220px; min-height: 160px; _height: 160px; background: url('../images/zbozi_zkratky-typu.png') no-repeat 25px 0px #fff; margin: 20px 0; position: relative; }
.zbozi_zkratky-typu-bezpozadi {padding: 20px 0 25px 220px; min-height: 140px; _height: 140px; margin: 20px 0; position: relative;}
.zbozi_zkratky-typu h2 {margin: 0 0 5px 0; font-size: 1.1em;}
.zbozi_zkratky-typu .first {color: #0099ff; font-weight: bold; width: 40px;}
.zbozi_zkratky-typu .zkratky-prvni {position: absolute; left: 25px; top: 70px; color: red; font-weight: bold; font-size: 0.8em;}
.zbozi_zkratky-typu .zkratky-druhy {position: absolute; left: 58px; top: 150px; color: red; font-weight: bold; font-size: 0.8em;}
.zbozi_zkratky-typu .zkratky-treti {position: absolute; left: 90px; top: 163px; color: red; font-weight: bold; font-size: 0.8em;}
.center-popis {border: 1px solid #ccc; margin: 10px 2px 0 2px; padding: 10px 30px; color: red; font-weight: bold; font-size: 0.8em; background: #fff;}
/* kosik */
.kosik-vypis {border-collapse: collapse; width: 564px;}
.kosik-vypis thead {background: url('../images/thead.jpg') no-repeat 0 0; line-height: 24px; color: white; font-weight: bold;}
.kosik-vypis thead td, .kosik-vypis tbody td {padding: 3px;}
.kosik-vypis tbody {background: white url('../images/tbody-top.jpg') no-repeat 0 0;}
.kosik-vypis tfoot {border-top: 1px solid black; text-align: right; background: white url('../images/tbody-bottom.jpg') no-repeat 0 bottom;}
.kosik-doprava {border-collapse: collapse; width: 564px;}
.kosik-doprava .nazev {width: 300px;}
.kosik-doprava .info {width: 100px; text-align: left;}
.kosik-doprava .cena {font-style: italic; color: red; font-weight: bold; width: 50px;}
.kosik-doprava thead {background: url('../images/thead.jpg') no-repeat 0 0; line-height: 24px; color: white; font-weight: bold;}
.kosik-doprava thead td {padding: 3px;}
.kosik-doprava tbody td {padding: 5px 3px;}
.kosik-doprava tbody td.buttony input {width: 58px; height: 17px; background: url('../images/zmenit.jpg') no-repeat; border: none; font-size: 1px; cursor: pointer;}
.kosik-doprava tbody {background: white url('../images/tbody-top.jpg') no-repeat 0 0;}
.kosik-doprava tfoot {background: white url('../images/tbody-bottom.jpg') no-repeat 0 bottom; height: 5px; font-size: 2px;}
.kosik-submit1 {float: right; margin: 10px 0 0;}
.udaje-poznamka {background: url('../images/poznamka.png') no-repeat 373px 31px;}
.kosik-zpet {float: left; width: 126px; height: 25px; position: relative;}
.kosik-zpet span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/kosik-zpet.jpg') no-repeat 0 0;}
#adresa td {padding: 2px 0;}
#adresa input {margin: 0; padding: 0; width: 162px; height: 17px; background: white url('../images/adresa-text.jpg') no-repeat 0 0; border: none; padding: 3px 5px;}
#adresa textarea {margin: 0; padding: 0; width: 351px; height: 156px; background: white url('../images/adresa-textarea.jpg') no-repeat 0 0; border: none; padding: 3px 5px;}
.pokladna {border-collapse: collapse; width: 564px;}
.pokladna thead {background: url('../images/thead.jpg') no-repeat 0 0; line-height: 24px; color: white; font-weight: bold;}
.pokladna thead td {padding: 3px;}
.pokladna tbody td {padding: 5px 3px;}
.pokladna tr.underoverlined td {border-top: 1px solid black; border-bottom: 1px solid #cccccc; padding-top: 35px; text-align: right;}
.pokladna tfoot td {border-bottom: 2px solid #cccccc;}
#prechody {float: left; width: 562px; padding: 30px 0 40px 0;}
.pokladna-prechod1 {float: left; width: 172px; height: 121px; background: url('../images/pokladna-prechod.png') no-repeat 0 0; margin: 0 22px 0 0;}
.pokladna-prechod2 {float: left; width: 172px; height: 121px; background: url('../images/pokladna-prechod.png') no-repeat 0 0; margin: 0 0 0 0;}
.pokladna-prechod1 h3, .pokladna-prechod2 h3 {color: #0099ff; margin: 0; padding: 20px 0 0 10px; text-transform: uppercase; font-style: italic; font-size: 1.1em;}
.pokladna-prechod1 p, .pokladna-prechod2 p {margin: 0; padding: 0 0 0 15px;}
/* vyskakovaci okno */
.jqmWindow {background: #f1eeee !important; border: 3px solid #2b9bfd !important;}
.jqmText h3 {color:black; text-transform: uppercase; text-align: center; margin: 0 10px 20px 10px; border-bottom: 2px solid #2b9bfd;}
.jqmText table td {text-align:left; color: #2b9bfd; font-weight: bold;}
.jqmText table td.popis {color: black; padding-right: 30px;}
/* footer */
#footer {float: left; width: 980px; line-height: 35px; text-align: center; background: #5b5b5b url('../images/footer.png') no-repeat 0 0; color: #e9e9e9; margin: 10px 0;}
/* vypis kategorii na homepage */
.kategorie_vypis {width: 560px;}
.kat{width: 129px; float: left; height: 180px; border: 1px solid #ccc; margin: 2px 4px 2px 0px; padding: 3px;
font-size: 1em; text-transform: uppercase; font-weight: bold;
background: #fff; text-align: center;}
.kat_0 {margin-right: 0px;}
.kat a:hover {color: #31a4fe; text-decoration: none;}
select.js_varciselniky {width: 100px;}
select.js_ciselniky {width: 100px;}
label.error {color: red; margin-left: 6px;}
.foodkazy {padding: 6px; padding-bottom: 12px;}
em.error {
background:url("/images/fajfka_grey.png") no-repeat 0px 0px;
padding-left: 16px;
margin-left: 6px;
}
em.success {
background:url("/images/fajfka_green.png") no-repeat 0px 0px;
padding-left: 16px;
margin-left: 6px;
}
.kontakt fieldset {padding: 6px;}
.nahore h1{float: left;}
.nahore a {float: right; color: #0099FF; font-weight: bold; margin-top: 6px;}
.souvisejici_produkty h2 {font-size: 1.1em; margin-top: 6px; margin-bottom: 6px;}
.other_pictures {background: #fff; margin-top: 9px; padding: 3px; text-align: center;}
.other_pictures img {margin-left: 8px; margin-right: 8px;}