* { margin: 0em; 
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    
}

body {
    min-height: 100vh;
    margin-bottom: 70px;
}


                /* Header*/
.gral2 {
    background-color : #003300;
    width: 100%;
    padding: 1.2em 1em 1em;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    align-content: center;
    align-items: center;
}


.gral2 a{
    color: white;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;   
    align-content: center;
    align-items: center
}

.miperfil a{
    display: flex;
    flex-direction: column-reverse;
    align-content: center;
    max-width: 8em;
    justify-content: center;
}

.fotoperfil {display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gral2 img.logo {
    width: 3em;
    height: 3em;
}

.gral2 img.fotoperfil {
    width: 3em;
    height: auto;
    border-radius: 80%;
  
}

.gral{
    background-color : #003300;
    display: block;
    width: 100%;
    padding: 1em;
    display: flex;
    justify-content:space-between;
}

.gral img.fotoperfil {
    width: 3em;
    height: 3em;
    border-radius: 80%;
}

.gral img.logo {
    width: 3em;
    height: 3em;
}

.gral h2 {
    color: white;
    flex-wrap: wrap;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    margin-left: 1em;
}
            
                /* Footer */

.unico {
    background-color : #003300;
    display: block;
    width: 100%;
    padding: 1em;
    display: flex;
    justify-content:space-around;
    position: fixed;
    bottom: 0;
}

.unico img {
    max-height: 1.5em;
}

.unico2 {
    background-color : #003300;
    padding: 1.2em 2em;
    color: white;
    font-size: .7em;
    line-height: 2em;
}


                /* Alogo */

body.pprincipal {
    background-color : #003300;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0em;
   
}

.logoindex {
    width: 15em;
    height: auto;
  
}

                /* Biniciarsesion-registrarse */

.iniciarsesion {
    background-color : #003300;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
   

}

.sesion { 
    background-color : #003300;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sesion nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: .25em; 
  
}

.sesion nav ul li a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: 1em 1.5em 1em 1.5em;
    justify-content: center;
    border-radius: 1em;
    text-decoration: none;
    box-shadow: .2em .2em .2em .2em #0b4407c2;
    margin: .7em;
}


            /*Rregistrook*/

.sesion img{
    width: 200;
    height: auto;
}

body.riniciarsesion {
    background-color : #003300;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
   align-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    
}

main section.rfeli{
    background-color:  #daddd8;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    justify-content: center;
    margin: 2em 3em 1.5em;
    padding: 1.5em;
    align-content: space-around;
    align-items: center;
    border-radius: 15px;
}

h4.rtitulo{
    padding-bottom: 0.7em;
    font-size: 1.8em;
    font-weight: bolder;
    color: #7BC900;
}

p.rtexto{
    text-align: center;
    font-size: 0.85em;
    padding-bottom: 0.6em;
}

a.rboton{
     padding: 0.9em 2.8em;
    background-color: #7bc950;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    font-size: 0.9em;
    box-shadow: .2em .2em .5em #001D00;
    text-decoration: none;
    color: black;
}


            /*Ciniciosesion*/

body.csesion{
    background-color : #003300;
  width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
     margin-top: 0;
    margin-bottom: 0;
   
}

main div.cdatos{
    border-radius: 20px;
    padding: 1em;
    max-width: 400px;
    max-height: 900px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
    
}

main.centrardat{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

#cdatos{
    display: flex;
    flex-direction: column;
    margin: 0.5em 2.3em;
}

img.csesion{
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    align-self: center;
}

#cusuario , #ccontra {
    padding: 1.5em 2.5em;
    margin: .7em 0em;
    background-color: #35aa36;
    border-radius: 30px;
    color: whitesmoke;
    border-style: none;
}

.centrar{
    padding: 1em 3em;
    background-color: #7bc950;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    font-size: .95em;
    box-shadow: .2em .2em .5em #001D00;
    text-decoration: none;
    color: black;
    margin-bottom: 1em;
}

.siguiente{
    color: whitesmoke;
    font-size: 0.67em;
}

           /*Dregistro*/

header.sesion{
display: flex;
justify-content: center;
}


body.dregistro{
  background-color : #003300;
  width: 100%;
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-self: center;
    margin-top: 0;
    margin-bottom: 0;
}

.dform {
    display: flex;
    flex-direction: column;
}
.ddatos{
    margin-top: 1.5em; 
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    
}

label.dnusuario , .dd{
    color: whitesmoke;
    font-size: 0.87em;
    padding-left: .9em;
    font-weight: bolder;
}

#dusuario , #dcontra , #drecontra , #dedad {
    padding: 1.3em 3em;
    margin: .2em 0em 2em;
    background-color: #35aa36;
    border-radius: 30px;
    color: whitesmoke;
    border-style: none;
    display: flex;
}
.ds{
  display: flex;
  flex-direction: column;
margin-left: .5em
}


.dse{margin-top: 1.3em;
    color: whitesmoke;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-self: center;
    
    
}

.dsexos , .dsexosf{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5em;
}
.dsexosf{
    margin-top: 0.1em;
}

.dsex{
    padding-left: 0.5em;
    color: whitesmoke;
    font-size: 0.9em
}

.dsub{
    margin: 2em 0em 0.9em;
    display: flex;
    justify-content: center;
    align-self: center;
    padding: 1em 2.7em;
    background-color: #7bc950;
     border-radius: 15px;
    font-size: .95em;
    box-shadow: .2em .2em .5em #001D00;
    text-decoration: none;
    color: black;
    border: none;
    
}

.dca a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: whitesmoke;
    font-size: 0.87em;
    margin-bottom: 2em;
}


   /* Einicio */

/* INICIO JUGADOR */

.inicio1 h2{
   color:#ffffff;
    font-size: 1.5em;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.inicio1 {
    display: flex;
    align-items: center;    
    padding: 2em;
    flex-direction: column;
    background-image: url(../imagenes/iniciojugador.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.inicio1 a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
}

.inicio1 p {
    font-size: 1.5em;
    color:#000000
}


/* INICIO PROXIMOS TORNEOS */


.proximostorneos h2 {
 font-style: bold;
 font-size: 1.5em;
 text-align: center;
 color:#ffffff;
}

.proximostorneos {
    background-color : rgb(216, 232, 215);
    background-image: image();
    display: flex;
    padding: 1em 1em 1.5em;
    align-items: center;    
    flex-direction: column;
    background-image: url(../imagenes/iniciotorneos.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.proximostorneos1 {
    background-color : #f4f2f2;
    display: flex;
    text-align: center;
    align-items: center;    
    border-radius: 1em;
    flex-direction: column;
    padding: 1.2em;
    margin: 1em;
    font-size: .9em;
    width: 40%;
}

.proximostorneos1 a {
    padding: 0;
    display: flex;
    align-items: center;  
    color:#000000;
    font-size: .9em;
    padding: .3em 1em .3em 1em;
    justify-content: center;
}

.fechas {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
}


/* INICIO NOTICIAS */

.inicionoticias {
   background-color: rgb(232, 244, 231);
}

.inicionoticias h3 {
   font-style: bold;
   font-size: 1.5em;
   text-align: center;
   color:#000000;
   padding-top: .9em;
   padding-bottom: .7em;
}

.primeranoticia {
    background-color: #e8e7e7;
    padding: 1em;
}

.primeranoticia h4 {
   font-style: bold;
   font-size: 1em;
}

.primeranoticia p {
   font-size: .8em;
   padding-top: .5em;
   padding-bottom: 1.2em;
   max-width: 30em;
}

.primeranoticia a {
      display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .8em;
    text-decoration: none;
    max-width: 7em;
   
        
}

.vertodas {
    background-color: #e8e7e7;
    padding: 1em;
    display: flex;
    justify-content: center;
}

.vertodas a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .8em;
    text-decoration: none;
    max-width: 50%;
}

/* INICIO GALERIA */

.iniciogaleria {
   background-color: rgb(232, 244, 231);
   padding: 1em;
   position: relative;
}

.iniciogaleria h3 {
   font-style: bold;
   font-size: 1.5em;
   text-align: center;
   color:#000000;
   padding-bottom: .3em;
}

.iniciogaleria p {
   font-style: bold;
   font-size: 1em;
   text-align: center;
    margin-bottom: .3em;
}

.iniciogaleria a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    max-width: 30%;

}

.iniciogaleria img {
    width: 100%;
    padding-bottom: .5em;
    padding-top: .5em;
}

.vermas {
    padding-top: .5em;
    display: flex;
    justify-content: center;
    margin-bottom: 4em;
}

button.w3-display-left {
    position: absolute;
    top: 50%;
    left: 1em;
    background-color: transparent;
    font-size: 1.5em;
    color: white;
    border-color: transparent;
    
}

button.w3-display-right {
    position: absolute;
    top: 50%;
    right: 1em;
    background-color: transparent;
    font-size: 1.5em;
    color: white;
    border-color: transparent;
}



/* Ftorneoinfo */

.titulosheader {
  font-family : Raleway;
  font-size : 16px;
  color : #FFFFFF;
display: flex;
    justify-content: center;
}

.gral
{display: flex;
align-items: center;
align-content: center;
}
.fftorn{
    display: flex;
    flex-direction: column;
    align-items: center;
}

main article.infofecha {
  display: flex;
justify-content: center;
  padding-top: 1.5em;
  padding-bottom: .8em;
  font-weight : bold;
  font-size : 1.3em;
  color : #000000;}

main .fsection{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #b5b5b5;
    align-content: space-between;
    align-self: center;
    border-radius: 30px;
    margin: 0em 30px;
    padding: 20px; 
    max-width: 27em;
}

.finfo{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    
}

.fin{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 10em;
    max-width: 18em;
    text-align: left;
    line-height: 1.5em;
    font-size: .94em;
    font-weight: lighter; 
}

h4.f{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: .5em;
    font-weight: bolder;
}

p.fpremio{
    font-size: .68em;
    justify-content: center;
    padding-top: 15px;
    text-align: center;
}

.fboton{
    display: flex;
    justify-content: center;
    margin: 2em 7.5em 2em;
    padding: 1em .1em;
    background-color: #7bc950;
    border-radius: 15px;
    font-size: 1.em;
    box-shadow: .2em .2em .9em #a0a0a09c;
    text-decoration: none;
    color: black;
    
}

.fboton a{
    text-decoration: none;
    color: black;
}

/* Ginscripciontorneo */

.infofecha{
     display: flex;
justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 1.1em;
  font-weight : bold;
  font-size : 1.2em;
  color : #000000;
}
.gtodo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.gdna{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 15em;
    margin-bottom: 1.3em;
}

.gix{
    margin-top: 0.5em;
    padding: .95em;
    border-radius: 1.3em;
    border: none;
    background-color: #686b68;
    color: ghostwhite;    
}

.glabel{
    color: #001b00;
    font-size: .89em;
    padding-left: .5em;
    font-weight: bolder;
}

.gpaleta{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
}

.gsiono{
    margin-top: .2em;
    margin-left: .5em;
    font-size: .96em;
    color: #001b00;
}
.gn{
    padding-left: .3em
}
.gg{
    padding-bottom: .3em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.gbot{
    display: flex;
    flex-direction: column-reverse;
    margin-top: 1em;
    justify-content: center;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

.gbotones{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    padding: 1em;
    background-color: #7bc950;
     border-radius: 15px;
    font-size: .99em;
    box-shadow: .1em .1em .4em #001D00;
    text-decoration: none;
    color: black;
    border: none;
}

.gboton{
    color: black;
    padding-top: .7em;
    font-size: .88em;
}

/* Hinscripcioncompleta */

.hcompletada{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.htitulos{
    display: flex;
    justify-content: center;
    padding: 0.6em 2em;
    padding-left: 3em;
    padding-right: 3em;
    font-size : 1.4em;
    color : #4DAA4A;
    font-style: bold;
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: .7em;
}

.himagen{
    display: flex;
    width: 60px;
    border-radius: 100%;
}
.hcontenedor{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #b5b5b5;
    align-content: space-between;
    border-radius: 30px;
    margin: 0em 30px;
    padding: 20px; 
    max-width: 20em;
}

.hfecha{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 1em;
}

ul.hhorario, ul.hdireccion{
    list-style: none;
}

.hrival{
    font-size : 1.2em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.hrivalh{
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: space-evenly;
    align-items: center;
}

.hnombrej{
    padding-bottom: 0.7em
}

p.hlinkp a{
    display: flex;
    justify-content: center;
    background-color: #7bc950;
    border-radius: 10px;
    font-size: 0.82em;
   box-shadow: .1em .1em .5em #001D00;
    text-decoration: none;
    color: black;
    padding: 0.45em 0.5em 0.5em 0.5em;
    align-self: center;    
    margin: 0em 0.9em;
}

.htorneos a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8em .8em .9em;
    margin: 0.5em 6em ;
    margin-top: 1.6em;
    background-color: #7bc950;
    border-radius: 15px;
    font-size: 17px;
    box-shadow: .1em .1em .4em #001D00;
    text-decoration: none;
    color: black;
    max-width: 10em;
    font-size: .9em;
}

.hinicio a{
    text-decoration:;
    color: black;
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
    margin-top: 1.3em;
}

.hdetalles{
    font-size : 1.2em;
}

.hlogos{
    display: flex;
    width: 30px;
    border-radius: 100%;
    justify-content: center;
    justify-content: space-between;
}

.hlocacion{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 1em;
}


/* Ijugadordestacado */


.encabezadojugadordestacado {
     background-image: image();
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
     background-image: url(../imagenes/encabezadoperfiles.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}


.encabezadojugadordestacado h2 {
    color: white;
}


.encabezadojugadordestacado a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin: .7em;
    margin-bottom: 1.4em;
    
}

img.jugadordestacado {
    height: 10em;
    border-radius: 80%;
    padding-top: 1em;
    
}

article.informacionjugadordestacado{
    padding: 1em;
    margin: 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;}

.estadisticasjugadordestacado {
    
background-color: #B9C1B4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 1.5em;

}

.estadisticasjugadordestacado img {
    width: 18em;
    height: 10em;
}

.estadisticasjugadordestacado h2 {
    margin-bottom: .2em;
}


.premiojugadordestacado {
     background-color: #B9C1B4;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    
padding: 1em;
border-radius: 1em;
margin: 1.5em;
    
}

.premiojugadordestacado img {
    width: 10em;
    height: 10em;
    border-radius: 80%;
    margin-top:1em;
}

.premiojugadordestacado a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin-top: 1em;
    
    
}




.comentarios {
   background-color: #B9C1B4;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 1em;
   border-radius: 1em;
   margin-right: 1em;
   margin-left: 1em;
   margin-bottom: 5em;
}

section.comentarios hr {
   border-top: 0.1px solid white;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 0.5em;
}

.comentario1 img {
     margin: .2em;
}

.comentario2 img {
    margin: .2em;
}

.ppp{
    display: flex;
    flex-direction: column-reverse;
    padding-left: 1em;
}

.ppp h6 {
    margin-bottom: .3em;
}

.comentario1 , .comentario2{
    
    display: flex;
    align-content: center;
}


textarea {
    background-color: #FFFFFF;
    width: 24em;
    height: auto;
    border-style: double;
    border-radius: 30px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: flex;
    justify-content: center;
}

textarea.pcajacomentarios{
    background-color: #FFFFFF;
    width: 23em;
    height: auto;
    border-style: double;
    border-radius: 30px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: flex;
    justify-content: center;
}

.botonenviar button {
    color: white;
    background-color: #003300;
    padding: .2.5em;
    border-radius: .5em;  
    border:none;
}


.comentariosycaja {
    
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content:flex-end;
    align-items: flex-end;
}

/* Jlistademensajes */
 
a.jlink{
    text-decoration: none;
    color: black;
}

.jlistado {
    display: flex;
    flex-direction: column; 
    justify-content: space-around;
    /*align-items: center;*/
    margin-top: .1em;
}

.jlistado , a{
    
}

.jfotosperfiles{
    width: 70px;
    border-radius: 100%;
    margin-right: 1em;
}

.jmensaje{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1em 0.5em;
}

.jnombreimg{
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content: space-evenly;
    margin-left: 1.5em;
}

.jhora{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-right: .3em;
}

.jjhora{
    padding-bottom: 1em;
    color: dimgrey;
    margin-right: .1em;
}

.jcantidad{
    background-color: #7BC950;
    color: white;
    border-radius: 100%;
    text-align: center;
    padding: .67em .97em;
    font-weight: bold;
    box-shadow: .1em .1em .1em silver;
}

a.mnuevochat{
    
    display: flex;
    margin: 2em 8em;
    background-color: #7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    
}





/* Klistajugadores */

.kjugadores
{font-family : Raleway;
  font-size : 16px;
  color : #FFFFFF;
display: flex;
justify-content: center;
align-items: center}

header{
    align-items: center}
.kmain{
    margin-bottom: 5.5em;
}

.kform{
    margin-top: 1em;
    display: flex;
    justify-content: center;
    justify-content: space-around;
    
}

.kbuscar{
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

.kes{
    border: none;
    background-color: ghostwhite;
    padding: .7em;
    border-radius: 1em;
}

.kbo{
    background-color:#003300;
    color: whitesmoke;
    margin-left: 0.5em;
    padding: 0.5em;
    border-radius: 5px;
    box-shadow: 0.1em 0.1em 1em silver;
}

.kopcion{
    background-color:#003300;
    color: whitesmoke;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    padding: 0.5em;
}

ul.klista1{
    margin: 0em;
    padding: 0em;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    justify-content: space-around;
}

img.kfotosperfiles{
    width: 100px;
    border-radius: 100%;
    margin-top: 2em;
    margin-bottom: 0.5em;
}
.klista1 a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #003300;
    align-items: center;
    align-content: center;
    width: 9em;
}

.knombres{
    font-weight: bolder;
    text-align: center;
    display: flex;
    justify-content: center;
}

.kbotonlista{
    display: flex;
    margin: 2em 8em;
    background-color: #7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
}

/* Lperfiljugador1 */

body {
     background-color: #DADDD8;
    
}

article.perfiljugador1 {
    background-color: #DADDD8;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
margin-bottom: 5em;
    
}


.encabezado h2 {
    margin-bottom: .2em;
}

.encabezado a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin-top: .1em;
}


.perfiljugador1 a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin-bottom: .5em;
}

.perfiljugador1 hr {
    border-top: 0.2px solid white;
    width: 80%;
    justify-content: center;
    box-sizing: border-box;
    margin: 1em;
        
    
}

.perfiljugador1 ul li {
    list-style: circle;
    margin: 0.5em;
}

.fotousuario {
    margin-top: .5em;
    margin-bottom: .5em;
}

.lmasjug a{
    display: flex;
    justify-content: center;
    
    text-decoration: none;
    color: black;
    background-color: #7BC950;
    padding: 1em;
    margin:3em 5em 0em;
    border-radius: .5em;
}

/* Mchat */

.mmensaje1 {
    
    background-color: #b5b5b5; 
    padding: 0.5em;
    max-width: 60%;
    max-height: 25%;
    border-radius: 1em;
}



.mmensajes {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    
    margin: .5em;
}

div.mmensajes hr {
    border-top: .0.5em solid black;
    width: 100%;
    
    justify-content: center;
    margin-top: 1em;
    
   
    
}


.horamensaje {
    font-size: 0.7em;
    text-align: right;
}

.mensajevacio {
    display:flex;
    flex-direction: ;
    justify-content:flex-start;
    align-content: center;
    align-items: center;
    border: none;
    width: 27em;
    margin-left: .5em;
    padding: .5em;
    margin-bottom: .5em;
}

.escribitumensaje{
    display: flex;
    flex-direction: row;
    align-items:center;
    background-color: ;
    margin:11.5em 0em 0em;
    justify-content: space-between;
    border-top-style: solid;
    border-width: 0.2px;
    border-color: darkgrey;
    padding-top: .15em;
}

.mbotonenviar button{
    margin-right: .7em;
    color: white;
    background-color: #003300;
    padding: .6em;
    border-radius: .5em;
    border: none;
    box-shadow: .1em .1em .2em silver;
}
}

/* Nactividadeusuario */

body {
     background-color: #DADDD8;
    
}

article.practicasytorneos {
background-color: #DADDD8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.practicasytorneos hr {
    border-top: 0.2px solid white;
    width: 80%;
    justify-content: center;
    box-sizing: border-box;
   margin-bottom: 0.5em;
  margin-top: 0.5em;
        
    
}



.encabezadoactividad{
 background-color: white;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 2em;

        }
    

.practicas {
    
background-color: #b5b5b5;
    
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    
padding: 1em;
margin-top: 2em;
border-radius: 1em;
width: 20em;
}


.practicas a {
      display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin: .7em;
}

 img.fotoentrenador{
    width: 6em;
    height: 6em;
    border-radius: 80%;
}




article.torneos {
    background-color: #b5b5b5;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 2em;
margin-bottom: 5em;
}

.torneo1 {
    background-color : #DADDD8;
    text-align: center;
    align-items: center;    
    border-radius: 1em;
    padding: 1em;
    margin: 1em;
}

.torneo2 {
    background-color : #DADDD8;
    text-align: center;
    align-items: center;    
    border-radius: 1em;
    padding: 1em;
    margin: 1em;
}

.torneos a {
      display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    margin: .7em;
}


article.actividadusuario h3 {
    padding: 0.5em;
}


 


/* NNperfilusuario */

body {
     background-color: #DADDD8;
    
}

.encabezado {
    background-image: url(../imagenes/encabezadoperfiles.jpg);
    background-repeat: no-repeat;
    background-position:left;
    background-size: cover;
    padding: 1em;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
   
}

.encabezado h2 {
    color:white;
}

img.estrellas {
    width: 10em;
    height: auto;
    margin-bottom: 0.5em;
    
}

.perfilusuario li {
    list-style: circle;
    margin: 0.5em;
}

article.perfilusuario {
    background-color: #DADDD8;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
    
    margin-bottom: 4em;
    
}



img.fotousuario {
     width: 6em;
    height: 6em;
    border-radius: 80%;
    
}


.datospersonales {
    background-color: #B9C1B4;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 0.5em;
}

.actusuario a {
    display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
}

.cerrarsesion a {
      display: flex;
    color: black;
    font-size: .8em;
    justify-content: center;
    border-radius: .5em;
}

.datosdeportivos {
      background-color: #B9C1B4;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 0.5em;
    
}

.datosdeportivos h3 {
    justify-content: center;
    align-content: center;
    align-items: center;
}
.estadisticas {
        background-color: #B9C1B4;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 0.5em;
}

.estadisticas img {
    width: 6em;
    height: 2em;
    justify-content: center;
}



.perfilusuario li {
    list-style: circle;
}


.perfilusuario hr {

    border-top: 0.2px solid white;
    width: 80%;
    justify-content: center;
    box-sizing: border-box;
    margin: 1em;
        
    }


.actusuario {
    display: flex;
    justify-content: center;
    padding: 0.8em;
    margin: 0.5em 6em;
    background-color: #7bc950;
    border-radius: 15px;
    font-size: 17px;
    box-shadow: .3em .3em .9em #e6e6e6;
    text-decoration: none;
    color: black;
    text-decoration: none;
}

.cerrarsesion {
    text-decoration: none;
    color: black;
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
    margin-top: 0.7em;
        
}


.videomultimedia {
        background-color: #B9C1B4;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    

    
padding: 1em;
border-radius: 1em;
margin: 0.5em;
}



/* Ogaleria */


.imagenes {
  width: 100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  align-items: center;
    
}

.imagenes p {
  text-align: center;
  padding: 10px 20px;
}


.galeriacompleta {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    padding: 1em;
}






/* Pnoticia1 */

.noticia1 {
    padding: 0.5em;
    margin: 1em;
    
    
}

.encabezadonoticia  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    
    width: 100%;
    padding: 2em;
    
}

.encabezadonoticia h1 {
    padding: 0.5em;
    margin:0.5em;
    text-align: center;
}

.noticia1 img {
     max-width: 65%;
    height: auto;
    
      margin:10px auto;
display:block;

}

.desarrollonoticia1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.noticia1 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: 1em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    width: 40%;
    height: auto;
 
}

.noticia1 p {
    line-height: 1.7em;
    padding-top: .3em;
    text-align: justify;
}

.copetetitulo {
    margin-bottom: 1em;
    text-align: center;
}

.titulonoticia1 {
    text-align: center;
}

.noticia1 section.comentarios {
    background-color: #B9C1B4;
    
    display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;

    

    
padding: 1em;
border-radius: 1em;
margin-top: 1em;
    margin-bottom: 5em;
}

.noticia1 section.comentarios hr {
    border: 0.5px solid white;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
        
    
}

.comentarios img {
    width: 2em;
    height: 2em;
    border-radius: 80%;
}

.comentario1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.5em;
}

.comentario2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    margin: 0.5em;
}








/* Qnoticias */




.qnoticias {
   background-color: rgb(232, 244, 231);
}

.qnoticia1 h3 {
   font-style: bold;
   font-size: 1.5em;
   text-align: center;
   color:#000000;
   padding-top: .7em;
   padding-bottom: .3em;
}

.qnoticia1 {
    background-color: #e8e7e7;
    padding: 1em;
    border-top-style: solid;
    border-width: .1px;
    border-top-color: silver;
    
}

.qnoticia1 h6 {
   font-style: bold;
   font-size: 1em;
   padding-top: .7em;
}

.qnoticia1 p {
   font-size: .8em;
   padding-top: .8em;
   padding-bottom: 1em;
}

.qnoticia1 a {
      display: flex;
    background-color:#7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
    width: 30%;
         
}

.qimagen {
    width: 100%;
    
}

.qlinea {
    color: black;
}


/*S LISTADO TORNEOOOS*/



.storneo1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 0em;
}

.sboton a , .sboton1 a{
    display: flex;
    justify-content: center;
    margin: 2em 7.5em 2em;
    padding: 1em 1em;
    background-color: #7bc950;
    border-radius: 15px;
    font-size: 1.em;
    box-shadow: .2em .2em .9em #a0a0a09c;
    text-decoration: none;
    color: black;
}


























@media screen and (min-width: 1000px) {
    
body {
    min-height: 100vh;
    margin-bottom: 0;
}
    
.unico2 {
        display: flex;
        bottom: 0;
    }
    
.unico {
    	display: none;
	}
    
    
.gral {
        display: none;
    }
    
.gral2 {
    top:0;
    position: fixed;
    z-index: 9999;
    
        
    }
}

body {
    margin-top: 5em;


}

div.inicio1 {
    padding: 7em;
}

div.imagenes {
  display: flex;
  flex-direction: column;
  align-content: center;
  margin: 1em;
  font-size: .9em;
  width: 30%;
    
}

div.galeriacompleta {
    align-items: center;
    justify-content: center;
}


.qnoticias {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
    
}

.qnoticia1 {
    width:33.1%;
    padding: 2em;
}

.primeranoticia {
    padding: 1.5em 5em;
}

.iniciogaleria img {
    padding-left: 5em;
    padding-right: 5em;
}


button.w3-display-left {
    left: 5em;
}

button.w3-display-right {
    right: 5em;
}

.kform{
    margin-top: 6.5em;

    
}

.storneos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    

}

.storneo1 {
    width: 45%;
  
}


@media screen and (max-width: 1000px) {
    
    
.storneos {
    display: flex;
    flex-direction: column;

}
    
    .storneo1 {
    width: 100%;
}
    
body {
    margin-bottom: 70px;
}
    
.kform{
    margin-top: 1em;
    
}
    
.unico2 {
        display: none;
    }
    
    
.iniciogaleria img {
    padding-left: 0;
    padding-right: 0;
}


button.w3-display-left {
    position: absolute;
    top: 50%;
    left: 1em;

    
}

button.w3-display-right {
    position: absolute;
    top: 50%;
    right: 1em;

}
    
    
.primeranoticia {
    padding: 1em;
}
 
 .gral2 {
        display: none;
    }
    
.qimagen {
        display: none;
}
    
body {
    margin-top: 0;
    margin-bottom: 0;
}
    
div.inicio1 {
    padding: 2em;
}
    
div.inicio1 {
    padding: 2em;
}
    
div.imagenes {
  width: 100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px; }
    
.qnoticias {
    display: flex;
    flex-direction: column;
}

.qnoticia1 {
    width: 100%;
}
   
  
        
}


    
    
    
    
/* RESPONSIVE ACTIVIDADES DEL USUARIO */ 
    
@media screen and (min-width:1000px ) {
        
article.practicasytorneos{
         display: flex;
        flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
        align-items: center;
         align-content: center;
        
        
    }
        
      
        
.torneosinscriptos {
    
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;

border-radius: 1em;
}
        

article.practicasytorneos {
background-color: #DADDD8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
    
    }

        
        
/* RESPONSIVE PERFILES */       

@media screen and (min-width:1000px ) {
    

     article.informacionjugador1 {
        display: flex;
        flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
        align-items: flex-start;
         align-content: center;
    margin-top: 2em;
    
    }
        
        
@media screen and (min-width:1000px ) {
        
        article.informacionusuario{
         display: flex;
        flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
        align-items:flex-start;
         align-content: center;
            margin-top: 2em;
        
        
    }
    article.perfilusuario{
        margin-bottom: 1em;
    }}
    
   

@media screen and (min-width:1000px ) {
        

.videodelimitador{
width:560px;
margin:auto;
}
    
.videocontenedor{
height:0px;
width:100%;
max-width:560px; 
padding-top:56.25%; 
position:relative;
}
    
.videocontenedor iframe{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}
    
    

    
    
    
    
         
    
    
/*RESPONSIVE JUGADOR DESTACADO */ 
             
@media screen and (min-width:1000px ) 
        {   
article.informacionjugadordestacado {
                  display: flex;
        flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
        align-items: center;
         align-content: center;}
            
    
    }

    
    
/*RESPONSIVE NOTICIAS */ 
    
@media screen and (min-width:1000px ) 
        { 
    
        
            textarea.pcajadecomentarios{
                min-width: 55em;
                max-width: 200em;
            
            }
            
            .noticia1 section.comentarios{
                margin-top: 3em;
                margin-bottom: .9em;
            }
            .noticia1 a{
                margin-top: 2em;
            }
            .ptexto{
                max-width: 55%
            }
    }

/*responsive inicio noticia*/
    
@media screen and (min-width:1000px ) 
{
    .enot{
        display: flex;
        flex-direction: row;
        
    }
    }


/* K LISTA JUGADORES*/
            
@media screen and (min-width:1000px ) 
        { 
    
            .klista1{
                /*max-width: 50em;*/
                display: flex;
                justify-content: center;
            }
            
            .klista1 a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #003300;
    align-items: center;
    align-content: center;
                width: 13em;}
            
        .kbotonlista{
    display: flex;
    margin: 3em 34em 2em;
    background-color: #7BC950;
    color: black;
    font-size: .8em;
    padding: .8em 1.5em .8em 1.5em;
    justify-content: center;
    border-radius: .5em;
    text-decoration: none;
}
            
    }



@media screen and (min-width:1000px )
{
    .sboton1{
        margin-bottom: 3.8em;
        margin-right: 0em;
    }
    
    .storneos{
        display: flex;
        flex-direction: row;
        align-content: space-around;
    }
    
    .vermas{
        margin-bottom: 2em;
    }
    
    .cajadecomentarios{
        display: flex;
        justify-content: center;
        width: 60em;
    }
    
    .jdestacado .cajadecomentarios{
        width: 64.5em;
    }
    
    .comentarios{
        display: flex;
        justify-content: center;
        align-content: center;
        margin-left: 10em;
        margin-right: 10em;
    }
    
    .botonenviar button{
        padding: .6em 1em;
        margin-top: .5em;
    }
    }


@media screen and (min-width:1000px )
{
    
    a.mnuevochat{

        margin: 2em 40em 0em
    }
    textarea.mensajevacio{
        width: 94%;
        height: auto;
    }

    .lmasjug a{
    display: flex;
    justify-content: center;
    
    text-decoration: none;
    color: black;
    background-color: #7BC950;
    padding: 1.5em 2em 1.5em 2em;
    margin: 0emem;
    margin-bottom: 0em;
    border-radius: .5em;
        margin-top: 3em;
        font-size: .8em
}
    
   
    }