/*
Online Store - admin default stylesheet
*/

body,h1,h2,h3,h4,h5,h6,form,fieldset,img,td,th{margin:0;padding:0;border:0}
body{background:#E0E0E0 url("img/pozadi.jpg") no-repeat;background-attachment:fixed; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

a{color:#0055CC; text-decoration:none; font-weight:normal;}
a:hover{color:#000; text-decoration:none;}

input{font:11px arial;}
.vstup, .input, select, textarea{border:1px solid #5EAAD6;padding-left:2px;font-weight:normal;font-size:11px;vertical-align:middle; font-family:Tahoma, Lucida Grande CE, lucida, sans-serif;}
.vstup:focus, .input:focus, select:focus{background:#FFF0FF;}
.vstup{text-align:right;}
.tlacitko{ border-bottom:1px solid #555;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #555;font-weight:bold;font-size:12px;padding:1px 4px;background-color:#888;color:#FFF;text-decoration:none;}
.tlacitko:hover{ border-bottom:1px solid #888;border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #888;background-color:#AAA;color:#444;cursor:pointer;_cursor:hand;}

hr {border:1px solid #FFFFFF;}

/* Obsah, lavičky, logo a hlavní menu */
#obsah {margin:0px; padding:0px;}
#stranka { width:966px; margin:0 auto; }
#hlavicka { position:relative; }
.prazdno{clear:both;height:0px;font-size:0px;line-height:0px;}

#logo {position:relative; overflow:hidden; width:253px; height:73px; margin:0; padding:0; background:url("img/online-store-logo.png") no-repeat;}
#uziv-volby {position:absolute; top:22px; right:5px; margin:0; color:#000; text-align:right;}
#uziv-volby #iko-spravce {padding-left:18px; background:url("img/iko_spravci.gif") 0 50% no-repeat;}
#uziv-volby #iko-odhlasit {margin-left:10px; padding-left:18px; background:url("img/iko_odhlasit.gif") 0 50% no-repeat;}

#hlavnimenu{ position:relative; width:100%; height:40px; background:url('img/vrch.png') no-repeat right;}
#hlavnimenu span.lem{display:block; float:left;width: 17px; height:40px; background:url('img/vrch_l.png') no-repeat left; }
#hlavnimenu ul{ list-style:none; padding:0 22px; }
#hlavnimenu li{ list-style:none; display:block; float:left; margin:0 2px; height:45px; line-height:45px; vertical-align:middle; }
#hlavnimenu li a{ display:block; float:left; color:#555; text-transform:uppercase; font-size:12px; font-weight:bold; padding:0 0 0 15px; text-decoration:none; cursor:pointer; }
#hlavnimenu li a span{ display:block; float:left; color:#555; padding:0 15px 0 2px; }
#hlavnimenu li a:hover{ display:block; float:left; background:url('img/menu_l.png') no-repeat left; }
#hlavnimenu li a:hover span{ display:block; float:left; color:#000; background:url('img/menu_r.png') no-repeat right; }
#hlavnimenu li a.current{ display:block; float:left; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; background:url('img/menu_l.png') no-repeat left; padding:0 0 0 15px; text-decoration:none; }
#hlavnimenu li a.current span{ display:block; float:left; background:url('img/menu_r.png') no-repeat right; color:#fff; padding:0 15px 0 2px; }

#navigace{ position:relative; margin-top:1px; padding-top:7px; width:100%; height:22px; background:#8D8D8D; font-size:12px; }
#navigace .oddelovac{margin-left:22px; padding-left:6px; background:url("img/tecka.gif") 0 50% no-repeat;}
#navigace a{ color:#0055CC; font-weight:bold; }
#navigace a:hover{ color:#000; font-weight:bold; }
#navigace a.current{ color:#fff; font-weight:bold; }
#navigace a:hover.current{ color:#000; font-weight:bold; }

/* Paticka */
#paticka{position:relative; width:100%; font-size:11px; }
#mezi{ background:#8D8D8D; }
#paticka span.zpet{ margin-left:12px; line-height:26px; padding-left:18px; background:url("img/iko_zpet.gif") 0 50% no-repeat;}
#paticka span.domu{ margin-left:12px; line-height:26px; padding-left:18px; background:url("img/iko_domu.gif") 0 50% no-repeat;}
#paticka a{ font-weight:bold; }
#copy{ position:relative; width:100%; height:40px; line-height:36px; text-align:right; background:url('img/spodek.png') no-repeat left;}
#copy span.lem{display:block; float:right; width: 17px; height:40px; background:url('img/spodek_r.png') no-repeat right; }

/* Názvy */
h1{padding:10px; color:#C1152F; background-color:#fff; font-size:14px; font-weight:bold; border-left:3px solid #8D8D8D; border-right:3px solid #8D8D8D;}
h1 img{margin-right:8px; vertical-align:middle;}

/* Nápověda */
#obal_napovedy{padding:0px;color:#C1152F;background-color:#E3E3E3;border-left:3px solid #8D8D8D;border-right:3px solid #8D8D8D;}
#napoveda{border:13px solid #E3E3E3;color:#000;background-color:#D2FFC4;font-size:11px;font-weight:normal;font-family:verdana;}
#napoveda p{padding:0 12px;}
#pomoc, #napoveda .zavrit{float:right;}

/* Hlášky */
#sdeleni{width:400px;margin:0 auto 10px;padding:5px 0;border:3px solid #8D8D8D;position: absolute; top: 27px;left: 35%;}
div .uspech{background:#BFFFBF;text-align:center;font-weight:bold;font-size:14px;}
div .chyba{background:#FFBFBF;text-align:center;font-weight:bold;font-size:14px;}

/* Styly seznamů */
#hlava{padding:8px;border:3px solid #8D8D8D;border-top:0;border-bottom:0;background:#E3E3E3;}
#hlava .vyber{text-align:right;padding-right:16px;font-weight:normal;color:#646464;}
#hlava .vyber select{width:186px;}
#hlava .pridat {width:150px;}
#hlava .pridat  img{margin-right:2px;margin-left:4px; vertical-align:bottom;}
#hlava .pridat a{font-size:12px; font-weight:bold;}
#hlava .hledat {color:#646464;}

#seznam, #hlFormular .hlTabulka{ width:966px; border:3px solid #8D8D8D; background-color:#FFF;}
#seznam td, #seznam th{padding:7px 5px;background:#fff;text-align:left;}
#seznam tr.alt td, #seznam tr.alt th{background:#EBEBEB;}
#seznam tr.over td, #seznam tr.over th{background:#CEE7FF;}

#seznam b.cerny{color:#000000;}
#seznam b.bily{color:#FFF;}
#seznam b.sedy{color:#B9B9B9;}
#seznam b.modry{color:#0000FF;}
#seznam b.zeleny{color:#00AE00;}
#seznam b.cerveny{color:#FF0000;}
#seznam b.zluty{color:#FFFF00;}
#seznam b.fialovy{color:#800080;}
#seznam b.oranzovy{color:#FF9900;}

#seznam .strankovani {text-align:center; margin: 1em 0; clear: both;}
#seznam .strankovani a {padding:1px 4px; background:#D7D7D7; border: 1px solid #D7D7D7; font-weight:bold; text-decoration:none; color: #000}
#seznam .strankovani a:hover, #seznam .strankovani a:hover.sPredch, #seznam .strankovani a:hover.sNasled {color: #000; border: 1px solid #888;}
#seznam .strankovani a.sAktiv, #seznam .strankovani a:hover.sAktiv {background:#888; border: 1px solid #FFF; color:#FFF;}
#seznam .strankovani a.sPredch, #seznam .strankovani a.sNasled {background:#C4C4C4; padding: 1px 4px; border: 1px solid #C4C4C4;}

#seznam thead td, #seznam thead td a{font-weight:bold;}
#seznam .uloz th, #hlFormular .uloz th{padding-right:10px;background:#C4C4C4;text-align:right;}
#seznam .uloz td{background:#C4C4C4;font-weight:normal;padding-left:55px;}
#seznam .uloz input, #hlFormular .uloz input{ font-size: 12px; }
#seznam .sez0 td, #seznam .sez0 th, #seznam .sez01 td, #seznam .sez01 th{background:#F0F0EE;}
#seznam .sez0 th a{padding-left:14px; background:url("img/tecka1.gif") 0 50% no-repeat;}
#seznam .sez1 td, #seznam .sez1 th, #seznam .sez11 td, #seznam .sez11 th{background:#EBEBEB;}
#seznam .sez1 th a{margin-left:30px; padding-left:14px; background:url("img/tecka2.gif") 0 50% no-repeat;}
#seznam .sez2 td, #seznam .sez2 th{background:#E6E6E6;}
#seznam .sez2 th a{margin-left:60px; padding-left:14px; background:url("img/tecka3.gif") 0 50% no-repeat;}
#seznam .sez3 td, #seznam .sez3 th{background:#E0E0E0;}
#seznam .sez3 th a{margin-left:90px; padding-left:14px; background:url("img/tecka4.gif") 0 50% no-repeat;}
#seznam .sez4 td, #seznam .sez4 th{background:#D8D8D8;}
#seznam .sez4 th a{margin-left:120px; padding-left:14px; background:url("img/tecka5.gif") 0 50% no-repeat;}
#seznam .sez00 td{ background:#FFD9D9;}
#seznam .sez10 td{ background:#FFDFDF;}
#seznam .sez00Produkt td, #seznam .sez10Produkt td{ background:#FFBFBF;}
#seznam .sez01Produkt td, #seznam .sez11Produkt td{ background:#DADADA url('img/l-olup.gif') no-repeat;}
#seznam .sez0Produkt td{ border-bottom:3px solid #fff; background:#F0F0EE;}
#seznam .sez1Produkt td{ border-bottom:3px solid #fff; background:#EBEBEB;}
#seznam .typstranek td{border-top:4px solid #fff;background:#DADADA;}
#seznam .typstranek a{font-weight:bold;margin-left:75px; padding-left:11px; background:url("img/iko_menu.gif") 0 50% no-repeat;}
#seznam .vstup{border:1px solid #5EAAD6;}
#seznam .id{width:30px; text-align:center;}
#seznam .pozice{width:50px; text-align:center;} 
#seznam .options{width:66px; text-align:center;}
#seznam .volba{width:40px; text-align:center;}
#seznam .volby{width:100px; text-align:center;}
#seznam .sklad{width:40px; text-align:center;}
#seznam .popis{width:308px; text-align:left;vertical-align:top;color:#666;}
#seznam .cena{width:204px; text-align:left;}
#seznam .puvcena{width:64px; text-align:center;}
#seznam .stavj{width:40px; text-align:center;}
#seznam .stavprod{padding-top:5px;}
#seznam .idpr{width:40px;height:22px;text-align:center;font-weight:bold;}
#seznam .obrsez0{width:100px;padding:4px;border-bottom:3px solid #fff;vertical-align:top;background-color:#F0F0EE;}
#seznam .obrsez1{width:100px;padding:4px;border-bottom:3px solid #fff;vertical-align:top;background-color:#EBEBEB;}
#seznam .stav{width:128px; text-align:left;}
#seznam .nazev{padding:1px 5px;}
#seznam .nazev a{font-size:11px; font-weight:bold;}
#seznam .kategorie{vertical-align:top;}
#seznam .kodprod{padding-bottom:5px;color:#009F50;font-size:9px;font-family:tahoma;text-align:center;}
#seznam .datprod{padding-top:11px;color:#FF5151;font-style:oblique;font-size:10px;text-align:center;}
#seznam .uzivatel{width:45px;text-align:center;}
#seznam .oznac{width:26px;background:url('img/iko_oznac.gif') no-repeat center right;}
#seznam .upati{color:#969696;font-style:oblique;font-size:10px;font-family:verdana;padding-left:14px;}
#seznam .prozvid input{padding:0;margin:-2px 0 0 -2px;}
#seznam .prispevek {padding:6px; vertical-align:top;}
#seznam .prispevek  img{float:left;padding-right:8px;}
#seznam .edit{width:66px;text-align:center;vertical-align:top;}
#seznam .zvol{vertical-align:top;}
#seznam .vlozil{width:180px;vertical-align:top;}
#seznam  .obrazek{height:44px;padding:0 5px;text-align:center;}

/* Styly formulářů */
#hlFormular tbody{background:#F0F0EE;}
#hlFormular td, #hlFormular th{padding:4px;vertical-align:top;}
#hlFormular .sez0{background:#F0F0EE;}
#hlFormular .sez1{background:#EBEBEB;}
#hlFormular .sez2{background:#E1E1E1;color:#B87070;}
#hlFormular .legenda{color:#C18484;font-size:11px;font-weight:normal;font-family:verdana;}
#hlFormular  .cara th{padding:2px;background:#C4C4C4;}
#hlFormular .uloz input{margin-left:10px;}
#hlFormular  .oznacvse{width:30px;background:url('img/iko_oznac.gif') no-repeat center right;float:right;}
#hlFormular .vstupvyp{border:1px solid #C3C3C3;background:#E3E3E3;color:#777;}

#hlFormular #typ2 .sez0 th{text-align:right;font-weight:bold;}
#hlFormular #typ2 .sez1 th{text-align:right;font-weight:bold;}
#hlFormular #typ2 .uloz th{width:100%;text-align:right;}
#hlFormular #typ2 th{width:20%;text-align:left;font-weight:normal;}

/* Konfigurace */
#hlFormular #nastaveni table{width:100%;}
#hlFormular #nastaveni td{padding-right:5px;}
#hlFormular #nastaveni input{vertical-align:middle;}
#hlFormular #nastaveni select{width:100%;}

#formBlok #stav{margin:5px 0;padding:0 0 0 20px;}
#formBlok #stav li{padding:2px 0 0;}

/* Soubory */
#hlFormular #soubory{width:100%;text-align:left;}
#hlFormular #soubory .sez1{background:#E7E7E7;}
#hlFormular #soubory .sez0{background:#EBEBEB;}

#hlFormular #soubServer{overflow:auto;padding-top:4px;height:330px;}
#hlFormular #soubServer .soubor{padding:1px;line-height:18px;}
#hlFormular #soubServer .soubor a{font-size:11px;vertical-align:top;}
#hlFormular #soubServer .nastaveni{display:none;border-bottom:1px solid #fff;}
#hlFormular #soubServer .nastaveni .input{width:125px;}
#hlFormular #soubServer .nastaveni .vstup{width:32px;}
#hlFormular #soubServer .nastaveni select{margin:1px;vertical-align:top;}

/* Přihlašovací formulář */
#teloPrihlaseni{background:#E0E0E0 url("img/pozadi.jpg") no-repeat;background-attachment:fixed;}
#prihlasOdd #hlavnimenu{width:383px;margin-left:17px;}
#prihlasOdd #hlavnimenu .lem{margin-left:-17px;}
#prihlasOdd{width:400px;margin:200px auto 0;color:#000;}
#prihlasOdd label{display:block;font-size:11px;font-weight:bold;}
#prihlasOdd #telo{background:#FFF;padding:3px 25px; border:3px solid #8D8D8D;border-top:0px;}
#prihlasOdd #telo img{padding:15px 25px; float:left;}
#prihlasOdd #chyba{padding:50px 0;font-size:14px;font-weight:bold;text-align:center;}
#prihlasOdd form{padding:10px}
#prihlasOdd #login, #prihlasOdd #heslo{padding:10px 0;}
#prihlasOdd #heslo{padding-top:0;}
#teloPrihlaseni #chyba {display:block;}
#teloPrihlaseni #copy{width:383px;}
#teloPrihlaseni #copy span.lem{margin-right:-17px;}

/* Uzivatelé */
#cenyCenSkupin label{padding:0 0 0 10px;}
#seznam thead td.cena{white-space:nowrap;}
#seznam thead td.cena em{background:inherit;color:#555;font-weight:normal;font-style:normal;}
#seznam .cena em .vstup{border:1px solid #5EAAD6;background:#F0F0F0;color:#777;}

/* Správci */
#hlFormular #spravce #tabOpravneni{display:block;margin:0;padding:0 10px;list-style:none;}
#hlFormular #tabOpravneni li{float:left;width:135px;padding:0 0 3px;}
#hlFormular #tabOpravneni li input{padding:0 5px 0 0;}

/* Anketa */
#hlFormular #anketa #zahlavi{background:#ffffff;}
#hlFormular #anketa #zahlavi td{padding:7px 5px; font-weight:bold;}
#hlFormular #anketa .kliknuti{text-align:center;}
#hlFormular #anketa div.graf{clear:both;width:142px;height:8px;padding:0;background:url('img/anketa_bg_g.gif') repeat-x;font-size:1px;line-height:1px;}
#hlFormular #anketa div.graf div{clear:both;float:left;width:1px;height:8px;padding:0;background:#CBCE37 url('img/anketa_bg.gif') repeat-x;font-size:1px;line-height:1px;}

/* Formuláre s div-i */
#hlFormular #divformTab .divforml{padding-left:12px;}
#hlFormular #divformTab .divformr{padding-right:12px;}
#hlFormular #divformTab .divform{padding:0 12px;}
#hlFormular #objprodukty{width:100%}
#hlFormular #objprodukty .soucet{padding-left:14px;}
#hlFormular #objprodukty .celkem{padding-left:6px;}
#hlFormular #objprodukty tbody{background:#E3E3E3;}
#hlFormular #objprodukty thead{font-weight:bold;}
#hlFormular #objprodukty tfoot{font-weight:bold;}
#hlFormular #objprodukty tfoot .soucet{font-size:12px;color:#FF0000;}
#hlFormular #objprodukty .volby{text-align:right;}

#divform legend{padding:8px 2px 2px;border:0;background:inherit;color:#B2B2B2;font-size:1.2em;font-weight:bold;}
#divform #interniUdajeProd{padding:7px 2%;border:1px solid #ffffff;background:#E3E3E3;color:#000000;}
#divform #interniUdaje{padding:7px 2%;border:1px solid #ffffff;background:#E3E3E3;color:#000000;}
#divform #interniUdaje #zaklNast, #divform  #interniUdaje #nastRozs{float:left;width:47%;padding:0 5px 0 7px;}
#divform #interniUdajeBlok #zaklNastV13, #divform  #interniUdajeBlok  #nastRozsV13{float:left;width:267px;padding:0 7px 0 0;overflow:hidden;}
#divform #interniUdajeBlok #zaklNastV23, #divform  #interniUdajeBlok #nastRozsV23{float:left;width:619px;padding:0 0 0 3px;overflow:hidden;}
#divform #interniUdajeBlok #zaklNast13, #divform  #interniUdajeBlok #nastRozs13{float:left;width:139px;padding:0 7px 0 0;overflow:hidden;}
#divform #interniUdajeBlok #zaklNast23, #divform  #interniUdajeBlok #nastRozs23{float:left;width:278px;padding:0 0 0 5px;overflow:hidden;}
#divform #interniUdajeBlok .nastenka td{border:1px solid #F0F0EE;padding:6px;vertical-align:middle;}
#divform #interniUdajeBlok .nastenka .input{width:612px;margin-right:12px;margin-top:6px;}
#divform #interniUdajeBlok .nastenka .tlacitko{float:right;margin-top:3px;}
#divform #interniUdaje #nastCele{float:left;width:97%;margin:0 5px 0 7px;overflow:hidden;}
#divform #interniUdaje #divform   label{font-weight:normal;}
#divform #interniUdaje label{display:block;font-weight:bold;}
#divform #interniUdaje label .odskok{margin-left:38%;}
#divform #interniUdaje tr{background:#E3E3E3;vertical-align:top;}
#divform #interniUdaje select{margin-top:1px;}
#divform #interniUdaje ul{margin:0;padding:0;list-style:none;}
#divform #interniUdaje .odstavec{margin-top:8px;}
#divform #interniUdaje .input{width:98%;margin:1px 0 5px;}
#divform #interniUdaje .oznac{margin:5px 5px 1px;}
#divform #interniUdaje .box{margin-bottom:4px;vertical-align:middle;}
#divform #interniUdaje .kategorie{width:50%;}
#divform #interniUdaje .vstup{width:84%;margin:1px 0 5px;text-align:left;}
#divform #interniUdaje .anone{width:60px;margin-top:7px;float:right;}
#divform #interniUdaje .cislo .input{width:40px;text-align:right;}
#divform #interniUdaje .cena, #divform #interniUdaje .cena .input, #divform #interniUdaje .cena .vstup{width:60px;text-align:right;}
#divform #interniUdaje .kod .input{width:100px;text-align:left;}
#divform #interniUdaje .mj .input{width:40px;text-align:left;}
#divform #interniUdaje .krtext .input{width:200px;text-align:left;float:right;}
#divform #interniUdaje .cena em .input{background:#F0F0F0;color:#777;}
#divform #interniUdaje .heslo{padding:0 3px 0 7px;background:url('img/iko_obnovit.gif') no-repeat;}
#divform #interniUdaje .zobraz{padding:2px 3px 0 19px;background:url('img/iko_oko.gif') no-repeat;}
#divform #interniUdaje .nazev{color:#000;font-size:11px;font-weight:bold;}
#divform #interniUdaje .cenaamena{width:90px;text-align:right;}
#divform #interniUdaje .uprostred{text-align:center;}
#divform #interniUdaje .vpravo{text-align:right;}
#divform #interniUdaje.rodkazy a{font-weight:bold;padding-right:10px;}
#divform #interniUdaje.rodkazy img {padding:0 3px;margin-bottom:-1px;}

/* ___________JS_Kalendář ________ */
#calendar_div, .calendar_inline {font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding: 0;margin: 0;background: #ddd;}
#calendar_div {display: none;border: 1px solid #777;z-index: 10;}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {width: 185px;}
.calendar_inline {float: left;display: block;border: 0;}
.calendar_dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
button.calendar_trigger {width: 25px;}
img.calendar_trigger {margin: 2px;vertical-align: middle;}
.calendar_prompt {float: left;width: 181px;padding: 2px;background: #ddd;color: #000;}
* html .calendar_prompt {width: 185px;}
.calendar_control, .calendar_links, .calendar_header, .calendar {clear: both;float: left;color: #fff;}
.calendar_control {background: #400;}
.calendar_links {background: #000;}
.calendar_control, .calendar_links {font-weight: bold;font-size: 80%;letter-spacing: 1px;}
.calendar_links label {padding: 2px 5px;color: #888;}
.calendar_clear, .calendar_prev {float: left;}
.calendar_current {float: left;width: 35%;text-align: center;}
.calendar_close, .calendar_next {float: right;}
.calendar_header {background: #333;text-align: center;font-weight: bold;}
.calendar_header select {background: #333;color: #fff;border: 0px;font-weight: bold;}
.calendar {background: #ccc;text-align: center;font-size: 100%;}
.calendar a {display: block;width: 100%;}
.calendar .calendar_titleRow {background: #777;}
.calendar .calendar_daysRow {background: #eee;color: #666;}
.calendar .calendar_daysCell {color: #000;border: 1px solid #ddd;}
#calendar .calendar_daysCell a{display: block;}
.calendar .calendar_weekEndCell {background: #ddd;}
.calendar .calendar_daysCellOver {background: #fff;border: 1px solid #777;}
.calendar .calendar_unselectable {color: #888;}
.calendar_today {background: #fcc !important;}
.calendar_currentDay {background: #999 !important;}
#calendar_div a, .calendar_inline a {cursor: pointer;margin: 0;padding: 0;background: none;color: #000;}
.calendar_inline .calendar_links a {padding: 0 5px !important;}
.calendar_control a, .calendar_links a {padding: 2px 5px !important;color: #eee !important;}
.calendar_titleRow a {color: #eee !important;}
.calendar_control a:hover {background: #fdd !important;color: #333 !important;}
.calendar_links a:hover, .calendar_titleRow a:hover {background: #ddd !important;color: #333 !important;}
.calendar_cover {display: none;display/**/: block;position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 193px;height: 200px;}