/* CSS Document Esencia */

/*--------------------------------------------------------------------*/

/*------------------------- GENERALES WEB --------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 100%;
	color: #336699;
	background: #FFF url("imgs/fondo_pagina.jpg") no-repeat top center;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #CC9900;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

.zona_entera{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;	
}

/*------------------------- Fin Generales ----------------------------*/
/*------------------------- Mensajes emergente -----------------------*/

#emergentes {
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: none;
}

/*------------------------- Centrado ---------------------------------*/

#centrado {
	position: relative;
	width: 970px;
	margin: 0 auto;
  padding: 0; 
  overflow: hidden;
}

/*------------------------- Fin Centrado -----------------------------*/
/*------------------------- cabecera ----------------------------*/

#cabecera {
	position: relative;
	float: left;
	margin: 17px 0 0 0;
	padding: 0;
	width: 970px;
	height: 130px;
	overflow: hidden;
}

#logotipo {
	position: relative;
	float: left;
	width: 247px;
	height: 94px;
	overflow: hidden;
	margin: 0;
	padding: 8px 0 0 71px;
	font-size: 1em;
	z-index: 1;
}

#logotipo a {
	color: #336699;	
}

/*
#logotipo a:hover {
	color: #336699;
}
*/
#logotipo span {
	position: absolute;
	top: 8px;
	left: 71px;
	width: 247px;
	height: 94px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/logotipo.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

#logotipo span.ea {
	background: transparent url("imgs/logotipo_ea.jpg") no-repeat top left;
}

#blq_login {
	position: relative;
	float: right;
	width: 270px;
	margin: 0;
	padding: 12px 0 0 0;
	font-size: .625em;
	color: #336699;
	text-align: right;	
}

#blq_login form {
	position: relative;
	float: left;
	width: 100%;
}

#blq_login a {
	color: #336699;
}

#blq_login a:hover {
	color: #CC9900;
}

#blq_login .fila_login {
	float: left;
	margin: 0 .5em;
	padding: 0;
}

#blq_login .fila_login2 {
	position: relative;
	float: left;
	margin: .2em 0 0 0;
	padding: 0;
}

#blq_login .fila_login3 {
	position: relative;
	float: left;
	width: 95%;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
}

#blq_login .ctxt {
	border: 1px solid #97AEC6;
	color: #FFF;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	width: 83px;
	height: 14px;
	margin: 0;
	padding: 2px 3px 1px 3px;
	background-color: #97AEC6;
	/*text-transform: uppercase;*/
}

#blq_login .boton {
	border: 1px solid #336699;
	background-color: #336699;
	color: #FFF;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 62px;
	height: 19px;
	text-transform: uppercase;
}


#blq_login .boton:hover {
	color: #CC9900;
}

#blq_login .aboton {
	border: 1px solid #336699;
	background-color: #336699;
	color: #FFF;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	width: 62px;
	height: 19px;
	text-transform: uppercase;
}

#blq_login .aboton:hover {
	color: #CC9900;
}

#busqueda {
	clear: right;
	position: relative;
	float: right;
	width: 30%;
	margin: .625em 0;
	padding: 0;
}

#busqueda p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .625em;
	color: #336699;
}

#busqueda .ctxt {
	border: 1px solid #336699;
	color: #336699;
	font-size: 1em;
	width: 15em;
	margin: 0 0 0 .2em;
	padding: 0;
}

#busqueda .boton {
	border: none;
	background: transparent url("imgs/iclupa.gif") no-repeat top left;
	color: #336699;
	width: 2em;
	height: 1.5em;
	overflow: hidden;
	font-size: 1em;
	font-weight: bold;
	margin: .1em 0 0 .2em;
	padding: 0;
}

#menu_sup {
	position: relative;
	float: left;
	width: 700px;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #336699;
	font-weight: bold;
}

#menu_sup a {
	color: #336699;	
}

#menu_sup a:hover {
	color: #CC9900;
}

#menu_sup ul {
  padding: 0;
	margin: 0;
}

#menu_sup li {
	list-style-type: none;
	display: inline;
	padding: 0 0 0 30px;
	margin: 0;	
}

#menu_sup li.primero {
	border: none;
}

/*---------------------------------------------------------------*/

#idiomas {
	position: relative;
	float: right;
	width: 75%;
	margin: .3em 1.5em 1.25em 0;
	padding: 0;
	text-align: right;
}

#idiomas li {
	list-style-type: none;
	display: inline;
	padding: 0 0 0 .625em;
	font-size: .625em;
	text-transform: uppercase;
}

#idiomas li a {
	color: #336699;
}

#idiomas li a:hover {
	color: #CC9900;
}

/*---------------------------------------------------------------*/

#medio {
	clear: both;
	position: relative;
	float: left;
	width: 970px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#col_izda { 
	position: relative;
	float: left;
	width: 209px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#col_dcha { 
	position: relative;
	float: right;
	width: 761px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.col_dcha_ampli{
  width: 970px !important;  /* 761 + 209 */
}

/*---------------------------------------------------------------*/

#col_destacados {
	position: relative;
	float: right;
	width: 254px;
	margin: 0;
	padding: 0;	
	overflow: hidden;
}

.destacados {
	position: relative;
	float: left;
	width: 234px;
	margin: 0;
	padding: 0 0 0 8px;		
}

.destacados h2 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: 1em;
	color: #336699;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #336699;
}

.destacados .espacio {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;	
}

.destacados div.primero {
	border: none;
}

.destacados img {
	position: relative;
	float: left;
	margin: 0 12px 0 0;
	padding: 5px;
	background-color: #D5DFE9;
}

.destacados h3 {
	margin: 0 0 .2em 0;
	padding: 0 0 3px 0;
	font-size: .8em;
	font-weight: normal;
	color: #336699;
	background: transparent url("imgs/linea.gif") no-repeat bottom right;
}

.destacados h3 a {
	color: #336699;
}

.destacados h3 a:hover {
	color: #CC9900;
}

.destacados div.txtdest {  
	margin: 0;
	padding: 0;
	font-size: .625em;
	color: #336699;
	border: none;
}

.destacados div.txtdest a {
	color: #336699;
}

.destacados div.txtdest a:hover {
	color: #CC9900;
}

/*---------------------------------------------------------------*/

#menu_dcha {
	clear: left;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------*/

#menu {
	position: relative;
	float: left;
	width: 170px;
	margin: 0;
	padding: 10px 0 0 18px;	
	font-size: 11px;
	color: #336699;
}

#menu li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1px 0 6px 0;	
	background: transparent url("imgs/detalle_menu_li.gif") no-repeat bottom left;	
}

#menu li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 14px;
	color: #336699;
  background: transparent url("imgs/detalle_menu.gif") no-repeat 5px 6px;	
}

#menu li a:hover {
	color: #CC9900;
}

#menu li a.activo {
	color: #CC9900;
}

#menu ul.submenu {
	position: relative;
	float: left;
	width: 90%;
	margin: .625em 0 0 .625em;
	padding: 0;
}

#menu ul.submenu li {
	text-transform: none;
	border: none;
}

#menu ul.submenu li a {
  background: transparent url("imgs/detalle_submenu.gif") no-repeat 0 .4em;
	border: none;
	color: #336699;
}

#menu ul.submenu li a:hover {
	color: #CC9900;
}

#menu ul.submenu li a.activo {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */
  
.menu_bloque  {  
	margin: .625em 0 0 0;
	padding: .3em .5em;
	width: 95%;
	font-size: .625em;
	color:#FFFFFF;
	background-color: #CC9900;	
	font-weight: normal;
}

.menu_bloque_contenido {
	width: 95%;
	margin: 0;
	padding: 0;
	font-size: .625em;
}

.menu_bloque_contenido li {
	list-style-type: none;
	margin: 0;
	padding: .7em .875em;
	border-top: 1px dashed #EBEBEB;
}

.menu_bloque_contenido li.primero {
	border: none;
}

.menu_bloque_contenido a  {  
	color: #336699;
}

.menu_bloque_contenido a:hover  {  
	color: #CC9900;
}

/* -------------------------------------------------------------------- */

#foot {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 184px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent url("imgs/fondo_pie.gif") no-repeat top center;	
	
}

#foot a {
	color: #336699;
	text-transform: uppercase;
}

#foot a:hover {
	color: #CC9900;
}

/*
#foot ul {
  position:absolute;
  top: 104px;
  left:940px;
	margin: 0;
	padding: 0;
}*/

#foot ul {
  position:relative;
  float: right;  
	margin: 104px 0 0 0;
	padding: 0 150px 0 0;
}

#foot ul li {
	list-style-type: none;
	display: inline;
	padding: 0 .3em;	
	font-size:10px;
}

#foot li.primero {
	border: none;
}

/* -------------------------------------------------------------------- */

#contenido {   
	position: relative;
	float: left;
  width: 487px;
  overflow:hidden;
	margin: 0;
	padding: 4px 10px 0 10px;
	background: transparent url("imgs/fondo_contenido.jpg") no-repeat top right;
}

.contenido_ampli{
  width: 696px !important;  /* 487 + 209 */  
}

/* -------------------------------------------------------------------- */

#menu_cabecera {
  position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 970px;
	height: 45px;
	overflow: hidden;
	background: transparent url("imgs/fondo_menusup.jpg") no-repeat top left;
}

/* -------------------------------------------------------------------- */

.menu_tit{
  clear:both;
  position: relative;
	float: left;
	margin: 0;
	padding: 12px 0 0 25px;
	width: 184px;
	height: 32px;
	overflow: hidden;
	background: transparent url("imgs/fondo_menu_tit.jpg") no-repeat top left;
	text-transform: uppercase;
	color: #336699;
	font-size: 18px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
}

#col_destacados .menu_tit{
  width: 254px;	
  background: transparent url("imgs/fondo_menu_dest_tit.jpg") no-repeat top left;

}

.menu_tit span {
	position: absolute;
	top: 0;
	left: 0;
	width: 209px;
	height: 44px;
	margin: 0;
	padding: 0;	
	z-index: 2;	
}

.menu_tit span.estacion {
  background: transparent url("imgs/img_laestacion.jpg") no-repeat top left;	
}

.menu_tit span.tiempo {
	background: transparent url("imgs/img_tiempo.jpg") no-repeat top left;
}

#col_destacados .menu_tit span {
	position: absolute;
	top: 0;
	left: 0;
	width: 254px;	
	height: 44px;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#col_destacados .menu_tit span.alojamientos {
	background: transparent url("imgs/img_alojamientos.jpg") no-repeat top left;
}

#col_destacados .menu_tit span.destacados {
	background: transparent url("imgs/img_destacados.jpg") no-repeat top left;
}

.caja_punteada_menu{
  clear:both;
  position: relative;
	float: left;
	border: 1px dotted #D4DEEA;
	width: 198px;
	margin: 0 0 5px 1px;
	padding: 1px;
}

#col_destacados .caja_punteada_menu{
	border-top: none;
	width: 248px;
}

.menu_cierre{
  clear:both;
  position: relative;
	float: left;
	width: 100%;
	height: 31px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/fondo_menu_cierre.jpg") no-repeat top left;
}

#col_destacados .menu_cierre{ 
	background: transparent url("imgs/fondo_menu_dest_cierre.jpg") no-repeat top left;
}

.mi_destacados{
  position:relative;
  float: left;
  border: 1px solid #FFF;
  margin: 2px 1px 0 1px;
}

* html .mi_destacados{
  margin: 2px 1px 0 0;
}

.caja_tiempo{
  clear:both;
  position: relative;
	float: left;
	width: 182px;	
	margin: 2px 0 1px 4px;
	padding: 10px 0 10px 8px;
	background: transparent url("imgs/fondo_tiempo.gif") repeat top left;
}

* html .caja_tiempo{
	margin: 2px 0 1px 2px;
}

.caja_tiempo span.lluvias{
  position: absolute;
	top: 76px;
	left: 150px;
	width: 34px;	
	height: 34px;
	margin: 0;
	padding: 0;
	z-index: 2;
	background: transparent url("imgs/img_lluvia.gif") no-repeat top left;
	cursor: pointer;
}

.caja_tiempo span.temp{
  position: absolute;
	top: 60px;
	left: 150px;
	width: 34px;	
	height: 50px;
	margin: 0;
	padding: 0;
	z-index: 2;
	background: transparent url("imgs/img_temp.gif") no-repeat top left;
	cursor: pointer;
}


#banner_zona2_1mod{
  clear:both;
  position: relative;
	float: left;
	margin: 0 0 3px 0;
	padding: 1px;
	width: 201px;
	height: 55px;
	overflow: hidden;		
	color: #336699;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	background-color:#D4DEEA;
}

#banner_zona2_1mod img{
  display: block;
}


#logo_diverge{
  clear:both;
  position: relative;
	float: left;
	margin: 0 0 3px 0;
	padding: 1px;
	width: 201px;
	height: 55px;
	overflow: hidden;		
	color: #336699;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
	background-color:#D4DEEA;
}


#logo_diverge span {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 201px;
	height: 55px;
	margin: 0;
	padding: 0;	
	z-index: 2;	
	background: transparent url("imgs/logo_diverge.gif") no-repeat top left;
}

#logo_diverge a{
  color: #336699;
}

.ad_sense{
  clear: both;
  position: relative;
  float: left;
  text-align: center;
  width: 201px;
  margin: 5px 0 0 0;
  padding: 0;
  border: 1px solid #D5DFEA;
  overflow: hidden;
}


#busqueda_google{
  clear:both;
  position: relative;
  float:left;  
  width: 100%;
  margin: 0;
  padding: 0 0 5px 0;  
}

#busqueda_google input{
 background-color: #D5DFEA;
 border: 1px solid #336699;
 color: #336699;
 font-size: 12px;
 font-family: Trebuchet MS, sans-serif;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2#tit_apartado {
	visibility: hidden;
}


/*------------------------ CONTENIDO WEB -------------------------------*/

a.descimg {
	display: block;
	clear: both;
	margin: .3em 0;
	font-size: .625em;
	color: #336699;
	text-align: center;
}

a.descimg:hover {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */

.titular {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: .75em;
	color: #626262;
}

.titular span {
	color: #336699;
}

.titular img {
	vertical-align: middle;
}

/* -------------------------------------------------------------------- */

.icon_formacion {
	display: block;
	position: relative;
	float: left;
	margin: 0 .2em 0 0;
	padding: 0;
}
  
/* -------------------------------------------------------------------- */

#ruta_apartado {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;	
	margin: 5px 0 .625em 0;
	padding: 0;	
	font-size: .625em;
	color: #666;
}

#ruta_apartado ul {
  margin: 0;
  padding: 0;
}

#ruta_apartado li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ruta_apartado a {
	color: #336699;
}

#ruta_apartado a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

#foto_apartado {	
	position: relative;
	float: right;
	margin: 0; 
	padding: 0;
	text-align: right;
	width: 538px;
	height: 130px;
	overflow: hidden;
}

/* -------------------------------------------------------------------- */

#tit_apartado {
	clear: both;
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;	
	width: 100%;	
	height: 32px;
	font-size:19px;
	color: #336699; 
	text-transform: uppercase;
	font-weight: normal;
}

#tit_apartado a {
  color: #336699;
}

#tit_apartado a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

#desc_apartado {		
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;	
	/*font-size: .625em;*/
	font-size: 11px;
	color: #336699;
}

#desc_apartado a {
  color: #336699;
}

#desc_apartado a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.subapartados {		
	clear: both;
	position: relative;
	float: left;
	width: 100%;	
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
}

.subapartados img {
  display: block;
  margin: 0 0 8px 0;
  width: 140px;
  border: 6px solid #D5DFEA;
}

.subapartados .col1, .subapartados .col2 {
  position: relative;
	float: left;	
	padding: 0 15px 0 0;
  width: 152px;
  text-align:center;
}

.subapartados .col3 {
  position: relative;
	float: right;	
	padding: 0;
  width: 152px;
  text-align:center;
}

.subapartados a {
	color: #336699;
}

.subapartados a:hover {
  color: #CC9900;
}

.subapartados a.activo {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.titulo {
	clear: both;
	position: relative;
	float: left;
	width: 97%;
	background-color: #D5DFEA;	
	margin: 0 0 .625em 0;
	padding: .25em .625em;
	font-size: .75em;
	color: #336699;
	font-weight: normal;
}

.titulo a {
  color: #336699;
}

.titulo a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.informacion {	
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 .625em 0;
	padding: 0;	
	width: 100%;
}

.informacion a {
	color: #336699;
	text-decoration: none;
}

.informacion a:hover {
  color: #CC9900;
}

/* Para mostrar la informacion en dos columnas */
.info_izda {
	position: relative;
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}

.info_dcha {
	position: relative;
	float: right;
	width: 48%;
	margin: 0;
	padding: 0;
}
/* Fin: Para mostrar la informacion en dos columnas */

.info_tit_ext {	
	clear: both;
	position: relative;
	float: left;
	width: 97%;
	background-color: #D5DFEA;
	margin: 0 0 .625em 0;
	padding: .25em .625em;
	font-size: .75em;
	font-weight: normal;
	color:#336699;
}

.info_tit_ext a {
  color: #336699;
}

.info_tit_ext a:hover {
  color: #CC9900;
}

.info_datos_gen {	
	clear: both;
	position: relative;
	float: left;
  width: 100%;
	margin: 0;
	padding: 0;		
}

.info_fot_min {
	float: left;
	min-width: 1.25em;
	background-color: #D5DFEA;
	margin: .2em .625em 0 0;
	padding: 6px 9px;
}

.info_fecha{
  margin: 0;
	padding: 0 0 3px 0;	
	font-size: .625em;
	font-weight: normal;
	color: #CC9900; 
}

.info_tit_int {
	margin: 5px 0 0 0;
	padding: 0;	
	font-size: .7em;
	font-weight: normal;
	color: #336699; 
}

.info_tit_int a {
 color: #336699; 
}

.info_tit_int a:hover {
  color: #CC9900;
}
  
.info_texto {
	margin: 3px 0 0 0;
	padding: 0;	
	font-size: .625em;
	color: #336699;
}  

.info_texto a {
  color: #336699;
}

.info_texto a:hover {
  color: #CC9900;
}

.info_dcha .info_fot_min , .info_izda .info_fot_min{
	clear: both;
	position: relative;
	float: left;	
	margin: 10px 0 0 0;	
}

.info_dcha .info_fecha, .info_izda .info_fecha{ 
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;	
}

.info_dcha .info_tit_int, .info_izda .info_tit_int{ 
  clear: both;
	position: relative;
	float: left;
	width: 100%;
}

.info_dcha .info_texto, .info_izda .info_texto{ 
  clear: both;
	position: relative;
	float: left;
	width: 100%;
}
  
.info_a_continuacion {
	clear: both;
	width: 100%;
	margin: 0 .2em .2em 0;
	padding: 0;
	position: relative;
	float: left;
}

.info_a_continuacion img{
  border: 6px solid #D5DFEA;
  margin: 8px 0 0 3px;
}

.info_sep_salto_linea {
	clear: both;
	position: relative;
	float: left;
	height: .1em;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .05em;
	line-height: 0;
}

.info_sep_salto_parrafo {	
	clear: both;
	position: relative;
	float: left;
	height: .8em;
	width: 100%;
	margin: 0;
	padding: 0;	
	font-size: .6em;
} 

.info_sep_linea {	
	clear: both;
	position: relative;
	float: left;
	margin: 3em 0 0 0;
	padding: 0 0 1.25em 0;
	border: none;	
	border-top: 1px solid #336699;
	width: 100%;
	height: .1em;
	font-size: .2em;
} 

.info_bloque {
	clear: both;
	position: relative;
/* Las dos siguientes lineas hay que quitarlas para que funcione la sep a_continuacion (info_bloque_fseg)*/
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;	
}

.info_bloque_dest {	
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	background-color: #D5DFEA;	
	margin: 0;
	padding: .25em;
}

.info_bloque_fseg {
	position: relative;
	float: left;
	margin: 0 .4em 0 0;
	padding: 0;	
}

.info_bloque_fot_texto {	
	margin: 0;
	padding: 0;		
}

.info_bloque_fot_izda {
	float: left;
	min-width: 1.25em;	
	margin: .1em .625em 0 0;
}

.info_bloque_fseg .info_bloque_fot_izda{
  margin: .1em 0 0 0;
}

.info_bloque_fot_centro {	
	text-align:center;
	min-width: 1.25em;
	margin: 0 auto;
}

.info_bloque_fot_dcha {
	float: right;
	min-width: 1.25em;
	margin: .1em 0 0 .625em;
}

.info_bloque_desc {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	/*font-size: .625em;*/
	font-size: 11px;
	color: #336699;
}

.info_bloque_desc a {
  color: #336699;
}

.info_bloque_desc a:hover {
  color: #CC9900;
}

.info_bloque_texto {	
	margin: 0;
	padding: 0;
	/*font-size: .625em;*/
	font-size: 11px;
	color: #336699;
}

.info_bloque_texto a {
  color: #336699;
}

.info_bloque_texto a:hover {
  color: #CC9900;
}

.txt_strong {
  font-weight: bold;
}

.txt_em {
  font-style: italic;
}

.txt_u {
  text-decoration: underline;
}

.txtdestac {
	font-size: 1.2em;
}

.info_bloque_fichero {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: 0;
	/*font-size: .625em;*/
	font-size: 11px;
	color: #336699;
}

.info_bloque_fichero a {
  color: #336699;
}

.info_bloque_fichero a:hover {
  color: #CC9900;
}
  
.info_bloque_enlace {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: 0;
	/*font-size: .625em;*/
	font-size: 11px;
	color: #336699;
}  

.info_bloque_enlace a {
  color: #336699;
}

.info_bloque_enlace a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.paginacion {
	clear: both;
	position: relative;
	float: left;
	width: 92%;
	margin: 1em 0;
	padding: .5em 2em;
	font-size: .7em;
	color: #336699;
	border-top: 1px solid #336699;
}

.paginacion a {
  color: #336699;
}

.paginacion a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.info_paginacion {
	clear: both;
	position: relative;
	float: left;
	text-align: right;
	margin: .625em 0;
	padding: 0;	
	font-size: .625em;
	color: #336699;
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
}  

.info_paginacion a {
  color: #336699;
}

.info_paginacion a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

#imprimir {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: 0;
	text-align: right;
	font-size: .625em;
	font-weight: bold;
}

#imprimir a {
	color: #336699;
	background: transparent url("imgs/icon_imprimir.gif") no-repeat 0 .625em;
	padding: .625em 1.5em;
}

#imprimir a:hover {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */

.info_volver {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	font-size: .625em;
	color: #336699;	
}

.info_volver a {
  color: #336699;
	text-decoration: underline;
}

.info_volver a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.info_editar {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	font-size: .625em;
	color: #336699;
	text-transform: capitalize;
}

.info_editar a {
  color: #336699;
}

.info_editar a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */

.panel_control {	
	clear: both;
	position: relative;
	margin: 1em 0;
	padding: .5em 0 0 0;
	width: 100%;
	font-size: .625em;
	color: #336699;	
	border-top: 1px solid #336699;
}  

.panel_control a {
  color: #336699;
}

.panel_control a:hover {
  color: #CC9900;
}

.panel_control ul {
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0 0 0;
	padding: 0;
}

.panel_control ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 .25em;
	border-left: 1px solid #CC9900;
}

.panel_control ul li.primero {
	border: none;
}

.panel_control_destacados {
	clear: both;
	position: relative;
	float: left;
	margin: .625em 0;
	padding: 0;
	width: 100%;
	font-size: .625em;
	color: #CC9900;
}

.panel_control_destacados a {
  color: #336699;
}

.panel_control_destacados a:hover {
  color: #CC9900;
}

/* -------------------------------------------------------------------- */


.zona_fotos{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 11px;
	text-align: center;
}

.zona_fotos img{
  border: 6px solid #D5DFEA;
  margin: 0 0 5px 0;
}

.zona_fotos .col1, .zona_fotos .col2{ 
	position: relative;
	float: left;
	width: 152px;
	margin: 0;
	padding: 0 15px 0 0;	
}
.zona_fotos .col3{ 
	position: relative;
	float: right;
	width: 152px;
	margin: 0;
	padding: 0;
	
}

/* -------------------------  parte de nieve  ---------------------------- */

.pdn_titulo{
  clear: both;
	position: relative;
	float: left;
	width: 100%;	
	margin: 10px 0 0 0;
	padding: 0;
	font-size: .75em;
	color: #336699;
	font-weight: bold;
	
}

.pdn_caja_eltiempo{
  clear: both;
	position: relative;
	float: left;
	width: 484px;	
	margin: .25em 0 0 0;
	padding: 0;
	color: #336699;
	border: 1px solid #336699;	
	border-top: 4px solid #336699;
	background-color:#F2F4F7;
	overflow: hidden;
}

.pdn_caja_eltiempo div{
  margin: 0 0 0 -155px;
}

.pdn_caja{
  clear: both;
	position: relative;
	float: left;
	width: 390px;	
	margin: .25em 0 0 0;
	padding: 0 10px 0 84px;
	color: #336699;
	border: 1px solid #336699;	
	border-top: 4px solid #336699;
	background-color:#F2F4F7;
}

.pdn_tabla{
  clear: both;
	position: relative;
	float: left;
	width: 100%;	
	margin: 3px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: .675em;
	color: #336699;	
}

.pdn_tabla th{  
  padding: 3px 0;
}

.pdn_tabla td{  
  padding: 3px 0;  
}
.pdn_tabla td.borde{  
  border-top: 1px solid #D5DFEA;
}
.pdn_tabla td.negrita{
  font-weight: bold;
}

.pdn_tabla td.centrado{
  text-align: center;
}

.pdn_tabla span.pnegra{
  background-color: #211919;
  color:#FFF;
  text-align: center;
  padding: 1px 10px;
}

.pdn_tabla span.proja{
  background-color: #DE2921;
  color:#FFF;
  text-align: center;
  padding: 1px 10px;
}

.pdn_tabla span.pazul{
  background-color: #0094DE;
  color:#FFF;
  text-align: center;
  padding: 1px 10px;
}

.pdn_tabla span.pverde{
  background-color: #84C529;
  color:#FFF;
  text-align: center;
  padding: 1px 10px;
}

.pdn_meteo{
  background:#F2F4F7 url("imgs/fnd_pdn_meteo.gif") no-repeat 10px 25px;
}

.pdn_nieve{
  background:#F2F4F7 url("imgs/fnd_pdn_nieve.gif") no-repeat 6px 15px;
}

.pdn_dominio{
  background:#F2F4F7 url("imgs/fnd_pdn_dominio.gif") no-repeat 6px 20px;
}

.pdn_info{
  background:#F2F4F7 url("imgs/fnd_pdn_info.gif") no-repeat 16px 15px;
}

span.pdn_cerrada{
  color: #DE2921;
  text-transform: uppercase;
}

span.pdn_abierta{
  color: #84C529;
  text-transform: uppercase;
}

/* ----------------- DATEPICKER ---------------------------------- */

input.datepicker{ 
  width: 85px !important;  
}


* html input.datepicker{
  margin:2px 12px 2px 0;
  padding: 1px;
}

/**
 * Styles for DatePicker
 */

.datepickerControl {
	border:				1px solid #999999;
	background-color:	#EEEEEE;
	padding:			5px;
}

.datepickerControl td {
	text-align:			center;
	font-family:		sans-serif;
	font-size:			11px;
	padding:			1px;
}

.datepickerControl tr.monthLabel td {
	background-color:	#FFFFFF;
	border:				1px solid #999999;
	font-weight:		bold;
}

.datepickerControl tr.navigation td {
	cursor:				pointer;
}

.datepickerControl tr.navigation td:hover {
	text-decoration:	underline;
}

.datepickerControl tr.dayLabel td {
	/*
	border:				1px solid #C0D8EA;
	background-color:	#C0D8EA;
	*/
	border:				1px solid #003366;
	background-color:	#003366;
	color:				white;
	font-weight:		bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.dayothermonth {
	color:				#999999;
	font-style:			italic;
}

.datepickerControl td.day:hover {
	background-color:	#EBE4C0;
} 

.datepickerControl td.weekend {
	background-color:	#CCCCCC;
	font-style:			italic;
}

.datepickerControl td.today {
	font-weight:		bold;
}

.datepickerControl td.hour {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.minute {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td input,
.datepickerControl td button {
	font-size:			11px;
	padding:			0;
	border:				1px solid #999999;
	text-align:			center;
}

.datepickerControl td.ampm {
	cursor:				pointer;
	background-color:	#CCCCCC;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.current {
	font-weight:		bold;
	background-color:	#EBC2C0;
}

.datepickerControl input.current {
	background-color:	#EBC2C0;
}

.datepickerControl td.current:hover {
	background-color:	#EBC2C0;
}

/* -------------------------------------- */

.info_tit_int .masinfodest{
  position: absolute;
  top:0;
  right:16px;
  width: 16px;
  height: 16px;
  background: transparent url("imgs/ic_masinfodest.gif") no-repeat left top;
  cursor: pointer;
  z-index: 3;
}

.info_tit_int .centralreservas{
  position: absolute;
  top:0;
  right:35px;
  width: 19px;
  height: 16px;
  background: transparent url("imgs/ic_centralreservas.gif") no-repeat left top;
  cursor: pointer;
  z-index: 3;
}

#suscribete{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;	
}/*------------------------- APARTADOS --------------------------------*/

.apartados {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .625em 0;
	padding: 0;
}

/* -------------------------------------------------------------------- */

.titapartados {
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 0 4.8em;
	padding: .3em;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
}

.titapartados a {
	color: #FFFFFF;
}

.titapartados a:hover {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */

.blqapartados {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: 0 0 0 3em;
	padding: .3em .5em;
	background-color: #EBEBEB;
}

.blqapartados p {
	margin: 0 0 .625em 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

/* -------------------------------------------------------------------- */

  #planodepistas{
   clear: both;
   position: relative;
   width: 100%;
   padding:0;
   margin:0;   
  }
  
  .tablapp{
   clear: both;
   position: relative;
   width: 100%;
   padding:0;
   margin:5px 0 0 0;   
  }
  
  #planodepistas .tablapp td{    
    padding: 3px 0;
    border: none;
  }
    
  #planodepistas .linea td{    
    border-bottom: 1px solid #DDD;
  }

  #planodepistas .norm_v {
    font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; 
    font-size:11px; 
    color:#84C529;
  }
  
  #planodepistas .norm_a {
    font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; 
    font-size:11px; 
    color:#0094DE;
  }
  
  #planodepistas .norm_r {
    font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; 
    font-size:11px; 
    color:#DE2921;
  }
  
  #planodepistas .norm_n {
    font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; 
    font-size:11px; 
    color:#211919;
  }
  
  #planodepistas .norm span{
    display: block;
    color: #DDDDDD;
    font-size:9px;
    padding:3px 0 0 0;
    font-style:italic;
  }
  
  #planodepistas .norm b{
    color:#336699;
  }
/* ---------------------- FORMULARIOS (no herramienta) ------------------------------ */

.formulario {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: .8em 0 .8em .8em;
	padding: 0;	
	font-size: 1em; 
	color: #336699;	
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
}

.txtform {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: 0.6875em;
	text-align: left;
	color: #336699;
}

.txtform a {
	color: #336699;
}

.txtform a:hover {
	color: #336699;
}

.txtform_inden {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0 0 .625em 2em;
	padding: 0;
	font-size: 0.6875em;
	text-align: left;
	color: #336699;
}

.txtform_inden a {
	color: #336699;
}

.txtform_inden a:hover {
	color: #336699;
}

.txtform_centrado {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: 0.6875em;
	text-align: center;
	color: #336699;
}

.txtform_centrado a {
	color: #336699;
}

.txtform_centrado a:hover {
	color: #336699;
}

.titform {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 0.6875em;
	text-align: left;
	color: #336699;
}

.titform a {
	color: #336699;
}

.titform a:hover {
	color: #336699;
}

.grperror {
	position: relative;
	float: right;
	width: 85%;
	margin: 0 .625em 0 0;
	padding: 0;
}

.txterror {
	position: relative;
	float: left;
	width: 96%;
	margin: 0;
	padding: .25em;
	background-color: #EEE;
}

.errorform {
	position: relative;
	float: left;
	background-color: #336699;	
	color: #FFF;
	font-size: 0.6875em;
	padding: .3em;
	margin: 0;
}

.formulario a {
	color: #336699;
}

.formulario a:hover {
	color: #CC9900;
}

.formulario #fset1 {
	border: none;
	padding: 1.0em 0 0 0;
}

.formulario #fset1 legend {
	margin: 0 0 1em 0;
	padding: 0;
}

.formulario .fset {
	margin: 1em 0;
	padding: 0 0 1.25em 0;
	border: 1px solid #336699;
	padding: 0;
	width: 98%;
	position: relative;
	float: left;
}

.formulario .fset legend {
	margin: 0 0 1em 0;
	padding: .2em .3em;
	background-color: #336699;
	font-size: 0.6875em;
	color: #FFFFFF;
}

.formulario .lineaf, .formulario .lineachk {
	position: relative;
	float: left;
	margin: 0 0 .5em 0;
	padding: 0 0 0 .5em;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	text-align: left;
	width: 100%;
	min-height: 1.5em;
	clear: both;
}

* html .formulario .lineaf {
	height: 1.5em;
}

.formulario .lineaff {	
	margin: 0 0 .5em 0;
	padding: 0 0 0 .5em;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	text-align: left;
	width: 100%;
	min-height: 1.5em;
	clear: both;
}

.formulario label {
	display: block;
	position: relative;
	float: left;
	margin: 0 .2em .2em 0;
	padding: 0;
	color: #336699;
	width: 35%;
	font-size: 0.6875em;
}

.formulario label.lblgrande {
	width: 100%;
}

.formulario label.lblpeq {
	width: 15%;
}

.formulario label.lblmed {
	width: 45%;
}

.formulario label.oculto {
	display: none;
}

.formulario input.caja {
	width: 60%;
	border: 1px solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
	z-index: 1;
}

.formulario .antispam{
  position: relative;
  float: left;    
}
.formulario input.cajaantispam {
	margin: 15px 0 0 0;
	width: 20%;
	border: 1px solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
}

.formulario input.cajap {
	width: 10%;
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
}

.formulario input.cajamed {
	width: 45%;
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
}

.formulario input.cajagrd {
	width: 80%;
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
}

.formulario select {
	width: 60%;
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;	
	float: left;
	font-size: 0.6875em;
}

.formulario select.slctpeq {
	width: 30%;
}

.formulario textarea {
	width: 60%;
	border: 0.1em solid #336699;
	background-color: #FFF;
	color: #336699;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;		
	float: left;
	font-size: 0.6875em;
}



.formulario textarea.txtareagr {
	width: 80%;
}

.formulario .fechasf {
	width: 25%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.formulario .fechasf label {
	display: block;
	width: 100%;
	float: left;
}

.formulario .fechasf input {
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	width: 100%;
}

.formulario .fechasf select {
	border: .1em solid #336699;
	background-color: #FFF;
	color: #336699;
	width: 75%;
	padding: 0;
	margin: 0;
}

.formulario .coli {
	width: 35%;
	position: relative;
	float: left;
	font-size: 0.6875em;
}

.formulario .cold {
	width: 60%;
	position: relative;
	font-size: 1em;
	float: left;
}

.formulario .cold p {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
}

.formulario .cold p label {
	display: inline;
	width: 100%;
}

.botonera_form {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	text-align: right;
	padding: .5em;
	margin: .25em 0;
}

.botonera_form_centrada {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	text-align: center;
	padding: .5em;
	margin: .25em 0;
}

input.bt_form {
	padding: .1em .5em;
	border: .1em solid #336699;
	background-color: #D5DFEA;
	font-size: 0.6875em;
	color: #336699;
	cursor: pointer;
}

a.bt_form {
	margin: 0 .5em 0 0;
	padding: .1em .5em;
	border: .1em solid #336699;
	background-color: #D5DFEA;
	height: 1.5em;
	color: #336699;
	font-size: 0.6875em;
}

a.bt_form:hover {
	border: .1em solid #336699;
	background-color: #D5DFEA;
	color: #CC9900;
}

/*Fielset sin borde*/
fieldset.fsetoculto {
	border: none;
	margin:0;
	padding:0;
}

/*Legend oculta*/
legend.lgdoculto {
	display: none;
}



/*---- LAS SIGUIENTES HOJAS DE ESTILO SOLO SE PONEN SEGUN CONTENIDO DE LA WEB ----*/

/* ----------------------------- HERRAMIENTA heditor -------------------- */

.informacion p,
.informacion ul,
.informacion ol {
	margin-bottom: 0;
  padding-bottom: 0;
}

.heditor_first {
  margin-top: 0;
  padding-top: 0;
}

.heditor_first_left {
  margin-top: 0;
  padding-top: 0;
  text-align: left;  
}

.heditor_first_right {
  margin-top: 0;
  padding-top: 0;
  text-align: right;  
}

.heditor_first_center {
  margin-top: 0;
  padding-top: 0;
  text-align: center;  
}

.heditor_first_justify {
  margin-top: 0;
  padding-top: 0;
  text-align: justify;  
} 

.heditor_left {
  text-align: left;  
} 

.heditor_right {
  text-align: right;  
} 

.heditor_center {
  text-align: center;  
} 

.heditor_justify {
  text-align: justify;  
}

.heditor_underline {
  text-decoration: underline;  
  font-style: normal;
} 


/* ------------------------ CONTENIDO AMPLIADO ------------------------ */

/* ------------------------------ FLASH ------------------------------- */

.info_bloque_flash {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em;
	padding: 0;
	font-size: .625em;
	color: #336699;
}

.info_bloque_flash a {
  color: #336699;
}

.info_bloque_flash a:hover {
  color: #CC9900;
}

.info_bloque_flash p {
	padding: 0;
	margin: 0.5em 0 0 0;
}

/* ------------------------------ VIDEO ------------------------------- */

.info_bloque_video {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: 0;
	font-size: .625em;
	color: #336699;
}

.info_bloque_video a {
  color: #336699;
}

.info_bloque_video a:hover {
  color: #CC9900;
}
  
.info_bloque_video p {
	padding: 0;
	margin: 0.5em 0 0 0;
}

/* ------------------------------ SONIDO ------------------------------ */

.info_bloque_sonido {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: 0;
	font-size: .625em;
	color: #336699;
}

.info_bloque_sonido a {
  color: #336699;
}

.info_bloque_sonido a:hover {
  color: #CC9900;
}      
  
.info_bloque_sonido p {
	padding: 0;
	margin: 0.5em 0 0 0;
}

/* ------------------------------ TABLAS ------------------------------ */
/*
.tabla {
	border-collapse: collapse;
	border-spacing: 0.5em 1em;
	font-size: 0.625em;
	color: #336699;
	width: 99%;
	table-layout: fixed;
}

.tabla tr td {
	border: 1px solid #336699;
	overflow: hidden;
}
*/

.tabla {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 8px 0;
  border-collapse: collapse;
	border-spacing: 0;	
	background-color: #FFF;	
	color: #336699;	
}

.tabla td, .tabla th  {		
	padding: 3px;
	overflow: hidden;
	border:1px solid #D5DFEA;		
	font-size: 11px;
}

.tabla th  {		
	padding: .25em;	
	font-size: 11px;
	background-color: #336699;		
  color: #FFFFFF;
}

.tabla a{
  /*color: #CC9900;*/
  text-decoration: underline;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */

/* ------------------------------ CALENDARIO ------------------------------- */

.calendario{
  clear:both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
  color: #336699;
  font-size: 12px;
}

.calendario .coli{
  position: relative;
  float: left;
  width: 232px;
  margin: 0;
  padding: 0;
  overflow: hidden; 
}

.calendario .coli p {
  margin: 0;
  padding: 5px 0 5px 0; 
}

.calendario .cold{
  position: relative;
  float: right;
  width: 232px;
  margin: 0;
  padding: 0;
  overflow: hidden;  
}

.calendario .cold p {
  margin: 0;
  padding: 5px 0 5px 37px;
  background: #f5f5f5 url("imgs/img_temporadas.gif") no-repeat 7px 7px;
}

.calendariotit{
  position: relative;
	float: left;	
	margin: 0;
	padding: 2px 0;		
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	width: 100%;
	background-color: #336699;
	text-align:center;
	text-transform: uppercase;
}

.tblcalendario{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 10px 0 0 0;
  border-collapse: collapse;
	border-spacing: 0;	
	background-color: #FFF;	
	color: #336699;	
}

.tblcalendario tr th {		
	padding: 2px 3px;
	overflow: hidden;
	text-align: center;
	border:1px solid #E2E2E2;	
	background-color: #FFF;		
	font-size: 12px;
}

.tblcalendario tr td {		
	padding: 0;
	overflow: hidden;
	text-align: center;
	border:1px solid #E2E2E2;	
	background-color: #FFF;	
	font-size: 12px;
	height: 18px;	
}

.tblcalendario tr td span{
 position:absolute;
 width: 28px;
 height: 18px;
 margin-left: -28px;
 margin-top: 2px;
 z-index:100;
}
/* ----------------------------- DATOS ADICIONALES -------------------- */

#info_inmuebles {
	clear: both;
	position: relative;
	float: left;
	width: 88%;
	margin: .625em 0 .3em 1em;
	padding: .5em .5em;
	border-top: 1px solid #626262;
	border-bottom: 1px solid #626262;
	font-size: .625em;
	color: #336699;
}

#info_inmuebles p {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* -------------------------------------------------------------------- */

/* ----------------------------- FOROS -------------------- */

.forum {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .8em 0 .8em 0;
	padding: 0;	
	font-size: 1em; 
	color: #336699;
}

#listforum {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: .7em;
}

#listforum a {
	color: #336699;
}

#listforum a:hover {
	color: #336699;
}

#listforum li {
	list-style-type: none;
	margin: 0 0 .625em 0;
	padding: 0;
}

#listforum p {
	margin: 0;
	padding: 0;
}

#listforum li ul {
	margin: .25em 0 0 1.25em;
	padding: 0;
}

.fotousuario {
	position: relative;
	float: left;
	margin: 0 .25em .25em 0;
	padding: 0;
	border:1px solid #999;
}

.datosmensaje {
	position: relative;
	float: left;
	margin:0;
	padding:0 0 0 10px;	
	width: 540px;
	overflow: hidden;	
	border-left: 1px solid #999;		
}

.fechamensaje {
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 10px;
	color: #336699;
}

.txtmensaje {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 11px;
	color:#336699;	
}

.txtmensaje .espacio_img{
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  padding: 0 2px 0 0;
  overflow: auto;
  height:270px;
}

.titmensaje {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 12px;
	color:#336699;
}

/* -------------------------------------------------------------------- */

.filaforum{
  position: relative;
	float: left;
	width: 100%;
	margin: 2px 0 0 0;
	padding: 5px 0 5px 0;
	border: 1px solid #999;			
}

/*
.filaforum:hover{
  background-color: #E1E9F0;
}
*/

.filaforumdest{
  background-color: #F2F4F7;
}

.cabforum{
  position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #999;	
	text-transform: uppercase;
	background:#D5DFEA url("imgs/fondo_tiempo.gif") repeat top left;
}

.colico{
  position: relative;
	float: left;
	margin:0;
	padding:0 0 0 2px;	
	width: 18px;
	overflow: hidden;	
}

.colmsg{
  position: relative;
	float: left;
	margin:0;
	padding:0;
	width: 220px;
	overflow: hidden;	
}

.cabforum .colmsg{
  text-align: center;
}

.colautor{
  position: relative;
	float: left;
	margin:0;
	padding: 0 0 0 5px;
	width: 100px;
	text-align: center;
	overflow: hidden;	
	color: #666;
}
.colvistas{
  position: relative;
	float: left;
	margin:0;
	padding:0;
	width: 40px;
	text-align: center;
	overflow: hidden;
}

.colresp{
  position: relative;
	float: left;
	margin:0;
	padding:0;
	width: 40px;
	text-align: center;
	overflow: hidden;	
}

.colfecha{
  position: relative;
	float: right;
	margin:0;
	padding:0;
	width: 60px;
	text-align: center;
	overflow: hidden;	
}

.coldatusu{
  position: relative;
	float: left;
	margin:0;
	padding: 0 0 0 5px;
	width: 130px;	
	overflow: hidden;	
	color: #666;	
}

.coldatusu img{
  margin:5px 0 0 0;
  padding:0;
}

.coldatusu p{
  clear: both;
  margin: 0;
  padding: 0; 
  font-size: 10px; 
}

.coldatusu p.autor{
  margin: 0;
  padding: 0;
  font-size: 12px;
	font-weight: bold;
}

.coldatusu p.alta{
  padding: 3px 0 0 0;
}


/* ---------- nuevos foros ---------- */

#tb_foros {
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 10px 0;
  border-collapse: collapse;
	border-spacing: 0;	
	background-color: #FFF;	
	color: #336699;	
}

#tb_foros strong{
  color: #336699;
}

#tb_foros td, #tb_foros th  {		
	padding: .5em;
	overflow: hidden;
	border:1px solid #D5DFEA;		
	font-size: 11px;
}

#tb_foros th  {		
	padding: .25em;	
	font-size: 11px;
	background-color: #336699;		
  color: #FFFFFF;
}

#tb_foros .tb_titulo{
  background-color: #336699;		
  color: #FFFFFF;
  font-size: 13px;		
  text-transform:uppercase;
  font-weight: bold;
  padding: .5em 1em;
}
#tb_foros .centrado{
  text-align: center;
}

#tb_foros td span{
  font-size: 12px;		
  color: #336699;
}

#tb_foros .ultmsg {
  font-size: 11px;		
}

#tb_foros .ultmsg span{
  font-size: 10px;		
}

#tb_foros .ultmsg span.motivo{
  font-size: 11px;		
  background: transparent url("../imgs/ic_atexto.gif") no-repeat left top;
  padding: 2px 0 0 17px;
}

#tb_foro_info {
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 10px 0;
  border-collapse: collapse;
	border-spacing: 0;	
	background-color: #FFF;	
	color: #336699;	
}

#tb_foro_info strong{
  color: #336699;
}

#tb_foro_info .centrado{
  text-align: center;
}

#tb_foro_info span{
  font-size: 10px;
}

#tb_foro_info td {		
	padding: .5em;
	overflow: hidden;
	border:1px solid #D5DFEA;		
	font-size: 11px;
}

#tb_foro_info .tb_titulo{
  background-color: #336699;		
  color: #FFFFFF;
  font-size: 12px;		  
  font-weight: bold;
  padding: .25em 1em;
  text-align: center;
}

#tb_foro_info .tb_subtitulo{
  background-color: #D5DFEA;		
  color: #336699;
  font-size: 12px;		 
  padding: .25em 1em;  
}
/*------------------------- USUARIOS --------------------------------*/

.usuarios {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .625em 0;
	padding: 0;
}

/* -------------------------------------------------------------------- */

.txtusuarios {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

.txtusuarios a {
	color: #336699;
}

.txtusuarios a:hover {
	color: #CC9900;
}

.usuarios .txtusuarios {
	width: 90%;
	padding: 0 0 0 10%;
}

/* -------------------------------------------------------------------- */

.titusuarios {
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 0 1.6em;
	padding: .3em;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
}

.titusuarios a {
	color: #FFFFFF;
}

.titusuarios a:hover {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */

.txtformus {
	clear: both;
	position: relative;
	float: left;
	width: 97%;
	margin: 0 0 .625em .625em;
	padding: 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

.txtformus a {
	color: #336699;
}

.txtformus a:hover {
	color: #CC9900;
}

.txtformus2 {
	clear: both;
	position: relative;
	float: left;
	width: 97%;
	margin: 0 0 .625em 2em;
	padding: 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

.txtformus2 a {
	color: #336699;
}

.txtformus2 a:hover {
	color: #CC9900;
}

ul.txtformus li {
	list-style-type: none;
	padding: 0 0 0 1.5em;
	margin: 0 0 .625em 0;
}

/* -------------------------------------------------------------------- */

.blqusuarios {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: 0 0 0 1em;
	padding: .3em .5em;
	background-color: #EBEBEB;
}

.blqusuarios p {
	margin: 0 0 .625em 0;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

/* -------------------------------------------------------------------- */

.lstconectados {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0;
}

.lstconectados li {
	list-style-type: none;
	clear: both;
	position: relative;
	float: left;
	width: 78%;
	margin: 0 0 .3em 0;
	padding: 0 0 0 22%;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.6875em;
	color: #336699;
}

.lstconectados li a {
	color: #336699;
}

.lstconectados li a:hover {
	color: #CC9900;
}

/* -------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------*/

/*---- Hoja de estilos inicial del v_portal ----*/
/* Hoja de estilos de versión PORTAL */

   a {text-decoration: none}
	  
  .v_form {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_forminact {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#808080;}
  .v_formact {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_formsobcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#FFFFFF;}
  .v_formsobcs {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_formsobcn {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_formcampos {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif;font-size:11px; border: 1px #336699 solid; color: #336699; background-color: #D5DFEA}
  .v_formselect {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif;font-size:11px; color: #336699; background-color: #D5DFEA}
  .v_formcaja {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif;font-size:11px; border: 1px #336699 solid; color: #336699; background-color: #D5DFEA}

  .v_norm {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_normcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#CC9900;}
  .v_norminact {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#808080;}
  .v_normact {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}

  .v_gr {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_grcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#CC9900;}
  .v_grinact {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#808080;}
  .v_gract {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_grsobcn {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_grsobcs {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_grsobcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#FFFFFF;}

  .v_btnpestsobcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_btn {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_sobcn {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_sobcs {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#336699;}
  .v_sobcp {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#FFFFFF;}

  .v_btnbarragr {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:15px; color:#FFFFFF;}
  .v_btnbarra {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#FFFFFF;} 

  /* enlaces - color de los link */

  
  .v_form:link {color: #336699}
  .v_forminact:link {color: #808080}
  .v_formact:link {color: #336699}
  .v_formsobcn:link {color: #336699}
  .v_formsobcs:link {color: #336699}
  .v_formsobcp:link {color: #FFFFFF}

  .v_norm:link {color: #336699}
  .v_normcp:link {color: #CC9900}
  .v_norminact:link {color: #808080}
  .v_normact:link {color: #336699}

  .v_gr:link {color: #336699}
  .v_grcp:link {color: #CC9900}
  .v_grinact:link {color: #808080}
  .v_gract:link {color: #336699}

  .v_btn:link {color: #336699}
  .v_btnpestsobcp:link {color: #336699}
  .v_sobcn:link {color: #336699}
  .v_sobcs:link {color: #336699}
  .v_sobcp:link {color: #FFFFFF}
  .v_grsobcn:link {color: #336699}
  .v_grsobcs:link {color: #336699}
  .v_grsobcp:link {color: #FFFFFF}

  .v_btnbarragr:link {color: #FFFFFF}
  .v_btnbarra:link {color: #FFFFFF} 

  /* enlaces - color de los visited */

  
  .v_form:visited {color: #336699}
  .v_forminact:visited {color: #808080}
  .v_formact:visited {color: #336699}
  .v_formsobcn:visited {color: #336699}
  .v_formsobcs:visited {color: #336699}
  .v_formsobcp:visited {color: #FFFFFF}

  .v_norm:visited {color: #336699}
  .v_normcp:visited {color: #CC9900}
  .v_norminact:visited {color: #808080}
  .v_normact:visited {color: #336699}

  .v_gr:visited {color: #336699}
  .v_grcp:visited {color: #CC9900}
  .v_grinact:visited {color: #808080}
  .v_gract:visited {color: #336699}

  .v_btn:visited {color: #336699}
  .v_btnpestsobcp:visited {color: #336699}
  .v_sobcn:visited {color: #336699}
  .v_sobcs:visited {color: #336699}
  .v_sobcp:visited {color: #FFFFFF}
  .v_grsobcn:visited {color: #336699}
  .v_grsobcs:visited {color: #336699}
  .v_grsobcp:visited {color: #FFFFFF}

  .v_btnbarragr:visited {color: #FFFFFF}
  .v_btnbarra:visited {color: #FFFFFF} 


  /* enlaces - color de los over */
  
  .v_form:hover {color: #CC9900}
  .v_forminact:hover {color: #CC9900}
  .v_formact:hover {color: #CC9900}
  .v_formsobcn:hover {color: #CC9900}
  .v_formsobcs:hover {color: #CC9900}
  .v_formsobcp:hover {color: #CC9900}

  .v_norm:hover {color: #CC9900}
  .v_normcp:hover {color: #CC9900}
  .v_norminact:hover {color: #CC9900}
  .v_normact:hover {color: #CC9900}

  .v_gr:hover {color: #CC9900}
  .v_grcp:hover {color: #CC9900}
  .v_grinact:hover {color: #CC9900}
  .v_gract:hover {color: #CC9900}

  .v_btnover {font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; color:#CC9900;}
  .v_btn:hover {color: #CC9900}
  .v_btnpestsobcp:hover {color: #CC9900}
  .v_sobcn:hover {color: #CC9900}
  .v_sobcs:hover {color: #CC9900}
  .v_sobcp:hover {color: #CC9900}
  .v_grsobcn:hover {color: #CC9900}
  .v_grsobcs:hover {color: #CC9900}
  .v_grsobcp:hover {color: #CC9900}

  .v_btnbarragr:hover {color: #CC9900}
  .v_btnbarra:hover {color: #CC9900} 

  /* enlaces - color de los active */

  
  .v_form:active {color: #336699}
  .v_forminact:active {color: #808080}
  .v_formact:active {color: #336699}
  .v_formsobcn:active {color: #336699}
  .v_formsobcs:active {color: #336699}
  .v_formsobcp:active {color: #FFFFFF}

  .v_norm:active {color: #336699}
  .v_normcp:active {color: #CC9900}
  .v_norminact:active {color: #808080}
  .v_normact:active {color: #336699}

  .v_gr:active {color: #336699}
  .v_grcp:active {color: #CC9900}
  .v_grinact:active {color: #808080}
  .v_gract:active {color: #336699}

  .v_btn:active {color: #336699}
  .v_btnpestsobcp:active {color: #336699}
  .v_sobcn:active {color: #336699}
  .v_sobcs:active {color: #336699}
  .v_sobcp:active {color: #FFFFFF}
  .v_grsobcn:active {color: #336699}
  .v_grsobcs:active {color: #336699}
  .v_grsobcp:active {color: #FFFFFF}

  .v_btnbarragr:active {color: #FFFFFF}
  .v_btnbarra:active {color: #FFFFFF} 


  /*
    Significado de los estilos:
    
    act (color activo)
    barra (texto barra exterior)
    btn (texto botón)
    cn (color neutro)
    cp (color principal)
    cs (color secundario)
    form (texto en formularios)
    gr (texto grande)
    inact (color inactivo)
    norm (texto normal)
    pest (texto pestaña)
    sob (sobre)
    
    ej:
       btnpestsobcp -> texto de botones y pestañas sobre color principal
       normcp -> texto normal de color principal
       titnocp -> título que no es de color principal
  */ 

  

/* Fin */ 

/*--------------------------------------------------------------------------------*/
/*------------------------- PORTADA --------------------------------*/

#portada_col1{
  position: relative;
  float: left;
  width: 224px;
  margin: 0;
  padding: 0; 
  background: transparent url("imgs/linea_separacion.gif") no-repeat left bottom;
}

#portada_col1 .info_fot_min{
	clear: both;
	position: relative;
	float: left;	
	margin: 10px 0 0 0;	
}

#portada_col1 .info_fecha{ 
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;	
}

.vermas{
  clear: both;
	position: relative;
	float: right;
	width: 103px;
	height: 13px;
	margin: 20px 0 0 0;
  padding: 1px 0 0 0; 
	background-color: #336699;
	color: #FFF;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;	
}

.vermas a{
	color: #FFF;
}

.vermas span{
  position: absolute;
	top: 0;
	left: 0;
	width: 103px;
	height: 14px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/img_vermas_noticias.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;  
}

#portada_col2{
  position: relative;
  float: right;
  width: 253px;
  margin: 0;
  padding: 0;  
}

.caja_titulo {
  clear: both;
	position: relative;
	float: left;
	width: 186px;
	height: 20px;
	margin: 19px 0 0 0;
	padding: 2px 0 0 25px;	
	text-transform: uppercase;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	overflow: hidden;
}

.caja_titulo a{
  color: #336699;
}

.caja_titulo span{
  position: absolute;
	top: 0;
	left: 25px;
	width: 186px;
	height: 22px;
	margin: 0;
	padding: 0;	
	z-index: 2; 
}

#caja_partenieve{
  clear: both;
	position: relative;
	float: left;
	width: 211px;
	height: 158px;
	margin: 0;
	padding: 0 16px 0 26px;
	background: transparent url("imgs/fondo_partenieve.jpg") no-repeat top left;
}

#caja_partenieve .caja_titulo {
  width: 125px;
  background: transparent url("imgs/detalle_partenieve.gif") no-repeat top left;  
}

#caja_partenieve .caja_titulo span{
  width: 125px;
  background: transparent url("imgs/img_partenieve.jpg") no-repeat top left;
}

#estado_estacion, #estado_estacion_cerrada{
  position:relative;
  float:left;
	margin: 6px 0 0 4px;
	padding: 2px 6px; 
	color: #000;
	text-transform: uppercase;
	color: #FFF;
	font-size: 9px;
	background-color: #009900;
}

#estado_estacion_cerrada{
	background-color: #BF2918;
}

* html #estado_estacion, * html #estado_estacion_cerrada{
  margin: 6px 0 0 2px;
}

/*
#estado_estacion{
  clear: both;
	position: relative;
	float: left;
	width: 209px;
	margin: 6px 0 0 0;
	padding: 0 0 0 2px;	
	color: #000;
	text-transform: uppercase;
	color: #FFF;
	font-size: 9px;
}

#estado_estacion span{  
  background-color: #009900;
  padding: 4px 6px; 
}

#estado_estacion span.cerrada{
  background-color: #BF2918;
}
*/
#parte_estacion{
  clear: both;
	position: relative;
	float: left;
	width: 205px;
	margin: 5px 0 0 0;
	padding: 0 0 0 6px;	
	font-size: 10px;
	color: #336699;
}

#caja_partenieve .vermas{
  margin: 4px 0 0 0;
	width: 126px;
}

#caja_partenieve .vermas span{
	width: 126px;
	background: transparent url("imgs/img_verparte.gif") no-repeat top left;	
}

#caja_webcam{
  clear: both;
	position: relative;
	float: left;
	width: 211px;
	height: 195px;
	margin: 0;
	padding: 0 16px 0 26px;
	background: transparent url("imgs/fondo_webcam.jpg") no-repeat top left;
}

#caja_webcam .caja_titulo {
  margin: 18px 0 0 0;
  width: 79px;
  background: transparent url("imgs/detalle_webcam.jpg") no-repeat top left;  
}

#caja_webcam .caja_titulo span{
  width: 79px;
  background: transparent url("imgs/img_webcam.jpg") no-repeat top left;
  cursor: pointer;
}

#img_webcam{
  clear: both;
	position: relative;
	float: left;	
	margin: 7px 0 0 4px;
	padding:7px;
	background-color: #D5DFEA;
}

* html #img_webcam{
  margin: 7px 0 0 2px;
}

#img_webcam img{
	width: 178px;	
}

#caja_observatorio{
  clear: both;
	position: relative;
	float: left;
	width: 211px;
	height: 79px;
	margin: 0;
	padding: 0 16px 0 26px;
	background: transparent url("imgs/fondo_observatorio.jpg") no-repeat top left;
}

#caja_observatorio .caja_titulo {
  margin: 22px 0 0 0;
  width: 171px;
  height: 18px;
  padding: 2px 0 0 0;
  background: none; 
  overflow: hidden; 
}

#caja_observatorio .caja_titulo span{
  left: 0;
  width: 171px;
  height: 18px;
  background: transparent url("imgs/img_observatorio.gif") no-repeat top left;
  cursor: pointer;
}

#datos_observatorio{
  clear: both;
	position: relative;
	float: left;
	width: 211px;
	margin: 2px 0 0 0;
	padding: 0;	
	font-size: 9px;
	color: #336699;
}

#observatorio_mas{
	position: absolute;
  top: 53px;
  left: 221px;
	width: 14px;
	height: 13px;	
	padding:1px 0 0 0;
	background-color: #336699;
	color: #FFF;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;	
}

#observatorio_mas a{
	color: #FFF;
}

#observatorio_mas span{
  position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;	
	margin: 0;
	padding: 0;
	background: transparent url("imgs/img_mas.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;  
}

#caja_galeria{
  clear: both;
	position: relative;
	float: left;
	width: 216px;
	height: 278px;
	margin: 0;
	padding: 0 16px 0 21px;
	background: transparent url("imgs/fondo_galeria.jpg") no-repeat top left;
}

#caja_galeria .caja_titulo {
  margin: 18px 0 0 0;
  width: 148px;
  height: 24px;
  padding: 2px 0 0 34px;
  background: none; 
  overflow: hidden; 
  background: transparent url("imgs/detalle_galeria.jpg") no-repeat top left;  
}

#caja_galeria .caja_titulo span{
  left: 34px;
  width: 148px;
  height: 24px;
  background: transparent url("imgs/img_galeria.jpg") no-repeat top left;
  cursor: pointer;
}

#fotos_galeria {
  clear: both;
	position: relative;
	float: left;
	padding: 0 0 0 7px;
	margin:3px 0 0 0;
	width: 198px;	
}

.fotos_galeria_img{ 
  position: relative;
	float: left;
	background-color: #D5DFEA;
	width: 80px;
	margin: 5px 5px 0 0;
	padding: 7px;
	overflow: hidden;
}

#datos_galeria {
  clear: both;
	position: relative;
	float: left;
	padding: 0 0 0 7px;
	margin: 8px 0 0 0;
	width: 198px;	
	font-size: 10px;
	color: #336699;
}

#datos_galeria strong{
  font-size: 11px;
}

#galeria_vermas {
  position: absolute;
  top: 264px;
	left: 111px;
	width: 126px;
	height: 13px;
  padding: 1px 0 0 0; 
	background-color: #336699;
	color: #FFF;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;	
}

#galeria_vermas a{
	color: #FFF;
}

#galeria_vermas span{
  position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 14px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/img_vermas_galeria.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;  
}/*------------------ WEBCAM ----------------*/
#webcam_div{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  height: 424px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: transparent url("imgs/fondo_inf_webcam.gif") no-repeat left top;
}

#webcam_col1{
  position: relative;
  float: left;
  width: 204px;
  margin: 0;
  padding: 0;   
  overflow: hidden;
}

#webcam_sani {
  position: relative;
  float: left;
  width: 190px;
  margin: 80px 0 0 0;
  padding: 0 0 0 9px;   
  overflow: hidden;
  color: #333;
  font-size: 12px;
  font-family: Trebuchet MS, sans-serif;;
  font-weight: bold;  
}

#webcam_col2{
  position: relative;
  float: right;
  width: 569px;
  margin: 0;
  padding: 0 4px 0 0;  
  overflow: hidden; 
}

#webcam_img{
  position: relative;
  float: right;
  /*width: 563px;
  height: 384px;*/
  margin: 16px 0 0 0;
  padding: 3px;  
  overflow: hidden; 
  background-color: #D5DFEA;
}

#webcam_logo {
	position: relative;
	float: left;
	width: 204px;
	height: 69px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1em;
	z-index: 1;
}

#webcam_logo a {
	color: #336699;	
}

/*
#webcam_logo a:hover {
	color: #336699;
}
*/
#webcam_logo span {
	position: absolute;
	top: 0;
	left: 0;
	width: 204px;
	height: 69px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/logo_webcam.gif") no-repeat top left;
	z-index: 2;	
}

/*--------------------------------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }