*{

    margin:0;
    padding:0;
}
body{

   margin:0;
   font-family: Arial, Helvetica, sans-serif;
   background-color: rgb(221, 221, 223);
}
/*   hedader y menú--------------------------------------*/

header{

   width:100%;
   background-color: rgb(221, 221, 223);
}

#btn-menu{

   display: none;
}

header label{

   display:none;
   padding: 10px;
   width: 30px;
   border-right: 1px solid #fff;
}

header label:hover{

     background-color: rgba(0,0,0,0.3);
}

.nemu{

    border-bottom:1px solid #fff; 
}

.menu ul{

   margin:0;
   padding: 0;
   list-style: none;
   display: flex;
   border-bottom:1px solid #fff; 

}
.menu li a{

    text-decoration: none;
    display:block;
    margin-top:5px;
   
    color:black;
    text-align: center;
   
}
.menu li{

   border-right: 1px solid white;
   width: 100px;
   height:30px;
   
  
}

.menu li:hover{

   background-color: rgb(93, 131, 243, 0.3);
}

.titulo{

    width:100%;
    height: 100px;
    border-bottom: 1px solid white;
    color:rgb(82, 82, 128);
    font-size:2vw;
    text-align: center;
    
}

.titulo h1{

  padding-top: 20px;

  
   
  }
/*    portada ---------------------------------------*/

  .slider img{

      width:30%;
      
  }

  .slider li{

      display: inline;

  }

  .slider ul{

      margin-top:20px;
      margin-left: 100px;
  }

  .texto ul{
      
        margin-top: 30px;
        margin-left: 463px;
        list-style: none;
  }


   .texto li{

        border: 1px solid black;
        width: 400px;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        margin-top: 2px;
   }



/* pie de la página   ----------------------------------------------- */
  .wrapper-footer{

     width:100%;
     height:100px;
     background-color:  rgb(221, 221, 223);
     display: flex;
     justify-content: space-between;
     font-family: Arial, Helvetica, sans-serif;
        
  }

  .pieContactoI li{

       font-size:20px;
       list-style: none;
       text-align: center;
       margin-left: 5px;
      
  }

  .pieContactoD li{

   font-size:20px;
   list-style: none;
   text-align: center;
  
}

  .pieContactoD a {

      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      color: black;
  }

  .pieContactoI a {

   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   color: black;
}

.pieContactoI a:hover {

   background-color:rgb(93, 131, 243, 0.3);
}

  .wrapper-footer ul {

      padding-top:30px;
      margin-right: 30px;
}

/* pie de la página ------------------------------------------- */

/*-------Media-----------------------------------*/

@media(max-width:500px){

   header label{

       display:block;
   }

    .menu{

       position: absolute;
       background-color:rgb(149, 149, 167); 
       width:20%;
       margin-left: -70%;
    }

    .menu ul{

       flex-direction: column;
      
    }
    
    .menu ul li{

        border-top: 1px solid white;
    }

    #btn-menu:checked ~ .menu{

       margin:0;


    }


    /*   responsive 500 X  640   -----------------------*/

@media(max-width:500px){

   .titulo{

         height: 60px;
   }

   .titulo h1{

        font-size: 30px;
 
         margin-left:10px;
   }

   .texto ul{

       margin-left: 0px;
       text-align: center;
       
      
   }

   .texto li{

        width:200px;
        font-size: 12px;
        margin-left: 65px;
        
        
        
   }


    .slider li{

         display: block;
         width: 400px;
         margin-left: 10px;
    }

    .slider ul{

        margin-left:110px;
    }

    .texto ul{

       margin-left:70px;
    }

    .slider img{

        width: 250px;
        
    }

    .pieContactoI li{

      font-size:11px;
      
      
     
 }

 .pieContactoD li{

  font-size:11px;
  
 
}

.pieContactoI{

   margin-top: 2px;
   margin-left: 5px;
}

.pieContactoD{

margin-top: 2px;
margin-right: 1px;
}



    
    


}


    


}