html, body					{
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Arial, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background: url(images/pozadi.gif) repeat-x #e6e6e6 ;
	color: #4f4f4f;
	
	
}
body					{
	font-size: 75%;
}



h1,h2,h3,h4,h5,h6	{
	color: #546bbb;
}
p	{ color:  #4f4f4f ; }

h1							{
	font-size: 1.6em;
	font-weight: normal;
	
	
}
h2							{
	font-size: 1.4em;
	font-weight: normal;
}
h3							{
	font-size: 1.3em;
}
h4							{
	font-size: 1.2em;
}
h5							{
	font-size: 1.1em;
}

#stredni ul							{
	list-style-image: url(images/odrazka.gif);
}

li				{
	margin: 5px 0;	
   }


a, a:link {
	color: #5d75c5;
	border: none;
}

a img  {border: none;}

#obsah a:hover 	{ text-decoration: underline; }

p {
	text-align: justify;
}



#obsah 							{ margin: 0px auto 0px auto; background: url(images/pozadi_obsah.gif) repeat-y; width: 881px; text-align: left; }

#forms							{ height: 48px; text-align: right;    width: 881px; margin: 8px auto 5px auto; background: url(images/pozadi_forms.gif) repeat-x;  }
#forms form						{ float: right; padding: 0px 0 0 0; margin: 11px 0 0 0;    }
#forms form div				{ }
#forms form fieldset  		{ border: 0; padding: 0; margin: 0;  }
#forms form fieldset br		{ display: none; }
#forms form fieldset label	{  }
#forms form fieldset input.in	{ width: 90px; margin: 0 5px; background: #fff; border: 1px solid #e6e6e6;  padding: 2px;   }
#forms form fieldset input.odeslat	{ background: url(images/pozadi_submit.gif) no-repeat; text-align: center;  width: 82px;
										  		border: 0;	 padding: 4px 0 3px 0; font-size: 9px !important;    color: #4c4c4c;  margin-right: 20px;
												 margin-left: 5px;  }


#hlavicka						{ height: 105px; position: relative; width: 100%; background: url(images/pozadi_hlavicka.jpg) no-repeat ; clear: both; z-index: 100; }

#hlavicka a#logo				{ position: absolute; left: 34px; top: 25px;  }
#hlavicka a#logo img			{  padding: 0; margin: 0; border: 0;   }


.menu {position: absolute; top: 55px; left: 167px;width: 700px; z-index: 200;}
.menu a {text-decoration: none;color: #dde5fc;display: block;text-align: center;width: 132px;}
.menu ul, .menu li { list-style: none;margin: 0;padding: 0;width: 132px; }
ul.uroven1 li.polozka1 {list-style: none;float: left;position: relative;font-weight: bold;padding: .3em 0em;height: 1em;_width: 1px; /* IE */font-weight: bold; color: #dde5fc; font-size: 1.1em; text-align: center; text-decoration: none;}
ul.uroven2 {list-style: none;position: absolute;left: 0;top: 1.49em;_top: 1.6em; /* IE */width: 132px;visibility: hidden;background: #97A9E7; border: 1px solid white;}

ul.uroven2 li.polozka2 a {font-weight: normal;font-weight: bold;text-align: center;padding: 3px 0em 3px;color: #dde5fc; }
ul.uroven2 li.polozka2 a:hover {color: #5469BA;}
.menu a:hover{text-decoration: underline;}
ul.uroven1 li.polozka1 {behavior: url(hover.htc);list-style: none;}
ul.uroven1 li.polozka1:hover,ul.uroven1 li.polozka1Hover {list-style: none;}
ul.uroven2 li.polozka2:hover,ul.uroven2 li.polozka2Hover {background: #C7D1F4;list-style: none;}
ul.uroven1 li.polozka1Hover ul.uroven2,ul.uroven1 li.polozka1:hover ul.uroven2 {visibility: visible; list-style: none;}



/*
margin: 0 -.5em;
padding: .8em .5em;
#hlavicka #hornimenu				{ position: absolute; top: 16px; left: 207px; }
#hlavicka #hornimenu ul			{ padding: 0; margin: 0; list-style: none; z-index: 200; position:absolute; width: 132px;}
#hlavicka #hornimenu ul li		{ float: left; width: 132px;   }
#hlavicka #hornimenu ul li a	{ display: block; font-weight: bold; color: #dde5fc; font-size: 1.1em; text-align: center; text-decoration: none; padding: 40px 0 10px 0;   }
#hlavicka #hornimenu ul li a:hover	{ color: #fff; }


*/

#leva 							{ float: left; width: 207px;    z-index: 50;  }
#leva_in							{ margin: 0 0 0 8px; background: #d2dcfb; }

#stredni 						{ float: left; width: 660px; line-height: 1.35em; z-index: 50;}
#stredni_in 					{ margin: 10px 21px 28px 28px;   z-index: 50;   }

h3.header						{  background: url(images/pozadi_header.gif) repeat-x #a9b9ec; color: #fff; font-size: 1.2em; margin: 0; padding: 10px 0 10px 15px;   }
/*
 #lm							{   }
 #lm ul						{ list-style: none; padding: 0; margin: 0; width: 199px; }
 #lm ul li					{ float: left; display: block; padding: 0px 0; margin: 0; width: 100%;     }
 #lm ul li	a				{ display: block; width: 169px; border-bottom: 1px solid #e8efff;  text-decoration: none; color: #3e54a2;   padding: 5px 15px; margin: 0; }
 #lm ul li	a:hover		{ background: #e4eafd;    }
 */
 
 
#lm							{ margin: 0 0 40px 0; z-index: 100; }

#lm ul 						{ padding: 0; margin: 0 0 0 0; list-style: none; width: 199px;  z-index: 100;   }
#lm ul li					{ float: left; display: block;   position: relative;  height: 17px; z-index: 100; }
#lm li 						{ /* all list items */ float: left;   display: block;	 width: 199px; 	height: 17px;border-bottom: 1px solid #e8efff; z-index: 100; }
#lm li a			  	{ z-index: 100;  display: block;  width: 169px; background:  #D2DCFB;  border-bottom: 1px solid #e8efff;  text-decoration: none; color: #3e54a2;  height: 17px; padding:5px 15px 5px; margin: 0;    }
#lm li a:hover		{ background-color : #e4eafd;  height: 17px; z-index: 100; }

#lm li ul					{ width: 210px;  height: 17px;z-index: 100; }
#lm li li					{ width: 210px;height: 17px; z-index: 100; }
#lm li li a				{ width: 180px;  z-index: 100; }

/* #lm li li					{ background: #7FBE27; padding: 8px 0; }*/
							  
#lm li ul 					{ /* second-level lists */ z-index: 100; position: absolute;    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers *//* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#lm li ul ul 				{ /* third-and-above-level lists */ 	z-index: 100;  }

#lm li ul ul { /* third-and-above-level lists */
		left: -999em;z-index: 100; 
	}
	
	#lm li a:hover {
		color : #000;z-index: 100; 
	}
	
	#lm li:hover ul ul, #lm li:hover ul ul ul, #lm li:hover ul ul ul ul, #lm li.sfhover ul ul, #lm li.sfhover ul ul ul , #lm li.sfhover ul ul ul ul {
		left: -999em;z-index: 100; 
	}
	
	#lm li:hover ul, #lm li li:hover ul, #lm li li li:hover ul, #lm li li li li:hover ul,  #lm li.sfhover ul, #lm li li.sfhover ul, #lm li li li.sfhover ul, #lm li li li li.sfhover ul { /* lists nested under hovered list items */
		left: 200px;z-index: 100; 
		top: -5px;
	}	
	 #lm li li:hover ul, #lm li li li:hover ul, #lm li li li li:hover ul,  #lm li li.sfhover ul, #lm li li li.sfhover ul, #lm li li li li.sfhover ul { /* lists nested under hovered list items */
		left: 200px;
		top: -4px;z-index: 100; 
	}	 
 
 
 


#paticka						{ clear: both; background: url(images/pozadi_paticka.gif) no-repeat; height: 66px; width: 100%; position: relative; z-index: 50; }
#paticka .links			{ position: absolute; top: 40px;  }
#paticka .links 			{ padding: 0; margin: 0; list-style: none;   }
#paticka .links  li		{ display: inline; border-right: 1px solid #5d75c5; padding: 0; margin: 0; }
#paticka .links  li.slego{ border: 0; }
#paticka .links  li a 	{ padding: 0 5px; font-size: .9em; margin: 0;  }

#paticka #ew				{ position: absolute; top: 35px; right: 10px;  }
#paticka #ew img			{ border: 0; }


#paticka2						{ clear: both; background: url(images/patickamodra.jpg) no-repeat; height: 66px; width: 100%; position: relative; z-index: 50; }
#paticka2 .links			{ position: absolute; top: 40px;  }
#paticka2 .links 			{ padding: 0; margin: 0; list-style: none;   }
#paticka2 .links  li		{ display: inline; border-right: 1px solid #5d75c5; padding: 0; margin: 0; }
#paticka2 .links  li.slego{ border: 0; }
#paticka2 .links  li a 	{ padding: 0 5px; font-size: .9em; margin: 0;  }

#paticka2 #ew				{ position: absolute; top: 35px; right: 10px;  }
#paticka2 #ew img			{ border: 0; }



#bannery						{ padding: 0; margin: 7px 14px 0px 8px; }
#bannery	.banner			{ float: left; width: 286px; text-align: center !important;  }
#bannery	.banner img		{ border: 0; }

span.clearboth					{ clear: both; height: 1px; line-height: 1px; font-size: 1px; display: block; }

#akcedole       { float: left; position: relative; height: 88px; width: 859px; margin: 0 0 0 8px; background: url(images/pozadi_aktualne_modra.jpg) repeat-x;}
#akcedole_in    { padding: 5px;}

#akcedole_in	h3					{ font-size: 1.1em; margin: 0 0 5px 0; padding: 3px; background: #cbd6f9;    }
#akcedole_in	h3	a				{ text-decoration: none; }
#akcedole_in	img				{ float: left; margin: 2px 8px 5px 3px; border: 0; }
#akcedole_in	h4					{ padding: 0; margin: 0; font-size: 1em; font-weight: bold; }
#akcedole_in	h4 a				{ text-decoration: none;  }
#akcedole_in .anotace			{ font-size: 11px; margin-bottom:8px;}
.e_pol                { float: left; padding:0; margin: 5px 15px 5px 15px; width: 250px;  }




#new_run							{ background: #ebebeb; padding: 10px 10px; margin: 0 14px 3px 8px; }

#image							{ height: 294px; position: relative; background: url(images/pozadi_image1.jpg) no-repeat #fff; margin: 0 14px 0 8px;  }
#image_in						{ height: 162px; background: url(images/pozadi_image2.jpg) no-repeat #fff; margin: 0 14px 0 8px; z-index: 150; }

#image_data						{ position: absolute; left: 612px; top: 21px; width: 223px; margin: 2px 0; }
#image_data	h3					{ font-size: 1.1em; margin: 0 0 5px 0; padding: 3px; background: #cbd6f9;    }
#image_data	h3	a				{ text-decoration: none; }
#image_data	img				{ float: left; margin: 2px 3px 0 3px; border: 0; }
#image_data	h4					{ padding: 0; margin: 0; font-size: 1em; font-weight: bold; }
#image_data	h4 a				{ text-decoration: none;  }
#image_data .anotace			{ font-size: 11px; margin-bottom:8px;}



/*---------- SUBPAGE -------------*/
div.subpage 				{ background:  #E4EAFD; padding: 8px;  margin-bottom: .3em;   }
div.subpage h4				{ padding: 5px 0; margin: 0 0 .4em 0;  }


/*------------ FILES ------------*/
table.files_t						{ width: 622px; border-collapse: collapse; font-size: 12px; margin: 0; padding: 0;}
table.files_t th					{ background: #E4EAFD; color: #fff; padding: 5px; text-align: left; }
table.files_t th.nazev			{ width: 60%; }
table.files_t td					{ padding: 5px; border-bottom: 1px solid #E4EAFD; }
table.files_t td a img 		{ border: none;}

/* ----------- photo ----------------------------*/
div.photo 				{  float: left; width: 142px;	 padding: 0;margin: 0px 10px 0 0; }
div.photo_in			{  }
div.photo_in	img		{border: 3px solid #CDCDCD;  }
div.photo strong  	{ text-align: center;  display: block; font-weight: normal; }

.red				{ color: red; display: block; font-weight:bold;}



#flash       { float: left; width: 789px;	height: 293px; margin: 0 0 0 10px;}
#flash img      { margin: 2px 0 0 0; border:0; }
#top_nahled  { float: left; width: 64px;	height: 40px; padding: 0; margin: 0px 0 0 2px;}
#nahledy     { float: left; width: 64px;	height: 293px;  margin: 2px 0 0 2px;}
#nahledy a img     { border:0;}
#nahledy img     { margin: 0px 0 0 0px; border:0;}