body { 
scrollbar-face-color: white;
scrollbar-arrow-color: #f30;
scrollbar-track-color: white;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #eee;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-Color: white;
	margin: 0;
	padding: 0;	
	border: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px; 
	text-align: center;
	background-image: url(obrazy/jpg/bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}	

DIV.zpet {
	margin: 0;
	position: absolute;
	top: 3px;
	left: 10px; 
} 

img {
	border: 0;
}

a { 
	color: #f30;
	text-decoration: underline;
}

a:visited { 
	color: #f30;
}
a:hover { 
  color: #F26649;
	text-decoration: none;
}

td {
  font-size: 13px;
}

#container { 
	width: 855px;
	hight: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left; 
	position: relative;
	bckground-color: white;
}


#header { 
	height: 169px;
	margin: 0;
	padding: 0;
	padding-right: 22px;
	background: #F68D6F;
	background-image: url('obrazy/header.gif');
	text-align: right;
	background-repeat: no-repeat;
}	 

#logo {
	width: 211px;
	height: 81px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.roh { 
	margin-top: -3px;
}

.nav { 
	margin: 0;
	padding: 0;
	float: left;
	width: 171px;
}	





#paticka {	   
	width: 855px;	
	height:	127px;
	position: relative;
	clear: both;   
	top: -23px;
	background-image: url('obrazy/paticka.gif');
	background-repeat: no-repeat;	 
}									 

#copyright {
	width: 200px;
	height: 20px;
	position: absolute;
	right: 10px;
	bottom: 10px;	
	font-size: 10px;
	color: white;
}	

.button A{	
	width: 171px;
	height: 23px;
	padding-left: 30px;
	magin: -10px 0 0 0 ;
	background-image: url('obrazy/navigace.gif');
	background-repeat: no-repeat;
	display: block;

}

.button A:hover, .button-horni A:hover{
	background-image: url('obrazy/navigace-vybrana.gif');	
}	

.button-vybrany A, .button-vybrany A:hover {	
	width: 171px;
	height: 23px;
	padding-left: 30px;
	magin: -10px 0 0 0 ;
	background-image: url('obrazy/navigace-vybrana.gif');
	background-repeat: no-repeat;
	display: block;

}

	

A.nadpis:link, A.nadpis:visited, A.nadpis:active, A.nadpis:hover{
	line-height: 23px;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	font-weight: bold;   
	font: Tahoma;
}  
   
A.nadpis-aktuality:link, A.nadpis-aktuality:visited, A.nadpis-aktuality:active, A.nadpis-aktuality:hover{
	line-height: 35px;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	font-weight: bold;   
	font: Tahoma;
}  


#news A.novinky:link, #news A.novinky:visited, #news A.novinky:active {
	font-size: 11px; 
	color: #ff0;
	text-decoration: underline;
	
}
#news A.novinky:hover {	 
    font-size: 11px; 
	color: #ff0;
	text-decoration: none; 
	background-color: #c30;
}

.nav-uvod A {
  cursor: hand;
  margin: 0;
  padding: 11px 0 0 30px;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-uvod.gif');  
	background-repeat: no-repeat;
	float: left;	
	position: relative
}	 

A.nadpis-top:link, A.nadpis-top:visited, A.nadpis-top:active, A.nadpis-top:hover{
	line-height: 23px;
	font-size: 10pt;
	color: black;
	text-decoration: none;
	font-weight: bold;   
	font: Tahoma;	
	padding-bottom: 0;
	position: relative;
} 


.nav-uvod A:hover{
	background-image: url('obrazy/nav-uvod-vyb.gif');	
}	

.nav-uvod-vybrany A, .nav-uvod-vybrany A:hover {
  cursor: hand;
  margin: 0;
  padding: 11px 0 0 30px;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-uvod.gif');  
	background-repeat: no-repeat;
	float: left;	
	position: relative;  
	background-image: url('obrazy/nav-uvod-vyb.gif');
}

.nav-firmy {
  cursor: hand;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 22px;
	background-image: url('obrazy/nav-firmy.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-skoly {
  cursor: hand;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 25px;
	background-image: url('obrazy/nav-skoly.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-verejnost {
  cursor: hand;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-verejnost.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-akce {
  cursor: hand;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-akce.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-foto {
  cursor: hand;
  margin: 0;
  padding: 0 0 0 30px;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-foto.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-reference {
  cursor: hand;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 23px;
	background-image: url('obrazy/nav-reference.gif');  
	background-repeat: no-repeat;
	float: left;
}
.nav-kontakty A {
  cursor: hand;
  margin: 0;
  padding: 0 0 0 30px;
  width: 171px;
  height: 36px;
	background-image: url('obrazy/nav-kontakty.gif');  
	background-repeat: no-repeat;
	float: left;
}	


.nav-kontakty A:hover, .nav-kontakty A:hover {
	background-image: url('obrazy/nav-kontakty-vyb.gif');
}	

.nav-kontakty-vybrany A, .nav-kontakty-vybrany A:hover {
  cursor: hand;
  margin: 0;
  padding: 0 0 0 30px;
  width: 171px;
  height: 36px;
	background-image: url('obrazy/nav-kontakty-vyb.gif');
	background-repeat: no-repeat;
	float: left;

}

.nav-end {
  margin: 0;
  padding: 0;
  width: 171px;
  height: 256px;
	background-image: url('obrazy/nav-end.gif');  
	background-repeat: no-repeat;
	float: left;
}

.nav-end img{
	margin: 9px auto auto 31px;
}

#nav img {
  border: 0;
  margin: 0;
  padding: 0;
}

#end-pic { 
	width: 171px;
	display: block;
}

#main {
	background-color: white;
  margin: 0;
  padding: 0 0 0px 0;
	float: left;
	width: 507px;

}

#content { 
	padding: 0 0.5em 0 0.5em;
	width: 480px;
	height: 487px;
	background-color: white;
	overflow: auto;
	color: #333;
	line-height: 18px;
}

#ruzek {
	background-image: url('obrazy/ruzek.gif');
	background-repeat: no-repeat;
	height: 90px;
	margin: 0;
	padding: 0;
}

#content h2 { 
	font-size: 17px;
	font-family: arial, verdana, trebuchet ms;
	font-variant: small-caps;
	font-weight: bold;
	color: red;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

#content h3 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #F68D6F;
  border-bottom: 1px dotted #F68D6F;
  font-size: 15px;
  color: #f33;
}

#content h4 {
  font-family: trebuchet ms, arial;
  font-weight: normal;  
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  font-size: 17px;
  color: black;
}

#content h5 {
  font-family: arial;
  font-weight: bold;  
  margin: 0;
  margin-top: 10px;
  padding: 0;
  padding-left: 5px;
  font-size: 13px;
  color: #333;
}

#content p { 
	margin: 0.6em;
	padding: 0;
	padding-top: 0;
	padding-bottom: 14px;
	text-indent: 15px;
	text-align: justify;
}

#news { 
  text-align: center;
  font-family: arial, verdana;
  font-size: 11px;
  color: white;
	width: 177px;
	height: 455px;
	background-image: url('obrazy/bg-aktuality.gif');
	float: left;
	margin: 0;
  padding: 0;
}			   





#aktuality-top {	 
  margin: 0;
  padding: 0;
  width: 177px;
  height: 35px;		 
  background-image: url('obrazy/aktuality-top.gif');  
  background-repeat: no-repeat;	 
  display: block; 

}  

#aktuality-top A {	
  margin: 0;
  padding: 0;
  width: 177px;
  height: 35px;		 
  background-image: url('obrazy/aktuality-top.gif');  
  background-repeat: no-repeat;
  display: block;
}

#aktuality-top A:hover {
	background-image: url('obrazy/aktuality-top-vyb.gif');	
}	

#aktuality-top-vybrany A, #aktuality-top-vybrany A:hover {
  	margin: 0;
  	padding: 0;
 	width: 177px;
  	height: 35px;		 
  	background-image: url('obrazy/aktuality-top-vyb.gif');  
    background-repeat: no-repeat;
	display: block;
}  




.aktuality {	
margin: 0;
  padding: 0;
  padding-top: 0px;
  font-weight: normal;
  width: 177px;
  height: 23px;		
  background-image: url('obrazy/aktuality.gif');
	background-repeat: no-repeat;
}

.aktuality A{	
margin: 0;
  padding: 0;
  padding-top: 0px;

  width: 177px;
  height: 23px;		
  background-image: url('obrazy/aktuality.gif');
	background-repeat: no-repeat;	  
	  display: block;


}

.aktuality A:hover {
	background-image: url('obrazy/aktuality-vyb.gif');	
}	

.aktuality-vybrany A, .aktuality-vybrany A:hover {	
margin: 0;
  padding: 0;
  padding-top: 0px;

  width: 177px;
  height: 23px;		
	background-image: url('obrazy/aktuality-vyb.gif');
	background-repeat: no-repeat;
	display: block;

}






#aktuality-bottom {
  margin: 0;
  padding: 0;
  width: 177px;
  height: 32px;
	background-image: url('obrazy/aktuality-bottom.gif');  
	background-repeat: no-repeat;
	float: right; 
	
	position: relative;
}

#news h2 { 
	font-size: 12px;
	color: #ff0;
	margin: 0;
	padding-bottom: 2px;
}		

h3 {
  	font-weight: bold;
	font-size: 14px; 
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#news p { 
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 17px;
	padding-right: 17px;
}

#footer { 
	clear: both;
	text-align: center;
	height: 20px;
	margin: 0;
	padding: 0;
	background: #F26B44;
	color: #ffffff;
}

#footer p { 
  font-size: 10px;
  font-weight: bold;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

#kontakty {
  border: 1px dotted #f33;
  padding: 0px;
  margin: 0;
}

#kontakty table {
  width: 95%;
  line-height: 20px;
  text-align: center;
}

#kontakty td {
  width: 50%;
  padding-left: 10px;
}

#kontakty p {
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted silver;
}

hr {
  border: 1px solid #F5C7B4;
  background: #F5C7B4;
  width: 170px;
}

#kurzy p {
  border-bottom: 1px dotted #eee;
}

#centerp p {
  font-family: arial;
  text-align: center;
  color: #F04E37;
  font-size: 13px;
  font-weight: bold;
}

#obrazek-bottom {
  float: left;
  position: absolute;
  top: 350px;
  left: 106px;

}

.obrazek-top: {
  float: right;
}

form: {
  margin: 0;
  padding: 0;
  padding-top: 15px;
}

fieldset {
  margin: 0;
  padding: 5px;
  border: 1px solid #F68D6F;
}

legend {
  margin-top: 15px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: red;
}

textarea {
  font-family: arial, verdana;
  font-size: 13px;
  color: #333;
  padding: 2px;
}

.itext {
color: #666;
padding: 2px;
}

.intextl {
  float: left;
  padding: 3px;
  margin: 3px;
  margin-right: 6px;
}

.intextr {
  float: right;
  padding: 3px;
  margin: 3px;
  margin-left: 6px;
}

.italicp {
  color: #666;
  font-style: italic;
  font-family: trebuchet ms, arial;
}

#akce p{
	text-indent: 0px;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}

#akce table {
  width: 90%;
  color: #333;
}

#akce td {
  padding-left: 5px;
  background: #fc9;
  font-size: 13px;
}

#zakonik  {
  font-size: 11px;
	text-indent: 0px;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}
.blink {
  color: #000;
  background: #fc9;
  border: 1px solid #fc3;
}

.pozn {
  color: #666;
  font-size: 11px;
}

.bold {
  font-weight: bold;
}

.red {
  color: red;
  padding-left: 25px;
  font-weight: bold;
  font-size: 12px;
}

.green {
  color: #393;
  padding-left: 25px;
  font-weight: bold;
  font-size: 12px;
}

#fotogalerie a {
  text-decoration: none;
}

.fotogalerie-front {
  border: 1px solid #B2B2B2;
  padding: 4px;
  background-color: black;
}


#fotogalerie table {
  width: 100%;
  padding: 3px;
}
#fotogalerie td {
  text-align: center; 
  border: 1px solid #eee;
  width: 120px;
  height: 120px;
}
#fotogalerie td:hover{
  background: #eee;
  border: 1px solid #ccc;
}
#fotogalerie img {
  border: 0;
}	 

.none {
	text-decoration: none;
}

.detibh {
	margin: 0;
	padding: 0;
	bottom: -60px;
	position: relative;
}

*> .detibh {
	position: absolute;
	bottom: -40px;
}
.nobg {
  text-decoration: none;
  background: none;
  
}
/*

	LIGHTBOX STYLE

*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	margin-top: 50px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.2em;
	padding-top: 0.4em;
	font-family: arial;
	color: #666;
	font-weight: bol;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(obrazy/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="obrazy/overlay.png", sizingMethod="scale");
	}
