body, form  {
font-family : 'verdana ce', 'geneva ce', 'helvetica ce', verdana, tahoma, arial, sans-serif;
margin: 0px 0px 0px 0px;
}
body {
font-size: 71%;
line-height: 1.5em;
text-align: center;
color:#525252;
background: #e6f0fa;
}

/* index ----------------------------------------------------------------------------------*/
/* index ----------------------------------------------------------------------------------*/
 

#nav-skip { display: none; }



#logo {
margin-top:2px;
width: 200px;
height: 180px;
float:left;
}

#logo-one {
margin:0; padding:0;
position:relative;
width: 200px;
height: 180px;
margin:0; padding:0;
overflow:hidden;
}
#logo-one span {
display:block;
position:absolute; left:0; top:0; 
width: 200px;
height:180px;
margin:0; padding:0;
background:url("../images/logo.jpg") top left no-repeat;
overflow:hidden;
}
#logo h1 {
font-size: 100%;
color:#000000;
}


#hlavicka{
display:block;
height:auto;
width:100%;
background: url('../images/hlavicka_bg.jpg') repeat-x center;
}


#hlavicka_center{
display:block;
width:950px;
height:250px;
margin:0 auto;
background:url('../images/hlavicka_bg.jpg') repeat-x center;
}




#grafika_mrak
{
position: relative;
width: 340px;
height:60px;
margin:auto;
text-align: left;
float:right;
background:url('../images/croco_d.jpg') repeat-x center;
}


#grafika_mrak p
{
padding: 15px 15px 6px 200px;
}

#grafika_animal
{
position: relative;
width: 340px;
height:190px;
margin:auto;
text-align: left;
float:right;
background:#aed2d9 url('../images/hlavicka_bg.jpg') repeat-x center;

}


.ukoncovaci_clear
{
clear:both;
margin-bottom:0px;
}

.ukoncovaci_clear_2
{
clear:both;
margin-bottom:30px;
}


#global_nav {
position:relative;
float:left; 
height:36px; 
width: 590px; 
padding: 10px 0px 0px 10px; 
margin:0; 
} 

#global_nav ul {
padding: 0px;
margin: 0px;
}

#global_nav ul li {
float: left;
list-style: none;
}

#global_nav ul li a{
z-index: 2;
display: block;
float: 	left;
height: 36px;
overflow: hidden;
color:	#525252;
font-size: 22px;
position: relative;
padding: 8px 15px 6px 15px;
text-decoration: none;
}


#global_nav ul li a.aktivni{
color:	#fff;
}


#global_nav ul li a:hover{
color: #fff;
text-decoration: none;
}



#global_nav li.background {
background: 		url('../images/bg_menu_right.png') no-repeat top right;
z-index: 			1;
position: 			absolute;
visibility: 		hidden;
color: #fff;
}


#global_nav .background .left {
background: 		url('../images/bg_menu.png') no-repeat top left;
height: 			36px;
margin-right: 		7px; /* 7px is the width of the rounded shape */
}


#portfolio{
display:block;
height:auto;
width:100%;
/*background:#e6f0fa url("../images/bg.gif") 50% repeat-y;*/
background:#e6f0fa;
}

#portfolio_center{
display:block;
width:950px;

margin:0 auto;
background:#ffffff url("../images/bg_portfolio.jpg") no-repeat;
background-position: right top;
}

#portfolio_center p{
text-align: left;
color:#83b2ba;
}

#ram_banneru{
		position:relative;
		width:500px;
		margin-top:20px;
		margin-left:10px;
		float:left;
		border:0px solid #000000;
		}			

/* Easy Slider */

  #slider { border:5px solid #83b2ba; float:left;}	
  
  
	#slider img{ border:0px;}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0px;
		padding:0;
		list-style:none;
		
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:490px;
		height:200px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		


/* // Easy Slider */



#motto{
		position:relative;
		width:400px;
		height:210px;
		margin-top:20px;
		margin-left:20px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		}			
		
		#motto h2{
	padding:50px 10px 10px 10px;
	font-size: 1.8em;
	line-height: 1.2em;
	color:#539e31;
	font-family: Georgia;
		}	
		
			#motto p{
	padding-right:10px;
	margin:0px;
	text-align: right;
	color:#539e31;
	font-family: Georgia;
		}	


#znacky{
		position:relative;
		width:900px;
		height:60px;
		padding-left:5px;
	margin-left:10px;
	margin-top:5px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		
		}		
		
		#znacky img{
		border:0px solid #000000;
		}	
		
		
#hlavni{
display:block;
height:auto;
width:100%;
background:#e6f0fa;
/* background:#e6f0fa url("../images/bg.gif") 50% repeat-y; */
}

#hlavni_center{
display:block;
width:950px;
margin:0 auto;
background:#ffffff;
border-top:1px solid #83b2ba;
}


  	

#hlavni_levy{
		position:relative;
		width:650px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		background:#fff; 
		margin-top:20px;
		}		
		
.ohraniceni_boxu_sluzeb{
		position:relative;
		width:300px;
		margin:10px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		}			
		
		.ohraniceni_boxu_sluzeb  a { color: #525252; text-decoration: underline; }
.ohraniceni_boxu_sluzeb a:hover {  color: #000000; text-decoration: underline;}

.nadpis_boxu_ico{
		position:relative;
		width:71px;
		height:70px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		}
		
.nadpis_boxu{
		position:relative;
		width:229px;
		height:70px;
		float:left;
		border:0px solid #000000;
		text-align: left;

		}
 
 .nadpis_boxu h2{
	font-size: 1.8em;
	color:#525252;
	font-family: Georgia;
	padding-left:5px;
	padding-right:5px;
line-height:70px;
		}		   	
		

.nadpis_boxu img{
border:0px;
		}

.popis_boxu{
		position:relative;
		width:300px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		height:90px;
				background:url("../images/popis_boxu_bg.jpg") no-repeat;
		}
		
.popis_boxu ul{
list-style-type: none;
		}		
		
		.popis_boxu li{
padding-top:5px;
		}	
    
    #hlavni_pravy{
		position:relative;
		width:270px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		background:#fff;
		margin-top:20px;
		}	
    
        #hlavni_pravy img{
		border:0px;
		}			
   


.prispevky_right{
width: 250px;
float: left;
padding: 0 5px 5px;
}

.next span{
font-size: 0.8em;
color:#525252;
font-family: Georgia;
text-align: right;
}

.next{
text-align: right;

}

.prispevky_entry{
color: #3c3c3c;
}
.prispevky_entry p img{
padding: 0 5px 7px 0;
float: left;

}
#hlavni_pravy h2
{
padding-top:0px;
font-size: 1.8em;
color:#525252;
font-family: Georgia;
text-align: left;
}

#hlavni_pravy  a { color: #525252; text-decoration: underline;  }

#hlavni_pravy  a:hover {  color: #000000; text-decoration: underline; }

.prispevky_entry p.next{
text-align: right;
}

.prispevky_entry p.next img{
text-align: right;
}


.cara_teckovana {
background-image: url("../images/dots_h.gif"); 
background-repeat: repeat-x;
width: 100%;
height: 1px;
} 



.zpravodaj{
width: 250px;
height:100px;
float: left;
background:#fff;
margin-top:14px;
}

.zpravodaj p{
padding:0px;
margin:0px;
}

.zpravodaj p.nadpis{
padding:0px;
margin-top:5px;
margin-bottom:10px;
font-size: 2em;
color:#525252;
font-family: Georgia;
border-top:0px solid #cccccc;
}




#paticka{
		position:relative;
	  width:950px;
		height:200px;
	margin:auto;
	text-align: left;
	color:#000000;
	
		background-image: url("../images/paticka.jpg"); 
		}	
		
		#paticka a { color: #000000; text-decoration: underline;  }

#paticka  a:hover {  color: #000000; text-decoration: underline; }


#paticka ul

{
padding-top:105px;
margin:0px;
float:left;
margin-left:10px;
}

#paticka li.odkaz
{
/* background:url(../images/ext_icons.gif) no-repeat 0px 0.6em; */
padding-left:15px;
list-style-type: none;
padding-top:3px;

}

hr{ margin:0px; padding:0;}

.break { height: 1px; font-size: 1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0; padding:0 !important; }

.hidden { display: none; }


/* index end ----------------------------------------------------------------------------------*/
/* index end ----------------------------------------------------------------------------------*/


/* sluzby -------------------------------------------------------------------------------------*/



#hlavni_sluzby{
display:block;
height:auto;
width:100%;
/*background:#e6f0fa url("../images/bg.gif") 50% repeat-y;*/
background:#e6f0fa;
}

#hlavni_sluzby_center{
display:block;
width:950px;
margin:0 auto;
background:#ffffff url("../images/bg_portfolio.jpg") no-repeat;
background-position: right top;
		border:0px solid #000000;
}




#hlavni_sluzby_center p.cesta_navigace
{
padding-left:10px;
padding-top:15px;
padding-bottom:0px;
margin:0px;
margin-bottom:0px;
text-align: left;
}
#hlavni_sluzby_center p.cesta_navigace a { color: #525252; text-decoration: underline;  }
#hlavni_sluzby_center p.cesta_navigace  a:hover {  color: #000000; text-decoration: underline; }
#hlavni_sluzby_center span.sipka_cesta_navigace
{
padding-right:5px;
padding-left:5px;
}

.hlavni_sluzby_center_levy{
		position:relative;
		width:610px;
		margin-top:30px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		border: 0px solid #000000;
		background:#ffffff url("../images/bg-menu-hor.png") repeat-y;
		background-position: right;
    }	
		
.hlavni_sluzby_center_levy p{
padding-left:10px;
padding-right:10px;

		}	
		
		
		.hlavni_sluzby_center_levy H3{
padding-left:10px;
padding-right:10px;
font-size:1.2em;

	color:#6b7920;
	font-family: Georgia;

		}	
		
		
				.hlavni_sluzby_center_levy H3.normalni{
padding-left:60px;
padding-right:10px;
font-size:1.2em;
font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
	  background: url("../images/arrow_nadpis.gif") no-repeat;
background-position: 40px 50%;
		}	
		
		 .hlavni_sluzby_center_levy a { color: #6b7920; text-decoration: underline;  }
.hlavni_sluzby_center_levy a:hover {  color: #475111; text-decoration: underline; }



.navigace_pravy {
	margin-top:30px;
border:0px solid #000000;
float: left;
width: 318px;
text-align: left;
margin-bottom:40px;

}

.navigace_pravy img{
border:0px;
text-align:center;
}

.navigace_pravy p{
text-align:center;
}


ul.menu_sablona-ul {
list-style-type: none;
padding-left: 5px;
margin: 0px;
}
ul.menu_sablona-ul li {
display: block;
border-bottom: solid 0px #ffffff;
margin-bottom: 0px;
padding: 0px;
margin: 0px;
}
ul.menu_sablona-ul li.rozevreny a{
display: block;
height: 15px;
padding: 7px 10px 0px 40px;
list-style-type: none;
color: #525252;
text-decoration: underline;
}
ul.menu_sablona-ul li.rozevreny a:hover{
display: block;
height: 15px;
padding: 7px 10px 0px 40px;
color: #000000;
list-style-type: none;
text-decoration: underline;
}

ul.menu_sablona-ul li.normalni {
display: block;
height: 25px;
padding: 10px 10px 0px 30px;
background: url("../images/arrow_ak.gif") no-repeat;
background-position: 6px 50%;
color: #525252;
text-decoration: undreline;
	font-size: 1.8em;
	color:#525252;
	font-family: Georgia;
}

		 ul.menu_sablona-ul li.normalni a { color: #525252; text-decoration: underline;  }
ul.menu_sablona-ul li.normalni a:hover {  color: #000000; text-decoration: underline; }

/*
ul.menu_sablona-ul li.normalni a {
display: block;
height: 25px;
padding: 10px 10px 0px 30px;
background: url("../images/arrow_ak.gif") no-repeat;
background-position: 6px 50%;
color: #525252;
text-decoration: none;
	font-size: 1.8em;
	color:#525252;
	font-family: Georgia;
}
ul.menu_sablona-ul li.normalni a:hover {
height: 25px;
display: block;
padding: 10px 10px 0px 30px;
background: url("../images/arrow_ak.gif") no-repeat;
background-position: 6px 50%;
color: #000000;
text-decoration: underline;
	font-size: 1.8em;
	color:#525252;
	font-family: Georgia;
}
ul.menu_sablona-ul li.normalni a.active{
height: 25px;
display: block;
padding: 10px 10px 0px 30px;
background: url("../images/arrow_ak.gif") no-repeat;
background-position: 6px 50%;
color: #000000;
	font-size: 1.8em;
	color:#525252;
	font-family: Georgia;

}
*/
  ul.kurzy       { list-style-type: none;            }

     ul.aktuality       { list-style-type: none;            }

	 ul.aktuality li a { color: #525252; text-decoration: underline;  }
ul.aktuality li a:hover {  color: #000000; text-decoration: underline; }


.hlavni_sluzby_center_levy h2.nadpis{ 
  font-size:2.2em;
  line-height:1em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/arrow_ak.gif") no-repeat;
background-position: 8px 50%;
  padding:8px 0px 10px 35px;
  margin:0 0 0 0; }
  
  
  .navigace_pravy h2.nadpis{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/arrow_ak.gif") no-repeat;
background-position: 8px 50%;
  padding:8px 0px 10px 35px;
  margin:0 0 0 0; }
  
  
  .hlavni_sluzby_center_levy h2.webdesign{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/pc.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }
  
    .hlavni_sluzby_center_levy h2.grafika{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/grafika.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }
  
  .hlavni_sluzby_center_levy h2.foto{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/foto.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }
  
  
    .hlavni_sluzby_center_levy h2.kurz  {
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/kurz.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }
  
  
  
    .hlavni_sluzby_center_levy h2.preklad{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/preklad.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }



  span.vice_zde{ 
  font-size:1.4em;
  font-weight: bold;
	color:#6b7920;
	font-family: Georgia;
padding-right: 30px;
padding-top:5px;
text-align: right;
clear: both;
display: block;
 }
  
  
  span.vice_zde a { color: #6b7920; text-decoration: underline;  }
span.vice_zde a:hover {  color: #6b7920; text-decoration: underline; }



.nazor_klienta{
		position:relative;
		width:300px;
		height:400px;

		margin:10px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		background:#e6f0fa;
    }	



 span.bdquo{  
background: url("../images/bdquo_b.gif") no-repeat; 
background-position: 8px 35%;
border:0px solid #000000;
padding:10px 10px 35px 12px; }

 span.ldquo{  
background: url("../images/ldquo_b.gif") no-repeat; 
background-position: 6px 10%;
border:0px solid #000000;
padding:10px 10px 32px 12px; }



.nazor_klienta p.curziva{
padding:10px 10px 10px 10px;
font-style: italic;
line-height: 2em;
		}	
		
		.nazor_klienta p.normal{
padding:10px 10px 0px 10px;
		}	






#druha_sekce{
display:block;
height:auto;
width:100%;
background:#e6f0fa;

/* background:#e6f0fa url("../images/bg.gif") 50% repeat-y; */
}

#kontaktni_formular{
display:block;
width:950px;
margin:0 auto;
background:#ffffff;
border-top:1px solid #83b2ba;
}


  	

#kontaktni_formular_levy{
		position:relative;
		width:750px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		background:#fff; 
		margin-top:20px;
		}		
		
		
#kontaktni_formular_levy h2{ 
  font-size:2.2em;
  font-weight: normal;
	color:#6b7920;
	font-family: Georgia;
  background: url("../images/ico/contact.jpg") no-repeat;
background-position: 8px 100%;
  padding:40px 0px 10px 90px;
  margin:0 0 0 0; }
		
		
		#kontaktni_formular_levy p{
padding:10px 10px 10px 10px;
		}	


    #kontaktni_formular_pravy{
		position:relative;
		width:170px;
		float:left;
		border:0px solid #000000;
		text-align: left;
		background:#fff;
		margin-top:20px;
		}	
    
        #kontaktni_formular_pravy img{
		border:0px;
		}			
   



#kontaktni_formular_pravy  a { color: #525252; text-decoration: none;  }

#kontaktni_formular_pravy a:hover {  color: #525252; text-decoration: underline; }





/* ----------- stylized ----------- */

.formular{
float:left;
margin-left:10px;
	width:600px;
	padding:14px;
}

.formular p, h1, form, button{border:0; margin:0; padding:0;}


.spacer{clear:both; height:2px;}

	#contact_form{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#contact_form h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#contact_form p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#contact_form label{
		display:block;
		font-weight:bold;
		text-align:left;
		width:200px;
		float:left;
	}
	#contact_form .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:left;
		width:140px;
	}
	#contact_form input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:350px;
		margin:2px 0 20px 10px;
	}
	
		#contact_form textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:350px;
		margin:2px 0 20px 10px;
	}
	#contact_form button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url("../images/ico/button.png") no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}



/* galerie */


.galerie {
	background: #ffffff;  /* nastaveni pozadi  */
	width: 170px;
	height: 155px;
	text-align: center;
	position:relative;
	display: table-cell;
	vertical-align: middle;
	border: 4px solid;
	border-color:  #d9e6a2;
	font-weight: bold;
}
div.galerie img {
	border: 10px solid #ffffff; 
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
	text-align: center;

}
div.galerie p {
	padding: 0px 10px;
	color: #6b7920;

}

*+html .galerie {
	background: #ffffff;  /* nastaveni pozadi  */
	width: 170px;
	height: 155px;
	text-align: center;
	position:relative;
	
	border: 4px solid;
	border-color:  #d9e6a2;
	font-weight: bold;
}

*html div.galerie div {
	width: 100%;
	position:absolute;
	top: 50%;
	left: 0;

}
*html div.galerie  p {
	position: relative;
	top: -50%
}
.box_fotky /* !!! nastavuje float  */
{
margin:10px 10px 10px 10px;
float:left;
}

.strankovani
{
text-align: left;
float:left;
width:520px;
margin-top:10px;
margin-bottom:10px;
border-top:1px solid #83b2ba;
margin-left:10px;
padding-top:10px;
}
#hlavni_sluzby_center .strankovani a.normal{
color:#525252;
padding-right:5px;
font-size: 1.3em;
}
#hlavni_sluzby_center .strankovani a.normal:hover {
color:#525252;
padding-right:5px;
font-size: 1.3em;
}
#hlavni_sluzby_center .strankovani .aktivni
{
color:#525252;
font-size: 2em;
font-weight: bold;
padding-right:5px;
}



/* portfolio -------------------------------------------------------------------------------------*/
/* portfolio -------------------------------------------------------------------------------------*/
/* portfolio -------------------------------------------------------------------------------------*/
/* portfolio -------------------------------------------------------------------------------------*/
/* portfolio -------------------------------------------------------------------------------------*/


.box_popis
{
text-align: left;
float:left;
width:320px;
margin:10px;
border:0px solid #d9e6a2;
}


a.ext { 
background: url("../images/ext_icons.gif") no-repeat 100% 0;
padding-right: 11px;}

a.int { 
background: url("../images/internal-link.gif") no-repeat 100% 0;
padding-right: 11px;}



.galerie_galerie {
	background: #e6f0fa;  /* nastaveni pozadi  */
	width: 130px;
	height: 130px;
	text-align: center;
	position:relative;
	display: table-cell;
	vertical-align: middle;
}
.galerie_galerie img {
	border: 1px solid #aed2d9;
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
	text-align: center;
}
.galerie_galerie p {
	padding: 0 15px;
}
* html div.galerie_galerie div {
	width: 100%;
	position:absolute;
	top: 50%;
	left: 0;
}
* html div.galerie_galerie  p {
	position: relative;
	top: -50%
}
.box_fotky_galerie /* !!! nastavuje float  */
{
margin:10px 10px 10px 10px;
float:left;
}




.lista_chyba

{

float: left;

width: 590px;

text-align:left;

border:1px solid #8d0b02;

background-color: #f8e1e0;

margin:5px;



}



.lista_chyba p

{

padding:5px 5px 5px 5px;

}



.lista_chyba span

{

font-size: 1.1em;

font-weight: bold;

}



 .lista_chyba a { color: #8d0b02; text-decoration: underline;   }

 .lista_chyba  a:hover {  color: #8d0b02; text-decoration: underline;  }




.box_prihlaseni

{

float: left;

width: 590px;

height:200px;

text-align:center;

border:3px solid #ebf3fa;

margin:5px 5px 5px 5px;



}



.box_prihlaseni p

{

font-size: 1.2em;;

color: #08588b;

font-weight: bold;

}



.box_prihlaseni img

{

padding-right:20px;

}



#report-warning {
background: #ffffaa; 
border: 1px solid #ffc000; 
width:640px; 
height:150px; 
margin:5px;
float:left;}


