html, body {font:12px "Trebuchet MS", Verdana, Arial, sans-serif; color:#000;}
body {margin:0; padding:0; background:#555;}
img {border:0 none;}
span {display:none;}

#principal {position:absolute; left:50%; width:760px; margin-left:-380px; padding:0;}
#contain {width:100%; float:left; margin: 0 0 10px; background:url(../imagenes/bkgrnd.jpg);}
#franja {margin-top:45px; height:75px; background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6;}

/* imagen de reemplazo para H */
#logo h1 {background:transparent url(../imagenes/logo.gif) no-repeat top left; position:absolute; left:13px; top:9px; width:319px; height:141px;}
#letras h2 {background:transparent url(../imagenes/letras.gif) no-repeat top left; position:absolute; left:370px; top:66px; width:367px; height:34px;}

/* Estilos para el MENU */
#menu {position:absolute; top:250px; left:0; padding:4px; background:#000; width:752px; filter:alpha(opacity=60); -moz-opacity:0.6;}
#menu ul {padding:0; margin:0;}
#menu li {margin:0; padding:1px 0 0; float:left; list-style-type:none; display:block;}
#menu li a {margin:0; padding:2px 12px; text-decoration:none; color:#FC0; font:bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;}
#menu li a:hover {background:#FFF; color:#333;}

/* Estilos para direcciones */
#direcciones {margin-top:190px;}
#direcciones h4 {margin:0; padding:1px 5px; background:#C9C8C6; color:#000; font:bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;}
#direcciones p {margin:0; padding:1px 5px;}
#direcciones table {margin:0 0 10px 0;}
#lat {width:150px; background:#000; filter:alpha(opacity=30); -moz-opacity:0.3;}
#cen {background:#FFF; filter:alpha(opacity=70); -moz-opacity:0.7;}