@charset "utf-8";
/* CSS Document */

body{
	text-align: center;
	font-family: Arial;
}

a{
	text-decoration: none;
	border: 0px none;
}
a:hover{
	color: #5FDA10;
}
a:visited{
	color: white;
}

img { vertical-align: middle;} 
a img{ border: none;}

#stranka{
	top: 25px;
	width: 1003px;
	font: 14px Arial;
	text-align: left;
	position: relative;
	margin: auto;
}

#logoHlavicka{
	top: 0px;
	left: 240px;
	width: 60px;
	height: 60px;	
	position: absolute;
}

#podadresou{
	top: 0px;
	left: 0px;
	height: 60px;
	width:237px;
	position: absolute;
	background-color: #606060;	
}

#adresa{
	top: 6px;
	right: 6px;
	font-size: 14px;
	text-align: right;
	position: absolute;
	color: #FFFFFF;	
}

#hlavickaMail{
	top: 0px;
	left: 803px;
	height: 60px;
	width: 200px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	color: #FFFFFF;
	background-color: #606060;	
}
#hlavickaMail:hover{
	color: #5FDA10;
}

#menu1{
	font-size:14px;
	color: #FFFFFF;
	background-color: #606060;
	top: 0px;
	height: 60px;
	width: 97px;
	position: absolute;
	text-align: center;
	left: 303px;
}
#menu1:hover{
	color: #5FDA10;
}

#menu2{
	font-size:14px;
	color: #FFFFFF;
	background-color: #606060;
	top: 0px;
	height: 60px;
	width: 97px;
	position: absolute;
	text-align: center;
	left: 403px;
}
#menu2:hover{
	color:#5FDA10;
}

#menu3{
	font-size:14px;
	color: #5FDA10;
	background-color: #606060;
	top: 0px;
	height: 60px;
	width: 97px;
	position: absolute;
	text-align: center;
	left: 503px;
}

#menu4{
	font-size:14px;
	color: #FFFFFF;
	background-color: #606060;
	top: 0px;
	height: 60px;
	width: 97px;
	position: absolute;
	text-align: center;
	left: 603px;
}
#menu4:hover{
	color:#5FDA10;
}

#menu5{
	font-size:14px;
	color: #FFFFFF;
	background-color: #606060;
	top: 0px;
	height: 60px;
	width: 97px;
	position: absolute;
	text-align: center;
	left: 703px;
}
#menu5:hover{
	color:#5FDA10;
}

#ps {
	left: 303px;
	top: 66px;
	width: 600px;
	position: absolute;
	border: 50px solid #606060;
}
#ls{
	left: 0px;
	top: 66px;
	width: 300px;
	height: 703px;
	position: absolute;
	background-color: #606060;
}

#lo1{
	left: 14px;
	top: 14px;
	position: absolute;
	width: 129px;
	height: 85px;
	background: url(images/bytovy-dum-lada-cl/01cb.jpg);
}
#lo1:hover{
	background: url(images/bytovy-dum-lada-cl/01.jpg);
}
#ho1{
	left: 289px;
	top: -14px;
	position: absolute;
	width: 600px;
	height: 911px;
	background: url(images/bytovy-dum-lada-cl/01full.jpg);
	visibility: hidden;
	border: 50px solid #606060;
}
#lo1:hover #ho1{
	visibility: visible;
}






#lo2{
	left: 157px;
	top: 14px;
	position: absolute;
	width: 129px;
	height: 85px;
	background: url(images/bytovy-dum-lada-cl/02cb.jpg);
}
#lo2:hover{
	background: url(images/bytovy-dum-lada-cl/02.jpg);
}
#ho2{
	left: 146px;
	top: -14px;
	position: absolute;
	width: 600px;
	height: 390px;
	background: url(images/bytovy-dum-lada-cl/02full.jpg);
	visibility: hidden;
	border: 50px solid #606060;
}
#lo2:hover #ho2{
	visibility: visible;
}





#lo3{
	left: 14px;
	top: 113px;
	position: absolute;
	width: 129px;
	height: 85px;
	background: url(images/bytovy-dum-lada-cl/03cb.jpg);
}
#lo3:hover{
	background: url(images/bytovy-dum-lada-cl/03.jpg);
}
#ho3{
	left: 289px;
	top:-113px;
	position: absolute;
	width: 600px;
	height: 387px;
	background: url(images/bytovy-dum-lada-cl/03full.jpg);
	visibility: hidden;
	border: 50px solid #606060;
}
#lo3:hover #ho3{
	visibility: visible;
}







#txt{
	top: 212px;
	left: 14px;
	width: 272px;
	position: absolute;
	text-align: left;
	color: white;
}