

/*--------------------------------------------------------------------*/

/*------------------------- GENERALES WEB --------------------------------*/

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  border: 0;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000;
  background: #3399CC url("imgs/fnd_web.jpg") no-repeat fixed 0 0;
}


img {
  border: 0;
}

a {
  text-decoration: none;
  color: #666666;
}

.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: 61.25em; /*980px*/
  margin: 0 auto;
  padding: 0; 
  overflow: hidden;
  z-index: 1;
 
}

.centrado_foot {
  clear: both;
  position: relative;
  width: 61.25em; /*980px*/
  margin: 0 auto;
  padding: 0; 
  z-index: 1;
  z-index: 25;
}



/*------------------------- Fin Centrado -----------------------------*/
/*------------------------- cabecera superior----------------------------*/

#cabecera_sup {
  position: relative;
  float: left;
  margin: 0;
  padding: .25em 0;
  width: 100%;  
  min-width: 61.25em; /* Mismo ancho que el centrado */
  color: #FFFFFF;
  z-index: 50;
}

#cabecera_sup .centrado {
  z-index: 50;
  overflow: visible;
}

/*---------------------------------------------------------------*/

#menu_cabsup {
  position: relative;
  float: right;  
  margin: 0;
  padding: .3em 2.125em 0 0;
  font-size: 1em;
  color: #003B66;
  z-index: 50;
}

#menu_cabsup li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 0 0 .625em;
  font-size: .6875em;
  text-transform: uppercase;
  border-left: 1px solid #DBE3E8;
  z-index: 50;
}

#menu_cabsup li.primero {  
  border-left: none;
  padding-right: .625em;
}

#menu_cabsup li a {  
  padding: 0 .375em;
  color: #FFFFFF;
}

#menu_cabsup li a:hover {
  background-color: #8AB21E;
  color: #FFFFFF;
}

#menu_cabsup li span {  
  line-height: 1;
}

/*------------------------- cabecera ----------------------------*/
#cabecera {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 61.25em; /*980px*/
  z-index: 1;
}

#logotipo {
  position: relative;
  float: left;
  width: 813px;
  height: 254px;
  overflow: hidden;
  margin: 2em 0 0 5.5em;
  padding: 0;
  font-size: 1em;
  text-align: center;
  z-index: 1;
}

*html #logotipo {
  margin: 2em 0 0 3em;
}

#logotipo a {
  color: #666666;
}

#logotipo a:hover {
  color: #666666;
}

#logotipo span {
 /* position: absolute;
  top: 0;
  left: 0;
  width: 813px;
  height: 254px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/logotipo.png") no-repeat top left;
  z-index: 2;
  cursor: pointer;*/
}
/*
* html #logotipo span {
  background: transparent url("imgs/logotipo.gif") no-repeat top left;
}*/

#logoFlash {
 background:transparent none repeat scroll 0 0;
 cursor:pointer;
 height:257px;
 left:0;
 margin:0 0 0 -91px;
 padding:0;
 position:absolute;
 top:0;
 width:998px;
 z-index:2;
}


#blq_login {
  clear: both;
  position: relative;
  float: left;
  width: 224px;
  height: 175px;
  margin: 0 0 .625em 0;
  padding: 1em;  
  /*font-size: .625em;*/
  background: #8AB21E url("imgs/fnd_login.gif") no-repeat top left;
  color: #FFFFFF;  
}

* html #blq_login {
 margin: 0 0 0 0;
 padding: 1em 1em .5em 1em;
}

#blq_login h2{
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  padding: 0 0 0 .375em;
  font-size: 1.625em;  
  font-weight: normal;
  border-bottom: 1px solid #FFF;
}
#blq_login form {
  position: relative;
  float: left;
  width: 100%;
}

#blq_login a {
  color: #666666;
}

#blq_login a:hover {
  color: #003B66;
}

.divlogin {
 position: relative;
 float: left;
 clear: both;
 margin: .8em 0 0 0;
 padding:0;
 width: 100%;
}


#blq_login .fila_login {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.fila_login {
	font-size: .85em;
	font-weight: bold;
}


#blq_login .fila_login2, #blq_login .fila_login2b {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 0 6em;
  padding: 0;
  width: 60%;
}

*:first-child+html #blq_login .fila_login2b {
 margin: -1.25em 0 0 6.5em;
}

* html #blq_login .fila_login2b {
 margin: -1.25em 0 0 3.2em;
}

#blq_login .fila_login2b {
  margin-top: -1.25em;
}

#blq_login .fila_login3 {
  position: relative;
  float: left;
  width: 100%;
  margin: 1em 0 0 0;
  padding: 0;
  font-size: .75em;
}

#blq_login .ctxt {
  border: 1px solid #D78691;
  /*color: #003B66;*/
  color: #006699;
  font-size: .8em;
  width: 90%;
  margin: .25em 0 0 0;
  padding: .0625em .5em;
}

#blq_login .boton {
  clear: both;
  position: relative;
  float: left;
  border: none;
  background: #FFF url("imgs/boton_entrar.gif") no-repeat top left;
  color: #000;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .6875em;
  margin: 1.5em 0 0 3em;
  padding: 0;
  width: 54px;
  height: 30px;
  text-transform: uppercase;
}

#blq_login .boton:hover {
  color: #003B66;
}

* html #blq_login .boton {
  margin-top: -0.5em;
}

#blq_login .aboton {
  border: none;  
  color: #000;
  font-size: .9375em;  
  margin: 0;
  padding: 0;
}

#blq_login .aboton:hover {
  color: #003B66;
}

#blq_login .fila_login2 .aboton, #blq_login .fila_login2b .aboton {
  font-size: .6875em;  
}

#blq_login .fila_login3 a{
  color: #FFFFFF;
}

#blq_login .fila_login3 .aboton{ 
  background: #FFF;
  color: #FFFFFF;
  padding: 0 .125em;
  text-transform: uppercase;
  text-decoration: none;
}

#busqueda {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 2.125em 0 1em 0;
  background: transparent url("imgs/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: #003B66;  
}

#busqueda p.pavan{
  width: 70%;
  font-size: .6875em;
  text-transform: uppercase;
  margin-top: -1.5em;  
}

#busqueda p.pavan a{
  color: #003B66;  
  text-decoration: underline;  
}

#busqueda .ctxt {
  border: none;  
  color: #003B66;
  font-size: 1.1875em;
  font-weight: normal;
  width: 90%;
  margin: 0;
  padding: 0;  
}

#busqueda .boton {
  border: none;
  float: right;
  background: #003B66; /*url("imgs/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("imgs/fondo_boletin.gif") no-repeat 0em 2em ;
}

#boletin h2{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;  
  color: #D11212;
  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: #003B66;  
}

#boletin p.pavan{
  width: 70%;
  font-size: .625em;
  margin-top: -1.5em; 
  padding-left: .8125em;
}

#boletin p.pavan a{
  color: #D11212;  
  text-decoration: underline;  
}

#boletin .ctxt {
  float: right;
  border: 1px solid #DBE3E8;  
  color: #D11212;
  font-size: .8125em;
  font-weight: normal;
  width: 90%;
  margin: 0;
  padding: .25em;  
}

#boletin .boton {
  border: none;
  float: right;
  background: #D11212; /*url("imgs/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: 100%;
  margin: 0;
  padding: 1em 0;  
  background: #003B66;
  text-transform: uppercase;
  font-size: 1em;
  color: #FFFFFF;
}

#menu_sup a {
  color: #FFFFFF;
  padding: 0 .375em;
}

#menu_sup a:hover {
  background-color: #DBE3E8;
  color: #333333;
}

#menu_sup li {
  list-style-type: none;
  display: inline;
  padding: 0 .625em;
  border-left: 1px solid #FFFFFF;
}

#menu_sup li.primero {
  border: none;
  padding-right:  .375em;  
}


/*---------------------------------------------------------------*/

#idiomas {
  position: relative;
  float: right;  
  margin: 0;
  padding: .3em 1em 0 0;
  text-align: right;
  font-size: 1em;
  background-color: #003B66;
  color: #FFFFFF;
}

#idiomas li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 0 0 .625em;
  font-size: .6875em;
  text-transform: uppercase;
  border-left: 1px solid #DBE3E8;
}

#idiomas li.primero {  
  border-left: none;
}

#idiomas li a {  
  padding: 0 .375em;
  color: #FFFFFF;
}

#idiomas li a:hover {
  background-color: #8AB21E;
  color: #FFFFFF;
}

#idiomas li a.activo {  
  background-color: #DBE3E8;
  color: #333333;
}

/*---------------------------------------------------------------*/

#medio {
  clear: both;
  position: relative;
  float: left;
  width: 61.25em; /*980px*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index: 5;
}

.borde_coldcha {
  position: relative;
  float: left;
  width: 794px;
  height: 16px;
  margin: 1em 0 0 -11px;
  padding: 0 0 0 0;
  background: transparent url("imgs/borde_coldcha.png") no-repeat top left;
}

* html .borde_coldcha {
  background: transparent url("imgs/borde_coldcha.gif") no-repeat top left;
  margin: 1em 0 0 -10px;
}

#col_izda { 
  position: relative;
  float: left;
  width: 15.55em;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 6;
}

#apertura_dest_izda {
	position: relative;
	float: left;
	margin:0;
	padding:0;
	width: 248px;
	height: 10px;
	background: url("imgs/borde_sup_dest_izda.png") no-repeat 0 0;
}

* html #apertura_dest_izda { 
	 background: url("imgs/borde_sup_dest_izda.gif") no-repeat 0 0;
} 

#col_dcha { 
  position: relative;
  float: left;
  width: 48.5em; 
  overflow: hidden;
  margin: 0 0 0 -10px;
  padding: 0 .3em 0 .7em;
  z-index:7;
  background: #FFF url("imgs/fnd_coldcha.jpg") no-repeat 0 0;
}

* html #col_dcha { 
  margin: -3px 0 0 -10px;
}

#col_dest { 
  position: relative;
  float: right;
  width: 16em; 
  overflow: hidden;
  margin: -0.5em 0 0 0;
  padding: 0 0.4em 1em 0;
}

.imagen_izda {
	position: relative;
	float: left;
	margin:5em 0 0 0;
	padding:0;
	width: 107px;
	height: 300px;
	z-index: 100;
	background: url("imgs/imagen_izda.png") no-repeat 0 0;
}

* html .imagen_izda {
	background: url("imgs/imagen_izda.gif") no-repeat 0 0;
}

.imagen_derecha {
	position: relative;
	float: left;
	margin:8em 0 0 -10px;
	padding:0;
	width: 92px;
	height: 300px;
	z-index: 100;
	background: transparent url("imgs/imagen_derecha.png") no-repeat 0 0;
}

* html .imagen_derecha {
	background: transparent url("imgs/imagen_derecha.gif") no-repeat 0 0;
	/*border:1px solid red;*/
}

/*---------------------------------------------------------------*/

.destacados {
  clear: both;
  position: relative;
  float: left;  
  width: 256px;
  margin: 0;
  padding: .3em 0 0 0;  
}

*:first-child+html .destacados {
	padding: .3em 1.6em 0 1.55em;
}

* html .destacados {
	margin: -10px 0 0 0;
	padding: .3em 1.6em 0 1.5em;
}

.borde_destacado_superior {
	clear: both;
  position: relative;
  float: left;  
  width: 256px;
  height: 11px;
  margin: 1em 0 0 0;
  padding: 0;  
  background: url("imgs/borde_sup_dest.gif") no-repeat top left;
}


.cierre_destacados {
  position: relative;
  float: left;  
  width: 256px;
  height: 11px;
  margin: 0 0 0 0;
  padding: 0;  
  background: url("imgs/cierre_destacados.gif") no-repeat top left;
}

* html .cierre_destacados {
	margin: 0 0 0 0;
	height: 21px;	
}

.destacados h2 {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 0 .375em;
  font-size: 1.6875em;
  /*color: #8AB21E;*/
  color: #000;
  font-weight: normal;
  border-bottom: 1px solid #C34A5B;
}

.destacados div.grupo_div {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .5em 0 0 0;
}

.destacados div.primero {
  border: none;
}

.destacados img {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}


.destacados h3 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  /*color: #003B66;*/
  color: #006699;
}

.destacados h3 a {
  color: #003B66;
}

.destacados h3 a:hover {
  color: #003B66;
}


.titulo_destacados_par {
	margin: 0 0 .5em 0;
  padding: .6em .75em;
  position:relative;
  float:left;
  clear: both;
  font-size: 1em;
  font-weight: normal;
	background-color: #C34A5B;
	color: #FFF;
	width: 88.5%;
}

*:first-child+html .titulo_destacados_par {
	padding-left: .7em;
}

.titulo_destacados_par a{
	color: #FFF;
}

.titulo_destacados_par a:hover{
	color: #FFF;
}

.titulo_destacados_impar{
	margin: 0 0 .5em 0;
   padding: .6em .75em;
  position:relative;
  float:left;
  clear: both;
  font-size: 1em;
  font-weight: normal;
	color: #FFF;
	width: 88.5%;
	background-color: #C34A5B;
}

*:first-child+html .titulo_destacados_impar {
	padding-left: .7em;
}

.titulo_destacados_impar a{
	color: #FFF;
}

.titulo_destacados_impar a:hover{
	color: #FFF;
}

.destacados h4 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  color: #003B66;
}

.destacados h4 a {
  color: #003B66;
}

.destacados h4 a:hover {
  color: #003B66;
}

.destacados div.txtdest {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .75em;
  color: #666666;
  border: none;
}

.destacados div.txtdest a {
  color: #666666;
}

.destacados div.txtdest a:hover {
  color: #003B66;
}

/*---------------------------------------------------------------*/


/*-----------Destacados Izquierda -------------------*/

.destacados_izda {
  clear: both;
  position: relative;
  float: left;  
  width: 206px;
  margin: 0;
  padding: 0 1.1em 1em 1.32em; 
  border-left: 2px solid #C34A5B;
  border-right: 2px solid #C34A5B;
  background: #FDFEFC	url("imgs/fnd_dest_izda.png") no-repeat top left;
}

*:first-child+html .destacados_izda {
   padding: 0 1em 1em 1.35em; 
}

* html .destacados_izda {
	margin: -9px 0 0 0;
	padding: 0 1em 1em 1.25em; 
}


.destacados_izda h2 {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 0 .375em;
  font-size: 1.6875em;
  color: #8AB21E;
  font-weight: normal;
  background: transparent url("imgs/flecha_titulo.gif") no-repeat 0 .35em;
}

.destacados_izda div.grupo_div {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .85em 0 0 0;
}

.destacados_izda div.primero {
  border: none;
}

.destacados_izda img {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  border: 2px solid #C34A5B;
}

.destacados_izda h3 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  color: #003B66;
}

.destacados_izda h3 a {
  color: #003B66;
}

.destacados_izda h3 a:hover {
  color: #003B66;
}

.titulo_destizda_par {
	margin: 0 0 .5em 0;
  padding: .6em 1.2em;
  position:relative;
  float:left;
  clear: both;
  font-size: 1em;
  font-weight: normal;
	background-color: #C34A5B;
	color: #FFF;
	width: 79%;
}

*:first-child+html .titulo_destizda_par {
		padding-left: .6em 1.2em .6em 1.2em;
}

.titulo_destizda_par a{
	color: #FFF;
}

.titulo_destizda_par a:hover{
	color: #000;
}

.titulo_destizda_impar{
	margin: 0 0 .5em 0;
  padding: .6em 1.2em;
  position:relative;
  float:left;
  clear: both;
  font-size: 1em;
  font-weight: normal;
	color: #FFF;
	width: 79%;
	background-color: #C34A5B;
}

*:first-child+html .titulo_destizda_impar {
	padding-left: .6em 1.2em .6em 1.2em;
}

.titulo_destizda_impar a{
	color: #FFF;
}

.titulo_destizda_impar a:hover{
	color: #000;
}


.destacados_izda h4 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  color: #003B66;
}

.destacados_izda h4 a {
  color: #003B66;
}

.destacados_izda h4 a:hover {
  color: #003B66;
}

.destacados_izda div.txtdest {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .75em;
  color: #666666;
  border: none;
}

.destacados_izda div.txtdest a {
  color: #666666;
}

.destacados_izda div.txtdest a:hover {
  color: #003B66;
}

.cierre_dest_izda {
	position:relative;
	float: left;
	margin: 0 0 0 0.01em;
	padding: 0;
	width: 248px;
	height: 14px;
	background: url("imgs/cierre_dest_izda.png") no-repeat 0 0;
}

* html .cierre_dest_izda {
	background: url("imgs/cierre_dest_izda.gif") no-repeat 0 0;
}

#ver_todas {
	position: relative;
	float: left;
	margin: .85em 0 0 0;
	text-transform:uppercase;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
}


#ver_todas a{
	position:relative;
	float: right;
  color: #000;
  background: url("imgs/fnd_vertodas.gif") repeat-x 0 0;
  border: 1px solid #A3CB63;
  padding: .2em .5em;
}

/*---------------------------------------------------------------*/

#menu_dcha {
  clear: left;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

/*---------------------------------------------------------------*/

#menu {
  position: relative;
  float: left;
  width: 812px;
  height: 41px;
  margin: 0 0.1em 0 5em;
  padding: 0;
  font-family: Georgia, Times New Roman, serif;
  font-size: 18px;
  background: transparent url("imgs/fnd_menu.png") no-repeat top left;
  color: #333333;
  overflow: hidden;
}

* html #menu {
  margin: 0 .05em 0 2.7em;
   background: transparent url("imgs/fnd_menu.gif") no-repeat top left;
}

#menu li {
  list-style-type: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  background: none;  
}

#menu li.primero {  
  background: none;  
  margin-left: 10px;
}

#menu li a {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: .6em 1.45em;
  color: #006699;
  font-weight: bold; 
}

#menu li a:hover {
  color: #FFF;
  background: url("imgs/fnd_over.jpg") repeat-x top left;
  padding: .6em 1.45em;
   font-weight: bold;
}

#menu li a.activo {
  color: #FFF;
  background: url("imgs/fnd_over.jpg") repeat-x top left;
  font-weight: bold;
  padding: .6em 1.45em;
}

#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: #8AB21E;
  text-decoration: underline;
  padding: 0 0 0 1em;
}

#menu ul.submenu li a:hover {
  color: #003B66;
}

#menu ul.submenu li a.activo {
  color: #8AB21E;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
  
.menu_bloque  {  
  margin: .625em 0 0 0;
  padding: .3em .5em;
  width: 95%;
  font-size: .75em;
  color:#FFFFFF;
  background-color: #8AB21E;  
  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 #CCCCCC;
}

.menu_bloque_contenido li.primero {
  border: none;
}

.menu_bloque_contenido a  {  
  color: #666666;
}

.menu_bloque_contenido a:hover  {  
  color: #003B66;
}

/* -------------------------------------------------------------------- */

#herr_compartir {
  clear: both;
  position: relative;
  float: left;  
  width: 100%;
  margin: 1em 0 3em 0;
  padding: .3em 0 .6em 0;
  color: #006699;
  z-index: 50;
  border-bottom: 1px solid #B5E3FA;
}

 
#herr_compartir li {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0 .6em 0 0;
  font-size: .6875em;
  text-transform: uppercase;
  border-left: 1px solid #B5E3FA;
  z-index: 50;
}

#herr_compartir li.primero {  
  border-left: none;
}

#herr_compartir li a {  
  padding: 0;
  color: #003B66;
}

#herr_compartir li a#henvami {
  padding-right: 2em;
  background: transparent url("imgs/ic_envami.gif") no-repeat top right;
}

#herr_compartir li a:hover {
  color: #003B66;
}

#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 .3em;
}

#herr_compartir li #opciones_compartir li {
  display: inline;
  border: none;
  padding: .25em .4em;
}

#herr_compartir li #opciones_compartir li a:hover {
  background-color: transparent;
}

/* -------------------------------------------------------------------- */

#foot {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  min-width: 61.25em; /* Mismo ancho que el centrado */
  margin: 0;
  padding: 0 0 2em 0;
  color: #FFFFFF;
  z-index: 16;
}

#foot a {
  color: #000;
}

#foot a:hover {
  color: #8AB21E;
}

#foot #imagen_pie {
	position: relative;
	float: left;
	margin: -2em 0 0 2em;
	padding:0;
	background: url("imgs/imagen_pie2.png") no-repeat 0 0;
	z-index: 100;
	width: 164px;
	height: 160px;
}

* html #foot #imagen_pie {
	background: url("imgs/imagen_pie2.gif") no-repeat 0 0;
}

#foot ul {
  position: relative;
  float: right;
  width: 30%;
  margin: 0;
  padding: .5em 1em 0 0;
  text-transform: uppercase;
  text-align: right;
}

* html #foot ul {
  padding-top: 0.75em;
}

#foot ul li {
  list-style-type: none;
  display: inline;
  padding: 0 .3em 0 .6em;
  border-left: 1px solid #FFFFFF;
  font-size: .7em;
}

#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("imgs/logo_sci.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#logosci a:hover {
  color: #FFFFFF;
}

#piecont {
  position: relative;
  float: left;
  width: 70.8%;
  padding: 2em 0 .5em 0;
  margin: 0 0 0 0;  
  height: 88px;
  z-index:5;
  background-color: #FFF;
  /*border:1px solid red;*/
}

* html #piecont {
  width: 70.7%;
}

#piecont h2{
  color: #FFC418;
  padding: 0 0 0 .75em;
  margin: 0;
  background: transparent url("imgs/flecha_titulo3.gif") no-repeat 0 .35em;
  font-size: 1.25em;
}


#piecont a {
  color: #006699;  
}

#piecont a:hover {
  color: #00A2DC;
}

#avisolegal{
	text-decoration: underline;
	margin: 0 0 0 .5em;
}

.cierre_pie {
	position: relative;
  float: left;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;  
}

*:first-child+html .cierre_pie {
	 width: 100%;
}

.cierre_pie .bloque{
  position: relative;
  float: left;
  width: 79%;  
  padding:0.5em 1em 0.5em 2em;
  margin: 0 0 0 95px;
  font-size: 11px;
  height: 30px;
  font-weight: bold;
  color: #000;  
  background: url("imgs/cierre_pie.png") no-repeat 0 0;
}

*:first-child+html .cierre_pie .bloque {
	  margin:-20px 0 0 95px;
	  height: 40px;
}

* html .cierre_pie .bloque {
  background: url("imgs/cierre_pie.gif") no-repeat 0 0;
  margin:-20px 0 0 95px;
	height: 40px;
}

/* -------------------------------------------------------------------- */

#contenido {   
  position: relative;
  float: left;  
  width: 30.8em; 
  overflow:hidden;
  margin: 0;
  padding: 0.5em 0 0 0;
  z-index:10;
}

* html #contenido {   
	margin: 0 0 0 .3em;
}

.contenidoampliado{
  width: 43.25em !important;
}

#contenido_infover_trescol {   
  position: relative;
  float: left;  
  width: 43em; 
  overflow:hidden;
  margin: 0;
  padding: 0.5em 1em 3.2em 1em;
  z-index:10;
}

* html #contenido_infover_trescol {   
	margin: 0 0 0 .3em;
}

#contenido_ancho {   
  position: relative;
  float: left;  
  width: 47.875em; /*766px*/ 
  min-height: 508px;
  overflow:hidden;
  margin: -1em 0 2em 0;
  padding: 0;
  z-index:10;
  background: #B1C800 url("imgs/fnd_contenido_ancho.jpg") no-repeat top left;
}

/* -------------------------------------------------------------------- */

#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 #666666; 
  border-bottom:1px solid #666666; 
  color: #666666;  
}

#print_foot_pag strong{
  color: #003B66;  
  font-weight: normal;
}

#print_foot_dat{
  clear: both;
  position: relative;
  float: left;  
  width: 96%;
  overflow:hidden;
  margin: 0;
  padding: .5em;      
  color: #666666;    
}

#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: #003B66;
}

#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("imgs/logo_sci_print.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#print_foot_dat_col2 a:hover {
  color: #FFFFFF;
}

.logo1 {
	position: relative;
	float: left;
	margin: 1.5em .9em 0 .9em;
	padding:0;
}

*html .logo1 {
	margin: 1.5em .7em 0 .7em;
}

.logo2 {
	position: relative;
	float: left;
	margin: 1.5em .9em 0 .9em;
	padding:0;
}

.logo3 {
	position: relative;
	float: left;
	margin: 1em 0 0 .5em;
	padding:0;
}

.logo5 {
	position: relative;
	float: left;
	margin: 1em 0 0 .1em;
	padding:0;
}

.logo4 {
	position: relative;
	float: left;
	margin: 1em .9em 0 .9em;
	padding:0;
}

/** ------------------------------------------------------------------------------**/

#carousel1{
	width: 700px;
	margin: auto;
	overflow: auto;
	height: 50px;
	position: relative;
	margin: 0.5em 0 0 0;
}

#carousel1 img
{
	width: 60px;
	border: 0 none;
	margin: 0 0.5em;
}
/* Este estilo es para los controles de play y pause, ponemos display:none para que no se muestren */
#carousel1_Controles img{
	border: 2px solid #a00;
	width: 15px;
	height: 15px;
	display:none;
}


/*** ------------------------------------------------------------------------------- **/
/*------------------------ CONTENIDO WEB -------------------------------*/

.keywords {
  display: none;
}

/* -------------------------------------------------------------------- */

a.descimg {
  display: block;
  clear: both;
  margin: .3em 0;
  font-size: .75em;
  color: #666666;
  text-align: center;
}

a.descimg:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.titular {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: 0;
  font-size: .75em;
  color: #626262;
}

.titular span {
  color: #003B66;
}

.titular img {
  vertical-align: middle;
}

/* -------------------------------------------------------------------- */

.icon_formacion {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em 0 0;
  padding: 0;
}

/* -------------------------------------------------------------------- */

#ruta_apartado {
  position: relative;
  float: left;
  width: 58%;
  margin: 0;
  padding: 0 0 1em 1em;
  font-size: .6875em;
  color: #333;
}

#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: #006699;
  text-decoration: underline;
}

#ruta_apartado a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

#foto_apartado {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 1em 0;
  padding: 0;
  text-align:center;
  width: 766px;
  overflow: hidden;
}

/* -------------------------------------------------------------------- */

#tit_apartado {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 1.2em 0;
  padding: 0 0 .3em .5em;
  width: 99%;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 1.3125em;
  /*color: #8AB21E;*/
  color:#000;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #B5E3FA;
}

#tit_apartado a {
  color: #8AB21E;
}

#tit_apartado a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

#desc_apartado {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: 0;
  font-size: .75em;
  color: #666666;
}

#desc_apartado a {
  color: #666666;
}

#desc_apartado a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

#subapartados {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: .5em 0 0 0;
  padding: 0;
  font-size: .875em;
  color: #8AB21E;
  line-height: 1.5;
  /*height: 32px;*/
}


#subapartados li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0 .3em 1em .3em;
  font-size: 1.2em;
  position:relative;
  float:left;
}

#subapartados li.primero {
  border: none;
}

#subapartados .abrir {
  background: url("imgs/abre_menu.jpg") no-repeat right top;
  width: 5px;
  height: 32px;
  padding: .3em 0 .5em 0;
}

*:first-child+html #subapartados .abrir {
	padding: .2em 0 .8em 0;
}

#subapartados .cerrar {
  background: url("imgs/cerrar_menu.jpg") no-repeat 0 0;
  width: 5px;
  height: 32px;
  padding: .3em 0 .5em 0;
}

*:first-child+html #subapartados .cerrar {
  padding: .2em 0 .8em 0;
}

#subapartados a {
  color: #FFF;
  padding: .3em 0 .5em 0;
  background: url("imgs/fondo_submenu.jpg") repeat-x 0 0;
}

*:first-child+html #subapartados a {
	padding: .2em 0 .8em 0;
}

#subapartados a:hover {
  color: #FFF;
  padding: .3em 0 .5em 0;
  background: url("imgs/fondo_submenu.jpg") repeat-x 0 0;
}

*:first-child+html #subapartados a:hover {
	padding: .2em 0 .8em 0;
}

#subapartados a.activo {
  color: #FFF;
  padding: .3em 0 .5em 0;
  background: url("imgs/fondo_submenu.jpg") repeat-x 0 0;
}

*:first-child+html #subapartados a.activo {
	padding: 0;
}

/* -------------------------------------------------------------------- */

.titulo {
  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: #8AB21E url("imgs/flecha_titulo2.gif") no-repeat .25em .5em;
}

.titulo a {
  color: #333333;
}

.titulo a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.informacion {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .625em 0;
  padding: 0.4em;
  width: 96%;
  overflow: hidden;
  background-color: #EDFBFF;
  border: 1px solid #B5E3FA;
}


.informacion a {
  color: #666666;
}

.informacion a:hover {
  color: #003B66;
}

.informacion_desp {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .625em 0;
  padding: 0.4em;
  width: 97%;
  overflow: hidden;
}

.informacion_desp a {
  color: #666666;
}

.informacion_desp a:hover {
  color: #003B66;
}

.informacion_trescol {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .625em 0;
  padding: 0.4em;
  width: 97%;
  overflow: hidden;
}

.informacion_trescol a {
  color: #666666;
}

.informacion_trescol a:hover {
  color: #003B66;
}

.informacion_infover {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .625em 0;
  padding: 0.4em;
  width: 97%;
  overflow: hidden;
}

.informacion_infover a {
  color: #666666;
}

.informacion_infover a:hover {
  color: #003B66;
}

/* Para mostrar la informacion en dos columnas */
.info_izda {
  position: relative;
  float: left;
  width: 33%;
  margin: 0 0 1em 0;
  padding: 0;
}

.info_dcha {
  position: relative;
  float: right;
  width: 33%;
  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: 100%;
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: normal;
  color: #CC0000;
   text-align:justify;
}

.info_tit_ext a {
  color: #CC0000;
}

.info_tit_ext a:hover {
  color: #CC0000;
}

.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: .2em .75em .25em 0;
  padding: 0;
}

.info_tit_int {
  margin: 0 0 .25em 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
 /* color: #029ACC;*/
  color: #CC0000;
  text-align:justify;
}

.info_izda .info_tit_int, .info_dcha .info_tit_int{
  font-size: 1em;
}


.info_tit_int a {
 /*color: #029ACC;*/
 color: #CC0000;
}

.info_tit_int a:hover {
 /*color: #006699;*/
 color: #CC0000;
 text-decoration: underline;
}

.info_texto {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .75em;
   color: #000;
}

.info_texto_enviarmail {
  margin: 0 0 .5em 1em;
  padding: 0;
  font-size: .75em;
  color: #000;
}

.info_izda .info_texto, .info_dcha .info_texto{
  font-size: .6875em;
}

.info_texto a {
  color: #000;
}

.info_texto a:hover {
    color: #006699;
}

.leer_mas {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .6875em;
  color: #666666;
  text-transform: uppercase;
}

.leer_mas a {
  color: #666666;
}

.leer_mas a:hover {
  color: #666666;
}

.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 #003B66;
  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: #DBE3E8;
  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: 0 0 .5em 0;
  padding: 0 .2em 0 0;
}

.info_bloque_fseg_sep6 {
  position: relative;
  float: left;
  width: 45%;
  overflow: hidden;
  margin: 0 0 .5em 0;
  padding: 0 1em 0 0;
}

.info_bloque_fseg_sep7 {
  position: relative;
  float: left;
  width: 30%;
  overflow: hidden;
  margin: 0 .32em .4em 0;
  padding: 0 .5em 0 0;
}

.info_bloque_fot_texto {
  margin: 0 0 0 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_desc {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .5em 0 0 0;
  font-size: .85em;
  color: #666666;
  font-weight:bold;
}

.info_bloque_desc a {
  color: #003B66;
}

.info_bloque_desc a:hover {
  color: #003B66;
}

.info_bloque_texto {
  margin: 0;
  padding: 0;
  font-size: .85em;
  color: #666666;
  text-align:justify;
}

.fot_ampliada .info_bloque_texto {
	color: #FFF;
	font-weight: bold;
	margin: .5em 0 0 0;
}

.info_bloque_texto a {
 /* color: ;*/
 color: #000;
 font-weight: bold;
}

.info_bloque_texto a:hover {
  color: #003B66;
}

.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;
  margin: .5em 0 .3em 0;
  padding: .15em .75em;
  font-size: .75em;
  background: transparent url("imgs/fnd_enlace.gif") repeat-x 0 0;
  border: 1px solid #A3CB62;
  color: #666666;
}

.info_bloque_fichero a {
  color: #666666;
  padding: 0 0 0 1.8em;
  font-weight: bold;
}

.info_bloque_fichero a.linkpdf {
  background: transparent url("imgs/icon_pdf.gif") no-repeat 0 0;
}

.info_bloque_fichero a:hover {
  color: #003B66;
  text-decoration:underline;
}

.info_bloque_enlace {
  clear: both;
  position: relative;
  float: left;
  margin: .5em 0 .3em 0;
  padding: .15em .75em;
  font-size: .75em;
  color: #666666;
  border: 1px solid #0A9DCF;
  background: transparent url("imgs/fnd_enlace.gif") repeat-x 0 0;
}

.info_bloque_enlace a {
  color: #666666;
  padding: 0; 
  font-weight: bold;
}

.info_bloque_enlace a:hover {
  color: #003B66;
  text-decoration: underline;
}

/* -------------------------------------------------------------------- */

.paginacion {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 1em 0;
  padding: .5em 2em;
  font-size: .75em;
  color: #006699;
  text-align:center;
}

.paginacion a {
  color: #006699;
}

.paginacion a:hover {
  color: #CC0000;
}

.pag_activo {
 color: #CC0000;
}
/* -------------------------------------------------------------------- */

.info_paginacion {
  clear: both;
  position: relative;
  float: left;
  text-align: right;
  margin: .625em 0;
  padding: 0;
  font-size: .6875em;
  color: #666666;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
}

.info_paginacion a {
  color: #666666;
}

.info_paginacion a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

#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: .625em;
  text-transform: uppercase;  
}

#imprimir a {
  color: #FFFFFF;
  padding: .5em .65em;
  background: transparent url("imgs/fnd_ampliar.gif") no-repeat 0 0;
}

#imprimir a:hover {
  color: #FFFFFF;
  background: transparent url("imgs/fnd_ampliar.gif") no-repeat 0 0;
}

/* -------------------------------------------------------------------- */

.info_volver {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  font-size: .6875em;
  color: #666666;
}

.info_volver a {
  color: #666666;
  text-decoration: underline;
}

.info_volver a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.info_editar {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  font-size: .6875em;
  color: #666666;
  text-transform: capitalize;
}

.info_editar a {
  color: #666666;
}

.info_editar a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.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: #003B66;
  text-transform: uppercase;
}

.panel_control {
  clear: both;
  position: relative;
  float: left;
  margin: 0;
  padding: 0.5em;
  width: 96%;
  font-size: .75em;
  color: #666666;
  border: 1px solid #003B66;
}

.panel_control a {
  color: #666666;
}

.panel_control a:hover {
  color: #003B66;
}

.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 #003B66;
}

.panel_control ul li.primero {
  border: none;
}

.panel_control ul li.icpanel{
  padding: 0 .5em .25em 1.75em;
  background: transparent url("../imgs/icpanelcontrol.gif") no-repeat left top;
}

.panel_control ul li.icopcap{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("../imgs/ic_nav_apartados.gif") no-repeat .5em 0;
}

.panel_control ul li.icestad{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("../imgs/ic_nav_estadisticas.gif") no-repeat .5em 0;
}

.panel_control ul li.iccontac{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("../imgs/ic_nav_comunicacion.gif") no-repeat .5em 0;
}

.panel_control ul li.iceditin{
  padding: 0 .5em .25em 2.25em;
  background: transparent url("../imgs/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("../imgs/icpanelcontrol.gif") no-repeat 0.875em 0.7em;
}

.panel_control_destacados {
  clear: both;
  position: relative;
  float: left;
  margin: 1em 0 0em 0;
  width: 100%;
  font-size: .75em;
  color: #003B66;
  padding: 0 0 .25em 1.75em;
  background: transparent url("../imgs/icpanelcontrol.gif") no-repeat left top;
}

.panel_control_destacados a {
  color: #666666;
}

.panel_control_destacados a:hover {
  color: #003B66;
}


/* ---------------------------- MAPA GOOGLE---------------------------- */
.gmap {
  width:29.5em;
  height:18.75em;
}

/* -------------------------------------------------------------------- */

#horizontal_carousel {
	position:relative;
	float: left;
	margin:0;
	padding:.5em 1em;
	background: transparent url("imgs/fnd_carusel.jpg") no-repeat 0 0;
	width: 95%;
	height: 90px;
}

*:first-child+html #horizontal_carousel {
  margin: 1em 0 0 0;
}

.nom_patro {
	position: relative; 
	float: left;
	font-size: 1.2em;
	color: #B7E5FA;
	width: 100%;
	padding:0;
	margin:0;
}

#carousel1 {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}

.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 {
  display: block;
  cursor: pointer;
  position: relative;
  float: left;
  padding: 0;
  font-weight: bold;
  color: #003B66;
  font-size: .7em;
  background: url("imgs/previus.jpg") no-repeat 0 0;
  margin: 1em 0 0 0;
  width: 2em;
  height: 2em;
}

.previous_button_disabled {
  color: #DBE3E8;
}

.carusel_vertical .previous_button {
  clear: both;
  width: 100%;
  float: left;
  padding: 0;
  text-align: center;
}

.next_button {
  width: 1em;
  display: block;
  cursor: pointer;
  position: relative;
  float: right;
  padding: 0;
  font-weight: bold;
  font-size: .7em;
  color: #003B66;
  background: url("imgs/next.jpg") no-repeat 0 0;
  width: 1em;
  height: 2em;
  margin: 1em 0 0 0;
}

.next_button_disabled {
  color: #DBE3E8;
}

.carusel_vertical .next_button {
  clear: both;
  width: 100%;
  float: left;
  padding: 0;
  text-align: center;
}

.container {
  position: relative;
  float: left;
  width: 42em; /* 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: 6.5em; /* 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;
}

/* -------------------------------------------------------------------- */

.banner_consultas {
  position: relative;
  float: left;
  clear:both;
  width: 256px;
  height: 104px;
  overflow: hidden;
  margin: 20px 0 0 0; 
  padding: 0;
  text-align: center;
  z-index: 1;
}

.banner_consultas span {
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 104px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/banner_consultas.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

.banner_sugerencias {
  position: relative;
  float: left;
  clear:both;
  width: 256px;
  height: 104px;
  overflow: hidden;
  margin: 20px 0 0 0; 
  padding: 0;
  text-align: center;
  z-index: 1;
}

.banner_sugerencias span {
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 104px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/banner_sugerencias.gif") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

.banner_logos {
  position: relative;
  float: left;
  clear:both;
  width: 256px;
  height: 104px;
  overflow: hidden;
  margin: 20px 0 0 0; 
  padding: 0;
  text-align: center;
  z-index: 1;
}

.banner_logos span {
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 104px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/logos_dcha.jpg") no-repeat top left;
  z-index: 2;
}

/* -------------------------------------------------------------------- */
.respuesta_mail {
  clear: both;
  position: relative;
  float: left;
  width: 55%;
  padding: 2.5em 1em 20em 20em;
}/*------------------------- 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, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #003B66;
}

.titapartados a {
  color: #FFFFFF;
}

.titapartados a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.blqapartados {
  clear: both;
  position: relative;
  float: left;
  width: 60%;
  margin: 0 0 0 3em;
  padding: .3em .5em;
  background-color: #CCCCCC;
}

.blqapartados p {
  margin: 0 0 .625em 0;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #333333;
}

/* -------------------------------------------------------------------- */


/* ---------------------- FORMULARIOS (no herramienta) ------------------------------ */

.formulario {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: .8em 0 .8em .8em;
  padding: 0;  
  font-size: 1em; 
  color: #666666;  
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
}

#formulario_trabaja {
  width: 97%;
}

#formulario_cumpleanios {
  float: left;
  width: 60%;
  padding: 3em .75em .8em 18.5em;
  margin: 0;  
  font-size: 100%; 
  color: #000;  
  font-family: Verdana, Arial, sans-serif;
}

#formulario_cumpleanios a {
  color: #000; 
}

.txtform {
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  margin: 0 0 .625em 0;
  padding: 0 0 0 .85em;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  text-align: left;
  color: #666666;
}

.txtform a {
  color: #666666;
}

.txtform a:hover {
  color: #003B66;
}

.txtform_inden {
  clear: both;
  position: relative;
  float: left;
  width: 95%;
  margin: 0 0 .625em 2em;
  padding: 0;
  font-size: 0.8125em;
  text-align: left;
  color: #666666;
}

.txtform_inden a {
  color: #666666;
}

.txtform_inden a:hover {
  color: #003B66;
}

.txtform_centrado {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0 0 .625em 0;
  padding: 0;
  font-size: 0.8125em;
  text-align: center;
  color: #666666;
}

.txtform_centrado a {
  color: #666666;
}

.txtform_centrado a:hover {
  color: #003B66;
}

.titform {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: 0.8125em;
  text-align: left;
  color: #666666;
}

.titform a {
  color: #666666;
}

.titform a:hover {
  color: #666666;
}

.grperror {
  position: relative;
  float: right;
  width: 85%;
  margin: 0 .625em 0 0;
  padding: 0;
}

.grperror_cumple {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 .625em 0 0;
  padding: 0;
}

.txt_avisopeso {
  color: #006699;
}

.txterror {
  position: relative;
  float: left;
  width: 96%;
  margin: 0;
  padding: .25em;
  background-color: #EDFBFF;
  border: 1px solid #B5E3FA;
}

.errorform {
  position: relative;
  float: left;
  background-color: #003B66;  
  color: #FFF;
  font-size: 0.8125em;
  padding: .3em;
  margin: 0;
}

.formulario a {
  color: #666666;
}

.formulario a:hover {
  color: #003B66;
  text-decoration:underline;
}

.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 #003B66;*/
  border: 1px solid #B5E3FA;
  padding: 0 0.5em;
  width: 100%;
  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: #B5E3FA;
  font-size: 0.8125em;
  color: #003366;
}

.formulario .lineaf, .formulario .lineachk {
  position: relative;
  float: left;
  margin: 0 0 .5em 0;
  padding: 0 0 .1em .5em;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  text-align: left;
  width: 100%;
  min-height: 1.5em;
  clear: both;
}

* html .formulario .lineaf {
  height: 1.5em;
}

#formulario_cumpleanios .lineaf, #formulario_cumpleanios .lineachk {
  margin: 0 0 .75em 0;
}

.formulario label {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;
  color: #003366;
  width: 33%;
  font-size: 1.25em;
}

#formulario_trabaja label {
  margin: 0 1em .2em 0;
  width: 37%;
}

#formulario_trabaja label.lblgrande {
  margin: 2em 1em .2em 0;
  font-size: .75em;
  width: 100%;
}

#formulario_cumpleanios label {
  display: block;
  position: relative;
  float: left;
  color: #000;
  font-size: .75em; 
  font-weight: bold;
  padding: 0.5em .6em .2em 0;
  margin: 0;
}

#formulario_cumpleanios label.label1 {
  width: 13%;
}

#formulario_cumpleanios label.label2 {
  width: 91%;
}

#formulario_cumpleanios label.label3 {
  width: 36%;
}

#formulario_cumpleanios label.label4 {
  width: 4%;
  padding: 0.5em .2em .2em .2em;
}

*:first-child+html #formulario_cumpleanios label.label4 {
  padding: 0.5em .25em .2em .25em;
}

#formulario_cumpleanios label.label5 {
  width: 6%;
  padding: .5em .6em .2em 0;
}

#formulario_cumpleanios label.label5 {
  width /*\**/: 6.1%\9
}

#formulario_cumpleanios label.label6 {
  width: 31.5%;
}

*:first-child+html #formulario_cumpleanios label.label6 {
  width: 31.25%;
}

* html #formulario_cumpleanios label.label6 {
  width: 31.25%;
}

#formulario_cumpleanios label.label7 {
  width: 66%;
}

#formulario_cumpleanios label.label8 {
  width: 27.5%;
}

#formulario_cumpleanios label.label9 {
  width: 91%;
  padding: 0 2.5em 1.25em 0;
}

.formulario label.lblgrande {
  width: 100%;
}

.formulario label.lblpeq {
  width: 15%;
  padding: .2em 0 0 0;
}

.formulario label.lblmed {
  width: 28%;
}

.formulario label.lblconsul {
  width: 27%;
}

.formulario label.oculto {
  display: none;
}

.formulario label.lbltxt {
  width: 90%;
}

.formulario label.lblreserva {
	width: 95%;
}

.formulario label.lbltxt2 {
  width: 100%;
  font-size: .75em;
}

.formulario label.lbltxt3 {
  width: 100%;
  font-size: 1.05em;
}



.formulario span {    
  color: #666666;  
  font-size: 0.8125em;
}


.formulario input.caja {
  width: 58%;
  border: none;
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 1.1em;
  background: url("imgs/fondo_caja.png") no-repeat 0 0;
  height: 25px;
  padding: 0 .7em;
}

* html .formulario input.caja {
	 background: url("imgs/fondo_caja.gif") no-repeat 0 0;
}

#formulario_trabaja input.caja {
  width: 52%; 
  background: url("imgs/fondo_caja_trabaja.png") no-repeat 0 0;
}

* html #formulario_trabaja input.caja {
	 background: url("imgs/fondo_caja_trabaja.gif") no-repeat 0 0;
}

#formulario_trabaja input.caja_cv {

}

.formulario input.caja_login {
  width: 48%;
  border: none;
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 1.1em;
  background: url("imgs/fondo_caja.png") no-repeat 0 0;
  height: 25px;
  padding: 0 .7em;
}

* html .formulario input.caja_login {
	 background: url("imgs/fondo_caja.gif") no-repeat 0 0;
}


#formulario_cumpleanios input.caja1 {
  width: 80%;
  border: none;
  margin: 0 0 0 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja1.jpg") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em 1em .5em .5em;
  font-style: italic;
}


#formulario_cumpleanios input.caja2 {
  width: 9%;
  border: none;
  margin: 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja2.jpg") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .75em .5em .5em;
  font-style: italic;
}

#formulario_cumpleanios input.caja3 {
  width: 40%;
  border: none;
  margin: 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja3.png") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .5em .5em .5em;
  font-style: italic;
}

* html #formulario_cumpleanios input.caja3 {
  background: transparent url("imgs/caja3.gif") no-repeat 0 0;
}

#formulario_cumpleanios input.caja4 {
  width: 19%;
  border: none;
  margin: 0 .6em 0 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja4.jpg") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .5em .5em .6em;
  font-style: italic;
}

#formulario_cumpleanios input.caja5 {
  width: 30%;
  border: none;
  margin: 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja5.png") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .5em .5em .6em;
  font-style: italic;
}

* html #formulario_cumpleanios input.caja5 {
  background: transparent url("imgs/caja5.gif") no-repeat 0 0;
}

#formulario_cumpleanios input.caja6 {
  width: 27%;
  border: none;
  margin: 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja6.png") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .6em .5em .6em;
  font-style: italic;
}

* html #formulario_cumpleanios input.caja6 {
  background: transparent url("imgs/caja6.gif") no-repeat 0 0;
}

#formulario_cumpleanios input.caja7 {
  width: 65%;
  border: none;
  margin: 0;
  color: #929296;
  font-family: Verdana, Arial, sans-serif;
  background: transparent url("imgs/caja7.png") no-repeat 0 0;
  float: left;
  font-size: .75em;
  padding: .5em .6em .5em .6em;
  font-style: italic;
}

* html #formulario_cumpleanios input.caja7 {
  background: transparent url("imgs/caja7.gif") no-repeat 0 0;
}

.formulario input.cajagrande {
  width: 98%;
  border: none;
  margin:.5em 0 0 0;
  background-color: #FFFFFF;
  color:  #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 1.1em;
  background: url("imgs/fondo_cajagrande.png") no-repeat 0 0;
  height: 25px;
  padding: 0 .7em;
}

* html .formulario input.cajagrande {
	background: url("imgs/fondo_cajagrande.gif") no-repeat 0 0;
}

.formulario input.cajap {
  width: 10%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario input.cajamed {
  width: 20%;
  border: none;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
  background: url("imgs/fnd_cajamed.png") no-repeat 0 0;
  padding: 0 .1em .1em .1em;
  margin: .5em 0 0 0;
}

* html .formulario input.cajamed {
	 background: url("imgs/fnd_cajamed.gif") no-repeat 0 0;
}

.formulario input.cajagrd {
  width: 80%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario input.cajaantispam {
  width: 20%;
  border: none;
  background-color: #FFFFFF;
  color: #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  font-size: 1em;
   background: url("imgs/fnd_cajamed.png") no-repeat 0 0;
   padding: 0 1em;
   font-weight: bold;
}

* html .formulario input.cajaantispam {
	 background: url("imgs/fnd_cajamed.gif") no-repeat 0 0;
}

#formulario_cumpleanios input.cajaantispam {
  width: 27%;
  height: 25px;
  border: none;
  background-color: #FFFFFF;
  color: #929296;
  font-family: Verdana, Arial, sans-serif; 
  font-size: .75em;
  background: url("imgs/caja_spam.png") no-repeat 0 0;
  padding: 0 1em;
  font-weight: normal;
  font-style: italic;
}

* html #formulario_cumpleanios  input.cajaantispam {
	 background: url("imgs/caja_spam.gif") no-repeat 0 0;
}


.formulario select {
  width: 60%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

#formulario_trabaja select {
 width: 53%;  
}

.formulario select.slctpeq {
  width: 30%;
}
.formulario span.cajaarea {
  background: transparent url("imgs/fnd_textarea.png") no-repeat 0 0;
  width: 294px;
  border: none;
  /*background-color: #FFFFFF;*/
  color:  #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 1.1em;
  padding:.5em;
  height: 100px;
}
.formulario textarea {
  width: 100%;
  border: none;
  background-color: transparent;
  color:  #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 1.1em;
  padding: 0em;
  height: 95px;
}

* html .formulario textarea {
  background: url("imgs/fnd_textarea.gif") no-repeat 0 0;
}

#formulario_cumpleanios span.caja_mails {
  background: transparent url("imgs/fnd_textarea_mails.gif") no-repeat 0 0;
  width: 435px;
  border: none;
  /*background-color: #FFFFFF;*/
  color: #FFF;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 100%;
  padding:.5em;
  height: 117px;
}


#formulario_cumpleanios textarea {
  width: 95%;
  border: none;
  background-color: transparent;
  color: #929296;
  font-family: Verdana, Arial, sans-serif; 
  font-style: italic;
  float: left;
  font-size: .75em;
  padding: 0em;
  height: 95px;
}

* html #formulario_cumpleanios textarea {
  background: url("imgs/fnd_textarea_mails.gif") no-repeat 0 0;
}

.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 #666666;
  background-color: #FFF;
  color: #666666;
  width: 100%;
}

.formulario .fechasf select {
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  width: 75%;
  padding: 0;
  margin: 0;
}

.formulario .coli {
  width: 35%;
  position: relative;
  float: left;
  font-size: 0.8125em;
}

.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;  
}

#formulario_cumpleanios .botonera_form_centrada {
  float: right;
  width: 38%;
}

input.bt_form {
  padding: .1em 0;
  margin: 1em 0 0 0;    
  border: none;
  width: 150px;
  background: url("imgs/boton_aceptar.png") no-repeat 0 0;
  font-size: 1em;
  color: #FFF;
  cursor: pointer;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;     
  height: 42px;
  font-weight: bold;
}

* html input.bt_form {
	 background: url("imgs/boton_aceptar.gif") no-repeat 0 0;
}

#formulario_cumpleanios input.bt_form {
  padding: .1em 0;
  margin: 1em 0 0 0;    
  border: none;
  width: 176px;
  background: url("imgs/boton_enviar.png") no-repeat 0 0;
  font-size: 1em;
  color: #FFF;
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif;  
  height: 43px;
  font-weight: bold;
}

* html #formulario_cumpleanios input.bt_form {
	 background: url("imgs/boton_enviar.gif") no-repeat 0 0;
}

input.bt_form:hover {
  border: none;
  color: #003B66;
}

a.bt_form {
  margin: 0 .5em 0 0;
  padding: 0;
  border: .1em solid #CCCCCC;
  background-color: #FFFFFF;
  /*height: 1.5em;*/  
  color: #46537A;
  font-size: 0.8125em;
}

a.bt_form:hover {
  border: .1em solid #CCCCCC;
  background-color: #FFFFFF;
  color: #003B66;
}

/*Fielset sin borde*/
fieldset.fsetoculto {
  border: none;
  margin:0;
  padding:0;
}

/*Legend oculta*/
legend.lgdoculto {
  display: none;
}



/* --------------------------------------------------------------------------------- */


.formulario_incidencias {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: .8em 0 .8em .8em;
  padding: 0;  
  font-size: 1em; 
  color: #666666;  
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
}


.formulario_incidencias a {
  color: #666666;
}

.formulario_incidencias a:hover {
  color: #003B66;
}

.formulario_incidencias #fset1 {
  border: none;
  padding: 1.0em 0 0 0;
}

.formulario_incidencias #fset1 legend {
  margin: 0 0 1em 0;
  padding: 0;
}

.formulario_incidencias .fset {
  margin: 1em 0;
  padding: 0 0 1.25em 0;
  border: 1px solid #003B66;
  padding: 0;
  width: 98%;
  overflow: hidden;
  position: relative;
  float: left;
}

.formulario_incidencias .fset legend {
  display: block;
  position: relative;
  float: left;
  margin: 0 0 1em .5em;
  padding: .2em .3em;
  background-color: #003B66;
  font-size: 0.8125em;
  color: #FFFFFF;
}

.formulario_incidencias .lineaf, .formulario .lineachk {
  position: relative;
  float: left;
  margin: 0 0 .5em 0;
  padding: 0 0 .1em .5em;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  text-align: left;
  width: 100%;
  min-height: 1.5em;
  clear: both;
}

* html .formulario_incidencias .lineaf {
  height: 1.5em;
}

.formulario_incidencias label {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;
  color: #666666;
  width: 4%;
  font-size: 0.8125em;
}

.formulario_incidencias label.lblgrande {
  width: 100%;
}

.formulario_incidencias label.lblpeq {
  width: 15%;
}

.formulario_incidencias label.lblmed {
  width: 45%;
}

.formulario_incidencias label.oculto {
  display: none;
}

.formulario_incidencias span {    
  color: #666666;  
  font-size: 0.8125em;
}


.formulario_incidencias input.caja {
  width: 60%;
  border: 0.1em solid #666666;
  background-color: #FFFFFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario_incidencias input.cajap {
  width: 10%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario_incidencias input.cajamed {
  width: 45%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario_incidencias input.cajagrd {
  width: 80%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}

.formulario_incidencias input.cajaantispam {
  width: 20%;
  border: .1em solid #666666;
  background-color: #FFFFFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  /*float: left;*/
  font-size: 0.8125em;
}

.formulario_incidencias select {
  width: 25%;
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
  margin: 0 2em 0 0;
}

.formulario_incidencias select.slctpeq {
  width: 30%;
}

.formulario_incidencias textarea {
  width: 60%;
  border: 0.1em solid #666666;
  background-color: #FFFFFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  font-size: 0.8125em;
}



.formulario_incidencias textarea.txtareagr {
  width: 80%;
}

.formulario_incidencias .fechasf {
  width: 25%;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

.formulario_incidencias .fechasf label {
  display: block;
  width: 100%;
  float: left;
}

.formulario_incidencias .fechasf input {
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  width: 100%;
}

.formulario_incidencias .fechasf select {
  border: .1em solid #666666;
  background-color: #FFF;
  color: #666666;
  width: 75%;
  padding: 0;
  margin: 0;
}

.formulario_incidencias .coli {
  width: 35%;
  position: relative;
  float: left;
  font-size: 0.8125em;
}

.formulario_incidencias .cold {
  width: 60%;
  position: relative;
  font-size: 1em;
  float: left;
}

.formulario_incidencias .cold p {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
}

.formulario_incidencias .cold p label {
  display: inline;
  width: 100%;
}

/* ----------------------------- 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 --------------------------------*/

.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: #666666;
  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: #003B66;
  border-bottom: 1px solid #DBE3E8;
}

.tbcalendario caption img {
  background-color: #DBE3E8;
  margin: 0 .625em;
}

.tbcalendario a {
  color: #003B66;
}

.tbcalendario a:hover {
  color: #003B66;
}

.tbcalendario th {
  color: #003B66;
  font-size: .6875em;
}

.tbcalendario tr td {    
  color: #666666;
  font-size: .6875em;
  margin: 0;
  padding: .2em;
  text-align: center;
}

.tbcalendario tr td.calsomb {
  background-color: #DBE3E8;
}

.tbcalendario tr td.diaactual {
  font-weight: bold;
  color: #333333;
}

.tbcalendario tr td.diaactual a {
  color: #333333;
}

.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: #666666;
  text-align: center;
}

.info_bloque_flash a {
  color: #666666;
}

.info_bloque_flash a:hover {
  color: #003B66;
}

.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: #666666;
  text-align: center;
}

.info_bloque_video a {
  color: #666666;
}

.info_bloque_video a:hover {
  color: #003B66;
}
  
.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: #666666;
  text-align: center;
}

.info_bloque_sonido a {
  color: #666666;
}

.info_bloque_sonido a:hover {
  color: #003B66;
}      
  
.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: #666666;
  width: 99%;
  table-layout: fixed;
}

.tabla tr td {
  border: 1px solid #666666;
  overflow: hidden;
}
*/

.tabla {
  border-collapse: collapse;
  border-spacing: 0.5em 1em;  
  color: #666666;
  width: 99%;
  margin-left: 1px;
  table-layout: fixed;
}

.tabla tr td, .tabla tr th {
  border: 1px solid #006699;
  overflow: hidden;
  padding: .25em;
  font-size: .6875em;
}

.tabla tr th {
  font-size: .75em;
  background-color: #CBE5F2;
  color: #006699;
  text-align: left;
}

.tbfondsec td {
  background-color: #DBE3E8;
}

.tbfondsec tr th {
  background-color: #003B66;
  color: #FFFFFF;
}

/* -------------------------------------------------------------------- */

.datos_mapa_info {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: .5em .5em;
	background-color: #003B66;
	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 #666666;
  background-color: #FFF;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, 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: #FFFFFF;
  color: #46537A;
}

/* -------------------------------------------------------------------- */
/* ------------ COMENTARIO Y VALORACION DE CONTENIDOS ------------- */

/* ---------------  COMENTARIOS --------------------------- */

.conten_comentarios{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: .5em 0;
  padding: 0;  
  font-size: .75em; 
  color: #666666; 
  overflow: hidden;
}

.conten_comentarios .cc_titulo{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .125em 0;  
  font-size: 1.5em; 
  color: #666666;   
  border-bottom: 1px solid #CCCCCC;
}

.conten_comentarios .cc_comentario{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .75em 0 .5em 0;  
  color: #666666;   
  border-bottom: 1px solid #CCCCCC;
}

.cc_comentario .cc_col1{
  position: relative;
  float: left;
  width: 65%;  
  margin: 0;
  padding: 0;  
  font-weight: bold;
}

.cc_comentario .cc_col1 span{
  color: #003B66;
  padding: 0 .25em 0 0;
  border-right: 1px solid #CCCCCC;  
}

.cc_comentario .cc_col2{
  position: relative;
  float: right;
  width: 30%;  
  margin: 0;
  padding: 0;  
  text-align: right;
}

.cc_comentario .cc_texto, .cc_comentario .cc_valoracion{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .5em 0;    
}

.cc_comentario .cc_valoracion{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .25em 0;   
}

.cc_valoracion .cc_vpos{
  padding: 0 1em .25em 2em;
  background: transparent url("imgs/ic_votopos.gif") no-repeat 0 0;
}

.cc_valoracion .cc_vneg{
  padding: .5em 1em .5em 2em;
  background: transparent url("imgs/ic_votoneg.gif") no-repeat 0 .25em;
}

.cc_paginacion{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .25em 0;   
  border-bottom: 1px solid #CCCCCC;  
}

.cc_paginacion .ccp_col1{
  position: relative;
  float: left;
  width: 30%;  
  margin: 0;
  padding: 0 .25em;  
}

.cc_paginacion .ccp_col2{
  position: relative;
  float: right;
  width: 60%;  
  margin: 0;
  padding: 0 .25em;  
  text-align: right;
}

.cc_paginacion .ccp_destacado{
  font-weight: bold;
  color: #003B66;
}

.conten_comentarios_form{
  clear: both;
  position: relative;
  width: 90%;
  margin: .5em auto;
  padding: .5em; 
  font-size: .75em; 
  overflow: hidden;
  border: 1px solid #CCCCCC;
}

.conten_comentarios_form .ccf_titulo{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: 0;
  padding: .125em 0;  
  font-size: 1.25em; 
  color: #666666;   
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold;
}

.conten_comentarios_form p{
  clear: both;
  position: relative;
  width: 100%;
  margin: 0;
  padding: .5em 0;  
  color: #666666;  
}

.conten_comentarios_form p label {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;  
  width: 30%;
}

.conten_comentarios_form p label.lblgrande {
  width: 100%;
}

.conten_comentarios_form p input.caja {
  width: 60%;
  border: 0.1em solid #CCCCCC;
  background-color: #FFF;  
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;
  color: #666666;  
}

.conten_comentarios_form p textarea {
  width: 60%;
  border: 0.1em solid #CCCCCC;
  background-color: #FFF; 
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;  
  float: left;  
  color: #666666;  
  font-size: 1em; 
}

.conten_comentarios_form input.bt_form{
  font-size: 1em; 
}


/* ------------  VALORACION ------------------------- */

.conten_valoracion{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: .5em 0;
  padding: 0;  
  font-size: .75em; 
  color: #777; 
  overflow: hidden;
}

.conten_valoracion .cv_vota{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 1em 0 0;  
}

.conten_valoracion .cv_resultado{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 0 0 1em;  
  border-left: 1px dotted #777; 
}

/* ------------  LISTADO   ------------------------- */

.conten_listvalcomen{
  clear: both;
  position: relative;
  float: left;
  width: 100%;  
  margin: .25em 0;
  padding: 0;  
  font-size: .75em; 
  color: #777; 
  overflow: hidden;
}

.conten_listvalcomen .clvc_comentarios{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 .75em 0 1.5em;  
  background: transparent url("imgs/ic_comentario.gif") no-repeat 0 0.25em;
}

.conten_listvalcomen .clvc_separacion{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 0 0 .5em;   
  border-left: 1px dotted #777;  
}

.conten_listvalcomen .clvc_valoracion{
  position: relative;
  float: left;
  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, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #666666;
}

.txtusuarios a {
  color: #666666;
}

.txtusuarios a:hover {
  color: #003B66;
}

.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, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #003B66;
}

.titusuarios a {
  color: #FFFFFF;
}

.titusuarios a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.txtformus {
  clear: both;
  position: relative;
  float: left;
  width: 97%;
  margin: 0 0 .625em .625em;
  padding: 0;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #666666;
}

.txtformus a {
  color: #666666;
}

.txtformus a:hover {
  color: #003B66;
}

.txtformus2 {
  clear: both;
  position: relative;
  float: left;
  width: 97%;
  margin: 0 0 .625em 2em;
  padding: 0;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #666666;
}

.txtformus2 a {
  color: #666666;
}

.txtformus2 a:hover {
  color: #003B66;
}

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: #CCCCCC;
}

.blqusuarios p {
  margin: 0 0 .625em 0;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #333333;
}

/* -------------------------------------------------------------------- */

.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, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 0.8125em;
  color: #666666;
}

.lstconectados li a {
  color: #666666;
}

.lstconectados li a:hover {
  color: #003B66;
}

/* -------------------------------------------------------------------- */

.anotacion {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0 0 5px 0;
  padding: 0 2px;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:  0.8125em;  
}

.anotacion span {
  background: transparent url("../imgs/ic_nav_pitaghoras.gif") no-repeat left top;
  padding: 0 0 0 20px;
  color: #8AB21E;
}

.tit_asignatura {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  color: #8AB21E;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:  0.8125em;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #8AB21E;  
}

.tit_hoja {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 0;
  color: #666666;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:  0.8125em;
  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: 70%;
  margin: 0 0 0 1em;
  padding: 0 1.25em 0 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 --------------------------------*/
/* ------------------------------------------------------------ */

.lineafsep {
	position: relative;
  float: left;
  margin: 0 0 .5em 0;
  padding: 0 0 .1em .5em;
  font-family: Tahoma, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
  text-align: left;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #00A2DC;
}
/* ---------------------------------------------------------------------------- */

.banner_destacados {
  clear: both;
  position: relative;
  float: left;  
  width: 100%;
  margin: 0;
  padding: 0.5em 0 .5em 0;  
}

.banner_destacados h2 {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 0 0 .375em;
  font-size: 1.6875em;
  color: #8AB21E;
  font-weight: normal;
  background: transparent url("imgs/flecha_titulo.gif") no-repeat 0 .35em;
}

.banner_destacados div.grupo_div {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .5em 0;
}

.banner_destacados div.primero {
  border: none;
}

.banner_destacados img {
  position: relative;
  float: left;
  margin: 0;
  padding: 0 .5em .25em 0;
}

.banner_destacados h3 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  color: #003B66;
}

.banner_destacados h3 a {
  color: #003B66;
}

.banner_destacados h3 a:hover {
  color: #003B66;
}

.banner_destacados h4 {
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  color: #003B66;
}

.banner_destacados h4 a {
  color: #003B66;
}

.banner_destacados h4 a:hover {
  color: #003B66;
}

.banner_destacados div.txtdest {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .75em;
  color: #666666;
  border: none;
}

.banner_destacados div.txtdest a {
  color: #666666;
}

.banner_destacados div.txtdest a:hover {
  color: #003B66;
}

/*---------------------------------------------------------------*/

.Int_info_bloque {
	position: relative;
/*Las dos siguientes lineas hay que quitarlas para que funcione la sep a_continuacion (info_bloque_fseg)*/
	float: left;
	margin: 0;
	padding: 0;	
	/*border: 8px solid yellow;*/
	/*border: 1px solid blue;*/
}

.capa_padding{
  padding: 0 0 0 .9em;
}


#a_la_izquierda {
	float: left;
	margin: 0 0 0 0;
	padding: 0 2% 0.5% 0;	
	width: 295px;
	/*backgrounD: yellow;*/
}

#mascara_mini_fotos {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 133px;
	height: 81px;
	margin: 0 0 0 0; 
	padding: 0;
	overflow: hidden;
	/*background: transparent url("imgs/mascara_mini_fotos.gif") top left no-repeat;*/
	z-index: 8;
}

#mascara_mini_fotos_padding_izquierda {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 135px;
	height: 95px;
	margin: 0 0 0 0; 
	padding: 0;
	overflow: hidden;
	/*background: transparent url("imgs/mascara_mini_fotos.gif") top left no-repeat;*/
	z-index: 9;
}


#foto_apartado_visor {
  clear: both;
  position: relative;
  float: left;
  margin: 0 1em 1em 0;
  padding: 0;
  text-align:center;
  width: 66%;
  overflow: hidden;
}

#mascara_foto_apartado {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(imgs/mascara_foto_apartado.gif) no-repeat scroll left top;*/
height:200px;
left:-1px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
top:0;
width:315px;
z-index:15;
background:none;
}

.info_bloque .video_palacio {
	 position:relative;
	 float:left;
	 margin:0 0 0 3em;
	 padding:0;
}

.audio {
	 position:relative;
	 float:left;
	 margin: 1em 0 0 0;
	 padding:0;
	 width: 100%;
}

.txt_audio {
	 position:relative;
	 float:left;
	 margin:0 0 0 0;
	 padding:.5em 0;
	 width: 50%;
	 clear: both;
	 font-family:Georgia,Times New Roman,serif;
	 color: #006699;
	 font-size: 1.1em;
}

.controles_audio {
	position:relative;
	float:left;
	margin:0 0 0 0;
	padding:.5em 0;
	width: 50%;
}

.pusnuevo {
  position: relative;
  float: left;
  margin: 0;
  padding: .5em 1em;
  font-size: .85em; 
  border: 1px solid #B5E3FA;
  background-color: #EDFBFF;
  width: 94%;
}
#iconos {
  clear: both;
  position: relative;
  float: left;
  width: 85%;
	/*height: 1.2em;*/
  font-family: Tahoma,Verdana,Arial,sans-serif;
  margin: 0 0 0 .4em;
  padding: 0.6em 0.6em 0 0 !important; 
  border-left:0 !important;
  
	/*background: transparent url("imgs/fondo_redes_sociales.jpg") no-repeat top left;*/
	overflow: hidden;
}

#iconos span {
  padding:0 0.7em 0 0.7em !important;
}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ /*display: block; No queremos que se vean los numeros 1 de 10*/ display: none; 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; }

