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

/*---------------- 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: #CC9900;
	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: #CC9900 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: Verdana,Arial,Helvetica,sans-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: #6699CC;
	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: #6699CC 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: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.625em;
	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: #CC9900;
	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:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .forminact {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#808080;}
  .formact {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#6699CC;}
  .formsobcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF;}
  .formsobcs {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .formsobcn {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .formcampos {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px; border: 1px #6699CC solid; color: #626262; background-color: #CCEEFF}
  .formselect {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px; color: #626262; background-color: #CCEEFF}
  .formcaja {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px; border: 1px #6699CC solid; color: #626262; background-color: #CCEEFF}

  .norm {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .normcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#6699CC;}
  .norminact {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#808080;}
  .normact {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#6699CC;}

  .gr {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .grcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#6699CC;}
  .grinact {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#808080;}
  .gract {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#6699CC;}
  .grsobcn {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .grsobcs {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .grsobcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF;}

  .btnpestsobcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .btn {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .sobcn {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .sobcs {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#626262;}
  .sobcp {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF;}

  .btnbarragr {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:15px; color:#FFFFFF;}
  .btnbarra {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF;} 

  .naveg {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666666;}

  /* enlaces - color de los link */

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

  .norm:link {color: #626262}
  .normcp:link {color: #6699CC}
  .norminact:link {color: #808080}
  .normact:link {color: #6699CC}

  .gr:link {color: #626262}
  .grcp:link {color: #6699CC}
  .grinact:link {color: #808080}
  .gract:link {color: #6699CC}

  .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: #6699CC}
  .formsobcn:visited {color: #626262}
  .formsobcs:visited {color: #626262}
  .formsobcp:visited {color: #FFFFFF}

  .norm:visited {color: #626262}
  .normcp:visited {color: #6699CC}
  .norminact:visited {color: #808080}
  .normact:visited {color: #6699CC}

  .gr:visited {color: #626262}
  .grcp:visited {color: #6699CC}
  .grinact:visited {color: #808080}
  .gract:visited {color: #6699CC}

  .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:Verdana,Arial,Helvetica,sans-serif; font-size:10px; 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: #6699CC}
  .formsobcn:active {color: #626262}
  .formsobcs:active {color: #626262}
  .formsobcp:active {color: #FFFFFF}

  .norm:active {color: #626262}
  .normcp:active {color: #6699CC}
  .norminact:active {color: #808080}
  .normact:active {color: #6699CC}

  .gr:active {color: #626262}
  .grcp:active {color: #6699CC}
  .grinact:active {color: #808080}
  .gract:active {color: #6699CC}

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


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

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

#solapas.tipo2 {
	background-color: #6699CC;
}

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

#solapas li {
	list-style-type: none;
	float: left;
	margin: 0 .55em 0 .75em;
	padding: .3em .3em;
	border-top: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.625em;
	color: #626262;
	background-color: #D9D9D9;
}

#solapas li.link {
	background-color: #CCEEFF;
	padding-bottom: .25em
}

#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;
	top: -1px;
	width: 100%;
	margin: 0 0 1em 0;
	padding: .45em 0;
	border: 1px solid #6699CC;
	border-bottom: 4px solid #6699CC;
	z-index: 5;
}

.menu_solapas_tipo1 {
	background-color: #D9D9D9;
}

.menu_solapas_tipo2 {
	background-color: #6699CC;
}

.menu_solapas_tipo3 {
	background-color: #CCEEFF;
}

.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: #CCEEFF;
	border: 1px solid #6699CC;
	color: #626262;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.625em;
	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: #CCEEFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid #6699CC;
	font-size: 0.625em;
}

.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: #CCEEFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.625em;
	color: #626262;
	border: 1px solid #6699CC;
	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: #CCEEFF;
	border: 1px solid #6699CC;
}

.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: #CCEEFF;
	border: 1px solid #6699CC;
	z-index: 6;
}

.submenu_solapas li {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 .2em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.625em;
}

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

.titformul {
	clear: both;
	position: relative;
	width: 84%;
	margin: 0 auto;
	padding: .2em 0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight: bold;
}

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

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

#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 #6699CC;
  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 */