/* Banner */

.bannertop{ width:100%; max-width:1630px; margin:0 auto; text-align: center; }
.bannertop img{ max-width:100%; }


/* estatutos */
.estatutos { background-color: #f9f9f9; width:100%; text-align: center; padding: 40px 0; font-size: 2.24em; font-weight:bold; line-height: 1.2; margin-bottom: 20px; }
.estatutos .estatuto { display: inline-block; margin:auto; width: 350px; text-align:right; color:#0b234a; text-decoration: none; }
.estatutos .estatuto span { font-size: 0.9em; color: #2d2d2d; font-weight: normal; }
.estatutos .estatuto img { float:right; height: 135px; padding: 0px 0 0px 20px; }

@media screen and (max-width:1160px) {
	.estatutos { padding: 35px 0; font-size: 1.88em; }
	.estatutos .estatuto { width: 300px; }
	.estatutos .estatuto img { height: 115px; }
}

@media screen and (max-width:768px) {
	.estatutos { padding: 30px 0; font-size: 1.52em; }
	.estatutos .estatuto { width: 260px; }
	.estatutos .estatuto img { height: 95px; }
}

@media screen and (max-width:500px) {
	.estatutos { padding: 25px 0; font-size: 1.16em; }
	.estatutos .estatuto { width: 200px; }
	.estatutos .estatuto img { height: 75px; }
}


/* transparencia */
.transparencia { font-weight: 600; text-align:left; padding: 20px 5% 0px 5%; width: 1360px; max-width: 100%; margin: 0 auto; }
.transparencia a { text-decoration: none; color:#2d2d2d; font-weight: 300; }

.transparencia .memorias { margin: 20px 0 40px 0; }
.transparencia .memorias .memoria { display:inline-block; vertical-align: top; font-size: 3em; line-height: 1; margin: 0px 2% 20px 0; width:22%; max-width: 260px; text-align: left; }
.transparencia .memorias .memoria img { padding: 0px 10px 10px 0; width: 100%; }
.transparencia .anuales { margin: 20px 0 40px 0; }
.transparencia .anuales .anual { display:inline-block; vertical-align: top; font-size: 3em; line-height: 1; padding:10px 5px; text-align: center; width:22%; max-width: 260px; margin: 0px 2% 15px 0; color:#fff; border-radius: 5px; }
.transparencia .anuales .anual.anualSmart { font-size: 1.3em;}
.transparencia .anuales .anual:first-child { background-color: #0e2c5c; }
.transparencia .anuales .anual:nth-child(2) { background-color: #19407e; }
.transparencia .anuales .anual:nth-child(3) { background-color: #235099; }
.transparencia .anuales .anual:nth-child(4) { background-color: #2c62b8; }
.transparencia .anuales .anual:nth-child(5) { background-color: #417ad4; }
.transparencia .anuales .anual:nth-child(6) { background-color: #5491f1; }

@media screen and (max-width:1160px) {
	.transparencia .memorias { margin: 0 0 10px 0; }
	.transparencia .memorias .memoria { font-size: 2.5em; }
	.transparencia .anuales { margin: 0 0 30px 0; }
	.transparencia .anuales .anual { font-size: 2.5em; }
	.transparencia .anuales .anual.anualSmart { font-size: 1.1em;}
}

@media screen and (max-width:768px) {
	.transparencia .memorias .memoria { width:30%; font-size: 2em; }
	.transparencia .anuales { margin: 0 0 20px 0; }
	.transparencia .anuales .anual { width:30%; font-size: 2em; }
	.transparencia .anuales .anual.anualSmart { font-size: 0.9em;}
}

@media screen and (max-width:500px) {
	.transparencia .memorias .memoria { font-size: 1.5em; }
	.transparencia .anuales { margin: 0 0 10px 0; }
	.transparencia .anuales .anual { font-size: 1.5em; }
	.transparencia .anuales .anual.anualSmart { font-size: 0.7em;}
}