<style>
html, body
{
  font-family: Century Gothic;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0; padding: 0;
	color: #595959;
  text-align: center;
 }
	#prohlidka
   {
		float: left;
		width: 100%;
		background: #ece400;
		padding-bottom: 5px;
		background: #FBFFFF url(obr/B.gif) top center no-repeat;
	}

  stop_img /* zatmívání obr */ 
  {
		float: left;
		margin: 2px;
		opacity: 0.5; /* CSS 3 */
		filter:alpha(opacity=30); /* IE */
	}
	stop_img:hover /* zatmívání obr konec*/  
  {
		opacity: 1; /* CSS 3 */
		filter:alpha(opacity=100); /* IE */
	}

	
#skokobr {
		position: relative;
		margin: 10px;
	}
	#skokobr a .detailobr {
		display: none;
		height: 1px; 
		width: 1px;
		position: absolute;
		left: -1px; top: -1px;
	}
	#skokobr a.obr1:hover .detailobr {
		display: block;
		height: 600px; width: 800px;
		position: absolute;
		left: 120px; top: -25px;
	}
	#skokobr a.obr1:hover {
		background: transparent;
	}

#skokobr a.obr2:hover .detailobr {
		display: block;
		height: 450px; width: 650px;
		position: absolute;
		left: 60px; top: -120px;
	}
	#skokobr a.obr2:hover {
		background: transparent;
	}


#obal {
		width: 960px;
		margin: 0 auto;    /* zarovnání stránky na střed obrazovky */
		background: #F1F1F1;
	}


#hlava 
{
   position:absolute;
   width: 900;
   left:15px;
   top:10px;
   height: 100px;
   z-index:0;
   background-color: #93BEEB;
}

#levy-sloupec 
{
   position:absolute;
   width: 197px;
   left:15px;
   top:120px;
   height: 620px;
   z-index:0;
   background: url("../foto/proweb/lem1a.gif") no-repeat;   
}


#infotext
{
  position:absolute;
  left:800px;
  top:360px;
  width:225px;
  height:20px;
  background-color:transparent;
  z-index: 2;
}

   .banner
  
{
   width: 100px;
   position: relative; left: 28px; top: 30px ;
}

 .kalendar
  
{
   width: 100px;
   position: relative; left: 38px; top: 50px ;
}





#pravy-sloupec 
{
  position: absolute;
  width:197px;
  top: 120px;
  left: 790px;
  height: 620px;
  background: url("../foto/proweb/lem2logo.gif") no-repeat;
}

#stred 
{
   position:absolute;
   width: 565px;
   left:225px;
   top:120px;
   height: 590px;
   background-color:transparent;
}

	/* fotogalerie */
	div.fotogalerie {
		width: 535px;
		height: 440px;
		overflow: auto;
		margin: 10px;
		border: 3px solid #85CAEE;
		background: #AAA;
	}
	div.obal-foto {
		width: 3899px;
	}
	div.fotogalerie img { 
		float:left;
		margin: 2px;
		border: 3px solid #FFF;
	}
	
  /* fotogalerie - konec*/
  
  .rohy-kulate
	{
		width: 40%;
		background: url(../foto/proweb/rohy-pravy.gif) right top no-repeat;
	}
	.rohy-kulate2 
  {
		background: url(../foto/proweb/rohy-levy.gif) top left no-repeat; 
		padding-top: 10px; 
	}
	.rohy-kulate3 
  {
		background: url(../foto/proweb/rohy-levy.gif) bottom left no-repeat; 
		padding-left: 10px; 
	}
	.rohy-kulate p 
  {
		background: url(../foto/proweb/rohy-pravy.gif) bottom right no-repeat;  
		padding-right: 10px;
		padding-bottom: 10px;
	}




#stredtab 
{
   position:absolute;
   width: 555px;
   left:5px;
   top:55px;
   height: 590px;
   background-color:transparent;
}


#obr 
{
   position:absolute;
   width: 250;
   left:380px;
   top:175px;
   height:250px;
   z-index:1;
   background: url("../foto/proweb/smichAa.jpg") no-repeat;   
}

#obr1 
{
   position:absolute;
   width: 250;
   right:5px;
   top:5px;
   height:180px;
   z-index:10;
   background: url("../foto/proweb/ityAa.jpg") no-repeat;   
}

#obr2 
{
   position:absolute;
   width: 240;
   right:5px;
   top:5px;
   height:170px;
   z-index:10;
   background: url("../foto/proweb/mapa.jpg") no-repeat;   
}

#obr3 
{
   position:absolute;
   width: 250;
   right:5px;
   top:5px;
   height:180px;
   z-index:10;
   background: url("../foto/proweb/projektpolis.gif") no-repeat;   
}

#obr4
{
   position:absolute;
   width: 550px;
   left:230px;
   top:620px;
   height:300px;
   z-index:10;
   background: url("../foto/proweb/listek.jpg") no-repeat;   
}

#obr5
{
   position:absolute;
   width: 250;
   right:5px;
   top:5px;
   height:180px;
   z-index:10;
   background: url("../foto/proweb/logoMFstr.jpg") no-repeat;   
}

#uvstrana.obr1
{
   position:absolute;
   width: 250;
   left:10px;
   top:10px;
   height:250px;
   z-index:1;
   background: url("../foto/proweb/smichAa.jpg") no-repeat;   
}

#uvstrana.obr2
{
  font-family: century gothic;
	font-size: 10pt;
	font-style: normal; 
  color: #000000;
	margin-top: 40px; 
  margin-bottom: 0px; 
  margin-left: 50px; 
  margin-right: 0px;
} 

#obruc 
{
   position:absolute;
   width: 250px;
   left:5px;
   top:400px;
   height:180px;
   z-index:10;
   background: url("../foto/proweb/pedsbor.jpg") no-repeat;   
}

#obruc1 
{
   position:absolute;
   width: 250;
   right:5px;
   top:400px;
   height:180px;
   z-index:10;
   background: url("../foto/proweb/pedsbor.jpg") no-repeat;   
}

.soubory 
{
   position:absolute;
   width: 550;
   left:-305px;
   top:155px;
   height:250px;
   font-family: century gothic;
   z-index:1;
}

.soubory1 
{
   position:absolute;
   width: 545;
   left:5px;
   top:195px;
   height:250px;
   font-family: century gothic;
   z-index:1;
}

.soubory2 
{
   position:absolute;
   width: 550;
   left:-320px;
   top:195px;
   height:250px;
   font-family: century gothic;
   z-index:1;
}

.soubory3
{
   position:absolute;
   width: 515px;
   left:5px;
   top:20px;
   height:250px;
   font-family: Century gothic;
   z-index:1;
}

#menu
{
  position: absolute;
  left: 30px;
  top: 290px;
  width: 180px;
  height: 250px;
  z-index: 1;
}

#pocitadlo
{
  position: absolute;
  left: 65px;
  top: 540px;
  width: 100px;
  height: 55px;
  z-index: 0;

}

.SlideMenu1_folder
{
   font-family: Tahoma;
   font-size: 16px;
   text-transform: uppercase;
   background-color: #2569BC;
   padding-left: 5px;
   width: 100%;
}

.SlideMenu1_item
{
   font-family: Tahoma;
   font-size: 16px;
   background-color: #93BEEB;
   padding-left: 5px;
   width: 100%;
}

.SlideMenu1_folder_a
{
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
}

.SlideMenu1_folder_a:hover
{
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
}

.SlideMenu1_item_a
{
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
}

.SlideMenu1_item_a:hover
{
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
}

.obrfloatleft2 
{ 
float: left; 
margin: 0px 10px 0px 0px; 
border: 0px solid #FFFFFF; 
padding: 2px; 
background-image: url("../foto/proweb/logoMFmini.jpg") no-repeat;
width= 150;
height= 40;
} 

.obrfloatleft3
{ 
float: left; 
margin: 0px 10px 0px 0px; 
border: 0px solid #FFFFFF; 
padding: 2px; 
background: url("../foto/proweb/logoMFmini.jpg") no-repeat;
width= 150;
height= 40;
} 

.obrfloatleft4 
{ 
float: left; 
margin: 0px 10px 0px 0px; 
border: 0px solid #FFFFFF; 
padding: 2px; 
background: url("../foto/proweb/logoMFmini.jpg") no-repeat;
width= 150 ;
height= 40;
} 

.fl1 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/projektpolis.gif") no-repeat;
	margin: 5px;
	width: 120px;
	height: 7em;
	text-align: center;
}

.fl2 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/uvodfoto.jpg") no-repeat;
	margin: 5px;
	width: 25%;
	height: 10em;
	text-align: center;
}

.fl3 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/logoMFmini.jpg") no-repeat;
	margin: 5px;
	width: 250px;
	height: 3em;
	text-align: center;
}

.fl4 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/ityAb.jpg") no-repeat;
	margin: 5px;
	width: 250px;
	height: 12em;
	text-align: center;
}

.fl5 
{
	float: right;
	color: #43ACFF;
	background-color: #FFFFFF;
	margin: 5px;
	width: 100px;
	height: 5em;
	text-align: center;
}

.fl6 
{
	float: right;
	color: #43ACFF;
	background-color: #FFFFFF;
	margin: 5px;
	width: 100px;
	height: 10em;
	text-align: center;
}

.fl7
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/logoMFstr.jpg") no-repeat;
	margin: 5px;
	width: 250px;
	height: 4em;
	text-align: center;
}

.fl8
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/MESTO1.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 11em;
	text-align: center;
}

.fl9
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/MESTO2.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 11em;
	text-align: center;
}

.fl10
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/NE1.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 11em;
	text-align: center;
}

.fl11
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/NE2.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 11em;
	text-align: center;
}

.fl12
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/CHEM.jpg") no-repeat;
	margin: 5px;
	width: 250px;
	height: 12em;
	text-align: center;
}

.fl14
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/venecmini.jpg") no-repeat;
	margin: 5px;
	width: 250px;
	height: 10em;
	text-align: center;
}

.fl20 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/smichAaa.jpg") no-repeat;
	margin: 5px;
	width: 25%;
	height: 10em;
	text-align: center;
}

.fl22 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/tanec.jpg") no-repeat;
	margin: 5px;
	width: 25%;
	height: 10em;
	text-align: center;
}

.fl23 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/ohen.jpg") no-repeat;
	margin: 5px;
	width: 25%;
	height: 10em;
	text-align: center;
}

.fl25 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/1mc1.jpg") no-repeat;
	margin: 4px;
	width: 31%;
	height: 12em;
	text-align: center;
}

.fl26 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/1mc2.jpg") no-repeat;
	margin: 4px;
	width: 31%;
	height: 12em;
	text-align: center;
}

.fl27 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/1mc3.jpg") no-repeat;
	margin: 4px;
	width: 31%;
	height: 12em;
	text-align: center;
}

.fl28 
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/pohar.jpg") no-repeat;
	margin: 1px;
	width: 25%;
	height: 12em;
	text-align: center;
}


.fl29 
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/img01.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}


.fl30
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img02a.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}

.fl30a
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img02.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}


.fl31 
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/img03.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}


.fl32
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img04.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}

.fl33 
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/img05.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}


.fl34
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img06.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}

.fl35 
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/img07.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 280px;
	text-align: center;
}


.fl36
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img08.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 280px;
	text-align: center;
}

.fl37 
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/img09.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}


.fl38
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img10.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}

.fl39
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/img11.jpg") no-repeat;
	margin: 1px;
	width: 270px;
	height: 225px;
	text-align: center;
}

.fl40
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/p1.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl41
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/p2.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl42
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/p3.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl43
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/p4.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl44
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/p5.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl45
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/p6.jpg") no-repeat;
	margin: 1px;
	width: 255px;
	height: 225px;
	text-align: center;
}

.fl46
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/CH01.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl47
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/CH02.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl48
{
	float: center;
	color: #43ACFF;
	background: url("../foto/proweb/CH03.jpg") no-repeat;
	margin: 1px;
	width: 535px;
	height: 225px;
	text-align: center;
}


.fl49
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/CH04.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl50
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/CH05.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl51
{
	float: center;
	color: #43ACFF;
	background: url("../foto/proweb/CH09.jpg") no-repeat;
	margin: 1px;
	width: 535px;
	height: 225px;
	text-align: center;
}

.fl52
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/CH07.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl53
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/CH08.jpg") no-repeat;
	margin: 1px;
	width: 265px;
	height: 225px;
	text-align: center;
}

.fl54
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/HW1.jpg") no-repeat;
	margin: 1px;
	width: 250px;
	height: 230px;
	text-align: center;
}

.fl55
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/HW2.jpg") no-repeat;
	margin: 1px;
	width: 250px;
	height: 230px;
	text-align: center;
}

.fl56
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/ff1.jpg") no-repeat;
	margin: 1px;
	width: 250px;
	height: 230px;
	text-align: center;
}

.fl57
{
	float: right;
	color: #43ACFF;
	background: url("../foto/proweb/ff2.jpg") no-repeat;
	margin: 1px;
	width: 250px;
	height: 230px;
	text-align: center;
}

.fl58
{
	float: center;
	color: #43ACFF;
	background: url("../foto/proweb/chono.jpg") no-repeat;
	margin: 1px;
	width: 520px;
	height: 400px;
	text-align: center;
}

.fl59
{
  float: center;
	background: url("../foto/proweb/dra.jpg") no-repeat;
	margin: 1px;
	width: 320px;
	height: 426px;
	
}







.fo1
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/obrsp2.jpg") no-repeat;
	margin: 2px;
	width: 255px;
	height:170px;
	text-align: center;
}

.fo2
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/obrsp4.jpg") no-repeat;
	margin: 2px;
	width: 255px;
	height:170px;
	text-align: center;
}

.fo3
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/obrsp5.jpg") no-repeat;
	margin: 5px;
	width: 255px;
	height: 170px;
	text-align: center;
}

.fo4
{
	float: left;
	color: #43ACFF;
	background: url("../foto/proweb/obrsp1.jpg") no-repeat;
	margin: 5px;
	width: 255px;
	height: 170px;
	text-align: center;
}


p 
{
	text-align: justify;
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 1.2em;
  margin-left: 0.5em;
	margin-right: 0.5em;
	
}

ul
{
	text-align: justify;
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 1.2em;
  margin-left: 0.5em;
	margin-right: 0.5em;
	
}
ol
{
	text-align: justify;
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 1.2em;
  margin-left: 1em;
	margin-right: 1em;
	
}




.p 
{
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
}

#paticka 
{ 
  width:990px; /* Prvek div zaplní celý svůj obsahový blok, nejčastěji prvek body */
	left:5px;
  top:850px;
  height:50px;
  font-size:.65em; font-size:.9em; /* Nastaví velikost písma odkazů */
	text-align:center; /* Umístí prvek ul na střed prvku div */
	background-color:transparent; /* Nastaví prvku div barvu pozadí */
}

#paticka ul 
{ 
  margin:2px 0; 
  padding: 0
} /* Svislé mezery mezi seznamy + odstranění vnitřního okraje pro správné centrování v bloku*/

#paticka li 
{ 
  display:inline; /* Seznamy se zobrazí vodorovně */
	color:#1E41E1; /* Barva svislé čáry u položky seznamu */
	padding:0 5px 0 9px; /* Vodorovná mezera mezi odkazy a svislými čarami */
}

#paticka li:first-child {border-left:0;} /* Odstraní levý rámeček u první položky seznamu – Nefunguje v Internet Exploreru */
#paticka ul li a {text-decoration:none; color: #1E41E1} /* Odstraní podtržení odkazů + barva odkazů */
#paticka ul li a:hover {text-decoration:underline;} /* Při nájezdu na odkaz se zobrazí podtržení */
#paticka ul.drobnepismo li {color:#1E41E1;} /* Obarví poslední řádek */
#paticka ul.drobnepismo li a {color:#1E41E1;} /* Tyto prvky je potřeba obarvit konkrétně */
#paticka ul.drobnepismo li a:hover {color:#FFF;} /* Při nájezdu na spodní řádek se překreslí bílou barvou */

</style>

