body { margin: 0; text-align: center; background: white url('../img/sheet.jpg') no-repeat left top; font: 70%/150% Verdana, sans-serif; color: black; }

a { text-decoration: underline; color: black; }
a:hover { text-decoration: none; }

img { display: inline; vertical-align: middle; border: 0; text-decoration: none; }

h1, h2, h3 { font: 1.3em Arial, sans-serif; margin: 5px 0 10px 0; padding-left: 10px; font-weight: bold; }
h2, h3 { font-size: 1.2em ; } 
h3 { font-size: 1.0em ; margin: 20px 0 10px 5px; }
h4 { font-size: 1.2em ; }
h4 { font: 1.3em Arial, sans-serif; margin: 0px 0 20px 0; padding-left: 10px; font-weight: bold; border-bottom: 1px solid #fcad1d; }

/*table { width: 100%; }*/
td { /*border-right: 1px solid #eee; border-bottom: 1px solid #eee;*/ margin: 0; padding: 4px; font-size: 100%; vertical-align: middle; }
input, textarea { border: 1px solid #FCAD1D; background: white; }


#layout { margin: 0 auto; width: 980px; }
#container { float: left; width: 980px; margin: 0; text-align: left; overflow: hidden; }



#header { float: left; width: 980px; height: 104px; background: url('../img/header.png') no-repeat 180px bottom; }

#logo { float: left; margin: 21px 0 0 5px; width: 150px; height: 64px; }

#content { float: left; width: 980px; margin: 0; padding: 0; }


#basket { float: right; width: 200px; margin: 10px 0 10px 600px; background: white; }
#basket div { padding: 0 10px 0 10px; background: #FCAD1D; }


#search { float: right; }


#left-column { float: left; width: 188px; border: 1px solid #FCAD1D; }
.right-column { margin-bottom: 10px; float: right; width: 188px; border: 1px solid #FCAD1D; }

#left-column h3,.right-column h3 { font-size: 11px; background: url('../img/menu_box_bg.png') repeat-x top; height: 20px; margin: 0; padding: 3px 0 0 5px; }


#text { float: left; width: 580px; _width: 550px; _margin: 0; min-height: 500px; margin: 0 0 10px 10px; }


#top-menu { float: left; width: 980px; background: #FCAD1D; margin-bottom: 10px; padding: 0; }

#top-menu ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#top-menu ul li { display: inline; padding: 0; border-right: 1px solid #FFD547; } 

#top-menu ul li a { text-decoration: none; padding: 5px; font-weight: bold; }
#top-menu ul li a:hover { color: yellow;  }


b.rtop, b.rbottom{ display: block; background: white; }
b.rtop b, b.rbottom b{ display: block; height: 1px; overflow: hidden; background: #FCAD1D; }
b.r1{ margin: 0 5px; }
b.r2{ margin: 0 3px; }
b.r3{ margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4{ margin: 0 1px; height: 2px; }


#menu { float: left; margin: 0; width: 188px; background: white; }

#menu ul { list-style: none; margin: 0px; padding: 0px; border: none; }
#menu ul li { margin: 0px; padding: 0px; } 

#menu ul ul {  background: #FFF2DB; }

#menu ul ul li { margin-left: 15px; padding: 0px; background: #FFF2DB; }


#menu ul ul ul li { margin-left: 25px; padding: 0px; }
#menu ul li a, #menu ul ul li a { display: block; border-bottom: 1px dashed #C39C4E; padding: 2px 6px 2px 6px; text-decoration: none; }
#menu ul li a:hover { color: #000000; background-color: #EEE; }

#menu ul li.activ, #menu ul ul li.activ { font-weight: bold; background-color: #EEE; }


.infobox { padding: 5px; }
.infobox input,.infobox textarea { width: 168px; }
.infobox p { border-top: 1px solid black; margin: 5px 0 5px 0 }

.oznameni { margin: 10px 0 10px 0; text-align: center; color:red; font-weight: bold; }
.info { float: left; width: 580px; }

.vypis-tab { margin: 0 auto; }
.vypis-tab td {width: 120px; text-align: center; }


.vypis-3-tab { width: 100%; }
.vypis-3-tab td { width: 33%; border-right: 1px dashed #FCAD1D; border-bottom: 1px dashed #FCAD1D; padding: 0; text-align: center; }
.vypis-3-tab a.tit { margin: 5px; }

.vypis-tab-produkt { }
.vypis-tab-produkt td { margin: 0; border: 0; }




.login { float: left; margin: 50px 0 50px 100px; }

.green_1 { background-color: #34A20E; color: white; }
.red_1 { background-color: #FF0000; color: white; }

.sklad-a, .sklad-n { /*float: left;*/display:inline; background: #C2FBA1; border: 1px solid #34A20E; color: #34A20E; padding: 2px; margin: 2px; font-weight: bold; }
.sklad-n {  background: pink; border: 1px solid red; color: red; }

fieldset { float: left; width: 550px; }
fieldset input { width: 170px; }
.input-checkbox { width: 5px; }

.pozice { float: left; width: 100%; margin: 0 10px 10px 10px; }
.pocet-polozek { float: left; width: 100%; margin: 10px; text-align: center; }
.strankovani { float: left; width: 100%; margin: 10px; text-align: center; font-size: 13px; }


.orange { background: #FDD181; }

.produkt {  width: 90%; border: 0;  } 

.hledani { width: 100%; margin: 10px 0 10px 0; }
.svetla { background: #FFF6CF; text-align: center;}
.tmava { background: #FDC662; text-align: center; }

.infobox input, .infobox textarea { margin: 0 auto 10px auto; }
.alternativni_produkt p { border-top: 1px solid black; margin: 5px 0 5px 0 }

#footer { float: left; width: 980px; height: 100px; margin-top: 20px; background: white; }
#footer div { padding-left: 10px; background: #FCAD1D; } 

.admin-table th {border-right: 1px solid #C39C4E; border-bottom: 1px solid #C39C4E; padding: 3px 8px 3px 8px; text-align: center; }
.admin-table td {border-right: 1px solid #C39C4E; border-bottom: 1px solid #C39C4E; padding: 3px 8px 3px 8px; text-align: center; }
.input-kos { width: 50px; }

fieldset { border: 1px solid #FFD547; }
legend { font-size: 12px; }

.zaslat-email { background: url(../img/ikony/email_go.png) left center no-repeat; padding: 1px 0px 2px 20px; }

div#qTip {
 padding: 3px;
 border: 1px solid white;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: black;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}