body {
  background-color: #F6FCBE   ; /* #9AD352 color fondo escogido */
  background-attachment: fixed;
  margin: 0;

}
.slider{
width:70%;
height:30%;
margin:auto;
overflow:hidden;
padding-bottom: 100px


}
.slider ul {
padding:0;
display:flex;
width:600%;
animation: cambio 20s infinite;
animation-direction:alternate;
}

.slider li {
list-style:none;
width:100%;

}

.slider img{
  width:100%;
}

@keyframes cambio {

0%{margin-left:0;}
16%{margin-left:0;}

20%{margin-left: -100%;}
36%{margin-left:-100%;}

40%{margin-left:-200%;}
52%{margin-left:-200%;}

57%{margin-left: -300%;}
73%{margin-left:-300%;}

76%{margin-left: -400%;}
83%{margin-left:-400%;}

88%{margin-left: -500%;}
100%{margin-left:-500%;}
}

 .main, footer {
width:100%;
max-width:1000px;
margin:0px auto;


}


header{
margin-left: 130px ;



}
nav{


  position: relative;
  background-color: ;
  overflow: hidden;
  margin-left:-10%;




}


header nav {
background:#;
overflow:hidden;





}

.imagen{
margin-left:20%;
size:50%;


}

header nav ul {

list-style:none;
display: block;
margin: auto;
text-align: justify;
align-content: center;


}

header nav ul li {

float:left;

}

header nav ul li a {
padding:2px 19px;
display:block;
color: black;
text-decoration:none;
font-size:35px;
font-family:courier ;
font-weight:  bold;


}

form{
width: 450px;
margin: auto;
background: rgba(0,0,0,0.4);
padding: 10px 20px;
box-sizing: border-box;
margin-top: 20px;
border-radius: 7px;
margin-right: 423px;






}

h2{

  color: #ffff;
  text-align: center;
  margin: 0;
  font-size: 30px;
  margin-bottom: 20px
}

input,textarea{
width: 100%;
margin-bottom: 20px;
padding: 7px;
box-sizing: border-box;
font-size: 17px;
border: none;

}

textarea{

min-height: 100px;
max-height: 200px;
max-width: 100%;

}

#boton {

background: #31384A;
color: #ffff;
padding: 20px;

}

#boton: hover{

  cursor: pointer;
}

@media(max-width: 480px){

form{
width:100%
}
}

.variedades {
padding:10% ;

list-style: none;
margin-top:;
margin-bottom: -10%;
size: 40%;
}


h3{
text-align: center;
font-family:tahoma;
font-size: 40px;
font-style: italic;
color:red;
}


.nuevas{
padding-top:0;
padding-left:250px;
list-style: none;
margin-top:-20px;


}

h1{
  text-align: center;
font-size: 40px;
padding-bottom: -20px


}

.whatsapp {
width: 20%;
height: 20%;
margin: auto;
padding-bottom:0px;
margin-bottom: 0;

}
h1 .whatsapp {
float: left;
padding: 0;
overflow: hidden;
}

.whatsapp{
margin-left: 170px;

}
h1{
margin-top: -100px;
margin-right: 120px;
margin-bottom:

}
.telefono{
padding: 0;
margin-bottom:5%;
margin-left:5%;
margin-top:10%;


}