/* Div General/ Body  PRODUCCCIOM*/
.divbody {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 10px;
	font-weight: bolder;
	color: #333333;
	background-color: #FFFFFF;
	height: auto;
	width: 1086px;
		
}

body {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 13px;
	color: #575756;
	margin: 0px;
	background-image: url(../imagenes/fondo_header.jpg);
	background-repeat: repeat-x;
}

h1 {
	font-size: 18px;
	/*color: #004626;*/
	color: #242f62;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-bottom: 2px;
}

.titulo-naranja{
	font-size: 18px;
	color: #242f62;
	font-weight: bold;
}
.subtitulo-naranja{
	font-size: 16px;
	color: #242f62;
	font-weight: bold;
}
.sub-subtitulo-naranja{
	font-size: 14px;
	color: #242f62;
	font-weight: bold;
}
.parrafo-naranja{
	font-size: 13px;
	color: #242f62;
	font-weight: bold;
}

h2 {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 16px;
	color: #242f62;
	font-weight: bold;
	margin-bottom: 0px;
}

h3 {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 14px;
	color: #242f62;
	font-weight: bold;
}
p {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 13px;
	color: #575756;
	font-weight: normal;
}
li {
	padding:2px;
	list-style-image: url(../imagenes/flecha.jpg);
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	}

/* Head Superior Menu */
.divheadsuperior {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../imagenes/head_fondo.jpg);
	height: 134px;
	width: 955px;
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
}
.divheadfecha {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	height: 30px;
	width: 400px;
	margin-left: 550px;
	float: none;
	vertical-align: top;
	text-align: left;
	visibility: inherit;
	z-index: auto;
}
.divheadbusqueda {
	height: 30px;
	width: 389px;
	margin-left: 550px;
	margin-top: 4px;
	float: none;
	z-index: auto;
	visibility: inherit;
}


#divheadsuperior #divheadmenu {height: 31px; width: 945px;	float: left; margin-top: 18px; margin-left: 28px;} html>body #divheadmenu {height: 31px;	width: 945px;	float: left;margin-top: 18px; margin-left: 28px;}


.barritaverde {
	background-color: #C8DC95;
	height: 22px;
	width: 955px;
	float: left;
	
	/* Cuerpo Derecha/Medio/Izquierda */
}
.divintermedio {
	height: auto;
	width: 985px;
	margin:0 auto;

}

.lateralizquierda {
	width: 200px;
	height: auto;
	float: left;
}
#cont{
	text-align:center;
	width:188px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	moz-border-radius:1em 1em 1em 1em;
}
/* Ahora la sombra */
#sombra{
	background:#CCCCCC; /* Color de la sombra */
	border: solid 1px #CCCCCC; /* Color del borde */
	width: 188px;
	height:auto;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
/* Veamos el texto */
#text{
	border:solid 1px #CCCCCC;
	margin: 2px; /* Aqui están los famosos márgenes negativos*/
	padding:2px;
	background:#FFFFFF; /* Le damos un color de fondo */
	width: 188px;
	/* height: 1210px;   se amplió el alto el 1 de agosto de 2016*/
	height: 1420px;/* Tenia el tamaño de 1290 pero se aumento por el nuevo banner*/
	text-align: left;
}

#text img{
margin-top:2px;
}

.lateralmedio {
	width: 563px;
	height: auto;
	color: #575756;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}
.lateralderecha {
	width: 196px;
	height: auto;
	float: left;
	position: relative;
}


/* Menus con Li cuadrito verde */
.secciones {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	text-align: left;
	width: 170px;
	height: 30px;
	list-style-image: url(../imagenes/vineta_2.jpg);
	background-position: top;
	padding-left: 3px;
}

/* Fin del Sitio Menu Inferior */
.barrafinal {
	height: 180px;
	width: 1086px;
	background-image: url(../imagenes/barra_final.jpg);
	background-color: #EAF1D2;
	margin-right: 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
}

/* Para las listas con cuadrito*/
.navi {  
	list-style:none;
	margin:0;
	padding:0;
	font-size: 12px;
	}
/*luego a los elementos de la lista...*/
.navi li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #575756;
	list-style-image: url(../imagenes/vineta-gris.jpg);
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 8px;
	margin-left: 30px;
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	color: #242f62;
	text-align: left;
	}

.navi a {
	font-weight: bold;
	color: #242f62;
	text-decoration: none;
}
.navi a:hover {
	color: #242f62;
	text-decoration: none;
}

.Titulosizquierda {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../imagenes/tituli_izq.jpg);
	height: 27px;
	width: 194px;
}


.linkstemas {
	font-size: 10px;
	color: C66D05;
	height: 30px;
	width: auto;
	margin-top: 5px;
	text-align: justify;
	margin-left: 5px;
	list-style-image: url(../imagenes/vineta_2.jpg);
	border-top-color: #003300;
	border-right-color: #003300;
	border-bottom-color: #003300;
	border-left-color: #003300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-weight: bold;
	float: left;
}
.cuerponoticias {
	height: auto;
	text-align: justify;
	margin-left: 5px;
	float: left;
	width: 536px;
	margin-right: 5px;
	font-weight: normal;
}
/* Encabezado para temas relacionados*/
.encabezadotemasrelacionados {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 17px;
	color: #FFFFFF;
	height: 27px;
	width: 546;
	font-weight: bold;
	background-image: url(../imagenes/barra_noticias.jpg);
	vertical-align:baseline;
	text-align: left;
	text-indent: 10px;
}


/* Tablas Conternidos*/

.Tablalistado {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #003300;
	border: 1px 1 #003300;
}

.Textostablas {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 11px;
	font-weight:lighter;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-right: 10px;
	}
	
	/* Barra Temas */

.navi2 {
	background-color: #E8E8E8;
	list-style-type: none;
	
	}
/*luego a los elementos de la lista...*/
.navi2 li {
	padding:0px;
	list-style-image: url(../imagenes/vineta-gris.jpg);
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 12px;
	color: #575756;
	text-align: left;
	font-weight: bold;
	}
	/* Links de Navegacion*/
a{
	color: #555555;
	font-weight: bold;
	/*color: #255B21;*/
	/*color: #588236;*/
	/*text-decoration:underline;*/
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	color: #555555;
	/*color: #255B21;
	font-weight: bold;*/
	}
	
	
.inicio {
	height: 31px;
	width: 87px;
}
.tramites {
	height: 31px;
	width: 116px;
	margin-left: 89px;
	margin-top: 0px;
}

.a2{
	color: #555555;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	}
	
a2:hover{
	text-decoration:none;
	color:#255B21;

}
.navegacion {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	height: 30px;
	margin-left: 10px;
	text-align: justify;
	width: 536px;
	float: left;
	margin-top: 5px;
}

/*Barra busqueda...*/
.search {
	
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
}
.lateralizquierdo {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../imagenes/lateral_izquierdo-2.jpg);
}
.navi2 a {
	font-weight: bold;
	color: #555555;
}

.navi2 a:hover {
	font-weight: bold;
	color: #555555;
}
/*.cuerponoticias li {
	list-style-image: url(../imagenes/flecha.jpg);
}*/

.FormatoMunicipio li {
	display: block;
	/*	list-style-image:url(../imagenes/nuevas/recuadro.png); */
	background-position:center;
	list-style-type: none;
	text-align: center;
	font-size:10px;
	float: left;
	height: 180px;
	width: 100px;
		
}

.FormatoTabla li {
	display: block;
	/*	list-style-image:url(../imagenes/nuevas/recuadro.png); */
	background-position:center;
	list-style-type: none;
	list-style-image:none;
	text-align: center;
	font-size:10px;
	float: left;
	height: 180px;
	width: 160px;	
}

.FormatoTabla2 li {
	display: block;
	/*	list-style-image:url(../imagenes/nuevas/recuadro.png); */
	background-position:center;
	list-style-type: none;
	text-align: center;
	font-size:10px;
	float: left;
	height: 150px;
	width: 143px;
		
}
.CuadernosMunicipales {
	background-image: url(../imagenes/cuadernos-municipales-du/marcos-cuadernos.jpg);
	background-position:center;
	list-style-type: none;
	text-align: center;
	font-size:10px;
	float: left;
	height: 202px;
	width: 152px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 8px;
	background-repeat: no-repeat;

}
/*Esto sirve para crear una caja contenedora con degradados superior e inferior*/
.box-borde-verde{
border:1px;
border-color:#666666;
border-style:solid;
height:auto;
width:535px;
}
.header-degradado-verde{
height:80px;
background-image: url(../imagenes/degradado-superior.jpg);
background-repeat:repeat-x;
font-size: 15px;
color: #666666;
font-family: 'Barlow', sans-serif; Arial, Helvetica;
font-weight: regular;
padding-right: 5px;
padding-left: 5px;

}
.footer-degradado-verde{
height:40px;
background-image: url(../imagenes/degradado-verde-inferior.jpg);
background-repeat:repeat-x;
font-size: 10px;
text-align:center;
padding-right: 5px;
padding-left: 5px;
}
/*Titulo con imagen verde bordes redondos*/
.barra-titulo{
background-image:url(../imagenes/barra_titulo.jpg); 
background-repeat:no-repeat;
padding-left:15px;
padding-top:5px;
height:30px;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
}
.MensajeRojo{
	font-size: 18px;
	color: #C80000;
	font-weight: bold;
}
.FormatoTablaZip ul {
    margin: 0px;
    padding: 0px;
}
.FormatoTablaZip li {
	display: block;
	float: left;
	height:95px;
	width: 95px;
	margin-right:10px;
	margin-bottom:5px;
	padding: 5px 5px 5px 5px;
	list-style-type: none;
	border: 1px solid #CCCCCC;
	text-align:center;
	font-size:9px;
	line-height:120%
	
}

.FormatoTablaVideo ul {
 	margin: 0px;
    padding: 0px;
}
.FormatoTablaVideo li {
	margin: 0 5px 5px 0;
	display: block;
	float: left;
	height: 130px;
	width: 125px;
	padding: 5px;
	list-style-type: none;
	list-style-image: none;
	border: 1px solid #CCCCCC;
	text-align:center;
	font-size:10px;
}
.BottonMozilla {
    -moz-transition-duration: 0.25s;
    -moz-transition-property: background-color, box-shadow;
    -moz-transition-timing-function: ease-out;
	background: none repeat scroll 0 0 transparent;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2));
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 0 1px rgba(9, 37, 59, 0.2), 0 1px 2px rgba(9, 37, 59, 0.2), 0 0 10px rgba(255, 255, 255, 0.4), 0 -3px 0 rgba(180, 194, 212, 0.3) inset;
	color: #2F600E;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
}
.BottonMozilla:hover{
    background-color: rgb(234, 241, 210);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    box-shadow: 0 0 0 1px rgba(9, 37, 59, 0.2), 0 1px 2px rgba(9, 37, 59, 0.4) inset, 0 1px 5px rgba(9, 37, 59, 0.15) inset;
}

.marcoverde {
border: 1px solid #96BE25;
padding:3px;
margin-left:5px;
float:right;
}
.marcoverdeizq {
border: 1px solid #96BE25;
padding:3px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
float:left;
}
/*Botones con imagen y CSS*/ 

/*El Botón CSS*/
a.BotonCSS{
background:url(../imagenes/salir.png) no-repeat 10px 7px;
text-indent:25px;
display:block;
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
padding-right:10px;
text-decoration:none;
width:215px;
}

a:hover.BotonCSS{
background-color:#990000;
color:#FFFFFF;
text-decoration:none;
}

a.BotonCSSNoImage{
display:block;
background-color:#f5f5f5;
color:#575756;
font-weight:bold;
height:20px;
text-decoration:none;
text-align:center;
padding:10px;
width:96%;
}

a:hover.BotonCSSNoImage{
background-color:#DDDDDD;
color:#575756;
text-decoration:none;
}


#tituloMunicipio h1{
text-transform:uppercase;
border-bottom: 1px dashed #2F600E;
}

.FormatoTablaFile ul {
    margin: 0px;
    padding: 0px;
}
.FormatoTablaFile li {
	display: block;
	float: left;
	height: 80px;
	width: 60px;
	margin-right:10px;
	margin-bottom:5px;
	padding: 5px 5px 5px 5px;
	list-style:none;
	list-style-type: none;
	border: 1px solid #CCCCCC;
	text-align:center;
	font-size:9px;
	line-height:120%
	
}
.FormatoTablaFotos150 ul {
    margin: 0px;
    padding: 0px;
}
.FormatoTablaFotos150 li {
	display: block;
	float: left;
	height: 150px;
	width: 150px;
	margin-right:5px;
	margin-bottom:5px;
	padding: 3px;
	list-style:none;
	list-style-type: none;
	border: 1px solid #CCCCCC;
	text-align:center;
	font-size:12px;
	line-height:120%
	
}

.pie p {
	font-family: 'Barlow', sans-serif; Arial, Helvetica;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	}

.pie a {
	font-weight:normal;
	color: #ffffff;
	text-decoration: none;
}
.pie a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/***************************/