* {

  margin:0em;
  padding: 0;
  border:0;
  box-sizing:border-box:0;
  list-style:none;
  font-family: Montserrat;
  outline: none;
  


  }

.img_encabezado {
    width: 100%;
    height: 100%;
}






body {
  background-color: #E5E5E5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;



  }


header{
width:100%;
background-color: #1D2647;
}


.logoclub {
    height: 10em;
    width: 10em;
    margin: .6em;

     }


/*---------------------------------------- nav -------------------------------- */

  

.usuario{
line-height:3em;
float:right;
margin-right:1em;
display:block;
color:#FFFFFF;
}


#mainav{
width:80%;

}
.mainnav > li {
float:left;
}

.letra_menu li a{
margin:auto;
margin:0;
padding:0;
  
}

.mainnav li:hover > ul {
margin:auto;
margin:0;
padding:0;
  display:block;
  margin-left:-0em;
  padding-left:0em;
  background-color:#1D2647; /*este es el color de a:hover del desplegable*/
  filter:alpha(opacity=95);
  opacity: 0.95;
}

.mainnav li ul { /*para que no se vea el menu desplegado*/
display:none;
}

/*-------------------------------------NO TOCAR ES ESTE-------------------------->>>*/
.mainnav{
  
display: flex;
flex-direction: row;
justify-content:flex-end;
list-style:none;
text-align:center;
cursor:pointer;
list-style:none;
text-decoration:none;
margin:0;
padding:0px 0px;
}
/*<<<<-------------------------------------NO TOCAR--------------------------*/


label {
    margin: 0 2.5em 0 0;
    font-size: 1.5em;
    line-height: 4.5em;
    display: none;
     }

/*---------------------------------------- FIN MENU -------------------------------- */


#toggle {
display: none;
}



.hamburger {
z-index:0;
clear:both;
display:block;
width:100%;
height: 3em;
text-align: right;
position: absolute;
top: 0em;
left: 0;
right: 0;
opacity: 0.90;   
}


.mainnav {
    margin: 0 0 0 0;
    text-decoration: none;

}

.letra_menu ul li a {
    background-color: #1D2647;
    color: #ffffff;

}


.mainnav a {
    clear: right;
    margin: 0 1em;
    line-height: 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background-color: #1D2647;
    color: #ffffff;
    text-decoration: none;
}



.mainnav a:hover {
    color: #cecece;
}


.fotologo img  { 
    background-color:fff;
    display:block; 
    float: left;
  width: 3em;
    height: 3em;
    margin-left: 1em;
}










/*---------------------------------------- FIN MENU -------------------------------- */




.cdm  {
  display: flex;
justify-content: center;

margin-top: 5em;
margin-bottom: 2em;
color: #000000;


}




main  {

display: flex;
  justify-content: center;
  flex-direction: column;

margin-top: 3em;
margin-bottom: 2em;
color: #000000;
background-color: white;
border: solid 2px; 
padding: 1em;
margin-left: 1em;
margin-right:1em;





}





.imagenesclub { 


   display: flex;
  justify-content: center;
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 2em;



   }





.imagenesclub img { 

display: flex;
 justify-content: center;
 max-width: 100%;
 max-height: 100%



   }



.integrantess { 


   display: flex;
  justify-content: center;
 flex-wrap: nowrap;
 flex-direction: column;
 margin-bottom: 2em;
 margin-top: 2em;
 margin: auto;



   }


.integrantess h4 { 


   display: flex;
   justify-content:center;
    margin-bottom: 2em;
 margin-top: 2em;




   }


.integrantess img { 

height: 5em;
width: 5em;
display: flex;
justify-content:center;


margin: auto;

   }






.integrantess a { 

text-decoration: none;
color: #ffffff;
justify-content:center;
background-color: #1D2647;
display: block;
padding: 1em;

flex-wrap: nowrap;


   }

li a { 



margin-right: 10em;
margin-left: 10em;
display: flex;
justify-content: center;
margin-bottom: 2em;
margin-top: 2em;





   }

.datosacademicos{ 

display: flex;

flex-direction: column;


margin-top: 2em;
margin-bottom: 2em;
margin-right: 2em;
margin-left: 2em;
border: solid 2px;
padding: 1em;





   }
.datosacademicos h4{ 

display: flex;
justify-content: center;

margin-top: 0.5em;
margin-bottom: 1em;




   }




/* footer */


#redess {

background-color: 000000;
padding: 1em;
margin-top: 2em;
 


}



#redess {

background-color: #1D2647;

padding: 2em;
margin-top: 3em;
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;

 


}




.red {

height: 2em;
width: 2em;
margin-left: 0.5em;



}



/*---------------------------------------- PLAN -------------------------------- */

   .objetivos { 

  display: flex;
justify-content: center;
margin-top: 5em;
margin-bottom: 2em;
color: #000000;


   }

.webapp { 

background-color: white;
margin-top: 1em;
margin-bottom: 2em;
margin-right: 1em;
margin-left: 1em;

border: solid 2px;
padding: 1em;


   }


.objetivos h3{ 



   display: flex;
  justify-content: center;
 flex-wrap: nowrap;






   }


.webapp p{ 

 
   display: flex;
   justify-content:center;



   }





.mockup { 


display: flex;
justify-content: center;
margin: auto;
flex-wrap: wrap;



   }

   .mockup img { 


   display: flex;
   justify-content:column;
   flex-direction: column;
   flex-wrap: wrap;
   height: 35em;
   width: 15em;
   margin-left: 0.5em;
   margin-right: 0.5em;
   margin-top: 0.5em;



   }



   /*----------------------------------- MAPA -------------------------------- */



.Mapadesitio { 

  display: flex;
justify-content: center;
margin-right: em;
margin-left: em;
margin-top: 3em;
margin bottom: 2em;

   }

.Mapadesitio h3{ 

    

   display: flex;
  justify-content: center;
 flex-wrap: nowrap;

   }

.mapaa{ 



   display: flex;
  justify-content: center;
 flex-wrap: nowrap;
 margin-top: 2em;
margin-left: 2em;
margin-right:2em;


   }



.mapaa img{ 


  margin: auto;
    display: block;
    max-width: 100%;
 
   }




/*---------------------------------------- EQUIPO -------------------------------- */




   .integrantess1 { 


   display: flex;
  justify-content: center;
  align-content: center;

 flex-direction: column;
margin top: 5em;
margin-bottom: 2em;




   }


.integrantess1 h4 { 


   display: flex;
  justify-content: center;
   margin-top: 5em;
   margin-bottom: 3em;





   }


.integrantess1 img { 

height: 5em;
width: 5em;
display: flex;

margin-bottom: em;
margin-top: em;
margin: auto;
border-radius: 40px ;
border: solid 2px;
box-shadow: 10px 10px 5px 0px  #cecece;
   }






.integrantess1 a { 

text-decoration: none;
color: #ffffff;
display: flex;

background-color: #1D2647;

padding: 1em;
margin-bottom: 2em;
margin-top: 2em;
height: 2em;
width: 10em;
align-items: center;


   }

.integrantess1 ul { 

text-decoration: none;
color: #ffffff;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;

   }

.uu a { 



display: flex;
justify-content: center;
flex-direction: column;






   }