:root{
	--blanco: white;
	--black: black;
	--naranja: #DC602E;
	--naranja1: #E2711D; 
	--azul:  #071F40;
	--italiano: #34A956;
	--aleman: #f1b70e;
	--ingles: #9A031E;
	--frances: #137CC2;
	--fondo : #CCC7B9;
	--fondo1: #89A894;
	--fondo_frc: #EEE4E1;
	--fondo_ital: #F6FEDB;
	--fondo_alem: #D3D5D7;
	--gris: #5a5a5a;
}

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Montserrat', sans-serif;
	background-color: var(--fondo);
}

/* ================== ENCABEZADO ============*/

.encabezado{
    background-color: var(--azul);
	color: var(--blanco);
}

.encabezado_ing{
	background-color: var(--ingles);
	color: var(--blanco);
}

.encabezado_franc{
	background-color: var(--frances);
	color: var(--blanco);
}

.encabezado_ital{
	background-color: var(--italiano);
	color: var(--blanco);
}

.encabezado_alem{
	background-color: var(--aleman);
	color: var(--blanco);
}

.logo{
	max-width: 40%;
}

.btn{
	background-color:var(--blanco);
	color: var(--azul) !important;
}

.dropdown-item{
	color: var(--azul) !important;
}

.dropdown-item:hover{
	color: var(--blanco) !important;
}

.li_ingles:hover{
	background-color: var(--ingles) !important;
}

.li_frances:hover{
	background-color: var(--frances) !important;
}

.li_italiano:hover{
	background-color: var(--italiano) !important;
}

.li_aleman:hover{
	background-color: var(--aleman) !important;
}

/* ================== IMAGEN CENTRO ============*/

.centro{
	position: relative;
}

.img_centro{
	background: url(/img/fondo1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 45em;
}
/* ================== RECURSOS ============*/

.recursos{
	background-color: var(--fondo);
}

.recursos_ing{
	background-color: var(--fondo);
	color: var(--blanco);
}

.recursos_franc{
	background-color: var(--fondo_frc);
	color: var(--blanco);
}

.recursos_ital{
	background-color: var(--fondo_ital);
	color: var(--blanco);
}

.recursos_alem{
	background-color: var(--fondo_alem);
	color: var(--blanco);
}

.card-title{
	color: var(--white);
}

.card-ingles:hover{
	background-color: var(--ingles);
}

.card-frances:hover{
	background-color: var(--frances);
}

.card-ital:hover{
	background-color: var(--italiano);
}

.card-alem:hover{
	background-color: var(--aleman);
}

.card-body{
	background-color: var(--naranja);
	text-align: center;
}

.linkrecurso{
	text-decoration: none;
	color: var(--black);
}

/* ============ ACORDEON ===============*/
.acordeon{
	font-size: 18px;
}

/* ============ ALEMÁN ===============*/
.visitar{
	text-decoration: none;
}

.modal-footer h5{
	background-color: var(--aleman);
	border-radius: 10px;
}

.modal-footer a{
	color: var(--black);
}

.modal-footer a:hover{
	color: var(--blanco);
}