/*
--------------[Desing: Oliver Camacho Velasco]-----------------
--------------[Company: Intersoft]-----------------
*/

/* Estilos Genrales */


Body {
    scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#89A4C7;
	scrollbar-shadow-color:#F3F3F3;
	scrollbar-face-color:#89A4C7;
	scrollbar-highlight-color:#F3F3F3;
	scrollbar-dark-shadow-color:#FFFFFF;
	scrollbar-3d-light-color:#89A4C7;
	font: 10px/18px Verdana,  Arial, Helvetica, sans-serif;
	color: #353535;
	background:#c4cee4;
}

p{

}

a { font-size : 9px;
	color : #0099CC; 
	
	 
	}
a:hover { 
	font-size : 9px;
	color : #346992;
	
	}
a.title { 
	font-size : 9px;
	color : #0099CC; 
	padding:10px 10px 10px 10px;
	background: #FFF; 
	}
.tituloSin{
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height:16px;
	color : #346992;
	font-weight: bold;
}

a.linkTitulo{
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height:16px;
	color : #346992;
	font-weight: bold;

}
a:hover.linkTitulo{
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height:16px;
	color : #0099CC;
	font-weight: bold;
}


.read{
background: url(../images/a38.gif) no-repeat; 
	padding-left:20px;
}
.comentario{
background: url(../images/a36.gif) no-repeat; 
	padding-left:20px;
}
.imprimir{
background: url(../images/a41.gif) no-repeat; 
	padding-left:20px;
}

div.pie{
}

img { float: left; margin: 0px 9px 3px 0px;}

/* Clases varias */

img.anuncio { float: left; margin: 2px 9px 3px 15px;}
img.nada { float: left; margin: 0px 0px;}

img.picA
{
position: inherit;
top: -2px;
background: url('../images/a47.gif') no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}

img.picB
{
position: inherit;
top: -2px;
background: url('../images/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.picC
{
position: inherit;
top: -1px;
background: url('../images/a48.gif') no-repeat;
width: 54px;
height: 53px;
padding: 5px;
}

.Utxt1 {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #0099CC;
	font-weight : normal;	
}
.Titulo {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height:16px;
	color : #346992;
	font-weight: bold;
	background:url(../images/gota.gif) no-repeat;
	padding-left:12px;	
}

.TituloPrincipal {
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	line-height:16px;
	color : #FF9900;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:25px;
	background:url(../images/arrows.gif) no-repeat;
	width:auto;
}

.TituloPagina {
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	line-height:16px;
	color: #4d88bb ;
	font-weight: bold;
	text-transform:uppercase;
	padding-left:25px;
	background:url(../images/arrows.gif) no-repeat;
}



.Utxt3 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #464d62; FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif
}
.Utxt3 A:link {
	COLOR: #464d62; TEXT-DECORATION: none
}
.Utxt3 A:visited {
	COLOR: #464d62; TEXT-DECORATION: none
}
.Utxt3 A:active {
	COLOR: #464d62; TEXT-DECORATION: none
}
.Utxt3 A:hover {
	COLOR: #449b39; TEXT-DECORATION: underline
}

/*
* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }


/* LAYOUT */

/*estilos para el Home*/

div.paginahome {

	margin:0px auto 0px;
	width:783px;
	background: #ebf2fb url(../images/bodybg.gif)  repeat-y;
	
}

div.banerhome {
	position:relative;
	width:473px;
	height: auto;
	
}
div.contenthome{
	float: left;
	width:473px;
	height:auto;
	background:inherit;
	}
	
div.cuadro{
	float: right;
	width:263px;
	height:auto;
	line-height:12px;
	font-weight:400;
	
}


div.cuerpo-medio-home {
	float:right;
	width:273px;

	
	
}



div.agua {
	float: inherit;
	width:310px;
	height:361px;	
}

div.efecto {
	float: inherit;
	width:308px;
	height:285;

}

div.esq {
	float:right;
	width:310px;
	height:18px;

	
}

div.noticias {
	float:right;
	width:250px;
	line-height:12px;
	font-weight:400;
	padding:0px 30px 10px 10px;
	
}

div.derecho {
	float: right;
	width:310px;
	background:url(../images/bodybg.gif) right repeat-y;
	
}


div.izquierdo {
	float:right;
	width:473px;
	height:auto;
	background-image:inherit;

	
}



/*fin estilos home*/

div.pagina {

	margin:0px auto 0px;
	width:783px;
	background:#ebf2fb;
	background: #ebf2fb url(../images/bodybg.gif)  repeat-y;

	
}



div.baner {

	left:0px;
	top:0px;
	width:783px;
	height:205px;
}


div.izquierdo {
	float:left;
	width:200px;
	height:auto;
}
div.content{
	float: left;
	width:783px;
	height:auto;
	background-image:inherit;
	}
div.superior {
	float: left;
	width:783px;
	height:18px;
	background:url(../images/cuerpo_SUPERIOR.gif) no-repeat;
}

div.cuerpo-medio {
	float:right;
	width:560px;
	padding:5px 0px 10px 10px;
	
}

div.cuadro-medio{
	float: inherit;
	width:253px;
	height:auto;
	line-height:12px;
	font-weight:400;


}

div.base-pie {
	float:left;
	width:783px;
	height:88px;
	background:url(../images/base_pie.gif) no-repeat;
}

div.piePagina {
	float: left;
	text-align:right;
	padding:0px 40px 5px 0px;
	width:743px;
	height:18px;
	background: #FFFFFF;
	border-bottom:#ccc solid 1px;
}

div.text-total{
	float: left;
	width:530px;
	height:auto;
	padding:10px 10px;
}

div.text-izq{
	float: left;
	width:240px;
	height:auto;
	padding:10px 0px;
}
div.text-der{
	float: right;
	width:250px;
	height:auto;
	padding:60px 20px 10px 10px;
}

div.lado-derecho{
float:right; 
width:295px; 
}

div.text-der-cabecera{

	height:80px;
	width:300px;
	background:url(../images/der-cabeza.gif) no-repeat;
}
div.text-der-medio{

	padding: 10px 5px 15px 10px;
	width:275px;
	height:auto;
	background:url(../images/der-cuerpo.gif) repeat-y;
}
div.text-der-pie{
	width:280px;
	height:30px;
	background:url(../images/der-pie.gif) no-repeat;
}

div.doble-cabecera-izq{

	height:80px;
	width:270px;
	background:url(../images/cabeza-izq.jpg) no-repeat;
}
div.doble-cabecera-der{

	height:80px;
	width:270px;
	background:url(../images/cabeza-der.jpg) no-repeat;
}

div.doble-medio{

	padding: 10px 5px 15px 10px;
	width:253px;
	height:auto;
	background:url(../images/der-cuerpo.gif) repeat-y;
}
div.doble-pie{
	width:270px;
	height:30px;
	background:url(../images/der-pie.gif) no-repeat;
}


/*Elementos de Lista*/

div.derecha{
	border: 1px solid #C0DDF2;
	background: #EBF4FF; 
	float:right; 
	width:165px;
	padding:10px 10px;

}

div.servicios{
	border: 1px solid #C0DDF2;
	background: #EBF4FF; 
	float: left;
	width:230px;
	padding:10px 10px;	

}
div.alcantarillado{
	width:310px; 
	height:177px; 
	padding:20px 220px 0px 15px; 
	background:url(../images/alcantarillado.jpg) no-repeat;
}

div.aguaPotable{
	width:310px; 
	height:177px; 
	padding:20px 220px 0px 15px; 
	background:url(../images/fg-011.jpg) no-repeat;
}

div.nuestrosServicios{
	width:270px; 
	height:177px; 
	padding:20px 270px 0px 15px; 
	background:url(../images/nuestrosServicios.jpg) no-repeat;
}

div.servicioSocios{
	width:260px; 
	height:177px; 
	padding:20px 280px 0px 15px; 
	background:url(../images/servicioSocios.jpg) no-repeat;
}


div.info{
	width:155px; 
	float:right; 
	padding-right:15px; 
	padding-top:50px;
}

div.celeste{
	border: 1px solid #C0DDF2;
	background: #EBF4FF; 
	float: left;
	width:100%;
	padding:10px 10px;	

}
div.fondoblanco{
	border: 1px solid #C0DDF2;
	background: #fff; 
	float: left;
	width:100%;
	padding:10px 10px;	
}
div.blanco{

	float: left;
	width:100%;
	height:5px;
	

}



div.espacio{
height:85px;

}
div.cuerpo-medio li{

padding-left:10px;
text-align: left;
list-style-image:url(../images/gota.gif);
padding:0px 0px 10px 0px;
}

div.derecha li a{

	font-weight:bold;
	list-style-image:url(../images/gota.gif);
	text-align:left;
	font-size:9px;

	text-transform:uppercase;
}


div.derecha li a:hover { 
	font-size:9px;
	font-weight:bold;
	text-align:left;
	color : #346992;
	background: inherit;

	text-transform:uppercase;
	}

/*ELEMENTOS FORMULARIO*/

.frmBorder{
    background-color: #27496F;
}
.frmBackground{
    background-color: #FFFFFF;
}
.frmDescription {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	line-height : 9px;
	font-weight : normal;	
	background-color : #7E9CBE;
}
.frmDescriptionBold {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	line-height : 14px;
	font-weight : bold;	
	background-color : #7E9CBE;
}		
.frmInput {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #274870;
	line-height : 14px;
	background-color : #DBE3EE;
}
.butnStyle1{
    border-top: 1px solid #27496F;
    border-bottom: 1px solid #27496F;
    border-left: 1px solid #27496F;
    border-right: 1px solid #27496F;
    background-color: #F6F8FA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    color: #274870;
	font-weight : normal;	   
    text-decoration: none;
    cursor : hand;
}
.txtBox1{
    border-top: 1px solid #27496F;
    border-bottom: 1px solid #27496F;
    border-left: 1px solid #27496F;
    border-right: 1px solid #27496F;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;    
    color: #274870;   
    text-decoration: none;
}

div.miga{

width:530px;
height:20px;
float: left; 
text-align:right; 
padding-right:30px;

}

.actual{
background: url(../images/blue.gif) no-repeat;
padding-left: 12px;
/* font-weight:bold; */
font-size:9px;
}

div.miga a{
background: url(../images/blue.gif) no-repeat;
padding-left: 12px;
font-size:10px;
}


div.miga a:hover { 
	font-size:10px;
	color : #346992;
	background: inherit;
	}


/* Purchase Table Styles
----------------------------------------------- */

div.purchase {
	position: relative;
	
	margin: 0;
	padding: 5px;
	width: 498px;
	
	border: 1px solid #C0DDF2;
	
	background: #fff;
}

div.purchase table {
	margin: 0;
	padding: 0;
	width: 100%;
	
	border: 1px solid #C0DDF2;
	border-bottom: 0px;
}

div.purchase th {
	padding: 5px 10px;
	border-bottom: 1px solid #C0DDF2;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;	
	background: #3775a2;
}

div.purchase td {
	padding: 6px;
	
	border-bottom: 1px solid #C0DDF2;
}

div.purchase td.itemprice {
	width: 90px;
	
	text-align: right;
}

div.purchase td.buy {
	width: 60px;
	
	text-align: right;
}

div.purchase tr.alt {
	background: #e7f1f8;
}

div.purchase input.button {
	margin: 0;
	padding: 0;
	
	border: 0;
	
	font: 12px arial, verdana, sans-serif;
	color: #4474a5;
	font-weight: bold;
	text-decoration: underline;
	
	background: none;
}

div.purchase a {
	color: #245B9C;
}

div.purchase a:hover {
	color: #FF9C06;
}

/* Form Styles
----------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

input.check {
	margin: 0;
	padding: 0;
}

div.form {
	position: relative;
	margin: 0;
	width:500px;
	padding: 5px 10px;
	
	color: #245B9C;
	
	border: 1px solid #C0DDF2;
	background: #EBF4FF; 


}
div.form td {
	padding: 3px 0;
}

div input {
	margin-top: 5px;
	
	border: 1px solid #FF9C06;
}

div input.button {
	padding: 2px 0;
	
	font: 11px arial, verdana, sans-serif;
	color: #fff;
	background: #FF9C06;
}





/* Nuevos*/

#extras-recent ul, #other-recent ul, ul#related-posts, #search ul { 
list-style-type:none; 
margin:0 5px 25px; 
}

#extras-recent li, #other-recent li, #related-posts li, #search li { 
padding:0 0 0 20px; 
margin:0 0 10px; 
background:url(../images/gota.gif) 
no-repeat 0 1px; 
}
#extras-recent li a, #other-recent li a, #related-posts li a, #search li  a{
background-image:none;
}
div.quienesomos {
	width:270px;
	height:177px;
	padding:20px 270px 0px 15px;
	background-image: url(../images/quienesomos.jpg);
	background-repeat: no-repeat;
}