#principal { 
   margin:0 auto; 
} 

.contenedorfoto {
	float:left;
	width:170px;
	height:285px;
	height:180px;
	margin: 5px;
	padding:5px;
	background-color:#999999;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-size:12px;
	line-height: normal;
	font-weight: lighter;
	display: inherit;
}

#content{
	padding-top : 0px;
	padding-bottom : 5px;
	padding-left : 220px;
	padding-right :10%;
	float: inherit;
}
#content h1 {
	padding-left : 10%;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	background-color : transparent;
	float: none;
}
#logo{
	position : absolute;
	top : 10px;
	left : 10px;
	bottom:25px;
	z-index : 50;
}
.navigation{
	float: none;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	position: relative;
	top : 10px;
	left : 10px;
	width : 100%;
	text-align: bottom;
	}
.contenedorfotomid {
	float:left;
	width:570px;
	height:585px;
	margin: 5px;
	padding:5px;
	background-color:#999999;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-size:12px;
	line-height: normal;
	font-weight: lighter;
	display: inherit;
}