/* CSS Document */

*{margin:0; padding:0;}
html, body{ width:100%; height:100%;}

body{ background-color:#331a75; height:auto;}

/*TEXTO OCULTO*/
.oculto{display:none;} 


/*PORTADA*/

div#corpin{ width:700px; position:absolute; top:35px; left:120px; bottom:40px; background-color:#ffffff; color:white; height:500px; text-align:center;}
p#imaxe{ position:relative; top:45px;}
ul#logos li{ display:inline; list-style-type:none; position:relative; top:75px;}
p#acceso{ position:absolute; top:85%; left:43%; color:white; text-align:center; width:100px; height:30px; background-color:#331a75; border-color:#ffffff; border-style:outset; font-size:1.4em; font-weight:bolder; z-index:100;}
p#acceso a{ text-decoration:none; color:white;}

/*CORPO*/
div#corpo, div#corpog{ background-color:#ffffff; color:black; top:30px; left:82px; font-family:Arial, Helvetica, sans-serif; color:black; text-align:center; position:absolute;}

div#corpo{ width:800px; height:545px; font-size:0.8em;}

div#corpog{ width:1024px; height:950px; font-size:1.4em;}


/*MENU*/
ul#menu{ width:auto; height:5%; z-index:100; left:3px;}
ul#menu li#aqui{ color:#331a75; background-color:#ffffff; font-style:oblique;}
ul#menu li, ul.letra li{ display:inline; border-color:#331a75; background-color:#331a75; color:white;}
li#aqui, li.menu{ font-size:1em; margin-left:2em; font-weight:bolder; text-align:center; line-height:3em;}
li.menu{ border-style:outset; border-color:#331a75;}
li.menu a, ul.letra a{ text-decoration:none; color:white;}


/*LETRA*/
ul.letra{ position:absolute; top:55px; left:320px; text-align:center; z-index:90; font-weight:bolder; height:10%;}
ul.letra li{ display:inline; margin-left:2em;}
ul.letra li#pequena{ font-size:0.6em;}
ul.letra li#grande{ font-size:1.4em;}


/*ENCABEZADOS*/
h1{font-size:1.2em; font-weight:bolder;}
p.tipo{ font-size:1em; font-weight:bold;}

/*PE*/
ul.pe, ul.peg { position:absolute; left:130px; text-align:justify;}
ul.pe{ top:460px;}
ul.peg{ top:870px;}
ul.pe li, ul.peg li{ display:inline; color:#331a75; font-size:1.4em; font-weight:bolder; margin-right:2em;}


/*TEXTO*/
div.texto, div.textop, div.textog{ color:black; background-color:#ffffff; text-align:justify; position:absolute;}

div.texto, div.textog{ top:90px; left:210px;}

div.texto{ width:540px; height:300px;}

div.textop{ width:400px; height:200px; top:160px; left:300px; font-size:0.6em;}

div.textog{ width:700px; height:500px; font-size:1.4em;}

/*IMAXES*/
ul.imaxesanchas, ul.imaxesestreitas, ul.imaxesestreitasg, ul.imaxesanchasg{ width:180px; height:300px; position:absolute; left:10px; text-align:center;list-style-type:none;}
ul.imaxesanchas, ul.imaxesestreitas { top:90px;}
ul.imaxesanchasg, ul.imaxesestreitasg {top:150px;}
ul.imaxesanchas { line-height:10em;}

/*MAPAWEB*/
ul#mapa { text-align:center; list-style-type:none;}
ul li.seccion {color:#990033; font-weight:bolder;}

/*VALIDACION*/
ul#validacion {position: absolute; top:90%; left:3%;}
ul#validacion li {display: inline; list-style-type: none;}