/* ////////////////////////  01 INICIO ////////////////////////////////  */


* { padding:0px;
    margin:0px;
    list-style: none;
    font-family: 'Basic'     
    
    }

/* body */

body {
background-color: #afafaf; 
    box-sizing: 100%;
    }



figure {
    position:absolute;
    z-index: -1;
                  
          }




#celular {
    max-height: 50px;
    padding: 0em 1em 0em 0em;    
              
          }


.descargar{
display: flex;
    }

.descargar {
    padding: 0em 0em 3em 4em;
    color: #b74168;
                  }

.descargar a:hover{ color:#ffffff;
                   }

/* central */

#central {
    display: flex;
    justify-content:space-between;
    align-items: flex-end;
    
                }

figure {
    position:absolute;
    top: 0; left: 0; bottom: 0; right: 0;
        
                }


main {
   flex-grow: 2;
    align-self: flex-end;
    padding-bottom: 2em;
              }



#logopagina {
    padding: 1em
    
}




/* vínculos */



.vinculosheader {
    max-width: 8em;
    padding: 0em 0em 5em 3em;
    list-style:none;
    line-height: 1.5em;
              }


.vinculosheader a:hover{ color:#ffffff;
    background-color: rgba(140, 150, 142, 0.91);
    font-size: 120%;
    
                       }

.vinculosheader a{ color:#4e4e4e;
       
                               }

.descargar a{ color:#261f5d;
                           }

.descargar a:hover{ color:#1e5817;
   
                           }

a { text-decoration:none;
    color: #5f5659;
    }



#seleccion {
    transition: all .2s ease-in-out;
	color: #ffffff;
            }

#oculto {
    transition: all .2s ease-in-out;
	color: #8b8a90;
            }






/* video */

video { width: 100%
}



/* footer */



footer{
    background-color: #555657;
    width: 100%;
    font-family: 'Ubuntu:300'; 
	text-align: center;
	position: absolute;
    bottom: 0;
    color: black;        
    }


footer a{    
        color: black
        }


footer a:hover{ color:#261f5d;
                           }


#basefooter {font-size: 0.7em;
        }



/* ////////////////////////  MEDIA QUERIES ////////////////////////////////  */




@media screen and (max-width:50em) {
    
    
.botones{
    display: flex;
    }
    
#central {
    display:inline;
       }    
    
main   {
    padding: 0em 2em 0em 2em;
       } 
    
}

@media screen and (max-width:30em) {
    
    
figure {
    width: 0%;
    }
    
    
}