/* CSS Document */
body {background: rgb(127,35,46) url('../img/body2.jpg') 49.5% 0 no-repeat;font-family: Arial, Verdana, Helvetica;padding: 0;margin: 0;font-size: 9pt;position: relative;width: 950px;margin-left: auto;margin-right: auto;text-align: center;}
#center {text-align: left;}

a {text-decoration: underline;color: rgb(126,34,45)}
a:hover {text-decoration: none;}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.fleft {float: left}
.fright {float: right}
.both,.cleaner {clear: both}
.justify {text-align: justify}
.link {color: rgb(237,28,36)}
.vtop,.vtop td {vertical-align: top;}
.none,.invisible {display: none}

h1, h2, h3 {color: rgb(126,34,45);font-size: 190%}
h2 {font-size: 170%}
h3 {font-size: 160%}

#obsah h1 {padding-top: 0;margin-top: 0;}

img {border: 0;}
form {padding: 0;margin: 0;}
.missing-entry {color: rgb(255,0,0)}
.sysmsg,.errormessage {padding: 10px;margin: 10px 0 10px 0;border: 1px solid  rgb(217,217,217);border-left: 5px solid rgb(196,0,6);background-color: rgb(235,235,235);text-align: center;}

#pozadi {background-color: white;padding: 0 12px 0 12px}
#pozadi #kategorie {float: left;width: 23.7%;}
#pozadi #obsah {float: right;width: 74.4%;padding-top: 4px}

.blok {position: relative; top: 0px; left: 0px;}
.blok .titulek {background: rgb(183,125,64) url('../img/title.jpg') 0 0 repeat-x;color: white;font-size: 11pt;}
.blok .titulek h1 {color: white;font-size: 11pt;text-transform: uppercase;margin: 0;padding: 0;}
.blok .titulek .list {background: url('../img/title_bg.gif') 70% 0 no-repeat; overflow: hidden;padding: 5px 0 0 20px;}

.blok .titulek .list .noveA a{float:left;background:url('../img/horni_menu.gif') no-repeat left top;margin:0 4px -4px 4px;padding:0 5px 0 10px;text-decoration:none;color: rgb(82,58,1);}
.blok .titulek .list .noveA a span{float:left;display:block;background: url('../img/horni_menu1b.gif') no-repeat right top;padding: 9px 9px 8px 0;}
.blok .titulek .list .noveA a span{float:none;}
.blok .titulek .list .noveA a:hover span,.zalozky .selected span{}
.blok .titulek .list .noveA a:hover,.zalozky .selected {background-position:right bottom}
.blok .titulek .list .noveA a:hover span,.zalozky .selected span{background:url("../img/horni_menu.gif") no-repeat scroll left bottom transparent; margin-left: -14px; padding-left: 14px;}

.blok .titulek .list .noveA .aktivni span,.zalozky .selected span{}
.blok .titulek .list .noveA .aktivni,.zalozky .selected {background-position:right bottom}
.blok .titulek .list .noveA .aktivni span,.zalozky .selected span{background:url("../img/horni_menu.gif") no-repeat scroll left bottom transparent; margin-left: -14px; padding-left: 14px;}

.blok .odkazy {position: absolute;right: 10px;top: 2px;}
.blok .lv,.blok .pv,.blok .both .dl,.blok .both .dp {display: block;width: 5px;height: 5px;overflow: hidden;position: absolute;background: url('../img/title_rohy.jpg') 0 0 no-repeat}
.blok .lv {left: 0;top: 0;}
.blok .pv {background: url('../img/title_rohy.jpg') -5px 0 no-repeat;right: 0;top: 0;}
.blok .both,.blok .titulek {position: relative;top: 0;position:relative;top: 0;left: 0;}
.blok .both .dl,.blok .both .dp {bottom: -1px} 
.blok .both {height: 15px;}
.blok .both .dl {left: -1px;background: url('../img/blok_dl.jpg') 0 0 repeat-x}
.blok .both .dp {right: -1px;background: url('../img/blok_dp.jpg') 0 0 repeat-x}
.blok .obsah {border-top: 0;padding-top: 15px}
.mujblok {border: 1px solid rgb(231,231,231);}
#rotace.obsah {height: 160px;overflow: hidden;position: relative}
#rotace2.obsah {height: 160px;overflow: hidden;position: relative}
.blok .produkt {border: 0;background: url('../img/produkt.jpg') 100% 50% no-repeat}

.rotace{position: absolute; top: 0;left: 0;width: 660px;background: white;padding: 10px;visibility: hidden;}

#podkategorie.blok .titulek {font-size: 10pt;text-transform: none;}
#podkategorie.blok .titulek .list {background-image: none;padding: 5px 0 5px 10px}
#podkategorie.blok .obsah {background-color: rgb(251,247,230);padding: 7px 0 0 10px}
#podkategorie.blok .both .dl {left: -11px}
#podkategorie ul,#podkategorie li {padding: 0;margin: 0;list-style-type: none;display: inline}
#podkategorie li a{display: block;width: 28%;float: left;padding: 5px 5px 4px 25px;background: url('../img/li_sub.jpg') 0 50% no-repeat}
#podkategorie .titulek a {position: absolute;top: 6px;right: 15px;color: white;text-decoration: none;padding-left: 17px;background: url('../img/a_sipka.gif') 0 50% no-repeat}
#podkategorie .titulek a:hover {text-decoration: underline;}

.produkt {width: 31.8%;float: left;border-right: 1px solid rgb(231,231,231);padding: 7px 0.7% 7px 0.7%}
.produkt .obr {width: 25%;overflow: hidden;padding-right: 4px;float: left;text-align: center;}
.produkt .obr img {max-width: 52px}
.produkt .popis {width: 72%;float: left}
.produkt p {line-height: 150%;margin: 0;padding: 10px 0 10px 0;border-bottom: 1px dotted rgb(191,191,191);font-size: 90%}
.produkt p span {font-weight: bold}
.produkt .cena {padding-top: 10px;line-height: 150%;}
.produkt .cena b {font-size: 110%;}
.produkt .cena span  {color: rgb(110,110,110)}
.produkt .nadpis {height: 40px}
.produkty .both {background: url('../img/both.jpg') 50% 50% no-repeat;height: 30px}
.produkty h2 {border-bottom: 1px solid rgb(231,231,231);text-transform: uppercase;padding: 20px 0 5px 0;}
.produkty h2.min {padding-top: 5px !important;}

#katalog .produkt {border: 1px solid rgb(231,231,231);width: 30%;margin-right: 16px;position: relative;top: 0;background: url('../img/produkt_bg.jpg') 0 0 repeat-y} 
.produkt .hl,.produkt .hp,.produkt .dl,.produkt .dp {display: block;width: 5px;height: 5px;overflow: hidden;position: absolute;background-image: url('../img/produkt_rohy.jpg');background-repeat: no-repeat;}
.produkt .hp {top: -1px;left: -1px;background-position: 0 0 }
.produkt .hl {top: -1px;right: -1px;background-position: -5px 0 }
.produkt .dl {bottom: -1px;left: -1px;background-position: 0 -5px }
.produkt .dp {bottom: -1px;right: -1px;background-position: -5px -5px}

#kategorie .menu,.menu li,.menu ol {padding: 0;margin: 0;list-style-type: none;}
#kategorie .menu,.menu ol {background-color: rgb(243,234,185)}
#kategorie .menu li {display: inline;}
#kategorie .menu li a {display: block;border-bottom: 1px dotted rgb(182,175,139);border-left: 1px solid rgb(231,231,231);border-right: 1px solid rgb(231,231,231);padding: 7px 0 6px 33px;color: rgb(82,58,1);text-decoration: none;position: relative;top: 0;left: 0;}
#kategorie .menu li a strong {text-decoration: underline;}
#kategorie .menu li a:hover,#kategorie .menu li a.active {color: rgb(126,34,45);background-color: white}
#kategorie .menu li a:hover strong,#kategorie .menu li a.active strong {text-decoration: none;}
#kategorie .menu li img {position: absolute;left: 10px !important;left: -23px;top: 6px}
#kategorie .menu ol {background-color: rgb(248,243,220)}
#kategorie .menu ol li a {background: url('../img/li.jpg') 14px 50% no-repeat;text-decoration: underline;}
#kategorie .menu ol li a:hover {background-image: url('../img/li_a.jpg');text-decoration: none;}
#kategorie .menu li .both {height: 5px;background: url('../img/menu_dp.gif') 100% 100% no-repeat;position:relative;top: 0;left: 0;}
#kategorie .menu li .both span {height: 4px;width: 3px;display: block;background: url('../img/menu_dl.gif');position:absolute;bottom: 0;left: 0;}
#kategorie .menu ol ol a {border-bottom: 0;padding-left: 40px;background-color: white;background-image: none;}
#kategorie h2 {font-size: 140%;color: white;text-transform: uppercase;padding: 9px 5px 0 15px;margin: 10px 0 0 0;height: 26px;background: rgb(126,34,45) url('../img/h2.gif') 0 0 no-repeat;position:relative;top: 0;left:0;}
#kategorie h2 span {width: 47px;height: 47px;position: absolute;right: -3px;top: -4px;display: block;z-index: 3;background: url('../img/h2_ico.gif') 0 0 no-repeat;}
#kategorie #zalozky {height: 35px}
#kategorie #zalozky a {display: block;height: 30px;float: left;}
#kategorie #zalozky a span {display: none;}
#kategorie #zalozky .zal_1 {width: 46px}
#kategorie #zalozky .zal_2 {width: 78px}
#kategorie #zalozky .zal_3 {width: 88px}
#kategorie #zalozky.zal1 {background: url('../img/zal_1.jpg') 0 0 no-repeat;}
#kategorie #zalozky.zal2 {background: url('../img/zal_2.jpg') 0 0 no-repeat;}
#kategorie #zalozky.zal3 {background: url('../img/zal_3.jpg') 0 0 no-repeat;}

#pata {background: rgb(217,217,217) url('../img/patka_r.jpg') 100% 100% no-repeat;padding: 5px 15px 20px 15px;position: relative;height: 45px}
#pata,#pata a {color: rgb(122,122,122)}
#pata .lv {display: block;width: 8px;height: 8px;background: url('../img/patka_l.jpg') 0 0 no-repeat;position: absolute;bottom: 0;left: 0;}
#pata .odkazy,#pata .logo {float: left;}
#pata .fom {float: right;padding-top: 3px}
#pata .logo {padding-right: 60px}
#pata .odkazy {padding-top: 7px}
#pata .odkazy a {padding: 0 5px 0 5px}
#pata strong {color: rgb(78,78,78)}
.dlinka {background: url('../img/patka_bg.jpg') 50% 0 no-repeat;}

#text .text {width: 59%;float: left;background: url('../img/vino_srpek.jpg') 90% 0 no-repeat;min-height: 231px}
#text .banner {width: 39%;float: right;}
#text .both {font-size: 1%;line-height: 0%;height: 1px;}

#hlava  {height: 210px;}
#hlava .menu {clear: both;float: none;background: url('../img/horni_menu.png') 0 0 repeat-x;padding: 2px 20px 3px 10px;margin: 0 11px 0px 11px;position: relative;top: 0;left: 0;height: 37px}
#hlava .menu ul{margin:0;padding: 2px 0 2px 0;list-style:none;}
#hlava .menu li{display:inline;margin: 0;padding: 0;}
#hlava .menu a{float:left;background:url('../img/horni_menu.gif') no-repeat left top;margin:0 4px 0 4px;padding:0 0 0 9px;text-decoration:none;color: rgb(82,58,1);font-size: 140%}
#hlava .menu a span{float:left;display:block;background: url('../img/horni_menu1.gif') no-repeat right top;padding: 7px 9px 6px 0;}
#hlava .menu a span{float:none;}
#hlava .menu a:hover span,.zalozky .selected span{}
#hlava .menu a:hover,.zalozky .selected {background-position:0% -34px;}
#hlava .menu a:hover span,.zalozky .selected span{background-position:100% -34px;;}
#hlava .menu .domu span {display: none}
#hlava .menu .domu {width: 32px;height: 32px;background: url('../img/tl_domu.gif') 0 0 no-repeat;padding: 0;margin: 0;}
#hlava .menu .domu:hover {background-position: 0 0}
#hlava .menu .lv,#hlava .menu .pv {display: block;width: 11px;height: 44px;position: absolute;top: 0;background: url('../img/horni_menu-pv.png') 0 0 no-repeat}
#hlava .menu .lv {left: -11px;background-image: url('../img/horni_menu-lv.png');z-index: 2}
#hlava .menu .pv {right: -11px;}
#hlava .fleft,#hlava .fright {padding: 0 10px 0 10px;}
#hlava .fleft {padding-left: 15px;width: 40%}
#hlava .fleft .logo {height: 128px}
#hlava .fright .kosik {background: url('../img/kosik.png') 0 0 no-repeat;padding: 8px 10px 0 50px;width: 145px;height: 115px ;@height: 117px;line-height: 150%;}
#hlava .fright .kosik span {font-weight: bold}
#hlava .fright .kosik a {display: block;width: 120px;background: url('../img/tl_kosik.gif') 0 0 no-repeat;color: white;font-weight: bold;text-align: center;padding: 3px 0 4px 0;margin-top: 4px}
#hlava .fright {padding-top: 10px}
#hlava .fright .zalozky {}
#hlava .fright .zalozky a {display: block;width: 63px;padding: 12px 5px 8px 30px;background: url('../img/zal_prihlaseni.png') 0 0 no-repeat;margin-right: 5px;color: black;float: left;}
#hlava .fright .zalozky a.registrace {background-image: url('../img/zal_registrace.png')}
#hlava .hledat {background: url('../img/hledat_bg.png') 0 100% no-repeat;padding: 5px 0 3px 5px;width: 339px}
#hlava .hledat .search {border: 1px solid rgb(231,231,231);width: 190px;padding: 2px 0 2px 5px;height: 20px}
#hlava .hledat td div {position: relative;top: 0;left: 0;}
#hlava .hledat .btn input {position: absolute;top: 0;left: 180px;}
#hlava .hledat a {padding-left: 20px}


#kategorie_uvod .fright {padding: 10px}

.pager .pager-txt {width: 40%;float: left;padding-top: 8px;color: gray}
.pager .pager-btn {width: 40%;float: left;}


#detail .leva {float: left;width: 25%;}
#detail .leva .img {text-align: center;}
#detail .leva .img img {max-width: 185px;max-height: 380px;width: auto !important;_height: 380px;}

#detail .marks {display: none}

#detail .prava {float: right;width: 72%;}
#detail .prava .titulek,#rehash.titulek {background-color: rgb(126,34,45);position: relative;top: 0;left: 0;padding: 5px 10px 5px 10px;margin-bottom: 10px;}
#detail .prava .titulek,#rehash.titulek {_height: 58px /* IE 6*/}
#detail .prava .titulek h1 {padding: 0;margin: 0;color: white;font-weight: normal;}
#detail .prava .titulek .hl,#detail .prava .titulek .hp,#detail .prava .titulek .dl,#detail .prava .titulek .dp,#rehash.titulek .hl,#rehash.titulek .hp,#rehash.titulek .dl,#rehash.titulek .dp {position: absolute;background-image: url('../img/nadpis_rohy.jpg');background-repeat: no-repeat;width: 5px;height: 5px;overflow: hidden;display: block;}
#detail .prava .titulek .hl,#rehash.titulek .hl {background-position: 0 0;top: 0;left: 0;}
#detail .prava .titulek .hp,#rehash.titulek .hp {background-position: -5px 0;top: 0;right: 0;}
#detail .prava .titulek .dl,#rehash.titulek .dl {background-position: 0 -5px;bottom: 0;left: 0}
#detail .prava .titulek .dp,#rehash.titulek .dp {background-position: -5px -5px;bottom: 0;right: 0;}

#detail .prava col.td {width: 60%}
#detail .prava .popis {padding-bottom: 8px}
#detail .prava .fleft {width: 51%} 
#detail .prava .fright {width: 239px;background: rgb(246,246,246) url('../img/dp_h.jpg') 0 0 no-repeat;padding-top: 10px}
#detail .prava .fright .body {border: 1px solid rgb(231,231,231);border-top: 0;border-bottom: 0;background-color: rgb(246,246,246);padding: 0 5px 0 14px;line-height: 150%;}
#detail .prava .fright td span {font-weight: bold;}
#detail .prava .fright span.skladem {color: rgb(115,161,18)}
#detail .prava .fright .both {background: rgb(246,246,246) url('../img/dp_d.jpg') 0 0 no-repeat;}
#detail .prava tfoot {font-size: 110%}
#detail .prava tfoot td {vertical-align: bottom;}
#detail .prava tfoot .puvodni,#detail .prava tfoot strike {color: gray;font-weight: normal}
#detail .prava tfoot .dph {font-size: 130%;}
#detail .prava .pocet {border: 1px solid rgb(231,231,231);-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding-left: 5px}
#detail .prava .koupit {padding-top:5px ;}
#detail .odkazy a {display: block;padding: 2px 9px 2px 25px;float: left;color: rgb(99,99,99)}
#detail .odkazy a.tisk,#detail .odkazy a.doporucit {background: url('../img/ico_tisk.jpg') 4px 50% no-repeat;}
#detail .odkazy a.doporucit {background-image: url('../img/ico_poslat.jpg')}
#detail .count {width: 15px;border: 0;}


#obsah .zalozky {width: 100%;overflow:hidden;background: url('../img/detail_zal-bg.jpg') 0 100% repeat-x;position: relative;top: 0;left: 0}
#obsah .zalozky ul{margin:0;padding:0 10px 0 10px;list-style:none;}
#obsah .zalozky li{display:inline;margin: 0;padding: 0;}
#obsah .zalozky a{float:left;background:url('../img/detail_zal.gif') 0 0 no-repeat;margin:0 3px 0 0;padding:0 0 0 6px;color: white;font-weight: bold}
#obsah .zalozky a span{float:left;display:block;background: url('../img/detail_zal.gif') 100% 0 no-repeat;padding:13px 12px 7px 6px;}
#obsah .zalozky a span{float:none;}
#obsah .zalozky a:hover span,#obsah .zalozky .selected span{}
#obsah .zalozky a:hover,#obsah .zalozky .selected {background-position:0% -35px;color: black}
#obsah .zalozky a:hover span,#obsah .zalozky .selected span{background-position:100% -35px;}

#zalozka_obsah .body,#zalozka_obsah .both {border: 1px solid rgb(231,231,231);border-top: 0;}
#zalozka_obsah .body {padding: 10px 10px 0 10px;margin: 0;border-bottom: 0;}
#zalozka_obsah .body p {margin: 0;}
#zalozka_obsah .both {position: relative;top: 0;left: 0;height: 10px}
#zalozka_obsah .dl,#zalozka_obsah .dp,#obsah .zalozky .hl,#obsah .zalozky .hp {position: absolute;background-image: url('../img/detail_zal_rohy.gif');background-position: no-repeat;width: 5px;height: 5px;overflow: hidden;}
#obsah .zalozky .hl,#obsah .zalozky .hp {background-image: url('../img/title_rohy.jpg');}
#obsah .zalozky .hl {top: 5px;left: -1px;}
#obsah .zalozky .hp {top: 5px;right: -1px;background-position: 5px 0;}
#zalozka_obsah .dl {bottom: -1px;left: -1px;}
#zalozka_obsah .dp {bottom: -1px;right: -1px;background-position: 5px 0;}

.parameters td {padding: 3px 0 3px 0px}
.parameters .property-name {font-weight: bold;width: 100px;vertical-align: top;}

.kroky td {text-align: center;}
.product-list {width: 100% !important;width: 99%}

fieldset legend {padding: 3px 10px 3px 10px;font-weight: bold}

table.kosik,.table {width: 100%}
table.kosik th,.table th  {background-color: rgb(235,235,235);border-bottom: 1px solid rgb(217,217,217);border-right: 1px solid rgb(217,217,217);text-align:left;padding: 3px 2px 2px 5px}
table.kosik .body td {background-color: rgb(245,245,245);}
table.kosik .cena_celkova,.table .price {font-weight: bolder;text-align: right;}
table.kosik .cena_dph_celkova,.table .price-with-vat {font-weight: bolder;color: rgb(204,0,0);text-align: right;}
.table .body td {border-bottom: 1px solid rgb(245,245,245);padding-top: 3px}
.table th.right {text-align: right;}

.customer-section ul {line-height: 150%;}
/* .facebook {background: url('../img/fb.gif') 0 0 no-repeat;} */ 


.texty center td {border: 1px solid rgb(217,217,217);border-top: 0;border-left: 0;padding: 5px 4px 5px 4px}
.texty center th {border-bottom: 1px solid rgb(217,217,217);background-color: rgb(235,235,235);padding: 5px;}
#distribuce th {color: black}
#distribuce td {padding: 5px;}


.texty ul li {list-style-type: none;;background: url('../img/li_a.jpg') 5px 50% no-repeat;padding: 5px 0 5px 20px;margin: 0;}
#zeme img {padding: 0 10px 10px 10px}

.sestava {width: 99%}
.sestava td {border-bottom: 1px solid rgb(231,231,231);padding: 5px 3px 5px 3px}
.sestava span {color: rgb(126,34,45);font-weight: bold;}
.sestava .cena span {color: black}

.componentgroup-name {padding: 10px 0 5px 0;font-weight: bold;font-size: 10pt;margin-top: 5px;border-top: 1px dotted rgb(231,231,231)}
.configure-button {text-align: center;padding-top: 5px}



.step1-deliveries .popis,.step1-payments .popis {color: gray;padding-left: 24px}

#rehash.titulek table {width: 98%;padding: 10px 0 10px 0 }
#rehash.titulek strong {font-size: 15pt;color: white;}