@charset"utf-8";


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

    list-style: none;
    text-decoration: none;

    font-family: "notosanshk-regular-webfont", sans-serif;
    @import url("https://fonts.googleapis.com/css?family=Noto+Sans+HK:100,400,700&display=swap");
}


@font-face {
    font-family: 'noto_sans_hkbold';
    src: url('fuente/notosanshk-bold-webfont.woff2') format('woff2'),
        url('fuente/notosanshk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'noto_sans_hk_lightregular';
    src: url('fuente/notosanshk-light-webfont.woff2') format('woff2'),
        url('fuente/notosanshk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'noto_sans_hkregular';
    src: url('fuente/notosanshk-regular-webfont.woff2') format('woff2'),
        url('fuente/notosanshk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------------------MENU------------------------*/
nav {
    display: flex;
    flex-direction: column;
    text-align: right;

    background-color: #70FFDF;
    min-width: 60vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -200vh;
    z-index: 99999;
    transition: all .6s ease;
}



nav li a i {
    color: #180073
}


#redes {
    margin-top: 2em;
    display: flex
}

#redes i {

    color: #FF0086;



}

header nav:target {
    right: 0vh
}








nav ul {
    margin: auto;
    padding-bottom: 10em;
    color: aliceblue;




}

nav li {
    margin-top: 1em;
    text-align: left;


}

#x {
    padding: .5em;
    position: absolute;
    left: 8em;
    top: 1em;




}

#x i {
    color: #180073
}

nav i {
    margin-right: 1em;

}



/*--------------------------------------INDEX--------------------------------------------------*/
body {
    background-color: #70FFDF;
}

header {
    background-color: #180073;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4em;
    width: 100%;
    padding: 1em;
    box-shadow: 0 .1em .5rem .1rem #404040;
    /*position: fixed;

    top:0;
    z-index: 10*/




}

#logo {
    width: 3em
}

header h4 {
    color: aliceblue;
    text-align: center
}

header i {
    color: aliceblue;
    font-size: 1.5em;


}

/*.menu {margin-top: em}*/
.menu ul {
    display: flex;
    background-color: #00FFC6;
    justify-content: space-between;
    padding: .5em;
    border-top: .5em solid #FF0086;
    font-weight: 700;
    border-bottom: 2px solid #00c397;

}

.menu a:link,
a:visited {
    color: #031a7b;
}

.menu a.selecion:link,
a.selecion:visited {
    color: #FF0086;
}




.menu a {
    color: #031a7b;
}

.margenes2 {
    padding-top: 2em;
}

/*-------------------slider-----------*/

.bx-wrapper {
    border: 6px solid #70FFDF;

}

.slider {
    display: flex;
    position: relative;
    background-color: #70FFDF;
}

.slider img {
    width: 100%;
    height: 100%;

}

#texto {
    position: absolute;
    bottom: .5em;
    right: .5em;
    text-align: right;
    color: aliceblue;
    background-color: rgba(1, 3, 15, 0.38);
    padding: .5em;
    border-radius: 10px
}

#texto p {
    width: 15em
}

#movimiento div a :active {}

/*----tabala de posiciones solapas---------------*/


#grupoTablas_fem {
    background-color: #FF0086;
    padding-top: 1;
    margin-top: 5px;


}

#grupoTablas_masc {
    background-color: #031a7b;
    padding-top: 1;
    margin-top: 5px;


}


#grupoTablas_fem a:link {
    color: #ffffff;
    font-weight: 900
}

#grupoTablas_fem a:hover {
    color: #FF0086;
}

#grupoTablas_fem a:active {
    color: chartreuse;
}

#grupoTablas_fem a:visited {
    color: #180073;
}

#grupoTablas_masc a:link {
    color: #ffffff;
    font-weight: 900
}

#grupoTablas_masc a:hover {
    color: #70FFDF;
}

#grupoTablas_masc a:active {
    color: chartreuse;
}

#grupoTablas_masc a:visited {
    color: #180073;
}

.encabezado_tabla {

    display: flex;
    justify-content: space-around;
    margin-top: 2em;


}

.encabezado_tabla_masc {

    display: flex;
    justify-content: space-around;
    margin-top: 2em;


}

.clq {
    background-color: aqua;
}

.encabezado_tabla a {

    background-color: #031a7b;


    border-radius: 10px;
    padding: 1 .5em;
    letter-spacing: 1
}

.encabezado_tabla_masc a {

    background-color: #FF0086;
    color: aliceblue;

    border-radius: 10px;
    padding: 5 15;
    letter-spacing: 1
}

#grupoTablas_f,
#grupoTablas_v,
#grupoTablas_b {

    margin-top: 3em;
    border-top: 2px solid #0025c4
}

.posicion_tabla {

    margin-top: 3em;


}

.cl {
    background-color: aqua;
}

/*--------------tabla final-----------*/
.acordeon_tprincipal {
    margin-top: 1.5em;
}

.acordeon {
    margin-bottom: 11em;
    margin-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.acordeon_titulo {
    width: 98%;
    margin: auto;
    background-color: #031a7b;
    border-bottom: 1px solid rgba(#0f0048, .5);
    box-shadow: 0 -1px 0 0 #000 inset;
    padding: .4em;
    text-align: left;
    cursor: pointer;
    padding-left: .5em;
    color: #FF0086;
    font-size: 1.2rem;
    font-weight: 700;
}

.acordeon_titulo span {

    color: aliceblue;
    font-weight: 100;
    margin-left: 4px;


}

.acordeon_contenido {

    width: 98.5%;
    display: none;

}






/*---------tabla de posciciones----*/

table {

    margin: auto;
    background-color: #ffffff;

    width: 100%;
    border-collapse: collapse;
    text-align: center;
    align-items: center;
    font-size: .9rem;




}

th {
    align-items: center;
    background-color: #FF0086;
    color: aliceblue;
    padding: .4em;
    position: sticky;
    top: 0
}

.th_masculino {
    background-color: #031a7b;
}

table img {
    margin-right: .5em;
    margin-left: .5em
}

.a1 {
    background-color: #efefef;


}

tr {
    border-collapse: collapse;



}

.equipo {
    font-weight: 600;
    text-align: left;
    padding: .2em 0 .2em 0
}

.florida {
    background-color: rgba(255, 0, 134, 0.78);
    color: aliceblue;

}

.florida1 {
    background-color: rgba(3, 26, 123, 0.73);
    color: aliceblue;

}

.florida img {
    width: 18px
}

.florida1 img {
    width: 18px
}



/*----------------------boton tabla de posiciones index-------------------------------*/
.boton1 {
    margin: auto;
    display: flex;
    border-radius: 30px;
    background-color: #031a7b;
    color: aliceblue;
    height: 30px;
    font-size: 1.1em;
    font-weight: 900;
    margin-bottom: 2em;
    justify-content: center;
    max-width: 15em
}

a {
    display: flex;

    align-items: center;






}

.boton1:active {
    background-color: #010a2f;

}

#masc {
    color: aliceblue;
}

#fem {
    background-color: #FF0086;
}

#fem:active {
    background-color: #6c0039;
}







/*--------------prueba_tabla----------*/





#grupoTablas a {
    display: flex;

    align-items: center;

    margin: auto;
    color: aliceblue;
}

#grupoTablas ul {
    margin-left: .5em
}

#grupoTablas li {
    background-color: #FF0086;
    margin: left;
    width: 10em;
    height: 1.3em;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 45px;
    display: flex;
}

/*-------------Tablas--------*/

.titulo {
    display: flex;
    background-color: #70FFDF;
    color: #FF0086;




}

.titulo_masc {
    display: flex;
    background-color: #70FFDF;
    color: #031a7b;




}

h3 {
    margin: auto
}

.titulo span {


    font-weight: 900;

}

/*------------------------section partidos---------------*/

.partidos {
    border-top: .2em solid #FF0086;
    background-color: #A4FFEB;
    display: flex;
    flex-direction: column;

    margin: auto;
    padding-bottom: 1.5em;



}

.partidos h2 {
    margin: auto;
    padding: .5em;
    color: #031a7b
}

#equipos {


    margin: auto;
    flex-direction: column;

    border-top: 5px solid #70FFDF;
    background-color: #190569;
    max-width: 30em;
    padding: 0.5em 1em
}

#equipos h3 {
    display: flex;
    text-align: left;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 1em;
    color: #FF0086;

}

#equipos p {
    font-weight: 600;
    font-size: .8em;
    color: #ffffff;


}

#equipos h4 {
    color: #FF0086
}

#vs {

    display: flex;
    align-items: center;

}

#vs img {
    width: 10%;
    margin-right: .5em;
    padding: 2px
}



/*------------------------tabla de posiciones-------------*/

.tablaposiciones {
    display: flex;
    flex-direction: column;

}

.tablaposiciones img {
    width: 100%;
    height: auto;

}

#puntaje {
    position: sticky;
    top: 0
}



#tabla {
    margin-top: -1.8em;
}






/*--------------------NOTICIAS----------------------------*/



.espacio-noticias {
    padding-bottom: 2.5em;
    padding-top: 1em;
}

.noticias {
    color: #031a7b
}

.noticias h2 {
    line-height: 1em;
    padding-bottom: .3em;
    font-weight: 900;
    color: #180073;
}

.noticias img {
    margin-top: .5em;
    width: 100%;
    height: auto;
}

figcaption {
    color: #585858;
    font-size: .8em;

}

.noticias p {
    margin-top: 0.5em;

    line-height: 1.5em;


    padding-bottom: .3em;

}

input[type=button] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 2em;
    width: 10em;
    background: #FF0086;
    color: #ffffff;
    font-weight: 900;
    border-radius: 30px;
    border: none;
    display: flex;
    margin: auto;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 1em
}

/*--------------------HISTORIA----------------------------*/
.historia {
    padding: .5em
}

.historia p {
    margin-bottom: 1em
}

.historia1 h2 {
    line-height: 1em;
    margin-top: 1em;
    font-weight: 900;
    font-size: 2em;
    color: #180073;
    margin-bottom: .2em;
}

#fotoprincipal {
    margin-top: 1em;
    width: 100%;
    height: auto;
}

.subtitulo {
    line-height: 1em;
    margin-top: 1em;
    font-weight: 900;
    font-size: 1.3em;
    color: #180073;
    margin-bottom: .1em;
}

.pmargin {
    padding-left: 2.5em;
    padding-right: 1.5em;
    text-align: justify;
}

figcaption {
    color: #585858;
    font-size: .8em;
}

#presidente {
    display: flex;
    flex-direction: row;
    align-items: center
}

#biderman {
    width: 60%;
    height: auto;
    border-radius: 10rem;
    box-shadow: .4rem .4rem .9rem darkcyan;
    margin-left: 2em;
    margin-right: .5em;
    margin-top: 1em
}

#figcaption2 {
    margin-left: 3em;
    margin-top: .5em;
}

#presidente p {
    font-weight: 600;
}

.historia p {

    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-top: 1em;

    line-height: 1.5em;


    padding-bottom: .5em;
}

#p1 {
    font-weight: 900;
    color: #031a7b
}

/*--------------------Tarifario2--------------------------------*/

#tarifario {


    margin-top: 1.2em;
    background-color: #ffffff;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    align-items: flex-start;
    font-size: .7rem;

}

#descuento {
    margin-left: 1em;
    color: #FF0086;
    font-weight: 700
}

.categoria {
    align-items: flex-start;
    background-color: #031a7b;
    color: aliceblue;
    padding: .5em;
}

.gris {
    background-color: #efefef;
}

.preciosalquiler {
    padding: .7em;
}

#tarifario tr {
    border-collapse: collapse;

}

.deportetarifa {
    font-weight: 600;
    text-align: left;
    padding: .2em 0 .2em 0;
    padding-left: 1em;
    padding: .8em;
}

.futsalprecio {
    background-color: rgba(255, 0, 134, 0.9);
    color: aliceblue;

}

.infosocio {
    color: #585858;
    font-size: .9em;
    margin-left: .7em;
    margin-right: .7em;
    margin-top: 1em;
    line-height: 1.2rem;

}

span {
    font-weight: 700;
}

.infosocio p {
    margin-bottom: 1em
}

#italic {
    color: #585858;
    font-size: 1em;
    font-style: italic;
    line-height: 1.2rem;
    margin-left: .7em;
    margin-right: .7em;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.botones {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.botonasociarse {
    color: aliceblue;
    font-weight: 700;
    background-color: #031a7b;
    padding: .6em;
    border-radius: 1.2rem;
    font-size: 1.1em;

}

/*--------------------Tarifario--------------------------------*/






#tarifario {


    margin-top: 1.2em;
    background-color: #ffffff;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    align-items: flex-start;
    font-size: .7rem;

}

.categoria {
    align-items: flex-start;
    background-color: #031a7b;
    color: aliceblue;
    padding: .4em;
}

.gris {
    background-color: #efefef;
}

#tarifario tr {
    border-collapse: collapse;
}

.deportetarifa {
    font-weight: 600;
    text-align: left;
    padding: .2em 0 .2em 0;
    padding-left: 1em;
    padding: .8em;
}

.futsalprecio {
    background-color: rgba(255, 0, 134, 0.9);
    color: aliceblue;
}

.infosocio {
    color: #585858;
    font-size: .9em;
    margin-left: .7em;
    margin-right: .7em;
    margin-top: 1em;
    line-height: 1.2rem;
}

span {
    font-weight: 700;
}

.infosocio p {
    margin-bottom: 1em
}

#italic {
    color: #585858;
    font-size: 1em;
    font-style: italic;
    line-height: 1.2rem;
    margin-left: .7em;
    margin-right: .7em;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.botones {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1em;
margin-bottom: 1em;
}

.botones2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: -3em;
margin-bottom: -1em;
}


#botonasociarse {
    color: aliceblue;
    font-weight: 700;
    background-color: #031a7b;
    padding: .25rem .6rem;
    border-radius: 1.2rem;

}

#botonasociarse:active {
    background-color: #010a2f;

}

*/

/*-----------------REGISTRO2---------------------------*/
.subtituloreg {
    margin-left: 1em;
    color: #FF0086;
    font-weight: 700;
    margin-bottom: 1em;
    
}

input:checked {
    width: 2em;
    height: 2em;
}

form {
    padding-top: .5em;
    padding-right: 1em;
    padding-left: 1em;
}

.datos {
    color: #031a7b;
    font-weight: 600;
    line-height: 2.3rem;
    margin-left: 1.4em;
}

.casillero {
    background-color: azure;
    border-color: #FF0086;
    border-radius: .5em;
    margin-top: .1em;
    margin-right: 2em;
    margin-left: 2em;
    margin-bottom: .1em;
    padding-left: 1em;
    height: 2.2em;

}

.asociatetitulo {
    color: #031a7b;
    margin-left: .6em;
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 1.7em;
}

#condiciones {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    margin-top: 3em;

}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] {
    display: inline-block;
    width: 15px;
    height: 15px;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] {
    display: inline-block;
    width: 15px;
    height: 15px;
}


.genero {
    padding-left: 0.5em;
}

.condiciones {
    color: #585858;
    font-size: .9em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.2rem;
}

.formulario {
    display: flex;
    flex-direction: column;
    background-color: aliceblue;
    border-radius: 1em;
    margin-left: .8em;
    margin-right: .8em;
    margin-bottom: 2em;
    padding-bottom: .1em;
    padding-top: 1em;
}

#botonasociarse2 {
    color: aliceblue;
    font-weight: 700;
    font-size: 1em;
    background-color: #031a7b;
    margin-top: 1em;
    margin-bottom: 1.5em;
    margin-right: 2em;
    margin-left: 2em;
    padding: .8rem;
    border-radius: 1em;


}


/*--------------------ASOCIACIÓN2-------------------*/
#finformulario {
    display: flex;
    flex-direction: column
}


#asociatetitulo {
    color: #031a7b;
    margin-left: 1.3em;
    margin-right: 2em;
    margin-top: .9em;
    margin-bottom: .5em;
    font-size: 1.7em;
}

.textoasociacion {
    color: #031a7b;
    margin-left: 2.3em;
    margin-right: 2em;
    margin-top: 1em;
}

#numerodesocio2 {
    font-size: 1.5em;
    font-weight: 700;
}

#numerodesocio {
    background-color: #FF0086;
    color: white;
    border-radius: .5em;
    margin-top: 1em;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1.4em;
    padding-bottom: 1em;
    padding-top: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2em;
}




/*--------------------UBICACION-------------------*/

iframe {
    display: flex;
    margin: auto;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: .5em;
}

address {
    font-style: normal;
    margin-left: .5em;
    line-height: 1.5rem;
    margin-bottom: 2em
}

address span {
    color: #180073;
    font-weight: 600;
}

address div {
    margin-top: 1em;
}

address a {
    margin-top: .8em;
    color: #FF0086;
    font-size: 3rem;
    display: flex;

    align-items: center;
}

address p {
    font-size: 1rem;

    color: #FF0086;
    line-height: 1rem;
    font-weight: 600;
    margin-left: 1em;


}


#flo {
    width: 18px;
}

.versus {
    padding: 5px;
    margin-left: -5px
}

/*--------------------Deportes--------------------------------*/
.img-deportes {
    width: 100%;
    max-width: 140px;
}

.dep-recuadro-masculino {
    background-color: #180073;
    border-radius: 1em;
    width: 120px;
    height: auto;
    margin: 1em;
}

.dep-recuadro-femenino {
    background-color: #FF0086;
    border-radius: 1em;
    width: 120px;
    height: auto;
    margin: 1em;
}

.dep-recuadro-mixto {
    background-color: #a700ff;
    border-radius: 1em;
    width: 120px;
    height: auto;
    margin: 1em;
}

.dep-recuadro-clases {
    background-color: #ff8000;
    border-radius: 1em;
    width: 120px;
    height: auto;
    margin: 1em;
}

.tab-dep {
    float: left;

}

.tab-dep2 {
    clear: left;

}

.mod-texto {
    color: white;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    height: 55px;
    font-size: 12pt;
    text-align: center;

}

.centrar-objetos {
    display: flex;
    justify-content: center;
    align-items: center;
}


.centrar-deportes {
    width: 600px;
}

/*-----------Recreativo-----------------*/
.subtitulo-recreativo {
    color: #031a7b;
    font-weight: 600;
    line-height: 2.3rem;
    margin-left: 1.4em;
}

.p-texto {
    margin-left: 3.5em;
    margin-right: 3.5em;
    padding-bottom: 3em;
    color: #031a7b;    
}

.dt-recreativo {
    text-align: center;
    align-items: center;


}

/*----------universal-------*/
.botones-tarifario {
    color: aliceblue;
    font-weight: 700;
    font-size: 1em;
    background-color: #031a7b;
    margin-top: 1em;
    margin-bottom: 1.5em;
    margin-right: 2em;
    margin-left: 2em;
    padding: .2rem;
    border-radius: 1em;
}

.no-float {
    position: absolute;
}

.mod-texto2 {
    color: black;
    font-weight: 700;
    font-size: 12pt;
    text-align: center;

}


/*----------Planteles-----------*/

.planteles {
    display: block;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1.5em;
}

.icono-cuerpo-tecnico {
    width: 50px;
    height: auto;
    padding-top: 1em;
}

.cuerpo-tecnico {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.subtitulo {
    color: #031a7b;
    font-weight: 600;
    line-height: 2.3rem;
    margin-left: 1.4em;
}

.img-plantel {
    height: auto;
    width: 85%;
}


.columna-left {
    position: absolute;
    float: left;
    width: 25%;
    padding: 0.5em;
    text-align: center;
}

.columna-right {
    position: relative;
    float: right;
    width: 25%;
    padding: 0.5em;
    text-align: center;
}

.items-deportes {
    position: static;
    width: 100%;
    height: 560px;
    padding-left: 2em;
    padding-right: 2em;
}

.items-c-tecnico {
    position: static;
    width: 90%;
    height: 400px;
    padding-left: 2em;
    padding-right: 2em;
}

/*---------clases------------*/
.medida-horarios {
    width: 320px;
}

.objetivos-clases {
    color: #FF0086;
    font-weight: 700;
    font-size: 12pt;
    margin-left: 2.5em;
}

.margenes {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

/*---------------------footer---------*/
footer p {
    
    padding: 0em 1em;
    padding-top: .3em;
    font-size: .6em;
    text-align: center;
}

footer {
    background-color: #A4FFEB;
    position: relative;
    padding: 1rem;

}

/*----------------sponsors----------*/
.sponsors {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FF0086;
    padding: .5em;
    border-top: 5px solid #70FFDF;
    position: relative;
    

}

.sponsors img {
    padding-top: 0.5em;
    width: 65%;
    height: auto;
    margin: auto;



}

.sponsors h2 {
    margin-bottom: .3em;
    color: #ffff;
    font-size: 1.4rem;


}