/* CSS Document */

/*Diseño general del sitio*/

body { 
	background: #959595;
	/*width:1007px;  */
	height:800px;  
	margin: 0px 0px 0px 0px;
  	padding:0px;
	font-family: Verdana; 
	font-size:10px;
  	color: #727272;	
}

/*Diseño de la capa del menú*/
#capa_menu {
	position:absolute; 
	width:1007px; 
	z-index:2;
	left: -500px;	
    top: 0;
    margin-left: 50%;
}
#header{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	width:1007px;
	position: relative;
}
#escudo{
	float:left;
	display:block;
	width:245px;
	margin:10px 0 0 26px;
}
#escudo p {
	color:#6C544A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0 0 1em 0;
}
#logotipo{
	width:572px;
	float:right;
	margin:40px 16px 1em 0;
	clear:right;
	text-align:right;
}
#menu-inicio{
	clear:both;
	margin:0;
	padding:0;
	width:1007;
	height:33px;
	background:url(../imagenes/px-nav.jpg) repeat-x top;
}
#menu-inicio p {
	margin:5px 0 0 30px;
	padding-top:5px;
}
#menu-inicio a {
	font-family:"Times New Roman", Times, serif;
	color:#592202;
	font-weight:bold;
	font-size:19px;
	margin:0;
	text-decoration:none;
}
#menu-inicio a:hover{
	color:#000;
}
/*Fin diseño de la capa del menú*/
/*Diseño de la capa izquierda*/
#capa_izquierda{
	/*diseño del posicionamiento*/
	background: url(../imagenes/fondo_izquierdo.jpg) #CCCCCC repeat left;
	position:absolute; 
	width:187px; 
	height:700px; 
	z-index:1; 
	left: -500px;
	top:190px;
    margin-left: 50%;
}
#capa_izquierda ul {
	margin: 20px;
	padding: 0px;
	list-style-image: url(../imagenes/li_cursor.gif);
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;	
}
#capa_izquierda li {
	font-size:10px;
	margin-bottom: 1px;
	margin-left: 0px;	
}

#capa_izquierda h1{
	font-size:10px;
	color: #ED440F;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
/*#capa_izquierda a:link    { COLOR: #313131; text-decoration:underline; }
#capa_izquierda a:visited { COLOR: #636363; text-decoration:underline; }
#capa_izquierda a:hover   { COLOR: #B83504; text-decoration:underline;}
/*Capa superior del lado izquierdo, lleva la imagen del escudo*/
#capa_izquierda_superior {
	position:relative; 
	width:137px;
	z-index:1;
	left: 12px;
	top: 60px;
}
#capa_izquierda_medio {
	display:none;
/*	position:relative; 
	width:137px;
	height: 300px;
	z-index:1;
	left: 25px;
	top: 90px;
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;*/
}
#capa_izquierda_inferior {
	display:none;
/*	position:relative; 
	width:137px;
	z-index:1;
	left: 25px;
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;*/
}
/*Fin diseño de la capa izquierda*/
/*Diseño de la capa centro*/
#calendario {
    z-index:40;
}
#capa_centro {
	background: #FFFFFF ;
	position:absolute; 
	width:633px; 
	height:700px; 
	z-index:1; 
	left: -313px;
	top: 190px;
    margin-left:50%;
	/*Diseño del font*/
	color: #4D4D4D;
}
#capa_centro a:link    { COLOR: #B83504; text-decoration:underline; }
#capa_centro a:visited { COLOR: #D07B5C; text-decoration:underline; }
#capa_centro a:hover   { COLOR: #313131; text-decoration:underline;}


/*Fin diseño de la capa centro*/
/*Diseño de la capa derecha*/
#capa_derecha {
	background: url(../imagenes/fondo_derecho.jpg) #CCCCCC repeat left;
	position:absolute; 
	width:187px; 
	height:700px; 
	z-index:1; 
	left: 320px;
	top: 190px;
    margin-left:50%;
}


#capa_derecha ul {
	margin: 20px;
	padding: 0px;
	list-style-image: url(../imagenes/li_cursor.gif);
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;		
}
#capa_derecha li {
	font-size:8.5px;
	margin-bottom: 1px;
	margin-left: 0px;	
}
#capa_derecha h1{
	font-size:10px;
	color: #ED440F;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#capa_derecha a:link    { COLOR: #313131; text-decoration:underline; }
#capa_derecha a:visited { COLOR: #636363; text-decoration:underline; }
#capa_derecha a:hover   { COLOR: #B83504; text-decoration:underline;}

#capa_derecha_superior {
	display:none;
/*	background: url(../imagenes/logotipocentenario.jpg) no-repeat center;
	position:relative; 
	width:137px;
	height:177px;
	z-index:1;
	left: 25px;
	top: 60px;
  text-align: center;*/
}
#capa_derecha_medio {
	display:none;
/*	position:relative; 
	width:137px;
	height:300px;
	z-index:1;
	left: 25px;
	top: 90px;
	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;*/
}
#capa_derecha_inferior {
	position:relative; 
	width:137px;
	z-index:1;
	left: 25px;
	top: 0px;
}
/*Fin diseño de la capa derecha*/
/*Diseño de la capa pie*/
#capa_pie {
	background: url(../imagenes/fondo_pie.gif) #CCCCCC no-repeat left;
	position:absolute; 
	width:1007px; 
	height:49px; 
	z-index:1; 
	left: -500px; 
	top: 890px;  
    margin-left:50%;
}
#capa_pie p {  
  margin-left: 187px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9px;
}
#mensaje_rotatorio {
	display:none;
/*	border-top-color: #B2B2B2;
	border-top-style: solid;
	border-top-width: 3px;
        border-spacing: 10px;*/
}

/*Diseño de la capa pie*/
#errores {
    position:absolute; 
    width:200px; 
    height:20px;
    top: 30px; 
    left:50px;
    z-index:2;
}
#tab_consulta {
    position:absolute; 
    width:150px; 
    height:20px;
    top: 50px; 
    left:50px;
    z-index:2;
    text-align: center;
    font-size:12px;
    font-weight:bold;
}

#tab_detalle {
    position:absolute; 
    width:150px; 
    height:20px; 
    top: 50px; 
    left:200px; 
    z-index:2;
    text-align: center;
    font-size:12px;
    font-weight:bold;

}

.tabHot {
    background: url("../imagenes/tabHot.jpg");
    color: #FFFFFF;
}

.tabCold {
    background: url("../imagenes/tabCold.jpg");
    color: #000000;
}

#datos {
    position:absolute; 
    width:400px; 
    height:50px; 
    top: 80px; 
    z-index:1;
}

#datos table {
    width:400px;
}

#datos th {
    background: #B83504;
    color: #FFFFFF;
}

#consulta_titulo { 
    background: url(../imagenes/consulta_titulo.jpg) no-repeat left;
    position:absolute; 
    width:150px; 
    height:26px; 
    top: 80px; 
    left: 480px; 
    z-index:1;
}
#consulta { 
    position:absolute; 
    width:150px; 
    height:100px; 
    top: 110px; 
    left: 430px; 
    z-index:1;
    
    text-align: left;
}


#consulta  p{
	font-size:11px;
        text-align:justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right:0px;
}

#consulta  ul{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:0px;
    list-style-position: inside;
}

#consulta  ol{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:0px; 
}

#consulta  table{
    font-size:11px;
    text-align:justify;
    margin-top: 0px;
    margin-bottom: 0px;    
    margin-left: 0px;
    margin-right:0px; 
    border:0px;    
    border-spacing: 0px;   
}




#botonera { 
    position:absolute; 
    width:400px; 
    height:100px; 
    top: 500px;     
    z-index:1;
}


/*Capas de los mantenimientos*/


/*Fin Capas de los mantenimientos*/




.ItemIzq2{FONT: 8pt VERDANA; background-color: #ECF1F5;}

.ItemIzq2, .ItemIzq3{
	FONT: 8pt VERDANA;
}

.ItemIzq2{
	 background-color: #ECF1F5; 
}

.ItemIzq3{
	 background-color: #FFFFFF; 
}
.TxtIzq4{
	FONT: 9pt VERDANA; 
	TEXT-ALIGN: left;
	background-color: #ECF1F5;
}

/*A:link    { COLOR: #3151A5; text-decoration:none; }*/
/*A:visited { COLOR: #3151A5; text-decoration:none; }*/
/*A:hover   { COLOR: #3151A5; text-decoration:underline;}*/

.Error    { FONT: bold 9pt VERDANA; COLOR: #B83504; TEXT-ALIGN: left; }
.Aviso    { FONT: bold 9pt VERDANA; COLOR: #0054A8; TEXT-ALIGN: left }

.TxtDer0  { FONT: BOLD 9pt VERDANA; TEXT-ALIGN: right }
.TxtDer1  { FONT: BOLD .75 VERDANA; TEXT-ALIGN: right; BACKGROUND-COLOR: #57A0B0; color:#FFFFFF; }
.encabezadoTabla { FONT: BOLD .75 VERDANA; TEXT-ALIGN: left; BACKGROUND-COLOR: #57A0B0; color:#FFFFFF; }
.TxtCen0  { FONT: 8pt VERDANA; TEXT-ALIGN: center }
.TxtCen1  { FONT: 9pt VERDANA; TEXT-ALIGN: center }

.TxtIzq0  { FONT: BOLD 9pt VERDANA; 
			COLOR:#E2450E; 
			TEXT-ALIGN: left;
			padding-left:3px;
}
.TxtIzq1  { FONT: 9pt VERDANA; TEXT-ALIGN: left }
.TxtIzq2  { FONT: 8pt VERDANA; TEXT-ALIGN: left }
.TxtIzq3  { FONT: 8pt VERDANA; 
			TEXT-ALIGN: justify; 
			BACKGROUND-COLOR: #ECF1F5; 
			padding-left:3px;
			padding-right:3px;
}
.TxtIzq11 { FONT: BOLD 8pt VERDANA; TEXT-ALIGN: left; BACKGROUND-COLOR: #A0B9CD; }

.ItemIzq0 { FONT: .75em VERDANA; COLOR: Black;}
.ItemIzq1 { FONT: .75em VERDANA; COLOR: #315f89; }

.ItemIzq2 A:link    { text-decoration: none; COLOR: #FFFFFF; }
.ItemIzq2 A:visited { text-decoration: none; COLOR: #FFFFFF; }
.ItemIzq2 A:hover   { COLOR: #FFFFFF; }

.TituloColor{
	FONT: 13pt "microsoft sans serif";
	COLOR: #FFFFFF; 
	TEXT-ALIGN: right;
}

.txtDerecha {
    background:#666;    
    color: #FFFFFF;
    text-align: right;
}

.txtIzquierda {
    background: #CCCCCC;
    color: #000000;
    text-align: left;
}


/*Nuevo Menu de Servicios*/
#menu-servicios{ width:175px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu-servicios p{ margin:0 0 1em 0; padding:0;}
#menu-servicios a{color:#6977B0; text-decoration:none; }
#menu-servicios a:hover{text-decoration:underline;}


#menu-servicios .top{ background-image:url(../imagenes/menu-izq/menu-bar-sup+tit.png); background-repeat:no-repeat; height:27px;}
#menu-servicios .bottom{ background-image:url(../imagenes/menu-izq/menu-bar-inf.png); background-repeat:no-repeat; height:7px;}
#menu-servicios .main{background-image:url(../imagenes/menu-izq/menu-bar-medio.png); background-repeat:repeat-y;padding:3px 3px 5px 5px;}

#menu-servicios .main ul{list-style:none; margin:0 0 1.5em 0; padding:0;}
#menu-servicios .main ul li{ margin-bottom:0.5em;}
#menu-servicios .main ul li a{ padding-left:30px; display:block; height:18px; background-position:left; background-repeat:no-repeat; padding-top:5px;}

#menu-servicios .main ul li.pago a{	background-image:url(../imagenes/icons-gif/icon-pago.gif);}
#menu-servicios .main ul li.deuda a{	background-image:url(../imagenes/icons-gif/icon-calc.gif);}
#menu-servicios .main ul li.agua a{	background-image:url(../imagenes/icons-gif/icon-agua.gif);}
#menu-servicios .main ul li.cobros a{	background-image:url(../imagenes/icons-gif/icon-calendario.gif);}
#menu-servicios .main ul li.escala a{	background-image:url(../imagenes/icons-gif/icon-profesional.gif); padding-top:3px;}
#menu-servicios .main ul li.tramites a{	background-image:url(../imagenes/icons-gif/icon-formularios.gif);}