/* PRIMERA SECCION PORTADA */

h1#slider-text {
/* Aqui se puede cambiar el color del titulo de la portada */ 

background: rgba(255,255,255,1) ;

    /* El primer dato es una sombra interior el sgundo es el color de la letra */

	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* ###################  SEGUNDA SECCION VIDEO Y COMPETENCIAS  ############################*/

.competencias {
	/* Aqui se cambia el color del fondo de la seccion competencias y video */ background: #283da3;}

.carousel-item h2{
		
/* Aqui se camia el color del titulo del carrusel */color:#fff;}
	
.carousel-item p{
/* Aqui se camia el color del texto del carrusel */	color:#fff;}









/* ##################### TERCERA SECCION MODULOS ####################################### */


section#content {
/* Aqui se cambia el color de fondo de la seccion de modulos */		background-color: #27388E;	}

.box_info2 {
/* Aqui se cambia el color de fondo de las tarjetas de los modulos */	background-color: #fff; }

.title_box_info2{
/* Aqui se cambia el color del titulo de los modulos */	color: #283da3;
}

.btn {
/* Aqui se cambia el color del fondo del botón */	background: #283da3 !important; /*COLOR DEL FONDO DEL BOTÓN*/
/* Aqui se cambia el color del texto del botón */	color: #fff !important;    /*COLOR DE LA LETRA DEL BOTÓN*/
	
	}

.content2 .row a p {
/* Aqui se cambia el color de las palabras "Repaso y Actividad"  */	color: #283da3; }



/* ########################  AQUI SE PUEDEN EDIDAR COLORES DE LA BARRA  DE MENU DESPLEGABLE #################### */



.menu_desplegable{
/* Color barra menu desplegable */	background: #3342ad;}

.flecha_desplegable {
/* Color fondo icono flecha */	background-color: #fff;}

.flecha_desplegable .fa-chevron-circle-down {
 /* Color icono flecha */   color: #f95319;}


.lineamientos_desplegable {
/* Color fondo icono */	 background-color: #f95319;}

.menu_desplegable:hover > .lineamientos_desplegable{
 /* Color relleno icono */   fill:#fff;}


 .ico_1:after,.ico_2:after,.ico_3:after,.ico_4:after,.ico_5:after,.ico_6:after{
/* Color fondo barra de texto del icono */ background-color: #fff;
/* Color fondo texto del icono */ 	 color: #000; }










 

 #copyright{}
 .footer_index {
/* AQUI SE CAMBIA EL COLOR DE FONDO DEL FOOTER */ background-color: #223283;
/* AQUI SE CAMBIA EL COLOR DE TEXTO DEL FOOTER */		color: #fff;
	}