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

html {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

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

body {
	width: 98%;
	background: none;
	margin: 0;
	padding: 0;
}

#centrado_int {
	position: relative;
	width: 61.875em;    
	margin: 0 auto;
	padding: 0 0 1em 0;  
	background-color: #F6F5F4;
  border-bottom: 15px solid #333333; 
}

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

#logotipo_int {
	position: relative;
	float: left;
	width: 211px;
	height: 89px;
	overflow: hidden;
	margin: 0 0 0 1em;
	padding: 0;
}

#logotipo_int a {
	color: #333333;
}

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

#logotipo_int span {
	position: absolute;
	top: 0;
	left: 0;
	width: 211px;
	height: 89px;
	margin: 0;
	padding: 0;
	background: #FF9100 url("v_portal/imgs/logo_int.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

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

#contenido_int table {
	clear: both;
}


   a {text-decoration: none}
	  
  .form {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#333333;}
  .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:#ff6600;}
  .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 #ff6600 solid; color: #626262; background-color: #f6f5f4}
  .formselect {font-family:Georgia,Times New Roman,Times,serif;font-size:11px; color: #626262; background-color: #f6f5f4}
  .formcaja {font-family:Georgia,Times New Roman,Times,serif;font-size:11px; border: 1px #ff6600 solid; color: #333333; background-color: #f6f5f4}

  .norm {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#333333;}
  .normcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#ff6600;}
  .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:#ff6600;}

  .gr {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#333333;}
  .grcp {font-family:Georgia,Times New Roman,Times,serif; font-size:11px; color:#ff6600;}
  .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:#ff6600;}
  .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: #333333}
  .forminact:link {color: #808080}
  .formact:link {color: #ff6600}
  .formsobcn:link {color: #626262}
  .formsobcs:link {color: #626262}
  .formsobcp:link {color: #FFFFFF}

  .norm:link {color: #333333}
  .normcp:link {color: #ff6600}
  .norminact:link {color: #808080}
  .normact:link {color: #ff6600}

  .gr:link {color: #333333}
  .grcp:link {color: #ff6600}
  .grinact:link {color: #808080}
  .gract:link {color: #ff6600}

  .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: #333333}
  .forminact:visited {color: #808080}
  .formact:visited {color: #ff6600}
  .formsobcn:visited {color: #626262}
  .formsobcs:visited {color: #626262}
  .formsobcp:visited {color: #FFFFFF}

  .norm:visited {color: #333333}
  .normcp:visited {color: #ff6600}
  .norminact:visited {color: #808080}
  .normact:visited {color: #ff6600}

  .gr:visited {color: #333333}
  .grcp:visited {color: #ff6600}
  .grinact:visited {color: #808080}
  .gract:visited {color: #ff6600}

  .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: #ff6600}
  .forminact:hover {color: #ff6600}
  .formact:hover {color: #ff6600}
  .formsobcn:hover {color: #ff6600}
  .formsobcs:hover {color: #ff6600}
  .formsobcp:hover {color: #ff6600}

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

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

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

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

  .naveg:hover {color: #666666} 

  /* enlaces - color de los active */

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

  .norm:active {color: #333333}
  .normcp:active {color: #ff6600}
  .norminact:active {color: #808080}
  .normact:active {color: #ff6600}

  .gr:active {color: #333333}
  .grcp:active {color: #ff6600}
  .grinact:active {color: #808080}
  .gract:active {color: #ff6600}

  .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: #f6f5f4;
scrollbar-highlight-color: #f6f5f4;
scrollbar-3dlight-color: #ff6600;
scrollbar-darkshadow-color: #ff6600;
scrollbar-shadow-color: #f6f5f4;
scrollbar-track-color: #D9D9D9;
scrollbar-arrow-color: #ff6600;
}


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

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

#solapas li {
	list-style-type: none;
	float: left;
	margin: 0 .55em 0 .75em;
	padding: .3em .3em;
	border: 1px solid #ff6600;
	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: #f6f5f4;
}

#solapas li a {
	color:#626262;
}

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

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

.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 #ff6600;
	border-bottom: 4px solid #ff6600;
	z-index: 5;
}

.menu_solapas_tipo1 {
	background-color: #D9D9D9;
}

.menu_solapas_tipo2 {
	background-color: #ff6600;
}

.menu_solapas_tipo3 {
	background-color: #f6f5f4;
}

.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: #f6f5f4;
	border: 1px solid #ff6600;
	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: #ff6600;
}

.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: #f6f5f4;
	font-family: Georgia,Times New Roman,Times,serif;
	border: 1px solid #ff6600;
	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: #f6f5f4;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 0.6875em;
	color: #626262;
	border: 1px solid #ff6600;
	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: #ff6600;
	background-color: #f6f5f4;
	border: 1px solid #ff6600;
}

.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: #f6f5f4;
	border: 1px solid #ff6600;
	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: #ff6600;
}

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

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

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

.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: #ff6600 url("imgs/tituloizda.gif") repeat-y top left;
}

.titformul span.stit2 {
	padding: .2em 1em .2em .375em;
	background: #ff6600 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 #ff6600;
	background-color: #f6f5f4;
	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 #ff6600;
	background-color: #f6f5f4;
	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 #ff6600;
	background-color: #f6f5f4;
	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 #ff6600;
	background-color: #f6f5f4;
	color: #ff6600;
}

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

#arbol a {
  color: #ff6600;
}

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

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

/* Fin */