/* 
    nářadí Šátek
    author: Pavel Simerský FOM.cz
    http://www.fom.cz
 */
body {font-family: Arial, Verdana, Helvetica;margin: 0px;font-size: 9pt;padding: 0;margin: 0 5px 0 5px;background-color: white;color: rgb(83,83,83);min-width: 900px;max-width: 1500px;background-color: white}

a {color: rgb(23,56,145)}
a:hover {text-decoration: none;}

.left {text-align: left}
.right {text-align: right}
.center {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;}

a img {border: 0;}
.button {background:transparent;border:0px;padding: 0px;margin:0px;cursor: pointer}
.input,.pole_pocet,.vyhledavani .limitedlevels {border: 1px solid rgb(100,100,100);border-right-color: rgb(230,230,230);border-bottom-color: rgb(229,229,229);padding: 2px 0 2px 5px;}
select.input {color: black !important}

/* #levy h3,#pravy h3 {float:left;width: 100%;background: url('../img/titulek_pravy.jpg') 100% 0 no-repeat;margin: 0;padding: 2px 0 2px 10px;}
#levy h3 span,#pravy h3 span {float:left;display:block;background:url('../img/titulek.jpg') 100% 0 repeat-x;padding: 2px 0 2px 10px} */

#levy h3,#pravy h3 {padding: 5px 0 4px 10px;background: rgb(5,5,126) url('../img/titulek.jpg') 100% 0 no-repeat;color: white;font-size: 11pt;text-transform: uppercase;font-weight: bolder;}
#levy .uzivatelske_odkazy ol,#pravy .uzivatelske_odkazy ol {padding: 10px 0 15px 0}

#levy .letobr {text-align: center;}
#levy .letobr img{max-height: 80px; _height: 80px}

h1 {padding: 7px 0px 15px 0px;margin: 0;color: rgb(203,17,7);font-size: 15pt;font-weight: normal;}
h2,h3,h4 {color: rgb(203,17,7);font-size: 14pt;margin: 0;padding: 15px 0 5px 0;font-weight: normal;}
h3 {font-size: 12pt}
h4 {font-size: 11pt;}

form {padding: 0px;margin:0px;}

.sysmsg {padding: 10px;margin: 10px 0 10px 0;border: 1px solid  rgb(217,217,217);border-left: 5px solid rgb(196,0,6);border-right: 5px solid rgb(196,0,6);background: rgb(246,244,245) url('../img/li_pozadi.gif') 0 0 repeat-x;text-align: center;color: rgb(203,17,7)}

#hlava {background: rgb(206,1,12) url('../img/hlava.jpg') 0 0 repeat-x;padding: 0 0 0 14px;min-height: 92px;}
#hlava .logo {padding-top: 19px;float: left}
#hlava .banner {float: right;position: relative;top: 0;left: 0}
#hlava .banner .lang {position: absolute;top: 80px;left: 0;padding-left: 50px}
#hlava .menu {clear: both;float: none;padding: 5px 0 0 14px;height: 23px; }
#hlava .menu a {color: white;float: left;text-decoration: none;padding-right: 20px;background: url('../img/top_menu_li.jpg') 90% 0 no-repeat;}
#hlava .menu a:hover {text-decoration: underline;}
#hlava .menu a.right {float: right}

#levy,#obsah,#pravy {margin-top: 5px}

#levy {width: 17.3%;float: left;}
#obsah {width: 62%;float: left;padding: 0px 0 0px 0.6%;}

#pravy {width: 19.3%;float: right;}
#pravy .kosik {background: rgb(230,230,230) url('../img/kosik.jpg') 95% 10px no-repeat;padding: 10px;line-height: 150%;}
#pravy .kosik b {color: black}
#pravy .kosik strong {color: rgb(231,4,4)}
#pravy .kosik img {padding-top: 5px}
#pravy .kosik .empty {margin: 0;padding: 15px 29px 10px 0;font-weight: bolder;}
#pravy .bannery,#levy .bannery {text-align: center; overflow: hidden;}
#levy .bannery img {width: 100%;}


.vyhledavani {background-color: rgb(230,230,230);padding: 5px;}
.vyhledavani table,.vyhledavani .input {width: 98%}
.vyhledavani .vice li {padding: 2px 0 2px 0}
.vyhledavani .limitedlevels {width: 99% !important;}

ol.vice,ol.vice li {padding: 0;margin: 0;list-style-type: none;}
ol.vice a {padding: 0 0 0 17px;background: url('../img/vice.gif') 3% 49% no-repeat;}
#obsah ol.vice li {padding: 2px 0 2px 0}

#levy .menu,#levy .menu ol {padding: 0;margin: 0 0 3px 0;}
#levy .menu li {list-style-type: none;display: inline;}
#levy .menu li a{display: block;display: block;background: rgb(1,1,106);color: white;font-size: 10pt;text-transform: uppercase;text-decoration: none;padding: 5px;position: relative;top:0;left: 0;border-bottom: 1px solid white}
#levy .menu li a.active{background: rgb(204,0,0) url('../img/menu_active.jpg') 100% 0 no-repeat;}
#levy .menu li a span {display: block;float: right;width: 5px;height: 9px;background: url('../img/menu.gif') 0 0 no-repeat;position: absolute;top: 11px;right: 10px;}
#levy .menu li a.active span{width: 9px;height: 5px;background: url('../img/menu_active.gif') 0 0 no-repeat;}
#levy .menu li a strong:hover {text-decoration: underline;}
#levy .menu .li_sub {background-color: rgb(219,233,255);}
#levy .menu .li_sub a {background: rgb(219,233,255) url('../img/menu_li.gif') 10px 49% no-repeat;color: rgb(0,0,0);text-transform: none;padding-left: 20px;border: 0;}
#levy .menu .li_sub a:hover {background-color: rgb(205,222,249);color: rgb(204,0,0)}
#levy .menu .li_sub a.selected {font-weight: bolder;}
#levy .letaky {text-align: center;margin: 0}

#levy .vyber {background-color: rgb(219,233,255);padding: 7px 0 7px 0;margin: 1px 0 1px 0;text-align: center;}
#levy .vyber li{display: inline;}
#levy .vyber li a{color: rgb(23,56,145);padding: 0 5px 0 0}


.produkt,.blok {position: relative;top: 0;left: 0;width: 32.2%;margin: 0 0.5% 0 0.5%;float: left}
.produkt .priznaky,.blok .rohy {background: url('../img/p_hlava.jpg') 0 0 repeat-x;border-left: 1px solid rgb(232,232,232);height: 15px;position: relative;top: 0;left: 0;}
.produkt .priznaky span,.blok .rohy span {background: url('../img/p_roh_pravy.jpg') 0 0 no-repeat;width: 9px;height: 15px;position: absolute;top: 0;right: 0 !important;right: -1px;}
.produkt .priznaky img {position: absolute;top: 3px;right: 10px;}
.produkt .titulek {margin-right: 30px}
.produkt .pozadi,.blok .pozadi {background: url('../img/p_pravy.jpg') 100% 0 repeat-y;border-left: 1px solid rgb(232,232,232);}
.produkt .obal {background: url('../img/p_telo.jpg') 0 100% repeat-x;margin: 0 9px 0 0;padding: 0 10px 0 10px;min-height: 304px}
.produkt .obrazek {text-align: center;padding: 10px 0 10px 0;min-height: 160px;overflow: hidden;}
.produkt .obrazek img {max-width: 150px;max-height: 160px}
.produkt .popis {color: rgb(0,0,0);}
.produkt .popis p {color: rgb(95,95,95);margin: 0;padding: 13px 0 5px 0}
.produkt .popis p strong {color: rgb(231,4,4);font-size: 10pt;}

.produkt .both,.blok .both {background: rgb(246,246,246) url('../img/p_patka.jpg') 0 100% repeat-x;position: relative;top: 0;left: 0;height: 15px}
.produkt .both span,.produkt .both i,.blok .both span,.blok .both em {background: url('../img/p_patka_levy.jpg') 0 100% no-repeat;position: absolute;top: 0;width: 9px;height: 15px}
.produkt .both span,.blok .both span {left: 0;}
.produkt .both i,.blok .both em {background-image: url('../img/p_patka_pravy.jpg');right: 0;}
.produkt .count {border: 1px solid rgb(232,232,232);background-color: white}


.blok {width: 100%;text-align: center;float: none}
.blok .pozadi {overflow: hidden;}
.blok .pozadi img {padding: 0 1.8% 0 1.8%;}
.blok .both {background-color: white}
.blok .both span {background-image: url('../img/v_patka_levy.jpg');right: 0;}

#patka {border-top: 2px solid rgb(204,0,0);background-color: rgb(246,246,246);color: black;padding: 10px 15px 15px 15px;text-align: center;}
#patka a {color: black}
#patka .fom-cz {float: right}


.informacni_sloupec {margin-top: 3px;}
.informacni_sloupec div,.letaky {padding: 10px;background-color: rgb(230,230,230)}

.vyber_body {background-color: rgb(230,230,230);padding: 8px;margin: 0px 0px 3px 0px}
.vyber_body .obrazek {background-color: white;text-align: center;overflow: hidden;padding-top: 2px}
.vyber_body .obrazek img {max-width: 150px;max-height: 180px;width: auto !important;width: 130px;}
.vyber_body .cena {position:relative;top: 0;left: 0;color: black}
.vyber_body .cena strong {color: rgb(231,4,4)}
.vyber_body .cena a {position:absolute;top: 0;right: 0;}

.pager {text-align: center;width: 100%;margin: 10px 0 15px 40%;text-align: center;width: 50%}
.pager td {background: url('../obrazky/pager_bg.jpg') 0 0 repeat-x;padding: 0 5px 0 5px}
.pager td .stranky a,.pager td .stranky .selectedpageindex {padding: 3px 4px 3px 4px;margin: 0 2px 0 2px;}
.pager td .stranky .selectedpageindex {border: 1px solid rgb(5,93,143);background: rgb(255,255,255);color: rgb(206,103,2);text-decoration: underline;}
.pager .pagers {padding: 10px 0 10px 0}

.cesta {border: 1px solid rgb(231,231,231);background-color: rgb(249,249,249);width: 100%}
.cesta,.cesta a {color: rgb(131,131,131);display: block;float: left;padding: 7px 17px 8px 9px;background: url('../img/cesta_sipka.jpg') 100% 50% no-repeat;}

#detail .leva {width: 40%;float: left;text-align:center;overflow: hidden;text-align: center;}
#detail .leva img {max-width: 90%;max-height: 260px;_width: 250px}
#detail .prava {width: 58%;float: right;}
#detail .info{line-height: 180%;margin-top: 0}
#detail .prava .udaje{border:1px solid rgb(224,241,255);background:rgb(246,246,246);padding:10px;line-height:20px}
#detail .prava .udaje span{font-weight:bold}
#detail .spodek {width:100%}
#detail .spodek td{vertical-align:middle;height:32px}
#detail .spodek .cena{color:black;white-space:nowrap;font-size: 11pt;line-height: 160%;}
#detail .spodek .cena strong{color:rgb(204,0,0);}
#detail .spodek .cena strong span,#detail .spodek .cena i span {font-size: 13pt}
#detail .spodek .cena i {font-style: normal;}
#detail .spodek .ks{padding-right:5px;padding-left:5px;text-align: right;}
#detail .spodek .btn{text-align:right}
#detail .spodek .btn a{margin:0px;padding:0px;display:block;overflow:hidden;width:71px;height:23px}

.male-obrazky {margin-top:20px}
.male-obrazky img {float:left; height: 100px; border: 1px solid silver; padding: 2px; margin-left: 10px}

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

.pokladna_kroky {margin: 0 5% 0 5%}
.pokladna_kroky td {text-align: center;font-weight: bolder;}
fieldset legend {font-weight: bolder;color: black}

.button_right {text-align: right;padding: 10px 5px 0 10px}

.udaje_zakaznika {width: 40%;}
.udaje_zakaznika th{text-align: left;}
.udaje_zakaznika .name {font-weight: bolder;}

.tabulka_produktova th {padding: 5px;text-align: left;background-color: rgb(235,235,235);border-bottom: 1px solid white;font-weight: normal;}
.tabulka_produktova td {padding: 5px;background-color: rgb(245,245,245);border: 1px solid white;border-top: 0;font-weight: bolder;}


.subkategorie {list-style-type: none;text-align: left;padding:0 10px 0 10px;margin:0;}
.subkategorie li {display: block;float:left;width: 24%;padding-left: 0.5%;padding-top: 5px}
.subkategorie li a {background: url('../img/vice.gif') 3px 50% no-repeat;padding-left: 10px}

.invisible {display: none;}
.usetrite {font-weight: bold;}

.detail_doporucene .body {width: 30%;padding: 0 1.4% 0 1.4%;float: left;border-right: 1px solid silver}
.detail_doporucene .obr {text-align: center;padding: 10px 0 10px 0;min-height: 160px;overflow: hidden;}
.detail_doporucene .obr img {max-width: 150px;max-height: 160px;width: auto !important;width: 140px}
.detail_doporucene table {width: 99%}

.detail_doporucene .nazev {font-weight: bold;}
.detail_doporucene .ceny strong {color: rgb(231,4,4);font-size: 120%;}

/* banner na úvodní straně
.main_banner {padding: 10px 0 10px 0}
.main_banner span {display: block;background: url('../img/pf-2010.jpg') 50% 0 no-repeat;height: 435px;}
*/

.missing-entry {color: rgb(255,0,0)}

del {
text-decoration: line-through;
}

.as_h2{
color:#CB1107;
font-size:14pt;
font-weight:normal;
margin:0;
padding:15px 0 5px;
}


.as_h4{
color:#CB1107;
font-size:11pt;
font-weight:normal;
margin:0;
padding:15px 0 5px;
}


.divpujcovna {text-align: center;}
.divpujcovna img {width: 100%;}