body {
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	color: #003366;
	margin: 0;
	padding: 0;
    	text-align: center;
	
}

div#vsechno {
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

div#hlavicka {
	height:120px;
}

img.logo, .noborder {
	border:0px;
}

div#menuh {
	position: absolute;
	top: 104px; 
	margin-left: 580px; 
	border:1px none;
	overflow: hidden;
	font-weight: bold;

}

div#obsah {
	background-image: url(img/pozadi.jpg);
	background-repeat: repeat;
}

div#siroky {
	float: right;
	overflow: hidden;
	width: 605px;
	padding: 0 0 30px 10px;
	border-left: 1px solid #003366;

}


div#paticka {
	/*height: 20px;*/
	width: 770px;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	background-color: #CCCCCC;
	clear: both;
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
}


h1 {
	margin: 0 0 0 -10px;
	font-size: 16px;
	color: #ff0000;
	background-color: #336699;
	padding: 8px 0 8px 10px;
	position:relative;
	z-index:2;
}


h2 {
	text-align: center;
	background-color: #003366;
	font-size: 12px;
	color: #66ff33;
	margin: 0 0 0 2px;
	padding: 10px 0 10px 0;
	width: 149px;
}

/*h2 {
	background-color: #003366;
	font-size: 12px;
	color: #ff6633;
	margin-left: 0px;
	padding: 10px;
}*/

h3 {
	background-color: #003366;
	font-size: 12px;
	color: #66ff33;
	margin: 0px;
	padding: 10px;
}

h4 {
	text-align: center;
	background-color: #003366;
	font-size: 12px;
	color: #66ff33;
	margin: 0 0 0 2px;
	padding: 10px 0 10px 0;
	width: 149px;
}

h5 {
	font-size: 12px;
	color: #003366;
	margin-left: 0px;
	padding: 10px;
}



.blok {
	text-align: justify;
	text-indent: 15px;
	padding: 5px 20px 5px 10px;
}

.blok-li {
	text-align: justify;
	padding: 0 20px 5px 0;
}

.blok-li-red {
	text-align: justify;
	padding: 0 20px 5px 0;
	color: #FF0000;
}

.center {
	text-align: center;
}

img.foto {
	margin-left: 65px;
}

.floatleft { 
		float: left; 
		margin: 0 20px 0 0; 
} 

.floatleft img { 
		border:0;
}

.floatright { 
		float: right; 
		margin: 10px 20px 10px 0;
}

.floatright img { 
		border:0;
}

.info	{
		text-decoration: underline;
}
 
div#rukojet { 
	position:relative; 
	top:-400px;
	left:160px;
	width:400px;
} 

#nahledy {
	text-align: center;
	position:relative;
	top:10px;
}

#nahledy a img {
	border:1px solid #FF0000;
}

table.srovnani	{
	border-collapse: collapse;
}

table.srovnani td	{
	border: 1px solid #003366;
	padding: 1px 1px;
	text-align: center;
}

.aquabot {
	color: #3300ff;
}

table.tech-udaje	{
	margin-left:50px;
	width: 500px;
	border-collapse: collapse;
}
table.tech-udaje td	{
	border: 1px solid #003366;
	padding: 3px 5px;
}
table.tech-udaje td p	{
	margin: 0;
}

.span-height	{
	height: 2px;
}

a {
	color: #ff0000;

	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

table.diplom {
	position: relative;
	top: 15px;
	border: 1px solid #003366;
	text-align: center;
}

.diplom {
	border:0px none;
}


/* ############################## MENU ############################## */



.menu {
height:148px; /* výška prostoru za menu*/
margin-top: 5px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px;
margin:0 0 0 2px;
border-top:1px solid #003366;
list-style-type:none;
width:148px;
position:relative;
/* background:#ccffff; */
}

.menu li {
background:transparent;
height:25px;
text-align: left;
}

.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
font-weight:bold;
height:24px;
line-height:25px;
width:148px;
color:#ffff33;
text-indent:10px;
border-bottom:1px solid #003366;
background:transparent;
}


/* style the link hover */
html .menu a:hover {
	color:#3300ff; 
	/* background:#66ffff; */
}