body{ font-family:Arial, Helvetica, sans-serif; font-size:small; background-color:#000; margin: 0px; }

h1 { margin:0;}
a:link {
	color: #C00000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C00000;
}
a:hover {
	text-decoration: none;
	color: #E80000;
}
a:active {
	text-decoration: none;
	color: #C00000;
}

#contenedor{ position: absolute; left: 50%; top: 50%;
			width: 777px; height: 400px; margin-left: -390px; /*- width/2*/ margin-top: -200px;  /*- height /2*/}

/*cabecera*/
#cap { background-color:#000; height:40%; }
#logo { width:18%;float:left;}
#texto { width:70%; float:left; padding:0.5em 15px 0 1em; font-size:1.7em; letter-spacing:0.1em; line-height:1.4em; color:#FFF;}
#texto p { margin:0;}
/*areas*/
#areas { width:100%;}
.cajas{ width:253px; float:left; padding:3px;}
/*pie de pagina*/
#peu { clear:both;  padding:4px; color:#666666;}

/*------------------------------------------------------------- TEMPORAL */
#banner { height:94px; width:300px; float:right; }
#banner a {border: 0; color:transparent;}
#banner a:hover {border: 0; color:transparent;}
#banner a:visited {border: 0; color:transparent;}
/*************************************************************************/

#conoce {text-align:center; font-size:2.2em; color:#FFF; padding-top:20px; height:50px; clear:both;}