body {
	
	background-color: #C7E7DE;
	font: "Arial";

	}
	
	
#all {

	width: 100%;
	height: 100%;
	
	}

		
#hlava {

	position: relative; 
	width: 700px; 
	height: 150px; 
	top: 20px; 
	margin: auto; 
	border: 5px solid #999999;
	background-color:#FFFFFF;
	z-index: 1000;

	}


#obsah {

	position: relative;
	width: 700px;
	height: 1020px;
	top: 15px; 
	margin: auto; 
	padding: 0px; 
	border: 5px solid #999999;
	border-top: 3px solid #999999; 
	z-index: 1000;	
	
	}
		

#cely {

	position: relative; 
	width: 700px;
	height: 1020px; 
	margin: auto; 
	padding: 0px; 
	border: none; 

	}

		
#lista {

	position: relative; 
	width: 700px; 
	height: 25px; 
	background-image: url(images/lista.jpg); 
	background-repeat: repeat-x;
	font: bold 15px/26px "Arial"; 
	color: #000000;
	border-bottom: 3px solid #999999;

	}

		
#zadnilista {
	position: absolute;
	left: 0px;
	top: 183px;
	width: 100%;
	height: 25px;
	background-color: #2E7A6F;
	border-bottom: 3px solid #000000;
	border-top: 3px solid #000000;

	}
	
	
#stred {

	position: relative; 
	width: 660px;
	height: 951px;
	padding: 20px;
	font: 15px/1.3 "Arial";
	background-color: #E8E8E8; 
	
	}
	
	
#fotky {

	position: relative; 
	overflow: auto;
	width: 600px; 
	height: 170px;
	top: 50px; 
	margin: auto;
	background-color: #C7E7DE; 
	border: 1px solid #000000;

	}
		

#info, #okna, #zaluzie, #fotogalerie, #kontakt, #info0, #okna0, #zaluzie0, #fotogalerie0, #kontakt0 {

	position: absolute; 
	height: 25px; 
	border-right: 1px solid white; 
	text-align: center; 

	}


#info a:link, a:visited, a:active, #okna a:link, a:visited, a:active, #zaluzie a:link, a:visited, a:active, #fotogalerie a:link, a:visited, a:active, #kontakt a:link, a:visited, a:active {
	
	text-decoration: none; 
	color: #000000;
	}
	
	
#info a:hover, #okna a:hover, #zaluzie a:hover, #fotogalerie a:hover, #kontakt a:hover {
	
	text-decoration: none; 
	color: #169A7C;
	}


#info0 a:link, a:visited, a:active, #okna0 a:link, a:visited, a:active, #zaluzie0 a:link, a:visited, a:active, #fotogalerie0 a:link, a:visited, a:active, #kontakt0 a:link, a:visited, a:active {
	
	text-decoration: none; 
	color: #000000;
	}
	

#info {

	width: 105px; 

	}
	
	
#info0 {

	width: 105px;
	background-image: url(images/lista0.jpg); 

	}

		
#okna {

	width: 110px; 
	left: 105px; 

	}

			
#okna0 {

	width: 110px;
	left: 105px;
	background-image: url(images/lista0.jpg); 
		
	}

			
#zaluzie {

	width: 135px; 
	left: 215px; 

	}

			
#zaluzie0 {

	width: 135px; 
	left: 215px; 
	background-image: url(images/lista0.jpg); 

	}

			
#fotogalerie {

	width: 170px; 
	left: 350px;  

	}

				
#fotogalerie0 {

	width: 170px; 
	left: 350px;
	background-image: url(images/lista0.jpg); 

	}

				
#kontakt {

	width: 145px; 
	left: 520px; 

	}

		
#kontakt0 {

	width: 145px; 
	left: 520px; 
	background-image: url(images/lista0.jpg); 

	}

	
h1 {

	text-align: center;
	font: bolder 26px "Arial";
	color: #1DAF99;

	}
	
	
h2 {
	
	font: bold 15px "Arial"; 
	background-color: #B9E1D8;

	}
	

p {

	text-align: left;
	font: 15px "Arial";

	}
	

.okno {

	width: 700px; 
	height: 1020px;
		
	}


.img {

	border: 1px solid #000000;
	
	}


.foto {

	border: 1px solid #000000;
	cursor: pointer;
	
	}
	
	
.view {

	position: absolute; 
	width: 650px; 
	height: 500px; 
	top: 400px;
	left: 25px;
	background-color: #C7E7DE; 
	border: 1px solid #000000;
	
	}