html, body { font:11px  Arial, Verdana, "Trebuchet MS", sans-serif; color:#000;}
body { margin:0; padding:0;background:#FFF;}
img { border:0 none; }
#principal {position:absolute; top:50%; left:50%; width:760px; height:430px; margin-left:-380px; margin-top:-215px;padding:0;border:1px solid #000;background:#FFF url(../imagenes/fondo_index.jpg) no-repeat;}
#foto { position:absolute; top:0px; left:460px; width:300px; height:274px; background:url(../imagenes/foto_01.jpg) no-repeat;}
#menu{ position:absolute; top:274px; left:0px;width:760px;height:24px;background: #C3C5CE; border-top:5px solid #FFF;border-bottom:5px solid #FFF;}
#menu ul {margin:0px; padding:0 0 0 130px;}
#menu li {margin:0; padding:0; list-style-type:none; float:left;text-align:center; border-right: 1px solid #FFF;}
.bordeiz {border-left: 1px solid #FFF;}
#menu li a{margin:0; padding:4px 10px 2px; display:block;text-align:center; text-decoration: none; font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif; color: #000;}
#menu li a:hover{background:#626367; color:#FFF;}
#negro {position:absolute; top:308px; left:460px; width:300px; height:122px; background:#000;}
#blanco {position:absolute; top:308px; left:0px; width:760px; height:122px; background:#FFF;filter:alpha(opacity=70); -moz-opacity:0.7;}

#dir{
	position:absolute;
	top:333px;
	left:30px;
	font:11px  Arial, Verdana, "Trebuchet MS", sans-serif;
	width: 400px;
}
#dir a{ color:#00548B; font:11px  Arial, Verdana, "Trebuchet MS", sans-serif; text-decoration: underline;}
#dir a:hover{ color:#EE3224;}
#logos {position:absolute; top:318px; left:498px; width:230px; height:106px; }