/* Banner */

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


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

.transparencia .volver { text-align: right; }
.transparencia .volver a { color:#0b234a; text-decoration: none; }

.transparencia .intro { font-size: 1em; font-weight: normal; padding: 5px 0; }
.transparencia .anuales { }
.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.seleccionada { background-color: #cd3769 !important; }
.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; }
.transparencia .tituloTipo { width: 100%; font-size: 1.82em; color:#cd3769; border-bottom: solid black 3px; text-align:left; margin-bottom: 10px; padding-top: 20px; }

.transparencia .subvencion { font-size: 1.36em; padding-top: 30px; }
.transparencia .subvencion .logotipo { display:inline-block; width: 28%; margin-right:2%; vertical-align: top; text-align:center; }
.transparencia .subvencion .logotipo img { max-width: 100%; max-height: 250px; padding-top:10px; }
.transparencia .subvencion .textos { display:inline-block; width: 68%; vertical-align: top; }
.transparencia .subvencion .textos div { padding-bottom: 15px; }
.transparencia .subvencion .textos span { font-weight: normal; text-transform: uppercase; }

@media screen and (max-width:1160px) {
	.transparencia .volver { font-size: 1em; }
	.transparencia .intro { font-size: 0.88em; }
	.transparencia .anuales { margin: 0 0 30px 0; }
	.transparencia .anuales .anual { font-size: 2.5em; }
	.transparencia .tituloTipo { font-size: 1.58em; }
	.transparencia .subvencion { font-size: 1.18em; }
	.transparencia .subvencion .logotipo img { max-height: 200px; }
}

@media screen and (max-width:768px) {
	.transparencia .volver { font-size: 0.88em; }
	.transparencia .intro { font-size: 0.76em; }
	.transparencia .anuales { margin: 0 0 20px 0; }
	.transparencia .anuales .anual { width:30%; font-size: 2em; }
	.transparencia .tituloTipo { font-size: 1.34em; }
	.transparencia .subvencion { font-size: 1em; padding-top: 20px; }
	.transparencia .subvencion .logotipo img { max-height: 150px; }
	.transparencia .subvencion .textos div { padding-bottom: 12px; }
}

@media screen and (max-width:500px) {
	.transparencia .volver { font-size: 0.76em; }
	.transparencia .intro { font-size: 0.64em; }
	.transparencia .anuales { margin: 0 0 10px 0; }
	.transparencia .anuales .anual { font-size: 1.5em; }
	.transparencia .tituloTipo { font-size: 1em; }
	.transparencia .subvencion { font-size: 0.82em; padding-top: 12px; }

	.transparencia .subvencion .logotipo { display:block; width: 100%; margin-right:0%; text-align:center; }
	.transparencia .subvencion .logotipo img { max-width: 50%; max-height: 100px; padding-top:0px; padding-bottom: 15px; }
	.transparencia .subvencion .textos { display:block; width: 100%; }
	.transparencia .subvencion .textos div { padding-bottom: 10px; }
}