.navegacion{
  position: absolute; 
  width: 2200px;
  left: -5%;
  height: 180px;
  margin:3%;
  background: #212F3D;

}

.navegacion ul{
  list-style: none;
}

.menu > li{
  position: relative;
  display: inline-block;
}

.menu > li > a{
  display: block;
  padding: 20% 119px;
  color: white;
  font-size: 50px;
  font-family: Times New Roman;
  text-decoration: none;
}

.menu li a:hover{
  color: #CE7D35;
  transition: all .3s;
}

/* Submenu*/

.submenu{
  position: absolute;
  background: #333333;
  width: 120%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 2s;
}

.submenu li a{
  display: block;
  padding: 15px;
  color: #fff;
  font-family: 'Open sans';
  text-decoration: none;
}

.menu li:hover .submenu{
  visibility: visible;
  opacity: 1;
}


.texto-encima5{
    position: absolute;
    top:-25%;
    left: 5%;
}

/* ROTACION*/

*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 



.slider {
  position: absolute;
  top: 300px;
  left: 14%;
  width: 1500px;
  height: 1000px;
  margin: 1px;
  overflow: hidden;
}

.slider ul {
  display: flex;
  padding: 0;
  width: 400%;
  
  animation: cambio 20s infinite alternate linear;
}

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

.slider img {
  width: 100%;
  height: 70%;
}

@keyframes cambio {
  0% {margin-left: 0;}
  20% {margin-left: 0;}
  
  25% {margin-left: -100%;}
  45% {margin-left: -100%;}
  
  50% {margin-left: -200%;}
  70% {margin-left: -200%;}
  
  75% {margin-left: -300%;}
  100% {margin-left: -300%;}
}



/*Letras*/


/*Letra de telefonos*/
h1{
  font-size : 18pt;
  font-family : arial,helvetica;
  font-weight :normal;
  color: white;
  font-family: Times New Roman;


   }
   /*letra mediana blanca*/
   h2{
     font-size : 15pt;
      font-family : arial,helvetica;
       font-weight : normal;
       color: white;
  font-family: Times New Roman; 


   }
/*Letra de contactanos*/
      h3{
     font-size : 24pt;
      font-family : arial,helvetica;
       font-weight : normal;
       color: white;
  font-family: Times New Roman; 


   }

/*Letra de banners*/
   h4
{
 
  font-size : 40pt;
      
       font-weight : normal;
       color: white ;
  font-family: Times New Roman; 
}

/*leta de la informacion dentro de los banners*/

h5{

    font-size : 200%;
     
       font-weight : normal;
       color: black ;
  font-family: Times New Roman; 
}

h6{

    font-size : 50pt;
      
       font-weight : normal;
       color: white;
  font-family: Times New Roman; 
}



/*contactanos*/

#Contactanos{
position: absolute;
left: 340px;
background:#515A5A;  
float: left;
margin:1000px; 
width:25%;
height:500px;

}


/*Banner1*/

#Banner1
{
  position: absolute;
border:2px ; 
left: -690px;
 width:23%; 
 height:13%; 
 margin:1010px;

}
/*Banner 1*/
.contenedor{
    position: absolute;
    left: -8%;
    margin: 2%;
}
 
.texto-encima6{
    position: absolute;
    top: 10%;
    left: 44%;
}
.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



#Banner2{
position: absolute;
border:2px ; 
left: -200px;
width:23%; 
 height:13.5%;
  margin:1010px;

}


/*Banner 2*/

.contenedor2{
    position: absolute;
    left: 1%;
    margin: 2%;
}
 
.texto-encima2{

    position: absolute;
    top: 10%;
    left: 55%;
}
.centrado2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*Informacion de banner 1*/


#InformacionBanner1{
  position: absolute;
border:1% ; 
left: -800px;
 width:500px; 
 height:13%; 
 margin:1100px;

}
/*Infromacion de banner 2*/
#InformacionBanner2{
position: absolute;
border:1% ; 
left: -270px;
width:500px; 
 height:13.5%;
  margin:1100px;

}
 
 /*Consejos del dia*/
#ConsejoDelDia{
position:absolute;
border:1px  ; 
left: -1200px;
width:51%; 
 height:40%;
margin:70%;
  
}



.texto-encima4{
    position: absolute;
    top: 2%;
    left: 28%;
}


  /*Links para otra pagina*/
  #Links{
position: absolute;
border:2px ; 
left: -210px;
width:25%; 
 height:30%;
  margin:1550px;

}
.texto-encima{
    position: absolute;
    top: 4%;
    left: 24%;
}

.texto-encima3{
    position: absolute;
    top: 25%;
    left: 58%;
}