body {
  background: #A6DEFE url(img/pozadi.png) repeat-x ;
  text-align: center;
  margin: 0px;
  padding: 0px; 
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  font-size: 13px;
 }
#obal {
  width: 990px;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto;
}
#rss {
  width: 30px;
  background-color: #F1BF27; 
  height: 30px;
  margin-top: 530px;
  float: right;
  margin-left: 20px;
}
#rss ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}


#rss ul li {float: left; list-style-type: none; }
#rss ul li a {height: 30px; display: block; }

li.rss_ikonka,li.rss_ikonka a {width:30px;}
li.rss_ikonka a {background-image: url(img/rss.png)}
li.rss_ikonka a:hover {background-image: url(img/rss_hover.png);}


#obsah {
  width: 890px;
  margin-top: 23px;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
#hlavicka {
  height: 202px;
  width: 890px;
  background-image: url(img/hlavicka.png);
  background-repeat: no-repeat;
  background-color: #A6DEFE;
}
#leva {
  float: left;
  width: 250px;
}
.box-leva {
  background-color: #2F96C9;
  width: 250px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 1px;
  margin-bottom: 20px;
  text-align: justify;
  padding-top: 1px;
}
.box-leva a {
  color: #fff;
  text-decoration: none;
}
.box-leva a:hover {
  color: #000;
}
#prava {
  float: right;
  width: 620px;
  border: 5px #2F96C9 solid;
  margin-bottom: 40px;
  background-color: #fff;
}
#box-prava-text {
  width: 600px;
  text-align: justify;
  padding: 10px;
}
#box-prava-text a{
  color: #2F96C9;
  text-decoration: none;
}
#box-prava-text a:hover {
  color: #000;
}
.box-leva-text {
  padding: 10px;
}
#paticka {
  background-image: url(img/paticka.png);
  background-repeat: no-repeat;
  width: 890px;
  height: 10px;
  clear: both;
  font-size: 15px;
}
#doprava {
  color: #fff;
  text-align: right;
  float: right;
  margin-top: 20px;
  margin-bottom: 50px;
}
#doprava a, #doleva a {color: #fff; text-decoration: none;}
#doprava a:hover, #doleva a:hover {color: #BA3D36;}
#doleva {
  color: #fff;
  text-align: left;
  float: left;
  margin-top: 20px;
}
.cistim {clear: both;}

.menu ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: 50px;
}

.menu li {
  list-style-type: none;
  width: 240px;
  margin: 0px;
  padding: 0px;
  margin-left: -35px;
 text-align: left;
 }
.menu a {
  width: 240px;
  height: 30px;
  background-color: #F1BF27;
  display: block;
  border-bottom: 1px #ffffff solid;
  line-height: 30px;
  color: #BA3D36;
  text-decoration: none;
  text-indent: 60px;
  font-weight: bold;
  font-size: 15px;
}
.menu a:hover, .menu .aktivni {
  background-image: url(img/tuzka.png);
  background-position: left center;
  background-repeat: no-repeat;
  color: #BA3D36;
}

span.kategorie {
  font-size: 18px;
  padding-top: 10px;
  display: block;
  text-align: center;
  background-color: #fff;
  margin: 5px;
  line-height: 15px;
  height: 20px;
}
span.navigace {
  font-style: italic;
  display: block;
  margin-bottom: 10px;
}
.novinka {
  border: 2px #2F96C9 solid;
  margin-bottom: 20px;
}
.novinka .nazev {
  background-color: #F1BF27;
  color: #fff;
  font-size: 15px;
  padding-bottom: 5px;padding-left: 5px;padding-right: 5px;padding-top: 5px;
}
.novinka .text {
  padding-bottom: 5px;padding-left: 5px;padding-right: 5px;padding-top: 5px;
}
.novinka .zbytek {
  background-color: #F1BF27;
  padding-bottom: 5px;padding-left: 5px;padding-right: 5px;padding-top: 5px;
  height: 20px;
  display: block;
}
.novinka .datum {
  float: left;
  background-color: #F1BF27;
  color: #fff;
}
.novinka .vice {
  float: right;
  background-color: #F1BF27;
}
.obrazek {
  float: left;
  margin-right: 10px; /* IE  5*/
  margin-bottom: 10px; /* IE  5*/
}
.obrazek a img {
  border: 5px #2F96C9 solid;
}
.obrazek a img:hover {
  border: 5px #F1BF27 solid;
}

.galerie li {
  text-align: center;
  list-style-type: none;
}


.registrace input, textarea {width: 200px}
fieldset {border: 1px solid #cecece;
	padding: 10px;
}

.registrace fieldset {
	border-color: #027CA5;
}
.registrace legend {
	font-weight: bold;
	padding: 5px;
	color: #1187b4;
}

.registrace input, .registrace textarea, .registrace select {
	margin: 0 0 5 0;
}

.registrace fieldset.left input {
	width: 25px;
	margin: 0px;
	vertical-align: middle;
}
.registrace label {
	vertical-align: middle;
}
.registrace textarea {
	width: 100%;
}

input.maly {
	width: 150px;
}
input.nejmensi {
	width: 80px;
}
.registrace .submit {width: 90px;}
.chyba {display: inline;  color: #1187b4; font-weight: bold; text-align: left;float: right; width: 200px;}

#volba {float: right; width: 160px; margin-right: -30px; text-align: left;}
.registrace .radio {width: 10px; }
#obrazek_kod {float: left; width: 250px;}


span.nabidka {
  display: block;
  padding: 1px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  text-align: center;
}
span.nabidka a, span.nabidka a:link,
span.nabidka a:visited, span.nabidka a:active {
  padding: 1px;
  padding-right: 4px;
  padding-left: 4px;
  color: #000000;
  text-decoration: none;
}
span.nabidka a:hover {
  background: #F7D774;
  color: #000000;
}
.aktivni {background: #F7D774;}

#zprava h2 {color: #000;}

span.neprecteno {color: red;}
span.precteno {color: green;}

.hint {
  display: none;
  position: absolute;
  right: -230px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background: #ffc url(img/pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(img/pointer.gif) left top no-repeat;
}

dl {
	font:normal 12px/15px Arial;
  position: relative;
  width: 350px;
}
dt {
  clear: both;
  float:left;
  width: 130px;
  padding: 4px 0 2px 0;
  text-align: left;
}
dd {
  float: left;
  width: 200px;
  margin: 0 0 8px 0;
  padding-left: 6px;
}

 table{ width: 100%; text-align:left; color: #222; font-size: 100%; line-height: 1em;}
 table.config { float: right; width: 475px; }
.col1 { width: 175px; }
.col2 { width: 300px; }
.action { width: 70px; }
 table h4 { margin: 0; }
 td { padding: 2px 1px 1px; }
th
{
	padding: 5px 2px 2px;
	background: #EEE;
	border-bottom: 1px solid #E0E0E0;
	font-weight: normal;
}
table.config input[type=text] { display: block; width: 282px;}

tr:hover td { background: #FFA; }
tr.heading:hover td { background: transparent;}

h2 {color: #1187b4; font-size: 16px;}


/* KARTA ZAMESTNANCE */
#zamestnanec_fotka {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}
#zamestanec_prava_strana {
  text-align: left;
}
span.modra {
  color: #1187b4;
  font-weight: bold;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#container {
	margin: auto;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}
#container #header #header_left {
	float: left;
	background-image: url(img/header_left.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(img/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}
#container #content {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#container #footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sbtn    {
	background-image: url(img/button.gif);
	border: 1px solid #000033;
	height: 22px;
	width: 82px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
button {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	width: 82px;
	background-image: url(img/button.gif);
}
#container #content #form1 legend {
	padding: 5px;
	margin: auto;
}
form {
	margin: 10px 5px 0px 5px;
}




#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(img/header_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
}
label {
	padding: 0px;
	text-align: center;
}

.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}

#loader{
   visibility:hidden;
}

#f1_upload_form{
   height:100px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}