body {
	text-align: center;
	background:#fafafa;
	font-family: Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 0.75em;
	color: #434343;
	background: url(../img/bg.gif) repeat-x #fff; 
	}		


	
#head{
width: 947px;
height: 145px;
background: #58ae33 url("img/logo-bg.png") no-repeat left top;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
border: 1px solid #cccccc;
}

#head h3{
position: absolute;
width: 171px;
height: 52px;
overflow: hidden;
top: 43px;
left:21px;
padding: 0;
}
#head h3 a {
cursor: pointer;
display: block;.
height: 100%;width: 100%;
}
#head h3 a span {
display: block;
position: absolute;top: 0;left: 0;
width: 100%;height: 100%;
background:#58ae33 url(../img/logo.jpg) no-repeat;
}
#head .headstinLogo
{
	position: absolute;
	left: 21px;
	top: 96px;
	width: 171px;
	height: 26px;
	background: url(img/logo-stin.png) no-repeat left top;
}
#head #info {
text-align: right;
font-size:90%;.
font-weight: normal;
color: #fff;
position: absolute; top: 133px; right: 11px; z-index: 1000;
width: auto;
padding-left: 20px;
background: url("img/info-sipka.png") no-repeat left center;
text-shadow: 0px 0px 7px black;
}	 

#info a:hover {
color: #ffd01f;
  	  }
	  
#info a {
color: #ffffff;
text-decoration: underline;
  	  }		

	table {
	margin: 0;
	padding: 10 0px;
	font-size: 100%;
}
#head #bxslider-out
{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 750px;
	height: 145px;
	overflow: hidden;
	-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#head #bxslider-out ul
{
	margin: 0;
}
h1{
	font-size: 120%;
	margin: 1em 0 0.15em 0;
}
h2{
	font-size: 115%;
	margin: 1em 0 0.15em 0;
}
h3{
	font-size: 98%;
	margin: 0;
	padding: 0 0 3px 0;

}
h4{
	font-size: 105%;
	margin: 1em 0 0.15em 0;

}
  
	  
h5 {
   font-size:106%;
	letter-spacing: 0.025em;
	margin: 14px 0 7px 0;
}				

p{
	margin: 0 0 0.7em 0;
	} 
	
	ul {
		margin: 10px 17px;
		padding: 0;
	}

 a {text-decoration: none;}
 a:link {color:#456099;}
 a:visited {color: #456099;}
 a:active {color: #243354;}
 a:hover {color: #58ae33;}  


 .clear{
	clear: both;
	font-size: 1px;
	visibility: hidden;
	margin-top: -1px;
}	


.metody-vyuky-ul {
	padding: 0 16px;
	margin: 14px 0 8px 0;
   font-weight: bold; 
	color: #434343;
	font-size: 90%;
	}

.vzdelavaci-program {
	padding: 0 31px;
	margin: 4px 0 0px 0;
	color: #434343;
	font-size: 90%;
	}
	
.vzdelavaci-program-nadpis {
	padding: 8px 0 0 2px;
	font-size: 92%;
	}	

#program-table td{
height: 16px;
background: #DEEFF8;
padding-left: 5px;
}	
	
table#program-table {
height: 16px;
margin:10px 0 8px 0;
} 

table.jidelni-listek {
height: 16px;
margin:10px 0 8px 0;
}

table.jidelni-listek td{
height: 16px;
background: #DEEFF8;
padding-left: 5px;
}	



#page {
 padding: 7px;
	width: 949px;
	border: 2px solid #e0e0e0; 
	margin: 0 auto;  
	text-align: left;
	background: #fafafa url(../img/page.jpg) ;	
	position: relative;  
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}		

.page-konec {
/*	background: url(../img/page-konec.gif) no-repeat left bottom;*/
	display: none;
}

#page-inside {
text-align: justify;
}

#page-left {
padding: 0;
margin: 0 1px;
float:left;
width: 657px;
background: #f2fafd url(../img/bg-page-left.gif) repeat-x ;
/**/
}	 
.admin-text{
	margin-top: 1em;
}
#page-left-inside {
padding: 2px 14px;
min-height: 407px;
_height: 398px;
	
border: 1px solid #e1e1e1;
border-top: 1px solid #d8edf7;


-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
	 
#page-right {
	width: 290px;
	float: left;
}		
#page-right-inside {
	padding-left: 8px;
}		
  
#menu{
   font-size: 0.95em;
	padding: 0;
	height: 2.4em;
	line-height: 2.4em;

}
#menu a{
	color: #4a4949;
	background: url(../img/menu-li.gif) no-repeat left center;
	padding-left: 5px;
	text-decoration: none;
}
#menu a:hover{
color: #000;
}
#menu ul{
	margin: 0;
	padding: 0;
}
#menu ul li{
	display: inline;
	padding-left: 3px;
}
#menu ul li#kontakt{
	float: right;
	background: url(../img/kontakt.gif) no-repeat left center;
	padding-left: 15px;
	
}
#menu .bookmark {
	background: url(../img/bookmark.gif) no-repeat left center;
	padding-left: 15px;
}	 

#menu a:hover.bookmark   {
	color:#b41a1a;
}	
#menu .kontakt
{
	background: none;
}
#menu2 {
background: url(../img/menu2-bg.jpg) no-repeat;
font-size: 0.9em;
padding: 5px 0 5px;
color: #4a4949;


}

#menu2 a {
color: #4a4949;
padding: 0 6px;
}

#menu2 #jazyk{
padding-righ:25px;
float:right;
margin-right: 5px;
background: url(../img/en.gif) no-repeat right center;
}

#menu2 #jazyk-cz{
padding-right:17px;
float:right;
margin-right: 5px;
background: url(../img/cz.gif) no-repeat right center;
}
#menu2 #jazyk a
{
	padding: 0 23px 0 0;
}
#menu2 #jazyk a:hover{
color:#c30000;
}

#menu2 #jazyk-cz a:hover{
color:#c30000;
}


#tisk a {
font-size:0.85em;
background: url(../img/tisk.gif) no-repeat left center;
position: absolute;
top: 212px; left: 605px;
padding-left: 11px;
text-align: right;
letter-spacing: 0.1em;
color: #4a4949;
}

#tisk-en a {
width: 60px;
font-size:0.85em;
background: url(../img/tisk.gif) no-repeat left center;
position: absolute;
top: 212px; left: 598px;
padding-left:0px;
text-align: right;
color: #4a4949;
}

#tisk a:hover {
color: #000;
}		

#tisk-en a:hover {
color: #000;
}	
.novinky-out, .fotogalerie-out, .videogalerie-out{position: relative;}
#novinky {
/*width:248px;*/
background: #f2fafd url(../img/bg-novinky.jpg) repeat-x ; 
background-position: 0 24px;
border: 1px solid #e2e2e2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 22px;

}

#novinky-head{
	background: url(img/novinky-ikon.png) no-repeat left top;
	display:block;
	height: 36px;
	width:27px;
	position:absolute;
	top:-16px; left:2px;
	}


#novinky h5{
	padding: 2px 0 0 34px;
	margin: 0;
	color: #fff;
	font-size: 1.15em;
	background: #58ae33 url(img/right-head.png) no-repeat left top ;
	display:block;
	height: 22px;
	width:248px;
}
	 
.konec-boxu {
	clear: both;
	/*background: #F1F9FD ;*/
	width: 250px;						 
	padding-bottom: 4px;
	display: block; 
	}

.novinky-archiv{
	padding:3px 8px;
	font-size: 0.8em;
	color: #2c77a3;
}

.novinky.ctete-vice {
	font-size: 90%;
	padding-top: 1px;
	margin: 0;
	display: block;
	text-align: right;
	
}

.aktuality-inside{
	min-height: 150px;
	_height: 150px;

}
.aktuality{
	padding: 7px 0px 0 0px;
	clear: left;
}
.aktuality img{
	float: left;
	border: 3px solid #fff;
	margin: 1px 7px 0 0;
	}

.aktuality p{
	margin: 0;
	padding: 0 8px;
	font-size:0.95em;
	line-height: 1.15em;
	color: #5d5d5d;
}		
.aktuality .ctete-vice
{
	text-align: right;
	float: right;
	padding-top: 2px;

}
.aktuality h3{
font-size: 90%;
margin: 0;
padding: 0 0.6em;
clear: both;
}
#fotogalerie-head{
	background: url(img/fotogalerie-ikon.png) no-repeat left top;
	display:block;
	height: 36px;
	width:35px;
	position:absolute;
	top:-16px; left:2px;
	}
#ukazky-galerie {	
background: #f2fafd url(../img/bg-novinky.jpg) repeat-x ;
background-position: 0 24px;
border: 1px solid #e2e2e2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 22px;
}

#ukazky-galerie h5{
	padding: 2px 0 0 34px;
	margin: 0;
	color: #fff;
	font-size: 1.15em;
	background: #58ae33 url(img/right-head.png) no-repeat left top ;
	display:block;
	vertical-align: bottom;
	width: 248px;
	height: 22px;
}

#ukazky-galerie-inside {
padding: 8px 0px 0px 0px;
}

.ukazky1 a{
	display: block;
	width: 84px;
	height: 50px;
	float: left;
	padding: 0;
	margin: 7px 0 3px 7px;
}
.ramecek{
	border:3px solid white;
}

.ukazky1 img{
border:3px solid white;
margin-right: 5px;
}

#videogalerie-head{
	background: url(img/video-ikon.png) no-repeat left top;
	display:block;
	height: 36px;
	width:35px;
	position:absolute;
	top:-16px; left:2px;
	}

#ukazky-videogalerie {	
background: #f2fafd url(../img/bg-novinky.jpg) repeat-x ;
background-position: 0 24px;
border: 1px solid #e2e2e2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 22px;
}

#ukazky-videogalerie h5{
	padding: 2px 0 0 34px;
	margin: 0;
	color: #fff;
	font-size: 1.15em;
	background: #58ae33 url(img/right-head.png) no-repeat left top ;
	display:block;
	vertical-align: bottom;
	width: 248px;
	height: 22px;
}

#ukazky-videogalerie-inside {
padding: 8px 0px 0px 0px;
}
img.foto-budova{
	float:right;
	margin-right: 10px;
	border: 2px solid #fff;
	
}


#pata {
color: #96c2d8; 
font-size: 0.85em;
padding: 0 2px;
margin: 0 auto;
width: 929px;
} 

#pata a {
color: #96c2d8; 
} 

#pata a:hover {
color: #006bb7; 
}

#pata #copy a:hover {
color: #58ae33;
}

#pata #copy { 
float: right;
} 


#form {
	width: 441px;
	padding-top: 5px;
	margin: 0;
}		 

fieldset {
	border: 2px solid #9EC6F5;
	font:72%/1 sans-serif;
}

textarea {
	background:#F4FAFD;
	border:1px solid #9EC6F5;
	overflow: hidden;
	width: 438px;
	padding: 0;
	margin-top: 1px;
}

input {
border:1px solid #9EC6F5;
width:142px;
font:1em sans-serif;
margin: 0;
padding: 2px 0;
background: #F4FAFD;
}

input.prihlaska {
border:1px solid #9EC6F5;
width:200px;
font:1em sans-serif;
margin: 0;
padding: 1px 0;
background: #F4FAFD;
}

select {
border:1px solid #9EC6F5;
width:200px;
margin: 0;
padding: 1px 0;
background: #F4FAFD;	
}


.napiste-nam {
	padding: 0.1em;
}

input.btn{
	color:#0F4D94;
	font:96% sans-serif; 
	border:1px solid #9EC6F5; 
	letter-spacing:1px; 
	background:#F4FAFD;
	display:	block;
	width: 440px;
	margin:1px 0;
	padding: 0;
	}

input.btnhov{
	color: #428325;
	border:1px solid #ABE095;
	background: #FAFDFE;
		}
		
input.btn-prihlaska{
	color:#0F4D94;
	font:96% sans-serif;
	border:1px solid #9EC6F5; 
	letter-spacing:1px; 
	background:#F4FAFD;
	display:	block;
	width: 313px;
	margin:1px 0;
	padding: 0;
	}

input.btn-prihlaska-hover{
	color: #428325;
	font:96% sans-serif; 
	letter-spacing:1px; 
	width: 313px;
	border:1px solid #ABE095;
	background: #FAFDFE;
	margin:1px 0;
	padding: 0;
	}	  
	
	input.btn-prihlaska-en{
	color:#0F4D94;
	font:96% sans-serif;
	border:1px solid #9EC6F5; 
	letter-spacing:1px; 
	background:#F4FAFD;
	display:	block;
	width: 330px;
	margin:1px 0;
	padding: 0;
	}

input.btn-prihlaska-hover-en{
	color: #428325;
	font:96% sans-serif; 
	letter-spacing:1px; 
	width: 330px;
	border:1px solid #ABE095;
	background: #FAFDFE;
	margin:1px 0;
	padding: 0;
	}	 
	
	
	
.nahled{
	float: left; 
	width: 140px;
	height: 140px;
	overflow: hidden;
}
.nahled-inside{
	border: 2px solid #fff; 
	min-height: 90px;
	_height: 90px;
	text-align: center;
	padding: 8px 2px 0 2px; 
	margin: 0.5em 0.6em; 
/*	background-color: #C5E3F3; */

}
.nahled img{
	border: 0;
}
.nahled:hover { 
/*	border: 1px solid #999; */
}
.nahledImg { 
	overflow: hidden;
}
.nahledPopis{
}
.nahled ins, .nahled p, .nahled h5{
	display: none;
	line-height: 1.1em;	
	margin: 0;

}
.nahled ins, .nahled p { 
	display: none;
	font-size: 80%;
	text-indent: 0;
	display: block;
	text-decoration: none;
	padding-top: 0.5em;
	color: #A6A6A6;
	padding: 2px;
}
.nahled h5 {font-size: 90%;}
.nahled p {text-align: center;}
#detail{
	padding:20px 10px 0px 10px;
	text-align:center;
}
#detail img{
	border: 4px solid #fff;
	padding: 0px;
	
}


#NavigFotoCenter{
	text-align: right;
	border-top: 2px solid #B5DCEF;
}
#NavigFoto,#NavigFotoCenter h5{display: none;}
#NavigFoto,#NavigFotoCenter a#next{padding-left: .2em;}
#NavigFoto,#NavigFotoCenter a#prev{padding-right: .2em;float: left;}

#NavigFoto,#NavigFotoCenter a#next:hover{}
#NavigFoto,#NavigFotoCenter a#prev:hover{}
#NavigFoto p,#NavigFotoCenter p{
	margin-top: 0em;
	text-align: center;
}
.zpet-galerie{
	text-align: center;
}

.HP a
{
	background: url(img/sipka-green.png) no-repeat left center;
	padding-left: 18px;
	color: #58ae33;
	font-size: 110%;
}
.HP a:hover
{
	color: #456099;
}