body{ font-size: 0.9em; font-family: "Trebuchet MS"; background-image:url("./layout/back.gif"); background-repeat: repeat-x; background-attachment: fixed;}

h1 {color: #00AD47; font-size: 140%;}
h2 {color: #45494F; font-size: 130%;}


.nadpis {color: #659832; font-size: 120%;}

/* admin */
#vrch {width: 100%; background-color: #fff; padding: 18px 0;}
#vrch .nadpis {font-size: 130%; color: #00AD47; padding: 10px 30px; }
#vrch .adresa {font-size: 135%; color: #235B9C; border-left: 1px solid #999999; padding-left:30px;} 

#login {width: 100%; background-image:url("./layout/zelene.gif"); background-repeat:repeat-x;  padding: 5px 0; color: #fff; margin-bottom: 10px; font-size: 0.9em;}
#login .posun {padding-left: 6px;}
#login a {color: #FFF;}
#login a:hover {color: #235B9C; font-weight: bold;}

#obsah {width: 100%; background-color: #FFF;}
#obsah .main {width: 1000px; padding:10px; color:#585A5D; font-size:0.8em;}

.obalovydiv ul { margin: 0; padding: 10px; list-style-type: none; }
.obalovydiv li {float: left;}
.obalovydiv a { display: inline; color: #FFF; background-color: #235B9C; _height:20px; padding: 5px 10px; text-decoration: none; border-bottom: 1px solid #fff; font-size: 0.75em; text-align:center;}
.obalovydiv a:hover { background-color: #00AD47; color: #FFF; }


.clear {clear:both; height:1px;}
.cistic {clear:both; height:1px; margin-top:-17px;}
.noborder {border: none;}
.submit { background-color: #FFFFFF; font-size: 11px; padding:1px; cursor: pointer; color: #235B9C; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.input { background-color: #FFFFFF; font-size: 11px; padding:2px; color: #585A5D; border: 1px solid #C0C0C0; width: 300px; }
.input_select {background-color: #FFFFFF; font-size: 11px; padding:2px; color: #585A5D; border: 1px solid #C0C0C0; width: 150px; }
.textarea {background-color: #FFFFFF; font-size: 11px; padding:2px; color: #585A5D; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; font-family:"Trebuchet MS"; font-size:9pt; width:300px; height:200px;}
.inputFile { height: 20px;}
.select {background-color: #FFFFFF; font-size: 11px; padding:2px; color: #235B9C; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.posun {padding-left: 30px;}
.posun20 {padding-left: 20px;}
.posun5{ padding-left: 5px;}
.tProdukt { border:none; color:#585A5D; font-size:1em; padding: 10px;}
.option {padding-left: 20px;}
.hlKat {font-weight: bold;}
.butony { height: 40px; background-color: #F0F0F0; text-align: center;}
.nadpisProduktu {color:#FFFFFF; background-color:#235B9C; font-weight:bold;}
.eProdukt {border:none; width:600px; color:#585A5D; font-size:1em;}
.seda {background-color:#F0F0F0;}
.reference {width: 200px; }
.tab_ref {width: 100%; font-size: 1em;}
.ted {width: 16px;}

#ok {width: 100%; background-color: #fff; padding:18px 0; height: 50px;} 
#ok .check {background-image: url("./layout/checkmark.png"); background-repeat: no-repeat; padding:10px 0 0 55px; height:48px; color:#00AD47;}



#spodek {width: 100%; background-image:url("./layout/zelene.gif"); background-repeat:repeat-x;  padding: 5px 0; color: #fff; margin-top: 10px; text-align:center; font-size: 0.75em;}


/* login */
#outer {height: 600px; overflow: hidden; position: relative; width:100%; margin:0 auto;}
#outer[id] {display: table; position: static;margin:0 auto;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
#inner {position: relative; top: -50%; margin:0 auto; padding: 6px; text-align:left; width:300px; background-color: #FFF; border: 8px solid #235B9C; color:#585A5D;} /* for explorer only */
#inner[id] {position: static;}

#inner a { color: #235B9C; text-decoration: none;}
#inner a:hover { color: #00AD47;}

.inputUsername  { background: url("./layout/input_login.gif") no-repeat; background-color: #FFFFFF; width: 100px; height: 16px; padding: 2px 0px 0px 18px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputPassword  { background: url("./layout/input_password.gif") no-repeat; background-color: #FFFFFF; width: 100px; height: 16px; padding: 2px 0px 0px 18px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputSubmit  { background-color: #FFFFFF; width: 51px; height: 20px; font-size: 11px; cursor: pointer; color: #235B9C; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.anything { border: none; padding-left: 50px;}

.form-hledat { margin-top: -10px;}
.form {margin-top: 3px;}
.inputUser  { background: url("./layout/input_login.gif") no-repeat; background-color: #FFFFFF; width: 180px; height: 18px; padding: 2px 0px 0px 18px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputPass  { background: url("./layout/input_password.gif") no-repeat; background-color: #FFFFFF; width: 180px; height: 18px; padding: 2px 0px 0px 18px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }

.file { border:none;  font-size:9pt;}


.table { font-size:1em; color: #585A5D; }
.table a{ color:#00AD47; text-decoration: none;}
.table a:hover { color:#235B9C; text-decoration: underline;}


.gb { font-size: 1em; color: #585A5D; width:100%;border:}
.gbPrvni { background-color: #003366; color:#FFFFFF;}
.gbDatum { width:80px;}
.gbSmaz { width: 20px;}
.gbSeda { background-color:#E0E0E0;}


.tablePrvni { background-color:#00AD47; color:#FFF; font-weight:bold;}


div.kosikblock{ padding: 0px 0 0 0px; width: 500px; float: left; line-height: 200%;  }
div.kosikblock label{ display: block; float: left; width: 110px;}
div.kosikblock input { border: 1px #D3DADE solid;  width: 300px; height: 18px; font-size: 7pt;}
div.kosikblock textarea { border: 1px #D3DADE solid;  width: 300px; height: 200px; font-size: 9pt; font-family: "Trebuchet MS";}
div.nosopadded{ padding: 0px 0 0 0px; width: 500px; float: left; line-height: 200%; _width: 450px; }
div.nosopadded label{ display: block; float: left; width: 150px;}
div.nosopadded input { border: 1px #D3DADE solid; width: 200px; height: 18px; font-size: 7pt;}
div.nosopadded select { border: 1px #D3DADE solid;  width: 60px; height: 18px; font-size: 7pt;}

.notdisplayed{ display: none;}

.tlacitka { width:700px; text-align: center; padding-top: 20px; margin-top: 10px; border-top: 1px solid #d5d5d5;} 

.idreal { width:100px;}
.obec 	{ width: 250px;}

.textLog { font-size: 0.75em;}