body {
  text-align: center;
  background: url(../pic/pic01.jpg) no-repeat #000; 
  font-family : Arial, Arial CE;
	font-size:90%;
	color:black;
	margin:0px;
	padding:0px;
	/*margin-left:15px;*/
	

}

#telo {
  position:relative;
  width: 905px;
  text-align: center;
	margin:0px;
	padding:0px;
  margin: auto;
}
    
#hlavicka {
  position:relative;
  float:left;
	width:100%;
	height:130px;
	margin:0px;
	padding:0px;
	text-align:left;
	/*background:url(../pic/hlavicka.png) no-repeat;*/
 
}

#hlavicka a {color:black;}
#hlavicka a:hover {color:#666;}


#hlavicka h2 {
	margin:0px;
	padding:0px;
	font-size:8px;
  height:130px;
	width:100%
	float:left;
	position:relative;
	top:0px;
	left:0px;
 
}

.logo
{
	position: relative;
	top:0px;
	left:0px;
}

#hlavicka .logo a{color:#01182D}
#hlavicka .logo a:hover{color:#01182D}

.logo span
{
	background: url(../pic/hlavicka.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;

}

  

/*--------------------------------------------------------------------------*/
#obsah {
  text-align: center;
  position:relative;
 /* float:left;  */
  clear:both; 
  width:905px;
  text-align:left;
  background: url(../pic/pic14.jpg) no-repeat white;
  color:#1D3F74;
  margin: auto;
          
} 
/*--------------------------------------------------------------------------*/

#levy-sloupec {
  position:relative;
  float:left;
  width:215px;
  margin:0px;
  padding:80px 0px 0px 0px;
	background:url(../pic/pic13.jpg) no-repeat;
}



#menu-vertikalni {
  margin:8px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  list-style:none;
  width:215px;
  display:block;
  font-size:85%;
  font-weight:bold;
  text-transform:uppercase;
  height:700px;
 
}

#menu-vertikalni li{
  padding:7px 5px 7px 50px;
}

#menu-vertikalni li.aktivni {
  
  background: url(../pic/pic08.png);
  _background: none;
  background:white;
  border-left:1px solid silver;
  border-top:1px solid silver;
  border-bottom:1px solid silver;
  margin-left:10px;
  padding-left:40px;
}

#menu-vertikalni li.aktivni a{
  color:#0D364A
  }

#menu-vertikalni li.podmenu{
  margin:10px 5px 10px 50px;
  padding:0px 0px 0px 15px;
  background:none;
  text-transform:none;
   background: url(../pic/pic12.png) no-repeat;
  
  
}
#menu-vertikalni li.podmenu a{
 
  font-size:120%;
  
}

#menu-vertikalni a{
  color:#056B9E;
  text-decoration:none;
  font-size:21px;
  color:#5E7986;
  font-weight:normal;  
}

#menu-vertikalni a:hover{
  color:#0D364A;
 }
 

  
#levy-sloupec img {
  border:0px;
  margin-top:20px;

}

 

 
/*--------------------------------------------------------------------------*/
#hlavni-sloupec {
  position:relative;
  float:left;
  width:690px;
  padding:0px;
  padding-top:15px;
  margin:0px;
  margin-top:18px;
  background: url(../pic/pic03.png);
  _background: url(../pic/pic04.jpg); 
   

}

#hlavni-sloupec h1{
  
  font-size:170%;
  font-weight:normal;
  margin:0px 0px 10px 0px;
  padding:0px;
  }
  
#hlavni-sloupec h2{
  
  font-size:130%;
  font-weight:bold;
  margin:8px 0px 10px 0px;
  padding-bottom:5px;
  text-transform:uppercase;
  clear:both;
  width:auto;
}

#hlavni-sloupec p.shozeno{
   clear:both;
   font-size:110%;
  background:#EAF2F7;
  border:1px solid #C4DCE8;
  margin:10px;
  font-weight:bold;
  padding:5px;
  text-align:center;
  margin-left:0px;
}



#hlavni-sloupec p.box{
  width:93%;
  background:#EAF2F7;
  border:1px solid #C4DCE8;
  margin:10px;
  
}

#hlavni-sloupec p.box-s-fotkou{
  width:93%;
  background: #F2F4F4;
  margin:7px;
  padding:5px;
  height:145px;
  border:1px solid #5B7784;
  
}

#hlavni-sloupec p.box-s-fotkou img{
  float:left;
  margin:0px;
  margin-right:10px;
  padding:0px;
}

#hlavni-sloupec p.box-s-fotkou a{
  text-transform:uppercase;
  font-size:145%;
  padding:40px 0px 0px 10px;
  float:left;
  color:black;
}
 
#hlavni-sloupec ul {
  list-style:none;
} 

#hlavni-sloupec ul.dokumenty li{
   width:200px;
   float:left;
   text-align:center;
   padding-bottom:20px;
   font-size:90%;
}

#hlavni-sloupec ul li.odsad{
   clear:both;
}  

#hlavni-sloupec ul.fotogalerie{
   margin:0px;
   padding:0px;
}

#hlavni-sloupec ul.fotogalerie li{
   margin:0px;
   padding:0px;
   float:left;
}

#hlavni-sloupec ul.fotogalerie li img{
   border:0px;
}
  
#hlavni-sloupec div.leva-cast {
  float:left;
  width:150px;
}

#hlavni-sloupec div.leva-cast img{
  margin:0px;
  border:0px;
  
}

#hlavni-sloupec div.prava-cast {
  width:300px;
  float:left;
}

#hlavni-sloupec div.prava-cast h3{
  margin:0px;
  font-size:110%;
}

#hlavni-sloupec div.prava-cast h3 span{
  font-size:90%;
  color:#333;
}

#hlavni-sloupec div.prava-cast p{
  font-style:italic;
  font-weight:bold;
}

#hlavni-sloupec div.prava-cast ul{
  margin:0px;
  padding:0px;
}

#hlavni-sloupec div.prava-cast ul li{
  margin:0px;
  padding:0px 0px 8px 15px;
  background: url(../pic/pic11.gif) no-repeat;
}

#hlavni-sloupec div.prava-cast ul li.charakt{
  padding-left:0px;
  font-weight:bold;
  background:none;
  padding-top:10px;
  
}

 #hlavni-sloupec div.prava-cast ul li a {
    color:black;
 }
  
#uvodni-box{
  width:625px;
  height:66px;
  background: url(../pic/pic14.gif) white no-repeat;
  padding: 10px;
  color:#00405F;
  line-height:1.5;
  margin:15px 0px 0px 0px;
}
  
#text {
  float:left;
  width:469px;
  
  padding:10px 0px 10px 20px;
    
}

#text h2.formular {
    background: url(../pic/pic06.jpg) black;
  width:200px;
  
   color:white;
  text-align:center;
  text-transform:uppercase;
  margin:8px 5px 0px 0px;
  font-size:100%;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  border:0px;
  
  
}

#text p.poukazky{
  background:white;
  float:left;
  width:93%;
  padding:10px;
   
}

#text p.poukazky img{
 
  border:0px;
}

#text p.cit{
   font-weight:bold;
   font-style:italic;
}


#text table{
  width:460px;
  border-right:1px solid silver;
  border-bottom:1px solid silver;
  margin-bottom:15px;
}

#text table th{
  font-size:78%;
  border-left:1px solid silver;
  border-top:1px solid silver;
  font-weight:normal;
  text-align:center;
  background:white;
  color:#183640;
  padding-top:5px;
  padding-bottom:5px;
}

#text table th.prazdna {
  background:none;
  border-top:0px;
  border-left:0px;
  
}

#text table td.prazdna {
  border-left:0px;

}

#text table td{
  font-size:80%;
  border-left:1px solid silver;
  border-top:1px solid silver;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  padding:5px;
  
}

#text table td.kategorie{
  background:#C6D2DF;
  color:#183641;
  padding:5px;
  font-weight:bold;
  font-size:100%;
}

#text table td.popisek-radek{
  background:#183641;
  font-size:78%;
  
  
}

#text table.cenik-mensi{
  width:210px;
  border-right:1px solid silver;
  border-bottom:1px solid silver;
  margin:0px 10px 15px 10px;
  float:left;
  font-weight:bold;
  text-align:left;
}

#text table.cenik-mensi td{
 text-align:left;
}


#text table.cenik-mensi td.popisek{
 background:#183641;
 font-weight:normal;
}


#vyber-z-miniatur {
  margin:0px 0px 20px 0px;
  padding:10px 0px 0px 5px;
  float:left;
  background:#E4E8E8;
  width:453px;
  
}

 

#vyber-z-miniatur  li{
  width:132px;
  height:80px;
  float:left;
  background: url(../pic/im01.jpg)   no-repeat;
  margin:0px;
  padding:0px 0px 0px 80px;
}

#vyber-z-miniatur  li.a{background: url(../pic/im01.jpg)   no-repeat;}
#vyber-z-miniatur  li.b{background: url(../pic/im01b.jpg)   no-repeat;}
#vyber-z-miniatur  li.c{background: url(../pic/im01c.jpg)   no-repeat;}
#vyber-z-miniatur  li.d{background: url(../pic/im01d.jpg)   no-repeat;}

#vyber-z-miniatur  li a{
  color:black;
}

#formular {
   background: #F2F4F4;
   border:1px solid #5B7784;
   float:left;
   color:black;
   padding:0px;
   width:455px;
   margin:0px 0px 10px 0px;
}

#formular p{
  background:#D8DFE0;
  width:439px;
  padding:7px 7px 7px 7px;
  margin:0px 0px 15px 0px;
  font-size:85%;
  font-weight:normal;
}

#formular fieldset {
  width:197px;
  float:left;
  border:0px;
  padding:0px;
  margin:0px 8px 0px 4px;
  text-align:right;
 
}

#formular fieldset label{
  float:left;
  font-weight:bold;
  font-size:85%;
}

#formular fieldset input{
  width:120px;
  height:20px;
  border:1px solid silver;
  background:white;
  margin-bottom:10px;
}

#formular fieldset textarea{
   
   
  border:1px solid silver;
  background:white;
  margin-bottom:10px;
}

#formular fieldset.odeslat {
  clear:both;
  text-align:right;
  width:405px;
}

#formular fieldset.odeslat input{
  background:#0D2029;
  padding:5px;
  
  border:0px;
  width:80px;
  height:30px;
  cursor:pointer;
  font-weight:bold;
  color:white;
}

#sloupec {
  float:left;
  width:182px;
  padding-left:10px; 
  margin-left:4px;
  border-left:3px solid #C7CFCF;
  
  
}

#sloupec h2{
  background: url(../pic/pic06.jpg) black;
  width:176px;
  height:23px;
   color:white;
  text-align:center;
  text-transform:uppercase;
  margin:8px 5px 5px 0px;
  font-size:100%;
  font-weight:bold;
  padding-top:7px;
  border:0px;
}

#sloupec h3{
  font-size:100%;
  margin:0px 0px 0px 0px;
  
}

#sloupec img{
  float:left;
  margin:5px 5px 0px 5px;
  padding:1px;
}

#sloupec p{
  margin:5px 0px 0px 5px;
  padding:0px;
}

#sloupec ul{
  font-size:85%;
  font-weight:normal;
  margin:5px 0px 0px 10px;
  padding:0px;
}

#sloupec ul li{
  background: url(../pic/pic07.gif) no-repeat;
  margin:0px 0px 7px 0px;
  padding:0px 0px 0px 10px;
}

#sloupec p{
  }
  
 #sloupec a {
  font-weight:normal;
   color:#063044;
 }
 
 #sloupec a:hover {
   color:#999;
 }

/*--------------------------------------------------------------------------*/
#paticka {
 text-align: center;
  position:relative;
  /*float:left;*/
  width:905px;
  background: url(../pic/pic09.png) no-repeat;
  
   clear:both;
  
  margin:15px 0px 0px 0px;
  padding:0px;
  line-height:1.5;
  margin:0;
}

#paticka p{
  
  float:right;
  padding:4px;
  margin:5px;
  background:#1A1E23;
  font-size:85%;
  color:#B3B3B3;
}

#paticka a{
    color:#B3B3B3;
  } 
  
#paticka a:hover{
    color:#ccc;
  } 

.f120 {font-size:120%;}
.f80 {font-size:80%;}
.f80i {font-size:80%;font-style:italic;}

.klikaci {cursor: hand;}
.odraz {clear:both;}

p {
  line-height:1.5;
}

img {
  border:1px solid #C4DCE8;
  padding:1px;
  margin:0px 10px 10px 10px;
}

img.zarovnejVlevo{
  float:left;
  margin-left:0px;
}

img.zarovnejVpravo{
  float:right;
  margin-right:0px;
}

img.bezRamecku{
  border:0px;
}

a {
  color:black;
   
   
}

a:hover {
  color:#666;
  
}

hr.cleaner {

 clear:both;
 height:1px;
 margin: -1px 0 0 0; padding:0;
 border:none;
 visibility: hidden;

}


