@charset "utf-8";

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

@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree:300,500&display=swap');

body {
    background-color: white;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
}
 


#escudoconnombre{
    display: block;
    width: 11em;
    margin: .5em;
    display: flex;
    justify-content: center;
    margin-left: .5em;
    }


header { 
    background-color: #1d0076;
    display: flex;        
    text-decoration: none;
    padding: 1em;
    flex-grow: 0;
    height: 5em;
    justify-content: space-between;
    align-items: center;
    width:100%;
    position: fixed;
    align-self: flex-start;
    Z-INDEX: 99999;
    }

.menu {
    display: flex;
    width: 100%;
    position: fixed;
   /* top: -50em;*/
    left: 0;
    transition: .5s ease;
}
header ul {
    list-style: none; 
    display: flex;
}

header ul li {
    width: auto;
    height: 2em;
    margin: .6em;   
    display: flex;
}



header ul li a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;    
    justify-content: center;
    align-items: center;
    color: white;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    justify-content: space-between;
}

label img {
    width: 2em;
    height: 1.5em;
    cursor: pointer;
    position: relative;
    right: 1em;
    transition: 0.5s all ease;
}
.menu{
    width: auto;
    position: initial;
}

.btn-menu:checked ~ .menu {
    top: 5em;
}
.btn-menu:checked ~ .close-menu{
    display:contents;
}
.btn-menu:checked ~ label img {
    height: 2em;
}

.close-menu {
    display: none;
    
}

#btn-menu{
    display: none;
}


.resultados {
    background-color: white;
    display: block;
    min-width: 100%;
    color: #381898;
    font-family: 'Bai Jamjuree', sans-serif;
    text-align: center;
    padding:1.5em;
    margin:0;
    align-content: center;
    align-items: center;
}

.resupasador {
  
    
    align-self: center;
    margin: auto;
    padding: 0em;
    display: block;
    background-color: white;
    width: 45vw;
   
      max-width: 100%;
    height: auto;
     
    text-align: center;
    
}

.ultimosresultados {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: .5em;
}

.futbolfemeninoresultados {
    font-size:1.2em;
    font-weight: normal;
    margin-top: .5em;
}

.equiposresultados {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: .2em;
    margin-bottom: .2em;
}

.goles {
    font-size: 1em;
    font-weight: normal;
}


p4 {
    margin-left: 1em;
    margin-right: 1em;
}



#pelota {
    width:1.3em;
    margin-right: 2em;
}


#tarjetaroja {
    width: 1.3em;
}


footer { 
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    display: flex; 
    justify-content: center;
    width: 100%;
    align-self: flex-end;
   
    
    
    }


footer ul {
    list-style: none; 
    display: flex;
    
   
}

footer ul li a{
    display: block;
      
    
}

footer ul li  {
    text-decoration: none;
    display: flex;    
    justify-content: center;
    align-items: center;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: bold;
    font-size: .6em;    
    margin: .6em; 
    
   }


footer nav ul {
    background-color: #1d0076;
    justify-content: center;
    margin-bottom:.1em;
   }


.alumnos{
    font-size: 1.3em;
    color: black;
}

#facebook{
    display: block;
    width: 4em;
    margin: .5em;
    display: flex;
    justify-content: center;
    margin-left: .5em;
    }

#instagram{
    display: block;
    width: 4em;
    margin: .5em;
    display: flex;
    justify-content: center;
    margin-left: .5em;
    }


#youtube{
    display: block;
    width: 4em;
    margin: .5em;
    display: flex;
    justify-content: center;
    margin-left: .5em;
    }




img.noticia1{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;
}

img.noticia2{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;
    margin-top: 4em;
}

img.futsal{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;
    margin-top: .1em;
  
}

img.galeria1{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;    
}
img.galeria2{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;    
}
img.galeria3{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;    
}
section {
    align-self: center;
    margin: auto;
    padding: .75em;
    display: block;
    background-color: aliceblue;
    
    border-radius: 5px;
}

img.imghistoria{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;
    margin-top: 1em;
    margin-bottom: 3em;
}

img.imghistoria1{
    max-width: 100%;
    height: auto;
    margin: 0em;
    padding: 0em;   
    text-align: center;
    margin-top: 1em;
}

h2 {
    color: #170256;
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 1.2em;
    margin-top: .5em;
}

h33 {
    color: #170256;
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 1.2em;
    margin-top: .5em;
    margin: 2em;
}

h12 {
    color: #170256;
    font-size: 2em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 1.2em;
    margin-top: .5em;
}
h3 {
    color: #170256;
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-top: 1em;
    margin-bottom: .5em;
}

h5 {
    color: #170256;
    font-size: 1.2em;
    font-weight: 500;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
}

.minutos {
     justify-content: space-between;
}
h6 {
    color: #170256;
    font-size: 1.2em;
    font-weight: 500;
    font-family: 'Bai Jamjuree', sans-serif;
}


h7 {
    color: #170256;
    font-size: 1em;
    font-weight: 800;
    font-family: 'Bai Jamjuree', sans-serif;
    margin:1em 0em;
}

h8 {
    display: flex;
    color: #170256;
    font-size: 2em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-top: .3em;
    margin-bottom: .1em;
}

h9 {
    display: flex;
    font-size: .8em;
    font-weight: 100;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 1.5em;
    color: gray;
}

h10 {
    display: flex;
    justify-content: flex-end;
    font-size: .8em;
    font-weight: 100;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 1em;
    margin: 0em 1em;
    color: gray;
}

.textonoti {
    display: flex;
    margin-top: 1em;
}


h40{ 
    color: gray;
    font-size: .8em;
    font-weight: 800;
    font-family: 'Bai Jamjuree', sans-serif;
    margin:1em 0em 1em;
    
    
}
p1 {
    color: #1d0076;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Bai Jamjuree', sans-serif;
    display: flex;
}


p2 {
    color: #566ab3;
    font-size: 1em;
    font-weight: lighter;
    font-style: italic;
    font-family: 'Bai Jamjuree', sans-serif;
}





main {    
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;    
    flex-direction: row;
    margin-top: 5em;
    width: auto;
}

footer { 
    font-size: 1em;
    display: block;
    display: flex;
    background-color: #1d0076;
    color: #566ab3;
    padding: .5em;
    font-weight: lighter;
    font-family: 'Bai Jamjuree', sans-serif;
    
}


main ul li section ul  {    
    list-style: none;
}

main ul li {    
    list-style: none;
}



iframe {
    max-width: 100%;
    height: 25em;
    display: block;
    margin-top: 1em;
    
    
}


.menufooter{
    font-size: 1.4em;
    list-style: none;
    text-decoration: none;
    align-items: center;
    width:100%;
    color: white;
    
}

.linkindex{
    text-decoration-style: none;
    text-decoration: none;
    color: #170256;
}



.errorweb{
    text-decoration-style: none;
    text-decoration: none;
    color: #170256;
}


.iphone{
    
    max-width: 100%;
    height: auto;
    margin: 1em;
    padding: 1em;   
    
    
}





.formulario {
    padding: 2em;
}

.formularionombre {
    margin:1em;
    font-weight: ;
}

.formularioapellido {
    margin:1em;
}

.formulariomail {
    margin:1em;
}

.formularioedad {
    margin:1em;
}

.formulariofecha {
    margin:1em;
}

.formulariotelefono {
    margin:1em;
}

.formulariosexo {
    margin:1em;
}



.formulariodeportes {
    margin:1em;
}

.formulariocomentario {
    margin:1em;
}

.formularioenviar {
    margin:1em;
}

p20 {
    color:red;
    font-family: sans-serif;
    font-size: 1em;
    font-style: italic;
   
}

p19 {
    font-family: 'Bai Jamjuree', sans-serif;
    font-size: 1em;
    font-weight: bold;
    color:#381898;
   
}









td { 
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
     color: #170256;
    margin-bottom: 2em;
    margin-top: 5em;
    margin-left: 1em;
    margin-right: 1em;
}


th {
    color: #170256;
    font-size: 1.6em;
    font-weight: bold;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 2em;
    margin-top: 2em;
    margin-left: 1em;
    margin-right: 1em;
}


.tabladevalores {
    align-self: center;
    margin: auto;
    padding: .5em;
    display: block;
    background-color: aliceblue;
    border-radius: 5px;
    display: flex;
    margin-bottom: 5em;
    margin-top: 3em
}




/* MEDIA */

    


/* HTML AUTORIDADES */
.autoridades {
    display: block;
}

main lu section li {
    color: #170256;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: bold;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 1em;
}




/* HTML SEDES */
p5 {
    display: block;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 100;
    color: #1d0076;
    text-align: center;
    
}

main section li {
    list-style: none;
    margin: 0em 0em .5em;
}

.sectionsedes {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
}

.ubicacion{
    margin: 2em 0em 0em 0em;
    width: 3.5em;
}

.horario{
  margin: 2em 0em 0em 0em;
    width: 3.5em;
}

.telefono{
    margin: 2em 0em 0em 0em;
    width: 3.5em;
}
        
#sectionsedes {
    margin: 0em;
    list-style: none;
    display: flex;
    text-align: center;   
}
    



/* HTML NOTICIAS */
.noticias {
    margin-bottom: 1em;
    margin-top: 1em;
}

.noticia {
    width: 100%;
}

.firma {
    display: block;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 100;
    color: #1d0076;
    text-align: right;
    margin: 1em 1em 0em 0em;
}

#comentario {
    width: 100%
}

.noticiacomentario {
    margin: auto;
    margin-top: 1em;
    text-align: center;
    padding: 1em 2em;
}

.otrasnoticias {
    display: block;
    margin: auto;
    margin-top: 4em;
    margin-bottom: 1em;
    padding: 0em;
}

#otrasnoticias{
    display: block;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 600;
    color: #1d0076;
    text-align: center;
}


 

/* HTML FORMULARIO */   
.completatusdatos{
    font-weight: bolder;
    margin-bottom: 2em;
}

p19{
    display: flex;
    font-family: 'Bai Jamjuree', sans-serif;
    color: #1d0076;
}

p20{

    font-family: 'Bai Jamjuree', sans-serif;
    color: dimgrey;
}

/* .autoridades(css) */   
.formularionombre {
    margin:1em .5em;
}

#contenedor{
    margin: .5em 0em;
}

.formularioapellido {
    margin:1em .5em;
}

.formulariomail {
    margin:1em .5em;
}

.formularioedad {
    margin:1em .5em;
}

.formulariofecha {
    margin:1em .5em;
}

.formulariotelefono {
    margin:1em .5em;
}

.formulariosexo {
    margin:1em .5em;
}

.formulariosexos {
    display: flex;
    margin:.5em 0em;
    align-items: 
}

#femenino {
    margin: .2em .5em .2em 1em;
}

#masculino {
    margin: .2em .5em .2em 2em;
}

.formulariodeportes {
    margin:.5em;
}


.futbol {
    display: flex;
    margin: .5em 0em;
}
 
#futbol {
    margin: .2em .5em .2em 1em;
}

.voley {
    display: flex;
    margin: .5em 0em;
}
 
#voley {
    margin: .2em .5em .2em 1em;
}
.handball {
    display: flex;
    margin: .5em 0em;
}
 
#handball {
    margin: .2em .5em .2em 1em;
}

.formulariocomentario{
    margin: 1em .5em;
}


.pelota {
    width:  .9em;
}

/* HTML FUTSAL */ 
.futsalindex {
    text-decoration-style: none;
    text-decoration: none;
    color: #170256;
}

.parrafo {
    display: flex;
    
    margin: 1em;
    
}

.contacto {
    width: 90vw;
    color: #170256;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin: 1em;
}

.contacto2 {
    
    color: #170256;
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 1em
}

@media ( min-width: 90em ) {
    main {
        flex-direction: row-reverse;
        justify-content: center;
    }
    
    header {
        font-size: 100%;
    }
}


    
@media (max-width: 90em ) {
    header {
        font-size: 100%;
    }

    #banner {
        padding: 2em; 
        margin: auto;
        background-image: url(../imagenes/fondo.jpg);
        width: 100%;
        font-size: 2em;
        background-size: cover;
    }

    #tituloseccion{
        color: white;
        margin-bottom: 0.5em;
    }
}




/*mas grande de 850px*/
@media (min-width: 850px) {
    
    section{
        width: 45vw;
    }
    label img {
        display: none;
        transition-duration: 1s;
        transition-delay: 1s;
    }
  
     #banner {
        background-image: url(../imagenes/fondo.jpg);
        justify-content: center;
        width: 100%;
        padding: 2em;
        font-size: 3em;
        color:white;
        background-size: cover;
    }
    
    .autoridades {
        margin: 1em;
        list-style: none;
        width: 45vw;
    }  
    
    .sectionsedes {
        padding: 2em;
    }

    #tituloseccion {
        color: white;
    }
    
     .noticias{
         margin: 1em;
         width: 45vw;
    }
    
    .noticiacomentario {
        width: 50vw;
    }
    
    .otrasnoticias {
        width: 50vw;
        margin: 1em;
    
    }

    .sectionindex{
        width: 70vw;
        margin: auto;
    }

}




/*mas chico de 850px*/
@media (max-width: 850px) {
    .menu {
        display: flex;
        width: 100%;
        position: fixed;
        top: -50em;
        left: 0;
        transition: .5s ease;
    }
    
    main{
    flex-direction: column;
    height: auto;
    align-items: center;
    display: flex;
    
        
    }
    
    header ul {
        list-style: none;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        align-items: center;
        background-color: rgba(0,0,0,0.8);
        transition: all 5s ease;
    }
    
    header li {
        display: flex;
        justify-content: center;
        align-items: baseline;
        border-bottom: solid grey .1em;
        width: 100%;
        padding: 4em 2em .3em;
    }
   
     #banner {
        padding: 3em 2em 3em 2em; 
        margin: auto;
        background-image: url(../imagenes/fondo.jpg);
        justify-content: center;
        width: 100%;
        font-size: 1.4em;
        color: white;
        background-size: cover;
    }
    
    .autoridades {
    display: block;
    width: 90vw;
    }
    
    .sectionsedes {
        width: 90vw;
    }

    
    .noticias {
        margin: auto;
        width: 90vw;
    }
    
    .noticiacomentario {
        width: 90vw;
    }
    
    .otrasnoticias {
        width: 90vw
    }

    .sectionindex{
        width: 90vw;
    }
}