/* CSS Document Esencia */

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

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

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 100%;
	color: #000;
	background-color: #FFF;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

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

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

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

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

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

#cabecera {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 946px;
}

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

#logotipo a {
	color: #626262;
}

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

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

#logotipo span.verde {
	position: absolute;
	top: 0;
	left: 0;
	width: 488px;
	height: 114px;
	margin: 0;
	padding: 0;
	background: #FFF url("../imgslogo/logo_verde.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

#logotipo span.azul {
	position: absolute;
	top: 0;
	left: 0;
	width: 488px;
	height: 114px;
	margin: 0;
	padding: 0;
	background: #FFF url("../imgslogo/logo_azul.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}
/* ------------------------------ demo conservicios ---------------------------------------- */
#demo_servicios {
	position: relative;
	float: left;
	width: 290px;
	height: 80px;
	overflow: hidden;
	margin: 0 0 0 8.75em;
	padding: 4px 0 0 11px;
	background: transparent url("imgs/demo_vacio.jpg") top left no-repeat;
}

#demo_servicios span.caja{
  position: relative;
	float: left;
	margin: 0 18px 0 0;
	padding: 0;
}

#demo_servicios span.tu_saldo{
  position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	font-family: tahoma, sans-serif;
	font-size: 18px;
	color: #F5F5F5;
}

#demo_servicios span.recargar{
  clear: left;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 1px 4px;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background: #11B8B1;
}

#demo_servicios span.dinero{
  position: relative;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	font-family: folks, "Trebuchet MS", sans-serif;
	font-size: 34px;
	color: #11B8B1;
	font-weight: bold;
}

* html #demo_servicios span.dinero{
  margin: 0 0px 0 0;
}

html:first-child #demo_servicios span.dinero{
  position: relative;
	float: right;
	margin: -55px 18px 0 0;
	padding: 0;
	font-family: folks, "Trebuchet MS", sans-serif;
	font-size: 34px;
	color: #FFD000;
	font-weight: bold;
}

#demo_servicios span.recargar a{
	color: #716F6E;
}

#demo_servicios span.recargar a:hover{
	color: #FFF;
}
/* ---------------------------------------------------------------------- */
/* ------------------------------ demo ---------------------------------------- */
#demo {
	position: relative;
	float: left;
	width: 301px;
	height: 87px;
	overflow: hidden;
	margin: 0 0 0 8.75em;
	padding: 0;
}
/* ---------------------------------------------------------------------- */

/* ------------------------------ login ---------------------------------------- */
#blq_login {
	position: relative;
	float: left;
	width: 100%;
	margin: .325em 0 .625em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: right;
}

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

#blq_login a {
	color: #626262;
}

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

#blq_login .fila_login {
	position: relative;
	float: left;
	margin: 0 0 .2em .8em;
	padding: 0;
	border: 1px solid #FFF;
	background-color: #FFCC00;
	width: 100%;
}

#blq_login .fila_login_usuario {
	position: relative;
	float: left;
	margin: 0 0 .2em .8em;
	padding: 0;
	border: 1px solid #FFF;
	background-color: #94F3EE;
	width: 100%;
}

#blq_login .fila_login_boton {
	float: left;
	width: 100%;
	margin: 0 .5em;
	padding: 0;
}

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

#blq_login .fila_login3 {
	position: relative;
	float: left;
	width: 95%;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0 .5em .325em .5em;
	padding: 0;
}

#blq_login .fila_login3 a{
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	background: #FFF;
	color: #333;
	margin: 0 0 .325em 0;
	padding: 0 .6em 0 0;
}

#blq_login .ctxt {
	border: 1px solid #FFF;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	width: 94%;
	margin: .1em .2em .1em -.8em;
	padding: 0 0 0 .4em;
	text-transform: capitalize;
}

#blq_login .boton {
	border: none;
	background: none;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: right;
	margin: .2em 0 0 0;
	padding: 0 0 0 .5em;
}

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

#blq_login .aboton {
	border: none;
	background: none;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	margin: .2em 0 0 0;
	padding: 0 0 0 .5em;
}

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

/* --------------------------------------------------------- */
#menu_sup {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0;
}

#menu_sup a {
	color: #FFF;
}

#menu_sup a:hover {
	color: #716F6E;
}

#menu_sup li {
	position: relative;
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0 2px 0 0;
	width: 313px;
	padding: 13px 0 20px 0;
	overflow: hidden;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: transparent url("imgs/fondo_li_amarillo.jpg") top left no-repeat;
}

#menu_sup li.verde {
	background: transparent url("imgs/fondo_li_verde.jpg") top left no-repeat;
}

#menu_sup li.azul {
	background: transparent url("imgs/fondo_li_azul.jpg") top left no-repeat;
}

#menu_sup li.primero {
	border: none;
}
/*---------------------------------------------------------------*/

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

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

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

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

.destacados {
	position: relative;
	width: 82%;
	margin: 1em auto 0 auto;
	padding: 0;	
}

.destacados h2 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .625em 0;
	padding: 0 0 0 .8em;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 21px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("imgs/detalle_info_tit_int.gif") no-repeat 0 .3em;
}

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

.destacados div.primero {
	border: none;
}

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

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

.destacados h3 a {
	color: #333;
}

.destacados h3 a:hover {
	color: #333;
	text-decoration: underline;
}

.destacados h4 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 110%;
	color: #000;
}

.destacados h4 a {
    color: #000;
}

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

.destacados div.txtdest {
	margin: 0;
	padding: 0;
	font-size: .875em;
	color: #626262;
	line-height: 110%;
	border: none;
}

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

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

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

.foto_arti{
	position: relative;
	float: left;
	width: 58px;
	margin: 0;
	padding: 0 5px 0 0;
}

.derecha_arti{
	position: relative;
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 0;
}

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

.destacados div.txtdest_arti {
	margin: 0 0 .625em 0;
	padding: 0;
	font-size: .75em;
	color: #626262;
	line-height: 110%;
	border: none;
}

.destacados div.txtdest_arti a {
	color: #626262;
}

.destacados div.txtdest_arti a:hover {
	color: #000000;
}


.destacados .precdest {
	position: relative;
	float: right;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: .75em;
	color: #626262;
	line-height: 110%;
	border: none;
	font-weight: bold;
	text-align: right;
}

.destacados .precdest a{
   padding: 0 5px;
	color: #626262;
	background-color: #FFCC00;
}

#fondo_tit_apartado_1_destacados{
    position: relative;
	float: left;
	width: 310px;
	min-height: 142px;
	margin: 1em 0 0 0;
	padding: 0;
    background: #ECEDED url("imgs/fondo_tit_apartado_1.jpg") no-repeat 0 0;
}

*html #fondo_tit_apartado_1{
	height: 142px;
}

#fondo_tit_apartado_3_destacados{
    position: relative;
	float: left;
	width: 310px;
	height: 78px;
	margin: 0;
	padding: 0;
    background: transparent url("imgs/fondo_tit_apartado_3.jpg") no-repeat 0 0;
}
/*---------------------------------------------------------------*/

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

/*---------------------------------------------------------------*/
#fondo_menu_1{
	position: relative;
	float: left;
	width: 312px;
	min-height: 172px;
	margin: 0 0 0 0;
	padding: 1.4em 0 0 0;
  background: transparent url("imgs/fondo_menu_1.jpg") no-repeat top left;
}

#fondo_menu_1.verde{
	background: transparent url("imgs/fondo_menu_1_verde.jpg") no-repeat top left;
}

#fondo_menu_1.azul{
	background: transparent url("imgs/fondo_menu_1_azul.jpg") no-repeat top left;
}

*html #fondo_menu_1{
	height: 172px;
}

#fondo_menu_2{
	position: relative;
	float: left;
	width: 312px;
	margin: 0 0 1em 0;
	padding: 0;
    background: transparent url("imgs/fondo_menu_2.jpg") repeat-y top left;
}

#fondo_menu_3{
	position: relative;
	float: left;
	width: 312px;
	min-height: 66px;
	margin: 0;
	padding: 0;
    background: transparent url("imgs/fondo_menu_3.jpg") repeat-y top left;
}

*html #fondo_menu_3{
    height: 66px;
}

#menu {
	position: relative;
	width: 85%;
	margin: 0 auto 2em auto;
	padding: 0 0 0 0;	
	font-size: .75em;
	color: #626262;
}

#menu li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 21px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

#menu li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 .8em;
	color: #333;
  background: transparent url("imgs/detalle_info_tit_int.gif") no-repeat 0 .3em;
}

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

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

#menu li.lcase {
	text-transform: none;
}

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

#menu ul.submenu li {
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	border-top: 1px solid #CCC;
}

#menu ul.submenu li a {
  border: none;
	color: #333;
	background: none;
}

#menu ul.submenu li a:hover {
	color: #333;
	background: #FFCC00;
}

#menu ul.submenu li.azul a:hover {
	color: #333;
	background: #11B8B1;
}

#menu li.lcase {
	text-transform: none;
}

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

#menu ul.submenu li.primero a:hover {
	background: #11B8B1;
}

#menu ul.submenu li.azul a:hover {
	color: #333;
	background: #11B8B1;
}

#menu ul.submenu li.azul a.activo {
	background: #11B8B1;
}

#menu ul.submenu li.primero a.activo {
	background: #11B8B1;
}

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

#menucarrito {
	position: relative;
	width: 85%;
	margin: 0 auto 2em auto;
	padding: 2em 0 0 0;	
	font-size: .75em;
	color: #626262;
}

#menucarrito li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 90%;
	margin: 3px 0 0 0;
	padding: 0 5px;
	font-family: "Trebuchet MS", tahoma, sans-serif;	
	color: #333;	
}

#menucarrito li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 .8em;
	color: #333;  
}

#menucarrito li a:hover {
	color: #333;
}

#menucarrito li.activo {
	color: #333;
	background-color: #11B8B1;
}

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

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

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

.menu_bloque_contenido li.primero {
	border: none;
}

.menu_bloque_contenido a  {  
	color: #626262;
}

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

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

#foot {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	min-height: 213px; 
	margin: 1.25em 0 0 0;
	padding: 0 0;
	text-align: center;
	background: #FFCC00 url("imgs/fondo_pie.jpg") repeat-x 0 0;
	text-transform: uppercase;
}

#foot.verde {
  background: #FFCC00 url("imgs/fondo_pie_verde.jpg") repeat-x 0 0;
}

#foot.azul {
  background: #FFCC00 url("imgs/fondo_pie_azul.jpg") repeat-x 0 0;
}

#foot.azul_registrado {
  background: #11B8B1 url("imgs/fondo_pie_azul.jpg") repeat-x 0 0;
}

#foot.azul_usuario {
  background: #11B8B1 url("imgs/fondo_pie_azul.jpg") repeat-x 0 0;
}

*html #foot {
	height: 213px; 
}


/* --------------------------- MENU PIE ----------------------------------- */
/*---------------------------------------------------------------*/
#menu_pie {
	position: relative;
	width: 946px;
	margin: 0 auto 0 auto;
	min-height: 40px;
	padding: 2em 0 0 0;
	font-size: 21px;
	text-align: left;
	color: #626262;
	background: transparent url("imgs/fondo_menu_pie.jpg") top left no-repeat;
}

#menu_pie.verde {
	background: transparent url("imgs/fondo_menu_pie_verde.jpg") top left no-repeat;
}

#menu_pie.azul {
	background: transparent url("imgs/fondo_menu_pie_azul.jpg") top left no-repeat;
}

#menu_pie.azul_registrado {
	background: transparent url("imgs/fondo_menu_pie_azul.jpg") top left no-repeat;
}

#menu_pie.azul_usuario {
	background: transparent url("imgs/fondo_menu_pie_azul.jpg") top left no-repeat;
}

#menu_pie li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 24.5%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 21px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_pie li a {
	display: block;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 .8em;
	color: #333;
	font-size: 21px;
  background: transparent url("imgs/detalle_info_tit_int.gif") no-repeat 0 .3em;
}

#menu_pie li a:hover {
	color: #333;
}

#menu_pie li a.activo {
	color: #333;
}

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

#menu_pie ul.submenu li {
	clear: both;
	text-transform: none;
	border: none;
	width: 100%;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	margin: 0 0 0 0;
	color: #333;
	border-top: 1px solid #FFE680;
}

#menu_pie.azul_usuario ul.submenu li {
	border-top: 1px solid #94F3EE;
}

#menu_pie ul.submenu li.azul_claro {
	border-top: 1px solid #94F3EE;
}

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

#menu_pie ul.submenu li a {
  border: none;
	color: #333;
	font-size: 13px;
	background: none;
}

#menu_pie ul.submenu li a:hover {
	color: #333;
	background-color: #FFE680;
}

#menu_pie.azul_usuario ul.submenu li a.activo {
	color: #333;
	background-color: #FFE680;
}

#menu_pie.azul_usuario ul.submenu li a:hover {
	color: #333;
	background-color: #94F3EE;
}

#menu_pie.azul_usuario ul.submenu li a.activo {
	color: #333;
	background-color: #94F3EE;
}

.separador{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 .6em 0;
	padding: 0 0 0 0;
}

#menu_pie ul.submenu li.azul_claro a:hover{
	background-color: #94F3EE;
}

/* -------------------------------------------------------------------- */
#foot_sub {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	/*background: transparent url("imgs/fondo_pie_sub.jpg") repeat-x top left;*/
}

#contenido_fondo_sub_pie {
	position: relative;
	width: 930px;
	margin: 0 auto 0 auto;
	padding: 12px 0 0 0;
	text-align: right;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 12px;
	color: #666;
}

#contenido_fondo_sub_pie a{
  color: #666;
}
/* -------------------------------------------------------------------- */

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

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

#caja_carrito{
  clear: both;
	position: relative;
	float: left;
	width:100%;
	height: 160px;
	margin: 15px 0 0 0;
	padding: 0;
	background: transparent url("imgs/fnd_cj_carrito.jpg") no-repeat top left;
	font-family: Trebuchet MS;
	color: #000;
}

#caja_carrito h2{
  width: 175px;
  padding: 0 0 0 108px;
  margin: 36px 0 0 0;
  font-size: 21px; 
  text-transform: uppercase;
}

#caja_carrito p{
  width: 175px;
  padding: 0 0 0 108px;
  margin:0;
  font-size: 16px; 
}

#caja_carrito p.enlace{
  text-align: right;
  color: #666;
  font-size: 10px; 
  text-transform: uppercase;
}

#caja_carrito p.enlace a{
  color: #666;
  padding: 0 0 0 15px;
  background: transparent url("imgs/img_bt_mas.gif") no-repeat 0 2px;
}

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

#saldo_usuario {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 151px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/fnd_recargasaldo.jpg") no-repeat top left;
	text-align: center;
	color: #000;
}

#saldo_usuario h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 1.5em 0 0 0;
}

#saldo_usuario a {
	color: #000;
}

#saldo_usuario span {
	color: #11B8B1;
	font-weight: bold;
	font-size: 1.2em;
}

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


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

.keywords {
  display: none;
}

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

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

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

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

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

.titular span {
	color: #FFD21C;
}

.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: 98%;
	background-color: #FFD21C;	
	margin: 0 0 .625em 0;
	padding: .25em .5em;	
	font-size: .625em;
	color: #FFFFFF;
}

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

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

#ruta_apartado a {
	color: #FFFFFF;
}

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

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

#foto_apartado {
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 1em 0; 
	padding: 0;
	text-align:center;
	width: 100%;
	overflow: hidden;
}

/* -------------------------------------------------------------------- */
#fondo_tit_apartado_1{
    position: relative;
	float: left;
	width: 310px;
	min-height: 142px;
	margin: 0;
	padding: 0;
    background: #ECEDED url("imgs/fondo_tit_apartado_1.jpg") no-repeat 0 0;
}

*html #fondo_tit_apartado_1{
	height: 142px;
}

#tit_apartado {
	clear: both;
	position: relative;
	margin: 1.5em auto .4em auto;
	padding: 0 0 0 0;	
	width: 82%;
	font-family: "Trebuchet MS", tahoma, sans-serif; 
	font-size: 21px;
	color: #FFCC00;
	font-weight: bold;
	text-transform: uppercase;
}

#tit_apartado a {
  color: #FFD21C;
}

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

#fondo_tit_apartado_3{
    position: relative;
	float: left;
	width: 310px;
	height: 78px;
	margin: 0;
	padding: 0;
    background: transparent url("imgs/fondo_tit_apartado_3.jpg") no-repeat 0 0;
}

#tit_apartado_int {
	clear: both;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;	
	width: 99%;
	font-family: "Trebuchet MS", tahoma, sans-serif; 
	font-size: 21px;
	color: #FFCC00;
	font-weight: bold;
	text-transform: uppercase;
}

#tit_apartado_int a {
	color: #FFCC00;
}

#tit_apartado_int a:hover {
	color: #666;
}
/* -------------------------------------------------------------------- */

#desc_apartado {		
	clear: both;
	position: relative;
	width: 82%;
	margin: 2.5em auto 0 auto;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	line-height: 110%;
	color: #666;
}

#desc_apartado a {
    color: #666;
}

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

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

#subapartados {		
	clear: both;
	position: relative;
	float: left;
	width: 94%;
	background-color: #FFCC00;
	margin: .625em;
	padding: .3em .625em;
	font-size: .7em;
	color: #333;
}

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

#subapartados li.primero {
	border: none;
}

#subapartados a {
	color: #333;
}

#subapartados a:hover {
  color: #333;
  text-decoration: underline;
}

#subapartados a.activo {
  color: #333;
  text-decoration: underline;
}

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

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

.titulo a {
  color: #626262;
}

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

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

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

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

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

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

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

.info_tit_ext {	
	clear: both;
	position: relative;
	float: left;
	width: 97%;
	background-color: #FFCC00;
	margin: 0 0 .625em 0;
	padding: .25em .625em;
	font-family: "Trebuchet MS", tahoma, sans-serif; 
	font-size: 21px;
	color: #333;
	font-weight: normal;
	color:#626262;
}

.info_tit_ext a {
	color: #333;
}

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

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

.info_tit_int {
	margin: 0 0 .6em 0;
	padding: 0 0 0 1.2em;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #FFCC00;
	border-bottom: 1px solid #CCC;
	background: transparent url("imgs/detalle_info_tit_int.gif") no-repeat .6em .3em;
}

.info_tit_int a {
    color: #FFCC00;
}

.info_tit_int a:hover {
    color: #666;
}
  
.info_texto {
	margin: 0 0 .6em .9em;
	padding: 0;	
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	line-height: 110%;
	color: #000;
}  

.info_texto a {
	color: #000;
}

.info_texto a:hover {
	color: #000;
	text-decoration: underline;
}
  
.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: 10px 0;
	padding: 0 0;
	border: none;	
	border-bottom: 1px solid #FFD21C;
	width: 100%;
	height: .1em;
	font-size: .05em;
} 

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

.info_bloque_dest {	
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	background-color: #F9FAFA;	
	margin: 0 0 0 0;
	padding: 1em 1em;
	border: 1px solid #EEE;
}

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

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

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

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

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

.info_bloque_desc {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 110%;
}

.info_bloque_desc a {
	color: #333;
}

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

.info_bloque_texto {	
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif; 
	font-size: 13px;
	line-height: 110%;
	color: #000;
}

.info_bloque_texto a {
	color: #000;
}

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

.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: .3em 0 .3em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
}

.info_bloque_fichero a {
    color: #FFCC00;
}

.info_bloque_fichero a:hover {
    color: #333;
}
  
.info_bloque_enlace {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .3em 0 .3em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
}  

.info_bloque_enlace a {
	color: #FFCC00;	
}

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

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

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

.paginacion a {
  color: #FFD21C;
}

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

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

.info_paginacion {
	clear: both;
	position: relative;
	float: left;
	text-align: right;
	margin: .625em 0;
	padding: 0;	
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .7em;
	color: #626262;
	border-bottom: 1px solid #D9D9D9;
	width: 100%;
}  

.info_paginacion a {
  color: #626262;
}

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

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

#imprimir {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .7em;
	text-align: right;
	font-weight: bold;
}

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

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

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

.info_volver {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .7em;
	color: #626262;	
}

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

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

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

.info_editar {	
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .7em;
	color: #626262;
	text-transform: capitalize;
}

.info_editar a {
  color: #626262;
}

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

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

.panel_control {	
	clear: both;
	position: relative;
	margin: 1em 0;
	padding: .5em 0 0 0;
	width: 100%;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: .8em;
	color: #626262;	
	border-top: 1px solid #626262;
}  

.panel_control a {
  color: #626262;
}

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

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

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

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

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

.panel_control_destacados a {
  color: #626262;
}

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

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


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

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

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

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

.titapartados a {
	color: #FFFFFF;
}

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

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

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

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

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


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

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

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

.txtform a {
	color: #626262;
}

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

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

.txtform_inden a {
	color: #626262;
}

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

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

.txtform_centrado a {
	color: #626262;
}

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

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

.titform a {
	color: #626262;
}

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

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

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

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

.formulario a {
	color: #626262;
}

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

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

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

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

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

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

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

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

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

.formulario label.oculto {
	display: none;
}

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

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

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

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

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

.form_colores {
	border: .1em solid #626262;
	background-color:  #FFCC00;
	color: #FFF;	
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;	
	font-size: 11px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.botonera_form_centrada_modificada {
	position: relative;
	float: left;
	width: 47%;
	text-align: right;
	padding: .5em .5em .5em .5em;
	margin: .25em 0 .25em 0;
	border: 1px solid green;
}

.botonera_form_centrada_modificada2 {
	clear: both;
	position: relative;
	float: right;
	width: 40%;
	text-align: right;
	padding: 0em 0 0 0em;
	margin: -2.1em 0 0 0;
}

.botonera_form_drcha{	
	position: relative;
	float: right;
	width: 56%;
	text-align: left;
	padding: .5em 0 ;
	margin: .25em 0;
}

*:first-child+html .botonera_form_centrada_modificada2 {
	float: left;
	width: 100%;
}

* html .botonera_form_centrada_modificada2 {
	float: left;
	width: 100%;
}

input.bt_form {
	padding: .1em .5em;
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	background-color: #FFCC00;
	font-size: 0.6875em;
	color: #FFF;
	cursor: pointer;
}

input.bt_form_colors {
	padding: .1em .5em;
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	background-color: #FFCC00;
	font-size: 0.6875em;
	color: #FFF;
	cursor: pointer;
}

input.bt_form_azul_claro {
	padding: .1em .5em;
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	/*background-color: #94F3EE;*/
	background-color: #11B8B1;
	font-size: 0.6875em;
	/*color: #626262;*/
	color: #FFF;
	cursor: pointer;
}

a.bt_form {
	margin: 0 .5em 0 0;
	padding: .55em .6em .2em .6em;
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	background-color: #FFCC00;
	height: 1.5em;
	color: #FFF;
	font-size: 0.6875em;
}

a.bt_form_azul_claro {
	margin: 0 .5em 0 0;
	padding: .55em .6em .2em .6em;
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	/*background-color: #94F3EE;*/
	background-color: #11B8B1;
	height: 1.5em;
	/*color: #626262;*/
	color: #FFF;
	font-size: 0.6875em;
}

* html a.bt_form {
	padding: .1em .5em;
}

*:first-child+html #imprimir {
	padding: .1em .5em;
}

a.bt_form:hover {
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	background-color: #FFCC00;
	color: #000000;
}

a.bt_form_azul_claro:hover {
/*	border: .1em solid #FFD21C;*/
	border: .1em solid #CCC;
	/*background-color: #94F3EE;*/
	background-color: #11B8B1;
	/*color: #000000;*/
	color: #FFF;
}

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

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


input.form{
  border: 1px solid #626262;
}
/* ----------------------------- HERRAMIENTA heditor -------------------- */

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

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

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

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

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

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

.heditor_left {
  text-align: left;  
} 

.heditor_right {
  text-align: right;  
} 

.heditor_center {
  text-align: center;  
} 

.heditor_justify {
  text-align: justify;  
}

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


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

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

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

.alojamiento a:hover {
  color: #000000
}

.aloj_direccion_int { 
	margin: 0;
	padding: 0;	
  font-size: 0.6875em;	
	color: #FFD21C;
}  

.aloj_direccion_int a {
  color: #FFD21C;
}

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

.aloj_direccion_ext {  
	margin: 0;
	padding: 0;	
  font-size: 0.6875em;	
	color: #FFD21C;
}  

.aloj_direccion_ext a {
  color: #FFD21C;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.datos_habitaciones th {
  color: #FFD21C;
}

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

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

.aloj_opdestacada {
  background-color: #FFE88C;
}

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

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

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

.aloj_vertodos a { 
	color: #626262;
	background-color: #FFE88C;
	padding: .3em;
}

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

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

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

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

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

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

.aloj_precios_txt {
	margin: 0;
	padding: 0;
	font-size: .625em;
	color: #626262;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aloj_tb_calendario caption a {
  color: #FFD21C;
}

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

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

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

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

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

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

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

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

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

.aloj_calendario_texto strong {
  text-transform: uppercase;	
}

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

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

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

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

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

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

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

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

.info_bloque_flash a {
  color: #626262;
}

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

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

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

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

.info_bloque_video a {
  color: #626262;
}

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

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

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

.info_bloque_sonido a {
  color: #626262;
}

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

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

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

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

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

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

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

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

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

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

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

.titbiblio a {
	color: #626262;
}

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

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

.txtbiblio a {
	color: #626262;
}

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

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

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

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

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


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

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

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

.txtbusqueda a {
	color: #626262;
}

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

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

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


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

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

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

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

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

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

.txtpaginar a {
	color: #626262;
}

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

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

.txtbuzon a {
	color: #626262;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

.info_tit_producto a {
	color: #FFD21C;
}

.info_tit_producto a:hover {
	color: #FFD21C;
}

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

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

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

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

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

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

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

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

.tbcarro th {
	color: #11B8B1;
}

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

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

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

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

/* Formulario de pedidos */

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

.titcampo_azul {
	font-size: .75em;
	color: #11B8B1;
	width: 35%;
	float: left;
}

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

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

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

.fichapedido a {
	color: #626262;
}

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

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

.cabficha a {
	color: #FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tbcarroficha th {
	color: #FFD21C;
}

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

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

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

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

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

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

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

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

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

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

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

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

.prod_precio_c{
  position: relative;
  float: left;
  width: 2.1em;
  height: 1.25em;  
  text-align: right;    
}

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

/* SERVICIOS */

.tit_servicios {
  clear: both;
  position: relative;
  color: #11B8B1;	
  border-bottom: 1px solid #ccc;
  margin: .5em 0 .625em 0;
  padding: 0 0 0 1.2em;
  background: transparent url("imgs/detalle_info_tit_int.gif") no-repeat .6em .3em;
}

.caja_servicios{
  clear: both;
  position: relative;
  padding: 0 .8em;
  margin: 0;
  width: 98%;
}

.caja_servicios .col1{  
  position: relative;
  float:left;
  padding: 0;
  margin: 0;
  width: 44%;
}

.caja_servicios .col2{  
  position: relative;
  float:right;
  padding: 0;
  margin: 0;
  width: 55%;
}

.caja_servicios h3{
  clear: both;
  position: relative;
  float:left;
  width: 98%;
  height: 25px;
  overflow: hidden;
  margin: 1em 0 0 0;
  padding: .5em .8em;
  font-size: 1em;
/*  background-color:#FFD21C;	*/
	background: transparent url("imgs/fnd_separadores.jpg") no-repeat top left;
  color: #000;	
}

.caja_servicios h3.encabezado{
  background-color:	#FFF;
  color: #FFD21C;
  padding: .5em .8em;
}

.caja_servicios h3.encabezado_colores{
  background-color:	#FFF;
  color: #FFCC00;
  padding: .5em .8em;
}

.caja_servicios p{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
  font-size: .8125em;
  margin: .8em 0 0 0;
  padding: 0;
}

.caja_servicios p a{
  color: #FFCC00;
  font-weight: bold;
}

.caja_servicios p.cod_nodisponible{
/*  border: 1px solid #990000;*/
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  color: #990000;
  padding: 8px 0;
	background: transparent url("imgs/fnd_separadores.jpg") no-repeat top left;
	height: 25px;
}

.caja_servicios p.cod_nodisponible a {
	color: #990000;
}

.caja_servicios p.cod_disponible{
/*  border: 1px solid #009900;*/
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  color: #009900;
	background: transparent url("imgs/fnd_separadores.jpg") no-repeat top left;
	height: 25px;
	padding: 8px 0;
}

.caja_servicios p.cod_disponible a {
	color: #009900;
}

.caja_servicios .txt_packs {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
}

.caja_servicios .txt_packs a {
	color: #000;
	font-weight: normal;
}

.caja_servicios .recarga_central {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}

.caja_servicios .recarga_central a {
	color: #FFD21C;
	font-weight: bold;
}

.caja_servicios ul{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 .8em 0;
}

.caja_servicios ul li{
  margin: 0;
  padding: 0 0 0 1.2em;
  list-style: none;
  font-size: .8125em;
}

.caja_servicios .caducado{
  color: #FF0000;
}

.caja_servicios .renovar{
	color: #11B8B1;	
}

.caja_servicios table{
  clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: .25em 0 0 .625em;
	padding: 0 0 .5em 0;
	font-size: .75em;
	
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}

.caja_servicios th {
  color: #11B8B1;	
	border-bottom: 1px solid #11B8B1;
	text-align: left;
}

.caja_servicios td.tdpie{
  text-align: left;
}

.caja_servicios td input.bt_form{
  font-size: .75em;
}

.caja_servicios input.texto {
  border: 1px solid #ccc;
  width: 10em;
  text-transform: uppercase;
}

.caja_servicios table.tblform{
  text-align: left;
}

.caja_servicios .caja_scroll{
  clear: both;
  position: relative;  
  margin: 5px auto;
  width: 80%;
  padding: 5px 15px;
  height: 200px;
  overflow: auto;  
  border: 1px solid #ddd;
}
.caja_servicios .caja_scroll p{
  margin: 0;
  padding: 0;
  width: 80%;
}

.caja_servicios .col1 .caja_scroll{
  clear: both;
  position: relative;  
  margin: 5px auto;
  width: 95%;
  padding: 5px;
  height: 400px;
  overflow: auto;  
  border: 1px solid #ddd;
}

.caja_servicios label.contacto{
   background: transparent url("imgs/ic_contacto.gif") no-repeat top left; 
   padding: 0 0 0 20px;
}

.caja_servicios span.contacto{
   display: block;
   float: left;
   background: transparent url("imgs/ic_contacto.gif") no-repeat top left;    
   padding: 0 0 0 15px;
}

.caja_servicios p.contacto{
   background: transparent url("imgs/ic_contacto.gif") no-repeat 20px 0; 
   padding: 0 0 0 40px;
}

.caja_servicios .correcto{
   background: transparent url("imgs/ic_correcto.gif") no-repeat top left; 
   padding: 0 0 0 25px;
}

.caja_servicios .fallo{
   background: transparent url("imgs/ic_fallo.gif") no-repeat top left; 
   padding: 0 0 0 25px;
   color: #990000;
}

.caja_servicios .correcto span, .caja_servicios .fallo span{
  color: #999;
  font-style: italic;
}

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

.caja_servicios .mmspag{
  clear: both; 
	bordeR: 1px solid #FFCC00;
}
.caja_servicios .mmscont{
  height: 100%;
}

.caja_servicios p.tamanio{
  padding: 0;
  margin: 0;
  font-size: 1.5em;
}

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

.btf_guardar input {
	background-image: url("imgs/ic_save.gif");
	background-repeat: no-repeat;
	background-position: .4em .3em;
	padding: .55em .2em .2em 1.8em;
}

.btf_ampliar a.bt_form {
	background-image: url("imgs/ic_add.gif");
	background-repeat: no-repeat;
	background-position: .3em .4em;
	padding: .55em .6em .2em 1.8em;
}

.caja2_servicios{
  clear: both;
  position: relative;
  padding: 0 2em;
  margin: 0;
  width: 90%;
}

.caja3_servicios{
  clear: both;
  position: relative;
  padding: 0 2em;
  margin: 0;
  width: 90%;
}

.caja3_servicios .txtform{
  font-size: 0.9375em;
}


#enviarproceso{
 border: none;
 width: 98%; 
 height: 450px; 
 margin: 0;
 padding: 0;
 overflow: auto;
}

#caja_iframe{
  clear: both;
  position: relative;
  padding: 0;
  margin: 0;
  width: 80%;
}

#caja_proceso{
  clear: both;
  position: relative;
  float: left;  
  width: 80%;
  margin: 10px 12%;
  padding: 0 10px 5px 10px;
  border: 1px solid #CCC;
}

#caja_proceso .numero{
  display: block;
  float: left;
  width: 50px;
  padding: 0 10px 0 0;  
  text-align: right;
}

.grp_dispo_saldo {
	clear: both;
	position: relative;
	float: left;
	width: 95%;
	margin: 0;
	background: transparent url("imgs/ic_alert.gif") no-repeat left 30px;
	padding: 0 0 0 30px;
}

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

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

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

.info_enc a {
  color: #626262;
}

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

.img_enc {
	display: block;
}

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

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

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

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


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

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

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

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

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

.txtevaluacion_bold {
	font-weight: bold;
}

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

.numpreg a {
	color: #FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

.numpreg2 a {
	color: #FFD21C;
}

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

html>body .numpreg2 {
  float: left;
}

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

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

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

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

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

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

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

.opc_resp {
  float: left;
}

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

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

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

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

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

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

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

.txtpuntuacion a {
	color: #626262;
}

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

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

.puntfin a {
	color: #626262;
}

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

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

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

.txtevaliden a {
	color: #626262;
}

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

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

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

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

.lstexam a {
	color: #808080;
}

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

.lknexam {
	color: #333333;
}

.lknexam:hover {
	color: #000000;
}


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

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

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

#listforum a {
	color: #FFD21C;
}

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

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

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

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

.fotousuario {
	position: relative;
	float: left;
	margin: 0 .25em .25em 0;
	padding: 0;
}

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

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

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

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

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

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

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

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

.titglosario a {
	color: #626262;
}

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

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

.txtglosario a {
	color: #626262;
}

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

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

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

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

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

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

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

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

.titintegrantes a {
	color: #FFFFFF;
}

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

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

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

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

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

#mapa_web a {
  color: #626262;
}

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

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

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

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

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

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

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

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

.txtusuarios a {
	color: #626262;
}

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

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

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

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

.titusuarios a {
	color: #FFFFFF;
}

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

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

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

.txtformus a {
	color: #626262;
}

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

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

.txtformus2 a {
	color: #626262;
}

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

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

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

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

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

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

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

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

.lstconectados li a {
	color: #626262;
}

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

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


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

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

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

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

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

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

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

  /* enlaces - color de los link */

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

  .v_norm:link {color: #626262}
  .v_normcp:link {color: #FFD21C}
  .v_norminact:link {color: #808080}
  .v_normact:link {color: #333333}

  .v_gr:link {color: #626262}
  .v_grcp:link {color: #FFD21C}
  .v_grinact:link {color: #808080}
  .v_gract:link {color: #333333}

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

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

  /* enlaces - color de los visited */

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

  .v_norm:visited {color: #626262}
  .v_normcp:visited {color: #FFD21C}
  .v_norminact:visited {color: #808080}
  .v_normact:visited {color: #333333}

  .v_gr:visited {color: #626262}
  .v_grcp:visited {color: #FFD21C}
  .v_grinact:visited {color: #808080}
  .v_gract:visited {color: #333333}

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

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


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

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

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

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

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

  /* enlaces - color de los active */

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

  .v_norm:active {color: #626262}
  .v_normcp:active {color: #FFD21C}
  .v_norminact:active {color: #808080}
  .v_normact:active {color: #333333}

  .v_gr:active {color: #626262}
  .v_grcp:active {color: #FFD21C}
  .v_grinact:active {color: #808080}
  .v_gract:active {color: #333333}

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

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


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

  
/*  Estilos de barra  */
body {
scrollbar-face-color: #FFCC00;
scrollbar-highlight-color: #FFCC00;
scrollbar-3dlight-color: #FFE680;
scrollbar-darkshadow-color: #FFE680;
scrollbar-shadow-color: #FFCC00;
scrollbar-track-color: ;
scrollbar-arrow-color: #FFE680;
}



/* Fin */