@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@charset "utf-8";


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

body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contenedorverde{
    margin-top:15%;
    margin-right: auto;
    margin-left: auto;
    max-width: 70%;
    
  }


.vidrios{
    font-family: 'Lato';
    text-align: center;
    padding: .5em;
    margin-left: auto;
    margin-right: auto;
        
}


p{
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    text-align:left;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    margin-left:auto;
    margin-right: auto;
    color: #000000;
}

.footer {
    font-family: 'Roboto Slab', serif;
    margin:0;
    position: relative;
    font-size: 12px;
    padding: 0.5em;
    text-align: center;
    background-color: rgb(95, 158, 160);
    color: rgb(206, 206, 206);
}



                           /*menu nav*/
#contenedor img {    
    width: 40px;
    height: 40px;
    margin-bottom: 2%;
    
}

#contenedor{
    background-color: #5fa05f;
    display:flex;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;  
    
    }

span{
    display: flex;
    margin-top: 0 ;
    margin-left: auto;
    margin-right: 2%;
}
    
    

                      /*MENU/SUBMENU SUPERIOR*/


.select{
    background: #fff;
}



.sidenav {
    height: 100%;
    width: 0;
    position: fixed; /*permite ver el menu */
    z-index: 1; 
    top: 0;
    right: 0; /*oculto del lado derecho*/
    background-color: #111;
    overflow-x: hidden; /*oculta el submenu*/
    transition: 0.5s;
    padding-top: 90px;
}

/*submenu propiedades*/ 
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
    font-family: 'lato';
}

.sidenav a:hover { 
    color: #f1f1f1;
}

.sidenav .cierre {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}