@charset "utf-8";
/* CSS Document */

/*Estilo General*/

*	{	margin: 0px;
		padding: 0px;
		outline: 0;
	}
	
/* Estilo para un enlace simple */	
	
a.enlaceSimple	{	text-decoration: none;
					color: #FFFFFF;
				}
				
a.enlaceSimple:visited, a.enlaceSimple:active	{	text-decoration: none;
													color: #FFFFFF;
												}
												
a.enlaceSimple:hover	{	text-decoration:underline;
							color: #FFFFFF;
						}
	
/*Capas por identificador*/

#fondoPagina	{	position: relative;	/*Div Padre 1*/
					z-index: 0;
					background: #150f01 url(imagenes/fondos/fondo.jpg) top center repeat-x;
					width: 100%;
					/*height: 720px;*/
					text-align: center;
				}
				
#fondoPiePagina	{	position: relative;	/*Div Padre 2*/
					z-index: 0;
					background: #000000 url(imagenes/fondos/fondopie.jpg) top center repeat-x;
					width: 100%;
					height: 350px;
					text-align: center;
					overflow: hidden;
				}
				
#contenedor		{	z-index: 2;
					position: absolute;
					top: 0px;
					width: 970px;
					/*height: 755px;*/
					text-align: center;
					background: none;
				}
				
#piePagina		{	z-index: 1;	/*Div Padre: fondoPie*/
					position: relative;
					margin: 0px auto;
					left: 50%;
					width: 970px;
					height: 180px;	/*Debe llevar la misma altura que fondoPie; 350-170*/
					background: url(imagenes/fondos/pie.jpg) top center no-repeat;
					margin-left: -485px;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #FFFFFF;
					padding-top: 170px;
				}
				
#encabezado		{	z-index: 3;	/*Div Padre: contenedor.*/
					position:absolute;
					top: 0px;
					left: 0px;
					height: 370px;
					width: 970px;
					background: url(imagenes/fondos/fondoencabezado.png) top center no-repeat;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #FFFFFF;
				}
				
#fancyMenu		{	z-index: 4;	/*Div Padre: encabezado.*/
					position: absolute;
					top: 35px;
					left: 250px;
					width:auto;
					height: 40px;
				}
				
#upperMenu		{	z-index: 5;	/*Div Padre: encabezado.*/
					position: absolute;
					top: 0px;
					right: 10px;
					width: 320px;
					height: 45px;
					background: url(imagenes/fondos/fondouppermenu.png) top center no-repeat;
					text-align: center;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #FFFFFF;
					overflow:hidden;
				}
				
#barraNavegacion	{	z-index: 5;	/*Div Padre: Contenedor.*/
						position: absolute;
						top: 345px;
						left: 55px;
						width: 850px;
						height: 40px;
						background: url(imagenes/fondos/fondonavegacion.png) top left repeat;
						color: #FFFFFF;
						font-family: Geneva, Arial, Helvetica, sans-serif;
						font-size: 11pt;
						font-weight: bold;
						text-align: left;
					}								
				
#fondoContenido		{	z-index: 3;	/*Div Padre: contenedor*/
						position: absolute;
						top: 370px;
						left: 0px;
						width: 970px;
						/*height: 355px;*/
						background: url(imagenes/fondos/fondocontenido.png) top center repeat-y;
					}
				
#fondoMenuLateral	{	z-index: 4;	/*Div Padre: fondoContenido*/
						position: absolute;
						top: 0px;
						right: 10px;
						width: 300px;
						/*height: 355px;	/*Debe llevar el mismo tamaño que el fondoContenido*/
						background: url(imagenes/fondos/fondomenulateral.jpg) top left no-repeat;
					}
					
#informacion	{	z-index: 4;	/*Div Padre: contenedor*/
					position: absolute;
					top: 370px;
					left: 10px;
					width: 650px;
					/*height: 375px;	/*Su altura es la suma de fondoContenido + pieContenido -10*/
					height: auto;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #FFFFFF;
					text-align: left;
				}
				
#menuLateral	{	z-index: 6;	/*Div Padre: contenedor*/
					position: absolute;
					top: 290px;
					right: 30px;
					width: 260px;
					height: 425px;	/*450-25 de padding top*/
					background: url(imagenes/fondos/fondocontenidomenulateral.png) top center no-repeat;
					padding-top: 25px;
				}							
				
#pieContenido	{	z-index: 3;	/*Div Padre: contenedor*/
					position: absolute;
					left: 0px;
					bottom: 0px;
					width: 970px;
					height: 30px;
					background: url(imagenes/fondos/fondopiecontenido.png) top center no-repeat;
				}
				
/* Estilos para cada objeto de menu */

.tituloMenu		{	z-index: 7;	/*Div Padre: menuLateral*/
					position: relative;
					width: 182px;	/*202-20*/
					height: 37px;	/*52-15*/
					display: block;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 12pt;
					font-weight: bold;
					color: #FFFFFF;
					text-align:left;
					line-height: 20px;
					margin: 5px auto;
					padding-top: 15px;
					padding-left: 20px;
				}
				
.listaMenuLateral	{	list-style: none;
					}
					
.listaMenuLateral li{	width: 202px;	/*202-0*/
						height: 42px;	/*42-0*/
						margin: 5px auto;
						background: url(imagenes/fondos/lineadegradada.png) bottom center no-repeat;
					}
					
.textoMenuLateral	{	position: relative;	/*Div de los textos de menuLateral*/
						font-family: Geneva, Arial, Helvetica, sans-serif;
						font-size: 9pt;
						font-weight: bold;
						color: #006600;
						text-align:left;
						width: 140px;	/*150-10 del margin*/
						height: 37px;	/*42-5*/
						float: left;
						margin-left: 10px;
						padding-top: 5px;
					}
					
.iconoMenuLateral	{	position: relative;	/*Div de las iconos en menuLateral*/
						float: left;
						width: 42px;	/*52-10*/
						height: 42px;
						padding-left: 10px;
					}						
					
a.enlaceMenu	{	text-decoration: none;
					color: #006600;
				}
				
a.enlaceMenu:visited, a.enlaceMenu:active	{	text-decoration: none;
												color: #006600;
											}
												
a.enlaceMenu:hover	{	text-decoration:underline;
						color: #006600;
					}															
				
/* Estilos para el pie de la página */

#menuEnPie		{	position: relative;	/*Div Padre: piePagina*/
					width: 445px;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 11pt;
					font-weight: bold;
					text-align: left;
					float: left;
					margin: 0;
					padding-left: 40px;
					line-height: 30px;
				}
				
#acercaDe		{	position: relative;	/*Div Padre: piePagina*/
					width: 445px;	/*485-40*/
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 9pt;
					text-align: right;
					float: left;
					margin: 0;
					padding-right: 40px;
					line-height: 20px;
				}
				
/* Estilos para noticias en index */

#noticias		{	position: relative;
					width: 100%;
					height: auto;
					margin: 0px auto;
					overflow: hidden;
				}					

/* Estilos para tabla de una columna */
.tablaUnaColumna	{	width: 300px;
						height: auto;
						margin: 5px auto;
						font-family: Geneva, Arial, Helvetica, sans-serif;
						color: #FFFFFF;
						font-size: 8pt;
						border-collapse: collapse;
						border: none;
					}
					
.tablaUnaColumna .top	{	width: 100%;
							height: 15px;
							background: url(imagenes/fondos/fondotoptabla1columna.png) top center no-repeat;
						}
					
.tablaUnaColumna .pie	{	width: 100%;
							height: 15px;
							background: url(imagenes/fondos/fondopietabla1columna.png) top center no-repeat;
						}
						
.tablaUnaColumna .contenido	{	width: 100%;
								height: 300px;
								background: url(imagenes/fondos/fondocontenidotabla1columna.png) top center repeat-y;
								text-align: center;
								vertical-align: top;
							}
							
.tablaUnaColumna .contenidoAjustable	{	width: 100%;
											height: auto;
											background: url(imagenes/fondos/fondocontenidotabla1columna.png) top center repeat-y;
											text-align: center;
											vertical-align: top;
										}							
							
.tablaUnaColumna .contenido p img	{	border: #e1dda0 1px solid;
									}
								
.tablaUnaColumna .contenido p	{	margin: 10px 20px;
								}
								
.tablaUnaColumna .contenidoAjustable p	{	margin: 10px 20px;
										}																
								
.tablaUnaColumna .contenidoAjustable p img	{	border: #e1dda0 1px solid;
											}
											
.tablaUnaColumna .contenidoAjustable .img260	{	width: 260px;/*Tamaño para imgs en boletín*/
													height: 195px;/*Tamaño original de una img*/
												}	/*será de 600 x 450*/											
								
/* Estilo para texto en párrafo */

.texto	{	font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color: #FFFFFF;
			margin: 10px;
			text-align: justify;
		}
		
.indicacion		{	text-align: center;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #e1dda0;
					margin: 15px;
					font-weight: bold;
				}
				
.mensajeError	{	text-align: center;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					font-weight: bold;
					color: #FF0000;
					background: #FFFFCC;
					border: #FF0000 1px solid;
					margin: 10px;
					padding: 5px;
				}																																			
		
/* Estilo para los subtítulos y títulos */

div.titulo	{	margin: 30px 0px 10px 0px;
				position: relative;
			}

.subtitulo	{	background: url(imagenes/fondos/fondosubtitulo.jpg) top center no-repeat;
				color: #FFFFCC;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				font-size: 16pt;
				font-weight: bold;
				width: 650px;	/*650-0*/
				min-height: 65px;	/*100-35*/
  				height: auto !important;
  				height: 65px;
				padding-top: 35px;
				text-align: center;
			}
			
.subtitulo p	{	font-size: 10pt;
					text-align: right;
					color: #FFFFFF;
					padding-right: 30px;
				}
				
/* Estilos para el desplegado de los boletines */

.boletinesWrapper	{	position: relative;
						width: 640px;
						height: 400px;
						overflow: auto;
						margin: 0px auto 10px auto;	/*Centrada*/
						text-align: center;
					}					

.tablaBoletines	{	width: 600px;
					height:auto;
					margin: 0 auto;
					border-collapse: collapse;
					text-align: left;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 8pt;
					color: #FFFFFF;
				}
								
.tablaBoletines tr		{	background: url(imagenes/fondos/fondorenglonboletines.jpg) bottom left no-repeat;
						}												
				
.tablaBoletines .id		{	width: 5%;
							height: 20px;
							padding: 2px 5px;
							text-align: right;
							color: #e1dda0;
							font-weight: bold;
						}										

.tablaBoletines .titulo	{	width: 85%;
							height: 20px;
							padding: 2px 5px;
						}										

.tablaBoletines .fecha	{	width: auto;	/*Width restante*/
							height: 20px;
							padding: 2px 5px;
							color: #e1dda0;
							font-weight: bold;
						}
						
/* Estilos para el desplegado de los comentarios */

.comentariosWrapper	{	position: relative;
						width: 640px;
						height: 400px;
						overflow: auto;
						margin: 10px auto;	/*Centrada*/
						text-align: center;	/*Por si no lo reconoce el explorer.*/
					}
					
.tablaComentarios	{	width: 600px;
						height:auto;
						margin: 0 auto;
						border-collapse: collapse;
						text-align: left;
						font-family: Geneva, Arial, Helvetica, sans-serif;
						font-size: 8pt;
						color: #FFFFFF;
						border: #e1dda0 1px solid;
					}
					
.tablaComentarios tr.terminador	{	background-color: #cec673;
									height: 5px;
									width: 100%;
								}
								
.tablaComentarios tr td.izq		{	background-color: #1d3619;
									text-align: right;
									font-weight: bold;
									width: 20%;
									font-size: 10pt;
									padding-right: 10px;
								}
								
.tablaComentarios tr td.der1	{	width: auto;
									background-color: #54844e;
									padding-left: 10px;
								}

.tablaComentarios tr td.der2	{	width: auto;
									padding-left: 10px;
								}									
						
/* Tabla para el Administrador */

.tablaAdministrador		{	width: 600px;
							margin: 0px auto;
							border-collapse: collapse;
						}
						
.tablaAdministrador tr	{	background: url(imagenes/fondos/fondorenglonboletines.jpg) bottom left no-repeat;
						}
						
.tablaAdministrador .etiqueta	{	text-align: right;
									font-family: Geneva, Arial, Helvetica, sans-serif;
									color: #FFFFFF;
									font-size: 10pt;
									font-weight: bold;
									vertical-align: middle;
									width: 30%;
									padding: 10px;
								}
								
.tablaAdministrador .control	{	text-align: left;
									font-family: Geneva, Arial, Helvetica, sans-serif;
									color: #000000;
									font-size: 10pt;
									vertical-align: middle;
									width: auto;
									padding: 10px;
								}
								
.botonSubmit	{	width: auto;
					padding: 5px;
					text-align: center;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					font-weight: bold;
					color: #1d3619;
				}
																										
.entradaTexto	{	font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					color: #000000;
				}

/* Estilos para tabla de brillo en el centro */

.tablaBrilloCentro	{	width: 650px;
						height: auto;
						text-align: center;
						margin: 10px auto;
						border-collapse: collapse;
						background-color: #3b6c35;
					}
					
.tablaBrilloCentro .colizq	{	text-align: center;
								width: 230px;	/*250-10-10*/
								padding: 10px;
								font-family: Geneva, Arial, Helvetica, sans-serif;
								font-size: 9pt;
								color: #e1dda0;
								background: url(imagenes/fondos/fondocolumnadestello.jpg) right top no-repeat;
								vertical-align: top;
							}
							
.tablaBrilloCentro .colizq img	{	border: #50aa30 1px solid;
									margin-bottom: 10px;
								}
								
.tablaBrilloCentro .colder	{	width: 400px;
								font-family: Geneva, Arial, Helvetica, sans-serif;
								font-size: 10pt;
								color: #FFFFFF;
								vertical-align: top;
							}
							
/* Estilos para tabla con viñetas 1 */

.tablaVinetas1	{	width: 90%;
					height: auto;
					margin: 0 auto;
					border-collapse: collapse;
				}

.tablaVinetas1 .colizq2	{	width: 10px;	/*14-4*/
							height: auto;
							text-align: center;
							padding-top: 5px;
							padding-right: 4px;
							vertical-align: top;
						}
						
.tablaVinetas1 .colder2	{	width: auto;
							text-align: justify;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-size: 10pt;
							color: #FFFFFF;
							vertical-align: top;
							padding: 2px;																												
						}

/* Tabla para el báner de los eventos y programas */
						
.tablaBaner		{	width: 305px;
					margin: 0px auto;
					border-collapse: collapse;
					height: 108px;
				}
						
.tablaBaner .colizq3	{	width: 135px; /*width total=135+10*/
							padding: 5px;
							vertical-align: top;
						}
							
.tablaBaner .colizq3 img	{	width: 135px;
								height: 99px;
								border: #50aa30 solid 1px;
							}							
							
.tablaBaner .colder3	{	width: 150px;	/*165-10*/
							padding: 5px;
							text-align: left;
							color: #ffffff;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-size: 9pt;
							font-weight: bold;
							vertical-align: top;
						}
						
.tablaBaner .colder3 p	{	font-size: 7pt;
							text-align: left;
							color: #e1dda0;
						}													

/*/////////Botón que va en los baner///////////*/

.botonBaner	{	display: block;
				text-decoration: none;
				width: 129px;
				height: 25px;
			}

a.botonBaner	{	border: none;
					background: url(imagenes/fondos/botondetallesnormal.jpg) no-repeat top center;
				}
		
a.botonBaner:link 	{	border: none;
						background: url(imagenes/fondos/botondetallesnormal.jpg) no-repeat 0 0;
											}

a.botonBaner:visited 	{	border: none;
							background: url(imagenes/fondos/botondetallesnormal.jpg) no-repeat 0 0;
						}

			
a.botonBaner:hover	{	border: none;
						background: url(imagenes/fondos/botondetallessobre.jpg) no-repeat top center;
					}

a.botonBaner:active	{	border: none;
						background: url(imagenes/fondos/botondetallespresionado.jpg) no-repeat top center;
					}


/*/////////Botón de 100px ///////////*/

.boton100px	{	display: block;
				text-decoration: none;
				width: 100px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				font-weight: bold;
				overflow: hidden;
				position:relative;
			}

a.boton100px	{	border: none;
					background: url(imagenes/fondos/boton100pxnormal.jpg) no-repeat top center;
				}
		
a.boton100px:link 	{	border: none;
						background: url(imagenes/fondos/boton100pxnormal.jpg) no-repeat 0 0;
						color: #006600;
					}

a.boton100px:visited 	{	border: none;
							background: url(imagenes/fondos/boton100pxnormal.jpg) no-repeat 0 0;
							color: #006600;
						}

a.boton100px:hover	{	border: none;
						background: url(imagenes/fondos/boton100pxsobre.jpg) no-repeat top center;
						color: #009900;
					}

a.boton100px:active	{	border: none;
						background: url(imagenes/fondos/boton100pxpresionado.jpg) no-repeat top center;
						color:#FFFFFF;
					}
					
/* Columna de 300px*/

div.contenedorcolumna300	{	width: 300px;
								height: auto;
								position: relative;
								margin: 0 auto;
							}
							
div.titulocolumna300	{	width: 300px;
							height: 60px;
							line-height: 60px;
							position: relative;
							display: block;
							background: url(imagenes/fondos/fondotitulocolumna300.jpg) top center no-repeat;
							text-align: center;
							color: #FFFFCC;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 11pt;
							margin: 0px;
							overflow: hidden;
							clear: both;
						}
						
div.contenidocolumna300	{	width: 270px;	/*300-30*/
							padding: 15px 15px 0 15px;
							min-height: 185px;	/*200-15*/
  				            height: auto !important;
  			 	   			height: 185px; 
							background: url(imagenes/fondos/fondocontenidocolumna300.jpg) top center no-repeat;
							text-align: left;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-size: 9pt;
							color: #FFFFFF;
							clear:both;
							display: block;
							overflow: hidden;
						}
						
div.contenidocolumna300 li	{	list-style: none;
								background: url(imagenes/fondos/vinetacuadrada.png) left top no-repeat;
								margin: 8px 5px;
								padding-left: 20px;
								overflow: hidden;
							}
							
/* Columna de 260px*/

div.contenedorcolumna260	{	width: 260px;
								height: auto;
								position: relative;
								margin: 0 auto;
							}
							
div.titulocolumna260	{	width: 260px;
							height: 60px;
							line-height: 60px;
							position: relative;
							display: block;
							background: url(imagenes/fondos/fondotitulocolumna260.jpg) top center no-repeat;
							text-align: center;
							color: #FFFFCC;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 11pt;
							margin: 0px;
							overflow: hidden;
							clear: both;
						}
						
div.contenidocolumna260	{	width: 230px;	/*260-30*/
							padding: 15px 15px 0 15px;
							min-height: 185px;	/*200-15*/
  				            height: auto !important;
  			 	   			height: 185px; 
							background: url(imagenes/fondos/fondocontenidocolumna260.jpg) top center no-repeat;
							text-align: left;
							font-family: Geneva, Arial, Helvetica, sans-serif;
							font-size: 9pt;
							color: #FFFFFF;
							clear:both;
							display: block;
							overflow: hidden;
						}
						
div.contenidocolumna260 li	{	list-style: none;
								background: url(imagenes/fondos/vinetacuadrada.png) left top no-repeat;
								margin: 8px 5px;
								padding-left: 20px;
								overflow: hidden;
							}
							
/* Tabla para el directorio del DIF */

table.directoriodif		{	width: 600px;
                            border-collapse:collapse; 
							font-family:Geneva, Arial, Helvetica, sans-serif; 
							font-size:10pt; 
							color:#FFFFFF; 
							margin: 10px auto;
							border: #e1dda0 1px solid;
						}
						
table.directoriodif td.izq4	{	vertical-align:top; 
								width:50%; 
								font-weight:bold; 
								padding:5px;
								text-align:right;	
							}
							
table.directoriodif td.der4	{	vertical-align:top; 
								width:auto; 
								padding:5px;																				
							}
							
table.directoriodif tr.head4	{	background: #1d3619;
									border: #e1dda0 1px solid;
								}
								
table.directoriodif tr.otrocolor4	{	background: #54844e;
									}	
									
/* Tabla para el directorio del Ayuntamiento */

table.directorio		{	width: 600px;
                            border-collapse:collapse; 
							font-family:Geneva, Arial, Helvetica, sans-serif; 
							font-size:8pt; 
							color:#FFFFFF; 
							margin: 10px auto;
							border: #e1dda0 1px solid;
						}
						
table.directorio td.izq5	{	vertical-align:top; 
								width:40%; 
								font-weight:bold; 
								padding:5px;
							}

table.directorio td.med5	{	vertical-align:top; 
								width:25%; 
								padding:5px;
								color: #e1dda0;
							}
							
table.directorio td.der5	{	vertical-align:top; 
								width:auto; 
								padding:5px;																				
								font-weight:bold; 								
							}
							
table.directorio tr.head5	{	background: #1d3619;
								border: #e1dda0 1px solid;
							}
								
table.directorio tr.otrocolor5	{	background: #54844e;
								}																	

/* Estilos para el fancyMenu */

ul#topnav {
	margin-top: 35px;
	margin-left: 230px;	/*237 tenía antes de agregar comisiones*/
	padding: 0;
	list-style: none;
	float: left;
	font-size: 10pt;
	text-transform: capitalize;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	text-align: center;
	padding: 10px 8px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	clear: both;
	width: auto;
	height: 20px;
	line-height:20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #663300;
	background-position: left bottom;
	background:url(imagenes/fondos/b_b.png) repeat-x;
}
ul#topnav span{ /*--Default state of navigation--*/
	/*background-position: left top;
	background: url(imagenes/fondos/b_a.jpg) repeat-x;*/
	background: none;
}