@charset "utf-8";
font-family: 'Rajdhani', sans-serif;
font-family: 'BenchNine', sans-serif;
/*CSS Document*/

*{margin:0; padding: 0;}
img {width:100; height: auto}

body {width: 100%; margin: 0 auto; padding: 0 auto;
    font-family:'Rajdhani', sans-serif; color: #555555; font-size: 0.9em; font-weight: 500;}

.ancho {max-width: 70%; margin: 0 auto; padding-left: 1em; padding-right: 1em; position: relative; }

ul {margin: 0; padding:0;}

ul li{
    list-style: none;  
    margin-bottom: 0.5em; 
    border: 0.1em solid;
    color: #fff;
    font-size: 1.3em;
}

body{
background-color:#eaeaea;
    
}

/* ESTILOS PARA EL HEADER*/

header{
    min-height: 5em;
    max-height: 4em;
    background: #c7005c;
    padding-top: 1em;
    overflow: hidden;}

    

.logo{
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content:flex-start;
justify-content:flex-start;
float:left;
height:3em;
}



#menu,
#menu ul,
#menu ul li,
#menu ul li a,
#menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#menu #menu-button {
  display: none;
}



#menu ul{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-family: 'BenchNine', sans-serif;
    padding-top: 2.3em;}


#menu ul li{
padding: 1em;
text-transform:uppercase;
text-decoration: none;
color:#ffffff;
}    




#menu ul li a{
text-decoration: none;
font-family: 'Rajdhani', sans-serif;
color:#fff;
}

#menu ul li a:hover{
color:#2ec9c9;
}


/* ESTILOS PARA IMAGEN PRINCIPAL*/






#titulo-imagen p{
text-decoration:none;
font-size: 1.3em;
color: black;
padding:0.3em;
}



#titulo-imagen h1{
font-size:3em;
    color:palevioletred
}


#texto-imagen-home{
display:flex;
flex-direction: row;
    justify-content: space-around;

}




h7,h6{
margin-top:0.5em;
color:#fff;
font-size:1em;
font-weight: 300;
text-align:center;
}


/* ESTILOS PARA CATEGORÍAS HOME*/


.categorias{
margin-top:1em;
margin-bottom:1em;
display:flex;
flex-direction:row;
justify-content:space-around;
align-content: center;
}

.categorias li{
width:15em;
padding-top:2em;
padding: 2.5em 0 0 0;
padding-bottom:3em;
padding-right:1em;
padding-left:1em;
text-align:center;
background-color:#33797c;}


.categorias li a{
text-decoration: none;
text-transform: uppercase;
color:#fff;
}



/* ESTILOS PARA FOOTER*/

footer{
background-color:#fff;
position:fixed; bottom:0;
text-align:center;
}






/*FORM*/