/* ////////////////////////  03 INICIAR SESION ////////////////////////////////  */


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

/* body */

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

#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;
    }

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

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

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

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

/* central */

#central {
    display: flex;
    justify-content:space-between;
    align-items:center;
                }
figure {
    display: flex;
    justify-content:center;
    align-items:center;
                }
#celular {
    max-height: 50px;
    padding: 0em 1em 0em 0em;    
              
          }



.descargar{
display: flex;
    }

.textoexplicativo {
    font-size: 100%;
    text-decoration:none;
    color: #ffffff;

    }

/* formulario */

.campo1, .campo2  {
    width: 100%;
}

.campo3, .campo4   {
    width: 100%;
}

.campo5  {
    width: 100%;
}

input {
    border: none;
    border-bottom: 1px solid #5a5b77;
    background-color:#afafaf;
    }

/* article */

article{
    font-size: 0.8em;
    text-align: center
    }

article{
    padding: 3em 7em 10em 0em; 
    }

/* 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;
        }

footer {    
        flex-direction: row-reverse;
        }




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




@media screen and (max-width:50em) {
    
footer{
    position: relative;
    bottom: 0;        
    }
    
.botones{
    display: flex;
    }
    
.vinculosheader {
    padding: 0em 0em 1em 3em;
                  }
    
.descargar {
    padding: 0em 0em 0em 4em;
              }
    
#central {
    display:inline;
       }    
    
main   {
    padding: 0em 2em 0em 2em;
       } 
    
}