/* CSS Document */
body{
  color: #000;
  font-family: tahoma, arial, verdana, sans-serif;
  background-color: #4286B5;
  text-align: center;
  font-size:12px;
}
#obal, #head, #ukazky, #pracovni, #box, #obsah, #paticka, #editace{
  position:relative;
}
#telo{
position:relative;
width:100%;
background-color: #fff;
}
#editace{
z-index: 10;
}
#ukazky{
  float:left;
  font-family: arial, sans-serif;
  font-size: 95%;

}

#pracovni{
  float:right;
  font-family: arial, sans-serif;
  /*border:1px solid #0a0;*/
}
#pracovni div.statistiky ul{
   margin-left:5px;
}
#pracovni div.statistiky li{
  padding:4px;
  padding-left:3px;
}
#pracovni .statistiky h2{
  margin-left:5px;
}
/*----------obecne--*/
h1 {
  font-size:1.3em;
}
.p5 {
  font-size:12px;
  padding: 0 0 5px 0;
}
#obsah .kod {
  color:#000;  
}
.viewindex{
  width:99%;
  margin-bottom:10px;
  padding:5px;
  border-top:1px solid #4286B5;
  color:#555;
  padding-bottom:12px;
}
.viewindex p{
  padding-left:5px;
  padding-right:7px;
}
.viewer li{
  list-style-type: disc;
  font-size: 12px;
  padding:2px;
  margin-left:15px;
}
.viewindex table{
  width:100%;
}

.tmavemodra{
  background-color: #2C3649;
  color:#fff;
  margin-top: -11px;
}
.tmavemodra a{
  color:#F7E6E6;
}
.cervena{
  background-color:#F7E6E6;
  color:#A50808;
}
.cervena a{
  color:#2C3649;
}
.cervena a:hover{
  text-decoration: none;
}
.cervena h2{
  border-bottom:1px solid #A50808;
}  
.modra h2{
  border-bottom:1px solid #2C3649;
}  
.modra a{
  color:#AD0C08;
}
.modra a:hover{
  text-decoration: none;
}
.main{
  text-align: justify;
}
.main{
}
.main h2{
  font-size:130%;
  border:0px;
  margin-top:15px;
  margin-left:0px;
  color:#AD0C08;
  font-weight: normal;
}
.main span{
  background-color: #fff;
  padding:5px;
}
.main img{
  border:2px solid #999;
  width:60px;
}
#obal img.viewindex{

  width:120px;
}
.modra{
  background-color:#E7F3FF;
  color:#4286B5;
}

h2{
  font-size: 110%;
  font-weight:bold;
  margin:0px;
  padding:0px;
}
h3{
  font-size: 105%;
  font-weight:bold;
  margin:0px;
  padding:0px;
  line-height:120%;
}
a img{
  border:0px;
}
a{
  color:#AD0C08;
}
a:hover{
  text-decoration: none;
}
ul{
  margin: 5px 0px 0px 0px;
  padding:0px;
  padding-left:5px;
  text-align: left;
  text-indent: 0px;
  list-style-type: none;
  }

.btpn {border-top:0px;background-color:#ddd;}
.tucne {font-weight:bold;}
.stred {text-align:center;}
.leva {text-align:left;}
.prava {text-align:right;}  
.nonunder {text-decoration: none;}
.nonunder a{text-decoration: none;}
.noborder {border:0px;}
/*..........obecne...*/

#cerveny{
  background-color:#AD0C08;
  width:100%;
  height:250px;
  left:0px;
  top:0px;
  z-index: 1;
  position: absolute;
}

#modry{
  border-top: 2px solid #2C3649;
  border-bottom: 2px solid #2C3649;
  background-color:#31759C;
  width:100%;
  height:250px;
  left:0px;
  top:250px;
  z-index: 1;
  position: absolute;
}
#obal{
  background-color: #fff;
  z-index: 10;
  border: 2px solid #2C3649;
  padding: 10px;
  padding-bottom:0px;
  width: 930px;
  text-align: left;
  margin: auto;
}

#head, #telo{
  width: 930px;
  margin:auto;
}

#head{
  height: 80px;
  padding-bottom: 2px;
  border-bottom: 3px solid #5B96BF;
  cursor: pointer;
}

#ukazky ul{
  width:98%;
  background-color:#E7EFF7;
  margin:0px;
  padding-top:0px;
  text-align: justify;
}
#ukazky div{
  border-right:4px solid #4286B5;
  margin-bottom:6px;
}
#ukazky h2{
  background-image: url(./images/ukazky_pozadi.gif);
  border-bottom:2px solid #B5CFE7;
  padding-top:15px;
  height:20px;
  text-align:left;
  padding-left:10px;
  color:#31759C;
  font-size:105%;
  font-family:tahoma;
}
#ukazky h3{
  margin:0px;
  padding:0px;
  margin-bottom:5px;
  font-weight:bold;
  color: #AD0C08;
  text-transform: uppercase;
  font-weight: normal;
}
.nanic{
  clear: both;
  height: 5px;
  width: 1px;
}
#ukazky li{
  padding: 10px;
  color:#2975A5;
}
#ukazky p{
  padding: 0px;
  margin: 0px;
}
#pracovni a{
  color:#fff;
}
#pracovni p{
  width:100%;
  text-align:left;
  margin:0px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:4px;
}
#pracovni h2{
 margin-top:5px;
 margin-bottom:5px;
}
.box{
  margin:auto;
  width:96%;
  background-image: url(./img/pruh_modry.jpg);
  margin-top:5px;
  border:2px solid #B2D0E6;
  padding-top:10px;
  padding-bottom:10px;
}
#pracovni input{
  width:90%;
  margin-top:2px;
}
#pracovni .submit{
  background-color: #AD0C08;
  color:#fff;
  border:0px;
  width:100px;
  font-weight: bold;
  margin-bottom:10px;
  font-size:0.8em;
  vertical-align: middle;
  padding-top:1px;
  padding-bottom:1px;
  cursor: pointer;
}

#ukazky{
  margin-top:0px;
    border-top:4px solid #fff;
  width: 235px;
}
#pracovni{
  width: 170px;
  background-color: #4286B5;
  padding: 5px;
  padding-bottom: 0px;
  /*margin-bottom: -10px;*/
  border-top: 4px solid #fff;
  text-align: center;
  color: #fff; 
}
#pracovni li{
  padding: 1px;
}
#ukazky #ukazka_3{
  padding-bottom: 0px;
  margin-bottom:0px;
  background-color: #E7EFF7;
}
#obsah{
  width:79%;
  margin-left: 240px;
  padding-top: 15px;
  background-color: #fff;
  line-height:1.6em;
}
#telo{
  margin-top:-1px;
  margin-bottom:0px;
  padding-bottom:-20.0px;
}
#lognuty{
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
#lognuty p{
    text-align:center;
    width:100%;
}
#paticka{
  clear:both;
  color:#FFF;
  z-index: 20;
}

#paticka a{
  color: #fff;
}

#paticka a:hover{
  color: #ddd;
  text-decoration: none;
}
#obsah .newpasswd{
  width:99%;
}
#obsah table.newpasswd .first{
  width:50%;
}

#obsah .newpasswd .submt{
  cursor: pointer;
  font-weight:bold;
  color:#555;
}
#obsah .newpasswd .inp{
  width: 99%;
  color: #333;
  border:1px solid #aaa;
}
#obsah .newpasswd select.inp{
  width:250px;
}
#obsah .newpasswd label{
  font-weight:bold;
}
.newpasswd small{
  font-size:80%;
  color:#555;
}
.newpasswd div.fieldsethead{
  padding:5px;
  font-size:110%;
}
.newpasswd div.fieldset input, .newpasswd div.fieldset select, .newpasswd div.fieldset textarea {
  width:90%;
  color:#333;
  margin-left:10px;
  margin-top:5px;
  margin-bottom:10px;
}
.newpasswd div.fieldset select{
  width:50%;
}
.newpasswd div.fieldset .checkbox2,.newpasswd div.fieldset .checkbox3, .newpasswd div.fieldset .radio {
  width:20px;
}
.fieldsethead{
  font-weight:bold;
}
#obsah div.okhlaska {
  color: #0a0;
  border:1px solid #0a0;
  font-weight: bold;
  background-color: #FFF;
}

#obsah div.error , #stat div.error {
  color: #a00;
  border:1px solid #a00;
  font-weight: bold;
  background-color: #fff;
  text-align:center;
}
#stat div.error, #stat div.error a{
  width:240px;
  border:0px;
  color:#a00;
  position:relative;
  font-weight:bold;
  float:right;
  text-align:center;
  font-size:0.9em;
}
#stat div.error a:hover{
  text-decoration: underline;
}
#stat div.nove{
  text-align:right;
  font-size:0.8em;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #666;
	background-color: #eee;
	padding: 5px;
	opacity: 0.9;
}

#tooltip h3, #tooltip div, #tooltip * {
	margin: 0;
	font-size: 12px;
    font-weight: normal;
    line-height: normal;
	color: #111111;

}
.hint{
  width:15px;
  margin-left:5px;
  text-transform: lowercase;
}
/*------vypis sluzeb*/
.vypis_op{
  border-bottom: 1px solid #B30808;
  margin-bottom: 10px;
  padding-top: 5px;
}
.modra .vypis_op{
  border-bottom:1px solid #2C3649;
}

.vypisSluzba a{
  text-decoration: none;
}
.vypisSluzba a:hover{
  text-decoration: underline;
}
.nazevSluzby{
  padding:0px;
  margin:0px;
}

.ukazka{
  width:140px;
  height:130px;
  border:1px solid #999;
  padding:2px;
  }

  
div .mujvystup{
  width:99%;
  position:relative;
  margin-top:10px;
  border-collapse: collapse;
}
.mujvystup ul{
  padding-left: 5px;list-style-type: none;padding:0px;margin-left:10px;
}

.mujvystup td, .mujvystup li{
  padding: 2px;
  padding-left:5px;
  background-color: #F7E6E6;
  color: #000;

}
.mujvystup li{
  width:100%;
  margin-top:-5px;
  margin-left:-10px;
  margin-bottom:5px;
  
}
.mujvystup tr{
  border:1px solid #000;
}
.mujvystup .pracujeme{
  border-left:1px solid #000;
}
#obsah .vypis .anketa_select{
  border:1px solid #999;
  color:#222;
  width:150px;
  margin-left:10px;
}
#obsah .mujvystup .anketa_input{
  border:1px solid #999;
  color:#222;
  width:98%;
  margin-left:2px;
}

#obsah .mujvystup .odpoved{
  color:#000;
  font-weight:normal;
  cursor: pointer;
}

.mujvystup th, .mujvystup .uvod{
  background-color: #AD0C08;
  border:0px solid  #4B79A6;
  text-align:center;
  color: #FFF9E5;
  line-height: 150%;
}
.mujvystup th a{
  color:#F7E6E6;
}


.strankovani{
  position:relative;
  text-align:center;
  font-size:1em;
  width:99%;
  margin:auto;
  height:40px;
  border-bottom:1px solid #333;
  margin-bottom:20px;
  }
.strankovani .down, .strankovani .strana{
  position:relative;
  width:48%;
  text-align:right;
  float:left;
}
.strankovani .info{
  height:50%;
}

.strankovani .where{
  height:50%;
  font-weight:bold;
  text-decoration: none;
}
.strankovani .up, .strankovani .prisp{
  position:relative;
  width:48%;
  text-align:left;
  float:right;
}
.strankovani .strana{
  text-align: left;
}
.strankovani .prisp{
  text-align: right;
}
.new_element{
  margin-top:2px;
  position:relative;
  color:#333;
  text-align:left;
}
.new_element .mazeme{
  position:relative;
  float:right;
  text-align:left;
  width:5%;
  margin-top:7px;
}
#obsah div.fieldset .new_element .hodnota{
  border:1px solid #555;
  margin-left:5px;
}

#obsah .statistika {
  color: #000000;
  font-weight: bolder;
  padding: 0 0 0 0;
  font-size: 1.1em;
  margin: 0 0 0 0;
}
.sipka{
  cursor: pointer;
}
   
.sluzby_ul li{
  display: inline;
  margin:5px;
}   
.sluzby_ul .wrap{
  text-align: left;
  display: list-item;
  width:100%;
}