/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                    F O N T S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@font-face{
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url(../Roboto/Roboto-Regular.ttf),
    url(../css/Roboto/Roboto-Bold.ttf),
    url(../css/Roboto/Roboto-BoldItalic.ttf);
}
@font-face{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: lighter;
    src: url(../css/Roboto/Roboto-Light.ttf);
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                    G E N E R A L S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
body{
    background-color: #cccccc;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                N A V  B A R
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.Contenedor{
    background-color: white;
}
.Menu > ul{
    justify-content: flex-end;
}
.Menu > ul > li > a{
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: #4d4d4d;
    transition: 300ms;
}
.Menu ul > li:hover{
    background-color: #91006b;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #cccccc;
}
.Menu ul > li:hover > a{
    color: #ffffff;
    transform: scale(1.1);
}
.Menu > ul > li:hover > .dropdown-menu > a{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
}
.Menu ul li > .Submenu{
    padding: 0rem;
    border-radius: 5px;
    background-color: #91006b;
}
.Menu ul li > .Submenu > a:hover{
    color: #ffffff;
    background-color: #b40084;
    box-shadow: 0px 0px 5px #4d4d4d;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
A N I M A C I O N  D E S P L E G A R  M E N U
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@media all and (min-width: 992px) {
	.nav .nav-item .dropdown-menu{ display: none; }
	.nav .nav-item:hover .nav-link{ color: #fff; }
	.nav .nav-item:hover .dropdown-menu{ display: block; }
	.nav .nav-item .dropdown-menu{ margin-top:0; }
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            C A R R O U S E L
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.carousel-inner > div >img{
    height: 26rem;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            C O N T E N I D O
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.Contenido{
    background-color: #eeeeee;
    padding: 2rem;
    margin-top: 1rem;
    box-shadow: 0px 0px 2px #4d4d4d;
}
section > div >div >img{
    max-width: 100%;
    max-height: 26rem;
}
section ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    text-align: justify;
}
section ul li .minuscula{
    text-transform: lowercase;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            F O O T E R
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
footer div > div > h4,
footer div > div > h5{
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    color: #4d4d4d;
    font-size: 1.5rem;
}
footer div div svg{
    margin-bottom: .3rem;
}