*{ margin: auto;



   

}

body{

    /* background: url(12.jpg); */

    background: -webkit-linear-gradient(left,#78CC3F 0, #8EF24B 20%, #8EF24B 80%, #78CC3F 100%  ) ;



}

.contenedor-principal{

    width: 80%;

   

    /* border: solid 5px; */

    /* border-color: red; */

}

.categoria{

width:80% ;

border: solid seagreen 2px;

border-top: solid seagreen 7px;

margin-bottom: 20px;

margin-top: 20px;

padding: 0px 25px 25px;

}

.Titulo-categoria{

    border-bottom: solid seagreen 2px;

    padding: 20px 0px;

    text-align: center;

    margin-bottom: 20px;

}

img{

    width: 10%; 

    box-align: center;

}

h1{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 3em;

    color: #8049CC;

    text-align: center;

}



h3{

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    font-family: monospace;

    font-size: 2em;

    color: #803B21;

}

 h2{

    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

   font-size:2.5em;

   color:#801B22;

    

}

p{

    margin-bottom: 20px;

    border-bottom: solid seagreen 2px ;

    padding-bottom: 5px;

    font-size: 1.2em;

}



.SinCat{

    margin-top: 20px;

}



.MenuCat1, .MenuCat2, .MenuCat3, .MenuCat4 {

margin: 20px 0px;

height: 100px;

text-align: center;

color: white;

padding-top: 55px;

background-repeat: no-repeat;

background-size: cover;

background-position:center center;



}



.MenuCat1{

 background-size: cover; background-image: url("desayunos imagen.jpg");

 

 font-family: Arial, Helvetica, sans-serif;

 font-size: 3em;

 color: #8049CC;

 text-align: center;



   

}



.MenuCat2{

    background-image: url("moda imagen.jpg");

   

    font-family: Arial, Helvetica, sans-serif;

    font-size: 3em;

    color: #8049CC;

    text-align: center;



}

.MenuCat3{

    background-image: url("bebidas imagen.jpg");

  

    font-family: Arial, Helvetica, sans-serif;

    font-size: 3em;

    color: #8049CC;

    text-align: center;



}

.MenuCat4{

    background-image: url("tienda imagen.jpg");

   

    font-family: Arial, Helvetica, sans-serif;

    font-size: 3em;

    color: #8049CC;

    text-align: center;



}



a{

    text-decoration: none;