@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

 body {
  background: #fff url(images/fondo.gif) no-repeat;
  font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  text-align: center;
  }

#wrapper {
  text-align: left;
  width: 750px;
  background-color: #fff;
  margin: auto;
  border: #0066CC 2px solid;
  background: #fff url(images/content_bck.gif) no-repeat top;
  padding:10px 5px;
  }

#cabecera {
  position:relative;
  top:0;
  left:13px;
  height: 103px;
  width: 725px;
  background: url(images/hd_bck.jpg) no-repeat;
  }
  
#cuerpo {
  position: relative;
  top: 0;
  left: 15px;
  width: 725px;
  }

/*/////////////// Inicia Portada /////////////////////// */
#cuerpoPortada {position:relative; padding:10px 5px; margin:5px auto; width:750px; height:500px; border:1px #003399 dashed;}
#cuerpoPortada #player {position:absolute; top:20px; right:20px;}
#imagen {position:absolute; top:50px; left:31%;}
.pTextoIntro {position: relative; height: 500px; left:0;}
.DirPortada {position: absolute; bottom: 40px; left: 33%;}
.botonEntrar {position: relative; bottom:150px;}

#cuerpoPortada a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 120%;
   text-decoration: none; /* Elimina el Subrayado */
   }
#cuerpoPortada a:link, #cuerpoPortada a:visited { color: #3399FF; }
#cuerpoPortada a:hover, #cuerpoPortada a:focus { text-decoration: underline; }
#cuerpoPortada a:active { color:#3399FF background-color:#666; }
/*/////////////// Fin Portada /////////////////////// */


#player {position:absolute; top:5px; right:10px;}
#cuerpoVentana {height: 400px;}
#resenaHistorica {position:relative; height:2100px;}
#cuerpoContacto {position:relative; top:0; left: 30px; width: 650px; height:750px;}


/* /////////////// Blueslate nav ///////////////*/
.blue #slatenav{position:relative; top:0; left:-2px;display:block;width:725px;height:42px;font-size:10px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase; border: 1px solid #A0A8AA;}
.blue #slatenav ul{margin:0px;margin-right:10px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0;}
.blue #slatenav ul li a{display:block;float:left;color: #000066;text-decoration:none;padding:14px 10px 0 10px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* /////////////// END Blueslate nav /////////////// */


/* /////////////// Menu Ventana /////////////// */
#menuVentana {position:absolute; top:60px; font:13px; line-height:14px; width:200px; height:200px; padding:10px 5px 0 10px; margin-top:20px; left:20px; background-color: #fff;border: 1px solid #666;}
#menuVentana h3{color: #39c; font-size:120%; margin-bottom:1em;}
#menuVentana h3.color {color: #39c; margin:10px 25px;}
#menuVentana .switch {display:block; cursor:pointer; color:#336;  margin-top:10px; font-size:120%;}
#menuVentana .switch .turn_off {display:none;}
#menuVentana .off {color:#c00;}
#menuVentana .off .turn_off {display:inline;}
#menuVentana .off .turn_on {display:none;}
#menuVentana .hide {display:none;}
#menuVentana .show {position:absolute; top:-20px; left:240px; display:block; width:400px;background: none; z-index:200; margin-bottom:50px;}
#menuVentana caption {border:1px solid #000; padding:5px; background:#fff;}
#menuVentana a {color:orange; line-height:30px;}
#menuVentana span {font-size:110%;}
#menuVentana ul {width:370px;}
#menuVentana ul li {color: #666; list-style-type:none; font-size:12px; font-weight:700;}
#menuVentana img {margin-top:20px;}
/* /////////////// FIN Menu Ventana /////////////// */

.contacto1, .contacto2, .contacto3, contacto5 {float:left; margin-top:30px;}
.contacto1 img, .contacto2 img, .contacto3 img, .contacto4 img, .contacto5 img {margin:15px 0 5px 60px;}
.contacto1, .contacto2, .contacto3, .contacto4, .contacto5 {width:200px; border:1px #0099FF solid; padding:5px; padding-bottom:20px; }
.contacto4 {clear:both;}
.contacto5 {position:absolute; left:215px; top:378px;}
.contacto1 h4, .contacto2 h4, .contacto3 h4, .contacto4 h4, .contacto5 h4 {background-color:#CC0033; padding:1px 0 1px 5px;}


.imgIzq {position:absolute; top:80px; right:20px; width:200px;}

#resenaHistorica h2 {margin-top:20px; margin-right:48%;}
#resenaHistorica .resenaTxt{position:absolute; top:50px; width:640px; border:1px solid #333;padding:15px;}
#resenaHistorica ul, #resenaHistorica .resenaTxt {margin-left:20px;}


.pTextoIngreso { height:1050px; }
.pTextoinicio { height:600px; }
.pTexto { height: 100%; }
.pTexto, .pTextoIngreso {
  position: relative;
  top: 0;
  left: 15px;
  width: 400px;
  padding: 10px;
  }

.pResp{position:absolute; top:70px; width:250px; height: 100px; right:30px;}
.Dir {position: relative; top:0px; left:25%; padding: 5px; margin-top:20px; width: 290px;}


#pie {
  position: relative;
  top: 0;
  left: 12px;
  width: 725px;
  height: 70px;
  background: #fff url(images/footer.jpg) no-repeat;
  }

#pie h3 {position:absolute; bottom:0; left: 120px; margin-bottom:20px;}

a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 85%;
   text-decoration: none; /* Elimina el Subrayado */
   }
   
a:link, a:visited { color: #CC0000; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: red background-color:#666; }

/* headers */

h1 {font-size:130%; color: #FF3366; left:50%;}
h2 {font-size:120%; color: #3399FF; font-style:italic;}
h3 {font-size:110%; color:blue; margin-top:2em;}
h4 {font-size:100%; color: #FFF;}
h5 {font-size:110%; color: #003366;}
h6 {font-size:110%; color: #0066CC; margin-top: 10px;}

.noticias {border:1px solid #FF0000; color: #fff; background-color:#FF0000; width:100px; margin-left:20px;}
p, li, address {color:#666; font-weight: 600; line-height:1.3em;}
p {
   font-size: 110%;
   margin-top: 15px;
   margin-left: 0;
   }

dl {margin: 50px 0 20px 20px}
dt {color:#003399; margin-top:1em; font-size: 110%;}
dd {color: #3399CC; font-size: 100%;}
dd, dt {font-weight: 600;}

li a {
   font-size:90%;
   color:#ecd73a;
   font-weight: 700; /* 700=Bold*/
   }
   
li {margin-top:10px;}

ol {margin-left:30px; margin-top:2em;}

span {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:85%;
   color:#CC0000;
   }
address {
   text-align: center;
   margin-top: 5px;
   font-size: 110%;
   font-style: normal; /* no-cursiva */
   }