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

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

html {
  margin: 0;
  padding: 0;
}

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

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: 62.5625em; /*1001px*/ 
  margin: 0 auto;
  padding: 0; 
  overflow: hidden;
  z-index: 1;
}

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

#menu_cabsup {
  position: relative;
  float: right;  
  margin: 0;
  padding: .3em 2.125em 0 0;
  font-size: 1em;
  background-color: #666666;
  color: #FFFFFF;
  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 #FFFFFF;
  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: #E20A16;
  color: #999;
}

#menu_cabsup li span {  
  line-height: 1;
}

/*------------------------- cabecera ----------------------------*/
#cabecera {
  position: relative;
  float: left;
  margin: 0 0 1.325em 0;
  padding: 0;
  width: 100%;
  z-index: 40;
}



#logotipo {
  position: relative;
  float: left;
  width: 915px; /*852px;*/
  height: 137px;
  overflow: hidden;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1em;
  z-index: 1;
}

#logotipo a {
  color: #666666;
}

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

#logoFlash {
  position: absolute;
  top: 0;
  left: 0;
  width: 915px;
  height: 137px;
  margin: 0;
  padding: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent url("imgs/fnd_flash2.jpg") no-repeat top left;
}


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

#menu_sup {
  position: relative;
  float: right;
  padding:0;
  margin: 1.2em 0 2em 0;
  /*padding: 0 .25em 0 0; */ 
  z-index: 30;
}

#menu_sup a {
  color: #FFFFFF;
	padding: 0 .2em 0 .525em;
}

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

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

#menu_sup li.primero a{
	background: transparent url("imgs/home.jpg") no-repeat top left;
}
#menu_sup li.segundo a{
	background: transparent url("imgs/contacto.jpg") no-repeat top left;
}
#menu_sup li.tercero a{
	background: transparent url("imgs/rss.jpg") no-repeat top left;
}

#menu_sup li.primero {
  border: none;
  /*padding-right:  .375em;  */
}

/* ------------------------------------------- */
#swf_proveedor{
  position: relative;
	float: left;
	width: 97px;
	height: 95px;
	overflow: hidden;
	margin: 0 0 0 14.5em;
	padding: 0;
}
/* ------------------------------------------- */
#texto_slogan{
  position: relative;
	float: left;
	width: 360px;
	height: 50px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0;
}
/* ------------------------------------------- */
#content_menu {
  position: relative;
	float: left;
  width: 99%;
  margin: -1px 0 0 0;
  padding: 0 0 0 0;
  z-index: 1;  
  background: transparent url("imgs/fondo_menu.jpg") no-repeat center center;
}

#menu {
  position: relative;
	width: 95%;
	margin: 0 auto;
	padding: 1.5em 0;  
  font-size: .95em;  
	text-align: center;	
	z-index: 30;
}

#menu li {
  position:relative;
	display: inline;
	list-style-type: none;
  padding: .875em 0;
  padding: 0;
	height: 100%;
	text-transform: uppercase;
	background: none;
}

#menu li.primero {  
  background: none;  
}


#menu li a {
  position: relative;
	margin: 0;
	padding: .875em 17px;
  color: #FFF;  
}

#menu li a:hover {
  background: transparent url("imgs/fondo_li.jpg")  repeat-x ;   
  padding: .875em 16px;
  border: 1px solid #FC0000;
  
}

#menu li a.activo {
  font-weight: bold;
	padding: .875em 16px;
	background: transparent url("imgs/fondo_li.jpg") repeat-x;
	border: 1px solid #FC0000;
}

#menu li.linv1:hover a{
  background: transparent url("imgs/fondo_li.jpg")  repeat-x ;   
  padding: .875em 16px;
  border: 1px solid #FC0000;
}


#menu ul.submenu {
  position: absolute;
	top: 45px;
  left: 0;
	margin: 0;
	width: 200px;
	padding: 0 10px 0 10px;
	display: none;
	font-size: 12px;
	color: #FFF;
	background: #990100;
	z-index: 102;	
	border: 1px solid #FC0000;
	text-align: left;
}

html>body #menu ul.submenu {
	top: 31px;
}

*:first-child+html #menu ul.submenu {
  top: 45px;
}

#menu li:hover ul.submenu {
	display: block;
}

#menu li.linv1_hover ul.submenu {
	display: block;
}


#menu ul.submenu li {
	text-transform: none;
  border: none;
	margin: 0;
  background: none;	
	border-top:1px solid #FC0000;
	width: 200px;
	position:relative;
	float: left;
	clear:both;
	padding: 0;
}

#menu ul.submenu li.primero {
	border-top: none;
}


#menu ul.submenu li a {
  background: none !important;
  border: none !important;
	margin:  0 0 0 0 !important;
	padding: 1em 0 !important;
  color: #FFF;  
	font-weight: normal;	
	position: relative;
	float:left;
	width: 100%;	
}

#menu ul.submenu li a:hover {
  background: #000 !important;  
}




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

#medio {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
  z-index:1;
}

#col_izda { 
  position: relative;
  float: left;
  width: 32.6875em; /*523px*/
  margin: 0;
  padding: 0 0 0 0;
	overflow: visible;
}

#col_izda_varias_columnas { 
  position: relative;
  float: left;
  width: 49em; /*784px*/
  margin: 0;
  padding: 0 0 0 0;
	overflow: visible;
}

#col_dcha { 
  position: relative;
  float: right;
  width: 28.9375em; /*463px*/
  overflow: hidden;
  margin: 0;
  padding: 0;
	overflow: visible;
}

#col_dcha_varias_columnas { 
  position: relative;
  float: right;
  width: 13.125em; /*210px*/
  overflow: hidden;
  margin: 0;
  padding: 0;
	overflow: visible;
}

#col_dest { 
  position: relative;
  float: right;
  width: 13.125em; /*210px*/
  overflow: hidden;
  margin: 0;
  padding: 2.3em 0 0 0;
	overflow: visible;
}
/*---------------------------------------------------------------*/

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

.destacados {
  position: relative;
  float: left;  
  width: 15.375em; /*246px*/
  margin: -1.4em 0 0 0;
  padding: 0;
	overflow: visible;
}

.destacados h2 {
  position: relative;
  float: left;
  width: 92%;
  margin: 0 0 .1em 0;
  padding: 1em 4% .4em 4% ;
  font-size: 1.45em;
	text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
  background: transparent url("imgs/fondo_h2_dest.jpg") no-repeat bottom center;
	overflow: visible;
}

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

.destacados div.primero {
  border: none;
}

.destacados img {
  position: relative;
  float: left;
  margin: 0 0 .625em 0;
  padding: 3px 3px 2px 3px;
  background: transparent url("imgs/fondo_foto_dest.jpg") no-repeat top left;
}

.destacados h3 {
  margin: 0 0 .325em 0;
  padding: 0 0 0 0;
  font-size: .95em;
  font-weight: normal;
	letter-spacing: 1px;
	line-height: 94%;
  color: #FFF;
}

.destacados h3 a {
  color: #FFF;
}

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

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

.destacados h4 a {
  color: #FFF;
}

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

.destacados div.txtdest {
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: .7em;
  color: #666666;
  border: none;
	line-height: 134%;
}

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

.destacados div.txtdest a:hover {
  color: #FFF;
}
/*---------------------------------------------------------------*/
/* -------------------------------------------------------------------- */

#banners {
  position: relative;
  float: left;  
  width: 100%; /*246px*/
	background: transparent url("imgs/palacio_fnd.jpg") no-repeat 0 0;
  margin: 0;
  padding: 0;
}
#flash_ninos{
}
/*---------------------------------------------------------------*/

.trabaja {
	position: relative;
	float: left;
	width: 64%;
	margin: .325em 0 0 .4em;
	padding: 0 1% 5% 32%;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	background: transparent url("imgs/trabaja.jpg") no-repeat 0 0;
	color: #FFF;
	font-size: 13px;
	line-height: 100%;
	min-height: 64px;
}

* html .trabaja {
	height: 64px;
}

.trabaja span{
	font-size: 23px;
}

.trabaja a{
	position: relative;
	float: left;
	font-size: 13px;
	color: #FFF;
	margin: 1.8em 0 .5em 0;
	padding: 0 0 0 0;
	font-weight: bold;
	line-height: 130%;
}

span.gris{
	font-size: 11px;
	color: #999;
}
/*---------------------------------------------------------------*/

.zona_clientes {
	position: relative;
	float: left;
	width: 64%;
	margin: .325em 0 0 .4em;
	padding: 0 1% 5% 32%;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	background: transparent url("imgs/zona_clientes.jpg") no-repeat 0 0;
	color: #FFF;
	font-size: 13px;
	line-height: 100%;
	min-height: 64px;
}

* html .zona_clientes {
	height: 64px;
}

.zona_clientes span{
	font-size: 23px;
}

.zona_clientes a{
	position: relative;
	float: left;
	font-size: 13px;
	color: #FFF;
	margin: 1.8em 0 .5em 0;
	padding: 0 0 0 0;
	font-weight: bold;
	line-height: 130%;
}
/* ---------------------------------------------------------------*/
#boletin {
  clear: both;
  position: relative;
  float: left;
  width: 84%;
  font-family: "Trebuchet MS", Tahoma,Verdana,Arial,sans-serif;
  margin: 0 0 .325em .4em;
  padding: 1.4em 1% 1.4em 12%; 
  background: transparent url("imgs/fondo_boletin.jpg") no-repeat 0 0;
}

#boletin h2{
  clear: both;
  position: relative;
  float: left;
  width: 64%;
	margin: 0 0 .875em 0;
  padding: 0 2% 0 23%;   
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
}

#boletin h2 span{
  clear: both;
  position: relative;
  float: left;
	margin: -.2em 0 0 0;
	padding: 0 0 0 0;
  width: 100%;
  font-weight: bold;
  font-size: 23px;
}

#boletin form{
  position: relative;
  float: left;
  width: 95%;
  margin: 0 0 0 0;
  padding: 0;
}

#boletin p {
  position: relative;
	float: left;
	width: 100%;
  margin: 0 0 0 0;
  padding: 0 0;
  color: #666666;
}

#boletin a{
  position: relative;
	float: left;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #999; 
  padding: 1em 0 0 0;
	text-decoration: underline;  
	text-transform: uppercase;
}

#boletin .ctxt {
  position: relative;
  float: left;
  border: 1px solid #343030;  
  color: #FFF;
  font-size: 10px;
  font-weight: normal;
  width: 88%;
  margin: 0 0 .2em 0;
  padding: 1% 4% 1% 3%;
	background: transparent;
}

#boletin .boton {
  border: none;
  float: right;
  overflow: hidden;  
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .625em;  
  width: 44px;
	height: 16px;
  margin: .875em .9em 0 0;
  padding: 0 0 .25em 0;  
	cursor: pointer;
	color: #FFF;
	text-align: center;
  background: transparent url("imgs/enviar.jpg") no-repeat 0 0;
}

/*------------------------- Centrado Pie---------------------------------*/
.centrado_pie {
  clear: both;
  position: relative;
  width: 62.5625em; /*1001px*/ 
  margin: 0 auto;
  padding: 0; 
  overflow: hidden;
  z-index: 1;
}

/*------------------------- Fin Centrado Pie-----------------------------*/
#content_foot {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 7.8em 0;
	background: transparent url("imgs/fondo_centrado_pie.jpg") no-repeat bottom center;
}

#foot {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 1em 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
	background: transparent url("imgs/fondo_pie.jpg") no-repeat top center;
}

#foot a {
  color: #FFF;
}

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

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

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

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

#foot ul {
  position: relative;
  float: right;
  width: 10%;
  margin: 12px 0 0 0;
  padding: .5em 1em 0 0;
  text-transform: uppercase;
  text-align: right;
}

#foot ul li {
  list-style-type: none;
  display: inline;
  padding: 0 .3em 0 .6em;
  border-left: 1px solid #999;
  font-size: .625em;
}

#foot ul li a{
	color: #999;
}

#foot li.primero {
  border: none;
}

#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: 1.8em 1% 1.5em 11%; 
	background: transparent url("imgs/fondo_redes_sociales.jpg") no-repeat top left;
	overflow: hidden;
}

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

#logotop span{
  position: absolute;
  top: 0;
  left: 0;
  width: 107px;
  height: 79px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/top30_group.jpg") no-repeat top left;
  z-index: 2;
  cursor: pointer;
}

#logotop a:hover {
  color: #999;
}

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

#proveedor span{
  position: absolute;
  top: 0;
  left: 0;
  width: 94px;
  height: 82px;
  margin: 0;
  padding: 0;
  background: transparent url("imgs/proveedor.jpg") no-repeat top left;
  z-index: 45;
}

#proveedor a:hover {
  color: #999;
}

.mini_logo{
	position: relative;
	float: left;
	margin: 0 0 1em .4em;
	/*padding: 0 1.625em 1em 0;*/
}
*html .mini_logo{
	position: relative;
	float: left;
	margin: 0 0 1em .2em;
	/*padding: 0 1.625em 1em 0;*/
}
#piecont{
  position: relative;
  float: left;
  width: 50%;
  padding: 28px 0 0 0;
  margin: 0;  
	color: #FFF;
}

#piecont h2{
  padding: 0 0 0 0;
  margin: 0;
  font-size: 11px;
	font-weight: normal;
}

#piecont .bloque{
  position: relative;
  float: left;
  width: 131px;
  padding: 0 0 0 0;
  margin: 0 .625em 0 0;
  font-size: .7em;
}

#piecont .bloque_llama{
  position: relative;
  float: left;
  width: 175px;
  padding: 0 0 0 0;
  margin: 0 .625em 0 0;
  font-size: .7em;
}

#piecont .bloque2{
  position: relative;
  float: left;
  padding: 24px 15px 0 0;
  margin: 0;
  font-size: .7em;
}

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

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

#piecont .bloque2 div{
  padding: .15em 0 0 0;
  margin: 0;
	color: #999;
	line-height: 134%;
}

#piecont .bloque2 div a{
  color: #FFF;
	padding: 0 0 0 2em;
	text-decoration: underline;
	background: transparent url("imgs/sobre.gif") no-repeat 0 0.25em;
}

#piecont .bloque_derecha{
  position: relative;
  float: left;
  width: 146px;
  padding: 24px 0 0 0;
  margin: 0;
  font-size: .7em;
}

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

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

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

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

#contenido_varias_columnas {   
  position: relative;
  float: left;
  width: 100%; /*748px*/
  overflow: visible;
  margin: 0;
  padding: 0 0 0 0;
}
/* -------------------------------------------------------------------- */

.blq_bol {
  position:relative;
  float:left;
  width:63%;
  padding: 0 0 0 3em;
  margin:0;
  
}

.blq_bol .titular {
  text-transform:uppercase;
  font-size:1.55em;
  
}

.blq_bol .grperror {
  float:left;
   
}
.blq_bol  {
   
}

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

.destacados_pruebas {
	clear: both;
	position: relative;
	float: left;	
	/*width: 11.375em;*/
  width: 497px;
	margin: 0 0 0 .8em;
	padding: 0 0 0 0;	
	height: 26.2em;
}

.destacados_pruebas h2 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	font-size: .625em;	
	font-family: "Lucida Sans Unicode", sans-serif;
	color:  #FFF;
	font-weight: normal;	
	text-transform: uppercase;
}

.destacados_pruebas h2 a {
	color:  #F79910;
}

.destacados_pruebas h2 a:hover {
	color:  #F79910;
}

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

.destacados_pruebas div.primero {
	border: none;
}

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

.destacados_pruebas h3 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: .8125em;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
	color: #666666
	text-transform: uppercase;
}

.destacados_pruebas h3 a {
	color: #FFF;
}

.destacados_pruebas h3 a:hover {
	color: #FFF;
}

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

.destacados_pruebas h4 a {
	color: #666666;
}

.destacados_pruebas h4 a:hover {
	color: #FFF;
}

.destacados_pruebas div.txtdest {
	margin: 0;
	padding: 0;
	font-size: .6875em;
	color: #CCC;
	border: none;
}

.destacados_pruebas div.txtdest a {
	color: #666666;
}

.destacados_pruebas div.txtdest a:hover {
	color: #FFF;
}


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

.previous_button {	
	display: block;
	cursor: pointer;
	position: relative;
	float: left;
	padding: .2em 1em;
	margin: 0 0 0 0;	
	color: #FFF;
	font-size: .7em;
	border:1px solid #0B5A22;
	text-transform: uppercase;
}

.previous_button_disabled {
	cursor: none;
	color: #999;
}

.next_button {	
	display: block;
	cursor: pointer;
	position: relative;
	float: right;
	padding: .2em 1em;
	margin: 0 0 0 0;	
	font-size: .7em;
	color: #FFF;
	border:1px solid #0B5A22;
	text-transform: uppercase;
	
}

.next_button_disabled {
	cursor: none;
	color: #999;
}

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

.grupo_destacados .container{
  width: 497px;
}

.lista_infos_destacadas {
	position: relative;
	float: left;
	width: 30000em;
/*	height: 17.625em;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.lista_infos_destacadas li {
	list-style-type: none;
	float: left;
	width: 497px; /* Este valor tiene que ser exactamente la tercera partae de Valor 1 */
	overflow: hidden;
	margin: 0;
	padding: 2.5em 0 0 0;
	color: #FFF;

}

.destacados_pruebas .lista_infos_destacadas li {
  width: 497px;
  padding: 0;
}

.lista_infos_destacadas li a {
	color: #FFF;
}

.lista_infos_destacadas li a:hover {
	color: #FFF;
}

.lista_infos_destacadas li div {
	float: left;
	width: 245px;
	width: 274px;
	overflow: hidden;
	margin: 0;	
	padding: 0 1.5em;
  background: transparent url("imgs/separacion_destacados.jpg") 0 2em no-repeat;  
  position: relative;
}

.destacados_pruebas .lista_infos_destacadas li div { 
  width: 497px;
  padding: 0;
  background: none;
}

.lista_infos_destacadas li div.primero {
	background: none;
}

.lista_infos_destacadas li div.txtdest {
  font-size: .6875em;
	padding: 0;
	background: none;
}

.lista_infos_destacadas li h3 {
	text-transform: uppercase;
	font-family: Tahoma, sans-serif;
	font-size: .8125em;
	font-weight: normal;
}

.destacados_pruebas .lista_infos_destacadas li h3 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: .8125em;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
	color: #666666;
	text-transform: uppercase;
}

.destacados_pruebas .lista_infos_destacadas li h3  a {
	color: #666666;
}

.lista_infos_destacadas span.mascara{
	position: absolute;
	top: 0;
	left: 24px;
	width: 274px;
	height: 95px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/mascara_informaciones.png") no-repeat top left;
	z-index: 2;
	cursor: pointer;	
}

.destacados_pruebas .lista_infos_destacadas img {
  z-index: 1;
}

.destacados_pruebas .lista_infos_destacadas span.mascara{ 
  background: transparent url("imgs/maskinfoconte.gif") no-repeat top left;    
	width: 180px;
	height: 90px;  
	left: 0;
	z-index: 2;
	position: absolute;
}

html>body .destacados_pruebas .lista_infos_destacadas span.mascara {
  background: transparent url("imgs/mascara_informaciones_contenido.png") no-repeat top left;  
}


.lista_infos_destacadas li .leer_mas {
  font-family: Tahoma, sans-serif;
	font-size: .625em;
	width: 5em;
	text-align: center;
	color: #000;
}

.lista_infos_destacadas li .leer_mas a {
	color: #000;
}

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

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

#herr_compartir {
  clear: both;
  position: relative;
  float: left;  
  width: 100%;
  margin: 1em 0 3em 0;
  padding: .3em 0 .6em 0;
  color: #666666;
  z-index: 50;
  border-bottom: 1px solid #666666;
}

#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 #666666;
  z-index: 50;
}

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

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

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

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

/* -------------------------------------------------------------------- */
/* -------------------------LOGOS PIE---------------------------------- */
#iso9001{
  position: relative;
  float: right;
  border: none;
  margin: 43px 10px 0 0;
  padding: 0;
  width: 87px;
  height: 55px;
  font-size: .7em;
  text-transform: uppercase;
  overflow: hidden;
}

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

#iso27001{
  position: relative;
  float: right;
  border: none;
  margin: 43px 10px 0 0;
  padding: 0;
  width: 87px;
  height: 55px;
  font-size: .7em;
  text-transform: uppercase;
  overflow: hidden;
}

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

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

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

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

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

.titular span {
  color: #666666;
}

.titular img {
  vertical-align: middle;
}

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

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

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

#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: #E20A16;
  text-decoration: underline;
}

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

/* -------------------------------------------------------------------- */
#content_foto_apartado {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .325em 0; 
  padding: 0 0 0 0;
  text-align:center;
  width: 520px;
	height: 288px;
  overflow: hidden;
	background: transparent url("imgs/fondo_foto_apartado.jpg") no-repeat top center;
}

#foto_apartado {
  clear: both;
  position: relative;
  float: left;
	margin: .625em 0 .875em 9px; 
  padding: 0 0 0 0;
  text-align:center;
  width: 503px;
	height: 254px;
  overflow: hidden;
	/*background: transparent url("imgs/fondo_foto_apartado.jpg") no-repeat top center;*/
}

* html #foto_apartado {
	margin: .625em 0 .875em 5px;
	width: 502px;
}

#foto_apartado h2 {
	position: relative;
  float: left;
  font-size: 1.2em;
  color: #FFF;
  background: transparent url("imgs/fondo_descripcion.png") no-repeat;
  margin: -64px 0 0 0;
  padding: 6px 15px 0px 20px;  
  width: 468px; /*497 =  462 + padding lateral*/
	_background-image: none;
	_background-color: #000000;
	_filter:alpha(opacity=85);
	height: 56px;
	overflow: hidden;
	text-align: left;
	line-height: 134%;
}

#foto_apartado h2 a{
	color: #FFF;
}

.info_rotar_img {
  clear: both;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#foto_apartado_normal {
  clear: both;
  position: relative;
  margin: 0 0 0 0; 
  padding: .7em 0 2em 2px; 
  text-align:center;
  width: 518px;
  overflow: hidden;
	background: transparent url("imgs/fondo_foto_apartado.jpg") no-repeat top center;
}

 * html #foto_apartado_normal {
	padding: .6em 0 2em 2px;
 }

.mascara_foto_apartado{
	position: absolute;
	top: 10px;
	left: 9px;
	width: 507px;
	height: 255px;
	margin: 0 0 0 0;
	background: transparent url("imgs/mascara_foto_apartado.gif") no-repeat;
	z-index: 10px;
}

/*para las plantillas 2 y 3 columnas*/
#content_foto_apartado_varias_columnas {
  clear: both;
  position: relative;
  float: left;
  margin: 0 0 .325em 0; 
  padding: 0 0 0 0;
  text-align:center;
  width: 770px;
	height: 288px;
  overflow: hidden;
	background: transparent url("imgs/fondo_foto_apartado_varias_columnas.jpg") no-repeat top center;
}

#foto_apartado_varias_columnas {
  clear: both;
  position: relative;
  float: left;
	margin: .625em 0 .875em 9px; 
  padding: 0 0 0 0;
  text-align:center;
  width: 755px;
	height: 254px;
  overflow: hidden;
	/*background: transparent url("imgs/fondo_foto_apartado.jpg") no-repeat top center;*/
}

* html #foto_apartado_varias_columnas {
	margin: .575em 0 .875em 5px;
	 width: 753px;
}

#foto_apartado_varias_columnas h2 {
	position: relative;
  float: left;
  font-size: 1.2em;
  color: #FFF;
  background: transparent url("imgs/fondo_descripcion_varias_columnas.png") no-repeat;
  margin: -64px 0 0 0;
  padding: 6px 15px 0px 20px;  
  width: 720px; 
	_background-image: none;
	_background-color: #000000;
	_filter:alpha(opacity=85);
	height: 56px;
	overflow: hidden;
	text-align: left;
	line-height: 134%;
}

#foto_apartado_varias_columnas h2 a{
	color: #FFF;
}

#foto_apartado_normal_varias_columnas {
  clear: both;
  position: relative;
  margin: 0 0 0 0; 
  padding: .7em 0 2em 0; 
  text-align:center;
  width: 770px;
  overflow: hidden;
	background: transparent url("imgs/fondo_foto_apartado_varias_columnas.jpg") no-repeat top center;
}

* html #foto_apartado_normal_varias_columnas {
	padding: .625em 0 2em 0; 
}

#foto_apartado_normal_varias_columnas img{
  position: relative;
	margin: 0 0 0 3px;
}

.mascara_foto_apartado_varias_columnas{
	position: absolute;
	top: 14px;
	left: 17px;
	width: 750px;
	height: 247px;
	margin: 0 0 0 0;
	background: transparent url("imgs/mascara_foto_apartado_varias_columnas.gif") no-repeat;
	z-index: 10px;
}

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

#tit_apartado {
  clear: both;
	position: relative;
  float: left;
  width: 92%;
  margin: -1em 0 .675em 0;
  padding: 1em 4% .4em .25em ;
  font-size: 1.45em;
	text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
  background: transparent url("imgs/fondo_tit_apartado.jpg") no-repeat bottom left;
}

#tit_apartado a {
  color: #FFF;
}

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

#tit_apartado_casos {
  clear: both;
	position: relative;
  float: left;
  width: 92%;
  margin: -1em 0 .675em 0;
  padding: 1em 4% .4em .25em ;
  font-size: 1.45em;
	text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
  background: transparent url("imgs/fondo_tit_apartado_casos.jpg") no-repeat bottom left;
}

#tit_apartado_casos a {
  color: #FFF;
}

#tit_apartado_casos a:hover {
  color: #FFF;
}
/* -------------------------------------------------------------------- */
#desc_apartado {    
  position: relative;
  float: left;
  font-size: 1.2em;
  color: #FFF;
  background: transparent url("imgs/fondo_descripcion.png") no-repeat;
  margin: -93px 0 0 .5em;
  padding: 6px 15px 0px 20px;  
  width: 468px; /*497 =  462 + padding lateral*/
	_background-image: none;
	_background-color: #000000;
	_filter:alpha(opacity=85);
	_margin: -92px 0 0 .25em;
	height: 55px;
	overflow: hidden;
	line-height: 134%;
}

* html #desc_apartado{
	width: 468px; /*497 =  457 + padding lateral*/
  height: 55px;
}

#desc_apartado a {
  color: #FFF;
}

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

#desc_apartado_varias_columnas {    
  position: relative;
  float: left;
  font-size: 1.2em;
  color: #FFF;
  background: transparent url("imgs/fondo_descripcion_varias_columnas.png") no-repeat;
  margin: -94px 0 0 .5em;
  padding: 6px 15px 0px 20px;  
  width: 720px; /*497 =  462 + padding lateral*/
	_background-image: none;
	_background-color: #000000;
	_filter:alpha(opacity=85);
	height: 56px;
	overflow: hidden;
	line-height: 134%;
}

* html #desc_apartado_varias_columnas{
	margin: -93px 0 0 .25em;
	width: 720px; /*497 =  457 + padding lateral*/
	padding: 6px 15px 0px 19px;  
}

#desc_apartado_varias_columnas a {
  color: #FFF;
}

#desc_apartado_varias_columnas a:hover {
  color: #FFF;
}

/* -------------------------------------------------------------------- */
/* ------------------ Desc apartado sin foto ------------------------------------ */
#desc_apartado_sin_foto {    
  position: relative;
  float: left;
  font-size: 1.1em;
  color: #FFF;
  margin: 0 0 .325em 0;
  padding: 12px 20px 0px 20px;  
  width: 477px; /*497 =  457 + padding lateral*/
}

#desc_apartado_sin_foto a {
  color: #FFF;
}

#desc_apartado_sin_foto a:hover {
  color: #FFF;
}

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

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

#subapartados li {
  clear: both;
  position: relative;
  float: left;
  width: 98.5%;
  margin: 0;
	color: #666666;
  padding: .8em .2em .8em .625em;  
  list-style-type: none;
  display: inline;
}

#subapartados li.par {
	background: #151515;
}

#subapartados a {
  color: #666666;
}

#subapartados li .info_tit_int a{
  color: #FFF;
}

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

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

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

.titulo {
  clear: both;
  position: relative;
  float: left;
  width: 93%;
  margin: 0 0 .5em 0;
  padding: .25em .625em;
  font-size: 1.6875em;
  color: #999;
  font-weight: normal;
  text-transform: uppercase;
  background: #E20A16 url("imgs/flecha_titulo2.gif") no-repeat .25em .5em;
}

.titulo a {
  color: #636463;
}

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

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

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

.sin_padding{
	padding: 0;  
}

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

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

.fondo{
	background-color: #151515;
}

.apertura_informacion{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background: transparent url("imgs/apertura_informacion.jpg") no-repeat top left;
}

.cierre_informacion{
	position: relative;
	float: left;
	margin: 0 0 .625em 0;
	padding: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background: transparent url("imgs/cierre_informacion.jpg") no-repeat top left;
}

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

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

/* Para mostrar la informacion en tres columnas */
.info_izda_3columnas {
  position: relative;
  float: left;
  width: 30%;
  margin: 0 0 1em 0;
  padding: .8em 1.4% .8em 1.4%; 
	overflow: hidden;
}

.info_dcha_3columnas {
  position: relative;
  float: right;
  width: 30%;
  margin: 0 0 1em 0;
  padding: .8em 1.4% .8em 1.4%; 
	overflow: hidden;
}
/* Fin: Para mostrar la informacion en tres columnas */



.info_tit_ext {  
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .25em 0;
  padding: 0;  
  font-size: 1.125em;
  font-weight: normal;
  color: #FFF;
	line-height: 103%;
	letter-spacing: 1px;
}

.info_tit_ext a {
  color: #FFF;
}

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

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

.mascara_info_fot_min{
	position: absolute;
	top: 0;
	left: 0px;
	width: 142px;
	height: 86px;
	margin: 0 0 0 0;
	padding: 5px;
	background: transparent url("imgs/mascara_info_fot_min.gif") no-repeat;
	z-index: 10px;
}

.mascara_info_fot_min_distintas_columnas{
	position: absolute;
	top: 0;
	left: 0px;
	width: 207px;
	height: 86px;
	margin: 0 0 0 0;
	padding: 5px;
	background: transparent url("imgs/mascara_info_fot_min_distintas_columnas.gif") no-repeat;
	z-index: 10px;
}

.info_fot_min {
  float: left;
  min-width: 1.25em;
  margin: .1em .875em .625em .1em;
  padding: 0px;
}

* html .info_fot_min {
	margin: .1em .875em .625em 0;
}

.info_tit_int {
  margin: 0 0 .25em 0;
  padding: 0;  
  font-size: 1.125em;
  font-weight: normal;
  color: #FFF;
	line-height: 103%;
	letter-spacing: 1px;
}

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


.info_tit_int a {
	color: #FFF;
}

.info_tit_int a:hover {
  color: #FFF;
}
  
.info_texto {
  margin: 0 0 .5em 0;
  padding: 0;  
  font-size: .7em;
  color: #666666;
	line-height: 134%;
}

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

.info_texto a {
  color: #666666;
}

.info_texto a:hover {
  color: #FFF;
}
  
.leer_mas {
  clear: both;
  position: relative;
  float: left;
  width: 91px;
	height: 34px;
  margin: 0 0 0 -17px;
  padding: 21px 0 0 0;  
  font-size: .625em;
  color: #FFF;
  text-transform: uppercase;
	text-align: center;
	background: transparent url("imgs/fondo_mas_info.png") no-repeat 0 0;
	overflow: visible;
}

* html .leer_mas {
	margin: 0 0 0 -8px;
	background: transparent url("imgs/fondo_mas_info.gif") no-repeat 0 0;
}

.leer_mas a {
  color: #FFF;
}

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

.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 #666666;
  width: 100%;
  height: .1em;
  font-size: .2em;
} 

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

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

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

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

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

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

.info_bloque_fot_texto img{  
  margin: .2em 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_desc {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .5em 0 0 0;
  font-size: .875em;
  color: #999; 
	line-height: 134%;
}

.info_bloque_desc a {
  color: #666666;
}

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

.info_bloque_texto {  
  margin: 0;
  padding: 0;
  font-size: .875em;
  color: #999; 
	line-height: 134%;
}

.info_bloque_texto a {
  color: #666666;
}

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

.txt_strong {
  font-weight: bold;
}

.txt_em {
  font-style: italic;
}

.txt_u {
  text-decoration: underline;
}

.txtdestac {
  font-size: 1.2em;
}

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

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

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

.info_bloque_fichero a:hover {
  color: #999; 
	text-decoration: underline;
}
  
.info_bloque_enlace {  
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .3em 0;
  padding: 0;
  font-size: .875em;
  color: #999; 
}  

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

.info_bloque_enlace a:hover {
  color: #999; 
	text-decoration: underline;
}

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

.paginacion {
  clear: both;
  position: relative;
  float: left;
  width: 91%;
  margin: 1em 0;
  padding: 21px 2em;
  font-family: Tahoma, verdana, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
  border: 1px solid #272727;
	text-align: center;
	background: transparent url("imgs/fondo_paginacion.jpg") repeat-x bottom left;
}

.paginacion a {
  color:#FFFFFF;
	padding: .2em .4em .2em .4em;
}

.paginacion a:hover {
  color: #FFFFFF;
	background: #E20A17;
}

.pag_actual{
	color: #FFFFFF;
}

.paginacion a.anteriores {
  border-right: 1px solid #CCC;
	margin: 0 .1em 0 0;
	padding: .2em .5em .2em 0;
}

.paginacion a.siguientes {
  border-left: 1px solid #CCC;
	margin: 0 .1em 0 0;
	padding: .2em 0 .2em .5em;
}

.pag_activo{
	color: #E20A17;
	font-weight: bold;
	font-size: 1.1em;
}
/* -------------------------------------------------------------------- */

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

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

#imprimir {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .325em 0;
  padding: .5em 0;
  text-align: right;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: .6875em;
  text-transform: uppercase;  
}

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

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

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

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

.info_volver a {
  background: #CF0710;
  color: #FFFFFF;
  padding: .5em .5em;
}

.info_volver a:hover {
  background: #E20A16;
  color: #FFFFFF;}

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

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

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

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

.panel_control a {
  color: #666666;
}

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

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

.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 1.75em;
  background: transparent url("../imgs/ic_nav_contenidos.gif") no-repeat left top;
}

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: .625em 0;  
  width: 100%;
  font-size: .75em;
  color: #666666;
  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: #FFF;
}

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

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

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

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

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

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

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

.previous_button_disabled {
  color: #FFFFFF;
}

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

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

.next_button_disabled {
  color: #FFFFFF;
}

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

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

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

.lista_fotos {
  position: relative;
  float: left;
  width: 10000em;
  height: 5em;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

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

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

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

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


/*------------------------- APARTADOS --------------------------------*/

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

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

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

.titapartados a {
  color: #FFFFFF;
}

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

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

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

.blqapartados p {
  margin: 0 0 .625em 0;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #FFF;
}

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


/* ---------------------- 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, Arial, Verdana, Helvetica, sans-serif;
}

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

.txtform a {
  color: #999999;
}

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

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

.txtform_inden a {
  color: #666666;
}

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

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

.txtform_centrado a {
  color: #666666;
}

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

.titform {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0 0 .5em 0;
  padding: 0;
  font-size: 0.75em;
  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;
}

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

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

.formulario a {
  color: #FFF;
}

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

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

.formulario .fset legend {
  display: block;
  position: relative;
  float: left;
  margin: 0 0 1em .5em;
  padding: .2em .3em;
  background-color: #666666;
  font-size: 0.75em;
  color: #FFFFFF;
}

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

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

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

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

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

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

.formulario label.oculto {
  display: none;
}

.formulario span {    
  color: #666666;  
  font-size: 0.75em;
}


.formulario input.caja {
  width: 60%;
  border: 1px solid #E20A17;
  background-color: #FFF;
  color: #666666;
   color:#000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  float: left;
  font-size: 0.75em;
}

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

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

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

.formulario input.cajaantispam {
  width: 20%;
  border: 1px solid #E20A17;
  background-color: #FFF;
  color: #666666;
  color:#000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  /*float: left;*/
  font-size: 0.75em;
  margin-left: -57px;
}

.formulario select {
  width: 60%;
  border: 1px solid #E20A17;
 /* background-color:#BFBFBF;*/
  background-color:#FFF;
  color: #000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  float: left;
  font-size: 0.75em;
}

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

.formulario textarea {
  width: 60%;
  border: 1px solid #E20A17;
  background-color: #FFF;
  color: #666666;
  color:#000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  float: left;
  font-size: 0.75em;
}



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

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

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

.formulario .fechasf input {
  border: .1em solid #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.75em;
}

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

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

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

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

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

input.bt_form {
	background:transparent url("imgs/form_boton_rep.jpg") repeat-x scroll 0 0;
  padding: .1em .5em .3em .5em;
  border: .1em solid #990000;
  background-color: #6F0000;
  font-size: 0.75em;
  color: #FFF;
  cursor: pointer;
  width:61px;
  /*height:22px;*/
}

input.bt_form:hover {
  /*border: .1em solid #990000;*/
  background-color: #E20A16;*/
  color: #FFF;
}

a.bt_form {
	background:transparent url("imgs/form_boton_rep.jpg") repeat-x scroll 0 0;
  margin: 0 .5em 0 0;
  /*padding: .1em .5em;*/
  border: .1em solid #990000;
  padding: .1em .5em .3em .5em;
  /*border: medium none;*/
  /*height: 1.5em;*/
  color: #FFF;
  font-size: 0.75em;
    width:61px;
}

a.bt_form:hover {
  border: .1em solid #990000;
  background-color: #E20A16;
  color: #FFF;
}

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

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


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

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

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

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

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

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

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

.heditor_left {
  text-align: left;  
} 

.heditor_right {
  text-align: right;  
} 

.heditor_center {
  text-align: center;  
} 

.heditor_justify {
  text-align: justify;  
}

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



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

.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: #666666;
  border-bottom: 1px solid #FFFFFF;
}

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

.tbcalendario a {
  color: #666666;
}

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

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

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

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

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

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

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

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

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

/*------------------------- USUARIOS --------------------------------*/

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

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

.txtusuarios {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0;
  padding: 0;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #666666;
}

.txtusuarios a {
  color: #666666;
}

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

.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, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666666;
}

.titusuarios a {
  color: #FFFFFF;
}

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

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

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

.txtformus a {
  color: #666666;
}

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

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

.txtformus2 a {
  color: #666666;
}

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

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, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #999999;
}

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

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

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

.lstconectados li a {
  color: #666666;
}

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

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

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

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

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

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