@import "reset.css";
@import "utils.css";
@import "forms.css";
/*/////////////////////////////////////////////////////*/
/*//////////// Declaraciones Principales //////////////*/
/*/////////////////////////////////////////////////////*/
@font-face {
 font-family: TitilliumMaps26L;
 src: url("./TitilliumMaps26L.eot");
 src: local("TitilliumMaps26-999wt"),url("./TitilliumMaps26L-999wt.ttf") format('truetype'),url("./TitilliumMaps26L-999wt.otf") format("opentype");
}


html, body{
	min-height:100%;
	height:auto!important;
	font-weight:normal;
	line-height:normal;
	height:100%;	
	background-color:#ededed;
	font-family:Arial, Helvetica, sans-serif;
}

body{background:url('../images/layout/body_bg.gif') repeat-x top left;}

h1,h2, h3, h4, h5, h6 { font-weight: normal;}
h1 {color:#ffffff;font-size:36px;font-weight:bold;}
h2 {color:#0361a3;font-size:24px;font-family: TitilliumMaps26L;text-shadow: #ffffff 2px 2px 2px;z-index:2;margin-bottom:14px;}
h3 {color:#333333;font-size:16px;font-family: Arial, Helvetica, sans-serif;z-index:2;margin-bottom:14px;font-weight:bold;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none;}
p{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333333;line-height:16px;margin-top:14px;margin-bottom:14px;}
p a:link, p a:visited,p a:hover, p a:active { text-decoration: underline;color:#0361a3; }
small{font-size:10px;}

#contenedor{
	width:999px;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	position:relative;
}


#headerwrap_portada{
	background:url('../images/layout/header_bg.jpg') repeat-x scroll center;
	height:356px;
	border:1px solid #ffffff;
	}
		
#header_portada{
	width:999px;
	height:335px;
	display:table;
	margin:0px auto;
	background:url('../images/layout/header_bg.png') no-repeat bottom center;
}


#headerwrap{
	background:url('../images/layout/header_bg.jpg') repeat-x scroll center;
	height:160px;
	border:1px solid #ffffff;
	}

#header{
	width:999px;
	height:160px;
	display:table;
	margin:0px auto;
	background:url('../images/layout/header2_bg.png') no-repeat bottom center;
}

#header h1{font-weight:normal;color:#ffffff;font-size:36px;font-family: TitilliumMaps26L;text-shadow: #00467c 1px 1px 2px;z-index:2;}
#seccion{clear:both;width:100%;margin:0px auto;text-align:center;}
#header_up{width:999px;clear:both;margin-top:29px;}
#logo{float:left;width:175px;height:77px;margin-left:30px;}
#navegacion{
	float:right;width:790px;height:32px;margin-top:0px;}
#navegacion ul{float:right;margin-top:10px;font-size:14px;z-index:1}
#navegacion ul li{display:inline;z-index:10;}
#navegacion ul li:hover{color:#ffcc00;cursor:pointer;}
#navegacion ul li div{position:relative;float:left;background-repeat:no-repeat;background-image:url('../images/layout/letras-sprites.png');padding:0px;margin-right:30px;}
#nav_tecno{width:160px;height:44px;background-position:0px 0px;}
#nav_inst{width:154px;height:44px;background-position:-181px 0px}
#nav_opc{width:195px;height:44px;background-position:-360px 0px}
#nav_cont{width:111px;height:44px;background-position:-575px 0px}
#header_down{width:999px;clear:both;margin-top:2px;}

#navegacion div .hover {
	background-repeat:no-repeat;background-image:url('../images/layout/letras-sprites.png');
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index:20;
	}

#nav_tecno .hover{width:160px;height:44px;background-position:0px -132px;}
#nav_inst .hover{width:160px;height:44px;background-position:-181px -132px;}
#nav_opc .hover{width:160px;height:44px;background-position:-360px -132px;}
#nav_cont .hover{width:160px;height:44px;background-position:-575px -132px;}

#visor{
	float:left;
	width:430px;
	height:249px;
	background:url('../images/layout/visorheader.png') no-repeat top left;
	margin-left:20px;
}

#visor button{
	float:left;
	width:32px;
	height:32px;
	margin-top:105px;
	margin-left:15px;
	margin-right:15px;
	border:none;
	cursor:pointer;
}

#visorant{background:url('../images/layout/botonant.png') no-repeat top left;}
#visorsig{background:url('../images/layout/botonsig.png') no-repeat top left;}
#visorant:hover{background:url('../images/layout/botonant_hover.png') no-repeat top left;}
#visorsig:hover{background:url('../images/layout/botonsig_hover.png') no-repeat top left;}
#visorcont{
	float:left;
	width:297px;
	height:184px;
	border:1px solid #034C9D;
	margin-top:32px;
	overflow:hidden;
}
#textoportada{float:left;width:470px;margin-left:30px;}
#textoportada h1{font-family:TitilliumMaps26L;font-size:36px;color:#fff;text-shadow: #00467c 2px 2px 2px;z-index:2;display:block;}
#textoportada p{font-family:Helvetica;font-size:16px;font-weight:bold;color:#fff;text-shadow: #00467c 2px 2px 2px;z-index:2;display:block;margin-top:30px;}

#portada_up{height:180px;width:999px;margin-top:18px}
.col_portada{float:left;height:100%;display:table;}
.col_portada h2{ font-family: TitilliumMaps26L;text-shadow: #ffffff 2px 2px 2px;z-index:2;}
#portada_ofi{width:333px;margin-left:30px;}
#portada_ofi img,#opciones_ofi img{float:left;margin-top:-2px;margin-right:20px;vertical-align:bottom;}
#portada_ofi h2{margin-top:20px;}
#portada_ser{width:280px;margin-left:20px;}
#portada_ser img{float:left;margin-top:-10px;vertical-align:bottom;}
#portada_ser h2{margin-top:20px;}
#portada_val{width:280px;margin-left:30px;}
#portada_val img,#opciones_ofi img{float:left;margin-top:-5px;margin-right:10px;vertical-align:bottom;}
#portada_val h2{margin-top:20px;}

#portada_ser button{margin-top:16px;}
#portada_val button{margin-top:16px;}

#portada_down{width:999px;margin-top:20px;}
#portada_down h2{margin-bottom:25px;}
#portada_precios,#portada_contacto{width:470px;margin-left:25px;}
#iphone{width:202px;height:170px;float:left;margin-right:15px;}
.sabermas{width:128px;height:31px;background:url('../images/layout/btn_sabermas.png') no-repeat top left;position:relative;bottom:0}
.sabermas:hover{background:url('../images/layout/btn_sabermas_hover.png') no-repeat top left;}
.solicitar{width:214px;height:31px;background:url('../images/layout/btn_solicitar.png') no-repeat top left;margin:30px 0 0 20px;}
.solicitar:hover{background:url('../images/layout/btn_solicitar_hover.png') no-repeat top left;}
#conocerinst{
	background:url('../images/layout/conocerinstalaciones.png') no-repeat top left;
	width:293px;
	height:31px;
	margin-top:30px;
	margin-left:40px;
	}

#conocerinst:hover{background:url('../images/layout/conocerinstalaciones_hover.png') no-repeat top left;}

#contenido{display:table;}

.colder #informacion{margin-right:10px;width:313px!important;}
.datoscontacto{margin-top:20px;}
#sec_instalaciones,#sec_opciones{margin-top:20px;}
#datos_contacto{width:100%;margin-top:40px;display:table;margin-bottom:20px;}
#datos_contacto .col50{width:200px!important;margin-left:20px;}
#datos_contacto .con_horario{margin-top:0px!important;}
#datos_contacto .con_telefono{margin-top:30px!important;}
#portada_precios .col50{margin-right:10px;}
#portada_precios .col50 img{margin-top:20px;}

#informacion{width:100%;background:url('../images/layout/imagen_contacto.png') bottom right no-repeat;display:table;height:192px;}
.con_email span,.con_telefono span,.con_horario span{font-weight:bold;font-size:14px;font-family:Arial, Helvetica, sans-serif;width:120px;}
.con_email{background:url('../images/layout/ico_arroba.gif') top left no-repeat;height:24px;padding-left:30px;}
.con_telefono{background:url('../images/layout/ico_agenda.gif') top left no-repeat;height:24px;padding-left:30px;line-height:12px;margin-top:20px;}
.con_telefono span{display:block;}

.con_horario{background:url('../images/layout/ico_reloj.gif') top left no-repeat;height:40px;padding-left:30px;line-height:12px;margin-top:20px;}
.con_horario span{display:block;}

#push{
	height:-40px;
	clear:both;
}

.colizq{
	float:left;
	width:585px;
	margin:20px 15px 20px 20px;	
}

.colder{
	float:left;
	width:344px;
	margin:12px 0 0 10px;
}

.columnaconborde{
	padding:8px 14px;
	border:1px solid #81a1c0;
	margin-bottom:10px;
	display:table;
}

#footerwrap{
	width:100%;
	height:40px;
	background-color:#01294c;
}
#footer{
	width:999px;
	margin:0px auto;
}


#footer p{color:#ffffff;padding-top:15px;margin:0px;font-size:14px;	font-family:Arial, Helvetica, sans-serif;}
#footer a,#footer a:active,#footer a:visited{color:#c3e2ff!important;font-weight:500;text-decoration:none;}
.navfooter{float:right;}
.navfooter a{margin-left:15px;}
.separador{border:0px solid #608f2e;height:1px;background-color:#979797;clear:both;margin:15px 0 15px 0;}

.colcont{float:left;width:430px;margin:20px 30px 20px 30px;}

.colmitad{float:left;width:180px;}
.mitadder{float:right;}

#map{width:442px;height:324px;overflow:hidden;margin-top:30px;border:1px solid #0361a3;float:left;}

.colizqinst{float:left;width:235px;margin-left:20px;}
.colderinst{float:left;width:685px;margin-left:20px;}


.colizqopc{float:left;width:506px;margin-left:20px;}
.colderopc{float:left;width:368px;margin-left:20px;}

.video{
	border:1px solid #0361a3;
	width:312px;
	height:234px;
}
#listainstalaciones{
	background-color:#ffffff;
	display:table;
	padding:0px 0px 40px 0px;
	border-right:2px solid  #0361a3;
}

#listainstalaciones li{
	border-bottom:1px dotted #999999;
	padding:6px 15px 5px 15px;
}

#listainstalaciones a,#listainstalaciones a:active,#listainstalaciones a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#444444;
	font-weight:normal;
}

#listainstalaciones li:hover a,#listainstalaciones .instalacionactual a{color:#ffffff;}
#listainstalaciones li:hover,#listainstalaciones .instalacionactual{background-color:#056eac;background:url('../images/layout/instalaciones_bg.gif') repeat-x top left;cursor:pointer;}

.centrarboton{margin-left:45px;}

.poi{margin-bottom:20px;}
.poi p{font-family:Arial, Helvetica, sans-serif;line-height:18px;margin:0px;font-size:12px;}
.poi .titulo{color:#0361a3;font-size:14px;}
/************************TABLAS************************/

label{display:block;font-size:14px;font-weight:bold;}
table.tablesorter {
	font-size: 12px;
	background-color: #fff;
	width: 620px;
	border:1px solid #cecdcd;
}

table.tablesorter tr {
	cursor:pointer;
	height:30px;
}
table.tablesorter th {
	font-weight:bold;
	text-align: center;
	background-color: #6E6E6E;
}

table.tablesorter th.header{
	padding-top:10px;
}
table.tablesorter td {
	color: #444;
	padding-left:5px;
	padding-top:10px;
	border:1px solid #cecdcd;
}

table.tablesorter img{
	margin:0px;
	margin-top:-6px;
	margin-right:6px;
	padding:0px;}
table.tablesorter .even {
	background-color: #ebfbfd;
}
table.tablesorter .odd {
	background-color: #fff;
}
table.tablesorter .header {
	color:#616161;
	font-weight:bold;
	background-color: #eefbe0;
	border:1px solid #cecdcd;
	padding-top: 3px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background: url('../images/layout/asc.gif') no-repeat center left;
}
table.tablesorter .headerSortDown {
	background:url('../images/layout/desc.gif') no-repeat center left;
}

/************************GALERIA************************/

#galeriaoficina{clear:both;width:100%;margin-top:20px;float:left;}

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
	margin-top:30px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
	background-color:#c0e5ff;
	padding:4px;
	border:1px solid #0361a3;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/layout/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/layout/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/layout/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
	  
	 .ad-gallery .ad-image-wrapper{border: 1px solid #0361a3;}
	 .ad-image{text-align:center;}
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/layout/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/layout/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
	background-color:#c0e5ff;
	padding:4px;
	border:1px solid #0361a3;
	margin-top:15px;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(../images/layout/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(../images/layout/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 1px solid #0361a3;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 1px solid #0361a3;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/****************************************** Lightbox*************************************/
#jquery-overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	/*width: 49%;
	height: 100%;
	zoom: 1;
	display: block;*/
}
#lightbox-nav-btnPrev { 
	left: 0; 
	visibility:hidden;
	display:none;
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	visibility:hidden;
	display:none;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}