HTML
{
	height: 100%;
	scrollbar-face-color: #B2DAF4; 	
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff; 
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff; 
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;	
}

body {
	text-align: center;
	height: 100%;
	background: #ECEFF6;
	color: #333;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	/* font-size: 11px; */
	margin: 0px;
	padding: 0px;
}

TABLE, TD, TR {
	/*color: #000000;*/
	font-size: 1em;
	vertical-align: top;
}

li
{
	/*margin-bottom: 0.3em;
	list-style-image:url("img/sipa.gif");
	color: #B2DAF4;
}


ul
{
	margin-left: 1.2em;
	margin-bottom: 2em;
	padding-left: 1em;*/
}

h1, h2
{
	
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	margin: 0px 0px 5px 5px;
	padding: 5px;
	color: #E42C00;
	
	
}


h2
{
	color: #3D6599;
	
}



h3
{
/*	float: right; */
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	color: #3D6599;
/*	color: red; */
	
	
}


h4
{
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	color: blue;
	
	
}


p
{
	margin: 1em 1em 0em 1em;
	color: #3D6599;
	font-size: 10px;
	font-size: 1.0em;
	line-height: 1.3em;
}


.red
{
	
	color: #D8261C;

}


hr
{
	
	height: 1px;
	color: #cdcdcd; 
}




img {border: 0px}


.blink
{
	
text-decoration: blink; 
}




/* hlavni stranka -------------------------------------------------------*/


#page
{

}

#page-in
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.head
{	float: left;
	background-image: url("img/pozadi.jpg");
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 997px;
	height: auto;
	_height: 470px;
	padding-bottom: 0px;
}

.head-bottom
{	float: left;
	background-image: url("img/bottom.jpg");
	background-repeat: no-repeat;
	background-color: #ECEFF6;
	width: 997px;
	height: 16px;


}


.box-logo
{	float:left;
	color: #3D619D;
	margin: 0px;
	width: 84px;
	height:  84px;
	_height: 84px;
	margin-top: 37px;
	margin-bottom: 0px;
	margin-left: 22px;
	_margin-left: 11px;
	/*border: 1px solid #c44;*/
}


.box-logo-text
{	float:left;
	color: #3D619D;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	width: 730px;
	height:  84px;
	_height: 84px;
	margin-top: 37px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	/*border: 1px solid #c44;*/
}


.box-lang
{	float:left;
	color: #3D619D;
	margin: 0px;
	width: 50px;
	height:  16px;
	_height: 16px;
	margin-top: 14px;
	margin-bottom: 0px;
	margin-left: 126px;
	_margin-left: 63px;
	/*border: 1px solid #c44;*/
}


.box-uvod
{	float:left;
	color: #3D619D;
	margin: 0px;
	width: 100px;
	height:  16px;
	_height: 16px;
	margin-top: 14px;
	margin-bottom: 0px;
	margin-left: -48px;
	_margin-left: 63px;
	/*border: 1px solid #c44;*/
}


.box-uvod-drobek
{	float:left;
	color: #3D619D;
	margin: 0px;
	width: 250px;
	height:  16px;
	_height: 16px;
	margin-top: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	/*border: 1px solid #c44;*/
}

.navigace {
	float:left;
	color: #fff;
	word-spacing: 1px;
	font-size: 1.0em;
	padding: 0px;
	margin-top: 16px;
	_margin-top: 16px;		
	width: 925px;
	height:  17px;
	_height: 17px;
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 5px;
	/*border: 1px solid #00ffff;*/
}

.navigace-dole {
	float:left;
	color: #fff;
	word-spacing: 1px;
	font-size: 1.1em;
	padding: 0px;
	margin-top: 7px;
	_margin-top: 7px;		
	width: 940px;
	height:  17px;
	_height: 17px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 3px;
	margin-right: 2px;
	/*border: 1px solid #00ffff;*/
}


.navigace-left {
	float:left;
}


.navigace-right {
	float:right;
}


.lista-top
{	float: left;
	margin: 0px;
	margin-top: 0px;
	background-image: url("img/top1.jpg");
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 955px;
	height: 192px;
	margin-left: 20px;
	_margin-left: 10px
}






.obsah {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 961px;
	height:  auto;
	_height: 255px;
	margin-bottom: 5px;
	margin-left: 22px;
	_margin-left: 11px;
	/*border: 1px solid #333;*/
}


.obsah-left {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 220px;
	height: auto;
	_height: 350px;
	background-color: #ECEFF6;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	/*border: 1px solid #333;*/
}


.obsah-left-in {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 220px;
	height: auto;
	_height: 100px;
	background-color: #6181B2;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	
}


.obsah-left-foto {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 220px;
	height: 150px;
	_height: 150px;
	background-color: #3D60A2;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	
}

.obsah-left-loga {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 220px;
	height: 150px;
	background-color: #fff;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
}


.obsah-left-foto p
{
	margin: 0.5em 0.5em 0.5em 0.5em;
	color: #fff;
	font-size: 11px;
	line-height: 1.3em;
}

.foto-left {
	margin: 5px 5px 0px 25px;
	
}

.foto-left-2 {
	margin: 5px 5px 0px 5px;
	
}

.foto-right {
	margin: 5px 5px 0px 5px;
	
}


.obsah-center {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 551px;
	height: auto;
/*	_height: 350px;
*/	margin-bottom: 0px;
	margin-left: 0px;
	/*border: 1px solid #dedede;*/
}


.obsah-center-in {
	float:left;
	color: #3D6599;
	margin: 0px;
	margin-top: 0px;		
	width: 551px;
	height: auto;
	/*_height: 100px;
	*/
  background-color: #ECEFF6;
	margin-bottom: 0px;
	margin-left: 0px;
}


.obsah-center-dole {
	float:left;
	color: #3D6599;
	margin: 0px;
	margin-top: 0px;		
	width: 551px;
	height: auto;
	_height: 200px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	/*border: 1px solid #333;*/
}

.obsah-right {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 180px;
	height: auto;
	_height: 350px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	text-align:center;
	/*border: 1px solid #333;*/
}


.obsah-right-in {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 180px;
	height: auto;
	_height: 100px;
	background-color: #6181B2;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	
}


.obsah-right-in p
{
	margin: 1em 1em 0em 1em;
	color: #E9F3F2;
	font-size: 10px;
	font-size: 1.0em;
	line-height: 1.3em;
}

.obsah-right-ecdl {
	float:center;
	margin: 0px;
	margin-top: 15px;		
	/*
  width: 180px;
	height: 94px;
  _height: 94px;
	*/
  background-color: #fff;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	
}



.obsah-right-in li
{
	/*margin-bottom: 0.1em;
	border-bottom: 1px solid #EEEFF1;
	list-style: square;
	list-style-image:url("../img/sipka.gif");
	font-size: 1.2em;
}


.obsah-right-in ul
{
	margin-left: 0.1em;
	margin-bottom: 0.5em;
	margin: 0.9em 1.5em 0.9em 1.1em;
	padding-left: 1em;*/
	
} 



.obsah-right-in-1 {
	float:left;
	margin: 0px;
	background-color: #F4F4F4;
	margin-top: 10px;		
	width: 200px;
	height: auto;
	_height: 100px;
	background-image: url("img/ikon1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 0px;
	margin-left: 7px;
	_margin-left: 7px;
	border: 1px solid #eee;
}


.obsah-right-in-2 {
	float:left;
	margin: 0px;
	background-color: #F4F4F4;
	margin-top: 10px;		
	width: 200px;
	height: auto;
	_height: 100px;
	background-image: url("img/ikon1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
	margin-left: 7px;
	_margin-left: 7px;
	border: 1px solid #eee;
}


.obsah-right-in-2 li
{
	/*margin-bottom: 0.1em;
	border-bottom: 1px solid #EEEFF1;
	list-style: square;
	list-style-image:url("../img/sipka.gif");
	font-size: 1.2em;
}


.obsah-right-in-2 ul
{
	margin-left: 0.1em;
	margin-bottom: 0.5em;
	margin: 0.9em 1.5em 0.9em 1.1em;
	padding-left: 1em;*/
	
} 


.lista-bottom {
	float:left;
	margin: 0px;
	margin-top: 0px;		
	width: 952px;
	_width: 768px;
	height: 30px;
	_height: 30px;
	background-color: #3A629F;
	margin-bottom: 0px;
	margin-left: 21px;
	_margin-left: 11px;
	
}


.otisk {
	float:left;
	margin: 0px;
	margin-top: 3px;		
	width: 202px;
	height: 15px;
	_height: 15px;
	margin-bottom: 3px;
	margin-left: 20px;
	_margin-left: 10px;
	/*border: 1px solid #333;*/
}


.login {
	float:left;
	color: #000;
	margin: 0px;
	margin-top: 20px;		
	width: 270px;
	height: 70px;
	_height: 70px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 3px;
	/*border: 1px solid #333;*/
}

.login-box1 {
	float:left;
	color: #fff;
	margin: 0px;
	margin-top: 5px;		
	width: 194px;
	height: 17px;
	_height: 17px;
	margin-bottom: 0px;
	margin-left: 4px;
	_margin-left: 3px;
	/*border: 1px solid #333;*/
}

.login-box2 {
	float:left;
	color: #fff;
	margin: 0px;
	margin-top: 1px;		
	width: 165px;
	height: 17px;
	_height: 17px;
	margin-bottom: 0px;
	margin-left: 4px;
	_margin-left: 2px;
	/*border: 1px solid #333;*/
}

.login-box3 {
	float:left;
	margin: 0px;
	margin-top: 4px;		
	width: 60px;
	height: 20px;
	_height: 20px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 3px;
	/*border: 1px solid #fff;*/
}

.menu1 {
	float:left;
	margin: 0px;
	margin-top: 121px;		
	width: 133px;
	height: 13px;
	_height: 13px;
	margin-bottom: 0px;
	margin-left: 3px;
	_margin-left: 3px;
	/*border: 1px solid #fff;*/
}

.menu2 {
	float:left;
	margin: 0px;
	margin-top: 121px;		
	width: 156px;
	height: 13px;
	_height: 13px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 6px;
	/*border: 1px solid #fff;*/
}

.menu3 {
	float:left;
	margin: 0px;
	margin-top: 121px;		
	width: 155px;
	height: 13px;
	_height: 13px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 6px;
	/*border: 1px solid #fff;*/
}

.menu4 {
	float:left;
	margin: 0px;
	margin-top: 121px;		
	width: 155px;
	height: 13px;
	_height: 13px;
	margin-bottom: 0px;
	margin-left: 6px;
	_margin-left: 6px;
	/*border: 1px solid #fff;*/
}

.menu5 {
	float:left;
	margin: 0px;
	margin-top: 121px;		
	width: 136px;
	height: 13px;
	_height: 13px;
	margin-bottom: 0px;
	margin-left: 4px;
	_margin-left: 4px;
	/*border: 1px solid #fff;*/
}
/* odkazy -------------------------------------------------- */



a:link {
	color: #3D619D;
	/*font-size: 1.2em;
	vertical-align: middle;*/
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
	

}
a:visited {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}
a:hover {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	
}
a:active {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}



p a:link {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
	

}
p a:visited {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}
p a:hover {
	color: #3D619D;
	/* background-color: #507096; */
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	
}
p a:active {
	color: #3D619D;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}






.navigace a:link {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	
	

}
.navigace a:visited {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;

}
.navigace a:hover {
	color: #fff;
	/* background-color: #34588D; */
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
}
.navigace a:active {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;

}




.navigace-dole a:link {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
	

}
.navigace-dole a:visited {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}
.navigace-dole a:hover {
	color: #fff;
	background-color: #34588D;
	font-weight: bold;
	text-decoration: none;
	
}
.navigace-dole a:active {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}





.obsah-right-in a:link {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
	

}
.obsah-right-in a:visited {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}
.obsah-right-in a:hover {
	color: #fff;
	/*_background-color: #34588D;*/
	font-weight: bold;
	text-decoration: none;
	
}
.obsah-right-in a:active {
	color: #D9E0EA;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;

}





.otisk a:link {
	color: #226DB0;
	/*font-size: 1.2em;
	vertical-align: middle;*/
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	
	

}
.otisk a:visited {
	color: #226DB0;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
.otisk a:hover {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	
}
.otisk a:active {
	color: #226DB0;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}





.design a:link {
	color: #D8261C;
	font-size: 0.8em;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	
	

}
.design a:visited {
	color: #D8261C;
	font-size: 0.8em;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
.design a:hover {
	color: #000;
	font-size: 0.8em;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	
}
.design a:active {
	color: #D8261C;
	font-size: 0.8em;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}



.adresa a:link {
	color: #D8261C;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	
	

}
.adresa a:visited {
	color: #D8261C;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
.adresa a:hover {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	
}
.adresa a:active {
	color: #D8261C;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}












/* hlavni menu ----------------------- */








/* ---- form ----- */




form {
	margin-top: 0em;
	margin-left: 1em;
	_margin-left: 0em;
	margin-bottom: 0em;
}

input {
	_border: 1px solid #EBF0F3;
	color: #3266A2;
	_width: 150px;
	_height: 16px;
	_font-size: 11px;
	background-color: #EBF0F3;
	
}

.input1 {
	border: 1px solid #B3B8BC;
	width: 130px;
	height: 14px;
	font-size: 11px;
	background-color: #F1F0F0;
}


.input2 {
	border: 1px solid #B3B8BC;
	width: 25px;
	height: 14px;
	font-size: 11px;
	background-color: #F1F0F0;
}

.input3 {
	border: 1px solid #B3B8BC;
	width: 130px;
	height: 20px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	background-color: #D2F4AA;
}


.input4 {
	border: 1px solid #B3B8BC;
	width: 50px;
	height: 18px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	background-color: #D2F4AA;
}


.input5 {
	border: 1px solid #B3B8BC;
	width: 200px;
	height: 14px;
	font-size: 11px;
	background-color: #F1F0F0;
}


textarea {
	border: 1px solid #B3B8BC;
	width: 200px;
	height: 40px;
	background-color: #fff;
}

.centruj {
	text-align: center;
}

.odsazeni {
	padding: 10px;
	text-align: justify;
}

.obsah-left {
}

.obsah-left-in div {
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;	
	padding-left: 5px;
	color: #ffffff;
}

.obsah-left-in .nadpis {
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 5px;	
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	color: #ffffff;
}

.obsah-left-in .nadpis2 {
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 5px;	
	padding-left: 5px;	
	font-weight: bold;
	color: #ffffff;
}

.obsah-left-in a:link {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	
	

}
.obsah-left-in a:visited {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;

}
.obsah-left-in a:hover {
	color: #fff;
	/* background-color: #34588D; */
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	
}
.obsah-left-in a:active {
	color: #E7F6F3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;

}

.menu-uroven2 {
	margin-left: 10px;
}

.menu-uroven2 a:before {
content: "- ";
}

.menu-uroven2 a:link{
	color: #D7E6E3;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

.menu-uroven3 {
	margin-left: 23px;
}

.menu-uroven4 {
	margin-left: 30px;
}

.obsah-center ul,.obsah-center ol, .obsah-center li{ font-size: 1.0em; line-height: 1,3em; color: #000; font-weight: normal; margin-bottom: 15px; text-align: justify; }
.obsah-center ul li{ list-style: url(img/arrow.gif); margin: 3px 0 3px 20px; margin-bottom: 15px;	color: #3D6599;}
ul.picture li{ list-style: url(img/arrow.gif); margin: 2px 0 2px 20px; }
.obsah-center ol li{ list-style: decimal;margin: 3px 0 3px 20px;  }



.calendar table {
float:left;

}
.calendar td {
	FONT-SIZE: 10px;
	font-family : Verdana CE, Arial CE, Verdana, Arial, Helvetica, sans-serif;
	color : Black;
	border-top : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	padding : 3px;
	background : #ECEFF6;
	width: 20px;
}

.calendar .akcevtentoden {
	FONT-SIZE: 10px;
	font-family : Verdana CE, Arial CE, Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	border-top : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	padding : 3px;
	background : #3A629F;
	width: 20px;
}

.calendar th {
	FONT-SIZE: 10px;
	font-family : Verdana CE, Arial CE, Verdana, Arial, Helvetica, sans-serif;
	color : Black;
	border-top : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	padding : 3px;
	background : #ECEFF6;
	color: #393939;
}

.calendar a:link {
	color: #022B57;
}
.calendar a:visited {
	color: #022B57;
}
.calendar a:hover {
	color: #022B57;
}
.calendar a:active {
	color: #022B57;
}


.calendar .akcevtentoden a:link {
	color: #ffffff;
}
.calendar .akcevtentoden a:visited {
	color: #ffffff;
}
.calendar .akcevtentoden a:hover {
	color: #ffffff;
}
.calendar .akcevtentoden a:active {
	color: #ffffff;
}

.datum {
	font-size: 10px;
	color: #123456;
	padding: 0px;
	padding-right: 10px;
}


.white a:link {
	color: #ffffff;
	margin-left: 20px;
}

.white a:visited {
	color: #ffffff;
	margin-left: 20px;
}

.white a:active {
	color: #ffffff;
	margin-left: 20px;
}

.white a:hover {
	color: #ffffff;
	margin-left: 20px;
}

.kontakt {
	padding: 10px;
}


.intranet {
	padding: 10px;
	background-color: #D9E1EC;
}