@font-face {
	font-family: Merriweather;
	src: url("fonts/Merriweather-Regular.ttf");
}

/*TABLA DE ARMONIZACION Y SMDIF*/
#tablaArmo {
	font-family: 'Merriweather', serif;
	font-size: 12px;
}

#ventTabla {
	width: 100%;
}

#titEvidSevac {
	background-color: rgb(1, 184, 168);
	color: white;
	text-align: center;
	padding: 0px 5px;
	font-size: 10px;
}

#cabecAnio {
	text-align: center;
	color: #BDBDBD;
	font-weight: bold;
	font-size: 16px;
	background-color: #E3E2E2;
}

.numeroTrimestre {
	background-color: #51B452;
	text-align: center;
	color: white;
	font-family: 'Merriweather';
	font-size: 11px;
	padding: 0px 3px;
}

.numeroTrimestreSMDIF {
	background-color: #ED3237;
	text-align: center;
	color: white;
	font-family: 'Merriweather';
	font-size: 11px;
	padding: 0px 3px;
}

.imgCarpeta {
	width: 50px;
	height: 50px;
}

#ventTabla2021 {
	width: 100%;
	height: 600px;
}

#ventTabla2020 {
	width: 100%;
	height: 600px;
}

.bodyTablas {
	font-family: 'Merriweather', serif;
}

.bodyTablas td {
	/*Esta al reves*/
	font-size: 12px;
}

#ventTabla2019 {
	width: 100%;
	height: 600px;
}

#ventTabla2018 {
	width: 100%;
	height: 600px;
}

/*DESARROLLO SOCIAL*/
#ventTablaDesar {
	width: 100%;
}

#titDeslloTabla {
	text-align: center;
	color: white;
	font-family: 'Merriweather';
	font-size: 11px;
	padding: 0px 3px;
}

/*TRANSPARENCIA*/
.imagenProac {
	width: 250px;
	padding: 7px;
	margin-top: 5px;
	display: block;
}

.imagenProac:hover {
	background-color: rgba(220, 220, 220, .8);
}

/*TRAMITES*/
.infoImgTramites {
	width: 30px;
	height: 30px;
}

.infoImgTramitesDisab {
	width: 30px;
	height: 30px;
}

.celdaTra {
	width: 50%;
	text-align: center;
	font-size: 15px;
	font-family: 'Merriweather', serif;
	color: #4B4B4B;
	background-color: #E3E2E2;
	padding: 5px 0px;
}

.departamento {
	text-align: center;
	font-size: 13px;
	font-style: bold;
}

.info {
	text-align: center;
}

/*ARCHIVOS TRAMITES*/
.titTramite {
	font-size: 35px;
	font-family: 'Merriweather', serif;
}

.tel-mailTra {
	font-size: 12px;
	font-family: 'Merriweather', serif;
	font-weight: 100;
}

.tituloTblTra {
	font-family: 'Merriweather', serif;
	font-size: 20px;
	text-align: center;
	background-color: rgb(55, 65, 81);
	color: white;
	border-bottom: black solid 2px;
}

.celdaTblTra {
	font-family: 'Merriweather', serif;
	font-size: 12px;
	text-align: left;
	padding: 5px 20px;
	background-color: lightgray;
	border-bottom: #8B8B8B solid 2px;
}

.celdaTblTraReq {
	font-family: 'Merriweather', serif;
	font-size: 12px;
	text-align: left;
	padding: 5px 20px;
	background-color: lightgray;
	border-bottom: #8B8B8B solid 2px;
	border-left: #8B8B8B solid 2px;
}


/*SMDIF / AYUNTAMIENTO*/
.celdaDir {
	width: 50%;
	text-align: center;
	font-size: 20px;
	font-family: 'Merriweather', serif;
	color: #4B4B4B;
	background-color: #E3E2E2;
	padding: 5px 0px;
}

.nomDirec {
	font-family: 'Merriweather', serif;
	font-size: 11px;
	color: #222;
	padding: 5px 7px;
}

.puesto {
	font-family: 'Merriweather', serif;
	font-size: 11px;
	color: #222;
	padding: 5px 7px;
}

@media (min-width: 1024px) {

	/*TABLA ARMONIZACION Y SMDIF*/
	#cabecAnio {
		font-size: 30px;
	}

	.numeroTrimestre {
		font-size: 16px;
	}

	.numeroTrimestreSMDIF {
		font-size: 16px;
	}

	.imgCarpeta {
		width: 100px;
		height: 100px;
	}

	#ventTabla2021 {
		width: 70%;
	}

	#ventTabla2020 {
		width: 70%;
	}

	#ventTabla2019 {
		width: 70%;
	}

	#ventTabla2018 {
		width: 70%;
	}

	/*DESARROLLO*/
	#titDeslloTabla {
		font-size: 25px;
		padding: 0px 4px;
	}

	/*TABLA DE TRAMITES*/
	#tblTramites {
		width: 90%;
	}

	#rfc {
		width: 90%;
	}

	/*TRAMITES*/

	.celdaTra {
		font-size: 23px;
	}

	.departamento {
		font-size: 18px;
	}

	/*SMDIF*/
	.celdaDir {
		width: 50%;
		text-align: center;
		font-size: 30px;
		font-family: 'Merriweather', serif;
		color: #8B8B8B;
		background-color: #E3E2E2;
		padding: 5px 0px;
		padding-left: 20px;
	}

	.nomDirec {
		font-size: 15px;
		padding: 5px 15px;
	}

	.puesto {
		font-size: 15px;
		padding: 5px 15px;
	}

}

@media (min-width: 500px) {

	/*TABLA ARMONIZACION Y SMDIF*/

	#titEvidSevac {
		font-size: 18px;
	}

	#cabecAnio {
		font-size: 25px;
	}

	.numeroTrimestre {
		font-size: 14px;
		padding: 0px 2px;
	}

	.numeroTrimestreSMDIF {
		font-size: 14px;
		padding: 0px 2px;
	}

	.imgCarpeta {
		width: 85px;
		height: 85px;
		transition: all 300ms;
	}

	.imgCarpeta:hover {
		transform: scale(1.1, 1.1);
	}

	.imgCarpeta2 {
		width: 85px;
		height: 85px;
	}

	.bodyTablas td {
		font-size: 16px;
	}

	#ventTabla2021 {
		width: 90%;
	}

	#ventTabla2020 {
		width: 90%;
	}

	#ventTabla2019 {
		width: 90%;
	}

	#ventTabla2018 {
		width: 90%;
	}

	/**/
	#ventTabla {
		width: 95%;
	}

	/*DESARROLLO*/
	#ventTablaDesar {
		width: 70%;
	}

	#titDeslloTabla {
		font-size: 17px;
		padding: 0px 4px;
	}

	/*TRAMITES*/
	.infoImgTramites {
		width: 40px;
		height: 40px;
	}

	.infoImgTramitesDisab {
		width: 40px;
		height: 40px;
	}

	.celdaTra {
		font-size: 20px;
	}

	.departamento {
		font-size: 16px;
	}

	/*ARCHIVOS TRAMITES*/
	.tel-mailTra {
		font-size: 14px;
	}

	.tituloTblTra {
		font-size: 25px;
	}

	.celdaTblTra {
		font-size: 15px;
	}

	.celdaTblTraReq {
		font-size: 15px;
	}

	/**/

	.imagenProac {
		width: 300px;
		padding: 5px;
	}

	.celdaDir {
		width: 50%;
		text-align: center;
		font-size: 30px;
		font-family: 'Merriweather', serif;
		color: #8B8B8B;
		background-color: #E3E2E2;
		padding: 5px 0px;
		padding-left: 20px;
	}

	.imagenProac:hover {
		background-color: rgba(220, 220, 220, .8);
	}

	/*SMDIF*/
	.nomDirec {
		font-size: 13px;
		padding: 5px 10px;
	}

	.puesto {
		font-size: 13px;
		padding: 5px 10px;
	}
}

@media (max-width: 499px) {
	/*TABLA ARMONIZACION Y SMDIF*/

	#titEvidSevac {
		font-size: 18px;
	}

	#cabecAnio {
		font-size: 25px;
	}

	.numeroTrimestre {
		font-size: 14px;
		padding: 0px 2px;
	}

	.numeroTrimestreSMDIF {
		font-size: 14px;
		padding: 0px 2px;
	}

	.imgCarpeta {
		width: 85px;
		height: 85px;
		transition: all 300ms;
	}

	.imgCarpeta:hover {
		transform: scale(1.1, 1.1);
	}

	.imgCarpeta2 {
		width: 85px;
		height: 85px;
	}

	.bodyTablas td {
		font-size: 16px;
	}

	#ventTabla2021 {
		width: 90%;
	}

	#ventTabla2020 {
		width: 90%;
	}

	#ventTabla2019 {
		width: 90%;
	}

	#ventTabla2018 {
		width: 90%;
	}

	/**/
	#ventTabla {
		width: 95%;
	}

	/*DESARROLLO*/
	#ventTablaDesar {
		width: 70%;
	}

	#titDeslloTabla {
		font-size: 17px;
		padding: 0px 4px;
	}

	/*TRAMITES*/
	.infoImgTramites {
		width: 40px;
		height: 40px;
	}

	.infoImgTramitesDisab {
		width: 40px;
		height: 40px;
	}

	.celdaTra {
		font-size: 20px;
	}

	.departamento {
		font-size: 16px;
	}

	/*ARCHIVOS TRAMITES*/
	.tel-mailTra {
		font-size: 14px;
	}

	.tituloTblTra {
		font-size: 25px;
	}

	.celdaTblTra {
		font-size: 15px;
	}

	.celdaTblTraReq {
		font-size: 15px;
	}

	/**/

	.imagenProac {
		width: 300px;
		padding: 5px;
	}

	.celdaDir {
		width: 50%;
		text-align: center;
		font-size: 30px;
		font-family: 'Merriweather', serif;
		color: #8B8B8B;
		background-color: #E3E2E2;
		padding: 5px 0px;
		padding-left: 20px;
	}

	.imagenProac:hover {
		background-color: rgba(220, 220, 220, .8);
	}

	/*SMDIF*/
	.nomDirec {
		font-size: 13px;
		padding: 5px 10px;
	}

	.puesto {
		font-size: 13px;
		padding: 5px 10px;
	}
}

@media (max-width: 448px) {
	/*TABLA ARMONIZACION Y SMDIF*/

	#titEvidSevac {
		font-size: 10px;
	}

	#cabecAnio {
		font-size: 18px;
	}

	.numeroTrimestre {
		font-size: 11px;
		padding: 0px 1px;
	}

	.numeroTrimestreSMDIF {
		font-size: 11px;
		padding: 0px 1px;
	}

	.imgCarpeta {
		width: 70%;
		height: 70%;
		transition: all 300ms;
	}

	.imgCarpeta:hover {
		transform: scale(1.1, 1.1);
	}

	.imgCarpeta2 {
		width: 70%;
		height: 70%;
	}

	/*DESARROLLO*/
	#ventTablaDesar {
		width: 95%;
	}

	#titDeslloTabla {
		font-size: 12px;
		padding: 0px 2px;
	}

	/*TRAMITES*/
	.infoImgTramites {
		width: 30px;
		height: 30px;
	}

	.infoImgTramitesDisab {
		width: 30px;
		height: 30px;
	}

	.celdaTra {
		font-size: 16px;
	}

	.departamento {
		font-size: 16px;
	}

	/*ARCHIVOS TRAMITES*/
	.tel-mailTra {
		font-size: 14px;
	}

	.tituloTblTra {
		font-size: 25px;
	}

	.celdaTblTra {
		font-size: 15px;
	}

	.celdaTblTraReq {
		font-size: 13px;
	}

	.imagenProac {
		width: 300px;
		padding: 5px;
	}

	.celdaDir {
		width: 50%;
		text-align: center;
		font-size: 20px;
		font-family: 'Merriweather', serif;
		color: #8B8B8B;
		background-color: #E3E2E2;
		padding: 5px 0px;
		padding-left: 20px;
	}

	.imagenProac:hover {
		background-color: rgba(220, 220, 220, .8);
	}
}

@media (max-width: 402px) {
	#titDeslloTabla {
		font-size: 11px;
		padding: 0px 1px;
	}
}

@media (max-width: 360px) {
	/*TABLA ARMONIZACION Y SMDIF*/

	#titEvidSevac {
		font-size: 9px;
	}

	.numeroTrimestre {
		font-size: 10px;
		padding: 0px 1px;
	}

	.numeroTrimestreSMDIF {
		font-size: 10px;
		padding: 0px 1px;
	}
}