/* Documento CSS */

html {background:#C1C1C1;}
html, body {color:#000; font:11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
body { margin:0; padding:0; }
img { border:0 none; }
span { display: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: #E6E6E6;}

#foto_lat1 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_01.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat2 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_02.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat3 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_03.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat4 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_04.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat5 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_05.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat6 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_06.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat7 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_07.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}
#foto_lat8 {position:absolute; right:0; top:0; background:url(../imagenes/foto_int_08.jpg) no-repeat top right; width:250px; height:430px; border-left:1px solid #CCC;}

#iso1 {position:absolute; left:355px; top:15px; width:50px; height:50px;}
#iso2 {position:absolute; left:415px; top:15px; width:81px; height:50px;}

#logo {position:absolute; left:15px; top:15px; width:250px; height:50px;}

#menu {position:absolute; background:#333; left:0px; top:80px; height:20px; width:510px; text-align:left; font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#menu ul {margin:2px; padding:0px;}
#menu li {display:inline; margin:0; padding:6px;}
#menu li a {color:#FFF; padding:1px 9px; margin:0; text-decoration:none;}
#menu li a:hover {color:#C00000; background:#FFF;}

#tit_contenidos {position:absolute; left:0px; top:100px; width:510px; height:33px; background-color:#C00000; border-top:2px solid #FFF;}
h3{ font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding: 5px 25px; margin:0; background: url(../imagenes/flecha_menu.gif) no-repeat 10px 10px;}

#contenidos {position:absolute;	left:15px; top:150px; height:265px; width:480px; overflow: auto;}
#contenidos p {margin:0 5px 5px 0; padding:0px; line-height:1.7em; text-align:justify;}

h4 {font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#535352; margin-left:20px;}
#pie {position:absolute; left:510px; bottom:0px; width:250px; height:100px; background:#7891A2; filter:alpha(opacity=90); -moz-opacity:0.90;}
#dir1 {position:absolute; left:525px; top:340px; width:200px; height:40px;}
#dir2 {position:absolute; left:525px; top:386px; width:100px; height:40px;}
#dir1, #dir2 { color:#FFF; font:10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:1.2em;}