/* CSS Document Esencia */

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

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

html {
	margin: 0;
	padding: 0;
}

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

img {
	border: 0;
}

a {
	text-decoration: none;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

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

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

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

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

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

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

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

#logotipo a {
	color: #222222;
}

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

#logotipo span {
	position: absolute;
	top: 0;
	left: 0;
	width: 305px;
	height: 84px;
	margin: 0;
	padding: 0;
	background: #FFF url("imgs/logo.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

#fecha_portada {
	position: relative;
	float: right;
	width: 20%;
	margin: 1.2em 0 .625em 0;
	padding: .9em 0 .9em 3em;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 11px;
	color: #0093DD;
    background: transparent url("imgs/fondo_fecha_portada.jpg") no-repeat top left;
}
/* -----------------------  BUSQUEDA ----------------------------------------- */
#busqueda {
	position: relative;
	float: right;
	width: 20%;
	margin: .9em 0 .625em 0;
	padding: .6em 0 .6em .6em;
	background: transparent url("imgs/fondo_busqueda.jpg") no-repeat top left;
}

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

#busqueda .ctxt {
	border: 1px solid #FFF;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 1em;
	color: #0093DD;
	width: 14em;
	margin: 0 0 0 .2em;
	padding: 0;
}

#busqueda .boton {
	border: none;
	background: transparent url("imgs/icono_lupa.jpg") no-repeat top left;
	color: #222222;
	width: 2em;
	height: 1.5em;
	overflow: hidden;
	font-size: 1em;
	font-weight: bold;
	margin: .1em 0 0 .2em;
	padding: 0;
}
/* ------------- MENU SUPERIOR ------------------ */
#menu_sup {
	position: relative;
	float: left;
	margin: 4.6em 0 0 12em;
	padding: .5em 0;
	text-align: center;
	text-transform: uppercase;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .625em;
	color: #3C8FC1;
}

#menu_sup a {
	color: #3C8FC1;
}

#menu_sup a:hover {
	color: #3C8FC1;
	text-decoration: underline;
}

#menu_sup li {
	list-style-type: none;
	display: inline;
	padding: 0 .3em;
	border-left: 1px solid #3C8FC1;
}

#menu_sup li.primero {
	border: none;
}
/*----------------- PARTE ARRIBA ESCUDO ------------------------------*/
#parte_arriba_escudo {
	position: relative;
	float: left;
	margin: 2.3em 0 0 4.4em;
	width: 126px;
	height: 48px;
	padding: 0 0;
	background: transparent url("imgs/parte_arriba_escudo.png") no-repeat top left;
}
/*------------------ IDIOMAS ---------------------------------*/

#idiomas {
	position: relative;
	float: right;
	margin: 5.2em .2em 0 0;
	padding: 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .625em;
	color: #3C8FC1;
}

#idiomas li {
	list-style-type: none;
	display: inline;
	padding: 0 .2em 0 .4em;
	text-transform: uppercase;
	border-left: 1px solid #3C8FC1;
}

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

}

#idiomas li a {
	color: #3C8FC1;
}

#idiomas li a:hover {
	color: #3C8FC1;
	text-decoration: underline;
}

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

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

#col_izda { 
	position: relative;
	float: left;
	width: 262px;
	height: 112px;
	overflow: hidden;
	margin: 0;
	padding: 2.3em 0;
	background: transparent url("imgs/fondo_menu_institucional.jpg") no-repeat 0 0;
}

* html #col_izda { 
  height: 112px;
}

#col_dcha { 
	position: relative;
	float: left;
	width: 100%;
	overflow: visible;
	margin: 0;
	padding: 0;
}

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

.destacados {
	position: relative;
	float: right;
	width: 13em;
	margin: 0;
	padding: 0;	
}

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

.destacados div {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1.125em 0;
	border-top: 1px solid #0094DB;
}

.destacados div.primero {
	border: none;
}

.destacados img {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 .5em 0 0;
}

.destacados h3 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: .8em;
	font-weight: normal;
	color: #0094DB;
}

.destacados h3 a {
	color: #0094DB;
}

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

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

.destacados h4 a {
	color: #0094DB;
}

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

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

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

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

/*---------------------------------------------------------------*/
/*--------------- NOTICIAS DE PORTADA ---------------------------*/

.noticias_portada {
	position: relative;
	float: left;
	width: 100%;
	overflow: visible;
	margin: -20px 0 0 0;
	padding: .8em 0 0 0;
	background: #FFF url("imgs/fondo_noticias_portada.jpg") no-repeat top left;
	z-index: 12;
}

.noticias_portada h2 {
	position: relative;
	float: left;
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 1.125em;
	color: #0094DB;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("imgs/detalle_titulo_noticias_portada.gif") no-repeat .4em left;
}

.ver_todas{
    clear: right;
	position: relative;
	float: left;
	width: 160px;
	height: 31px;
	margin: 0 0 0 10%;
	padding: .4em 0 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .8em;
	color: #0094DB;
	font-weight: bold;
	text-align: center;
	/*text-transform: uppercase;*/
	background: transparent url("imgs/fondo_ver_todas.gif") no-repeat top left;
}

.ver_todas a{
	color: #0094DB;
}

.ver_todas a:hover{
	color: #666;
}

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

.noticias_portada div {
	position: relative;
	float: left;
	width: 262px;
	margin: 0 1.8em 0 1.2em;
	padding: 0 0;
}

*html .noticias_portada div {
	margin: 0 1.8em 0 .6em;
}

.noticias_portada div.primero {
	border: none;
}

.noticias_portada img {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 .5em 0 0;
}

.noticias_portada h3 {
	position: relative;
	float: left;
	margin: .4em 0;
	padding: 0;
	font-weight: normal;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .8em;
	color: #000;
	line-height: 112%;
}

.noticias_portada h3 a {
	color: #000;
}

.noticias_portada h3 a:hover {
	color: #000;
	text-decoration: underline;
}

.noticias_portada h4 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: .75em;
	font-weight: normal;
	color: #0094DB;
}

.noticias_portada h4 a {
	color: #0094DB;
}

.noticias_portada h4 a:hover {
	color: #777777;
}

.noticias_portada div.txtdest {
	position: relative;
	float: left;
	margin: 0 0 .6em 0;
	padding: 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .7em;
	color: #666;
	line-height: 112%;
	border: none;
}

.noticias_portada div.txtdest a {
	color: #222222;
}

.noticias_portada div.txtdest a:hover {
	color: #777777;
}

.fecha{
	clear: both;
	position: relative;
    float: left;
    width: 100%;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .7em;
	color: #1A9ADA;
    font-weight: bold;
}

.mas{
	clear: both;
	position: relative;
    float: left;
    width: 100%;
	font-family: tahoma, arial, sans-serif;
	font-size: .625em;
	color: #1A9ADA;
    font-weight: bold;
}

.mas a{
    color: #1A9ADA;
}

.mas a:hover{
    color: #1A9ADA;
	text-decoration: underline;
}
/*---------------------------------------------------------------*/

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

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

#menu {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;	
	font-size: .75em;
	color: #222222;
}

#menu li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0 0 .3em 0;
	text-transform: uppercase;
}

#menu li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 1.2em;
	color: #222222;
  background: transparent url("imgs/flecha_titulo.gif") no-repeat 0 .15em;
	border-bottom: 1px solid #0094DB;
}

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

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

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

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

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

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

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

/* -------------------------------------------------------------------- */
/*------------  MENU INSTITUCIONAL  ----------------------*/
#menu_institucional {
	position: relative;
	width: 208px;
	margin: 0 auto;
	padding: 0;
    font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .8em;
    color: #FFF;
	font-weight: bold;
}

#menu_institucional li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menu_institucional li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 1.2em;
	color: #FFF;
	border-top: 1px solid #52B5E8;
}

#menu_institucional li.primero a {
	border-top: none;
}

#menu_institucional li a:hover {
	color: #000;
}

#menu_institucional li a.activo {
	color: #000;
}
/* --------------------------------------------------------- */
/* ----------------- MENU CANALES  ------------------------- */
.titulo_menu_canales {
	position: relative;
	float: left;
	width: 297px;
	margin: .6em 0 .6em 0;
	padding: .8em 0 0 1.5em;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 1.125em;
	color: #0094DB;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("imgs/fondo_titulo_canales_informacion.jpg") no-repeat top left;
}

#menu_canales {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .1em 0;
	padding: 1.6em 0 .1em 0;	
	font-size: 1em;
	color: #0094DB;
	overflow: visible;
	border-top: 1px solid #EAEAEA;
}

#menu_canales li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 193px;
	margin: 0 0 .625em 0;
	padding: 0 0 .3em 0;
}

#menu_canales li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 1.2em;
	color: #0094DB;
    background: transparent url("imgs/fondo_li_menu_canales.jpg") no-repeat top left;
}

#menu_canales li a:hover {
	color: #0094DB;
}

#menu_canales li a.activo {
	color: #0094DB;
}

#menu_canales li img{
	position: relative;
	float: left;
	margin: 0 0 .8em 0;
	padding: 0 0 0 0;
}

#menu_canales li span.titulo{
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .8em;
    color: #0094DB;
	font-weight: bold;
	line-height: 120%;
	cursor: pointer;
	background: none;
}

#menu_canales li span.descripcion{
    clear: both;
	position: relative;
	float: left;
	width: 92%;
	margin: 1em 0 0 0;
	padding: 0 8% 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .625em;
    color: #333;
	cursor: pointer;
	line-height: 120%;
}

#mostrar_todos{
	clear: both;
	position: relative;
	float: left;
	width: 180px;
	margin: 0 0 0 61.4em;
	overflow: visible;
	padding: .9em 0 .9em 3.8em;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .75em;
    color: #FFF;
	font-weight: bold;
	line-height: 120%;
	background: transparent url("imgs/fondo_mostrar_todos.jpg") no-repeat top left;
	z-index: 30;
	cursor: pointer;
}

*html #mostrar_todos{
	margin: 0 0 0 30.75em;
}

#mostrar_todos a{
     color: #FFF;
}

#mostrar_todos a:hover{
     color: #FFF;
	 text-decoration: underline;
}


/* -----------------------   MENÚ CANALES A PARTIR DEL 5º   -------------------- */
#menu_canales_a_partir_5 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2em 0;
	padding:  0 0 1.6em 0;	
	font-size: 1em;
	color: #0094DB;
	overflow: visible;
	/*border-top: 1px solid #EAEAEA;*/
}

#menu_canales_a_partir_5 li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 193px;
	margin: 0 0 .625em 0;
	padding: 0 0 .3em 0;
}

#menu_canales_a_partir_5 li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 1.2em;
	color: #0094DB;
    background: transparent url("imgs/fondo_li_menu_canales.jpg") no-repeat top left;
}

#menu_canales_a_partir_5 li a:hover {
	color: #0094DB;
}

#menu_canales_a_partir_5 li a.activo {
	color: #0094DB;
}

#menu_canales_a_partir_5 li img{
	position: relative;
	float: left;
	margin: 0 0 .8em 0;
	padding: 0 0 0 0;
}

#menu_canales_a_partir_5 li span.titulo{
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .8em;
    color: #0094DB;
	font-weight: bold;
	line-height: 120%;
	cursor: pointer;
	background: none;
}

#menu_canales_a_partir_5 li span.descripcion{
    clear: both;
	position: relative;
	float: left;
	width: 92%;
	margin: 1em 0 0 0;
	padding: 0 8% 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: .625em;
    color: #333;
	cursor: pointer;
	line-height: 120%;
}
/* -------------------------------------------------------------------- */  

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

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

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

.menu_bloque_contenido li.primero {
	border: none;
}

.menu_bloque_contenido a  {  
	color: #222222;
}

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

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

#foot {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 119px;
	margin: 0 0;
	padding: 1.5em 0 0 1.4em;
	overflow: hidden;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 1em;
    color: #666;
    background: transparent url("imgs/fondo_pie.jpg") no-repeat top left;
}

#foot a {
	color: #666;
}

#foot a:hover {
	color: #666;
	text-decoration: underline;
}

#foot ul {
	position: relative;
	float: left;
	margin: -2px 0 0 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	font-size: .7em;
    color: #666;
}

*:first-child+html #foot ul {
	margin: 0;
	padding: 2em 0 0 0;
}

*html #foot ul {
	margin: 0;
	padding: 2em 0 0 0;
}

#foot ul li {
	list-style-type: none;
	display: inline;
	padding: 0 .5em;
	border-left: 1px solid #666;
}

#foot li.primero {
	border: none;
}

#foot span.titulo{
	clear: both;
	position: relative;
	float: left;
	width: 17%;
	margin: 0 0 .6em 0;
	padding: 0 0;
	line-height: 112%;
	font-size: .95em;
    color: #0094DB;
	background: none;
}

#foot span.direccion{
	clear: both;
	position: relative;
	float: left;
	width: 20%;
	margin: 0 0;
	padding: 0 0;
	line-height: 112%;
	font-size: .75em;
    color: #666;
}

#foot span.telefono{
	position: relative;
	float: left;
	width: 25%;
	margin: 0 0;
	padding: 0 0 0 0;
	line-height: 112%;
	font-size: .75em;
    color: #999;
}

*:first-child+html #foot span.telefono{
	margin: 0;
	padding: 2.2em 0 0 0;
}

*html #foot span.telefono{
	margin: 0;
	padding: 2.2em 0 0 0;
}

#foot span.copyright{
	position: relative;
	float: left;
	width: 19%;
	margin: 0 0 0 19%;
	padding: 0 0 0 0;
	line-height: 112%;
	font-size: .7em;
    color: #666;
	font-weight: bold;
}

*:first-child+html #foot span.copyright{
	margin: 0 0 0 21%;
	padding: 2.2em 0 0 0;
}

*html #foot span.copyright{
	margin: 0 0 0 21%;
	padding: 2.2em 0 0 0;
}
/* -------------------------------------------------------------------- */

#contenido {   
	position: relative;
	float: left;
    width: 100%;
    overflow: visible;
	margin: 0;
	padding: 0;
}

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

/* estos estilos son para coseguir el efecto acordeón */

#acordeon { /* es todo el bloque */
  position: relative;
  float: left;
  width: 100%; /* el ancho */
  /* agregamos propiedades varias */
}

.panelOculto { /* es el botón de los elementos ocultos */
  display: block;
   width: 100%; /* el mismo ancho que #acordeon */
  height: 50px /* la altura del botón */
  background: #ccc  /* una imagen de fondo, un color */
  /* propiedades de las fuentes, márgenes, bordes, etc */
}

.panelVisible { /* es el botón del elemento visible */
  display: block;
  width: 100%; /* el mismo ancho que #acordeon */
  height:50px; /* la altura del botón */
  background: red;  /* otra imagen de fondo, otro color */
  border: 1px solid red;
  /* propiedades de las fuentes, márgenes, bordes, etc */
}

#panel1, #panel2, #panel3, #panel4, #panel5 { /* enumeramos los botones */
  width: 100%; /* el ancho que uno quiera */
  /*height: valorpx;*/ /* si queremos que la altura no sea fija, eliminamos esto */
  overflow: hidden;
}

.panelContenido { /* lo que hay dentro de cada panel */
  margin: 0;
  padding: 0;
  /*height: valorpx;*/ /* si queremos que la altura no sea fija, eliminamos esto */
}

#enlacepanel1{
  display: none;
}





/* -------------------- capa para separar cada 3 infos las noticias de la portada ------------------------------- */
.ancho_total{
	position: relative;
	float: left;
	margin: 0;
	padding: 1em 0 .2em 0;
	width: 100%;
}
/*------------------------ CONTENIDO WEB -------------------------------*/

.keywords {
  display: none;
}

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

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

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

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

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

.titular span {
	color: #0094DB;
}

.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: 90%;
	margin: 0 0 0 2.1em;
	padding: .25em 0;	
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	color: #0094DB;
}

*html #ruta_apartado {
	margin: 0 0 1.2em 1.2em;
}

#ruta_apartado ul {
  margin: 0 .625em 0 0;
  padding: 0;
}

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

#ruta_apartado a {
	color: #0094DB;
}

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

#ruta_apartado span{	
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: .25em 0;
	line-height: 100%;
}

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

#foto_apartado {
	position: relative;
	float: left;
	margin: 2px 0 0 6px; 
	padding: 0;
	text-align: center;
	width: 392px;
	overflow: hidden;
}

#mascara_portada{
  position: absolute;
	top: 0px;
	left: 268px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 699px;
	height: 198px;
	overflow: visible;
	z-index: 18;
}

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

#tit_apartado {
	clear: both;
	position: relative;
	float: left;
	background: transparent url("imgs/flecha_titulo.gif") no-repeat .2em .35em;
	margin: 0 0 .625em 0;
	padding: 0 0 0 1.125em;	
	width: 96%;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif; 
	font-size: 1.25em;
	color: #0094DB;
  border-bottom: 1px solid #0094DB;
}

#tit_apartado a {
  color: #0094DB;
}

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

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

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

#desc_apartado a {
  color: #222222;
}

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

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

#subapartados {		
	clear: both;
	position: relative;
	float: left;
	width: 87%;
	background-color: #0094DB;
	margin: .625em .625em .625em 2.2em;
	padding: .3em .625em;
	font-size: .7em;
	color: #FFF;
}

#subapartados li {
    list-style-type: none;
    display: inline;
	margin: 0;
	padding: 0 0 0 .5em;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	border-left: 1px solid #FFF;
	font-weight: bold;
	color: #FFF;
}

#subapartados li.primero {
	border: none;
}

#subapartados a {
	color: #FFF;
}

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

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

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


.titulo {
	clear: both;
	position: relative;
	width: 91%;
	background-color: #B6D7EA;	
	margin: .2em auto .625em auto;
	padding: .25em .625em;
	font-size: .75em;
	color: #222222;
	font-weight: normal;
}

.titulo a {
  color: #222222;
}

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

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

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

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

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

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

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

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

.info_tit_ext a {
  color: #222222;
}

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

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

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

.info_tit_int {
	margin: 0;
	padding: 0;	
	font-size: .7em;
	font-weight: normal;
	color: #0094DB; 
}

.info_tit_int a {
 color: #0094DB; 
}

.info_tit_int a:hover {
  color: #777777;
}
  
.info_texto {
	margin: 0;
	padding: 0;	
	font-size: .625em;
	color: #222222;
}  

.info_texto a {
  color: #222222;
}

.info_texto a:hover {
  color: #777777;
}
  
.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: .25em 0;
	padding: 0;
	border: none;	
	border-bottom: 1px solid #0094DB;
	width: 100%;
	height: .1em;
	font-size: .05em;
} 

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

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

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

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

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

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

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

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

.info_bloque_desc a {
  color: #0094DB;
}

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

.info_bloque_texto {	
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
    font-size: .75em;
	color: #333;
}

.info_bloque_texto a {
    color: #333;
}

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

.txt_strong {
  font-weight: bold;
}

.txt_em {
  font-style: italic;
}

.txt_u {
  text-decoration: underline;
}

.txtdestac {
	font-size: 1.2em;
}

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

.info_bloque_fichero a {
  color: #222222;
}

.info_bloque_fichero a:hover {
  color: #777777;
}
  
.info_bloque_enlace {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: .625em;
	color: #222222;
}  

.info_bloque_enlace a {
  color: #222222;
}

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

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

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

.paginacion a {
  color: #0094DB;
}

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

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

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

.info_paginacion a {
  color: #222222;
}

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

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

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

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

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

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

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

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

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

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

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

.info_editar a {
  color: #222222;
}

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

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

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

.panel_control a {
  color: #222222;
}

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

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

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

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

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

.panel_control_destacados a {
  color: #222222;
}

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

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

.panel_control_noticias_portada a {
	color: #000;
}

.panel_control_noticias_portada a:hover {
	color: #000;
	text-decoration: underline;
}

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


/*------------------------- 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: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0094DB;
}

.titapartados a {
	color: #FFFFFF;
}

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

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

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

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

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


/* ---------------------- FORMULARIOS (no herramienta) ------------------------------ */

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

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

.txtform a {
	color: #222222;
}

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

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

.txtform_inden a {
	color: #222222;
}

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

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

.txtform_centrado a {
	color: #222222;
}

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

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

.titform a {
	color: #222222;
}

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

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

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

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

.formulario a {
	color: #222222;
}

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

.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 #0094DB;
	padding: 0;
	width: 98%;
	position: relative;
	float: left;
}

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

.formulario .lineaf, .formulario .lineachk {
	position: relative;
	float: left;
	margin: 0 0 .5em 0;
	padding: 0 0 0 .5em;
	font-family: Trebuchet MS, Tahoma, 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: #222222;
	width: 35%;
	font-size: 0.75em;
}

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

.formulario label.lblpeq {
	width: 15%;
	margin: 0 0 0 .2em;
}

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

.formulario label.oculto {
	display: none;
}

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

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

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

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

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

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

.formulario textarea {
	width: 60%;
	border: 0.1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #222222;
	float: left;
	font-size: 0.75em;
}

.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 #222222;
	background-color: #FFF;
	color: #222222;
	width: 100%;
}

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

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

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

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

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

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

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

input.bt_form {
	padding: .1em .5em;
	border: .1em solid #0094DB;
	background-color: #B6D7EA;
	font-size: 0.75em;
	color: #222222;
	cursor: pointer;
}

a.bt_form {
	margin: 0 .5em 0 0;
	padding: .1em .5em;
	border: .1em solid #0094DB;
	background-color: #B6D7EA;
	height: 1.5em;
	color: #222222;
	font-size: 0.75em;
}

a.bt_form:hover {
	border: .1em solid #0094DB;
	background-color: #B6D7EA;
	color: #777777;
}

a.bt_form_correcto {
	position: relative;
	float: left;
	margin: 0 .5em 0 .2em;
	padding: .1em .5em;
	border: .1em solid #0094DB;
	background-color: #B6D7EA;
	color: #222222;
	font-size: 0.75em;
}

a.bt_form_correcto:hover {
	border: .1em solid #0094DB;
	background-color: #B6D7EA;
	color: #777777;
}

/*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;  
  font-style: normal;
} 


/*---- 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: #222222;
	text-decoration: none;
}

.alojamiento a:hover {
  color: #777777
}

.aloj_direccion_int { 
	margin: 0;
	padding: 0;	
  font-size: 0.75em;	
	color: #0094DB;
}  

.aloj_direccion_int a {
  color: #0094DB;
}

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

.aloj_direccion_ext {  
	margin: 0;
	padding: 0;	
  font-size: 0.75em;	
	color: #0094DB;
}  

.aloj_direccion_ext a {
  color: #0094DB;
}

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

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

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

.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: .7em;
  margin: 0;
  padding: 0;
}

.col_resumen {
  position: relative;
  float: left; 
  width: 24%;
  margin: 0;
  padding: .625em 1.2em .625em .625em; 
}

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

.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: 0;
  padding: 0 0 .3em 0;
  color: #0094DB;
  font-size: .75em;
  text-transform: uppercase;
  border-bottom: 1px solid #0094DB;
}

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

.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 #0094DB;
}

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

.datos_habitaciones th {
  color: #0094DB;
}

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

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

.aloj_opdestacada {
  background-color: #B6D7EA;
}

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

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

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

.aloj_vertodos a { 
	color: #222222;
	background-color: #B6D7EA;
	padding: .3em;
}

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

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

.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: .625em;
  color: #0094DB;
}

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

.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: .625em;
	color: #222222;
}

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

.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: .625em;
	text-align: left;
}

.hab_tablaprecios th {
	border-bottom: 1px solid #B6D7EA;
	padding: 0;
	color: #0094DB;
}

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

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

.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: .625em;
	text-align: left;
}

.aloj_suplementos th {
	border-bottom: 1px solid #B6D7EA;
	padding: 0;
	color: #0094DB;
}

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

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

.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: .625em;
  color: #222222;
  border-bottom: 1px solid #0094DB;
}

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

.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 #0094DB;
  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: #0094DB;
  background-color: #B6D7EA;
}

.aloj_tb_calendario caption a {
  color: #0094DB;
}

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

.aloj_tb_calendario th {
  color: #0094DB;
  font-size: .625em;
}

.aloj_tb_calendario tr td {		
  color: #222222;
  font-size: .625em;
  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: .625em;
	font-weight: bold;
	text-transform: uppercase;	
	text-align: right;
}

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

.aloj_ayuda a:hover {		
	color: #777777;
	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: .625em;
  color: #0094DB;
}

.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: #222222;
  font-size: .625em;
}

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

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

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

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

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

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

.info_bloque_flash a {
  color: #222222;
}

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

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

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

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

.info_bloque_video a {
  color: #222222;
}

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

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

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

.info_bloque_sonido a {
  color: #222222;
}

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

/* ------------------------------ TABLAS ------------------------------ */

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

.tabla tr td {
	border: 1px solid #222222;
	overflow: hidden;
}

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

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

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

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

/* -------------------------------------------------------------------- */
/*------------------------- BIBLIOGRAFIA --------------------------------*/

.bibliografia {
	clear: both;
	position: relative;
	float: left;
	width: 70%;
	margin: 0;
	padding: 0 0 0 6em;
}

.titbiblio {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
	font-weight: bold;
}

.titbiblio a {
	color: #222222;
}

.titbiblio a:hover {
	color: #777777;
}

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

.txtbiblio a {
	color: #222222;
}

.txtbiblio a:hover {
	color: #777777;
}

.grpbiblio {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: .3em 0;
	border-bottom: 1px solid #0094DB;
}

.grpbiblio_primero {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: .3em 0;
	border-top: 1px solid #0094DB;
	border-bottom: 1px solid #0094DB;
}

img.imgbiblio1 {
	vertical-align: middle;
	padding: 0 .5em 0 0;
}

img.imgbiblio2 {
	vertical-align: middle;
	padding: 0 0 0 .5em;
}


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

.blq_busqueda {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 1em 0 1em 2%;
	padding: .5em 0;
	border-top: 1px dashed #0094DB;
	border-bottom: 1px dashed #0094DB;
}

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

.txtbusqueda a {
	color: #222222;
}

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

.titbusqueda {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 1em 0 .5em 3%;
	padding: 0;
	font-size: .7em;
	text-align: left;
	font-weight: bold;
	color: #0094DB;
}

*html .titbusqueda {
	margin: 1em 0 .5em 2.4%;
}

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


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

.buzon {
	clear: both;
	position: relative;
	float: left;
	width: 85%;
	margin: 1em;
	padding: 0;
	color: #222222;
}

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

.buzon .tbbuzon a {
	color: #0094DB;
}

.buzon .tbbuzon a:hover {
	color: #0094DB;
}

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

.txtpaginar a {
	color: #222222;
}

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

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

.txtbuzon a {
	color: #222222;
}

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

.txtbuzon span {
	display: block;
	position: relative;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

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

/* ----------------------------- CHATS -------------------- */

#chat {
	position: absolute;
	top: 35px;
	left: 20px;
	width: 93%;
	margin: .4em 0 .8em .8em;
	padding: 0;	
	font-size: 1em; 
	color: #222222;
	height: 90%;
	overflow: auto; 
	
}

* html #chat {
  height: 90%; 
	margin: .4em 0 .8em .8em;  
}

#mensajes {
	clear: both;
	position: relative;
	float: left;
}


#finalmensajes {
	clear: both;
	position: relative;
	float: left;
	height:1px;
	width: 90%;
}

span {
  line-height: 1.7em;
}
/* -------------------------------------------------------------------- */

.txtchat {
  width: 100%;
	margin: 0;
	padding: 0;
}

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

h1 {
  position: relative;
  float: left;
  height: 30px;
  margin: .25em;
  padding: 0 .6em;
  font-size: 1.5em;
}

#eventos {
	margin: 0 0 0 1em;
	padding: 0;
	overflow:auto;
	height: 100px;
}

ul#usuarios {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: .625em 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0094DB;
	text-indent: .3em;
}

ul#usuarios li{
  background-color: #fff;
  color: #0094DB;
  padding: 0 .3em;
  margin: 0;
  border: 1px solid #0094DB;
  border-top: 0;  
}
/* ----------------------------- COMERCIO -------------------- */

.info_tit_producto {
	margin: 0;
	padding: 0;
	font-size: .75em;
	color: #0094DB;
}

.info_tit_producto a {
	color: #0094DB;
}

.info_tit_producto a:hover {
	color: #0094DB;
}

.prod_bloque {
	clear: both;
	position: relative;
	float: left;
	width: 85%;
	margin: .625em;
	padding: .3em .625em;
	border: 1px solid #0094DB;
}

.prod_datos {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 75%;
}

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

.prod_boton {
	position: relative;
	float: right;
	width: 24%;
	margin: 0;
	padding: 0 0 .5em 0;
	text-align: right;
}

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

.carrito {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.txtcarrovacio {
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: .75em;
	text-align: center;
	font-weight: bold;
	color: #0094DB;
}

.tbcarro {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0 0 0 .625em;
	padding: 0;
	font-size: .75em;
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}

.tbcarro th {
	color: #0094DB;
}

.tbcarro tfoot th {
	text-align: right;
}

.tbcarro tfoot td {
	background-color: #0094DB;
	color: #FFF;
	font-weight: bold;
}

.tbcarro .sombreado {
	background-color: #E5E5E5;
}

.tbcarro .sombreado2 {
	background-color: #EFEFEF;
}

/* Formulario de pedidos */

.titcampo {
	font-size: .75em;
	color: #0094DB;
	width: 35%;
	float: left;
}

.txtcampo {
	font-size: .75em;
	color: #222222;
}

/**************/

.fichapedido {
	clear: both;
	position: relative;
	float: left;
	width: 91%;
	overflow: hidden;
	margin: 0 0 1.125em 0;
	padding: 0;
	font-size: .625em;
	color: #222222;
	border: 2px solid #0094DB;
}

.fichapedido a {
	color: #222222;
}

.fichapedido a:hover {
	color: #777777;
}

.cabficha {
	position: relative;
	float: left;
	width: 99%;
	margin: 0;
	padding: .1em .3em;
	background-color: #0094DB;
	color: #FFFFFF;
}

.cabficha a {
	color: #FFFFFF;
}

.cabficha a:hover {
	color: #FFFFFF;
}

.cabfichai {
	float: left;
	width: 40%;
}

.cabfichac {
	float: left;
	width: 28%;
}

.cabfichad {
	float: right;
	width: 28%;
	text-align: right;
}

.fila1ficha {
	position: relative;
	float: left;
	width: 99%;
	margin: 0;
	padding: 0 .3em;
	border-bottom: 2px solid #0094DB;
}

.fila1i {
	float: left;
	width: 39%;
	border-right: 2px solid #0094DB;
	padding: .2em 0;
}

.fila1d {
	float: right;
	width: 59%;
	padding: .2em 0;
}

.fila2ficha {
	position: relative;
	float: left;
	width: 99%;
	margin: 0;
	padding: .625em .3em;
	border-bottom: 2px solid #0094DB;
}

.fila3ficha {
	position: relative;
	float: left;
	width: 99%;
	margin: 0;
	padding: .625em .3em;
	background-color: #B6D7EA;
	border-bottom: 2px solid #0094DB;
}

.fichapedido p {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: 0;
	padding: 0;
}

.fichapedido p.p2 {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: .75em 0 0 0;
	padding: 0;
}

.fichapedido textarea {
	width: 98%;
	border: .1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #222222;
	float: left;
	font-size: 1em;
}

.tbcarroficha {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}

.tbcarroficha th {
	color: #0094DB;
}

.tbcarroficha tfoot th {
	text-align: right;
}

.tbcarroficha tfoot td {
	background-color: #0094DB;
	color: #FFF;
	font-weight: bold;
}

.tbcarroficha .sombreado {
	background-color: #E5E5E5;
}

.tbcarroficha .sombreado2 {
	background-color: #EFEFEF;
}

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

.tbficha th {
	color: #0094DB;
	border-bottom: 1px solid #0094DB;
}

.tbficha td {
	border-bottom: 1px solid #0094DB;
	border-right: 1px solid #0094DB;
	border-left: 1px solid #0094DB;
	padding: .625em 0;
}

.tbficha .sombreado {
	background-color: #B6D7EA;
}

.tbficha .sombreado2 {
	background-color: #EFEFEF;
}

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

.prod_precio{ 
  position: relative;
  float: left; 
  height: 20px;
  margin: .625em 0 0 0;  
  padding: 0;
}

.prod_precio_p{  
  position: relative;
  float: left;
  height: 1.25em;
  text-align: center;  
	color: #222222;	
	font-size: .75em;
}

.prod_precio_c{
  position: relative;
  float: left;
  width: 2.1em;
  height: 1.25em;  
  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: .625em;
	color: #222222;
}  

.info_enc a {
  color: #222222;
}

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

.img_enc {
	display: block;
}

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

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

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

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


/* --------------- EVALUACION Y FORMULARIOS(herramienta) -------------------- */

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

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

.txtevaluacion a, .txtevaluacion_bold a {
	color: #222222;
}

.txtevaluacion a:hover, .txtevaluacion_bold a:hover {
	color: #777777;
}

.txtevaluacion_bold {
	font-weight: bold;
}

.numpreg {
  float: left;
	padding: 0 .2em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0094DB;
}

.numpreg a {
	color: #FFFFFF;
}

.numpreg a:hover {
	color: #777777;
}

.txtpreg {
  float: left;
	padding: 0 0 0 .3em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
	font-weight: bold;
}

.somb {
  width: 99%;
  padding: .3em;
  background-color: #B6D7EA;
}

.somb img {
  float: left;
  margin: 0 .5em 0 0;
}

.somb2 {
  width: 99%;
  padding: .3em;
  background-color: #0094DB;
  color: #FFFFFF;
}

.lineafot{
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 .3em 0;
	padding: 0;
	text-align: center;
}

.grppreg {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: .425em 0;
	padding: .2em .4em;
}

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

.linearesp {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0 0 .3em 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	text-align: left;
}

.numpreg2 {
	padding: 0 .2em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #B6D7EA;
	font-weight: bold;
}

.numpreg2 a {
	color: #B6D7EA;
}

.numpreg2 a:hover {
	color: #777777;
}

html>body .numpreg2 {
  float: left;
}

.respexam {
  clear: both;
	width: 95%;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

.cajaresp {
	clear: both;
	position: relative;
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
	border: 0.1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	font-size: 0.75em;
}

.arearesp {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
	border: 0.1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #222222;
	font-size: 0.75em;
}

.cajafich {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
	border: 0.1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	font-size: 0.75em;
}

.selopc {
	clear: both;
	position: relative;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	border: 0.1em solid #222222;
	background-color: #FFF;
	color: #222222;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	font-size: 0.75em;
}

.grupofr {
	margin: .5em 0 1em 0;
	padding: 0;
	border: 1px solid #0094DB;
	padding: 0;
	width: 99%;
	position: relative;
	float: left;
}

.grupofr legend {
	margin: 0 0 1em 0;
	padding: .2em .3em;
	background-color: #0094DB;
	font-size: 0.75em;
	color: #FFFFFF;
}

.opc_resp {
  float: left;
}

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

.avieva {
	clear: both;
	position: relative;
	width: 60%;
	margin: 0 auto;
	padding: 0;
}

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

.titavieva span {
	background-color: #0094DB;
	padding: .2em .4em;
}

.txtavieva {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0;
	padding: 1em .625em;
	background-color: #D9D9D9;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

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

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

.txtpuntuacion a {
	color: #222222;
}

.txtpuntuacion a:hover {
	color: #777777;
}

.puntfin {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

.puntfin a {
	color: #222222;
}

.puntfin a:hover {
	color: #777777;
}

.examenes {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0;
	padding: 0 0 0 2.5em;
}

.txtevaliden {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0 0 .625em 0;
	padding: 0 0 0 2.5em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

.txtevaliden a {
	color: #222222;
}

.txtevaliden a:hover {
	color: #777777;
}

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

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

.lstexam {
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	color: #808080;
}

.lstexam a {
	color: #808080;
}

.lstexam a:hover {
	color: #777777;
}

.lknexam {
	color: #0094DB;
}

.lknexam:hover {
	color: #777777;
}


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

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

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

#listforum a {
	color: #0094DB;
}

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

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

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

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

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

/*------------------------- GLOSARIO --------------------------------*/

.glosario {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: 0;
	padding: 0 0 0 6em;
}

.titglosario {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
	font-weight: bold;
}

.titglosario a {
	color: #222222;
}

.titglosario a:hover {
	color: #777777;
}

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

.txtglosario a {
	color: #222222;
}

.txtglosario a:hover {
	color: #777777;
}

.grpglosario {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: .3em 0;
	border-bottom: 1px solid #0094DB;
}

.grpglosario_primero {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .3em 0;
	padding: .3em 0;
	border-top: 1px solid #0094DB;
	border-bottom: 1px solid #0094DB;
}

img.imgglosario1 {
	vertical-align: middle;
	padding: 0 .5em 0 0;
}

img.imgglosario2 {
	vertical-align: middle;
	padding: 0 0 0 .5em;
}

/*------------------------- 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: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0094DB;
}

.titintegrantes a {
	color: #FFFFFF;
}

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

.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: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

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

#mapa_web {
	clear: both;
	position: relative;
	width: 94%;
	margin: 1em auto 0 auto;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .8em;
	color: #666;
}

#mapa_web a {
    color: #666;
}

#mapa_web a:hover {
    color: #666;
	text-decoration: underline;
}

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

#mapa_web ul li {
	margin: 0.5em 0 0 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;
	width: 94%;
	margin: 0 auto .625em auto;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #222222;
}

.txtusuarios a {
	color: #222222;
}

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

.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: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0094DB;
}

.titusuarios a {
	color: #FFFFFF;
}

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

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

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

.txtformus a {
	color: #222222;
}

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

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

.txtformus2 a {
	color: #222222;
}

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

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

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

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

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

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

.lstconectados li a {
	color: #222222;
}

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

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


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

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

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

  .v_norm {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#222222;}
  .v_normcp {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#B6D7EA;}
  .v_norminact {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#808080;}
  .v_normact {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#0094DB;}

  .v_gr {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#222222;}
  .v_grcp {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#B6D7EA;}
  .v_grinact {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#808080;}
  .v_gract {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#0094DB;}
  .v_grsobcn {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#222222;}
  .v_grsobcs {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#222222;}
  .v_grsobcp {font-family:Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12px; color:#FFFFFF;}

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

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

  /* enlaces - color de los link */

  
  .v_form:link {color: #222222}
  .v_forminact:link {color: #808080}
  .v_formact:link {color: #0094DB}
  .v_formsobcn:link {color: #222222}
  .v_formsobcs:link {color: #222222}
  .v_formsobcp:link {color: #FFFFFF}

  .v_norm:link {color: #222222}
  .v_normcp:link {color: #B6D7EA}
  .v_norminact:link {color: #808080}
  .v_normact:link {color: #0094DB}

  .v_gr:link {color: #222222}
  .v_grcp:link {color: #B6D7EA}
  .v_grinact:link {color: #808080}
  .v_gract:link {color: #0094DB}

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

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

  /* enlaces - color de los visited */

  
  .v_form:visited {color: #222222}
  .v_forminact:visited {color: #808080}
  .v_formact:visited {color: #0094DB}
  .v_formsobcn:visited {color: #222222}
  .v_formsobcs:visited {color: #222222}
  .v_formsobcp:visited {color: #FFFFFF}

  .v_norm:visited {color: #222222}
  .v_normcp:visited {color: #B6D7EA}
  .v_norminact:visited {color: #808080}
  .v_normact:visited {color: #0094DB}

  .v_gr:visited {color: #222222}
  .v_grcp:visited {color: #B6D7EA}
  .v_grinact:visited {color: #808080}
  .v_gract:visited {color: #0094DB}

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

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


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

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

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

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

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

  /* enlaces - color de los active */

  
  .v_form:active {color: #222222}
  .v_forminact:active {color: #808080}
  .v_formact:active {color: #0094DB}
  .v_formsobcn:active {color: #222222}
  .v_formsobcs:active {color: #222222}
  .v_formsobcp:active {color: #FFFFFF}

  .v_norm:active {color: #222222}
  .v_normcp:active {color: #B6D7EA}
  .v_norminact:active {color: #808080}
  .v_normact:active {color: #0094DB}

  .v_gr:active {color: #222222}
  .v_grcp:active {color: #B6D7EA}
  .v_grinact:active {color: #808080}
  .v_gract:active {color: #0094DB}

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

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


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

  
/*  Estilos de barra  */
body {
scrollbar-face-color: #B6D7EA;
scrollbar-highlight-color: #B6D7EA;
scrollbar-3dlight-color: #0094DB;
scrollbar-darkshadow-color: #0094DB;
scrollbar-shadow-color: #B6D7EA;
scrollbar-track-color: #D9D9D9;
scrollbar-arrow-color: #0094DB;
}



/* Fin */