/* INDEX
-----Variables-----
-----Layout-----
-----Menus-----
-----Media Queries-----
*/
/* -----Variables----- */
:root {
    --primario: #F2A444;
    --secundario: #3C2240;
    --terciario: #ECEAEA;
    --acento: #E8003A;
    --texto: #120A07;
    --blanco: #ffffff;
    font-size: 17px;
}
/* -----Layout----- */
#principal {
    width: 1140px;
    margin: auto;
}
/* -----Menus----- */
.menu {
	margin: 0;
	padding: 0;
}
.menu li {
	list-style-type: none;
	float: left;
    position: relative;
}
.menu a{
    text-decoration: none;
    color: white;
    background-color: var(--acento);
    padding: 10px 20px;
    display: inline-block;
    min-width: 150px;
}
.menu a:hover{
    background-color: var(--secundario);
}
.submenu {
    position: absolute;
    left: 0;
    padding: 0;
    display: none;
    width: 140px;
}
li:hover .submenu{
    display: block;
}
/* -----Media Queries----- */