body{
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:#eaeaea;
    margin: 0em auto;
    padding: 0em;
    border:0em;
    min-height: 100vh;
    }


/* ----------- header ----------- */



header div{
    flex-direction: row;
    align-content:center;
    font-family: "Open Sans", sans-serif;
    font-weight:300;
    align-items: center;
    justify-content:center;
    display: flex;
    flex-direction: row;
    text-align: center;
    letter-spacing:2em;
    text-transform: uppercase;
    color:#3a94bf;
    background-color: #00b1ff;
    margin: 0em 0em;
    padding: 2em;
    box-sizing: border-box;
    
      }




nav {
    
    flex-wrap: nowrap;
    max-width: 50em;
    display:flex;
    width: 100%;
    margin-left: 0.5em;
}


nav div{
    display: none;
    background: none;
    cursor: pointer;
    padding: 1em;
        }

header nav ul  {
    display: none;}




nav ul {
    font-family: "open sans", sans-serif;
    letter-spacing:.1em; 
    list-style: none;
    margin: 0em;
    padding: 0em;
    background-color:rgba(0, 177, 255, 0);
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
      }

.boton {
    box-shadow: none;
	margin: 0em 0em 0em 0em;
	display: block;
	width: 4.5em;
	height: 4.5em;
	padding: 1em;
	background: rgba(255, 255, 255, 0);
	color: transparent;
	cursor: pointer;
	position: relative;
}
/*---palitos hamburguesa----*/
.boton span {
    position: relative;
    z-index: 9999;
	display: block;
	width: 2.5em;
	height: .3em;
	background: white;
	margin-top:.5em;
}
/*------------------*/
label {
  cursor: pointer;
  padding: 0em;
  position: relative;
  z-index: 9999;
}
#menu-barra {
  display: none; /* ocultar checkbox */
}
header nav #menu2 {
  position:fixed;
  display: none;
  text-align: left;
  background-color:rgb(0, 0, 0);
  padding:0em 0em 0em 0em;
  left:0;
  top: 0;
  height: 100vh;
  width:50% ;
  padding-top: 5em;
  transition: all .5s ease;
}

#menu2 li a {
    text-align:start;
	color: #ffffff;
    margin:1.5em 0em 0em em;
    padding:1em 1em 1em 3.5em;
	display: block;
}
#menu-box:checked + #menu2 {
  display: block;
}

#menu2 {
 position:fixed;
  display: none;
  text-align: left;
  background: transparent;
  padding:4.5em 0em;
}

#menu2 li a {
    text-align: left;
	color: #ffffff;
    margin: 1em 0em 1em 0em;
	padding:.9em em;
	display: block;
}
#menu-barra:checked + #menu2 {
  display: block;
}

.integrantes a{
font-weight: lighter;
    background-color: black;
}

nav ul li{
         flex-basis:300%;
         }

nav ul li a {
    
    justify-content: space-evenly;
    background-color:rgba(0, 0, 0, 0);
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0.1em 0.5em 0.1em 0.5em;
            }

nav ul li a:hover{
                 background-color: darkgrey;
    color: black;
                 }
/*---menu desplegable----*/
.submenu{
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        flex: auto;
        width: 50%;
        text-align: left;
        background-color:rgba(0, 177, 255, 0);
        flex: auto;
        position:absolute;
        z-index: 1;
        min-width: 0.5em;
        padding: 0em;
        }
nav li:hover>ul {
                flex-direction: column;
                 display:flex;
                }


.foto {
    
    border: solid rgba(0, 0, 0, 0.63) .2rem;
    height: auto;
    padding: auto;
    margin: auto;
    box-shadow:.1em .2em 1em rgba(54, 54, 54, 0.63);
    width:18rem;
    max-width: 100%;
    border-radius:50%;
      }
#menu-barra{
    box-shadow:rgba(255, 255, 255, 0);}



/* ----------- Main ----------- */




main{
    align-items: center;
    box-sizing: border-box;
    justify-content:center;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    flex-grow:1;
    display: flex;
    flex-direction: column;
    list-style:none;
    background-color:transparent;
    margin: 0em auto;
    padding:0em;
    }
#nombre{
    font-size: 2em;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    flex-grow: 1;
    display: flex;
    list-style:none;
    background-color:transparent;
    margin: 1em auto;
    padding:1em;
    box-sizing: border-box;
       }

main article{
    align-items:center;
    font-weight:lighter;
    display: flex;
    list-style:none;
    font-family: "Open Sans", sans-serif;
    background-color:transparent;
    margin: 1em auto;
    padding:1em;
    box-sizing: border-box;

            }




h1{
  border-bottom: solid .25em rgb(0, 0, 0);
  text-align: left;
  font-size: 1em;  
  }

h2{
     border-bottom: solid .25em rgb(0, 0, 0);
}


h3{
   
   }


h4{
   list-style:none; 
  }





main section{ 
    
         max-width: 30em;
         box-shadow:.5em .5em .5em rgba(0, 0, 0, 0.45);
         text-align: left;
         font-size: 1em;
         background-color:#00b1ff;
         margin: 2em auto;
         padding: 2em;
         border-radius: 1em;
         box-sizing: border-box;
       }
.mapaweb{
    background-color: rgba(47, 142, 142, 0);
    box-shadow: none;
    
}

#mapa{
  display: flex;
  justify-content:space-between;
    
}

#segunda{
    
        background-color:none;
        }

main section h2 {
    text-align: left;
    font-size: 1em;
}

.lectura:{color: black;}

main section nav ol{
    font-size: 0.9em;
    text-align: left;
    list-style: none;
    
}



.datos{
    text-align: left;
    justify-content: left;
    list-style:none;           
      }


.logofadu
    {
    align-content:flex-start;
    display: flex;
    list-style:none;
    
    }


.uba{
    text-align: left;
    font-size: 0.8em;
    }

.reserva{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: space-around;
    flex-wrap: nowrap;
        }

.noticias{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: space-around;
    flex-wrap: nowrap;
        }
.mapa{
    margin: 1em;
}


.mapa1 {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
}

.mapa1 figure {
    width: 60vmin;
    margin: 0em;}
.mapa1 img{
    width: 100%;
         }

#imagenmapa {
    
    background-color: white;
    width: 10rem;
    flex-basis: 40%;
    margin: 1.5em 1em 1em 0;
    max-width: 100%;
}

footer{
   


    box-shadow:.5em .1em .5em black;
    letter-spacing:2px;
    font-family: "Open Sans", sans-serif;
    color:#8694ff;
    background-color: #00b1ff;
    margin: 0em auto;
    padding: 1em;
      }

footer p{
color: white; display:flex;
padding: 3em;
text-align: left;
font-size: 0.9em;

            }

footer div{
    
    flex-wrap: wrap;
    margin:2em;
    padding:1em;
    justify-content:space-between;
    display:flex;
    flex-grow: 1;
    
          }

/*-----responsive------*/
    
@media (min-width: 40em) {
    
    .mapa1 figure{
        width: 100;
    }
        
@media (min-width: 75em) {
    .mapa1 {
        background-color: rgba(0, 60, 60, 0);
     
    }
}


/*---header----*/

@media (min-width: 70rem){
    
 header nav ul {
        display: flex;
        flex-wrap:nowrap;
               }  
.boton{
        display:none;
      } 
 #menu-barra:checked + #menu2 {
  display: none;
}   
    }