body {
	background-image: url(fundotela.jpg);
	color : #000000;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: auto;
	margin-right: 2px;
	margin-bottom: 20px;
	margin-left: 2px;
	font-size: 14px;
}



#navegador{
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-image: url(fundoescuro.jpg);
	font-size: 16px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 2px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
} 
A.linknav, A.linknav:VISITED, A.linknav:ACTIVE, A.linknav:FOCUS, A.linknav:LINK{
	color: #CCCCCC;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
A.linknav:HOVER{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(fundotela.jpg);
	padding-right: 20px;
	padding-left: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
} 
H1{
	font-size: 18pt;
	text-align: center;
	color: #FFFFFF;
	border-left-style: none;
	left: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

#principal {
   margin:0 auto;
}
.conteinerfoto {
	float:left;
	width:150px;
	height:180px;
	margin: 15px;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C5BEB1;
	border-left-color: #A0997F;
} 

.conteinerfoto:hover {
	border: 1px solid #000000;
	opacity: 0.8;
	color: #FFFFFF;
  }