@charset "utf-8";
/* CSS Document */
/* behavior:url(css/iepngfix.htc); */

html{
  width:100%; height:100%;
  font-size:1px;
  }
body{
  width:100%; height:100%;
  margin:0; padding:0;
  text-align:center;
  background:url(../img/fondo.jpg) no-repeat top center #0b3b79;
  /*background-attachment:fixed;*/
  }
img{
  border:none;
  }
.topbar{
  height:43px;
  background:url(../img/topbar.gif) repeat-x top left;
  }
.topbar div.contenido{
  width:950px; height:43px;
  margin:0 auto; padding:0 6px;
  border-left:1px solid #282828;
  border-right:1px solid #282828;
  }
.topbar div.contenido img{
  display:block; float:left;
  margin:7px 0 0 0;
  behavior:url(css/iepngfix.htc);
  }
.topbar div.contenido div.links{
  display:block; float:right;
  width:245px; height:21px;
  padding:6px 0 0 11px; margin:6px 0 0 0;
  background:url(../img/toplinks.png) no-repeat top left;
  behavior:url(css/iepngfix.htc);
  }
.topbar div.contenido div.links a{
  display:block; float:left;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#878787;
  text-decoration:none;
  margin:0 8px 0 0; padding:0 0 0 18px;
  background:url(../img/topbullet.png) no-repeat 0 1px;
  }
.topbar div.contenido div.links a:hover{
  text-decoration:underline;
  }
.contenedor{
  position:relative;
  width:1024px; height:536px;
  margin:0 auto; padding:0;
  text-align:left;
  }
.page{
  width:962px;
  margin:0 auto;
  position:relative;
  text-align:left;
  }
.page-bottom{
  width:962px;
  margin:0 auto; padding:0 0 30px 0;
  text-align:left;
  }
.escudo{
  position:absolute;
  z-index:5;
  top:40px; left:0;
  width:171px; height:252px;
  background:url(../img/escudo.png) no-repeat top left;
  behavior:url(css/iepngfix.htc);
  }
.logo{
  position:absolute;
  z-index:1;
  top:30px; left:170px;
  width:610px; height:139px;
  background:url(../img/logotipo.png) no-repeat top left;
  behavior:url(css/iepngfix.htc);
  }
.facebook{
  position:absolute;
  top:15px; right:32px;
  height:29px;
  }
.facebook span{
  display:block; float:right;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#6981ae;
  margin:6px 0 0 0; padding:0;
  }
.facebook img{
  display:block; float:right;
  margin:0 0 0 10px;
  }
.navbar{
  position:absolute;
  z-index:1;
  width:962px; height:47px;
  top:180px; left:0;
  background:url(../img/navbar.gif) repeat-x top left;
  text-align:right;
  }
.header{
  position:absolute;
  z-index:1;
  width:962px; height:308px;
  top:227px; left:0;
  background:#001f5b;
  border-top:1px solid #001f5b;
  }
.header div.left{
  position:relative;
  display:block; float:left;
  width:647px; height:308px;
  }

#nav{
  display:block; position:absolute;
  bottom:25px; right:25px;
  z-index:2;
  }
#nav a{
  display:block; float:left;
  width:27px; height:25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#FFFFFF;
  text-decoration:none;
  margin:0 2px 0 0; padding:2px 0 0 0;
  text-align:center;
  background:url(../img/pager.png) no-repeat top left;
  behavior:url(css/iepngfix.htc);
  _cursor:pointer;
  }
#nav a.activeSlide{
  /*background:#ea0*/
  }
#nav a:focus{
  outline:none;
  }
.header div.right{
  display:block; float:right;
  width:310px; padding:0 2px 0 0;
  }
.monto{
  position:relative;
  width:145px; height:39px;
  padding:92px 0 0 165px;
  background:url(../img/box-monto.gif) no-repeat top left;
  }
.monto span{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  margin:0; padding:0;
  }
.publicita{
  position:relative;
  width:288px; height:56px;
  padding:121px 0 0 22px;
  background:url(../img/box-publicita.gif) no-repeat top left;
  }

#placas{
  z-index:1;
  }

.placas{
  position:relative;
  width:488px; height:36px;
  padding:50px 0 0 82px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:32px;
  font-weight:bold;
  color:#ffffff;
  }

.publicita span{
  display:block; float:left;
  width:100px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  margin:3px 5px 0 0; padding:0;
  text-align:center;
  }
.titulo{
  border-top:1px solid #305e8f;
  }

.obras{
  height:241px;
  background:url(../img/obras-fondo.gif) repeat-x top left;
  }
.obras a#oprev{
  display:block; float:left;
  width:40px; height:241px;
  background:url(../img/obras-prev.gif) no-repeat top left;
  }
.obras a#onext{
  display:block; float:right;
  width:40px; height:241px;
  background:url(../img/obras-next.gif) no-repeat top left;
  }
.obras div.slide{
  width:850px; height:200px;
  float:left; margin:25px 0 0 18px;
  }
.obras div.slide div.column{
  width:200px; height:200px;
  float:left;
  padding:0; margin:0;
  }
.obras-d{
  width:2px; height:193px;
  float:left;
  background:url(../img/obras-d.gif) no-repeat top left;
  margin:0 7px;
  }
.obras div.slide div.column img{
  border:3px solid #FFF;
  margin:0 0 10px 0;
  }
.obras div.slide div.column span{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#e6d459;
  line-height:16px;
  margin:0 0 0 10px; padding:0 0 0 7px;
  background:url(../img/flecha-amarilla.gif) no-repeat 0 4px;
  }
.obras div.slide div.column p{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:16px;
  margin:0 0 0 10px; padding:2px 0;
  }
.obras div.slide div.column a{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#699cd7;
  line-height:16px;
  margin:0 0 0 10px; padding:0 0 0 7px;
  background:url(../img/flecha-azul.gif) no-repeat 0 4px;
  }
.actividades{
  background:#001f5b;
  width:932px; overflow:hidden;
  padding:10px 15px 20px 15px;
  border-top:1px solid #305e8f;
  }
.actividades img.titulo{
  margin:0 0 10px 0;
  display:block;
  border:none;
  }
.actividades div.left{
  width:454px; float:left;
  overflow:hidden;
  background:#FFFFFF;
  }
.actividades div.right{
  width:454px; float:right;
  overflow:hidden;
  background:#FFFFFF;
  }
.actividad{
  width:434px; overflow:hidden;
  padding:0 10px 5px 10px; margin:0 0 6px 0;
  border-bottom:1px dotted #646464;
  }
.actividad img{
  display:block; float:left;
  border:3px solid #cecece;
  margin:5px 0 0 0;
  }
.actividad div.texto{
  width:320px; height:69px;
  float:left; padding:15px 15px 0 25px;
  background:url(../img/texto-actividades.gif) no-repeat top left;
  }
.actividad div.texto h1{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#0b3c7a;
  margin:0; padding:0 0 5px 0;
  }
.actividad div.texto p{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  line-height:14px;
  color:#505050;
  margin:0; padding:0;
  }
.actividad div.texto p a{
  color:#d16363;
  }
.actividades a.leermas{
  display:block; float:right;
  clear:both; margin:0 10px 10px 0;
  width:124px; height:24px;
  background:url(../img/btn-leermas.gif) no-repeat top left;
  }
.upload{
  height:168px;
  background:url(../img/upload-fondo.gif) repeat-x top left;
  }
.upload a#fprev{
  display:block; float:left;
  width:40px; height:168px;
  background:url(../img/upload-prev.gif) no-repeat top left;
  }
.upload a#fnext{
  display:block; float:right;
  width:40px; height:168px;
  background:url(../img/upload-next.gif) no-repeat top left;
  }
.upload div.slide{
  width:850px; height:116px;
  float:left; margin:25px 0 0 20px;
  }
.upload div.slide div{
  height:116px;
  }
.upload div.slide a{
  display:block;
  width:200px; height:116px;
  float:left;
  padding:0; margin:0;
  }
.upload-d{
  width:2px; height:116px;
  float:left;
  background:url(../img/obras-d.gif) no-repeat top left;
  margin:0 6px; _margin:0 5px;
  }
.upload div.slide a img{
  border:3px solid #FFF;
  margin:0;
  }
.pie{
  height:53px; padding:32px 0 0 20px;
  background:url(../img/pie.gif) no-repeat top left;
  border-top:1px solid #001d56;
  }
.pie a{
  display:block; float:left;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  margin:0 15px 0 0; padding:0 0 0 8px;
  text-decoration:none;
  background:url(../img/flecha-azul2.gif) no-repeat 0 4px;
  }
.pie a:hover{
  text-decoration:underline;
  }
.sombra{
  height:6px;
  background:url(../img/sombra.png) no-repeat top left;
  behavior:url(css/iepngfix.htc);
  }
.mistica{
  padding:10px 20px;
  text-align:right;
  }
.mistica span{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#999999;
  margin:0; padding:0;
  }
.mistica span a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#FFFFFF;
  margin:0; padding:0;
  text-decoration:none;
  }
.mistica span a:hover{
  text-decoration:underline;
  }


.seccion{
  height:241px;
  background:url(../img/obras-fondo.gif) repeat-x top left;
}

.seccion div.slide{
  width:850px; height:200px;
  float:left; margin:25px 0 0 18px;
  }

.seccion div.tituloSeccion {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  margin:0 0 0 0px; padding:0 0 0 12px;
  background:url(../img/flecha-azul.gif) no-repeat 0 4px;
  }

.seccion div.slide div.columnTodoAncho p{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:16px;
  margin:0 0 0 0px; padding:2px 0;
  }

.seccion div.slide div.columnTodoAncho a{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#699cd7;
  line-height:16px;
  margin:0 0 0 10px; padding:0 0 0 7px;
  background:url(../img/flecha-azul.gif) no-repeat 0 4px;
  }




.seccionInterna{
  height:441px;
  background:#00153E repeat top left;
  margin-top: 2px;
}

.seccionInterna div.slideInterna {
  width:850px; height:400px;
  float:left; margin:25px 0 0 18px;
  background:#00153E repeat top left;
  }

.seccionInterna div.tituloSeccion {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#FFFFFF;
  margin:0 0 0 0px; padding:0 0 0 12px;
  background:url(../img/flecha-azul.gif) no-repeat 0 4px;
  }

.seccionInterna div.slideInterna  div.columnTodoAncho p{
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:16px;
  margin:0 0 0 0px; padding:2px 0;
  }

.seccionInterna div.slideInterna  div.columnTodoAncho span{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#e6d459;
  margin:0 0 0 0px; padding:0 0 0 7px;
  background:url(../img/flecha-amarilla.gif) no-repeat 0 4px;
  }

  .seccionInterna div.slideInterna  div.columnTodoAncho span{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#e6d459;
  line-height:16px;
  margin:0 0 0 0px; padding:0 0 0 7px;
  background:url(../img/flecha-amarilla.gif) no-repeat 0 4px;
  }

  .seccionInterna div.slideInterna  div.columnTodoAnchoNormal{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#e6d459;
  line-height:16px;
  margin:0 0 0 0px; padding:0 0 0 0px;
  }

.content a{
  display:block;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#699cd7;
  line-height:16px;
  padding-left:5px
  margin:0 0 0 0px; padding:0 0 0 7px;
  background:url(../img/flecha-azul.gif) no-repeat 0 4px;
  }