/* ASOCIATE */

.datosasociar{color: #128662;
                font-size: 2em;
                font-weight: 400;
                margin-bottom: .2em;
                padding-top: 1em}

#asociatetit{font-size: 2.2em;
             color:#128662;
             font-family: "Avenir Next", "Avenir", sans-serif;
              font-weight: 700;
            padding-left: .4em;
            padding-top: 0em;
            margin-top: .1em;
            margin-bottom: .5em}

#sociostit{font-size: 1.2em;
             color:#128662;
            padding-left: .8em;}

.imgnoti2{  width: 3.8em;
            padding-top: 1.8em;
             padding-left: 1.1em}

.promo{margin-top: 1em}


.btn {-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}



/* VISTA CELU */










@media (max-width:768px) {
    .explorar{margin-right: 0;}
    .sarmiento{margin-top: 3.5em}
    header label { width: 4.8em;
        display: block;
        padding-top: .5em;
    }
    .menu {
         position: absolute;
          background-color:#39BC88;
         width: 70%;
        height: 100%;
        margin-left: -80%; 
        transition: all 0.5s;
        z-index: 999;
        
    }

    menusaco{position: relative;
             top: 2em;}


   header {
       position: relative;
       z-index: 9999;
    }
    .menu ul { flex-direction: column;}
    .menu li:hover {
        background-color: #39BC88;}
    
    #boton-menu:checked ~ .menu{ margin: 0;}

    .menuicono{position: relative;
                right: 2em;}
  
    
    .menu .submenu {

                     display: flex;
                    position: relative;
                    }

     .submenu {
        background-color: rgb(14, 55, 118);
        color: #39BC88;}
    
    .menu .submenu a{
        background-color: #F2F2F2;
        color: #128662;}
    .menu .submenu a:hover{ background-color: #cecece}
    nav ul li ul {
        position: static; 
    
    
  
    }
    
   


    
    figure{width: 90%;
        padding: .5em;
        padding-bottom: 0em;
        margin-bottom: 1.5em;
        margin-top: 0em;
        
        }
    figure img { }
    .borde{display: flex;

           border-bottom: #cccccc 1px solid;
           padding: .2em;
            padding-top: .7em;
            padding-bottom: 0em;
            padding-right: 0em;
            margin-left: .7em;
            margin-right: .7em;
            background-color: rgba(240, 240, 240, 0)}
    
    .titulosecnone {display: none;}    


}




@media (min-width:720px)  {

    header{height: 3em}

header label {
       

       display: none;
       width: 0px;
       height: 0px;
       padding: :0px;
       margin-left: 8px;
        }

header label:hover{
       cursor: pointer;
       background-color: #cccccc;}

.menu ul { 
  
       margin: 0;
       list-style: none;
       padding: 0;
       display: flex;
       justify-content: space-around;
        position: relative;
        bottom:2.9em;
        height: 2.7rem;
        border-bottom: 0;
     ;
}

}