body {

background:url(hm.jpg) no-repeat;
margin: 0;
padding: 0;
font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:center;
}

#nadpis{

position:absolute;
top:0px;
left:176px;
height:180px;
width: 650px;
background:url(nadpis1.png) no-repeat;

}

#topponuka{

position:absolute;
top:180px;
left:171px;
float:none;
width: 650px;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;

}

#topponuka ul{
font:bold, "Arial", "Verdana","sans-serif";
margin:0;
padding:0;
list-style:none;
font-size:20px;
}

#topponuka li{

display:inline;
margin:0 0px 0px 0;
padding:0;
text-transform:uppercase;

}

#topponuka a{

float:left;
color: #DBDBDB;
background: url(tlacitko1.png) no-repeat;
margin:4px 0px 1px 1px;
padding:1px 1px 2px 1px;
text-decoration:none;
letter-spacing: 1px;
}

#topponuka a:hover{
background: url(tlacitko2.png) no-repeat;
}

#topponuka a span{
float:left;
display:block;
background: transparent no-repeat;
padding:4px 9px 3px 6px;
}

#topponuka a:hover span{
background: url(tlacitko2.png) no-repeat;
}

#topponuka #prave a, #topponuka #prave span{ /*currently selected tab*/
background: url(tlacitko3.png) no-repeat;
color:#76aae8;
}

#topponukaod{

clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;

}

.nadpisy{

position:relative;
top:5px;
left:10px;
text-indent:20px;
font-size:24px;
color:#f4b632;

}

#stred{

position:absolute;
top:220px;
left:176px;
width: 628px;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
background:url(poz.png);
border: 6px solid #C9E3FF;
border-width: 0 6px 6px 6px;
text-align:left;
background-repeat: repeat-y;


}

.otom{

position:relative;
top:40px;
left:10px;
text-indent:20px;
font:normal 16px Arial, Verdana, sans-serif;
line-height:150%;
word-spacing:0.2em;
color:white;
font-weight:bold;
margin-right:20px;

}

#info{

text-align:center;
clear: both;
width: 101%;
background:black;
color:#f4b632;
}

.konc{

background:#C9E3FF;
text-align:center;
position:relative;
left:0px;

}

#kk{

position:relative;
top:20px;

background:url(kvad1.png) no-repeat;
width:600 px;
height:250px;
}

.mail{

position:relative;
top:60px;
left:20px;

}

#adresa a{

position:relative;
top:20px;
left: 160px;
color:white;
font:bolder 16px Arial, Verdana, sans-serif;
}

.zoznam{

position:relative;
top:20px;
font:normal 14px Arial, Verdana, sans-serif;
line-height:170%;
margin-right:20px;
font-weight:bold;
}

.stiahnito{
line-height:200%;
}

.stiahnito a{

position:relative;
top:25px;
left:25px;
text-decoration:none;
letter-spacing: 1px;
color:orange;
}

.stiahnito a:hover{

position:relative;
top:25px;
left:25px;
text-decoration:none;
letter-spacing: 1px;
color:#CAE4FE;

}

#od a{

position:relative;
top:-10px;
left:110px;
color:purple;

}

#od a:hover{

position:relative;
top:-10px;
left:110px;
color:green;

}

#stredy{

position:absolute;
top:220px;
left:176px;
width: 605px;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
background:url(033.gif);
border: 6px solid black;
border-width: 0 6px 6px 6px;
text-align:left;
font-weight:bold;
color:white;


}

.set {

margin-bottom:10px;
}

.set SPAN {

	margin-left:10px;
	text-decoration:none;
	font-size: 14px;
	font-weight:bold;
	color:black;
	position:relative;
	top:-40px;
}
.set A:HOVER {
	background:url(disk3h.png);
	
	text-decoration:underline;
}
.set A:HOVER SPAN{
	text-decoration:none;
}
.set A {
height:60px;
	background:url(disk3.png);

	padding:10px 10px 10px 10px;
	display:block;
	text-decoration:none;
	color:#FD5701;
	font-size: 16px;
	font-weight:bold;

}

#prekladac{

	padding:10px 10px 10px 10px;
	text-align:center;
	
}

#stredyi{

position:absolute;
top:220px;
left:176px;
width: 605px;
height:300px;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
background:url(033.gif);
border: 6px solid black;
border-width: 0 6px 6px 6px;
text-align:left;
font-weight:bold;
color:white;


}

#prepinac img{

position:relative;
text-decoration:none;
border:0px;
top:10px;
right:-220px;
}

#vysledok{

text-align:center;
height:250px;

}
#slovicka{

float:left;
margin-top:20px;
margin-bottom:20px;
height:350px;
width:300px;
border:2px solid black;
}

#frazy{
float:right;
margin-top:20px;
margin-bottom:20px;
margin-right:10px;
height:350px;
width:280px;
border:2px solid black;
}

#kateg{

position:relative;
left:-80px;
color:yellow;

}