@import url("reset.css"); 

Body {
	font-family: Verdana, sans-serif;
	color:#444;
	font-size:12px;
	margin:0px;
	padding:0;
	background:#fff url(../images/degrade.jpg) repeat-x;
}
h1{
	color:#0C4A52;
	font-size:22px;
	font-weight:bold;
}
h2{
	color:#0C4A52;
	font-size:18px;	
	font-weight:bold;		
}
h3{
	color:#0C4A52;
	font-size:14px;	
	font-weight:bold;	
}

em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
a:link, a:active  {
	text-decoration:none; 
	color:#0B4A53;
	outline:none;
}
a:visited{
	text-decoration:none; 
	color:#639fa8;
}
a:hover{
	text-decoration:underline;
	color:#dc6517;	
}


/* -- Layout -------- */
#page {
	width: 1000px;
	background:#ffffff;
	margin: 0 auto; 
	position:relative;
}

/* -- Header -------- */
#header{
	position:relative;
	height:160px;
	background:#fff url(../images/banner_interior.jpg) no-repeat;
	background-position: bottom left;	
}
#header ul#mainnav{
	margin:15px 0 0 0;
	float:right;
}
#header ul#mainnav li {
	width:142px;
	height:27px;
	background: none;
	margin:0 0 0 5px;
	float:left;
	background:url(../images/boton_menu_interior.gif) no-repeat;	
}
#header ul#mainnav li a{
	margin:0 auto;
	padding: 0 0 0 0;
	width:134px; /*un poco menos de ancho para que las lineas de abajo queden mas angostas y no tapen los bordes redondos*/
	line-height:26px;
	display:block;
	border-bottom:1px solid #0C4A53;
	color:#fff;
	font-weight:bold;
	text-align:center;	
	background: #0B4A53;
}
#header ul#mainnav li a:visited{	
	color:#fff;
}
#header ul#mainnav li a:hover, #header ul#mainnav li.active a{
	border-bottom:1px solid #FE8706;
	text-decoration:none;
}
#header #logo_esssi{
	width:245px;
	height:90px;
	display:block;
	position: absolute;
	top:10px;
	left:20px;
	text-indent:-9999px;
}


#home #header{
	height:235px;
	background:#fff url(../images/banner_home.jpg) no-repeat;
	position:relative;
	border-top:1px solid #1c7480;
}
#home #header ul#mainnav{
	float:none;
	clear:both;
	padding: 20px 0 0 0;
}
#home #header ul#mainnav li {
	width:160px;
	float:none;
	margin:0 0 5px 0;
	background:url(../images/bg_menu.gif) no-repeat;	
}
#home #header ul#mainnav li a{
	padding: 0 0 0 20px;
	text-align:left;
}
#home #header #logo_esssi{
	top:10px;
	left:170px;
}
#home #header #flash_home{
	position:absolute;
	top:0;
	right:0;
}
#home #header #flash_home_bottom{
	position:absolute;
	top:190px;
	right:0;
}
/* -- Accesos -------- */
#accesos{
	margin: 0 15px 20px 15px;
	height:105px;
	position:relative;
	z-index: 1;	
}
#accesos #acceso_contact{
	margin: 0 10px 0 0;
	width:261px;
	height:105px;	
	float:left;	
	background:url(../images/fonos.gif) no-repeat;	
}
#accesos #acceso_contact p{
	position: absolute;
	display: block;
	width:261px;
	height:105px;		
	z-index: -1;
}
#accesos #acceso_contact span#t_fonoem1, #accesos #acceso_contact span#t_fonoem2, #accesos #acceso_contact span#fonoem1, #accesos #acceso_contact span#fonoem2{
	position: absolute;
	font-size:12px;	
	color:#fff;
	font-weight:bold;	
	background: #a59387;	
}
#accesos #acceso_contact span#t_fonoem1{
	top:67px;
	left:12px;	
}
#accesos #acceso_contact span#t_fonoem2{
	top:83px;
	left:50px;	
}
#accesos #acceso_contact span#fonoem1{
	top:67px;
	left:170px;	
}
#accesos #acceso_contact span#fonoem2{
	top:83px;
	left:160px;		
}
#accesos a{
	margin:0 0 0 11px;
	width:128px;
	height:105px;	
	display:block;
	float:left;	
	/*color:#aaa;*/
	color:#2f2f2f;
}

/*#accesos a:hover{
	opacity: 0.7;    
	-moz-opacity: 0.7;    
	filter: alpha(opacity=70);		
	color:#fff;
	color:transparent;	
	*color:#fff;	
}*/

#accesos a#educacion{
	background:url(../images/acc_educacion.jpg) no-repeat;
}
#accesos a#pago_automatico{
	background:url(../images/acc_pago_automatico.jpg) no-repeat;
}
#accesos  a#pago_enlinea{
	background:url(../images/acc_pago_enlinea.jpg) no-repeat;
}
#accesos a#factibilidad{
	background:url(../images/acc_factibilidad.jpg) no-repeat;
}
#accesos a#tarifas{
	background:url(../images/acc_tarifas.jpg) no-repeat;
}

#accesos a:hover#educacion{
	background:url(../images/acc_educacion_hover.jpg) no-repeat;
}
#accesos a:hover#pago_automatico{
	background:url(../images/acc_pago_automatico_hover.jpg) no-repeat;
}
#accesos  a:hover#pago_enlinea{
	background:url(../images/acc_pago_enlinea_hover.jpg) no-repeat;
}
#accesos a:hover#factibilidad{
	background:url(../images/acc_factibilidad_hover.jpg) no-repeat;
}
#accesos a:hover#tarifas{
	background:url(../images/acc_tarifas_hover.jpg) no-repeat;
}
#accesos a#educacion span, #accesos a#pago_automatico span, #accesos  a#pago_enlinea span, #accesos a#factibilidad span, #accesos a#tarifas span{
	position: absolute;
	bottom:0;
	display: block;
	width:128px;
	height:30px;		
	z-index: -1;
}
/* -- Contenido -------- */
#wrapper{
	margin: 0 15px;
	min-height:400px;
	height:auto !important;
	height:400px;	
	position:relative;
}
#contenido{
	border-top:9px solid #dfd8d5;
	float:right;
	width:707px;
	position:relative;
}
#contenido  h1{
	font-family: sans-serif;
	font-size:22px;
	margin:20px 0 30px 30px;	
	border-bottom:1px solid #CDCDCD;
}

/* Contenido Lateral*/
#lateral{
	float:right;
	width:261px;
	background:#fff url(../images/pedazo_arriba.jpg) no-repeat;			
}
#contenido_lateral{
	background:#fff url(../images/pedazo_medio.jpg) repeat-y;	
	margin:9px 0 0 0;
	padding:20px 20px;
	min-height:150px;
	height:auto !important;
	height:150px;	
}
#contenido_lateral a{
	color:#0C4A52;
}
#contenido_lateral h3{
	font-size:12px;
	margin: 0 0 5px 0;
	padding:16px 0 12px 40px;
}
#contenido_lateral h3.acclat_agencias{
	background: url(../images/icon_agencia.gif) bottom left no-repeat;
	padding:18px 0 4px 40px;		
}
#contenido_lateral h3.acclat_boleta{
	background: url(../images/icon_boleta.gif) bottom left no-repeat;
	padding:10px 0 4px 40px;	
}
#contenido_lateral h3.acclat_pago{
	background: url(../images/icon_pago.gif) bottom left no-repeat;
}
#contenido_lateral h3.acclat_itecnica{
	background: url(../images/icon_itecnica.gif) bottom left no-repeat;
}
#cierre_lateral{
	background:#fff url(../images/pedazo_abajo.jpg) no-repeat;	
	height:14px;
}

#lateral div.separador { 
	height: 1px; 
	border:0; 
	border-bottom: 1px solid #D1C8C4; 
	margin:0 0 15px 0;
}

#datos_empresa{
	margin:20px 0;
	font-family: sans-serif;	
}
#datos_empresa p{
	font-size:12px;
	line-height:16px
}
#datos_empresa p span{
	display:block;
	padding-left:23px;
}
#datos_empresa p span.dir{
	background: url(../images/ico_direccion.gif) 0 0 no-repeat;
}
#datos_empresa p span.mail{
	background: url(../images/ico_mail.gif) 0 0 no-repeat;
}
#datos_empresa p span.fono{
	background: url(../images/ico_fono.gif) 0 0 no-repeat;
}

/* -- submenu --------*/
#lateral ul#subnav{
	margin:0 0 15px 0;
	padding:0 0 25px 0;
	border-bottom:1px solid #D1C8C4;
}

#lateral ul#subnav li{
	padding:0 50px 0 0;
	border-bottom:1px solid #dfd8d5;	
}
#lateral ul#subnav li a{
	padding: 8px 0 8px 12px;
	font-weight:bold;
	font-size:11px;
	color:#736053;
	display: block;
	border-bottom:1px solid #A79B94;
	background: url(../images/flecha_desactivo.jpg) 0 50% no-repeat;
}
#lateral ul#subnav li a:visited{
	color:#736053;
}
#lateral ul#subnav li a:hover, #lateral ul#subnav li.active a {
	color:#dc6517;
	text-decoration:none;
	border-bottom:1px solid #E59F71;	
	background: url(../images/flecha_activa.jpg) 0 50% no-repeat;	
}
#lateral ul#subnav li.active a:visited{
	color:#dc6517;
}
/*tercer nivel*/
#lateral ul#subnav li ul{
	margin: 0 0 0 25px;
}
#lateral ul#subnav li ul li{
	padding:0 0 0 0;
}
#lateral ul#subnav li.active ul li a{
	color:#736053;
	border-bottom:1px solid #A79B94;
	background: url(../images/flecha_desactivo.jpg) 0 50% no-repeat;	
}
#lateral ul#subnav li.active ul li a:hover{
	color:#dc6517;
}
#lateral ul#subnav li.active ul li a:visited{
	color:#736053;
}
#lateral ul#subnav li.active ul li a:hover, #lateral ul#subnav li.active ul li.active a{
	color:#dc6517;
	text-decoration:none;
	border-bottom:1px solid #E59F71;	
	background: url(../images/flecha_activa.jpg) 0 50% no-repeat;	
}
#lateral ul#subnav li.active ul li.active a:visited{
	color:#dc6517;
}

/*Contenido central*/
#columna1_home{
	width:345px;
	float:left;	
	border:1px solid #fff;	
}
#columna2_home{
	width:360px;
	float:left;
}
#columna1{
	width:473px;
	float:left;
	padding: 0 30px 0 30px;
}
#columna2{
	width:173px;
	float:left;
}
#columna1_contacto{
	width:383px;
	float:left;
	padding: 0 30px 0 30px;
}
#columna2_contacto{
	width:263px;
	float:left;
}
#columna_wide{
	padding: 0 30px 0 30px;
	width:646px;
}

/*noticias*/
#columna1_home .news{
	margin:20px;
	padding:10px 0;
}
#columna_wide .news{
	margin:-15px 0 20px 0;
	padding:0;
}
#columna1_home .news img{
	float:left;
	margin: 10px 10px 10px 0;
}
#columna_wide .news img{
	margin: 12px 10px 10px 10px;
	*margin: 5px 2px 5px 2px;

}

#columna1_home .news  h2, #columna_wide .news  h2{
	font-size:14px;
	color:#005d6e;
}
#columna1_home .news  h2 a, #columna_wide .news  h2 a{
	margin:0;
	font-size:14px;
	color:#005d6e;
}
#columna1_home .news span, #columna_wide .news span{
	font-size:9px;
	color:#005d6e;
	display:block;
}
#columna1_home .news p{
	font-size:11px;
	margin: 12px 0 0 0;
	/*color:#005d6e;	*/
	font-family: sans-serif;		
}
#columna_wide .news p{
	margin: 12px 0 0 0;
	*margin: 12px 0 5px 0;
}
#columna1_home .news a, #columna_wide .news a{
	font-size:11px;
	color:#ea660f;	
	display:block;
	margin: 8px 0 0 0;
}
#columna_wide .news img.aligncenter{
	margin:15px auto;
	display:block;
}
#columna_wide .news img.alignleft{
	float:left;
	margin:15px 15px 15px 0;
}
#columna_wide .news img.alignright{
	float:right;
	margin: 15px 0 15px 15px;
}

/* listado de noticias*/
#columna_wide .newsitem{
	margin:20px 0 30px;
}
#columna_wide .newsitem span{
	color:#dc6517;
	display:block;
	float:left;
	font-size:16px;
	margin:0;
}
#columna_wide .newsitem h2, #columna_wide .newsitem  p, #columna_wide .newsitem a{
	margin:0 0 0 110px;
	border-left:1px solid #CDCDCD;
}
#columna_wide .newsitem h2{
	font-size:15px;
	padding:0 0 10px 20px;
}
#columna_wide .newsitem h2 a{
	padding:0;
	margin:0;
	border:none;
	text-decoration:none;
	color:#0C4A52;
}
#columna_wide .newsitem h2 a:hover{
	text-decoration:underline;
}
#columna_wide .newsitem p{
	padding:0 0 10px 20px;
}
#columna_wide .newsitem a{
	padding:0 0 0 20px;
}

/*columnas dentro del contenido*/
#innercol1{
	width:50%;
	float:left;
}
#innercol2{
	width:50%;
	float:left;
}
#innercol1 h3, #innercol2 h3{
	margin-left:10px;
}
#innercol1 .innertext, #innercol2 .innertext{
	margin:20px 10px;
	padding:10px;	
}
/*fichas centros de atencion ypago*/
.ficha_centros{
	margin:20px 10px;
	padding:10px;
	border:1px solid #E1EBED;
	background:#F6FAFB;	
}
#innercol1 .ficha_centros h3, #innercol2 .ficha_centros h3{
	margin:0 0 10px 0;
	padding:0;
}
#innercol1 .ficha_centros h5, #innercol2 .ficha_centros h5{
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
	margin:8px 0 3px 0;
}
#innercol1 .ficha_centros p, #innercol2 .ficha_centros p{
	margin:0 0 4px 0;
	padding:1px 0 3px 20px;
}
#innercol1 .ficha_centros p.dir, #innercol2 .ficha_centros p.dir{
	background: url(../images/ico_direccion.gif) 0 0 no-repeat;
}
#innercol1 .ficha_centros p.hora, #innercol2 .ficha_centros p.hora{
	background: url(../images/ico_reloj.gif) 0 0 no-repeat;
}
#innercol1 .ficha_centros p.fono, #innercol2 .ficha_centros p.fono{
	background: url(../images/ico_fono.gif) 0 0 no-repeat;
}
/*anterior siguiente en noticias*/
#columna_wide p.ant-sig{
	text-align:right;
	margin-top:30px;
}
#columna_wide p.ant-sig a{
	text-decoration:underline;
}
#columna_wide p.ant-sig a.pag_marcada{
	text-decoration:none;
}
#columna1 p, #columna_wide p, #columna2_contacto p{
	font-family: sans-serif;	
	font-size:12px;
	margin:10px 0 20px 0;
	text-align:justify;
	line-height:16px;	
}
#columna2_contacto p{
	text-align:left;
}
#columna_wide .directorio{
	margin: 8px 30px  8px 0;
	font-style:italic;
	padding:10px;
	line-height:17px;
	border:1px solid #E1EBED;
	background:#F6FAFB;
	float:left;
	width:256px;	
}
#columna_wide .directorio span{
	font-size:14px;
	font-weight:bold;
	color:#0B4A53;
	line-height:20px;
	font-style:normal;	
}
#columna1 .bold_color, #columna_wide .bold_color, #columna2_contacto .bold_color{
	color:#0C4A52;
	font-weight:bold;	
}
#columna1 ul, #columna1 ol, #columna_wide ul,  #columna_wide ol{
	margin:20px  0 20px 10px;
	font-family: sans-serif;		
}
#columna1 ul li, #columna_wide ul li{
	margin:8px 0 8px 0;
	padding: 0 0 0 5px;
	list-style-type:disc;
}
#columna1 ol li, #columna_wide ol li{
	margin:8px 0 8px 8px;
	padding: 0 0 0 5px;
	list-style-type:decimal;
}
#columna1 h3, #columna_wide h3{
	padding:15px 0 0 0;
}

#columna1 h1, #columna_wide h1{
	font-family: sans-serif;
	font-size:28px;
	margin:30px 0 20px 0;	
	border-bottom:none;
	font-weight:normal;
	position:relative;
	line-height:28px;
}
#columna1 h1.conlinea, #columna_wide h1.conlinea{	
	/*border-bottom:1px solid #CDCDCD;	*/
	background:url(../images/ondas.gif) 0 100% no-repeat;
	padding-bottom:36px;	
	margin-bottom:15px;
}
#contenido h1.contacto{
	font-family: sans-serif;
	font-size:28px;
	margin:30px 30px 15px 30px;	
	padding-bottom:36px;
	font-weight:normal;
	/*border-bottom:1px solid #CDCDCD;	*/
	border:none;
	background:url(../images/ondas.gif) 0 100% no-repeat;	
	position:relative;	
}
#columna1 p.txtdestacado, #columna_wide p.txtdestacado, #columna2_contacto p.txtdestacado{
	font-size:15px;
	line-height:20px;
	margin:10px 0 30px;
	padding-bottom:40px;
	color:#47808f;		
	/*border-bottom:1px solid #CDCDCD;	*/
	background:url(../images/ondas.gif) 0 100% no-repeat;
}
#columna1 p.nota, #columna_wide p.nota, #columna2_contacto p.nota{
	font-size:12px;
	color:#9f9f9f;
	text-align:left;	
	background:url(../images/bg_nota.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
}
#columna1 a, #columna_wide a, #columna2_contacto a{
	color:#dc6517;
	text-decoration:underline;		
}

#columna1 a:link, #columna1 a:active,  #columna_wide a:link,  #columna_wide a:active, #columna2_contacto a:link ,  #columna2_contacto a:active{
	text-decoration:underline;
	color:#0B4A53;
}
#columna1 a:visited,  #columna_wide a:visited, #columna_wide a:visited {
	text-decoration:underline; 
	color:#639fa8;
}
#columna1 a:hover, #columna_wide a:hover, #columna2_contacto a:hover{
	text-decoration:underline;
	color:#dc6517;
}

/* -- Titulos de cada pagina --------*/
#columna1 h1 span, #columna_wide h1 span,#contenido h1 span{
	z-index:2;
	display:block;	
	height:24px;	
	position: absolute;
	top:0;
	left:0;
	border-bottom:4px solid #fff;	
	overflow:hidden;
}
h1#t_historia span{ background:url(../images/t_historia.jpg) 0 0 no-repeat; width:186px;}
h1#t_directorio span{ background:url(../images/t_directorio.jpg) 0 0 no-repeat; width:240px;}
h1#t_memorias span{ background:url(../images/t_memorias.jpg) 0 0 no-repeat; width:210px;}
h1#t_noticias span{ background:url(../images/t_noticias.jpg) 0 0 no-repeat; width:188px; }
h1#t_mambiente span{	background:url(../images/t_mambiente.jpg) 0 0 no-repeat; width:345px; }
h1#t_educacion span{	background:url(../images/t_educacion.jpg) 0 0 no-repeat; width:229px; }
h1#t_cpracticos span{ background:url(../images/t_cpracticos.jpg) 0 0 no-repeat; width:407px; border-bottom:8px solid #fff;}
h1#t_centros span{ background:url(../images/t_centros.jpg) 0 0 no-repeat; width:568px; border-bottom:8px solid #fff;}
h1#t_conoscaboleta span{ background:url(../images/t_cboleta.jpg) 0 0 no-repeat; width:404px; }
h1#t_derechos span{ background:url(../images/t_derechos.jpg) 0 0 no-repeat; width:534px;  border-bottom:8px solid #fff;}
h1#t_solicitud span{ background:url(../images/t_solicitud.jpg) 0 0 no-repeat; width:528px; }
h1#t_automatico span{ background:url(../images/t_automatico.jpg) 0 0 no-repeat; width:362px; border-bottom:8px solid #fff;}

h1#t_automaticopac span{ background:url(../images/t_automaticopac.jpg) 0 0 no-repeat; width:454px; border-bottom:8px solid #fff;}
h1#t_automaticopat span{ background:url(../images/t_automaticopat.jpg) 0 0 no-repeat; width:454px; border-bottom:8px solid #fff;}
h1#t_plinea span{ background:url(../images/t_plinea.jpg) 0 0 no-repeat; width:291px;  border-bottom:8px solid #fff;}

h1#t_consultaboleta span{ background:url(../images/t_consultaboleta.jpg) 0 0 no-repeat; width:568px; border-bottom:8px solid #fff;}
h1#t_prestaciones span{ background:url(../images/t_prestaciones.jpg) 0 0 no-repeat; width:283px; }
h1#t_labranza span{ background:url(../images/t_labranza.jpg) 0 0 no-repeat; width:208px; }
h1#t_sramon span{ background:url(../images/t_sramon.jpg) 0 0 no-repeat; width:205px; }
h1#t_pichidangui span{ background:url(../images/t_pichidangui.jpg) 0 0 no-repeat; width:246px;  border-bottom:8px solid #fff;}
h1#t_pillanlelbun span{ background:url(../images/t_pillanlelbun.jpg) 0 0 no-repeat; width:277px; }
h1#t_tponiente span{ background:url(../images/t_tponiente.jpg) 0 0 no-repeat; width:360px; }
h1#t_phurtado span{ background:url(../images/t_phurtado.jpg) 0 0 no-repeat; width:318px; }
h1#t_contacto span{ background:url(../images/t_contacto.jpg) 0 0 no-repeat; width:195px; }
h1#t_itecnica span{ background:url(../images/t_itecnica.jpg) 0 0 no-repeat; width:312px; }

/* -- Links externos --------*/
ul#externos{
	position:relative;
	bottom:0;
	width:522px;
	height:50px;
	margin: 10px 0 0 0;
}
ul#externos li{
	float:left;
	margin: 0 15px 0px 0;
}
ul#externos li a{
	text-indent:-9999px;
	color:#f5f5f5;
}
ul#externos li a#superintendencia{
	display:block;
	width:120px;
	height:30px;   	
	background:#fff url(../images/bn_gobiernodechile.jpg) no-repeat;
}
ul#externos li a#miscuentas{
	display:block;
	width:120px;
	height:42px;	
	background:#fff url(../images/bn_miscuentas.jpg) no-repeat;
}
ul#externos li a#pagodecuentas{
	display:block;
	width:125px;
	height:18px;
	background:#fff url(../images/bn_pagodecuentas.jpg) no-repeat;
}
ul#externos li a#hidrosan{
	display:block;
	width:97px;
	height:50px;
	background:#fff url(../images/bn_hidrosan.jpg) no-repeat;
}
#imagen_cascada{

	margin:20px 0 0 0;
}
#flash_medioambiente_home{
	width:358px;
	height:420px;	
}
#imagen_natura{
	width:164px;
	height:207px;
	position:absolute;
	top:241px;
	right:-135px;
	background:url(../images/pasto.jpg) no-repeat;
	background-position: bottom right;
}

/* -- Footer -------- */
#footer{
	margin: 10px 0 20px 0;
	padding: 5px 0 20px 0;
	color:#aaa;
	font-size:11px;	
	background: url(../images/footer.jpg) 0 100% no-repeat;
}
#home #footer{
	margin-top:0;
}
#footer #col1{
	float:left;
	width:500px;
}
#footer #col2{
	float:right;
}
#footer #col2 p{
	text-align:right;
	margin:8px 15px;
}
#footer #col1 p{
	text-align:left;
	margin:8px 15px;	
}

#footer p#link_hardessen{
	font-size:10px;	
}
#footer p#link_hardessen a{
	color:#767676;
	font-weight:bold;
}


/* -- Fornularios -------- */
#form_accesos2 input,#form_accesos1 input, #form_accesos3 input{
	width:175px;
	height:22px;
	border:1px solid #aaa;
	margin:0 0 10px 0;	
	padding:0;
}
#form_accesos2 input#enviar_boleta, #form_accesos1 input#enviar_cp, #form_accesos3 input#enviar_ag{
	width:25px;
	height:22px;
	background: url(../images/i_lupa.gif) bottom right  no-repeat;
	border:none;
	padding:0;	
}
#form_accesos1 select, #form_accesos3 select{
	width:175px;
	height:22px;
	border:1px solid #aaa;	
	margin:0 0 10px 0;
	padding:0;	
}


#for_factibilidad{
	margin: 40px auto 30px auto;
	font-family: sans-serif;	
	font-size:12px;
	border:1px solid #E1EBED;
	background:#F6FAFB;
	width:550px;	
}

#form_pac, #form_pat{
	margin:0 auto;
	padding:10px 15px;
	width:550px;
	border:1px solid #E1EBED;
	background:#F6FAFB;	
}
#frmConsulta{
	margin:20px 0 40px 0;
}
#for_factibilidad h3, #form_pac h3 , #form_pat h3{
	text-align:center;
	margin: 0 0 20px 0;
	color:#3f3f3f;	
}
#for_factibilidad fieldset{
	border:0; 
	padding:10px 20px;
}
#for_factibilidad p label, #form_pac p label , #form_pat p label, #form_contacto p label{
	float: left;
	width: 150px; 
	text-align:left;
	padding:5px; 
}
#form_contacto p label{
	width: 100px; 
}
#for_factibilidad p, #form_pac p, #form_pat p, #form_contacto p {
	/*clear: both;*/
	margin:8px 0;
	padding:0;
}

#for_factibilidad input, #form_pac input, #form_pat input, #form_contacto input, #frmConsulta input{
	height:19px;
	border:1px solid #aaa;
	padding: 0 0 0 2px;
}	
#form_contacto #comentario, #form_contacto input, #form_contacto select{
	width:230px;
	border:1px solid #aaa;	
}
#form_contacto #comentario:hover, #form_contacto input:hover, #form_contacto select:hover{
	border: 1px solid #0C4A52;
}
#for_factibilidad input:hover, #form_pac input:hover, #form_pat input:hover {
	border: 1px solid #0C4A52;
}
#form_pac input.deshabilitado{
	background:#fff;
	color:#000;
}
#form_pac textarea{
	border:1px solid #aaa;
}
#form_pac textarea:hover {
	border: 1px solid #0C4A52;
}
#form_pac  input.noeditable, #form_pac  textarea.noeditable{
	border:none;
	background:#EDF2F4;	

}
#form_pac #identific{
	color:#000;
}
#for_factibilidad input.radio, #form_pat input.radio{
	border:none;
}
#for_factibilidad input.enviar, #form_pac input.enviar, #form_pat input.enviar, #form_contacto input.enviar, #frmConsulta input.enviar{
	width:160px;
	height:27px;	
	padding: 2px 10px;
	font-size:12px;
	cursor: pointer;
	color: #fff;
	background: url(../images/bg_boton.gif) 100% 100% repeat-x ;
	border:none;
	/*border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #555555  #555555 #f5f5f5;	*/
	
}
#frmConsulta input#txt_boleta{
	width:200px;
}
#frmConsulta input.enviar{
	width:160px;
	margin-left:10px;
}
#for_factibilidad p.enviar, #form_pac p.enviar, #form_pat p.enviar, #form_contacto p.enviar{
	text-align:center;
	margin:15px 0;
}


/* Subsection Tabs
--------------------*/
#columna_wide  #tabs_prestaciones {
	width:602px;
	background:#fff;
	font-size:93%;
	line-height:normal;  
	clear:both;
	background:#fff url("../images/tabs_bg.gif") repeat-x bottom;
}
#columna_wide  #tabs_prestaciones ul {
	margin:0;
	padding:10px 10px 0;
	list-style-type:none;	

}
#columna_wide  #tabs_prestaciones li {
	float:left;
	background:url("../images/tabs_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	list-style-type:none;		
}
#columna_wide  #tabs_prestaciones a {
	float:left;
	display:block;
	background:url("../images/tabs_right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#DC6517;	
}
ul.vineta {
	padding:0 0 0 20px;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#columna_wide #tabs_prestaciones a {float:none;}
/* End IE5-Mac hack */
#columna_wide #tabs_prestaciones a:hover {
	color:#333;
}
#columna_wide #tabs_prestaciones #current {
	background-image:url("../images/tabs_left_on.gif");
}
#columna_wide #tabs_prestaciones #current a {
	background-image:url("../images/tabs_right_on.gif");
	color:#0C4A52;
	padding-bottom:5px;
}
#columna_wide #contenido_tabs_prestaciones{
	width:560px;
	border-left:1px solid #776655;
	border-right:1px solid #776655;
	border-bottom:1px solid #776655;
	background:#fff;
	padding:20px;
}
#columna_wide #prestaciones_reg_noreg a.on{
	color:#0C4A52;
	text-decoration:none;
}


/*-- Tablas --------*/
table.prestaciones{
	background:#EDF2F4;
	border-top: 1px solid #A0B3B6;
	margin: 20px auto;
}

table.prestaciones th{
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}

table.prestaciones tr.titulo_tabla{
	background:#4A7C83;
	color:#fff;
}
table.prestaciones tr.titulo_item{
	background:#84A2A6;
	color:#fff;
}
table.prestaciones tr.titulo_item td{
	padding:3px 0;
}

table.prestaciones tr.item{
	background:#D7E2E4;
}
table.prestaciones tr.item td{
	border-bottom:1px solid #A0B3B6;	
}
table.prestaciones  tr td.xl72{
	text-align:right;
	padding: 3px 8px 3px 0 ;
}
table.prestaciones  tr td.xl70{
	padding: 3px 0 3px 8px;
}
table.prestaciones a{
	color:#fdfdfd;
}

table.const_arranque{
	background:#EDF2F4;
	margin: 20px auto;
}
table.const_arranque tr.titulo_tabla{
	background:#4A7C83;
	color:#fff;
}
table.const_arranque tr.titulo_tabla td{
	padding:2px 0;
}	
table.const_arranque tr.titulo_item{
	background:#84A2A6;
	color:#fff;
	text-align:center;
}
table.const_arranque tr.titulo_item td{
	padding:3px 0;
}
table.const_arranque tr.item td{
	padding:3px 5px 3px 0;
	border-bottom:1px solid #A0B3B6;	
	text-align:right;
}
table.const_arranque tr td.xl66{
	background:#D7E2E4;
	text-align:center;
}
table.const_arranque  tr td.x268{
	text-align:center;
}
table.const_arranque  tr td.x200{
	background:#fff;
}


table.tabla_documentos{
	margin:10px 0;	
}
table.tabla_documentos th{
	text-align:left;
	background:#dedede;
	color:#505050;
	padding:5px;	
}

table.tabla_documentos tr td{
	padding:4px 2px;
	line-height:15px;
	vertical-align:top;
}
table.tabla_documentos tr.color1{
	background:#fafafa;
	border-bottom:2px solid #fff;
}
table.tabla_documentos tr.color2{
	background:#efefef;
	border-bottom:2px solid #fff;
}
#cuadradao_calles table{
	width:225px;
	height:225px;
	position:absolute;
	top:120px;
	left:142px;
}
#cuadradao_calles table tr td{
	text-align:center;
	vertical-align:middle;
}

/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

img.aligncenter{
	margin:10px auto;
	display:block;
}
img.alignleft{
	float:left;
	margin:0 10px 5px 0;
}
img.alignright{
	float:right;
	margin: 0 0 5px 20px;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* --Acordeon --------*/
ul#acordion{
	width:99%;	
	margin:0;
	padding:0;
}
ul#acordion li{
	list-style-type:none;
	margin:0;
	padding:0;	
}
ul#acordion a, ul#acordion span{
	display: block;
	padding: 12px 10px 12px 10px;
	color: #0B4A53;
	text-decoration: none;
	background:url(../images/acord_bgheader_down.jpg) top right;
}
ul#acordion.con_icono a, ul#acordion.con_icono span{
	padding: 12px 10px 12px 30px;
}
ul#acordion .open a, ul#acordion .open span {
	background:url(../images/acord_bgheader_down.jpg) top right;	
	color:#dc6517;		
}
ul#acordion a:hover, ul#acordion a:focus, ul#acordion a:active{	
	color:#dc6517;
	outline:none;
}
ul#acordion a:focus{
	background:url(../images/acord_bgheader_up.jpg) top right;	
}
ul#acordion li.toggle_acordion{
	background:url(../images/acord_bgrepeat.jpg) top right repeat-y;
	padding:0;
	/*los bordes son un hack para explorer*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0 0 5px 0; /*espacio entre los titulos de acordiones */
	position:relative;
}
ul#acordion .txt_acordion{
	background:url(../images/acord_bgbottom.jpg) bottom right no-repeat;
	margin:0 0 0 0;
	padding: 0 0 13px 0;/*padding para que se vea ma imagen de abajo*/
}
ul#acordion .txt_acordion li{
	margin:8px 20px;
	padding:3px 10px;
}

/* estilos varios para elementos de acordeon*/
ul#acordion ul.vineta li{
	list-style-type:disc;
	margin-left: 40px;
}
ul#acordion ol.letra li{
	list-style-type:lower-alpha;
	margin-left: 40px;
}
ul#acordion  a.extlink{
	color:#0B4A53;
	background:none;
	display:inline;
	margin:0;
	padding:0;
	text-decoration:underline;	
}
ul#acordion a.extlink:hover{
	color:#dc6517;
	text-decoration:underline;
	background:none;
}
ul#acordion a.extlink:visited{
	color:#639fa8;
}
ul#acordion li.toggle_acordion img.icono{
	position:absolute;
	top:10px;
	left:5px;
}

/* publicidad*/
#publicidad{
	width:200px;
	height:430px;	
	display:none;
	position:absolute;
	top:280px;
	right:360px;
	z-index:2;
}
#publicidad #img_publicidad{
	position:relative;
	width:200px;
	height:420px;	
	z-index:3;
}
#publicidad #pos_btn_cerrar{
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
	z-index:4;
}
#publicidad a#btn_cerrar{
	display:block;
	width:30px;
	height:30px;	
	position:absolute;
	top:0;
	right:0;	
	z-index:5;
}

/*-- otras --------*/
#flash_boleta{
	margin: 20px auto;
	display:block;
	width:500px;
	border:1px solid #A0B3B6;
}
#flash_ciclo_agua{
	margin: 20px 10px 20px 0;
	padding:0 0 20px 0;
	display:block;
	width:305px;
	float:left;
}
#flash_experimento{
	margin: 0 0 20px 0;
	display:block;
	width:300px;
	float:right;
}
#flash_aguasservida{
	width:380px;
	display:block;
	margin: 20px auto;
}
#cuadradao_calles{
	width:432px;
	height:416px;
	position:relative;
	margin:0 auto;
	background:url(../images/plano.jpg) no-repeat;	
	border: 1px solid #A0B3B6;	
}

p.aligncenter{
	text-align:center;
}
p.aligncenter img{
	display: block;
	margin:5px auto;
}

p#aviso{
	border-bottom:1px solid #f2f2f2;
	display:block;
	margin: 5px 5px 10px 30px;
	padding: 5px;
	background-color:#fe8705;
	color:#fff;
}

p#msg_publicado{
	font-style:italic;
	font-size:10px;		
}
p#msg_publicado a{
	font-size:10px;
	display:inline;
}

/*consejos practicos*/

.consejos{
	margin: 10px 10px 20px;
	padding:0 10px 0 10px;
	float:left;
	width:270px;		
	background: #e1eef0;
	height:110px;
}
#columna_wide .consejos p{
	padding:25px 50px 10px 0;
	margin:0;
	text-align:left;
	color:#fff;
}
.icon_llave{
	background:#fff url(../images/bg_consejos_llave.gif)  bottom right no-repeat;	
}

.icon_protejer{
	background:#fff  url(../images/bg_consejos_medidor.gif) bottom right no-repeat;	
}

.icon_bano{
	background:#fff  url(../images/bg_consejos_bano.gif) bottom right no-repeat;
}
.icon_caneria{
	background:#fff  url(../images/bg_consejos_canerias.gif) bottom right no-repeat;
}
.icon_sello{
	background:#fff url(../images/bg_consejos_sello.gif) bottom right no-repeat;
}

#columna_wide .icon_bano p{
	padding:30px 50px 10px 0;
}
#columna_wide .icon_llave p{
	padding:30px 50px 10px 0;
}
#columna_wide .icon_protejer p{
	padding:40px 50px 10px 0;
}
#columna_wide .icon_sello p{
	padding:35px 50px 10px 0;
}

ul#consejos{
	list-style-type:none;
}
ul#consejos li{
	list-style-type:none;
	position:relative;
	padding:10px;
	margin: 20px 0;
	border:1px solid #E1EBED;
	background:#F6FAFB;
}

ul#consejos li p{
	position:absolute;
	top:30%;
	left:100px;
}

.destacado_box{
	border:1px solid #E1EBED;
	background:#F6FAFB;
	margin: 20px 0;
	padding:0 10px 0;
}
.contacto_box{
	border:1px solid #E1EBED;
	background:#F6FAFB;
	padding:0 10px 0;	
}
p.txtcontacto{
	color:#0C4A52;
}
p.txtcontacto span{
	color:#DC6517;
	font-weight:bold;
	line-height:20px;	
}

p.textoerror{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding: 80px 0 0 0;
}

p.textoerror_ch{
	text-align:center;
	font-size:12px;
	width:470px;
	padding: 40px 0 0 100px;	
}


#mapas{
	width:260px;
	margin: 20px 0 0 0;
	height:60px;
	clear:both;
}

#mapas #m_labranza{
	border:1px solid #dc6517;
	width:55px;
	height:60px;
	margin:	0 6px 0 0;
	float:left;
}
#mapas #m_pillanlelbun{
	border:1px solid #dc6517;
	width:55px;
	height:60px;
	margin:	0 5px;
	float:left;	
}
#mapas #m_pichidangui{
	border:1px solid #dc6517;
	width:55px;
	height:60px;
	margin:	0 5px;
	float:left;	
}
#mapas #m_sanramon{
	border:1px solid #dc6517;
	width:55px;
	height:60px;
	margin:	0 0 0 6px;
	float:left;	
}

/* xhtml y css valido*/
a.bncss {
	text-indent: -9999px;
	float: left;
	display: block;
	background-image: url(../images/css.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 82px;
	padding: 0 0 0 0;
}

a.bncss:hover{
	background-position: 0 -45px;
}

a.bnxhtml {
	text-indent: -9999px;
	float: left;
	display: block;
	background-image: url(../images/xhtml.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 82px;
	padding: 0 0 0 0;
}
a.bnxhtml:hover{
	background-position: 0 -45px;
}