@charset "utf-8";
/* CSS Document */
@font-face{
	src:url(../fuentes/ubuntu.ttf);
	font-family:'ubuntu';	
}
body{
	font-family:'ubuntu';	
}
header{
	width:96%;
	margin-left:2%;	
}
header nav ul{
	list-style:none;
	margin-top:20px;
		
}
figure a img{
	margin-bottom:15px;	
}
header nav ul li{
	float: left;
	background:#E6E7E8;
	font-size:1.1em;
	padding:10px;
	border-right:1px solid #FFF;	
}
.social{
	width:35px;	
	height:auto;
	cursor:pointer;
}
.social a{
		
	width:35px;	
	height:35px;
	color:rgba(0, 0, 0, 0);
}
.texto-gris{
	color:#727376;	
}
.margen-20{
	margin-top:20px;
}
#panel-pipo{
	width:100%;
	background:rgba(62,59,59,0.5);
	display:scroll;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
}
.centrado{
	width:450px;
	margin:0 auto;	
}
#panel-pipo img{
	width:100%;
	margin-top:5%;	
}
.twitter{
	background: #E6E7E8 url(../imagenes/twitter.png) no-repeat center;	
}
.facebook{
	background: #E6E7E8 url(../imagenes/facebook.png) no-repeat center;	
}
.instagram{
	background: #E6E7E8 url(../imagenes/instagram.png) no-repeat center;	
}
.home{
	background: #E6E7E8 url(../imagenes/home-4-24@1.png) no-repeat center;	
}
.home:hover{
	background: #E6E7E8 url(../imagenes/home-4-24.png) no-repeat center;	
}
.rss{
	background: #E6E7E8 url(../imagenes/rss.png) no-repeat center;	
}
.rss:hover{
	background: #E6E7E8 url(../imagenes/rss2.png) no-repeat center;	
}
.youtube{
	background: #E6E7E8 url(../imagenes/youtube.png) no-repeat center;	
}
.youtube:hover{
	background: #E6E7E8 url(../imagenes/youtube2.png) no-repeat center;	
}
.twitter:hover{
	background: #E6E7E8 url(../imagenes/twitter2.png) no-repeat center;	
}
.facebook:hover{
	background: #E6E7E8 url(../imagenes/facebook2.png) no-repeat center;	
}
.instagram:hover{
	background: #E6E7E8 url(../imagenes/instagram2.png) no-repeat center;	
}
.barra{
	width:100%;
	height:437px;
	background:url(../imagenes/la%20imagen.png);
	background-size: cover;
	padding-top:350px;
	text-align:right;
	padding-right:20px;	
}
.programas{
	width:96%;		
	margin-top:45px;
}
.hijo{
	margin-left:15px;	
}
.hijo2{
	margin-left:30px;	
}
.inspector p{
	margin:0px;	
}
.nombre-inpector{
	font-size:1.3555em;
	color:#848688;	
}
.item-programa{
	 background:url(../imagenes/rueda.png) no-repeat right center;
	 font-size:1.4em;
	 padding-right:45px;
	 height:auto;
	 height:55px;
	color:#848688;	
	margin-right:5px;
}
.dos-columnas {
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    
    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;
}
.item-programa:hover{	 
	 text-decoration:none;
	 background:url(../imagenes/rueda1.png) no-repeat right center; 
	color:#076799;	

}
.negrita{
	font-weight:bold;
}
.marco{
	border-right:solid 2px #BDBFC1;	
	margin-right:3px;
	
}
.noticias{
	width:96%;
	margin-left:2%;
	margin-top:30px;	
}
.noticias-titulo{
	color:#076799;
	font-size:1.1em;
	font-weight:bold;	
}
.noticias-descripcion{
	font-size:0.8em;	
}
.frase{
	text-align:center;	
	color:#848688;
	margin-top:15px;
	font-size:1.7em;
}
.texto-azul{
	color:#076799;
	font-weight:bold;	
}
.secretarias{
	width:96%;
	margin-left:2%;	
}
.secretaria{
	width:96%%;	
	padding:0px;
	margin:0px;
	margin-top:25px;
}
.texto-secretria{
	width:50%;
	float:left;
	
	height:305px;
	color:#fff;	
	padding:20px;
	
}
.descripcion-secretaria{
	text-align:justify;	
}
.texto-secretria a{
	text-decoration:none;
	color:#fff;	
}
.titulo-secretria{
	font-size:1.6em;
		
}

.imagen-secretaria{
	width:50%;
	float:left;
	
	height:305px;
	color:#fff;	
	padding:20px;
	
}
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #848688;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#0098da; color:#fff;}
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; color:#848688; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #848688;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px;
	font-size:0.9em;
	
	font-weight:normal;
	
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #076799 5%, #076799 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #076799), color-stop(1, #076799) );
	background:-moz-linear-gradient( center top, #076799 5%, #076799 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#076799", endColorstr="#076799");	background: -o-linear-gradient(top,#076799,076799);

	background-color:#076799;
	border:0px solid #848688;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #076799 5%, #076799 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #076799), color-stop(1, #076799) );
	background:-moz-linear-gradient( center top, #076799 5%, #076799 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#076799", endColorstr="#076799");	background: -o-linear-gradient(top,#076799,076799);

	background-color:#076799;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
table tr td a{
	text-decoration:none;
	color:#000;	
}
.juventud{
	background:url(../imagenes/juventud.jpg) no-repeat;
}
.thumano{
	background:url(../imagenes/thumano.png) no-repeat;
}
.participacion{
	background:url(../imagenes/pcomunitaria.png) no-repeat;
}
.general{
	background:url(../imagenes/sec-general.png) no-repeat;		
}
.infraestructura{
	background:url(../imagenes/sec-infraestructura.png)  no-repeat;	
}
.hacienda{
	background:url(../imagenes/sec-hacienda.png) no-repeat;	
}
.gobierno{
	background:url(../imagenes/sec-gobierno.png) no-repeat;	
}
.planeacion{
	background:url(../imagenes/sec-planeacion.png) no-repeat;	
}
.educacion{
	background:url(../imagenes/sec-educacion.png) no-repeat;	
}
.transito{
	background:url(../imagenes/sec-transito.png) no-repeat;	
}
.salud{
	background:url(../imagenes/salud.png) no-repeat;	
}
.color-cafe{
	background:#847059;
}
.color-rojo{
 	background:#CA3438;	
}
.color-azul{
	background:#076799;	
}
.color-azulbajo{
	background:#51A8B1;	
}
.color-amarillo{
	background:#DAA939;	
}
.color-azulcielo{
	background:#0098DA;		
}

.color-verde{
	background:#A8CF45;
}
.color-morado{
	background:#CB4296;	
}

.barra2{
	width:100%;
	height:437px;
	background:url(../imagenes/la%20imagen2.png);
	padding-top:350px;
	text-align:right;
	padding-right:20px;	
	margin-top:35px;
}
.varios{
	width:96%;
	margin-left:2%;	
}
.encuesta{
	width:96%;
	border:solid 1px #666666;
	height:260px;
	color:#076799;
	padding:20px;	
}
.enunciado{
	font-size:1.3em;	
}
.opciones{
	width:94%;
	margin-left:3%;	
	border:solid 1px #666666;
	padding:20px;
}
.justificar{
	text-align:justify;	
}
.opcion{
	height:31px;
	width:90%;
	margin-left:5%;
	background:url(../imagenes/opcion.png) no-repeat left center;
	padding-left:31px;
	font-size:24px;
	padding-top:1px;
	margin-top:10px;	
}
.votar-boton{
	padding:5px;
	text-decoration:none;
	color:#fff;
	background:#076799;
	font-size:1.5em;
	margin-top:40px;	
}
.widget-twitter{
	width:96%;
	height:260px;
	padding:0px;	
}
aside{
	width:96%;
	height:260px;
	background:#076799;	
	padding-top:15px;
}
aside ul{
	list-style:none;	
}
aside ul li a{
	text-decoration:none;
	color:#fff;	
	
	
}
aside ul li{
	border-bottom:solid 2px #fff;
	width:90%;
	padding-left:0px;s
	margin-right:10%;
}
aside ul li a:hover{
	color:#27547A;	
}
footer{
	width:96%;
	margin-left:2%;	
	margin-top:35px;
}
.eslogan{
	width:96%;
	border-bottom:solid 4px #076799;
	margin-top:25px;
	padding-bottom:0px;
}
.progreso{
	font-size:1.967889em;
	color:#848688;
	margin-bottom:0px;	
}
.paratodos{
	font-size:1.6em;
	color:#076799;
	margin-top:-15px;	
	margin-bottom:-3px;		
}
.contacto{
	text-align:center;
	font-size:0.9em;
	margin-top:18px;	
}
.contacto p{
	margin:0px;	
}
.soporte{
	text-align:center;	
}

.page-contenido{
	width:96%;
	margin-left:2%;
	margin-top:35px;	
}
.texto-cafe{
	color:#847059;
}
.texto-azul-claro{
	color:#0098DA;	
}
.texto-azul-oscuro{
	color:#076799;	
}
.sec-titulo{
	font-size:2.3em;
	margin-bottom:-10px;
		
}
.telefono{
	
	height:18px;
	width:100%;
	padding-top:-5px;
		
}
.email{
	height:18px;
	width:100%;
	padding-top:-5px;	
}
.menos{
	font-size:1.5em;	
}
.img-alcalde{
	margin-left:-13px;	
}
.contenido-texto{
	margin-top:45px;	
}
.margen-amplio{
	margin-top:33%;	
}
.menu-secretaria ul{
	list-style:none;
	padding-right:40px;
	width:96%;
	padding-top:40px;
	padding-bottom:70px;
	border-right:solid 3px 	#848688;
	height:auto;	
}
.menu-secretaria ul li a{
	text-decoration:none;
	font-size:1.3em;
	color:#848688;
	
}
.menu-secretaria ul li a:hover{
	color:#076799;	
}
.panel-load{
		
}
menu-secretaria ul li:selected{
	border-bottom:2px solid #076799;	
}
.item-selct{
	border-bottom:2px solid #076799;	
}
.vista{
	display:block;	
}
.oculto{
	display:none;	
}
.img-marco{
	border: outset 7px #076799;
	border-radius:9px;	
}
.img-marco:hover{
	border: solid 7px #076799;	
}
.pie-img{
 margin:0px;
 padding:0px;
 font-size:1.0em;	
 margin-bottom:30px;
}
.pie-img p{
	 margin:0px;
 padding:0px;
 font-size:0.8em;
}
.nominaciones ul{
	list-style:url(../imagenes/lista-nominaciones.png);
}
.nominaciones ul li{
	font-size:1.3em;
	padding-bottom:3px;	
}
.titulo-menu{
	list-style:circle;
	font-size:1.5em;
	color:#0098DA;	
}
.noticia-alcalde p{
	margin:0px;
	;
}
.titulo-nota{
	color:#848688;
	font-size:1.8em;
}
.medio-origen{
	color:#076799;
	font-size:1.3em;
}
#menu-movil{
	width:100%;	
	height:auto;
	background:#19AEFF;
	text-align:center;
	list-style:none;
	margin-bottom:20px;
	display:none;
}
#menu-movil li{
	margin-bottom:10px;	
	border-bottom:solid 2px #fff;
}
#menu-movil li a{
	text-decoration:none;
	color:#fff;
	font-size:1.3em;	
	
}
.seccion{
	color:	#0098DA;;
	
}
.seccion::after { 
    content: "";
	color:#0C3;
}




#btn-menu{
	font-size:35px;
	height:45px;
	background:#19AEFF url(../imagenes/menu.png) no-repeat right center;
	text-align:center;
	color:#fff;	
	border-bottom:solid 2px #fff;
	padding-bottom:10px;
	display:none;
}



.galeria-carousel{
	width:70%;
	margin-left:15%;
	height:450px;
	margin-top:40px;	
}
.listados{
 
 border:none;	
}
.listados li{
	list-style:url(../imagenes/lista-b.png);	
	
}

@media screen and (max-width:1600px){ 
	header nav ul li{
		float: left;
		background:#E6E7E8;
		font-size:1.5em;
		padding:10px;
		border-right:1px solid #FFF;	
	}
	.barra{
		width:100%;
		height:364px;
        background: url(../imagenes/la%20imagen@1600.png) no-repeat;
		padding-top:280px;
		text-align:right;
		padding-right:20px;	
	}
	.barra2{
		width:100%;
		height:364px;
        background: url(../imagenes/la%20imagen2@1600.png) no-repeat;
		padding-top:280px;
		text-align:right;
		padding-right:20px;	
	}
}
@media screen and (max-width:1366px){ 
	.barra{
		width:100%;
		height:310px;
        background: url(../imagenes/la%20imagen@1366.png) no-repeat;
		padding-top:250px;
		text-align:right;
		padding-right:20px;	
	}
	header nav ul li{
		float: left;
		background:#E6E7E8;
		font-size:1.3em;
		padding:10px;
		border-right:1px solid #FFF;	
	}
	.barra2{
		width:100%;
		height:310px;
        background: url(../imagenes/la%20imagen2@1366.png) no-repeat;
		padding-top:250px;
		text-align:right;
		padding-right:20px;	
	}
}

@media screen and (max-width:1280px){ 
	.barra{
		width:100%;
		height:291px;
        background: url(../imagenes/la%20imagen@1280.png) no-repeat;
	}
}
@media screen and (max-width:1024px){ 
	.barra{
		width:100%;
		height:233px;
        background: url(../imagenes/la%20imagen@1024.png) no-repeat;
	}
}
@media screen and (max-width:800px){ 
	.barra{
		width:100%;
		height:182px;
        background: url(../imagenes/la%20imagen@800.png) no-repeat;
	}
}
@media screen and (max-width:720px){ 
	.barra{
		width:100%;
		height:164px;
        background: url(../imagenes/la%20imagen@720.png) no-repeat;
	}
}
@media screen and (max-width:640px){ 
	.barra{
		width:100%;
		height:145px;
        background: url(../imagenes/la%20imagen@640.png) no-repeat;
	}
}
@media screen and (max-width:512px){ 
	.barra{
		width:100%;
		height:116px;
        background: url(../imagenes/la%20imagen@512.png) no-repeat;
	}	

}
@media screen and (max-width:320px){ 
	.barra{
		width:100%;
		height:73px;
        background: url(../imagenes/la%20imagen@512.png) no-repeat;
	}	
}


#nota:first-letter{
	font-size:2.3em;
	
}
.tranparencia ul{
	border:none;
		
}
.tranparencia ul ul{
	border:none;
	margin-top:-40px;
	margin-bottom:-60px;	
}
.descargas ul{

	border: none;
}
.descargas ul li{

	list-style: url("../imagenes/download-2-16.png");
	padding-left: 7px;
	margin-bottom: 7px;
}
.descargas ul li:hover{

	list-style: url("../imagenes/download-2-16-2.png");
}
.imagen img{
	border:#848688 7px solid;
	
}
.imagen{
	padding-bottom:20px;	
}
.imagen img:hover{
	border:#6BBE50 10px solid;
	animation-duration: 0.3s;
  animation-name: slidein;
	
}

.card {
  padding:1.5rem;
  box-shadow:0 1px 2px #aaa;
  background:white;
  margin:0 1rem 1rem;
  border-radius:3px;
  user-select:none;
  animation:fly-in-from-left .5s 1s ease both;
  transform-origin:top left;
}
.card:nth-child(even){
  animation-name:fly-in-from-right;
  animation-delay:1.1s;
 transform-origin:top right;
}

@keyframes fly-in-from-left {
  from {
    transform:translateY(15rem) rotate(15deg);
    opacity:0;
  }
}

@keyframes fly-in-from-right {
  from {
    transform:translateY(15rem) rotate(-15deg);
    opacity:0;
  }
}

.card:after {
  position:absolute;
  font-size:.9rem;
  top:1.5rem;
  right:1rem;
  content:"i";
  border:thin solid gray;
  color:gray;
  width:1rem;
  line-height:1rem;
  text-align:center;
  border-radius:50%;
  pointer-events:none;
}


@keyframes slidein {
  from {
   border:#6BBE50 7px solid;
  }

  to {
   border:#6BBE50 10px solid;
  }
}