body{
	background-color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}

.princ_mayor{
}

.principal{
	width: 800px;
	text-align: left;
	margin: 0 auto 0 auto;
	background-color:#333333;
}

.header0{
	width: 800px;
	height: 160px;
	
	}
.header{
	height: 60px;
	background-image:url(../imagenes/header.jpg);
	background-repeat: no-repeat;
	
	}
	
.main{
	background-color:#333333;	
}

.main p{
}

.logo{
	width:280px;
	height:600px;
	float:left;
	margin-left:10px;
	}
.logo p{
	float:left;
	margin-left:10px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
	margin-top: 30px;
	}

.curva{
	float:right;
	width:280px;
	height:20px;
	margin-right: 50px;
	margin-top: 30px;
}



.footer{
	background-image:url(../imagenes/barrafooter.jpg);
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
}
.footer p{
	padding-top: 20px;
	
}

.reflex {
	width: 800px;
	height: 55px;
	background-image:url(../imagenes/reflexfooters.jpg);
}

/*esto es un menu creado con listas horizontales*/

.menu{
	height: 20px;
	border-bottom: 1px solid #F90;
	border-top: 1px solid #F90;
	margin-top: 25px;
	float: left;
	width: 800px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	}
	
.menu ul li{
	float: left;
	margin-right: .5em;
	color: #FFFFFF;
	margin-top: 0;
	list-style: none;
	list-style-type: none;
	}

.menu ul{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 350px;
	}
	
.menu ul li a{
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
}
.menu ul li a:hover{
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
}

.titulo p{
	width:200px;
	height: 20px;
	float:left;
	padding-top: 200px;
}
.cont{
	width:400px;
	height:350px;
	float:left;
	margin-top: 70px;
	margin-bottom:20px;
	}
	
.cont2{
	margin-bottom: 80px;
	margin-right: 10px;
}

.foto{
	width:50px;
	height:50px;
	float:left;
	margin-top: 60px;
	margin-left: -100px;
	}

.foto2{
	width:50px;
	height:50px;
	float:left;
	margin-top: 60px;
	margin-left: -30px;
	}

.foto3{
	width:50px;
	height:50px;
	float:left;
	margin-top: 60px;
	margin-left: 20px;
	}
.foto4{
	width:50px;
	height:50px;
	float:left;
	margin-top: 130px;
	margin-left: -190px;
	}
.foto5{
	width:50px;
	height:50px;
	float:left;
	margin-top: 130px;
	margin-left: -120px;
	}
.foto6{
	width:50px;
	height:50px;
	float:left;
	margin-top: 130px;
	margin-left: -50px;
	}
	
.foto7{
	width:50px;
	height:50px;
	float:left;
	margin-top: 200px;
	margin-left: -190px;
	}
	
.foto8{
	width:50px;
	height:50px;
	float:left;
	margin-top: 200px;
	margin-left: -120px;
	}					
.foto9{
	width:50px;
	height:50px;
	float:left;
	margin-top: 200px;
	margin-left: -50px;
	}
.foto10{
	width:50px;
	height:50px;
	float:left;
	margin-top: 270px;
	margin-left: -190px;
	}
	
.foto11{
	width:50px;
	height:50px;
	float:left;
	margin-top: 270px;
	margin-left: -120px;
	}
	
.foto12{
	width:50px;
	height:50px;
	float:left;
	margin-top: 270px;
	margin-left: -50px;
	}
	
.foto13{
	width:50px;
	height:50px;
	float:left;
	margin-top:340px;
	margin-left: -190px;
	}																								
.foto14{
	width:50px;
	height:50px;
	float:left;
	margin-top:340px;
	margin-left: -120px;
	}
.foto15{
	width:50px;
	height:50px;
	float:left;
	margin-top:340px;
	margin-left: -50px;
	}
.foto16{
	width:50px;
	height:50px;
	float:left;
	margin-top:410px;
	margin-left: -190px;
	}																									
.foto17{
	width:50px;
	height:50px;
	float:left;
	margin-top:410px;
	margin-left: -120px;
	}	
.foto18{
	width:50px;
	height:50px;
	float:left;
	margin-top:410px;
	margin-left: -50px;
	}	
	
.foto19{
	width:50px;
	height:50px;
	float:left;
	margin-top:480px;
	margin-left: -190px;
	}	

.foto20{
	width:50px;
	height:50px;
	float:left;
	margin-top:480px;
	margin-left: -120px;
	}	

.foto21{
	width:50px;
	height:50px;
	float:left;
	margin-top:480px;
	margin-left: -50px;
	}	

.foto22{
	width:50px;
	height:50px;
	float:left;
	margin-top:550px;
	margin-left: -120px;
	}	
	
.foto23{
	width:50px;
	height:50px;
	float:left;
	margin-top:550px;
	margin-left: -190px;
	}
	
.foto24{
	width:50px;
	height:50px;
	float:left;
	margin-top:550px;
	margin-left: -50px;
	}	
.foto25{
	width:50px;
	height:50px;
	float:left;
	margin-top:620px;
	margin-left: -120px;
	}		
	
.foto26{
	width:50px;
	height:50px;
	float:left;
	margin-top:620px;
	margin-left: -190px;
	}		
.foto27{
	width:50px;
	height:50px;
	float:left;
	margin-top:620px;
	margin-left: -50px;
	}								
													
...............................................................................................................................
/*esta seudo class es para que las cajas que contienen un elemento float puedan rebentar*/

.menu:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .menu{height: 1%;}
/* End hide from IE-mac */
.main:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .main{height: 1%;}
/* End hide from IE-mac */