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

/*------------------------- 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: #000;
  background: #FFF url("img/fnd_pag.jpg") no-repeat top center;
}

img {
  border: 0;
}

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

.oculto {
  display: none;
}

form {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: square;
}

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

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

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

.centrado {
  clear: both;
  position: relative;
  width: 980px; 
  margin: 0 auto;
  padding: 0; 
  overflow: hidden;
  z-index: 1;
}

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

#cabecera_sup {
	clear: both;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 980px;  
  height: 24px;
  z-index: 1;
  overflow: hidden;  
}

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

#menu_cabsup {
  position: relative;
  float: right;  
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 1em;  
  z-index: 1;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

#menu_cabsup li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 3px;
  font-size: 11px;
  text-transform: uppercase;  
  z-index: 1;
 
}

#menu_cabsup li.primero {  
  border-left: none;  
}

#menu_cabsup li a {  
	display: block;
	background-color: #336699;
  padding: 0;
  margin:0;
  color: #FFFFFF;
  pointer: cursor;
}

#menu_cabsup li a span{
	display: block;
	float: left;
  position: relative;
	height: 19px;
	padding: 0 3px;
	background-color: #336699;	
	pointer: cursor;
}

#menu_cabsup li a span.texto{  
	padding: 2px 3px 0 0;
	height: 17px;
	background-color: #336699;	
}
#menu_cabsup li a span.texto img{  
	padding: 0 4px 0 0;	
}

* html #menu_cabsup li a span.texto img{  
	margin: 0 2px 0 0;	
}

#menu_cabsup li a span.ini{  	
	background: #336699 url("img/cab_span_ini.gif") no-repeat left top;	
	padding: 0 0 0 3px;
}

#menu_cabsup li a span.fin{  	
	background: #336699 url("img/cab_span_fin.gif") no-repeat right top;	
	padding: 0;
}

#menu_cabsup li a:hover {
  background-color: #CC9900;
  color: #FFFFFF;
}

#menu_cabsup li a:hover span{
	background-color: #CC9900;
}

#menu_cabsup li a:hover span.ini{  
	background: #CC9900 url("img/cab_span_ini_over.gif") no-repeat left top;	
}

#menu_cabsup li a:hover span.fin{  
	background: #CC9900 url("img/cab_span_fin_over.gif") no-repeat right top;	
}

/*------------------------- cabecera ----------------------------*/
#cabecera {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 980px; 
  height: 200px;
  z-index: 1;
  overflow: hidden;  
}

#cabecera span.portada {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 138px;
  margin: 0;
  padding: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

#logotipo {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 138px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 1em;
  z-index: 1;
}

#logotipo a {
  color: #336699;
}

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

#logotipo span {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 138px;
  margin: 0;
  padding: 0;
  background: transparent url("img/logo_fuentesinvierno.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#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: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 2.125em 0 1em 0;
  background: transparent url("img/fondo_busqueda.gif") no-repeat top left;
}

#busqueda form{
  position: relative;
  float: right;
  width: 75%;
  margin: 0;
  padding: 0;
}

#busqueda p {
  float: left;
  width: 100%;
  margin: .5em 0 0 0;
  padding: 0;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  /*font-size: .625em;*/
  color: #336699;  
}

#busqueda p.pavan{
  width: 70%;
  font-size: .6875em;
  text-transform: uppercase;
  margin-top: -1.5em;  
}

#busqueda p.pavan a{
  color: #336699;  
  text-decoration: underline;  
}

#busqueda .ctxt {
  border: none;  
  color: #336699;
  font-size: 1.1875em;
  font-weight: normal;
  width: 90%;
  margin: 0;
  padding: 0;  
}

#busqueda .boton {
  border: none;
  float: right;
  background: #336699; /*url("img/iclupa.gif") no-repeat top left;*/
  color: #FFFFFF;  
  overflow: hidden;  
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .6875em;  
  margin: 0;
  padding: .25em 0;
  width: 4.5em;
  text-transform: uppercase;
}



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

#boletin {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  margin: 0;
  padding: .25em 0 0 0;  
  background: transparent url("img/fondo_boletin.gif") no-repeat 0em 2em ;
}

#boletin h2{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;  
  color: #CC9900;
  font-weight: normal;
  font-size: 1.5em;
  text-align: center;
}

#boletin form{
  position: relative;
  float: right;
  width: 70%;
  margin: 0;
  padding: 0;
  margin-top: -0.5em;
}

#boletin p {
  float: left;
  width: 100%;
  margin: .5em 0 0 0;
  padding: 0;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  /*font-size: .625em;*/
  color: #336699;  
}

#boletin p.pavan{
  width: 70%;
  font-size: .625em;
  margin-top: -1.5em; 
  padding-left: .8125em;
}

#boletin p.pavan a{
  color: #336699;  
  text-decoration: underline;  
}

#boletin .ctxt {
  float: right;
  border: 1px solid #D5DFEA;  
  color: #336699;
  font-size: .8125em;
  font-weight: normal;
  width: 90%;
  margin: 0;
  padding: .25em;  
}

#boletin .boton {
  border: none;
  float: right;
  background: #336699; /*url("img/iclupa.gif") no-repeat top left;*/
  color: #FFFFFF;  
  overflow: hidden;  
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .625em;  
  width: 7.25em;
  margin: 0;
  padding: .25em 0;  
}

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

#menu_sup {
  position: relative;
  float: left;
  width: 970px;
  height: 43px;
  margin: 0;
  padding: 0 0 0 10px;  
  background: transparent url("img/fnd_menu_sup.jpg") no-repeat left top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color: #336699;
}

#menu_sup a {
  color: #336699;  
}

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

#menu_sup li {
  list-style-type: none;
  display: block;
  position: relative;
  float: left;
  padding: 0;  
  margin: 0;
  height: 43px;
  background: transparent url("img/sep_menu_sup.gif") no-repeat right top;
}

#menu_sup li span{ 
	display: block;
  position: relative;
  float: left;
  padding: 13px 12px 4px 12px;    
}

#menu_sup li.primero {
  
}


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

#idiomas {
  position: relative;
  float: right;  
  margin: 0;
  padding: .3em 1em 0 0;
  text-align: right;
  font-size: 1em;
  background-color: #336699;
  color: #FFFFFF;
}

#idiomas li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 .5em;
  font-size: .6875em;
  text-transform: uppercase;
  border-left: 1px solid #D5DFEA;
}

#idiomas li.primero {  
  border-left: none;
}

#idiomas li a {  
  padding: 0 .375em;
  color: #FFFFFF;
}

#idiomas li a:hover {
  background-color: #CC9900;
  color: #FFFFFF;
}

#idiomas li a.activo {  
  background-color: #D5DFEA;
  color: #336699;
}

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

#medio {
  clear: both;
  position: relative;
  float: left;
  width: 980px;
  margin: 4px 0 0 0;
  padding: 0;
}

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

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

#col_dest { 
  position: relative;
  float: right;
  width: 262px;
  overflow: hidden;
  margin: 0;
  padding: 0 0 1em 0;
  /*background-color: #ccc;*/
}

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

.destacados {
  clear: both;
  position: relative;
  float: left;  
  width: 100%;
  margin: 0;
  padding: 0;  
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background-color: #FFF;  
}

.destacados h2 {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 0 .375em;
  font-size: 1.6875em;
  color: #CC9900;
  font-weight: normal;
  background: transparent url("img/flecha_titulo.gif") no-repeat 0 .35em;
}

.destacados div.grupo_div {
  position: relative;
  float: left;
  width: 100%;
  padding: 4px;
  margin: 3px 0 0 0; 
  background: #336699;
}

.destacados div.amarillo {
  background: #CC9900;
}

.destacados div.primero {
  border: none;
  margin: 0;
}

.destacados img {
  position: relative;
  float: left;
  margin: 0 7px 0 0;
  padding: 0;
  border: 1px solid #FFF;
}

.destacados h3 {
  margin: 0 0 .2em 0;
  padding: 0 5px 0 0;
  font-size: 1em;
  font-weight: normal;
  color: #FFFFFF;
}

.destacados h3 a {
  color: #FFFFFF;
}

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

.destacados h4 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  color: #336699;
}

.destacados h4 a {
  color: #336699;
}

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

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

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

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

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

#menu_dcha {  
  position: relative;
  float: right;
  width: 212px;
  margin: 0;
  padding: 0;
}

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

#menu {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;  
  font-size: .75em;
  background: #FFF;
  color: #336699;  
  overflow: hidden;
}

#menu li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 98%;
  margin: .25em 0 0 0 ;
  padding: .25em .5em;
  background-color: #CC9900;  
  color: #FFF;
  
}

#menu li.primero {  
  margin: 0;  
}

#menu li a {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #FFF;  
}

#menu li a:hover {
  text-decoration: underline;
}

#menu li a.activo {  
  font-weight: bold;
}

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

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

#menu ul.submenu li a {
  background: none;
  border: none;
  color: #CC9900;
  text-decoration: underline;
  padding: 0 0 0 1em;
}

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

#menu ul.submenu li a.activo {
  color: #CC9900;
  font-weight: bold;
}

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

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

.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;
}

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

#herr_compartir { 
  position: relative;
  float: right;    
  margin: 0;
  padding: 4px 0 0 0;
  color: #336699;
  z-index: 50;  
}

#herr_compartir li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 2px;
  font-size: .6875em;
  text-transform: uppercase;  
  z-index: 50;  
}

#herr_compartir li.primero {  
  border-left: none;
  padding:  0 2px 0 0;
}

#herr_compartir li a {  
  padding: 0;
  color: #336699;
}

#herr_compartir li a#henvami {
  padding-right: 2em;
  background: transparent url("img/ic_envami.gif") no-repeat 0 3px;
}

#herr_compartir li a:hover {
  color: #336699;
}

#herr_compartir li span {  
  display: block;
  float: left;
  padding: 0 0 0 .7em;
}

#herr_compartir li #opciones_compartir {
  float: left;
  text-align: left;
  margin: 0;
  padding: 0 0 0 3px;
  border-left: 1px dotted #777;
  
}

#herr_compartir li #opciones_compartir li {
  display: inline;
  border: none;
  padding: 0 2px;
}

#herr_compartir li #opciones_compartir li a:hover {
  background-color: transparent;
}

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

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

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

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

#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;
}

#logosci {
  position: relative;
  float: right;
  border: none;
  margin:0;
  padding: 0;
  width: 91px;
  height: 36px;
  font-size: .7em;
  text-transform: uppercase;
  overflow: hidden;
}

#logosci span{
  position: absolute;
  top: 0;
  left: 0;
  width: 91px;
  height: 36px;
  margin: 0;
  padding: 0;
  background: transparent url("img/logo_sci.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#logosci a:hover {
  color: #FFFFFF;
}

#piecont{
  position: relative;
  float: left;
  width: 58%;
  padding: .5em 0 0 0;
  margin: 0;  
}

#piecont h2{
  color: #FFC418;
  padding: 0 0 0 .75em;
  margin: 0;
  background: transparent url("img/flecha_titulo3.gif") no-repeat 0 .35em;
  font-size: 1.25em;
}

#piecont .bloque{
  position: relative;
  float: left;
  width: 47%;  
  padding: 0 1em 0 0;
  margin: 0;
  font-size: .75em;
}

#piecont .bloque div{
  padding: .25em 0 0 .75em;
  margin: 0;
}

#piecont a:hover {
  color: #FFC418;
}


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

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

.contenidoampliado{
  width: 691px !important;
  padding: 10px 10px 10px 14px !important;
  background: transparent url("img/fnd_cont_ampli.jpg") no-repeat top left !important;
}

.contenidoampliadoportada{
  width: 712px !important;
}

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

#print_foot_pag{
  clear: both;
  position: relative;
  float: left;  
  width: 96%;
  overflow:hidden;
  margin: 1.5em 0 0 0;
  padding: .5em;  
  font-size: .7em;
  border-top:1px solid #336699; 
  border-bottom:1px solid #336699; 
  color: #336699;  
}

#print_foot_pag strong{
  color: #336699;  
  font-weight: normal;
}

#print_foot_dat{
  clear: both;
  position: relative;
  float: left;  
  width: 96%;
  overflow:hidden;
  margin: 0;
  padding: .5em;      
  color: #336699;    
}

#print_foot_dat_col1{ 
  position: relative;
  float: left;  
  width: 70%;
  overflow:hidden;
  margin: 0;
  padding: 0;    
}

#print_foot_dat_col1 .bloque{
  float:left;
	font-size:0.625em;
	margin:0;
	padding:0 1em 0 0;
	position:relative;
	width:47%;
}

#print_foot_dat_col1 .bloque h2{  
  margin:0;
  padding:0 0 .5em 0;
	font-size: 1.2em;
	color: #336699;
}

#print_foot_dat_col2 {
  position: relative;
  float: right;
  border: none;
  margin:0;
  padding: 0;
  width: 91px;
  height: 36px;
  font-size: .7em;
  text-transform: uppercase;
  overflow: hidden;
}

#print_foot_dat_col2 span{
  position: absolute;
  top: 0;
  left: 0;
  width: 91px;
  height: 36px;
  margin: 0;
  padding: 0;
  background: transparent url("img/logo_sci_print.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#print_foot_dat_col2 a:hover {
  color: #FFFFFF;
}
/*------------------------ CONTENIDO WEB -------------------------------*/

.keywords {
  display: none;
}

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

a.descimg {
  display: block;
  clear: both;
  margin: .3em 0;
  font-size: .75em;
  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: 0;
  padding: 0 0 1em 0;
  font-size: .6875em;
  color: #336699;
}

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

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

#ruta_apartado a {
  color: #CC9900;
  text-decoration: underline;
}

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

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

#foto_apartado {  
  position: absolute; 
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;  
  width: 980px;
  height: 200px;
  overflow: hidden;
  z-index:5;    
}

#foto_apartado img{    
  clear: both;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;  
  width: 980px;
  height: 200px;
  overflow: hidden;
  z-index:5;
}

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

#tit_apartado {
  clear: both;
  position: relative;
  float: left;  
  margin: 0;
  padding: 0 0 5px 0;  
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 24px;
  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: .75em;
  color: #336699;
}

#desc_apartado a {
  color: #336699;
}

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

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

#subapartados {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .5em 0 1em 0;
  font-size: .875em;
  color: #CC9900;
  line-height: 1.5;
}

#subapartados li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0 0 0 .5em;
  border-left: 1px solid #CC9900;
}

#subapartados li.primero {
  border: none;
}

#subapartados a {
  color: #CC9900;
}

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

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

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

.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%;
  overflow: hidden;
}

.informacion a {
  color: #336699;
}

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

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

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

.info_tit_ext {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: 1.375em;
  font-weight: normal;
  color: #336699;
}

.info_tit_ext a {
  color: #336699;
}

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

.info_izda .info_tit_ext, .info_dcha .info_tit_ext{
  font-size: 1em;
}

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

.info_fot_min {
  float: left;
  min-width: 1.25em;  
  margin: 0 .5em .25em 0;   
  padding: 0;
}

.info_fot_min img{
  border: 6px solid #D5DFEA;
}


.info_izda .info_fot_min, .info_dcha .info_fot_min{
  width: 100%;
  margin: 0 0 .25em 0;
}

.info_fecha {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: .675em;
  font-weight: normal;
  color: #CC9900;
}
.info_tit_int {
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: .875em;
  font-weight: normal;
  color: #336699;
}

.info_izda .info_tit_int, .info_dcha .info_tit_int{  
  font-size: .75em;
}


.info_tit_int a {
 color: #336699;
}

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

.info_texto {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .75em;
  color: #336699;
}

.info_izda .info_texto, .info_dcha .info_texto{
  font-size: .6875em;
}

.info_texto a {
  color: #336699;
}

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

.leer_mas {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .6875em;
  color: #336699;
  text-transform: uppercase;
  display: none;
}

.leer_mas a {
  color: #336699;
}

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

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

.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 {
  background-color: #D5DFEA;
  width: 99%; /*jano(15-02-2010): si no le ponemos este ancho se corta el texto en algunos navegadores*/
	padding: .25em;
}

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

.info_bloque_fseg_sep6 {
  position: relative;
  float: left;
  width: 48%;
  overflow: hidden;
  margin: .8em 0 0 0;
  padding: 0 0 0 .5em;
}

.info_bloque_fseg_sep7 {
  position: relative;
  float: left;
  width: 30%;
  overflow: hidden;
  margin: .8em 0 0 0;
  padding: 0 0 0 .5em;
}

.fseg_primero {
  padding-left: 0;
}

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

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

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

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

.info_bloque_fot_mosaico {
	display: inline;
}

.info_bloque_fot_izda img,
.info_bloque_fot_dcha img,
.info_bloque_fot_mosaico img {
  border: 6px solid #D5DFEA;
}

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

.info_bloque_desc a {
  color: #336699;
}

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

.info_bloque_texto {
  margin: 0;
  padding: 0;
  font-size: .75em;
  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: .8em 0 0 0;
  padding: 0;
  font-size: .75em;
  color: #336699;
}

.info_bloque_fichero a {
  color: #336699;
  background: transparent url("img/icon_fichero.gif") no-repeat 0 0;
  padding: 0 0 0 1.5em;
}

.info_bloque_fichero a.linkpdf {
  background: transparent url("img/icon_pdf.gif") no-repeat 0 0;
}

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

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

.info_bloque_enlace a {
  color: #336699;
  background: transparent url("img/icon_enlace.gif") no-repeat 0 0;
  padding: 0 0 0 1.5em;
}

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

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

.paginacion {
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  margin: 1em 0;
  padding: .25em;   
  font-size: .7em;
  color: #333;
  border: 1px solid #CCC;
}

.paginacion .col1{ 
  position: relative;
  float: left;
  width: 33%;
  margin: 0;
  padding: 0;
}

.paginacion .col1 a{   
  padding: 0 0 0 16px;
  background: transparent url("img/ic_pag_ant.gif") no-repeat left 1px;
}

.paginacion .col2{ 
  position: relative;
  float: left;
  width: 33%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.paginacion .col3{ 
  position: relative;
  float: right;
  width: 33%;
  margin: 0;
  padding: 0;
  text-align: right; 
}

.paginacion .col3 a{ 
  padding: 0 16px 0 0;
  background: transparent url("img/ic_pag_sgte.gif") no-repeat right 1px;
} 

.paginacion a {
  color: #333;
}

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

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

.info_paginacion {
  clear: both;
  position: relative;
  float: left;
  text-align: right;
  margin: .625em 0;
  padding: 0;
  font-size: .6875em;
  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: 0;
  padding: .5em 0;
  text-align: right;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .6875em;
  text-transform: uppercase;
}

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

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

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

.info_volver {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  font-size: .6875em;
  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: .6875em;
  color: #336699;
  text-transform: capitalize;
}

.info_editar a {
  color: #336699;
}

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

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

.panel_control_tit {
  clear: both;
  position: relative;
  float: left;
  margin: 1em 0 0 0;
  padding: 0.25em .5em;
  font-size: .75em;
  color: #FFFFFF;
  background-color: #336699;
  text-transform: uppercase;
}

.panel_control {
  clear: both;
  position: relative;
  float: left;
  margin: 0;
  padding: 0.5em;
  width: 96%;
  font-size: .75em;
  color: #336699;
  border: 1px solid #336699;
}

.panel_control a {
  color: #336699;
}

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

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

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

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

.panel_control ul li.icpanel{
  padding: 0 .5em .25em 1.75em;
  background: transparent url("img/icpanelcontrol.gif") no-repeat left top;
}

.panel_control ul li.icopcap{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("img/ic_nav_apartados.gif") no-repeat .5em 0;
}

.panel_control ul li.icestad{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("img/ic_nav_estadisticas.gif") no-repeat .5em 0;
}

.panel_control ul li.iccontac{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("img/ic_nav_comunicacion.gif") no-repeat .5em 0;
}

.panel_control ul li.iceditin{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("img/ic_nav_contenidos.gif") no-repeat .5em 0;
}

ul.menu_bloque_contenido li.icpanel{
  padding: 0.7em 0.875em .95em 2.625em;
  background: transparent url("img/icpanelcontrol.gif") no-repeat 0.875em 0.7em;
}

.panel_control_destacados {
  clear: both;
  position: relative;
  float: left;
  margin: .625em 0;
  width: 100%;
  font-size: .75em;
  color: #336699;
  padding: 0 0 .25em 1.75em;
  background: transparent url("img/icpanelcontrol.gif") no-repeat left top;
}

.panel_control_destacados a {
  color: #336699;
}

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


/* ---------------------------- MAPA GOOGLE---------------------------- */
.gmap {
  width:100%;
  height:18.75em;
}

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

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

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

.carusel_horizontal {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  height: 5em; /* Hay que cambiarlo en funcion del alto de las fotos pequeñas */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.foto_grande_vertical {
  position: relative;
  float: left;
  width: 70%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.carusel_vertical {
  position: relative;
  float: right;
  width: 28%;
  height: 14.8em; /* Hay que cambiarlo en funcion del alto de la foto grande */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.previous_button {
  width: 4em;
  display: block;
  cursor: pointer;
  position: relative;
  float: left;
  padding: 2em 2em 0 .5em;
  font-weight: bold;
  color: #336699;
  font-size: .7em;
}

.previous_button_disabled {
  color: #D5DFEA;
}

.carusel_vertical .previous_button {
  clear: both;
  width: 100%;
  float: left;
  padding: 0;
  text-align: center;
}

.next_button {
  width: 5em;
  display: block;
  cursor: pointer;
  position: relative;
  float: right;
  padding: 2em 0 0 0;
  font-weight: bold;
  font-size: .7em;
  color: #336699;
}

.next_button_disabled {
  color: #D5DFEA;
}

.carusel_vertical .next_button {
  clear: both;
  width: 100%;
  float: left;
  padding: 0;
  text-align: center;
}

.container {
  position: relative;
  float: left;
  width: 20.25em; /* Valor 1 */
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.carusel_vertical .container {
  height: 11em; /* Valor 2 */
  width: 8em;
}

.lista_fotos {
  position: relative;
  float: left;
  width: 10000em;
  height: 5em;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 0; /* NO BORRAR ESTA LINEA BAJO NINGUN CONCEPTO */
  left: 0; /* NO BORRAR ESTA LINEA BAJO NINGUN CONCEPTO */
}

.carusel_vertical .lista_fotos {
  width: 100%;
  height: 10000em;
}

.lista_fotos li {
  list-style-type: none;
  float: left;
  width: 10.125em; /* Este valor tiene que ser exactamente la mitad de Valor 1 */
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.carusel_vertical .lista_fotos li {
  width: 8em;
  height: 5.5em; /* Este valor tiene que ser exactamente la mitad de Valor 2 */
  padding: 0;
}

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


/*------------------------- 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;
}

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


/* ---------------------- 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: 98%;
  margin: 0 0 .625em 0;
  padding: 0 0 0 .85em;
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
  font-size: 0.6875em;
  text-align: left;
  color: #336699;
}

.txtform a {
  color: #336699;
}

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

.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: #CC9900;
}

.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: #CC9900;
}

.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;
}

.txt_avisopeso {
  color: #CC9900;
}

.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%;
  overflow: hidden;
  position: relative;
  float: left;
}

.formulario .fset legend {
  display: block;
  position: relative;
  float: left;
  margin: 0 0 1em .5em;
  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 .1em .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 label {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;
  color: #336699;
  width: 30%;
  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 span {    
  color: #336699;  
  font-size: 0.6875em;
}


.formulario input.caja {
  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 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 input.cajaantispam {
  width: 20%;
  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;
  margin: 1em 0 0 0;    
  border: .1em solid #336699;
  width: auto;
  background-color: #D5DFEA;
  font-size: 0.6875em;
  color: #336699;
  cursor: pointer;
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;     
}

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

.fbuscar input.bt_form {
  margin: 0;
}

a.bt_form {
  margin: -1em .5em 0 0;
  padding: .15em .5em;
  padding: .2em .5em .2em .5em ;
  padding: .2em .5em .19em .5em ;
  margin: 1em 0 0 0;
  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;
}


/* ----------------------------- 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;  
} 



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

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

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

.alojamiento a:hover {
  color: #CC9900
}

.aloj_direccion_int { 
  margin: 0 0 .5em 0;
  padding: 0;  
  font-size: .75em;  
  color: #336699;
}  

.aloj_direccion_int a {
  color: #336699;
}

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

.aloj_direccion_ext {  
  clear: both;
  margin: 0 0 .5em 0;
  padding: 0;  
  font-size: .75em;  
  color: #336699;
}  

.aloj_direccion_ext a {
  color: #336699;
}

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

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

.caja_resumen{
  clear: both;
  position: relative;
  float:left;
  width: 100%;
  margin: .95em 0 0 0;
  padding: .2em 0;
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;  
  color: #336699;
}

.aloj_tit_resumen {
  clear: both;
  position: relative;
  float:left;
  width: 100%;
  font-weight: bold;
  font-size: .875em;
  margin: 0;
  padding: 0;
}

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

.col_resumen {
  position: relative;
  float: left; 
  width: 26%;
  margin: 0;
  padding: .625em .75em .625em .5em; 
}

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

.alojamiento_cols {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .5em 0 0 0;
  padding: 0;
  overflow: hidden;
}

.alojamiento_col1{
  position: relative;
  float: left;
  width: 49%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.alojamiento_col2{
  position: relative;
  float: right;
  width: 49%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

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

.aloj_titulo {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .75em 0 0 0;
  padding: 0 0 .3em 0;
  color: #336699;
  font-size: .75em;
  text-transform: uppercase;
  border-bottom: 1px solid #336699;
}

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

.aloj_servicios li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 40%;
  margin: 0;
  padding: 0 .3em 0 0;
  font-size: .7em;
  color: #336699;
}

.aloj_fotogr {
  clear: both;
  position: relative;
  float: left;
  width: 281px;
  border: 1px solid #E6E6E6;
}

.aloj_foto {  
  position: relative;
  float: left;
  width: 53px;
  margin: 2px 0 0 0;
  padding: 0 2px;
}

.habitacion {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: .625em 0;
  border-bottom: 1px dotted #336699;
}

.habitacion .info_tit_int{
  font-size: .75em;
}

.habitacion .info_bloque_desc{
  font-size: .6875em;
  margin: .5em 0 0 0;
}

.datos_habitaciones {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .5em 0 0 0;
  padding: 0;
  caption-side: bottom;
  font-size: .6875em;
  text-align: left;
  color: #336699;
  background-color: #D5DFEA;
}

.datos_habitaciones th {
  color: #336699;
}

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

.aloj_opiniones {
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  margin: 0;
  padding: .3em;
}

.aloj_opdestacada {
  background-color: #D5DFEA;
}

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

.aloj_txt_valoracion {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; 
  text-align: right;
  color: #336699;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .6875em;
}

.aloj_vertodos {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .625em 0;
  padding: 0;  
  font-size: .6875em;
  text-transform: uppercase;
}

.aloj_vertodos a { 
  color: #336699;
  background-color: #D5DFEA;
  padding: .3em;
}

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

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

.aloj_sellos {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: 0;
  text-align:center;
}

.aloj_sellos p {
  float: left;
  width: 33%;
  border: 1px solid #E6E6E6;
  margin: 0 .3em .3em 0;
  font-size: .75em;
  color: #336699;
}

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

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

.aloj_precios_txt {
  margin: 0;
  padding: 0;
  font-size: .6875em;
  color: #336699;
}

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

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

.hab_tablaprecios{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  border-collapse: collapse;
  border-spacing: 0;    
  font-size: .6875em;
  text-align: left;
}

.hab_tablaprecios th {
  border-bottom: 1px solid #D5DFEA;
  padding: 0;
  color: #336699;
}

.hab_tablaprecios td {
  border-bottom: 1px solid #D5DFEA;
  padding: 0;
  color: #336699;
}

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

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

.aloj_suplementos table {
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  border-collapse: collapse;
  border-spacing: 0;    
  font-size: .6875em;
  text-align: left;
}

.aloj_suplementos th {
  border-bottom: 1px solid #D5DFEA;
  padding: 0;
  color: #336699;
}

.aloj_suplementos td {
  border-bottom: 1px solid #D5DFEA;
  padding: 0;
  color: #336699;
}

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

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

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

.aloj_cerca p {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0;
  padding: .3em;
  font-size: .75em;
  color: #336699;
  border-bottom: 1px solid #336699;
}

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

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

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

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

.aloj_calendario img {
  border: 1px solid #336699;
  width: 1em;
  height: 1em;
}

.aloj_tb_calendario {
  width: 100%;
  border-spacing: 0;
  empty-cells: hide;
}

.aloj_tb_calendario caption {
  padding: .3em 0;
  font-size: .7em;
  font-weight: bold;
  color: #336699;
  background-color: #D5DFEA;
}

.aloj_tb_calendario caption a {
  color: #336699;
}

.aloj_tb_calendario caption a:hover {
  color: #CC9900;
}

.aloj_tb_calendario th {
  color: #336699;
  font-size: .6875em;
}

.aloj_tb_calendario tr td {    
  color: #336699;
  font-size: .6875em;
  margin: 0;
  padding: .2em;
  text-align: right;
}

.aloj_tb_calendario img {
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
}

.aloj_ayuda{    
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: .6875em;
  font-weight: bold;
  text-transform: uppercase;  
  text-align: right;
}

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

.aloj_ayuda a:hover {    
  color: #CC9900;
  text-decoration: underline;
}

.aloj_calendario_texto{
  clear: both;
  position: relative;
  float: left;
  width: 100%; 
  background-color: #F2F2F2;  
  margin: .3em 0 0 0;
  padding: .5em 0;  
  font-size: .6875em;
  color: #336699;
}

.aloj_calendario_texto p{
  margin:0;
  padding: 6px 8px 2px 10px;
}

.aloj_calendario_texto strong {
  text-transform: uppercase;  
}

.aloj_calendario_texto span {
  padding: 0 .3em;
  width: .625em;
  height: .625em;
}

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

.aloj_reserva_texto a {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: right;
  color: #336699;
  font-weight: bold;
  text-decoration: underline;
}

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

/* ------------------------------------------------------------ */
/*------------------------- Alojamiento --------------------------------*/

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

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

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

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

.tbcalendario {
  clear: both;
  position: relative;
  margin: 0 auto;
  width: 50%;
  border-spacing: 0;
  empty-cells: hide;
  border-collapse: collapse;
}

.tbcalendario caption {
  margin: 0 auto;
  padding: .3em 0;
  font-size: .7em;
  font-weight: bold;
  color: #336699;
  border-bottom: 1px solid #D5DFEA;
}

.tbcalendario caption img {
  background-color: #D5DFEA;
  margin: 0 .625em;
}

.tbcalendario a {
  color: #336699;
}

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

.tbcalendario th {
  color: #336699;
  font-size: .6875em;
}

.tbcalendario tr td {    
  color: #336699;
  font-size: .6875em;
  margin: 0;
  padding: .2em;
  text-align: center;
}

.tbcalendario tr td.calsomb {
  background-color: #D5DFEA;
}

.tbcalendario tr td.diaactual {
  font-weight: bold;
  color: #336699;
}

.tbcalendario tr td.diaactual a {
  color: #336699;
}

.tbcalendario tr td.diamarcado,
.tbcalendario tr td.diamarcado a{
  text-decoration: underline;
}

.tbcalendario img {
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
}

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

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

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

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

.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: .75em;
  color: #336699;
  text-align: center;
}

.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: .75em;
  color: #336699;
  text-align: center;
}

.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.6875em;
  color: #336699;
  width: 99%;
  table-layout: fixed;
}

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

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

* html .info_tabla {
  margin: 0 0 8px 0;
}

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

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

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

.info_tabla th a{
  color: #FFFFFF;
  text-decoration: none;
}

.tbfondsec td {
  background-color: #D5DFEA;
}

.tbfondsec tr th {
  background-color: #336699;
  color: #FFFFFF;
}

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

.datos_mapa_info {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: .5em .5em;
	background-color: #336699;
	color: #FFFFFF;
  font-size: .75em;
}

.datos_mapa_info p {
	margin: 0;
	padding: 0 0 .25em 0;
}

.datos_mapa_info a {
	color: #FFFFFF;
}

.datos_mapa_info .grupomapa {
  clear: both;
  position: relative;
  float: left;
  width: 96%;
  margin: 0;
  padding: .5em 0;
}

.datos_mapa_info .grupomapa .rutamapa {
  position: relative;
  float: left;
  width: 60%;
  margin: 0 1em 0 0;
  padding: 0 .5em 0 0;
  border-right: 1px solid #FFFFFF;
}

.datos_mapa_info .grupomapa .rutamapa label {
	color: #FFFFFF;
	font-size: 1em;
	padding: 0 .5em 0 0;
}

.datos_mapa_info .grupomapa .rutamapa .caja {
  border: 0.1em solid #336699;
  background-color: #FFF;
  color: #336699;
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;  
  padding: 0;
}

.datos_mapa_info .grupomapa .rutamapa .bt_form {
  margin: 0;
  padding: .125em .5em;
  font-size: 1em;
}

.datos_mapa_info .grupomapa .rutamapa .ggbt_form:hover {
  background-color: #D5DFEA;
  color: #336699;
}

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

/* ----------------------------- DATOS ADICIONALES -------------------- */

.datos_adicionales {
  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: .75em;
  color: #336699;
}

.datos_adicionales p {
  margin: 0 0 .5em 0;
  padding: 0;
}

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

/* ----------------------------- BUSQUEDAS -------------------- */

.blq_busqueda {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: .25em 1em 1em 1em;
  padding: 0;  
  border-bottom: 1px dashed #CCC;
}

* html .blq_busqueda {  
  margin-left: .5em;  
}

.txtbusqueda {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 .5em 1em;
  color: #336699;
  font-size: .75em;
  font-weight: bold;
}

.txtbusqueda a {
  color: #336699;
}

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

.titbusqueda {
 /* clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 1em 0 .5em 0;
  padding: 0;
  font-size: .7em;
  text-align: left;
  font-weight: bold;
  color: #336699;*/
  
  clear: both;
  position: relative;
  float: left;
  width: 93%;
  margin: 0 0 .5em 0;
  padding: .25em .625em;
  font-size: 1.25em;
  color: #FFFFFF;
  font-weight: normal;
  text-transform: uppercase;
  background: url("img/flecha_titulo2.gif") no-repeat .25em .5em;
  background-color: #CC9900;
}

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


/* ----------------------------- BUZON -------------------- */

.buzon {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .5em 0;
  padding: 0;
  color: #336699;
}

.tbbuzon {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .625em 0;
  padding: 0;  
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}

.tbbuzon th{
  font-size: .75em;
  text-transform: uppercase;
  background-color: #336699;
  color: #FFFFFF;
}

.tbbuzon td{
  font-size: .6875em;  
}

.tbbuzon td.fondo{
 background-color: #D5DFEA;
 color: #336699;
}

.buzon .tbbuzon a {
  color: #336699;
}

.buzon .tbbuzon a:hover {
  color: #336699;
}

.txtpaginar {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .625em 0;
  padding: 0;
  text-align: center;
  font-size: .6875em;
}

.txtpaginar a {
  color: #336699;
}

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

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

.txtbuzon a {
  color: #336699;
}

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

.txtbuzon span {
  display: block;
  position: relative;
  float: left;
  width: 15em;
  margin: 0 .5em 0 0;
  padding: 0 .5em 0 .5em;
  font-weight: bold;
  background-color: #336699;
  color: #FFFFFF;
  text-align: right;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ ENCUESTAS ------------------------------ */

.foto_enc_cab {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: 0;
  text-align: center;
}

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

.info_enc a {
  color: #336699;
}

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

.img_enc {
  display: block;
}

.radio_encuesta {
  position: relative;
  float: left;
}

.lineaf img {
  float: left;
  margin: 0;
  padding: 0 .2em 0 .125em;
}

.formulario label.lblenc {
  width: 80%;
}

.formulario label.lblenc2 {
  width: 93%;
}


/* ----------------------------- 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;
}

.datosmensaje {
  margin: 0 0 1em 0;
  padding: 0;
}

.datosmensaje p {
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: .7em;
  color: #336699;
}

.txtmensaje {
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: .7em;
  color:#336699;
}

.fichmensaje {
  margin: 1em 0 .25em 0;
  padding: 0 0 0 1.2em;
  font-size: .7em;
  color:#336699;
  background: transparent url("img/icclip.gif") no-repeat top left;
}

.fichmensaje a {
  color:#336699;
}
/* -------------------------------------------------------------------- */

/*------------------------- INTEGRANTES --------------------------------*/

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

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

.titintegrantes a {
  color: #FFFFFF;
}

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

.grpintegrantes {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0 0 1em 0;
  padding: 0 .3em;
}

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

/* ----------------------------- MAPA WEB -------------------- */

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

#mapa_web a {
  color: #336699;
}

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

#mapa_web ul {
  margin: 0 0 0 2em;
  padding:0;
}

#mapa_web ul li {
  margin: 0.5em 0 0 0;
  padding: 0;
}

/* -------------------------------------------------------------------- */
/* ------------ COMENTARIO Y VALORACION DE CONTENIDOS ------------- */

/* ---------------  COMENTARIOS --------------------------- */

.conten_comentarios{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: .5em 0;
  padding: 0;  
  color: #336699; 
  overflow: hidden;
}

.conten_comentarios .cc_titulo{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .125em 0;  
  font-size: .75em; 
  color: #BE0A16;  
  font-weight: bold;   
}

.conten_comentarios .cc_titulo span{
	display: block;
	float: left;
	width: 29px;
	height: 17px;
	background: #BE0A16 url("img/img_numcomen.gif") no-repeat top left;
	color: #FFF;
	text-align: center;
	margin:0 .5em 0 0;
	padding: 0;
}

.conten_comentarios .cc_comentario{
  clear: both;
  position: relative;
  float: left;
  width: 202px;  
  margin: 5px 0 0 0;
  padding: 5px;  
  background-color: #E4EBF1;   
  color: #336699;     
}

.cc_comentario .cc_col1{
  position: relative;
  float: left;
  width: 40px;  
  margin: 0;
  padding: 0;  
  font-weight: bold;
}

.cc_comentario .cc_col1 span{
  color: #336699;
  padding: 0 .25em 0 0;
  border-right: 1px solid #EBEBEB;  
}

.cc_comentario .cc_col1 img{
  border:1px solid #CCC;  
}

.cc_comentario .cc_col2{
  position: relative;
  float: left; 
  margin: 0;
  padding: 0;    
}

.cc_comentario .cc_col2 p{
  margin: 0;
  padding: 0;    
}

.cc_comentario .cc_col2 p.cc_col2_nom{
  font-weight: bold;
  padding-bottom: 2px;   
  font-size: .8em;   
}

.cc_comentario .cc_col2 p.cc_col2_fec{
  color: #666;    
  font-size: .7em;  
}

.cc_comentario .cc_texto{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .5em 0;   
  font-size: .7em;    
}

.cc_valoracion{
  clear: both;
  position: relative;
  float: left;
  width: 202px;  
  margin: 0;
  padding: 5px 6px;  
  background-color: #D5DFEA;   
  color: #336699;   
  font-size: .7em;
  border-bottom: 4px solid #C7D3E2;  
}

.cc_valoracion .cc_vpos{
  padding: 0 1em .25em 2em;
  background: transparent url("img/ic_votopos.gif") no-repeat 0 0;
}

.cc_valoracion .cc_vneg{
  padding: .5em 1em .5em 2em;
  background: transparent url("img/ic_votoneg.gif") no-repeat 0 .5em;
}

.cc_paginacion{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .25em 0;   
  font-size: .625em;
}

.cc_paginacion .ccp_col1{
  position: relative;
  float: left;
  width: 38%;  
  margin: 0;
  padding: 0;  
}

.cc_paginacion .ccp_col2{
  position: relative;
  float: right;
  width: 60%;  
  margin: 0;
  padding: 0;  
  text-align: right;
}

.cc_paginacion .ccp_destacado{
  font-weight: bold;
  color: #336699;
}

.conten_comentarios_form{
  clear: both;
  position: relative;
  width: 200px;
  margin: 0;
  padding: 5px; 
  font-size: .7em; 
  overflow: hidden;
  border: 1px solid #EBEBEB;
  background-color: #F7F7F7;
}

.conten_comentarios_form .ccf_titulo{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .125em 0;  
  font-size: 1.25em; 
  color: #336699;   
  border-bottom: 1px solid #EBEBEB;
  font-weight: bold;
}

.conten_comentarios_form p{
  clear: both;
  position: relative;
  width: 100%;
  margin: 0;
  padding: .5em 0;  
  color: #336699;  
}

.conten_comentarios_form p label {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;  
  width: 40px;
}

.conten_comentarios_form p label img{
  border:1px solid #CCC;  
}

.conten_comentarios_form p label.lblgrande {
  width: 100%;
}

.conten_comentarios_form p input.caja,
.conten_comentarios_form p textarea { 
  margin: 0;
  padding: 2px;  
  width: 74%;
  border: 1px solid #CCC;  
  background-color: #FFF;  
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;  
  float: right;
  color: #336699;  
}

.conten_comentarios_form p textarea {  
  font-size: 1em;  
}

.conten_comentarios_form input.bt_form{
  margin: 0;
  font-size: 1em; 
}


/* ------------  VALORACION ------------------------- */

.conten_valoracion{
  clear: both;
  position: relative;
  float: left;  
  margin: 0;
  padding: 3px 10px 0 5px;  
  font-size: .7em; 
  color: #777; 
  overflow: hidden;
}

.conten_valoracion .cv_vota{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 5px 0 0;  
}

.conten_valoracion .cv_resultado{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 0 0 5px;  
  border-left: 1px dotted #777; 
}

/* ------------  LISTADO   ------------------------- */

.conten_listvalcomen{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: 0;  
  font-size: .7em; 
  color: #777; 
  overflow: hidden;
}

.conten_listvalcomen .clvc_comentarios{
  position: relative;
  float: left;
  margin: 0;
  padding: .125em .5em 0 1.5em;  
  background: transparent url("img/ic_comentario.gif") no-repeat 0 0.25em;
}

.conten_listvalcomen .clvc_separacion{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;   
  border-left: 1px dotted #777;  
  display: none;
}

.conten_listvalcomen .clvc_valoracion{
  position: relative;
  float: right;
  margin: 0;
  padding: 0;    
}
/*------------------------- 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: 90%;
  margin: 0 0 .3em 0;
  padding: 0 0 0 .5em;
  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;
}

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

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

.anotacion span {
  background: transparent url("img/ic_nav_pitaghoras.gif") no-repeat left top;
  padding: 0 0 0 20px;
  color: #336699;
}

.tit_asignatura {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  color: #336699;
  font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
  font-size:  0.6875em;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #336699;  
}

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

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

#usu_login {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden;
}

#usu_login .col1 {
  position: relative;
  float: left;
  width: 48%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#usu_login .col2 {
  position: relative;
  float: right;
  width: 48%;
  margin: 0;
  padding: 0;
  overflow: hidden; 
}

#usu_login .formulario {
  width: 100%;
  margin:0;
}/*------------------------- Especificos de la web --------------------------------*/

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

.aa_sepmt5{  
  margin-top: 5px; 
}

#contenido #cont_cab {   
  clear: both;
  position: relative;
  float: left;  
  width: 100%;  
  margin: 0;
  padding: 0 0 10px 0;  
}

#contenido #ca_col1 {   
  clear: both;
  position: relative;
  float: left;  
  width: 468px;
  overflow:hidden;
  margin: 0;
  padding: 0;  
}
#contenido #ca_col2 {   
  position: relative;
  float: right;  
  width: 212px;
  overflow:hidden;
  margin: 0;
  padding: 0;  
}

#resumen_parte_capa{
	position: absolute; 
  top: 0;
  right: 15px;
  margin: 0;
  padding: 0;  
  width: 175px;
  height: 200px;
  overflow: hidden;
  background-color: #FFF;
  z-index:10;  
  opacity: .8;
  filter: alpha(opacity=80);   
}

#resumen_parte{
	position: absolute; 
  top: 0;
  right: 15px;
  margin: 0;
  padding: 5px 10px;  
  width: 155px;
  height: 190px;
  overflow: hidden; 
  z-index:15;    
  font-size:11px;
  color: #336699;
  font-family: Tahoma, Verdana, sans-serif;
}

#resumen_parte #rp_titulo{	
  font-size:20px;  
  text-transform: uppercase;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

#resumen_parte .rp_abierta{
	margin: 0 0 3px 0; 
	padding: 2px 5px;
	background-color: #009900;
	color: #FFF;
	text-transform: uppercase;
}

#resumen_parte .rp_cerrada{
	margin: 0 0 3px 0;
	padding: 2px 5px;
	background-color: #BF2918;
	color: #FFF;
	text-transform: uppercase;	
}

#resumen_parte p{	
  clear: both;
  margin: 0;
  padding: 2px 0;    
}

#resumen_parte p.pverde,
#resumen_parte p.pazul,
#resumen_parte p.proja{	
	clear: none;
  position: relative;
  float: left;     
}

#resumen_parte p.pverde span,
#resumen_parte p.pazul span,
#resumen_parte p.proja span,
#resumen_parte p.pnegra span{	
  display: block; 
  width: 36px;  
  text-align: center;
  color: #FFF;
  padding: 2px 0; 
  /*font-weight: bold; */
}

#resumen_parte p.pazul,
#resumen_parte p.proja {	
  padding: 2px 0 2px 4px;
}

#resumen_parte p.pnegra{	
	clear: none;
  position: relative;
  float: right;     
  padding: 2px 0;
}

#resumen_parte p.pverde span{	
  background-color: #84C529;
}

#resumen_parte p.pazul span{	
  background-color: #0094DE;
}

#resumen_parte p.proja span{	
  background-color: #DE2921;
}

#resumen_parte p.pnegra span{	
  background-color: #211919;
}



#cab_registro {
  position: relative;
  float: right;  
  margin: 5px 0 0 0;
  padding: 0 12px 0 0;  
  font-size: 1em;  
  z-index: 1;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

#cab_registro li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 3px;
  font-size: 11px;
  text-transform: uppercase;  
  z-index: 1;
 
}

#cab_registro li.primero {  
  border-left: none;  
}

#cab_registro li a {  
	display: block;
	background-color: #CC9900;
  padding: 0;
  margin:0;  
  color: #FFFFFF;
  pointer: cursor;
}

#cab_registro li a span{
	display: block;
	float: left;
  position: relative;
	height: 19px;
	padding: 0 3px;
	background-color: #CC9900;	
	pointer: cursor;
}

#cab_registro li a span.texto{  
	padding: 2px 3px 0 0;
	width: 166px;
	height: 17px;
	text-align: center;
	background-color: #CC9900;		
}

#cab_registro li a span.texto img{  
	padding: 0 4px 0 0;	
}

* html #cab_registro li a span.texto img{  
	margin: 0 2px 0 0;	
}

#cab_registro li a span.ini{  	
	background: #CC9900 url("img/cab_span_ini_over.gif") no-repeat left top;	
	padding: 0;
}

#cab_registro li a span.fin{  	
	background: #CC9900 url("img/cab_span_fin_over.gif") no-repeat right top;	
	padding: 0 ;
}
/*
#cab_registro li a:hover {
  background-color: #336699;
  color: #FFFFFF;
}

#cab_registro li a:hover span{
	background-color: #336699;
}

#cab_registro li a:hover span.ini{  
	background: #336699 url("img/cab_span_ini.gif") no-repeat left top;	
}

#cab_registro li a:hover span.fin{  
	background: #336699 url("img/cab_span_fin.gif") no-repeat right top;	
}
*/
/* ------------------------------------------------------------ */

#fi_overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#fi_overlay[id]{
	position:fixed;
}


#fi_capa_overlay{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:999999;
	width:500px;	
	padding: 10px;
	margin:-150px 0 0 -200px;		
	text-align:left;
	background-color: #FFF;
	border: 1px solid #336699;
}
#fi_capa_overlay[id]{
	position:fixed;
}

#fi_capa_overlay h2{
  color: #336633;
  font-size: 14px;
  margin:0;
  padding: 0;
}

#fi_capa_overlay div.datos{
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	font-size: 11px;
	color: #333;
	
}

#fi_capa_overlay div.datos a{
	color: #336633;
	font-weight: bold;
}

#fi_capa_overlay div.gif{
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0;	
	color: #333;
	text-align: center;
}

#fi_capa_cerrar{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:999999;
	width:502px;
	height:20px;
	padding: 2px 10px 0 10px;
	margin: -172px 0 0 -200px;		
	text-align: right;
	background-color: #336699;
	color: #FFF;	
	font-size: 12px;
}
#fi_capa_cerrar[id]{
	position:fixed;
}

#fi_capa_cerrar a{
	color: #FFF;
	font-weight: bold;
}

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

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

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

.calendario p.cold {
  margin: 0;
  padding: 5px 0 5px 37px;
  background: #FFF url("img/img_temporadas.gif") no-repeat 7px 7px;
  border: 1px solid #CCC;
}

.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: 99.5%;
  margin: 10px 0 0 1px;
  border-collapse: collapse;
	border-spacing: 0;	
	background-color: #FFF;	
	color: #336699;	
}

* html .tblcalendario{  
  margin: 10px 0 0 0; 
}

.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: 20px;
	width: 14%;	
}

.tblcalendario tr td.tempalta {		
	
	background: transparent url("img/img_cal_2.gif") no-repeat left top;
	background-color: #336699;
	color: #FFF;
}

.tblcalendario tr td.tempbaja {		
	
	background: transparent url("img/img_cal_1.gif") no-repeat left top;
	background-color: #D5DFEA;
}

.tblcalendario tr td.notemp {		
	
	background: transparent url("img/img_cal_0.gif") no-repeat left top;
	background-color: #FFF;
	color: #999;
	font-style: italic;
	font-size:11px;
}

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

#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 2px;
  border: none;
}
  
#planodepistas .linea td{    
  border-bottom: 1px solid #DDD;
  
}

#planodepistas .norm {
  font-family:Tahoma, Trebuchet MS, Verdana, sans-serif; 
  font-size:11px; 
  color:#336699; 
}

#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;
}

/* -------------------------  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: 689px;	
	margin: .25em 0 .5em 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 -138px;
}

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

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

#ca_col2 .pdn_caja_webcam{
	width: 170px;		
	padding: 6px 20px;	
	overflow: hidden;
}

#c_19cda0e444c3fe42c1179b76af77a265{
	width: 794px !important;
}

.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: 4px 0;
}

.pdn_tabla td{  
  padding: 4px 0;  
}

#ca_col2 .pdn_tabla th{  
  padding: 3px 0;
}

#ca_col2 .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("img/fnd_pdn_meteo.gif") no-repeat 10px 25px;
}

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

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

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

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

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


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

.tit_meteo {
	clear: both;
	position: relative;
	float: left;
	width: 681px;	
	margin: 0;
	padding: 3px 5px;	
	font-size: .75em;
	color: #336699;	
	background-color: #D5DFEA;	
}

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

.caja_meteo .cm_col1{
	position: relative;
	float: left;	
	margin: 0;
	padding: 0;	
}

.caja_meteo .cm_col2
, .caja_meteo .cm_col3{
	position: relative;
	float: left;	
	margin: 0;
	padding: 0 0 0 9px;	
}

.caja_meteo .cm_col4{
	position: relative;
	float: right;
	margin: 0;
	padding: 0;	
}

.caja_meteo .cm_col1
, .caja_meteo .cm_col2
, .caja_meteo .cm_col3
, .caja_meteo .cm_col4{
	width: 166px;	
}

.caja_meteo .cm_col_foto{
	clear: both;
	position: relative;
	float: left;
	margin: 0;
	padding: 6px;
	background-color: #D5DFEA;		
}

.caja_meteo .cm_col_foto img{
	display: block;
	margin:0;
	padding: 0;	
}

.caja_meteo .cm_col_texto{
	clear: both;
	position: relative;
	float: left;
	width: 100%;	
	margin: 3px 0 0 0;
	padding: 0;	
	text-align: center;
}

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

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


.zona_fotos .zf_col1, 
.zona_fotos .zf_col2,
.zona_fotos .zf_col3{
	position: relative;
	float: left;
	width: 150px;	
	margin: 0;
	padding: 0 0 9px 0;			
}

.zona_fotos .zf_col2 {
	padding: 0 0 9px 9px;		
}

.zona_fotos .zf_col3 {
	float: right;	
}

.zona_fotos .zf_col1 img, 
.zona_fotos .zf_col2 img,
.zona_fotos .zf_col3 img{
	display: block;
	margin: 0;
	padding: 0;
	border: 5px solid #D5DFEA;			
}

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

#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(img/prevlabel.gif) left 25% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 25% 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; }

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


#fu_contenedor{
	width:100%;
}
#fu_identificacion{
	width:25%;
	float:left;
}
#fu_enlaces{
	width:50%;
}
.fu_izquierda{
	text-align:left;
}
#tb_foros #blq_login{
	float:left;
	width:98%;
	padding:0px;
}
#tb_foros #blq_login #cabform1{
	width:55%;
	overflow:hidden;
}
#fu_opciones{
	float:right;
	text-align:right;
	padding-top:5px;
	width:45%;
}

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

.aloj_fila .col1,
.aloj_fila .col2,
.aloj_fila .col3{
  position: relative;
  float: left;
  width: 212px;  
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.aloj_fila .col2{
  padding: 0 0 10px 28px;
}

.aloj_fila .col3{
  float: right;  
}

#mapa_alojamientos{
	clear: both;
  position: relative;
  float: left;
  width: 440px;  
  height: 270px;
  margin: 0 0 .625em 0;
  padding: 6px;
  background-color: #D5DFEA;		
}

#mapa_alojamientos .mapa{
	clear: both;
  position: relative;
  float: left;
  width: 440px;  
  height: 270px;
  margin: 0;
  padding: 0;
  background-color: #D5DFEA;		
}

/* ------------------------------------------------- */
#ca_col2 .info_tit_int,
.aloj_fila .info_tit_int{ 
  clear: both;
	position: relative;
	float: left;
	width: 170px;
	font-size: 11px;
	padding: 0 42px 0 0;
}

#ca_col2 .info_texto,
.aloj_fila .info_texto{  
	font-size: 10px;
}

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

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

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

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

#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("img/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;  
}

#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 p{
	font-size: 1em;
}

.txtmensaje a{
	color:#CC9900;	
}

.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("img/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;
}


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

#busqueda_google input{
 
 color: #336699;
 font-size: 12px;
 font-family: Trebuchet MS, sans-serif;
 margin: 0;
 padding: 2px;
}

#busqueda_google input.bg_texto{
  background-color: #D5DFEA;
  border: 1px solid #336699;  
}

#busqueda_google input.bg_boton{
  background-color: #336699;
  border: 1px solid #336699;
  color: #FFF;
  text-transform: uppercase;
  padding: 1px 2px;
}

* html #busqueda_google input.bg_boton{  
  padding: 0;
}

#busqueda_google label{
  color: #336699;
  font-size: 11px;
  font-weight: bold;
}

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

#cab_blq_login{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
}

#cab_blq_login form{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#cab_blq_login .ctxt{
  border: 1px solid #336699;
  font-size: 11px;
  color: #336699;
}

#cab_blq_login .boton {
  border: 1px solid #336699;
  background-color:#336699;
  font-size: 11px;
  color: #FFFFFF;
  text-transform: uppercase;
}

#cab_blq_login_opc {
  position: relative;
  float: right;
  margin: 17px 0 0 0;
  padding: 0;
  width: 48%;
}

* html #cab_blq_login_opc {
  margin: 0;
}

#cab_blq_login_opc .aboton {
  position: relative;
  float: left;
  display: block;
  padding: 3px;
  margin: 0 3px 0 0;
  border: 1px solid #336699;
  background-color:#336699;
  font-size: 11px;
  color: #FFFFFF;
  text-transform: uppercase;
}

#barra_compartir{
  clear: both;
  position: relative;
  float: left;
  border: 1px solid #CCC;
  padding: 2px;
  margin: 5px 0 0 0;
  width: 685px;
}

#facebook_like{
  position: relative;
  float: left;
  margin: 0;
  padding: 0; 
  height: 23px;  
}

.fbbc{
  height: 20px !important;  
}

#ult_noticias{
  clear: both;
  position: relative;
  float: left; 
  padding: 0;
  margin: 1px 0 0 0;
  width: 490px;
}

#ult_noticias .informacion {
  margin-bottom: 0;
}

#ult_noticias .informacion .info_fot_min{
  background-color: #D5DFEA;
  padding: 0 10px;
  width: 92%;
}

#col_portada{
  position: relative;
  float: right; 
  padding: 0;
  margin: 0;
  width: 212px;
}

#portada_mapas{
  clear: both;
  position: relative;
  float: left; 
  padding: 12px 12px 0 16px;
  margin: 5px 0 0 0;
  width: 184px;
  height: 247px;
  overflow: hidden;  
  background: transparent url("img/fnd_prtd_mapas.jpg") no-repeat left top;
  background-color: #D5DFEA;
}

#portada_mapas .pm_mapa{
  clear: both;
  position: relative;
  float: left; 
  padding: 0;
  margin: 0 0 5px 0;
  width: 154px;
  height: 116px;
  overflow: hidden;  
}


#portada_mapas .pm_titulo{
  position: relative;
  float: right; 
  padding: 0;
  margin: 0 0 5px 0;
  width: 25px;
  height: 116px;
  overflow: hidden;
  font-size: 0.8em;
  z-index: 1;
}

#portada_mapas .pm_titulo span.prec{
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 116px;
  margin: 0;
  padding: 0;
  background: transparent url("img/img_precipitaciones.jpg") no-repeat left top;
  z-index: 10;  
}

#portada_mapas .pm_titulo span.temp{
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 116px;
  margin: 0;
  padding: 0;
  background: transparent url("img/img_temperaturas.jpg") no-repeat left top;
  z-index: 10;  
}

#galeria_portada{
  clear: both;
  position: relative;
  float: left; 
  padding: 10px 0 0 10px;
  margin: 0;
  width: 446px;
  height: 250px;
  background: transparent url("img/fnd_prtd_galeria.jpg") no-repeat left top;
}

#galeria_portada h3{
  clear: both;
  position: relative;
  float: left; 
  padding: 0 0 5px 38px;
  margin: 5px 0 0 0;
  font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
  font-size: 1em;
  color: #336699;
  text-transform: uppercase;
  background: transparent url("img/ic_galeria.gif") no-repeat 6px 0;
}

#galeria_portada .gp_fotos{
  position: relative;
  float: left; 
  padding: 0 0 10px 5px;
  margin: 0; 
}

#galeria_portada .gp_fotos img{
  position: relative;
  float: left; 
  padding: 2px;
  margin: 0; 
  border: 1px solid #336699;
  background: #FFF;
}

#facebook_portada{
  position: relative;
  float: right; 
  padding: 0;
  margin: 0;  
}
.aleatorio { 
  margin-top: 3px !important;
}

.aleatorio div.grupo_div{
  float: right !important;
  width: 126px !important;
  padding: 1px !important;
  margin: 0!important;
  background-color: #FFF;
  border: 1px solid #D5DFEA;
}

.aleatorio div.primero{
  float: left !important;
}

.aleatorio div.grupo_div img{
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}


.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;
}

#loader{
  position: absolute;
  top: 120px;
  left: 200px;
}

/* ----------------- 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;
}

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


/** banners **/

#banner1{
  clear: both;
  position: relative;
  float: left; 
  padding: 0;
  margin:  0 0 9px 0;
  width: 468px;
  height: 60px;  
}

.banner1_portada{
  clear: both;
  position: relative;
  float: left; 
  padding: 5px 5px 5px 15px;
  margin: 0 0 10px 0;
  width: 468px;
  height: 60px;  
  z-index: 1;
  border: 1px solid #D5DFEA;
  background: transparent url("img/img_publicidad.gif") no-repeat left top;
}

#banner1b_portada{
  position: relative;
  float: right; 
  padding: 0;
  margin: 5px 0 0 0;
  width: 234px;
  height: 60px;  
}

#banner2{
  clear: both;
  position: relative;
  float: left; 
  padding: 5px;
  margin: 5px 0 0 0;
  width: 200px;
  height: 200px;
  border: 1px solid #D5DFEA;
}

#banner3{
  clear: both;
  position: relative;
  float: left; 
  padding: 5px;
  margin: 3px 0 0 0;
  width: 250px;
  height: 250px;  
  border: 1px solid #D5DFEA;  
}

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

#portada_webcam{
  clear: both;
  position: relative;
  float: left; 
  padding: 0 0 0 20px;
  margin: 0;
  width: 192px;
  height: 195px;  
  background: transparent url("img/fnd_webcam.jpg") no-repeat left top;
}

#portada_webcam h2{
  clear: both;
  position: relative;
  float: left; 
  padding: 10px 0 5px 5px;
  margin: 0;
  text-transform: uppercase;
  color: #336699;
  font-size: 22px;
  font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif;
  font-weight: normal;
}

#portada_webcam .pw_foto{
  clear: both;
  position: relative;
  float: left; 
  padding: 5px;
  margin: 0;  
  background-color: #D5DFEA;
}

#portada_webcam .pw_foto img{
  display: block;
  padding: 0;
  margin: 0;   
}


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

#webcam_img img {
  display: block;
  padding: 0;
  margin: 0;
  border: 4px solid #D5DFEA;
  background-color: #D5DFEA;
  width: 460px;
  height: 345px;
  font-size: 10px;
}

#webcam_img .imgwebcam1{
  display: none;
}

#webcam_img .col2{
  color: #336699;
}

#webcam_img .paginacion{
  margin: 5px 0 3px 0;
}

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

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

#webcam_historial .titulo{
  width: 98%;
}

#webcam_historial img{
  display: block;
  position: relative;
  float: left;   
  padding: 0;
  margin: 0; 
  border: 5px solid #D5DFEA ;
}

#webcam_historial div{  
  position: relative;
  float: left; 
  padding: 5px 0 5px 10px;
  margin: 0;  
  width: 165px;
  text-align: center;
  font-size: 10px;
  color: #666;
}

#webcam_historial div.primero{  
  clear: both;
  padding-left: 0;
}

#webcam_historial div.ultimo{  
  float: right; 
  padding-left: 0;
}

#webcam_historial div span{
  clear: both;
  display: block;
  position: relative;
  float: left;   
  padding: 3px 0 0 0;
  margin: 0; 
  width: 100%; 
}


.observatorio{
  width: 99.5% !important;
}

.observatorio th{
  text-align: left;
}

.observatorio td{
  text-align: right;
}

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