html{
        scroll-behavior: smooth;
}


body{
    background-color: #f4f4f4;
    font-family: 'Montserrat', serif;
    padding-bottom: 0;
        
}

.Colores {
        color: #f49529; /*- Carrot orange */
        color: #d3212f; /*- Flag red */
        color: #6c1321;  /*- Night bordeaux*/
        color: #f3f0ee; /*- Parchment*/
        color: #111d30; /*- Prussian blue*/
        color: #064061; /*- Yale blue*/
        color: #68a5ad;/*- Pacific blue*/
        color: #9da8ad; /*- Cool steel*/
        color: #0D293C; /*- Deep Spac*/
}



h1{
    font-weight: 300;
    font-size: 1rem;
    color: #0D293C;
    display: inline;
    padding-left: 20px;
}

        @media (max-width: 780px) {
                h1{
                        display: none;
                }
        }


        @media (max-width: 1080px) {
                h1{
                        font-size: .6 !important;
                }
        }


h2 {
    font-family: 'Montserrat', serif;
    font-weight: 300;
    font-size: 3rem;
    color: #d3212f;
}

h3{
    font-family: 'Montserrat', serif;
    font-weight: 300;
    font-size: 2rem;
    color: #6c1321;
}

h4{
        font-size: 1.2rem;
        font-weight: 300;
        color: #9da8ad;
}


p{
    font-family: 'Montserrat', serif;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.84);
}



.border{
        border: 1px solid blue !important;
}



/****** N A V E G A C I Ó N *******/

.navbar-brand img{
        height: 90px;
        /* padding-left: 130px; */

}

        @media (max-width: 780px) {
                .navbar-brand img{
                        height: 70px;
                        /* padding-left: 60px; */
                }
        }


        @media (max-width: 1080px) {
                .navbar-brand img{
                        height: 70px;
                        /* padding-left: 10px; */
                }
        }



.bg-light{
    background-color: rgba(255, 255, 255, .9) !important;
}


.nav-link{
        color: rgba(0, 0, 0, 0.84);
}

.nav-link:focus, .nav-link:hover {
    color: #d3212f;
}


/* dropdown menu */
.dropdown-menu {
  text-align: center;
}

.dropdown-item{
    color: #0D293C;
    font-size: .9rem;
    text-align: left;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #d3212f;

}


                                    <li><hr class="dropdown-divider"></li>

.navbar-expand-md .navbar-collapse {
    margin-right: 30px;
}

        @media (max-width: 780px) 
            {
                .navbar-collapse {
                     margin-left: 20px;
            }

        }

.disabled{
        color: #0D293C !important;
}


.btn.disabled{
        background-color: inherit;
}


.color-alumno{
        color:#555;
}

/********* B o t o n   f l o t a n t e **********/

.btn-float{
	position: fixed;
	bottom: 100px;
	right: 5px;
	transition: all 300ms ease 0ms;
	z-index: 99;
	width: 70px;
	opacity: .7;
}

.btn-float div:hover{
	transform: scale(1.1);
	transition: all 300ms ease 0ms;
}
.btn-float:hover{
	opacity: 1 !important;
}
	

@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 0px;
	}
} 


/***** C A R R U S E L *******/

.carousel {
        margin-top: -80px;
}

.carousel {
    margin-bottom: 0rem;
}

.carousel-item {
    height: 60rem;
}

.carousel h2 {
        font-weight: 400;
        font-size: 2rem;
        color: #fff;     
}

.carousel h3 {
        font-weight: 300;
        font-size: 1.1rem;
        color: #fff;     
}


.carousel h3 a{
        font-weight: 400;
        text-decoration: none;
        font-size: 1.8rem;
        color: #d3212f; 
        transition: all 0.2s ease-in-out;   
}

.carousel h3 a:hover{
        color: #f49529;
        transform: scale(1.3);
}



.lineaR{
        border-left: 0;
        border-right: 6px;
        border-top: 0;
        border-bottom: 0;
        border-color: #9da8ad;
        padding-right: 20px;
        border-style: solid;
}


.slider1{
        background-image: url(../images/slider-01.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}

        @media (max-width: 780px) {
                    .slider1{
                        font-size: 3rem;
                        background-position: 100% center;
                        background-size: cover;
                        background-color: #9da8ad;
                }
                    .slider1 h3{
                        font-size: 1.5rem;
                }
                    .slider1 h3 a{
                        font-size: 1.2rem;
                }
                    .slider1 div{
                        background-color: rgba(171,199,216,0.7);
                }
        }


.slider2{
        background-image: url(../images/slider-02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}
        @media (max-width: 780px) {
                    .slider2{
                        font-size: 3rem;
                        background-position: 0% center;
                        background-size: cover;
                        background-color: #68a5ad;
                }
                    .slider2 h3{
                        font-size: 1.5rem;
                }
                    .slider2 h3 a{
                        font-size: 1.2rem;
                }
                    .slider2 div{
                        background-color: rgba(196,163,138,0.7);
                }
        }



.carousel-indicators [data-bs-target] {
        background-color: rgba(0, 0, 0, .8);
}
.carousel-indicators {
        bottom: 10px;
}

.carousel-item div{
        background-color: rgba(0, 0, 0, .3)
} 


/*************** VALORES ***************/

#valores{
        background-image: url(/images/ciudad-mx.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}
#valores h2{
        text-align: center;
}

#valores h3{
        text-align: center;
}

#valores ul {
  margin-left: 0;
  list-style: none;
  line-height: 2rem;
}

#valores ul li:before {
    content: "●";
    color: #d3212f;
    padding-right: 10px;
}

.valores-bkg{
        background-color: rgba(255, 255, 255, .7);
        padding: 20px;
        margin-top: 30px;
        border: 1px solid #9da8ad;
        border-radius: .3rem;
}

.valores-bkg i{
        font-size: 2.6rem;
        color: #9da8ad;
        margin: 0 auto;
        padding-bottom: 15px;
}


/***************** C O M P O N E N T E S ****************/

#componentes{
        background-color: #064061;
        
}

#componentes h2 {
        text-align: center;
        color: #f49529;
        }

#componentes h3 {
        text-align: center;
        font-weight: 500;
        }


.btn-dark {
        background-color: #68a5ad;
        border-color: #68a5ad;
        border-radius: 20px;
}

#componentes .btn:hover {
    color: #111d30;
    background-color: #f49529;
    border-color: #f49529;
}


/********** V I N C U L A C I Ó N *********/

#vinculacion{
        background-color: #0D293C;
        border-bottom: 10px solid #d3212f;
}

#vinculacion h2{
        text-align: center;
        color: #f49529;
}

#vinculacion h3{
        text-align: center;
        color: #9da8ad;
}



/*************** A C T I V I D A D E S ************/
#actividades{
        background-color: #fff;
}

#actividades h2{
        text-align: center;
}


#actividades ul {
  margin-left: 0;
  list-style: none;
  line-height: 2rem;
}

#actividades ul li:before {
    content: "●";
    color: #d3212f;
    padding-right: 10px;
}



/*************** F R E C U E N C I A ************/

#frecuencia{
        background-color: #0D293C;
        }

#frecuencia h2{
        font-size: 3rem;
        color: #f49529;
}

#frecuencia h2 span{
        color: #fff;
}

#frecuencia p{
        color: #FFF;
}

#frecuencia .btn:hover {
    color: #111d30;
    background-color: #f49529;
    border-color: #f49529;
}

#frecuencia img {
        max-width: 260px;
        max-height: 260px;
}

/*************** D I R E C T O R I O ************/
#directorio{
        background-color: #f4f4f4;
}

#directorio h2{
        text-align: center;
}


#directorio img{
        max-width: 50px;
        max-height: 50px;
}


#directorio table{
        background-color: #fff;
        border-radius: 20px;
}

#directorio li{
        display: inline-block;
        text-decoration: none;

}

/*************** F U N D A D O R A S ************/

#fundadoras{
        background-color: #FFF;
}
#fundadoras h2{
        text-align: center;
}

#fundadoras h3{
        text-align: center;
        font-size: 1.5rem;
        color: #9da8ad;
	transition: all 1000ms ease 0ms;
}

#fundadoras div div div{
        text-decoration: none;
	transform: scale(1);
	transition: all 300ms ease 0ms;
}

#fundadoras div div div:hover{
        transform: scale(1.05);
}

#fundadoras div div div:hover h3{
        color: #6c1321;
}

#fundadoras a{
        text-decoration: none;
}

#fundadoras img{
        max-width: 150px;
        max-height: 150px;
}





/*************** F O O T E R  1 ************/
#footer1{
        background-color: #0D293C;
}

#footer1 h1, #footer1 i, #footer1 p{
        opacity: .5;

}

#footer1 p{
        font-size: .9rem;
        color: #FFF;
}

#footer1 p a{
        font-size: .9rem;
        color: #FFF;
        text-decoration: none;
}

#footer1 li{
        display: inline-block;
        text-decoration: none;

}

#footer1 img{
        max-width: 120px;
        max-height: 120px;
        opacity: .7;
}

/*************** F O O T E R  2 ************/
#footer2{
        background-color: #111d30;
        height: 50px;
}