@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500i,700,900');

*{box-sizing: border-box; margin: 0; padding: 0;}

footer { 
    width: 100% ; position:inherit;  font-family: 'Roboto', sans-serif; font-weight: 300; color: gray; text-align: center;font-size:0.8em ; margin-top: 20px ;}

.img-contenedor {
max-width: 375px;
max-height: 603px;
}

header1
{   text-align: center;
    padding-top: 80px;
      }

.logo{
    background: rgba(247, 255, 156, 0.24);
    border-radius: 50%;
    }

/**
body1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto,
} **/

.facebook 
{
    background: #3B5998;
    min-width: 200px;
    margin: 5% auto;
    
}

.mail 
{
    background: #EA4335;
    min-width: 200px;
    margin: 5% auto;
}

.deportista
{
    background: #818181;
    min-width: 200px;
    margin: 5% auto;
}

a {
    text-decoration: none; 
    color: white;
    }

input {
    padding: 5px;
}

.boton-entrar {
    background-color: #32C2B9;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: white;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    width: 325px;
    margin: 5% auto;

}

.boton-enviar-consulta:hover{
    background-color: black;
    border-radius: 25px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: white;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px;
    width: 400px;
    margin: 5% auto;
}

.contenedor{
    max-width: 375px;
    min-height: 603px;
    background: url("../img/fondo-login.jpg") no-repeat, #ffbd45;
    background-position: top;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto,
    
    }

section1 {       
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.0em; 
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 150px 0px;
        }

/** HOME **/

section2
{   background: #F3F3EB;
    max-width: 375px;
    min-height: 603px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
    /**     
    font-weight: 400;
    font-size: 1em;  **/ 
    padding-top: 80px;   
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    text-align: left;
}

header2 {
  /** position: fixed; **/
    background: orange;
    min-width: 375px;
    display: flex;
    justify-content: space-around;
    position: fixed;
    z-index: 1;
    
}

.hamb {
max-width: 40px;
max-height: 40px;
margin: 3px;
}

.cruz {
max-width: 40px;
max-height: 40px;
margin: 3px;
}

.lupa {
max-width: 40px;
max-height: 40px;
margin: 3px;
    
}

.logo-menu {
max-height: 40px;
margin: 3px;
}

.pestanas
{   background: #E0E0CC;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: white;
    display: flex;
    justify-content: space-around;
    min-width: 375px;
    align-items: center; 
    min-height: 40px;
    position: fixed;
    margin-top: 46px;
 
    }

.pestanas-seleccion{
    border-bottom: 5px orange solid;
    padding: 12px 62px 8px 60px;
    color: black;
    }
.pestanas-opcion{
    border-bottom: 5px orange #E0E0CC;
    padding: 12px 62px 8px 60px;
    
}



.linea
{   color: #B5C9D0;
}

.publicacion{ 
    margin-top: 20px;
}

.cabecera {   
    
    display: flex;
    flex-direction: row;
      
}

.texto-cabecera {   
   /** flex-direction: column;**/
    padding-left: 10px;
        display: flex;
    flex-direction: column;
}

t1{
font-weight: 700;
font-size: 1em;
        }

t2{
font-weight: 400;
font-size: 0.8em;
       }

t3{
font-weight: 300;
font-size: 0.6em;
    }


.img-historia{
 max-width: 100%;
    }

.pie-historia{
background-color: #E0E0CC;
display: flex;
justify-content: space-between;
padding: 5px 10px 5px 10px;
vertical-align: text-bottom;

    }

.comentar{
width: 20px;
height: 20px;
    }

    
.vermas{
vertical-align: center;
color: #00686C;
    }

/** deportista galeria **/






.img-bio {
    max-width: 20px;
    max-height: 20px;
    }

.img-galeria {
    max-width: 20px;
    max-height: 20px;
    }

.iconos-bio {
    border: 1px;
    }

.fa{
    color: black;
}

.fa-heart{
    color: orange;
}

.fa-plus-square{
    color: #00686C;
}

.section-menu-cel{
    width: 75%;
    margin-top: 46px;
    position: fixed;    
}

.menu-cel{
    display: block;
    padding: 2%;
    float: left;
    margin-right: 20px;
}

ul {
    list-style-type: none;
}

div ul li a{
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: white;
}
.texto{
    padding: 5px;
}

.imagen-perfil{
    max-width: 75px;
    max-height: 75px;
    border-radius: 50px;
    margin: 25px;
}

.texto-perfil{
    font-family: 'Roboto', sans-serif;
    color: black;
    margin-right: 10px;
}
.opciones-menu{
    background-color: #ccc;
    min-width: 250px;
    height: 90px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    display: flex;
}

.boton-menu{
    width: 220px;
    background: white;
    color: black;
    font-family: 'Roboto', sans-serif;
    padding: 5px;

}


.section-comentarios{
background-color: #E0E0CC;
justify-content: space-between;
vertical-align: text-bottom;
    border-top: 1px solid white;

    }
.comentario{
    width: 295px;
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px #ccc solid;
}
.imagen-comentario{
    max-width: 40px;
    max-height: 40px;
    border-radius: 50px;
    margin: 5px;
}
.texto-comentario{
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 12px;
}
.contenido-comentario{
    display: flex;
    flex-direction: column;
    }

/** copiar **/

.atras {
max-width: 40px;
    max-height: 40px;
    margin: 3px;
    padding: 3px;
}

.barra-nombre-dep{
    background: #FFCE8F;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: black;
    display: flex;
    justify-content: space-between;
    padding: 51px 10px 5px 10px;
    vertical-align: text-bottom;
    min-width: 375px;
    position: fixed;
}

.pestanas-galeria{
    background: #E0E0CC;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: white;
    display: flex;
    justify-content: space-around;
    max-width: 375px;
    align-items: center; 
    min-height: 40px;
    position: fixed;
    margin-top: 75px;
  }
.estrella{
    }
.fa-star {
    max-width: 20px;
    max-height: 20px;
    float: right;
    }
.fa-star-o {
    max-width: 20px;
    max-height: 20px;
    float: right;
    }
section-galeria{
    background: #F3F3EB;
    max-width: 375px;
    min-height: 667px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
    padding-top: 140px;   
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    text-align: left;
    } 

.pestanas-seleccion-galeria{
    border-bottom: 5px orange solid;
    padding: 8px 77.5px 8px 63px;
    color: black;
    }

.pestanas-opcion-galeria{
    border-bottom: 5px orange #E0E0CC;
    padding: 8px 77.5px 8px 77.5px;
}

.foto-perfil{
 border-radius: 200px;
    width: 40px;
    height: 40px
    }

.foto-menu{
  background: #FFCE8F;
    width: 250px;
    height: 100px;
    display: flex;
    align-items: center;
    }

section-perfil{
    background: #F3F3EB;
    }

.foto-bio{
    min-width: 250px;
    height: 90px;
    display: flex;
  /**  justify-content: space-around; **/
    align-items: center;
    padding-top: 180px;
}
.texto-perfil-bio{
    display: flex;
    flex-direction: column;
    font-weight: 700
    }
.texto-perfil-cont{
    font-family: 'Roboto', sans-serif;
    color: black;
    margin-right: 10px;
    font-size: 0.8em;
    padding-right: 150px;
}
.biografia-titulo{
    margin-top: 60px;
    width: 100%;
    background: #E0E0CC;
    height: 40px;
    display: flex;
    align-items: center;
       
}

.fa-angle-dow{
    color: #00686C;
    }

.texto-perfil-biografia{
   font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #00686C;
    margin-right: 10px;
    font-size: 1em;
    padding-left: 30px;
}
.biografia-contenido{
   margin: 10px 30px 10px 30px;
    text-align: justify;
    }
.biografia-contenido-texto{
  font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 0.9em;
    padding-bottom: 6px;
    background: #F3F3EB;
        }
.biografia-cuerpo{
    max-width: 375px;
    padding-bottom: 6px;
    background: #F3F3EB;
        }


/** pantalla botones deportes y paises **/


header3{   
    background: orange;
    min-width: 375px;
    display: flex;
    position: fixed;
    z-index: 1;
    }

.logo-menu-2{
    max-height: 40px;
        margin: 3px 69.5px 0px 69.5px;
    }

section3
{   background: #F3F3EB;
    max-width: 375px;
    min-height: 667px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
   
    /**     
    font-weight: 400;
    font-size: 1em;  **/ 
    padding-top: 60px;   
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 10px;
    text-align: left;
}

.iconos-pd{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    }

.iconoytexto-pd{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 10px 0px;
    
}

.icono-pd{
    width: 80px;
    height: 80px;
    
}

.icono-pd-aros{
    width: 80px;
    height: 80px;
    
}

.icono-pd-atletismo{
    width: 80px;
    height: 80px;
    
}

.icono-pd-basket{
    width: 80px;
    height: 80px;
    
}

.icono-pd-beisbol{
    width: 80px;
    height: 80px;
    
}

.icono-pd-cicli{
    width: 80px;
    height: 80px;
    
}

.icono-pd-gimnasia{
    width: 80px;
    height: 80px;
    
}

.icono-pd-handball{
    width: 80px;
    height: 80px;
    
}

.icono-pd-hockey{
    width: 80px;
    height: 80px;
    
}

.icono-pd-judo{
    width: 80px;
    height: 80px;
    
}
.icono-pd-martillo{
    width: 80px;
    height: 80px;
    
}
.icono-pd-remo{
    width: 80px;
    height: 80px;
    
}
.icono-pd-tiro{
    width: 80px;
    height: 80px;
    
}

.icono-pd-aros-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-atletismo-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-basket-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-beisbol-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-cicli-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-gimnasia-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-handball-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-hockey-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-judo-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-martillo-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-remo-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-tiro-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-alemania{
    width: 80px;
    height: 80px;
    
}

.icono-pd-argentina{
    width: 80px;
    height: 80px;
    
}

.icono-pd-brasil{
    width: 80px;
    height: 80px;
    
}

.icono-pd-belgica{
    width: 80px;
    height: 80px;
    
}

.icono-pd-canada{
    width: 80px;
    height: 80px;
    
}

.icono-pd-china{
    width: 80px;
    height: 80px;
    
}

.icono-pd-espana{
    width: 80px;
    height: 80px;
    
}

.icono-pd-francia{
    width: 80px;
    height: 80px;
    
}

.icono-pd-irlanda{
    width: 80px;
    height: 80px;
    
}
.icono-pd-italia{
    width: 80px;
    height: 80px;
    
}
.icono-pd-luxemburgo{
    width: 80px;
    height: 80px;
    
}
.icono-pd-reinounido{
    width: 80px;
    height: 80px;
    
}

.icono-pd-alemania-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-argentina-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-brasil-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-belgica-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-canada-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-china-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-espana-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-francia-b{
    width: 80px;
    height: 80px;
    
}

.icono-pd-irlanda-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-italia-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-luxemburgo-b{
    width: 80px;
    height: 80px;
    
}
.icono-pd-reinounido-b{
    width: 80px;
    height: 80px;
    
}


t4{
     
font-weight: 400;
    font-size: 1em;    
    padding: 5px;
}


t5{
    
font-weight: 400;
    font-size: 0.6em;    
    padding: 5px;
}

.pregunta-pd{
    padding-bottom: 10px;
    text-align: center;
    }

.boton-siguiente{
    background: #32C2B9;
    text-align: center;
    padding: 8px;
    }
t6 {
    font-weight: 400;
    font-size: 1em;
    color: white;
    /** padding: 5px 90px 5px 90px; **/
 }


/** FAVORITOS **/

.tex-cabecera-fav{
    padding: 8px 5px 0px 5px;
   
}

.cabecera-fav {
    background: #E0E0CC;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: black;
    display: flex;
 justify-content: space-around;
margin: 0px -44px 0px -40px;
    
}

.publicacion-fav {
    padding: 20px 5px 0px 0px;
}

.estrella-fav {
padding: 10px 0px 0px 0px;
}

.div-boton-entrar{
    padding: 15px 0px 0px 0px;
}

//* muro deportista *//

.tex-cabecera-muro { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

section2-muro
{   background: #F3F3EB;
    max-width: 375px;
    min-height: 667px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    /**     
    font-weight: 400;
    font-size: 1em;  **/ 
    padding-top: 50px;   
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    text-align: left;
}

.cabecera-muro {
    background: #E0E0CC;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: black;
    display: flex;
    justify-content: space-around;
    width: 375px;
}

.foto-perfil-muro {
 border-radius: 200px;
    width: 60px;
    height: 60px
}

.titulo-muro {
    margin: 9px 0px 0px -50px;
    
}

.subtitulo-muro {
    margin: 0px 0px 0px -50px;
}

.barra-mispublic {
    background-color: #EDEDD8;
    width: 375px;
    text-align: center;
    color: #707066;
    padding: 5px 0px 5px 0px;
}

.lapiz-muro {
    padding-top: 9px;
    
}

.fa fa-pencil-square-o {
    width: 30px;
    height: 30px;
    color: #00686C;
}


/** pantallas-mockups **/

section4 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.0em; 
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 150px 0px;
}

.mockup {
    width: 375px;
}

/** AGREGAR HISTORIA DEPORTISTA **/

.subir{
    max-width: 75px;
    max-height: 95px;
    background-color: #00686C;
    border-radius: 5px;
    
}

.nuevapublicacion-agregar-iconos {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    min-width: 300px;
    
 }

.escribe-aqui {
    font-family:'Roboto', sans-serif;
    color: #A7A898; 
    font-weight: 100;
    }

.nuevapublicacion-agregar-tex {
   /**  margin-top: 40px; **/
    margin-bottom: 15px; 
        
}

.nuevapublicacion-texto {
    margin-bottom: 40px;
    }

.barra-nueva-publi{
    background: #FFCE8F;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1em; 
    color: black;
    display: flex;
    justify-content: center;
    padding: 51px 10px 5px 10px;
    vertical-align: text-bottom;
    min-width: 375px;
    position: fixed;
}

/** .escribe-aqui {
    margin-top: 40px;
    } **/

.nuevapublicacion-texto {
    text-align: center;
    margin-top: 40px;
}