* {
margin:0;
padding:0;
border:0;
}	
body {
background: black;
color: white;
}
#stranka {
width:670px;
padding:0;
position:absolute;
top:50%;
left:55%;
margin:-240px 0 0 -380px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}	
#cont {
position:relative;
margin-top:40px;
padding-top:0;
margin-left:auto;
margin-right:auto;
width:550px;
height:470px;
text-align: left;
}		
#stred {
height:385px;
width:508px;
background: url(../ramy/retezpozadi2.jpg) no-repeat;
}		
div#menu1 a {
position: absolute; top: 145px; left: 430px;
width: 78px;
height: 79px;
display: block;
margin-left: 20px;
background: url(../ocicka/entschody.jpg) 0 -79px no-repeat;
text-decoration: none
}		
div#menu1 a:hover {
background-position: 0 0px;
text-decoration: none
}	
div#menu2 a {
position: absolute; top: 175px; left: -30px;
width: 78px;
height: 79px;
display: block;
margin-left: 40px;
margin-top: 5px;
background: url(../ocicka/entrek.jpg) 0 -79px no-repeat;
text-decoration: none
}		
div#menu2 a:hover {
background-position: 0 0px;
text-decoration: none
}	
div#menu3 a {
position: absolute; top: 307px; left: 170px;
width: 78px;
height: 79px;
display: block;
margin-left: 30px;
margin-top: 6px;
background: url(../ocicka/entref.jpg) 0 -79px no-repeat;
text-decoration: none
}		
div#menu3 a:hover {
background-position: 0 0px;
text-decoration: none
}		

#med span {
display: none;
}	
div#med a {
position: absolute;
right:1px;
top:270px;
width: 53px;
height: 96px;
display: block;
background: url(../small/medvidek-1.jpg) 0 0 no-repeat;
text-decoration: none
}		
div#med a:hover {
background-position: 0 -96px;
text-decoration: none
}