* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; background: #fff url('../images/pozadi.jpg') repeat-x;}
html>body {}



#stranka {position: relative; margin: 10px auto; display: block; width: 980px; height: 660px; background-image: url("../images/uvod-pozadi-barva.jpg");}

#stranka h1 {
	position: absolute;
	top: 0px;
	left: 310px;
	display: block;
	width: 397px;
	height: 0px;
	overflow: hidden;
	z-index: 500;
	padding-top: 95px;
	
}

#stranka h1 img {
	position: absolute;
	left: 0px;
	top: 0px;
}

#motiv {position: absolute; left: 0px; top: 0px; display: block; width: 980px; height: 660px; overflow: hidden; }
#motiv:hover {background-image: url("../images/uvod-pozadi-seda.jpg");}


#motiv img#pozadi:hover {
	position: absolute;
	top: -660px;
	
}


#motiv a#okna {
	position: absolute;
	left: 0px;
	right: 0px;
	display: block;
	width: 591px;
	height: 660px;
	
}

#motiv a#bazeny {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 525px;
	height: 660px;
	
}

#motiv a#okna:hover {
	background-image: url("../images/uvod-okna.jpg");
	background-repeat: no-repeat;
}

#motiv a#bazeny:hover {
	background-image: url("../images/uvod-bazeny.jpg");
	background-repeat: no-repeat;
}


span.skryty {
	display: none;
}

#paticka {display: block; position: absolute; left: 70px; bottom: 0px; width: 910px; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; color: #7f7f7f; line-height: 15px; font-weight: bold;}
#paticka a {font-weight: normal; font-size: 7pt; text-decoration: none; color: #7f7f7f;}

.kalkulace_potvrzeni {
	background-color:#9FF;
}