/* Hoja de estilos de ESENCIA */
/*-------------------------- CSS para la zona interna -----------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 98%;
	border: 0;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 100%;
	color: #000;
	background-color: #FFF;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

/*---------------- CSS para cabecera y pie de la zona interna ----------------*/

#centrado_int {
	position: relative;
	width: 47.563em;
	margin: 0 auto;
	padding: 0;
}

#cab_int {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 .625em 0;
	background-color: #FF9100;
	border: 1px solid #D9D9D9;
}

#logotipo_int {
	position: relative;
	float: left;
	width: 124px;
	height: 45px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#logotipo_int a {
	color: #626262;
}

#logotipo_int a:hover {
	color: #EF2715;
}

#logotipo_int span {
	position: absolute;
	top: 0;
	left: 0;
	width: 124px;
	height: 43px;
	margin: 0;
	padding: 0;
	background: #FF9100 url("imgslogo/logo_esencia.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

#opc_user_int {
	position: relative;
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

p.dtuser_int {
	float: left;
	margin: 0 0 .625em 2em;
	padding: .625em 0;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: .625em;
	color: #FFFFFF;
}

.link_user_int {
	padding: 0 0 0 .625em;
	background: transparent url("v_portal/imgs/triangulo.gif") no-repeat 0 .3em;
	font-weight: bold;
	color: #FFFFFF;
}

.link_user_int:hover {
	color: #EF2715;
}

#subcab_int {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: .3em 0;
	background-color: #999999;
	border: 1px solid #D9D9D9;
	border-top: none;
}

#busc_int {
	width: 30%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#busc_int fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#busc_int legend {
	display: none;
}

.lineaf_int {
	float: left;
	margin: 0;
	padding: 0 0 0 .5em;
	color: #FFFFFF;
	font-size: .625em;
}

input {
	font-size: 1em;
}

#btbuscar {
	background: #999999 url("v_portal/imgs/iclupa.gif") no-repeat 0 2px;
	border: none;
	width: 16px;
	height: 18px;
	cursor: pointer;
}

.lista_int {
	width: 35%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.lista_int li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 .3em;
	border-left: 1px solid #FFFFFF;
}

.lista_int li.primero {
	border: none;
}

.lista_int a {
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
	color: #FFFFFF;
}

.lista_int a:hover {
	color: #EF2715
}

#foot_int {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: .3em .3em;
	background-color: #FF9100;
	border: 1px solid #D9D9D9;
}

#copy_foot {
	width: 35%;
	position: relative;
	float: right;
	margin: .4em 0 0 0;
	padding: 0 .3em 0 0;
	font-size: .625em;
	color: #FFFFFF;
	text-align: right;
}

/* ESTO ES PROVISIONAL HASTA QUE EL SYSTEM ESTE EN CAPAS */
#contenido_int {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#contenido_int table {
	clear: both;
}
/* FIN DE LA ZONA PROVISIONAL */

   a {text-decoration: none}
	  
  .form {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .forminact {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#808080;}
  .formact {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#CC0000;}
  .formsobcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#FFFFFF;}
  .formsobcs {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .formsobcn {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .formcampos {font-family:Georgia,Times New Roman,Times,serif;font-size:11px; border: 1px #999999 solid; color: #626262; background-color: #DDDDDD}
  .formselect {font-family:Georgia,Times New Roman,Times,serif;font-size:11px; color: #626262; background-color: #DDDDDD}
  .formcaja {font-family:Georgia,Times New Roman,Times,serif;font-size:11px; border: 1px #999999 solid; color: #626262; background-color: #EEEEEE}

  .norm {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .normcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#31B0A7;}
  .norminact {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#808080;}
  .normact {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#CC0000;}

  .gr {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .grcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#31B0A7;}
  .grinact {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#808080;}
  .gract {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#CC0000;}
  .grsobcn {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .grsobcs {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .grsobcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#FFFFFF;}

  .btnpestsobcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .btn {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .sobcn {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .sobcs {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#626262;}
  .sobcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#FFFFFF;}

  .btnbarragr {font-family:Georgia,Times New Roman,Times,serif; font-size:15px; color:#FFFFFF;}
  .btnbarra {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#FFFFFF;} 

  .naveg {font-family:Georgia,Times New Roman,Times,serif; font-size:9px; color:#666666;}

  /* enlaces - color de los link */

  
  .form:link {color: #626262}
  .forminact:link {color: #808080}
  .formact:link {color: #CC0000}
  .formsobcn:link {color: #626262}
  .formsobcs:link {color: #626262}
  .formsobcp:link {color: #FFFFFF}

  .norm:link {color: #626262}
  .normcp:link {color: #31B0A7}
  .norminact:link {color: #808080}
  .normact:link {color: #CC0000}

  .gr:link {color: #626262}
  .grcp:link {color: #31B0A7}
  .grinact:link {color: #808080}
  .gract:link {color: #CC0000}

  .btn:link {color: #626262}
  .btnpestsobcp:link {color: #626262}
  .sobcn:link {color: #626262}
  .sobcs:link {color: #626262}
  .sobcp:link {color: #FFFFFF}
  .grsobcn:link {color: #626262}
  .grsobcs:link {color: #626262}
  .grsobcp:link {color: #FFFFFF}

  .btnbarragr:link {color: #FFFFFF}
  .btnbarra:link {color: #FFFFFF} 

  .naveg:link {color: #666666} 


  /* enlaces - color de los visited */

  
  .form:visited {color: #626262}
  .forminact:visited {color: #808080}
  .formact:visited {color: #CC0000}
  .formsobcn:visited {color: #626262}
  .formsobcs:visited {color: #626262}
  .formsobcp:visited {color: #FFFFFF}

  .norm:visited {color: #626262}
  .normcp:visited {color: #31B0A7}
  .norminact:visited {color: #808080}
  .normact:visited {color: #CC0000}

  .gr:visited {color: #626262}
  .grcp:visited {color: #31B0A7}
  .grinact:visited {color: #808080}
  .gract:visited {color: #CC0000}

  .btn:visited {color: #626262}
  .btnpestsobcp:visited {color: #626262}
  .sobcn:visited {color: #626262}
  .sobcs:visited {color: #626262}
  .sobcp:visited {color: #FFFFFF}
  .grsobcn:visited {color: #626262}
  .grsobcs:visited {color: #626262}
  .grsobcp:visited {color: #FFFFFF}

  .btnbarragr:visited {color: #FFFFFF}
  .btnbarra:visited {color: #FFFFFF} 

  .naveg:visited {color: #666666} 


  /* enlaces - color de los over */
  
  .form:hover {color: #EF2715}
  .forminact:hover {color: #EF2715}
  .formact:hover {color: #EF2715}
  .formsobcn:hover {color: #EF2715}
  .formsobcs:hover {color: #EF2715}
  .formsobcp:hover {color: #EF2715}

  .norm:hover {color: #EF2715}
  .normcp:hover {color: #EF2715}
  .norminact:hover {color: #EF2715}
  .normact:hover {color: #EF2715}

  .gr:hover {color: #EF2715}
  .grcp:hover {color: #EF2715}
  .grinact:hover {color: #EF2715}
  .gract:hover {color: #EF2715}

  .btnover {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#EF2715;}
  .btn:hover {color: #EF2715}
  .btnpestsobcp:hover {color: #EF2715}
  .sobcn:hover {color: #EF2715}
  .sobcs:hover {color: #EF2715}
  .sobcp:hover {color: #EF2715}
  .grsobcn:hover {color: #EF2715}
  .grsobcs:hover {color: #EF2715}
  .grsobcp:hover {color: #EF2715}

  .btnbarragr:hover {color: #EF2715}
  .btnbarra:hover {color: #EF2715} 

  .naveg:hover {color: #666666} 

  /* enlaces - color de los active */

  
  .form:active {color: #626262}
  .forminact:active {color: #808080}
  .formact:active {color: #CC0000}
  .formsobcn:active {color: #626262}
  .formsobcs:active {color: #626262}
  .formsobcp:active {color: #FFFFFF}

  .norm:active {color: #626262}
  .normcp:active {color: #31B0A7}
  .norminact:active {color: #808080}
  .normact:active {color: #CC0000}

  .gr:active {color: #626262}
  .grcp:active {color: #31B0A7}
  .grinact:active {color: #808080}
  .gract:active {color: #CC0000}

  .btn:active {color: #626262}
  .btnpestsobcp:active {color: #626262}
  .sobcn:active {color: #626262}
  .sobcs:active {color: #626262}
  .sobcp:active {color: #FFFFFF}
  .grsobcn:active {color: #626262}
  .grsobcs:active {color: #626262}
  .grsobcp:active {color: #FFFFFF}

  .btnbarragr:active {color: #FFFFFF}
  .btnbarra:active {color: #FFFFFF} 

  .naveg:active {color: #666666} 


  /*
    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)
    naveg (barra de navegación)
    
    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  */

*html body {
scrollbar-face-color: #DDDDDD;
scrollbar-highlight-color: #DDDDDD;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #DDDDDD;
scrollbar-track-color: #D9D9D9;
scrollbar-arrow-color: #999999;
}


/*  Estilos de frameset  */

 frameset {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left:0em; 
  margin-right:0em; 
 }
 

/*  Estilos barra de navegación  */

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

#navegacion li {
	list-style-type: none;
	float: left;
	padding: .5em .35em .7em 0;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size: .55em;
	color: #666666;
	border: 1px solid #D6D6D6;
	border-left: none;
	background-color: #ECECEC;
}

#navegacion li#nav_1 {
	border-left: 1px solid #D6D6D6;
}

#navegacion li a {
	padding: .4em 0 1em 2.5em;
	color: #666666;
}

#navegacion li a:hover {
	color: #666666;
}

#navegacion li#nav_1 a {
	background: transparent url("imgs/ic_nav_inicio.gif") no-repeat 0 0;
}

#navegacion li#nav_2 a {
	background: transparent url("imgs/ic_nav_personal.gif") no-repeat 0 0;
}

#navegacion li#nav_3 a {
	background: transparent url("imgs/ic_nav_usuarios.gif") no-repeat 0 0;
}

#navegacion li#nav_4 a {
	background: transparent url("imgs/ic_nav_apartados.gif") no-repeat 0 0;
}

#navegacion li#nav_5 a {
	background: transparent url("imgs/ic_nav_ficheros.gif") no-repeat 0 0;
}

#navegacion li#nav_6 a {
	background: transparent url("imgs/ic_nav_comercio.gif") no-repeat 0 0;
}

#navegacion li#nav_7 a {
	background: transparent url("imgs/ic_nav_mailing.gif") no-repeat 0 0;
}

#navegacion li#nav_8 a {
	background: transparent url("imgs/ic_nav_sms.gif") no-repeat 0 0;
}

#navegacion li#nav_9 a {
	background: transparent url("imgs/ic_nav_estadisticas.gif") no-repeat 0 0;
}

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

/*  Estilos barra de navegación  */

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

#solapas.tipo1 {
	background-color: #D9D9D9;
}

#solapas.tipo2 {
	background-color: #999999;
}

#solapas.tipo3 {
	background-color: #DDDDDD;
}

#solapas li {
	list-style-type: none;
	float: left;
	margin: 0 .55em 0 .75em;
	padding: .3em .3em;
	border: 1px solid #CC0000;
	border-bottom: none;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
	color: #626262;
	background-color: #D9D9D9;
}

#solapas li.link {
	background-color: #EEEEEE;
}

#solapas li a {
	color:#626262;
}

#solapas li a:hover {
	color:#EF2715;
}

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

.menu_solapas,
.menu_solapas_tipo1,
.menu_solapas_tipo2,
.menu_solapas_tipo3 {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: .45em 0;
	border: 1px solid #CC0000;
	border-bottom: 4px solid #CC0000;
	z-index: 5;
}

.menu_solapas_tipo1 {
	background-color: #D9D9D9;
}

.menu_solapas_tipo2 {
	background-color: #999999;
}

.menu_solapas_tipo3 {
	background-color: #DDDDDD;
}

.menu_solapas li,
.menu_solapas_tipo1 li,
.menu_solapas_tipo2 li,
.menu_solapas_tipo3 li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 0 .2em .75em;
}

.menu_solapas li .nivel1,
.menu_solapas_tipo1 li .nivel1,
.menu_solapas_tipo2 li .nivel1,
.menu_solapas_tipo3 li .nivel1 {
	display: block;
	position: relative;
	padding: .2em .5em;
	background-color: #EEEEEE;
	border: 1px solid #CC0000;
	color: #626262;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
	cursor: pointer;
}

.menu_solapas li.linv1 .submenu_solapas,
.menu_solapas_tipo1 li.linv1 .submenu_solapas,
.menu_solapas_tipo2 li.linv1 .submenu_solapas,
.menu_solapas_tipo3 li.linv1 .submenu_solapas {
	display: none;
}

.menu_solapas li.linv1:hover span,
.menu_solapas_tipo1 li.linv1:hover span,
.menu_solapas_tipo2 li.linv1:hover span,
.menu_solapas_tipo3 li.linv1:hover span {
	color: #EF2715;
}

.menu_solapas li.linv1:hover .submenu_solapas,
.menu_solapas_tipo1 li.linv1:hover .submenu_solapas,
.menu_solapas_tipo2 li.linv1:hover .submenu_solapas,
.menu_solapas_tipo3 li.linv1:hover .submenu_solapas {
	display: block;
}

select {
	color: #626262;
	background-color: #DDDDDD;
	font-family: Georgia,Times New Roman,Times,serif;
	border: 1px solid #CC0000;
	font-size: 0.6875em;
}

.menu_solapas li a.bt_form,
.menu_solapas_tipo1 li a.bt_form,
.menu_solapas_tipo2 li a.bt_form,
.menu_solapas_tipo3 li a.bt_form {
	display: block;
	float: left;
	color: #626262;
	background-color: #EEEEEE;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
	color: #626262;
	border: 1px solid #CC0000;
	margin: 0;
	padding: .2em .5em;
}

.menu_solapas li a.bt_form:hover,
.menu_solapas_tipo1 li a.bt_form:hover,
.menu_solapas_tipo2 li a.bt_form:hover,
.menu_solapas_tipo3 li a.bt_form:hover {
	color: #EF2715;
	background-color: #EEEEEE;
	border: 1px solid #CC0000;
}

.menu_solapas li a.bt_form img,
.menu_solapas_tipo1 li a.bt_form img,
.menu_solapas_tipo2 li a.bt_form img,
.menu_solapas_tipo3 li a.bt_form img {
	vertical-align: middle;
	margin-top: -1px;
}

.submenu_solapas {
	position: absolute;
	margin: 0;
	padding: 0 .5em 0 0;
	width: 9.5em;
	background-color: #EEEEEE;
	border: 1px solid #CC0000;
	z-index: 6;
}

.submenu_solapas li {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 .2em;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
}

.submenu_solapas li a {
	color: #626262;
}

.menu_solapas li a:hover,
.menu_solapas_tipo1 li a:hover,
.menu_solapas_tipo2 li a:hover,
.menu_solapas_tipo3 li a:hover {
	color: #EF2715;
}

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

/*--------------------------- FORMULARIOS -------------------------*/

.formul {
	clear: both;
	position: relative;
	width: 80%;
	margin: 0 auto;
	margin-bottom: .625em;
	padding: .5em 1em;
	border: 1px solid #999999;
}

.titformul {
	clear: both;
	position: relative;
	width: 84%;
	margin: 0 auto;
	padding: .2em 0;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
}

.titformul span.stit1 {
	padding: .2em 0 .2em .875em;
	background: #999999 url("imgs/tituloizda.gif") repeat-y top left;
}

.titformul span.stit2 {
	padding: .2em 1em .2em .375em;
	background: #999999 url("imgs/titulodcha.gif") repeat-y top right;
}

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

.botones_form_izq {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	text-align: left;
	vertical-align: top;
	padding: .1em;
	margin: 0;
}

.botones_form_dcha {	
	clear: both;
	position: relative;
	float: left;
	width: 98%;	
	text-align: left;
	vertical-align: top;
	padding: .1em .1em .3em .1em;
	margin: .1em 0 0 0;
}

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

input.bt_form {
	padding: .1em .5em;
	border: .1em solid #CC0000;
	background-color: #EEEEEE;
	font-size: .7em;
	color: #000;
}

.botones_form a.bt_form,
.botones_form_izq a.bt_form,
.botones_form_centrada a.bt_form {
	margin: 0 .5em 0 0;
	padding: .2em .5em;
	border: .1em solid #CC0000;
	background-color: #EEEEEE;
	height: 1.5em;
	color: #626262;
	font-size: .7em;
}

.botones_form_dcha a.bt_form {
	margin: 0 .5em 0 0;
	padding: .2em .5em;
	border: .1em solid #CC0000;
	background-color: #EEEEEE;
	height: 1.5em;
	color: #626262;
	font-size: 1em;
}

.botones_form a.bt_form:hover,
.botones_form_centrada a.bt_form:hover,
.botones_form_dcha a.bt_form:hover {
	border: .1em solid #CC0000;
	background-color: #EEEEEE;
	color: #EF2715;
}

.botones_form a img,
.botones_form_centrada a img,
.botones_form_dcha a img {
	vertical-align: middle;
}


/* ----------------------------- ARBOL -------------------- */

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

#arbol a {
  color: #999999;
}

#arbol a:hover {
  color: #EF2715;
}

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

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

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


.sep_linea{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  border-top: 1px solid #999999;
  margin: 5px 0 0 0;
  padding: 5px 0;
}

/* ---------------------- EDITOR --------------------- */

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

/* ----------------------------- AYUDA -------------------- */

#contenido_ayuda {
  position: relative;
  float: left;
  margin: 10px 20px;
  width: 80%;  
}

/* Fin */