body{
	margin:0; padding:0;
	background:#ccc;
	font-family: Verdana,Arial;	
	color: #2055A6;
	}

	
#nadpis_telo{
	width: 748px;
	height: 18x;
	position: absolute;
	left: 1cm;
	top: 110px;
	margin:0 ; padding: 0.25em 1em;
	background: #e0e0e0;
	color: #006;
	border:1px solid black;
	font-variant: small-caps;


	}

#obsah_telo {
	width: 540px;
	position: absolute;
	top: 155px;
	left: 1cm;
	margin:0 ; padding: 0.25em 1em;
	background: #e0e0e0;
	color: #006;
	border:1px solid black;
	font-size: 11px;
	text-align: justify;
	
	}

	
.vypis {
		width: 536px;
		height: 400px;
		position: relative;
		left: 1px;
		top: 1px;
		overflow: auto;
		float: right;
		margin: 0px; padding: 0.25em 0.25em;
		margin-bottom: 1em;
		border:1px solid black;
		background: #e0e0ff;
		scrollbar-base-color: #e0e0ff;
		
       }
           
.obrazek2 {
		width: 125px;
		height: 145px;
		position: relative;
		float: right;
		background: white;
		font-size: 9px;
		margin:0 ; padding: 0.25em 0.25em;
		border:3px solid #e0e0e0;

           }
           
.obrazek3 {
		width: 160px;
		height: 162px;
		position: relative;
		float: left;
		background: white;
		font-size: 9px;
		margin:0 ; padding: 0.25em 0.25em;
		border:3px solid #e0e0e0;

           }
           




#aktualizace_telo {
	width: 190px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 588px;
	font-size: 12px;
	background: #e0e0e0;
	border:1px solid black;
	color: #006;
	font-variant: normal;
	text-align: center;
	
}

.nadpis3 {
	position: relative;
	top: -17px;
	width: 100%;
	background: #488BDC;
	border-top: 1px solid black;
	border-bottom:1px solid black;
	color: white;
	text-align: center;
	

	}

.text3
		{
		position: relative;
		top: -28px;
		width: 100%;
		background: #e0e0e0;
		color: #006;
		text-align: center;
		font-size: 11px;

	}	


h6{
	font-size: 9px;
	line-height: 6px;
	position: relative;
	top: -12px;

 }

h5{
	font-size: 10px;
	line-height: -6px;
	position: relative;
	
 }
 
#buton_road {
	width: 190px;
	height: 125px;
	position: absolute;
	top: 57px;
	left: 588px;
	font-size: 12px;
	background: #e0e0e0;
	border:1px solid black;
	color: #006;
	font-variant: normal;
	text-align: center;
	
}
	
.text3
		{
		position: relative;
		top: -30px;
		width: 100%;
		background: #e0e0e0;
		color: #006;
		text-align: center;
		font-size: 11px;

	}	


           
#butony_telo {
	width: 190px;
	position: absolute;
	top: 200px;
	left: 588px;
	background: #e0e0e0;
	border:1px solid black;
	color: #006;
	font-size: 12px;
	font-variant: normal;

}

.nadpis1 {
	position: relative;
	top: -17px;
	width: 100%;
	background: #488BDC;
	border-top: 1px solid black;
	border-bottom:1px solid black;
	color: white;
	text-align: center;
	font-size: 11px;

	

	}
	
.text1
		{
		position: relative;
		top: -20px;
		width: 100%;
		background: #e0e0e0;
		color: #006;
		text-align: justify;
		line-height: -6px;
		text-align: center;
		

	}	
	
.nadpis2 {
	position: relative;
	top: -17px;
	width: 100%;
	background: #488BDC;
	border-top: 1px solid black;
	border-bottom:1px solid black;
	color: white;
	text-align: center;
	}

.text2
		{
		position: relative;
		top: -17px;
		width: 100%;
		background: #e0e0e0;
		color: #006;
		text-align: center;
		font-size: 11px;

	}	
	
#butony_flash {
	width: 190px;
	height: 152px;
	position: absolute;
	top: 630px;
	left: 625px;
	background: #e0e0e0;
	border:1px solid black;
	color: #006;
	font-size: 12px;
	font-variant: small-caps;

}
.nadpis3 {
	position: relative;
	top: -17px;
	width: 100%;
	background: #488BDC;
	border-top: 1px solid black;
	border-bottom:1px solid black;
	color: white;
	text-align: center;
}	
	

#butonek_telo {
	width: 190px;
	height:40px;
	position: absolute;
	top: 500px;
	left: 625px;
	font-size: 12px;
	background: #e0e0e0;
	border:1px solid black;
	color: #006;
	font-variant: normal;
	text-align: center;
	
}

#butonek_telo1 {
	position: absolute;
	top: 155px;
	left: 670px;
	}

#butonek_telo2 {
	position: absolute;
	top: 185px;
	left: 670px;
	}

#obalpata {
	height: 20em;
	width: 780px;
	}

#pata1 {
	position: absolute;
	left: 0cm;
	bottom: -2cm;
	width: 780px;
	height: 55px;
	padding: 0,25em;
	background-image: url(toppozadi.png);
	background-repeat: y;
	color: #14376B;
	border: 1px solid black;
		font-family: Verdana,Arial;
	font-variant: normal;
	font-size: 10px;	
	}

.pozicetextupata1{
	position: relative;
	top: -7px;
	z-index: 1;
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 10px;
	}

.pozicetextupata2{
	position: relative;
	top: -18px;
	z-index: 2;
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 10px;
	}

.pozicetextupata3{
	position: relative;
	top: -26px;
	z-index: 3;
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 10px;
	}



	

hr {
	position: relative;
	top: -10px;
	z-index: 3;
	}


	}

#pata2 {
	
	width: 140px;
	height: 100px;
	
	background-image:url(topfoto1.jpg);
	color: white;
	border: 1px solid black;
	position: absolute;
	left: 655px;
	top: 25px;
	z-index:2;
	
}

#pata3 {
	
	width: 780px;
	height: 18px;
	
	background: white;
	color: white;
	border: 1px solid black;
	position: absolute;
	left: 1cm;
	top: 96px;
	z-index:0;

}
.pozicetextupata4{
	position: relative;
	left: 1cm;
	top: 0px;
	}
	

 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: normal;
		font-family: Verdana,Arial;	
		font-variant: small-caps;
      
        }
      ul li {
        float: left;
        display: inline;
        white-space: nowrap;
      	 padding-right: 0.5em;
   		 border-right: 1px solid #A2C3F8;
   	   	 align: center;
      }

a:link {
	color: #2055A6;
	font-size: 11px;
	font-wieght: normal;
	text-decoration: none;}		
a:visited {
	color: #488BDC;
	font-size: 11px;
	font-wieght: normal;
	text-decoration: none;
	}
a:hover {
	color: #8FB4EA;
	font-size: 11px;
	font-wieght: bold;
	text-decoration: none;
	}
a:active {
	color: red;
	font-size: 11px;
	font-wieght: normal;
	text-decoration: none;
	}