body 
{
background:url(publico/image/fondos/background.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:0px;
background-color:#fefaef;
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 11px;
}

/*Borramos el formato a algunas etiquetas principales
utilizadas para establecer nuestro propio formato*/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
     margin: 0px;
     padding: 0px;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 display: inline;
}
/*Quitamos el formato a la etiqueta de enlace <a></a>*/
a.links:visited{}
a.links:active{}
a.links:link{}
a.links:hover
{
     text-decoration:underline;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;}
a.links{
    text-decoration:none;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;
}
a.links2:visited{}
a.links2:active{}
a.links2:link{}
a.links2:hover
{
     text-decoration:underline;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;
    color:#094286;}
a.links2{
    text-decoration:none;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;
    color:#ffffff;
}
a
{
	border:0px;
	outline:none;
}

a.links3:visited{}
a.links3:active{}
a.links3:link{}
a.links3:hover
{
     text-decoration:underline;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;
    color:#666666;}
a.links3{
    text-decoration:none;
    font-family: Helvetica, sans-serif;
	font-size:11px;
    cursor:pointer;
    color:#666666;
}

/*Quitamos el borde a todas las imagenes*/
img
{
    border:none;
}
/*Marco principal que encierra toda la pagina*/
#marcoprincipal
{
	width:764px;
	height:auto;
	float:left;
}

#marcotop
{
	width:764px;
	height:auto;
	float:left;
	overflow:hidden;
}

#agendaprincipal
{
    width:165px;
    height:135px;
	 margin-bottom:5px;
	 margin-right:9px;
    float:right;
    overflow:hidden;
    }

#cuidaAgua
{
    width:165px;
    height:135px;
	 margin-right:12px;	 
    float:right;
    overflow:hidden;
    }	 
	 
#marcobottom{
	width:764px;
	height:auto;
	float:left;
	overflow:hidden;
}
	

/*Marco utilizado para poder centrar la pagina*/
#marcoleft{
	width:241px;
	height:687px;
	overflow:hidden;
	float:left;
}
/*De aqui en adelante los divs
siguen la estructura que tiene la pagina
de izquierda a derecha*/
#logo{
	width:180px;
	height:170px;
	overflow:hidden;
	float:left;
} 
#bannertop{
	width:584px;
	height:67px;	
	overflow:hidden;
	float:left;
}

#bannertopdos{
	width:584px;
	height:67px;	
	overflow:hidden;
	float:left;
}

#bannertopjuntos
{
	width:584px;
	height:134px;	
	overflow:hidden;
	float:left;    
    }
	
#menutop{
	width:584px;
	height:36px;	
	overflow:hidden;
	float:left;
}

#lineaazul{
	width:764px;
	height:90px;	
	overflow:hidden;
	float:left;
}
#Link1{width:60px; 
	   height:60px; 
	   background-color:Transparent; 
	   float:left;
	   margin-top:10px;
	   margin-left:51px;
	   }


#bannerleft{
	width:241px;
	height:266px;	
	overflow:hidden;
	float:left;
}

#menucentro{
	width:237px;
	height:266px;	
	overflow:hidden;
	float:left;
}

#director{
	width:286px;
	height:124px;	
	overflow:hidden;
	float:left;
}

#tramites{
	width:286px;
	height:142px;	
	overflow:hidden;
	float:left;
	background-color:#ffffff;
}

#awebmail
{             
    width:192px;
    height:100px;
    padding-left:39px;
    padding-right:10px;
    /*margin-bottom:100px;*/
    text-align:left;
	 font-family: Helvetica, sans-serif;
	font-size:11px;  
    color:White;
    overflow:hidden; 
}
#pagos
{             
	width:241px;
	height:292px;
	text-align:right;
	background-image:url(publico/image/left/consultasaldo.png);
	overflow:hidden;			
	float:left;
}

/*Establecemos las propiedades y alineacion del texto*/
#contenidopagostop
{      
    width:192px;
    height:145px;
    padding-left:39px;
    padding-right:10px;
    text-align:left;
    font-family: Helvetica, sans-serif;
	font-size:11px;
	color:#666666;    
    color:White;
    overflow:hidden;    
}
#contenidopagosbottom
{
    width:170px;
    height:125px;
    padding-top:8px;
    padding-left:51px;
    padding-right:20px;
    font-family:Helvetica, sans-serif;
	font-size:11px;
	color:white;
}
/*Falta agregar los estilos del contenido*/
#contenido{
	width:95%;
	height:auto;	
	background-color:white;
	overflow:hidden;
	float:left;
}

/*Contenido autoadministrable*/
#marcocontenido{
    width:523px;
	 padding-top: 10px;
	 min-height: 600px;
	 height: auto !important;
    height:600px;
    background-color:White;
    float:left;
}

#sugerencias
{    
	width:220px;
	height:73px;
	padding-top:70px;	
	padding-right:21px;
	text-align:right;
	background-image:url(publico/image/left/buzonsugerencias.png);
	font-family:Helvetica, sans-serif;
	font-size:11px;
	color:#e9e9e9;
	overflow:hidden;
	float:left;
}
/*Falta agregar los estilos de este div*/
#leyesyreglamentos
{
    width: 100%;
    height: auto;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 5px;
    background-color: white;
    overflow: hidden;
    float: left;
    border-top: #87ceeb 1px solid;
    
}

#listadoLeyesyReglamentos{
	width: 312px;
	height: auto;
	float: left;
	overflow: hidden;	
}

#penultimasNoticias
{    width:470px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	height:auto;
	float:left;	
	overflow:hidden;
    }

#Marconoticiaprincipal
{
    width:282px;
	height:auto;
	overflow:hidden;
	float:left;	
    }

#tituloNx
{
    width:272px; 
    height:auto; 
    float:left; 
    overflow:hidden; 
    }
    
#resumennoticiax
{
    width:272px; 
    height:auto; 
    float:left; 
    overflow:hidden;
    }    
    
#divprueba
{
    width:197px; 
    height:150px; 
    margin-left:5px;
	 margin-bottom: 10px;
    float: right; 
    overflow:hidden;
    }    
    
.MainMasNoticias
{
    width:197px; 
    height:66px; 
    margin-left:5px;
    float: right; 
    overflow:hidden;
    }    	 
	 
#imagennoticiax
{
    width:280px;
	height:187px;
	overflow:hidden;
	float:left;	
	text-align:left;
    }       

#sitiosdeinteres{
	width:172px;
	height:92px;
	padding-left:69px;
	padding-top:33px;
	line-height:20px;
	background-image:url(publico/image/left/ligasinteres.png);	
	overflow:hidden;
	float:left;
}

#medidor{
	width:352px;
	height:124px;	
	overflow:hidden;	
	float:left;	
	background-color:#ffffff;
}

#plan
{   
	width:158px;
	height:124px;
	padding-left:6px;
	padding-right:7px;
	overflow:hidden;
	float:left;
	background-color:#ffffff;	
}




#proyectodevida{
	width:241px;
	height:127px;
	background-color:Transparent;
	overflow:hidden;
	float:left;
}



#aguaencasa{
	width:510px;
	height:70px;	
	overflow:hidden;
	float:left;
	background-color:#FFFFFf;
}

#botones
{
    width:470px;
    height:36px;
    float:left;
    overflow:hidden;
    }
    
.btndir
{   width:94px;
    height:36px;
    float:left;
    }    

/*Establecemos las propiedades y alineacion del texto*/
#lineablancabottom{
	width:518px;
	height:23px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:right;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	
	overflow:hidden;
	float:left;
}
.tdimageentitulos
{
     text-align: left; 
     height: 40px;
    }
    
.txtContacto
{
    border-right: #87CEEB 1px solid;
    border-top: #87CEEB 1px solid;
    font-size: 14px;
    border-left: #87CEEB 1px solid;
    width: 100%;
    color: #000000;
    border-bottom: #87CEEB 1px solid;
    font-family: Arial, Tahoma, Calibri;
    height: 20px;
    vertical-align: bottom;
    text-align: left;
}

.txtContactowebmail
{
	border: none;
	width: 108px;
	height: 13px;
	font-size: 11px;
	color: black;
}

.txtLogin
{
    border-right: #87CEEB 1px solid;
    border-top: #87CEEB 1px solid;
    font-size: 14px;
    border-left: #87CEEB 1px solid;
    width: 200px;
    color: #000000;
    border-bottom: #87CEEB 1px solid;
    font-family: Arial, Tahoma, Calibri;
    height: 20px;
    vertical-align: bottom;
    text-align: left;
    font-weight: normal;
}

.DivContacto
{
     width: 100%;
   
    vertical-align:bottom;
    text-align: left;
    font-family: Arial, Tahoma, Calibri;
    /*color: #0c7bb4;*/
    color: #444444;
    font-size: 12px;
    text-decoration: none;
}
.txtContacto2
{
    border-right: #87CEEB 1px solid;
    border-top: #87CEEB 1px solid;
    font-size: 12px;
    border-left: #87CEEB 1px solid;
    width: 100%;
    color: #000000;
    border-bottom: #87CEEB 1px solid;
    font-family: Arial, Tahoma, Calibri;
    height: 140px;
    vertical-align:bottom ;
    text-align: left;
}
.tdContacto
{   font-size : 14px;
    font-family: Arial, Tahoma, Calibri;
    vertical-align: middle;
    text-align: left;
    color: #87ceeb;
    font-weight: bold;
}


.tdContacto2
{   font-size : 16px;
    font-family: Arial, Tahoma, Calibri;
    vertical-align: middle;
    text-align: Center;
    color: #ff9900;
    font-weight: bold;
}
.boton
{
    font-weight: bold;
    width: 85px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 28px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.boton:hover
{
    font-weight: bold;
    width: 85px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 28px;
    font-size:11px;
    background-color: white;
    text-decoration: underline;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}


.botonEnv
{  background-image:url(publico/image/botones/enviar.jpg);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}

.botonEnv2:hover{ text-decoration: underline;}
.botonEnv2
{ 
    width: 80px;
    color: white;
	 border: 0px;
	 background-color: #161616;
    height: 24px;
    font-size:11px;
    text-decoration: none;
    cursor:pointer;
}

.botonLogin
{  background-image:url(publico/image/botones/login.jpg);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}
.botonLimpiar
{  background-image:url(publico/image/botones/limpiar.jpg);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}

.botonBusca
{  background-image:url(publico/image/botones/buscar.jpg);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}
.botonPago
{  background-image:url(publico/image/botones/pago2.png);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}
.botonPago2
{  background-image:url(publico/image/botones/confirmar.jpg);
    font-weight: bold;
    width: 150px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 20px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}
.botonBusca2
{  background-image:url(publico/image/botones/buscar2.jpg);
    font-weight: bold;
    width: 80px;
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    height: 24px;
    font-size:11px;
    background-color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor:pointer;
}
.centro
{
    height:auto;
       
    }
    
.txtNormal:visited{}
.txtNormal:active{}
.txtNormal:link{}
.txtNormal:hover
{
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 11px;
    text-decoration: underline;
}
.txtNormal
{
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
    text-align:left;
    font-size: 11px;
    text-decoration: none;
    
   
}

.txtNormalPrincipal
{
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
    text-align:left;
    font-size: 11px;
    text-decoration: none;
    
}

.txtTitulosleyes:hover{text-decoration: underline;}

.txtTitulos:visited{}
.txtTitulos:active{}
.txtTitulos:link{}
.txtTitulos:hover{}
.txtTitulos, .txtTitulosleyes
{
    color: #ff9900;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.txtTitulos2
{
    color: #ff9900;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.txtTitulos3:hover{ text-decoration: underline;}
.txtTitulos3 {
    color: #ff9900;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 11px;
    text-decoration: none;
}

.txtNegro
{
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}





.txtLinkAzul:visited{}
.txtLinkAzul:active{}
.txtLinkAzul:link{}
.txtLinkAzul:hover
{color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    text-align:left;
    font-size: 11px;
    text-decoration: underline;
    
    }
.txtLinkAzul
{
    color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    text-align:left;
    font-size: 11px;
    text-decoration: none;
   
}
.txtAzul
{ color: #0c7bb4;
    font-family: Arial, Tahoma, Calibri;
    text-align:left;
    font-size: 13px;    
    text-decoration: none;
    }
p.txtAzul
{
	cursor:pointer;
}

.txtTitulosl:visited{}
.txtTitulosl:active{}
.txtTitulosl:link{}
.txtTitulosl:hover
{color: #ff9900;
    font-family: Arial, Tahoma, Calibri;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    text-decoration:underline;
    }
.txtTitulosl
{
    color: #ff9900;
    font-family: Arial, Tahoma, Calibri;
    text-align: justify;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.controles
{
    font-size: 10px;
    color: #444444;
    font-family: Arial, Tahoma, Calibri;
}
.fondoagua
{
	height: auto;
	height:550px !important;
	min-height: 550px;
        background-image: url(publico/image/fondos/agua.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#marcoNotica{	
	width: 510px;
	height: 98px;
	overflow: hidden;
	
}

#fotoListadoNoticas{
 	width: 120px;
	margin-right:10px;
	padding:5px;
	height: 90px;
	float: left;
	overflow: hidden;
}


#imagenesGaleriaPrevia{
	width:120px;
	margin-right:20px;
	padding-bottom:25px;		
	overflow:hidden;
	cursor:pointer;
	float:left;
}

#marcoFotosPrevia
{
	width:500px;
	height:auto;
	overflow:hidden;
}

#desalinizadoraOpciones{
	width: 111px; 
	height: 530px;
	padding-left: 10px;
	font-size: 11px;
	float: left;
	overflow: hidden;
	background-color: Aqua;
}

#desalinizadoraPrincipal{
	width: 387px;
	height: 208px;
	float: left;
	overflow: hidden;
	background-color: Gray;	
}

#imgdesalinizadoraPrincipal{
	width: 154px;
	height: 174px;
	margin: 15px 15px;
	float: left;
	overflow: hidden;
	background-color: Yellow;
	}

.desalinizadoraSec{
	width: 387px;
	height: 150px;
	margin-top: 10px;
	float: left;
	overflow: hidden;
	background-color: Lime;	
}

.imgdesalinizadoraSec{
	width: 124px;
	height: 118px;
	margin: 15px;
	float: left;
	overflow: hidden;
	background-color: Yellow;
}

#contenido30{
	width: 446px;
	height: auto;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 30px;
	
}

#galeria
{
    width:165px;
    height:135px;
	 margin-bottom:5px;
	 margin-right:12px;
    float:right;
    overflow:hidden;
    }
#textoparticipacion
{
	width:508px;
	height:auto;
	margin-left:8px;
	background-color:Transparent;
}

#Spots
{
	width:230px;
	height:auto;
	float:left;
	border:solid 2px black;
}
#reproductor1
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}

#reproductor2
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}

#reproductor3
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}

#reproductor4
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}

#reproductor5
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}

#reproductor6
{
	width:230px;
	height:auto;
	margin-left:5px;
	background-color:Aqua;
	float:right;
}