@import 'https://fonts.googleapis.com/css?family=Dosis:300,400,500,800';
.contenedor {
    max-width: 375px; margin: 0 auto;height: 667px;
    
*{box-sizing: border-box; margin: 0; padding: 0;
}    

            }


/* Reset
=============================*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)


html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


*/



/*  Fonts
=============================*/






h1:hover {
  color: #6c00ff;  
}

/* h2 { 
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: white;
    font-size: 1.5em;  
    text-align: center;
    margin-top: 0.5em

  }

*/



h3 { 
    text-align: center;
  }
p {
    font-family: 'Dosis', sans-serif;  
    font-weight: 300;
    color: white;
    font-size: 1em;  
    text-align: center;
   } 





/*  Log in
=============================*/






header {
    background-color: dimgrey;
    text-decoration: none;
    width: 375px;
    vertical-align:middle;
    position: fixed;
   

    } 




.logo li a { 
    text-decoration: none;
            
        } 

.menu {  
    display: block;
    text-decoration: none;
    list-style: none; 
    flex-direction: row;
    max-width: 375px;
    justify-content: space-between;
    } 

.menu li a{ 
    font-family: 'Dosis', sans-serif;
    font-weight: 800;
    font-size: 1em;
    text-decoration: none; 
    color: #fff; 
    display: block; 
    flex-direction: column;
   

}


.logo{
    display: inline-block;
    text-decoration: none;
    width: 188px;
    height: 45px;
    margin-top: 4px;

    }

.fila{
    display: flex;
    justify-content: space-between;
}



li a img {
    margin-right: 1em;      
    text-decoration: none;
    list-style-type: none;

    } 

.encabezadoindex {
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   background-image: url(../img/back_index_01.png); 
    }

.encabezadoaltura {
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(../img/back_altura.png); 
    }


.encabezadopeso{
    
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   background-image: url(../img/back_peso.png);
}

.encabezadopotencia{
    
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(../img/back_potencia.png);    }

.encabezadoperfil{
    max-width: 375px
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(../img/back_potencia.png);    }

.irajuego
{
    max-width: 360px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(../img/back_potencia.png);    }



.izq a, .der a {
    text-decoration: none;
    list-style: none;
}
.izq, .der { 
    width: 20%;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: white;
    font-size: 4em;  
    text-align: center;
    margin-top: 0.75em;
    padding-top: 50px;
}
 

.bajada { 
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: white;
    font-size: 1em;  
    text-align: center;
    margin-top: 0.5em;
    width: 100%;

  }


.contenido {
    max-width: 375px;
    margin: 0;
    background-color: #fcb25a;
    display: flex;
    flex-direction: column;
    
}

.contenido h3c{ 
    font-family: 'Dosis', sans-serif;  
    font-weight: 300;
    color: white;
    font-size: 1em;  
    text-align: center;
    }
 
.index   { 
 background-color: #c38c06;
}




.name, .dni, .sexo {   
    height: 141px;
   
} 

.name { 
    background-image: url(../img/back_index_02.png); 
    font-family: 'Dosis', sans-serif;  
    font-weight: 300;
    color: white;
    font-size: 1em;  
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;

} 
.dni{ 
    background-image: url(../img/back_index_03.png); 
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;

   
} 
.sexo{ 
    background-image: url(../img/back_index_04.png); 
    display: flex;
    justify-content: space-around;
    max-width: auto;
    align-items: center;
    
}  
.datos { width: 100px;}


.menu1, .menu2{ cursor: pointer;}





/* ---------- ALTURA - GIF ---- */

.gif    {
    width: 100%;
    max-height: 425px;
    
    display: flex;
    flex-direction: column;
        
}





/*  SECCION DEPORTE */


.contenedordeporte {
    max-width: 375px; margin: 0 auto;height: 667px;
    background-image: url(../img/fondo-deporte);
}  
    
*{box-sizing: border-box; margin: 0; padding: 0;
}    
            }

.encabezadodeporte {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.boton  { 
     background-color: #efc824;  
     width: 7em;
    height:1.5em;
     margin: 0 auto;
}


h1 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: white;
    font-size: 3em;  
    list-style: none;
    text-align: center;
    margin-top: 0.75em;
    padding-top: 50px;
  }

h4 {
}


 /* medallero*/

.encabezadomedallero {
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #9d36de; 
    align-items: stretch;
    }
    
.bajadafinal { 
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: white;
    font-size: 1em;  
    text-align: center;
    width: 100%;
}
.medallas { 
    width: 100%;
    height:400px;
    display: flex;
    background-color: #7b29af; 

}

.clasificaciones  {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  
}

.fuerza { 
    background-color: #9d6da5;
   
}

.oroplatabronce  {
    justify-content: center;  
    display: flex;
    flex-wrap: wrap;
    padding-top: 2em;
    background-color: #9d6da5;
}



/*  SECCION DEPORTE */


.contenedordeporte {
    max-width: 375px; margin: 0 auto;height: 667px;
    background-image: url(../img/fondo-deporte.png);
}  
    
*{box-sizing: border-box; margin: 0; padding: 0;
}    
            }

.encabezadodeporte {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 667px;
}

.boton  { 
     background-color: #efc824;  
     width: 7em;
    height:1.5em;
     margin: 1em auto;
  
}

.pregunta { 
    background-image: url(../img/botonpregunta.png);
    height: 13em;
    text-align: center;
    padding: 4em 4em 4em 4em;
    margin-top: 2em;
}
.info{ 
    background-image: url(../img/botonpregunta.png);
    height: 13em;
    text-align: center;
    padding: 2em 4em 2em 4em;
    margin-top: 2em;
} 
.op1, .op2, .op3, .op4 { 
    background-image: url(../img/botonrespuesta.png);
    height: 5em;
    text-align: center;
    padding-top: 1.5em;
   
}

.op1resp1, .op2resp2, .op3resp3 , .op4resp4{
    background-image: url(../img/botontocado.png);
    height: 5em;
    text-align: center;
    padding-top: 1.5em;
   
}

.op1resp2, .op2resp1, .op3resp4, .op4resp3{
    background-image: url(../img/botonrespuesta.png);
    height: 5em;
    text-align: center;
    padding-top: 1.5em;
   
}



h4 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #585656;
    text-align: center;
    font-size: 1.2em;
}

h5 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: white;
    text-align: center;
    font-size: 1.2em;
}


/*  Feed
=============================*/
.encabezadofeed {
    width: 100%;
    height: 242px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
		background-image: url(../img/portada_feed_01.png); 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;  
    }

.portada_txt { 
    margin-top: 13em;
		height: 36px;
	text-align: center;
	align-content: center;
	background-color: black;
		font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: white;
    font-size: 1em;  
    text-align: center;
    width: 100%;
	}

.contenido_ultimas_noticias {
    max-width: 375px;
    margin: 0;
    flex-direction: column;    
}

.contenido_ultimas_noticias .izq a, .der a {
    text-decoration: none;
    list-style: none;
}

.nav_ultimas_noticias {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	
}

.contenido_ultimas_noticias .centro {
	font-size: 1em;    
	width: 70%;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: black;
    font-size: 1em;
	margin-top: 1em;
	text-align: center;

} 

.contenido_ultimas_noticias .izq, .der { 
	width: 15%;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: black;
    font-size: 2em;    
	margin-top: 0.25em;
	padding: 0;
} 
.newsfeed {
  align-content: center;
  vertical-align: middle;
  margin: auto;
  padding: auto;  
}

.newsfeed img{
  width: 20em;
  margin: 2em;
  padding: 1em;  
}