
/* Banner */

.bannertop{ width:100%; max-width:1630px; margin:0 auto; text-align: center; }
.bannertop img{ max-width:100%; }



/* organigrama */
.organigrama { font-weight: 600; background-color: #f9f9f9; text-align:center; padding: 20px 5% 40px 5%; }
.organigrama .tablaOrganigrama { font-size: 18px; }
.organigrama tr, .organigrama td { text-align:center; }
.organigrama .tercio { width: 6%; }
.organigrama .espacio { width: 2.5%; }
.organigrama .organoAncho { color:#ffffff; padding: 30px 0px; background: url("/img/punta.png") center top no-repeat; border-radius: 5px; }
.organigrama .organoAncho1 { background-color:#0e2c5c; }
.organigrama .organoAncho2 { background-color:#5b8cdc; }
.organigrama .organoAncho3 { background-color:#86c5e9; }
.organigrama .organoEstrecho { color:#0b234a; padding: 30px 10px; background: #bdf3ff url("/img/punta.png") center top no-repeat; border-radius: 5px; }
.organigrama .flecha { text-align:center; height: 33px; background: url("/img/flecha.png") center center no-repeat; }
.organigrama .flechaIzquierda { text-align:center; height: 46px; background: url("/img/flecha-izquierda.png") center center no-repeat; }
.organigrama .flechaCentro { text-align:center; height: 46px; background: url("/img/flecha-centro.png") center center no-repeat; }
.organigrama .flechaLateral { text-align:center; height: 46px; background: url("/img/flecha-lateral.png") center center no-repeat; }
.organigrama .flechaDerecha { text-align:center; height: 46px; background: url("/img/flecha-derecha.png") center center no-repeat; }
.organigrama .flechaLinea { text-align:center; height: 46px; background: url("/img/flecha-linea.png") center center repeat-x; }
.organigrama .organoGrande { color:#0b234a; padding:12px 1% 16px 2%; background: #e0faff url("/img/punta.png") center top no-repeat; text-align:left; text-transform: uppercase; border-radius: 5px; }

@media screen and (max-width:1160px) {
	.organigrama .tablaOrganigrama { font-size: 15px;}
}

@media screen and (max-width:960px) {
	.organigrama .tablaOrganigrama { font-size: 11px;}
}

@media screen and (max-width:768px) {
	.organigrama .tablaOrganigrama { font-size: 10px; }
	.organigrama .organoAncho, .organigrama .organoEstrecho { padding: 20px 10px; }
	.organigrama .organoGrande { padding:8px 1% 10px 2%; }
	.salto { display:block; }
	.salto::after { content:"-"; }
}

@media screen and (max-width:600px) {
	.organigrama .tablaOrganigrama { font-size: 9px; }
	.organigrama .organoAncho, .organigrama .organoEstrecho { padding: 15px 5px; }
}

@media screen and (max-width:500px) {
	.organigrama .tablaOrganigrama { font-size: 8px; }
}
@media screen and (max-width:420px) {
	.organigrama .tablaOrganigrama { font-size: 6px; }
	.salto2 { display:block; }
	.salto2::after { content:"-"; }	
}


/* junta */
.junta { font-weight: 600; padding: 20px 5% 0px 5%; width: 1360px; max-width: 100%; margin: 0 auto; }
.junta .miembro { display:inline-block; vertical-align: top; width: 30%; margin: 10px 1.4% 20px 1.4%; }
.junta .miembro img { float:left; padding-right: 10px; }
.junta .miembro .datosMiembro { height: 130px; display: flex; align-items: center; text-align:left; line-height: 1.2; }
.junta .miembro .datosMiembro .nombre { font-size: 0.94em; font-weight: 600; text-align:left; color: #0b234a; text-transform: uppercase; }
.junta .miembro .datosMiembro .cargo { font-size: 0.88em; text-align:left; text-transform: none; }

@media screen and (max-width:1160px) {
	.junta .miembro img { height: 120px; }
	.junta .miembro .datosMiembro { height: 120px; }
	.junta .miembro .datosMiembro .nombre { font-size: 0.82em; }
	.junta .miembro .datosMiembro .cargo { font-size: 0.76em; }
}

@media screen and (max-width:768px) {
	.junta .miembro { width: 46%; margin: 0 1.4% 25px 1.4%; }
	.junta .miembro img { height: 110px; }
	.junta .miembro .datosMiembro { height: 110px; }
}

@media screen and (max-width:500px) {
	.junta .miembro { width: 96%; margin: 0 1.4% 20px 1.4%; }
	.junta .miembro img { height: 100px; }
}
