/* ////////////////////////  08 INICIO APP ////////////////////////////////  */


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

/* body */

#contenedor {
    background-color: #afafaf;
    max-width: 30em;
    width: 80%;
    height: 100%;
    margin: auto
        
    
}




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


#logopagina {
    padding: 1em;
        object-position: center;
    
}
 
logopagina{
    object-position: center;
    
}

figure {
    max-width: 30em;
    width: 80%;
    position:absolute;
    z-index: 1;
                  
          } 



/* vínculos */


.vinculosheader ul {
    display:flex;
    justify-content: space-around;
              }

.vinculosheader {
    padding: 1em 1em 1em 1em;
    list-style: none;
    text-align: center;
    
          }


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

.vinculosheader a{ color:#4e4e4e;
                           }



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




/* footer */

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


footer a{    
        color: black
        }


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


#basefooter {font-size: 0.7em;
        }

footer {    
        flex-direction: row-reverse;
        }

footer {
   
    max-width: 30em;
    width: 80%;
    
}

/* ////////////////////////  MEDIA QUERIES ////////////////////////////////  */
/* /////////////  a partir de 1000px //////////////////////  */