/* CSS Document */
body {background: white url('../img/body_bg.gif') 0% 0% repeat-x ;font-family: Arial, Verdana, Helvetica;padding: 0px;margin: 0px;font-size: 9pt}
#page {position: relative;width: 990px;margin-left: auto;margin-right: auto;text-align: center;}
#center {text-align: left;}

a {text-decoration: none;color: rgb(59,96,117)}
a:hover {text-decoration: underline;}

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

form {margin: 0;padding: 0;}

td .input,.input {width: 80%;border: 1px solid gray;padding: 3px 10px 3px 10px;background: url('../img/legend.gif') 0 0 repeat-x}

td.width {width: 130px}

.sysmsg {padding: 10px;margin: 10px 0 10px 0;border: 1px solid  rgb(217,217,217);background-color: rgb(235,235,235);}

img {border: 0px;}

h1 {font-size: 12pt;color: rgb(59,96,117);padding: 10px 0 10px 5px;margin: 0px;}
h2 {font-size: 11pt;color: rgb(59,96,117);margin: 10px 0 10px 0;padding: 8px 0 8px 15px;border-bottom: 1px dashed rgb(217,217,217)}

#hlava {float:none;clear: both;height:97px;overflow: hidden;}
#hlava .logo {float: left;width: 40%}
#hlava .navigace {float:right;padding-right: 10px}
#hlava .navigace .i {background: url('../img/top_i.gif') 100% 50% no-repeat;padding: 0 10px 0 0  }
#hlava .mapa {float:right;padding-top: 5px;padding-right: 5px;font-size: 8pt;text-align: right;}
#hlava .mapa .right {padding-bottom: 2px;}
#hlava .navigace a,#hlava .mapa a {color: black}
#hlava .logout {color: rgb(202,6,6)}

#topmenu {background:  url('../img/topmenu_bg.gif') 0 0 repeat-x;margin-top:1px;height: 36px;float:none;clear:both}
#topmenu .menu {float:left;width: 70%}
#topmenu ul {padding: 0px;margin: 0px;}
#topmenu ul .li,#topmenu ul .li2 {list-style-type: none;padding: 0px;margin: 0px;display: block;float: left;position: relative;top: 0;left: 0}
#topmenu ul .li .ul,#topmenu ul .li2 .ul {display: block;float: left;color: white;position: relative;padding: 10px 10px 8px 25px;text-decoration: none}
#topmenu ul .li .ul:hover,#topmenu ul .li2 .ul {background: url('../img/topmenu_hover.gif') 0 0 repeat-x;}
#topmenu ul .li .ul span,#topmenu ul .li2 .ul span {background: url('../img/topmenu_li.gif') 0 0 no-repeat;display: block;width: 7px;height: 4px;position: absolute;top: 16px;left: 10px;z-index: 2;}
#topmenu ul .li .ul i,#topmenu ul .li2 .ul i {background: url('../img/topmenu_i.gif') 0 0 no-repeat;display: block;width: 2px;height: 33px;position: absolute;top: 0;right: 0;_right: -5px;z-index: 1;}
#topmenu ul ul {visibility: hidden;position: absolute;left: 150px;margin-top: -23px;background-color: rgb(10,49,71);border:1px solid rgb(70,126,141);padding: 0 15px 0 15px;min-width: 140px}
#topmenu ol {padding: 0px;margin: 0px;position: absolute;left: 0;top: 33px;z-index: 3;background-color: rgb(10,49,71);min-width: 250px;_width: 250px;visibility: hidden;}
#topmenu ol li {list-style-type: none;padding: 8px 10px 8px 30px;margin: 0px;background: url('../img/topmenu_submenu.gif') 12px 50% no-repeat;border-bottom: 1px solid white;}
#topmenu ol li a {color: white;}
#topmenu ol li a:hover {text-decoration: underline;}

#topmenu .jazyky {position: relative;float: right;padding: 9px 40px 0 0}
#topmenu .jazyky .i {position: absolute;top: -1px;right: -3px;_right: -4px;display: block;width: 15px;height: 23px;background: url('../img/tomenu_lupa.gif') 0 0 no-repeat;}
#topmenu .jazyky span {padding-left: 5px;}
/* 
#topmenu {background:  url('../img/topmenu_bg.gif') 0 0 repeat-x;margin-top:1px;height: 36px;float:none;clear:both}
#topmenu .menu {float:left;width: 70%}
#topmenu .menu ul {padding: 0;margin: 0;}
#topmenu .menu .cl {list-style-type: none;display: inline;position: relative;left:0;top:0;height: 50px}
#topmenu .menu ol {position: absolute;z-index: 3;left: 0;top: 30px;}
#topmenu .menu ol li {list-style-type: none;}
#topmenu .menu a {display: block;color: white;padding: 9px 10px 9px 25px;float: left;position: relative;}
#topmenu .menu span {background: url('../img/topmenu_li.gif') 0 0 no-repeat;display: block;width: 7px;height: 4px;position: absolute;top: 15px;left: 10px;z-index: 2;}
#topmenu .menu i {background: url('../img/topmenu_i.gif') 0 0 no-repeat;display: block;width: 2px;height: 33px;position: absolute;top: 0;right: 0;_right: -5px;z-index: 1;}
#topmenu .menu a:hover {background: url('../img/topmenu_hover.gif') 0 0 repeat-x;text-decoration:none;}
#topmenu .jazyky {position: relative;float: right;padding: 9px 40px 0 0}
#topmenu .jazyky span {position: absolute;top: -1px;right: -3px;_right: -4px;display: block;width: 15px;height: 23px;background: url('../img/tomenu_lupa.gif') 0 0 no-repeat;}
#topmenu .display {display: block;}
*/




#stred {width: 710px;float: left;}
#stred .top_banner {text-align:right}
#stred .popis_kategorie {margin-top: 20px;}
#stred .popis_kategorie .nadpis {font-size: 12pt;color: rgb(101,155,26);}

#stred .kosik {width: 100%}
#stred .kosik .caption,#stred .kosik th,.bookmarked th,table.sestava .product-list-header {background-color: rgb(235,235,235);color: rgb(44,61,71)}
#stred .kosik .caption td,#stred .kosik th,.bookmarked th,table.sestava .product-list-header td {border-bottom: 1px solid rgb(217,217,217);padding: 5px;}
#stred .kosik .cena,#stred .kosik .cena_dph {text-align: right}
#stred .kosik {text-align: right}


#pravy {width: 275px;float: right;}
#pravy .kosik {margin-bottom: 3px}
#pravy .kosik .obsah {border: 3px solid rgb(132,185,58);padding: 5px 5px 5px 5px;background-color: rgb(219,245,184) }
#pravy .kosik .smazat {font-size: x-small;}
#pravy .kosik .prazdny {padding: 25px 0 22px 50px;background: url('../img/pravy_kosik.gif') 10% 0 no-repeat;margin: 0 0 10px 0;text-align:center;border-bottom: 1px solid rgb(139,189,70) }
#pravy .kosik .soucet {margin-top:5px}
#pravy .kosik .soucet a {color: rgb(59,96,117);text-decoration: underline}
#pravy .kosik .soucet a:hover {text-decoration: none}
#pravy .kosik .soucet table {width: 100%}
#pravy .kosik .soucet strong {color: rgb(211,0,0)}
#pravy .kosik .soucet span {font-size: 8pt}
#pravy .kosik ul {margin: 0 0 10px 0;padding: 0px;}
#pravy .kosik ul li {list-style-type: none;font-size: x-small;padding-left: 10px;background: url('../img/link.gif') 0 50% no-repeat; }
#pravy .kosik ul .nadpis {padding: 0;background-image: none;}

#pravy .produktvkosiku .leva {width: 50%;overflow: hidden;float:left}
#pravy .produktvkosiku .prava{width: 49%;overflow: hidden;float:right}
#pravy .produktvkosiku {padding: 10px 10px 0 10px;line-height: 150%;background-color: white}
#pravy .produktvkosiku .obr {max-width: 230px;overflow: hidden;text-align: center;padding-top: 5px;}
#pravy .produktvkosiku .obr img {border: 1px solid rgb(217,217,217)}
#pravy .produktvkosiku .nazev a {color: rgb(59,96,117)}
#pravy .produktvkosiku .cislo {font-size: x-small;font-style: italic;padding-bottom: 5px;color: gray;font-weight: bolder;}
#pravy .produktvkosiku .cena strong {color: rgb(198,14,14)}
#pravy .produktvkosiku .both {border-bottom: 1px solid rgb(139,189,70);}


#pravy .slevy {color: rgb(59,96,117);margin: 3px 0 10px 0;padding: 0;list-style-type: none}
#pravy .slevy li {padding: 5px 0px 5px 0px;margin: 0px 3px 0px 3px;border-bottom: 1px solid rgb(236,236,236)}
#pravy .slevy b {color: rgb(205,0,0);}



#patka {_height: 300px}
#patka .sedy {padding: 10px;text-align: center;color: rgb(111,111,111);background-color: rgb(243,243,243)}
#patka .sedy a {color: rgb(111,111,111);padding-right: 10px;font-weight: bolder;}
#patka .modry {background: rgb(28,69,93) url('../img/bottom_blue.gif') 0% 0% repeat-x;padding: 10px 20px 10px 20px;border-bottom: 1px solid white;text-align: center;color: white;line-height: 185%;background-color: rgb(28,69,93);}
#patka .modry a {color: white}
#patka .prechod {background: white url('../img/bottom_prechod.gif') 0 0 repeat-x;padding: 10px;font-size: 8pt;color: rgb(59,58,58)}
#patka .prechod .fleft {width: 75%;}
#patka .prechod .fright {padding: 0px 10px 10px 10px;}

.title,.title_span {height: 33px;background: rgb(111,166,34) url('../img/title_bg.gif') 0 0 repeat-x;padding: 0px 0px 0px 10px;margin: 0px;color: white;font-size: 12pt;float: none;clear: both;margin-bottom: 3px;position: relative;top: 0;left: 0;}
.title a,.title_span a {color: white }
.title strong,.title_span strong {display: block;padding-top: 7px;position: absolute;top: 1px;left: 12px}
.title span,.title_span i {display: block;float: right;width:226px;height: 33px;background: url('../img/title_bublina.gif') 100% 0 no-repeat; }
.title_span {font-size: 9pt;}
.title_span strong {padding-top: 9px}
.title_span span {padding: 0 5px 0 5px}

.nejprodavanejsi_produkty .fleft,.nejprodavanejsi_produkty .fright {width: 49%}

.linka {background: url('../img/linka.gif') 0 50% repeat-x}

.produkt,.produkt4 {width: 23%;float: left;padding: 0px 7px 0px 6px;background: url('../img/v_line.gif') 100% 0 repeat-y}
.produkt .nadpis,.produkt4 .nadpis {background-color: rgb(236,236,236);padding: 5px 5px 5px 5px;text-align: center;min-height: 30px;_height: 30px}
.produkt .nadpis a,.produkt4 .nadpis a {color: rgb(59,96,117);text-decoration: underline}
.produkt .nadpis a:hover,.produkt4 .nadpis a:hover {text-decoration: none}
.produkt .obrazek,.produkt4 .obrazek {height: 200px;overflow: hidden;text-align: center;padding: 10px 0 10px 0}
.produkt .obrazek img,.produkt4 .obrazek img {max-width: 155px;max-height: 195px;}
.produkt .cena {padding-top: 3px}
.produkt .cena,.produkt4 .cena {color: rgb(211,0,0);}
.produkt .cena b,.produkt4 .cena b {color: black;}
.produkt .cena span,.produkt .cena strike,.produkt4 .cena strike,.produkt4 .cena span {color: black}
.produkt .pocet_skladem,.produkt4 .pocet_skladem {padding-bottom: 5px}

.produkt4 {background-image: none;padding-right: 0;}


.podnabidka {padding: 5px 10px 5px 10px;border-bottom: 1px solid rgb(231,231,231);background-color: rgb(249,249,249);color: rgb(131,131,131);}
.podnabidka span {padding: 0 0 0 10px;}
.podnabidka a {color: rgb(131,131,131);text-decoration: underline}
.podnabidka a:hover {text-decoration: none}


.strankovani {border-top: 1px solid rgb(217,217,217);padding: 10px;text-align: center;line-height: 180%;color: rgb(59,58,58)}

#detail .obrazek {float:left;width: 30%;border: 1px solid rgb(232,232,232);text-align: center;padding: 10px 0 10px 0}
#detail .obrazek .priznaky span {font-size: 8pt;color: rgb(198,14,14)}
#detail .informace {float:left;width: 65%;padding-left: 3%}
#detail .informace .cena {padding: 6px 12px 6px 12px;background-color:rgb(219,245,184);border: 1px solid rgb(125,178,51);line-height: 180%;}

#detail .informace .cena .dph,.price-with-vat {color: rgb(198,14,14);font-weight: bolder;}
#detail .informace .linky a {color: rgb(59,96,117);padding: 0 11px 0 11px;background: url('../img/link.gif') 1px 50% no-repeat;text-decoration: underline;}
#detail .informace .linky a:hover {text-decoration: none;}
#detail .informace .obchodni_data {padding-left: 12px;line-height: 150%;}

#detail .popis {border-top: 1px solid rgb(232,232,232)}
#detail .popis .kratky {padding-bottom: 15px}

.koupit td {vertical-align: top}
.pole_pocet {width: 35px;border: 1px solid silver;padding-top: 4px}
.cart-button {text-align: right;padding-top: 10px}

fieldset {border: 1px solid rgb(232,232,232);}
legend {border: 1px solid rgb(232,232,232);border-bottom: 0;background: url('../img/legend.gif') 0 0 repeat-x;font-weight: bolder;padding: 5px 10px 0 10px}
fieldset div.obsah {padding: 10px;width: 90%}
fieldset table.obsah {margin: 7px;}
fieldset table {margin: 10px;width: 80%}
fieldset table.kosik {margin: 0;}
fieldset p, .padding {padding: 10px;margin: 0;}

div.sestava {text-align: center;width: 90px;float: left;margin: 0 0 10px 5px}
div.sestava .nahled {overflow: hidden;}
div.sestava .nahled img {border: 1px solid rgb(217,217,217);max-width: 90px;}
div.sestava .nazev {padding-bottom: 3px;color: rgb(24,24,24);font-weight: bolder;}
div.sestava .pocet {width: 20px;border: 1px solid silver}

table.sestava {width: 100%;}

.obsah .cena {color: rgb(207,14,14)}

.delivery-adress {margin: 5px; }
.delivery-adress td {font-weight: bolder;padding-right: 10px}

table .login {margin-left: 100px;}
.text_top {border-bottom: 1px solid rgb(217,217,217);margin-bottom: 10px;color: rgb(24,24,24);}
.odkazy {border-top: 1px solid rgb(217,217,217);line-height: 170%;padding: 10px 10px 10px 2px}


/* Porovnat */

.compare td {padding: 3px;}
.compare-row {background-color: #eeeeee;}
.compare-delete {float: right;}
.compare-deleteall {text-align: right;}

/* User data */
.user-data {width: 80%;text-align: left;}
.user-data td {padding: 1px 5px 1px 0;text-align: left;}
.user-data td.name {width: 40%;text-align: left;}
.user-data td.value {width: 60%;text-align: left;}

/* Oblíbené */    
.bookmarked {width: 100%;}

.customer-section ul {margin: 5px 0 10px 0;padding: 0;}
.customer-section li {margin: 0;padding: 3px 0 3px 30px;list-style-type: none;background: url('../img/link.gif') 15px 50% no-repeat; }
.customer-section li a {font-weight: bolder;}

.missing-entry {color: #FF0000;}

.produkt_d {width: 23%;padding: 0 0.8% 0 0.8%;float: left;}
.produkt_d .obal {background: url('../img/v_line.gif') 100% 0 repeat-y}
.produkt_d .img {text-align: center;overflow: hidden;}
.produkt_d .img img{max-width: 150px;}

.zalozky ul {margin: 15px 0 0 0;padding:0 10px 0 0px;list-style:none;}
.zalozky li {display:inline;margin:0;padding:0;}
.zalozky a {cursor: pointer;float:left;background:url('../img/zal.jpg') 100% 0 no-repeat ;margin:0 3px 0 0;padding:0;text-decoration:none;font-weight: bolder;}
.zalozky a span {float:left;display:block;background:url('../img/zal.jpg') 0 0 no-repeat;padding: 10px 15px 8px 15px;margin-right:2px;color: white;}
.zalozky a span {float:none;}
.zalozky a:hover span,.detail .zalozky .active span {}
.zalozky a:hover,.detail .zalozky .active {background-position: 100% -34px;}
.zalozky a:hover span,.detail .zalozky .active span {background-position: 0% -34px;text-decoration: underline;}

.zalozky {border-bottom: 2px solid rgb(115,164,38);@height: 48px}

#blok_01,#blok_02 {margin-top: 8px}

.parameters {width: 70%;margin-top: 15px}
.parameters td {border: none;padding: 2px;}
.parameters .property-title td {background-color: rgb(235,235,235);font-weight: bold;}
.parameters .property-name {background-color: rgb(245,245,245);}
.parameters .property-value {border-bottom: 1px solid rgb(245,245,245);text-align: right;}

.configure-button { text-align: right}

.obrazek {position: relative; top:0px; left:0px;}
.action {position: absolute; top:6px; right: 0px;}


.akcni-sleva {padding-bottom: 5px;}
.bez-dph {padding-top: 5px;}


.texty .fright {width: 70%;padding-top: 20px;line-height: 150%}
.texty .fleft {padding: 5px 10px 10px 10px;width: 25%;text-align: center;}
.texty .fleft img {border: 1px solid rgb(236,236,236);}
.texty .fleft a span {color: gray;}

.cena span.slvr {color: gray;}


.fotoalbum,.fotoalbum1 {border: 1px solid rgb(240,240,240);padding: 1%;width: 21%;margin-left: 10px;float: left;text-align: center;}
.fotoalbum .obr img,.fotoalbum1 .obr img {max-width: 140px;_width: 140px;}
.fotoalbum1 {}
.fotoalbum .popis,.fotoalbum1 .popis {font-weight: bold;padding-top: 3px}


#fotogalerie .obr {width: 48%;float: left;text-align: center;border: 1px solid rgb(232,232,232);padding: 10px 5px 10px 5px;}
#fotogalerie .popis {width: 48%;float: right;}
#fotogalerie .dalsi-img {text-align: center;}
#fotogalerie .dalsi-img img {max-width: 100px;width: auto !important;width: 100px;padding: 2px;}
p.essox {margin: 0;padding: 15px 0 20px 0;text-align: center;}
.cart-button a {padding: 0 5px 0 20px;font-weight: bold}
#detail .informace .linky a.essox,.cart-button a {background: url('../img/essox_ico.jpg') 0 49% no-repeat;}
#detail .informace .linky a.essox {padding-left: 21px}