*{
    box-sizing:border-box;
}

/* FUENTES */

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');


/* HISTORIA Y SLIDE */


body {
    background-color:#ededed;
    display: flex;
    margin:0px;
    flex-direction:column;
    min-height: 100vh;
    font-family: "Roboto", sans-serif;
    min-height: 100vh;
    
}


header {
    background-color:#000000; color:#ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 0.8em;
}

.contenedor,
main>section{
    max-width: 115rem;
    margin: 0 auto;
    padding: 1rem;
}

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


.historia{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}


h1{
    color:#ffffff;
    font-family: "Oswald", sans-serif;
    font-size:1.5em;
    font-weight:600;
    margin-top: 10px;
    background-color: #000000;

}

.deportes{
    margin:10px;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

h2{
    color:#ffffff;
    font-family: "Oswald", sans-serif;
    font-size:1.5em;
    font-weight:600;
    margin-top: 10px;
    background-color: #000000;

}


/*CONTACTO*/

.ubicacion{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

.comunicate{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

.llamar{
    margin:10px;
    width: auto;
    height:70px;
    padding:10px;
    background-color: #006633;
    border-radius: 3em;
}
    
    #llamar{
        color:#ffffff;
        text-align: center;
        
    }
    
    
}

h3{
    color:#ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

/* FORO CHAT */

#chatt {
    color:#000000;
    background-color: #ededed;
    font-family: "Oswald", sans-serif;
    font-size:1em;
    font-weight:300;
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;

}

.chat1{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    background-color: rgba(0, 102, 51, 0.4);
    border-radius: 2em;
     display:flex;
    flex-direction: column;
justify-content:space-between;
    align-items: center;
}

#nicky img{
    border-radius: 3em;
}


.chat2{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    background-color: rgba(0, 0, 0, 0.29);
    border-radius: 2em;
    display:flex;
    flex-direction: column;
justify-content:space-between;
    align-items: center;
}

#loli img{
    border-radius: 3em;
}

.chat3{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    background-color: rgba(0, 102, 51, 0.4);
    border-radius: 2em;
    display:flex;
    flex-direction: column;
justify-content:space-between;
    align-items: center;
}

#vir img{
    border-radius: 3em;
}

.chat4{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    background-color: rgba(0, 0, 0, 0.29);
    border-radius: 2em;
    display:flex;
    flex-direction: column;
justify-content:space-between;
    align-items: center;
}

#sofi img{
    border-radius: 3em;
   
}

#titch {
    color:#000000;
    background-color: rgba(0, 102, 51, 0);
    font-family: "oswald";
    font-size: 1em;
    font-weight: 600;
    margin-top: 10px;

    
}
    
#chat{
  margin:2em;
    float:inherit;
  width: calc(100% - 45px);
  height: auto;
    display:flex;
    flex-direction: column;
justify-content:space-between;
    align-items: center;
    
  }
   



/* VIDEO CANAL */

h4 {
    margin: 0;
    margin-bottom: -1em;
    margin-top: 2em;
    font-family: "roboto", sans-serif;
    font-size: 1.3em;
    color:#000000;
}


#videos {
    flex-grow: 1;
    margin: 1em;
    max-width:100em;
}

video,
iframe{
    width: 100%;
    height:auto;
}


.videoresponsive{
    position: relative;
    margin:0 auto;
    padding-top: 25px;
    padding-bottom: 56.25%;
    overflow:hidden;
    
    
}

.videoresponsive iframe{
    position:absolute;
    height:100%;
    width:100%
    top:0px;
    left:0px;
}

/* GALERIA */

/* FORMULARIO PARTIDO, CONFIRMACION Y RESUMEN */

.sumate{
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

form {
    display: flex;
    flex-direction: column;
    margin: 5px;
    padding: 10px;
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    background-color: rgba(35, 136, 35, 0.64);
    font-size: 0.9em;
}

button {
    font-family: "Roboto", sans-serif;
}

.resumen {
    max-width: 115rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: rgba(0, 100, 0, 0.54)
}

.botones {
    max-width: 115rem;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color:#c7c7c7;
}

.exitoso {
    max-width: 115rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: rgba(0, 100, 0, 0.54)
}

/* REGISTRARSE */

.iconosp {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 2px solid #959595;
}

#registrate {
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.botver {
    color: black;
    
}

/* PERFIL */

#cerrar {
    margin: 0;
    width: 150px;
    height: auto;
    overflow: hidden;
    padding: 10px;
    color: white;
    background-color: #006633;
    border-radius: 2em;
    
}

main button a {
    text-decoration: none;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

main button a:hover {
    color: white;
    text-decoration: inherit;
} 

main ul li {
    list-style: none;
}

.intereses {
    margin: 0;
    width: 320px;
    height: auto;
    overflow: hidden;
    padding: 20px;
    background-color: rgba(0, 102, 51, 0.4);
    border-radius: 1em;
}

#intereses ul li img {
    width: 10%;
    height: auto;
}

/* SLIDE */

/* NOTICIA */

.copete {
    font-size: 1.2em;
}

#nota {
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    
}


/* CANCELAR */

.top {
    margin-top: 250px;
}

h5 {
    color:#000000;
    font-family: "Oswald", sans-serif;
    font-size:1em;
    font-weight:300;
    margin:10px;
    width: auto;
    height:auto;
    padding:10px;

}

.organizar{
    margin:10px;
    width: 450px;
    height:auto;
    padding:10px;
    background-color: rgba(0, 102, 51, 0.4);
    border-radius: 2em;
    text-align: center;
  
}

.cancelar{
    margin:10px;
    width: 450px;
    height:auto;
    padding:10px;
    background-color:rgba(190, 22, 34, 0.71);
    border-radius: 2em;
    font-family: "Oswald", sans-serif;
   text-align: center;
}

/* ORGANIZAR PARTIDO */

.deportes img {
    max-width: 100%;
    height: auto;
}


/* FOOTER */

footer{
  background-color: #000000;
  height:17em;
  position: relative;
  top:1em;
  width:100vw;
}

.datos-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
    align-items: center;
    padding-top:1em;
    padding-left: 2em;
    padding-right: 2em;
}

.texto-footer{
    display: flex;
    flex-direction: column;
    
}

footer h7 {
  color: #ffffff;
  font-size: 1.3em;
    width:8em;
}


footer img {
  width: 7em;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
 }

.datos-footer p {
  color:#ffffff;
  text-align: left;
  font-size: .6em;
  font-weight: lighter;
  width:9em;
    padding-top: 1em;
}

#textofooter {
  position: absolute;
  color: #ffffff;
  font-size:.7em;
  text-align: center;
  top:0;
    width:100%;
  margin-top:20em;
  width:100%;
  
 
    
}