body { 
background-color : #000000; 
background-image : url('fondo.jpg'); 

background-repeat : repeat; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 

} 
p { 
text-align : left; 
} 
h1 { 
text-align : center; 
} 
.todo { 
margin-left : auto; 
margin-right : auto; 
width : 990px; 
margin-top : 1%; 
height : 680px;
background-color:#;
border : ; 
} 

.top2 { 
width : 1000px; 
height : 740px;
position: absolute;
top: 210px;
margin-left : auto; 
margin-right : auto; 
padding-bottom:10px;
padding-left:10px;

} 
.top { 
width : 1000px; 
height : 160px;
position: absolute;
top: 10 px;
margin-left : auto; 
margin-right : auto; 
padding-bottom:2px;
padding-left:10px;
}

.centro {
	width : 800px;
	height : 540px;
	border : 2px solid #; 
	margin-right : auto;
	background-color : #3366CC;
	position: absolute;
	left: 190px;
	margin-top : 6px;
	padding-left : 1em;
padding-right: 1em;
padding-top:10px;
overflow:auto;
}

 
.pres { 
margin-right : auto;
position: absolute;
left: 190px;
width : 800px; 
height : 155px;
margin-top : 2px;

} 
.logo { 
width : 140px; 
height : 160px;
margin-left : auto; 
margin-right : auto; 
float : left; 
margin-top : 2px;

} 
 

.indice2 { 
width : 140px; 
height : 160px;
margin-left : auto; 
margin-right : auto; 
float : left; 
margin-top : 142px;
} 
.logosi { 
width : 120px; 
margin-left : auto; 
margin-right : auto; 
padding-left : 1em; 
float : left; 

} 
.estoy { 
width : 120px; 
margin-left : auto; 
margin-right : auto; 
padding-left : 1em; 
float : left; 

} 



#menu {
	width : 160px;
	background-color : #ffffff;
	float : left; 
	margin-bottom : 10px;
	margin-top : 4px;
	left: 19px;
border : 2px solid #3366CC; 
} 
#menu2 {
	width : 160px;
	background-color : #ffffff;
	float : left; 
	margin-bottom : 10px;
	margin-top : 4px;
	left: 19px;
border : 2px solid #3366CC; 
} 
#menu3 {
	padding-left:50px;
	padding-left : 2em; 
} 
.news {
	width : 160px;
	background-color : #ccffff;
	float : left; 
	margin-bottom : 2px;
	margin-top : 150px;
	left: 19px;
border : 1px solid #003366;
height :10px;
} 


 
.contenido { 
width : 780px; 
margin-left : auto; 
margin-right : auto; 
float : left; 

padding-top : 1em;

} 

.contenido2 { 
width : 660px; 
margin-left : auto; 
margin-right : auto; 
float : left; 
top: 400px;
padding-top : 1em;

} 

.abajo { 
margin-top : 1%; 
margin-left : auto; 
margin-right : auto; 
float : right; 
width : 620px; 
border : 1px solid red; 
} 
.foto1 { 
width : 20px; 
margin-left : auto; 
margin-right : auto; 
} 
h3 { 
text-align : center; 
} 
ul { 
line-height : 28px; 
} 
#imagen2 { 
width : 730px; 
position : relative; 
right : -10px; 
} 
#sol1 { 
width : 110px; 
} 
#imagen4 { 
width : 80px; 
} 
#imagen5 { 
width : 460px; 
border : 2px solid blue; 
} 
#imagen6 { 
width : 250px; 
float: left;

} 
.imagen6 { 
margin-top : 1%; 
margin-left : 1%; 
width : 244px; 
float: left; 
} 
#imagen7 { 
width : 110px; 
} 
#imagen8 { 
width: 300px; 
border : 2px solid blue; 
} 
#imagen11 { 
width: 800px; 
border : 2px solid blue; 
} 

ul.menu3
{
   list-style:none;
}
ul.menu3 li
{
	position:relative;
	width:70px;
	left: 85px;
	top: 459px;


}
ul.menu3 ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:30px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
}
ul.menu3 li:hover > ul
{
   display:block;
}
ul.menu3> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:-562px;
   top:268px;
   display:none;
   list-style:none;
}
ul.menu3 > li /* Sólo para li de primer nivel */
{
   display:inline;
}