h1,h2,h3,h4,h5,h6, p {
/*    mix-blend-mode: difference;
*/    filter: drop-shadow(0.05em 0.05em black);

      font-weight:bold;

}


.cabeceraRegister {
    background-image: url( ../images/purty-wood.png), linear-gradient(90deg, #be1933 0%, #902e4f 25%, #902e5f 50%, #902e90 75%, #2e5f90 100%);
}

.cabeceraRegisterRegister {
    background-image: url(../images/random-grey-variations.png),linear-gradient(90deg, #be1933 0%, #902e4f 25%, #902e5f 50%, #902e90 75%, #2e5f90 100%);

}


/*clase css chrome gratis para copiar.*/
.chrome {
    background: #000000 -webkit-gradient(linear, left top, right top, from(#222), to(#fff), color-stop(0.5, #fff)) 0 0 no-repeat;
    background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
    -webkit-background-size: 200px;
    color: rgba(255, 255, 255, 0.9) !important;
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.contenedorLen2 {
    font-weight: 900;
    background: rgba(134, 38, 42, 0.42);
    /*background: url('../images/lenarte77777.png'),linear-gradient(233deg, #e56420, #c22525, #3d9c31, #37bbde);
    background-size: cover;
    background-blend-mode: hard-light;*/
    /*animation: hue-rotate 3s linear infinite;*/
    border-radius: 0 0 5% 5% / 0 0 100% 100%;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    
    
/*    background: url('../images/lenarte77777.png'),linear-gradient(233deg, #ac3939b5, #777939c7, #ff8b8be8);
*/}





    .contenedorLen2 label {
        font-weight: 900;
        /*        background: url('../images/lenarte77777.png'),linear-gradient(233deg, #e56420, #c22525, #3d9c31, #37bbde);
*/
        background: rgba(134, 38, 42, 0.32);
        /*    background-size:cover;
        background-blend-mode: hard-light;*/
        /*animation: hue-rotate 3s linear infinite;*/
        border-radius: 0 0 5% 5% / 0 0 100% 100%;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
        
        
/*        background: url('../images/lenarte77777.png'),linear-gradient(233deg, #ac3939b5, #777939c7, #ff8b8be8);
*/    }











.contenedorLen > p {
    font-weight: 900;
    background: rgba(134, 38, 42, 0.32);
    /*    background: url('../images/lenarte77777.png'),linear-gradient(233deg, #e56420, #c22525, #3d9c31, #37bbde);
    background-size: cover;
    background-blend-mode: hard-light;*/
    /*animation: hue-rotate 3s linear infinite;*/


    border-radius: 0 0 5% 5% / 0 0 100% 100%;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    
    
/*    background: url('../images/lenarte77777.png'),linear-gradient(233deg, #ac3939b5, #777939c7, #ff8b8be8);
*/}

@-webkit-keyframes shine {
    0%, 10% {
        background-position: -1000px;
    }

    20% {
        background-position: top left;
    }

    90% {
        background-position: top right;
    }

    100% {
        background-position: 1000px;
    }
}

@keyframes rotation{

    from{
        transform:rotate(0deg);
    }
    to
    {transform:rotate(359deg);}
}


    @keyframes hue-rotate {
        from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }

    to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}
 


body {
    scroll-behavior: smooth;
    /*background-color: #ED213A;*/
    /*background-color:#fc0606;*/
    /*background-color:red;*/
    /*    background-color: #ae0d0d;
*/ /*background-color: #7d0000;*/
    /*background-color: gold;*/
    /*background-color:darkgreen;*/
    /*background-color:orangered;*/

    background: #ed2469; /* fallback for old browsers */

/*    background-image: url('../images/football-no-lines.png');
*/    /* background-image: url('../images/AdobeStock_108965993.jpeg'), linear-gradient(to right, #89c713, #1ddb00);
  


background-image: url('../images/AdobeStock_109626464.jpeg'), linear-gradient(to right, #89c713, #1ddb00);
*/
    /*
    background-image: url('../images/AdobeStock_226523043.jpeg'), linear-gradient(to right, #89c713, #1ddb00);
*/
    /*
    background-image: url('../images/AdobeStock_108033069.jpeg'), linear-gradient(to right, #89c713, #1ddb00);
*/
    /*    background-image: url('../images/football-no-lines.png'), linear-gradient(164deg, #54f12e 0%, #34c31e 17%, #34c31e 39%, #34c31e 60%, #34c31e 80%, #34c31e 100%)
*/ /*    background-image: url('../images/football-no-lines.png'), linear-gradient(164deg, #c11313 0%, #ae0b0b 17%, #ae0d0d 39%, #f59d13 60%, #ae0d0d 80%, #d88809 100%);
*/ /*background-image: linear-gradient(to left bottom, rgba(251, 0, 0, 0), rgba(207, 0, 31, 0),rgba(66, 15, 29, 0) );*/
    /* Background Pattern from Toptal Subtle Patterns*/
    z-index: 2;
    max-width: 100%;
    overflow-x: hidden;
    /*margin: 0 ;
    padding: 0 ;*/
    /*margin:0;
    padding:0;

    height: 100%;*/
    /*display: flex !important;
    min-height: 100vh !important;
    flex-direction: column !important;*/
    /*background-positon:50% 50%;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /*    background-position: bottom;
*/
}

.body {
    background-image: url('../images/AdobeStock_108033069.jpeg');


}


.body2 {
    background-image: url('../images/AdobeStock_226523043.jpeg');
}


    .body2 .contenedorLen2 label, .body2 .contenedorLen > p, .body2 .contenedorLen2 {
        /*background: url('../images/lenarte77777.png'),linear-gradient(233deg, #ac3939b5, #777939c7, #ff8b8be8);*/
        /*background: url('../images/FutGolLenarte.png'),linear-gradient(233deg, #ac3939b5, #777939c7, #ff8b8be8);*/
        background: url('../images/FutGolLenarte.png'),linear-gradient(233deg, #ac3939b5, #9da207c7, #ff8b8be8);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-size: auto, auto;
        background-size: cover;
        background-position: center;
    }

/*

.btnEntregarAplicacin {
    outline: none;
    height: 40px;
    text-align: center;
    width: 130px;
    border-radius: 40px;
    background: #fff;
    border: 2px solid #1ECD97;
    color: #1ECD97;
    letter-spacing: 1px;
    text-shadow: 0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.25s ease;
}





.btnEntregarAplicacin:hover {
    color: white;
    background: #1ECD97;
}

.btnEntregarAplicacin:active {
    letter-spacing: 2px;
}

.btnEntregarAplicacin:after {
    content: "SUBMIT";
}

.onclic {
    width: 40px;
    border-color: #bbbbbb;
    border-width: 3px;
    font-size: 0;
    border-left-color: #1ECD97;
    -webkit-animation: rotating 2s 0.25s linear infinite;
    animation: rotating 2s 0.25s linear infinite;
}

    .onclic:after {
        content: "";
    }

    .onclic:hover {
        color: #1ECD97;
        background: white;
    }

.validate {
    font-size: 13px;
    color: white;
    background: #1ECD97;
}

    .validate:after {
        font-family: "FontAwesome";
        content: "";
    }

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}





*/









#malabres 
{
    width: 400px;
    height: 600px;
    position: absolute;
    top: 100px;
    /*right:0px;*/
    right: 20.6rem;

}
#driblando 
{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 400px;
    right: 60px;
}
#eriblando {
    width: 452px;
    height: 254px;
    position: absolute;
    top: 60rem;
    left:17rem;
    /*    top: 420px;
    right: 120px;*/
}
#friblando 
{
    width: 502px;
    height: 345px;
    position: absolute;
    right: -8rem;
    top:36rem;


}
#griblando 
{
    width: 326px;
    height: 153px;
    position: absolute;
   top:70rem;
   left:10rem;
   display:none;
}
#hriblando 
{
    width: 348px;
    height: 232px;
    position: absolute;
    top: 600px;
    right: 280px;
}
#iriblando 
{
    width: 453px;
    height: 333px;
    position: absolute;
    top: 670px;
    right: 320px;
}
#jriblando 
{
    width: 370px;
    height: 217px;
    position: absolute;
    top: 710px;
    right: 370px;
}
#kriblando 
{
    width: 518px;
    height: 345px;
    position: absolute;
    top: 55rem;
    display:none;
    right: 30rem;
}
#lriblando 
{
    width: 500px;
    height: 700px;
    position: absolute;
  /*  top: 840px;
    right: 450px;*/
  position:fixed;
/*      top:64rem;
*/      left:45rem;
}





#oriblando 
{
    left:10rem;
    width: 486px;
    height: 324px;
    position: absolute;
   top: 55rem;
/*    right: 680px;

*/

left:0;
}
#priblando 
{
    width: 388px;
    height: 259px;
    position: absolute;
    top: 700px;
    right: 700px;
}
#qriblando 
{
    width: 455px;
    height: 303px;
    position: absolute;
    top: 700px;
    right: 750px;
}


#jGrupoCal{
    width:490px;
    height:490px;
    position:absolute;
    top:30rem;
    left:.5rem;
}

#jGrupoCartel{
    position:fixed;
    left: -17rem;
/*    top:65rem;
*/}

#jPartido {
    position: absolute;
}

#jJugadorBalnRojo
{
    top:17rem;
    height:285px;
    width:162px;
    position:absolute;
}

#jConJugador {
    height:162px;
    width:290px;
    position: absolute;
    top:25rem;
}

#jJConJugador {
    position: absolute;
}

#jEnseando {
    position: absolute;
    height: 570px;
    width: 324px;
    top: 25rem;
    left: 47rem;
}

#jConEntrenador {
    position: absolute;
}

#jJugadoresCalentandoseBlanco {
    position: absolute;
    width: 580px;
    height: 324px;
    top: 55rem;
    display:none;
    left: 50rem;
}

#jArquero {
    position: absolute;
}

#jJugador {
    position: absolute;
    height:290px;
    width: 162px;
    left:48rem;
    top:20rem;

    z-index:-1;
}

#jJugadorBarcelona {
    position: absolute;
    height:285px;
    width:162px;
    left:53rem;
    top:17rem;
    z-index:-1;
}


body.modal-open {padding-right: 0px !important;}


p{
    margin-bottom: 0 !important;
}

pre {
    font-size:1rem;
    white-space: pre-wrap ;
    font-family: 'Playfair Display', serif !important;
    overflow-x:hidden;
}


html {
    /*margin:0;
    padding:0;
    height:100%;*/

    overflow-x: hidden;



}


.enlaceNotcias
{
    color:#f1ff39;
}

/*#################### ANIMACIÓNES DE PRECARGA##################*/



.contenedorCarga {
    width: 450px;
    overflow: hidden;
}

body {
    background-color: pink;
}

.imgRedMagenta {
    background-image: url(../images/AdobeStock_434451700.jpeg);
    background-position:bottom;
}

g {
    background-color: #ff2600;
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
    
}
.g1{opacity:.7;}
svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    z-index:999;
/*    opacity: 0.5;
*/}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    opacity: 1;
    mix-blend-mode: multiply;
    background: #9236ff;
    background: -moz-linear-gradient(-45deg, #9236ff 0%, #f763c6 33%, #ff9292 66%, #fff7e1 100%);
    background: -webkit-linear-gradient(-45deg, #9236ff 0%, #f763c6 33%, #ff9292 66%, #fff7e1 100%);
    background: linear-gradient(135deg, #9236ff 0%, #f763c6 33%, #ff9292 66%, #fff7e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9236ff', endColorstr='#fff7e1',GradientType=1);
    background-color: #ff2600;
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
}

.cls-1, .cls-4 {
    animation: r-rotate 2s infinite alternate;
    transform-origin: 100% 100%;
}

.cls-2, .cls-3 {
    animation: l-rotate 2s infinite alternate;
    transform-origin: 100% 0%;
}

.cls-2, .cls-4 {
    animation-delay: 0.5s;
}

.l {
    stroke: #f72caa;
    fill: #f72caa;
    animation: l-rotate 2s alternate infinite;
    transform-origin: 100% 0%;
}

@keyframes r-rotate {
    from {
        transform: rotate(270deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes l-rotate {
    from {
        transform: rotate(270deg);
    }

    to {
        transform: rotate(360deg);
    }
}
 
/*#################### VECTOR DE PRECARGA CODEPEN##################*/




/*#################### ANIMACIÓNES DE PRECARGA##################*/

.spinner {
    width: 100vw !important;
    height: 100vh !important;
    position: absolute;
    z-index: 1000000000;
    text-align: center;
   /* top:5.5rem;
    left:-2rem;*/
    align-self:center;

   /* background-color: #ff2600;
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
   */
    
    /*background-color: #d3ff00;
        background-color: #ff2600;
    background-image: linear-gradient(162deg, #d3ff00 0%, #ffffff 17%, #ff0000 33%, #ffffff 88%, #000000 98%, #ff0000 100%);*/
}
.spinnerImagenPrincipal{top:48%; left:48%; margin-top:12rem; align-content:center; align-self:center; height:13rem;}

.mh8rem{max-height:8rem !important;}
.mh22rem{max-height:22rem;}
.mh17rem{max-height:17rem;}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;

    background-color:transparent;
/*    background-image: linear-gradient(1deg, #000000 0%, #ffffff 10%, #f50000 37%, #ffffff 100%);
*/
    opacity: 1;

    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.2s infinite ease; 
  /*  sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite ease; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite eas; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite ea; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite e; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  ; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  c; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cu; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  cub; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  e; sk-bounce 2.2s infinite  ea; sk-bounce 2.2s infinite  ea; sk-bounce 2.2s infinite  ea; sk-bounce 2.2s infinite  ea; sk-bounce 2.2s infinite  ea; sk-bounce 2.2s infinite  ea;
    */
    animation: sk-bounce 2.2s infinite ease;

}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(1.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*#################### ANIMACIÓNES DE PRECARGA ##################*/






/*#################### BBBootstrap.com Teletipo De Noticias ##################*/





.news {
    width: 160px
}

.news-scroll a {
    text-decoration: none
}


.nombreDeNoticias {
    /*background-image: url('../images/black-twill-1920x1080.png');*/
    background-image: url('../images/RojoLlenoDeEstrellas.jpg');
    /*background-color: #dc2f2f*/

}

.dot {
    height: 6px;
    width: 6px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px !important;
    background-color: rgb(207, 23, 23);
    border-radius: 50%;
    display: inline-block
}

marquee a
{

    padding-left: 3rem;
}


/*#################### BBBootstrap.com Teletipo De Noticias ##################*/










.barra-de-desplazamiemto
{


}

.a-dorado
{
    color:gold;
}

.a-dorado:hover
{
    color:#ff4f4f;
}


.indexCard
{


}


.indiceZetaMenosCinco
{
    z-index:-5 !important;
}
.bg-gold {
    background-image: url('../images/pelotastransparente44.png');
    z-index:50;
}

.btnVaciarFirma {
    position: relative;
    background-color: #c2fbd7;
    border-radius: 100px;
    box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
    color: green;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin:1.5rem;
}
.btnVaciarFirma:hover {
    box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
    transform: scale(1.05) rotate(-1deg);
}

#firma3{
    margin-left:1rem;
}

.cajaDeAsistencia
{
    margin-left:20%;
    transform: scale(3);

}

.cajaMostrarUsuarioEnLista {
    margin-left: 1%;
    transform: scale(3);
}
.cajaMostrarUsuarioEnListaOtra {
    margin-top:-1rem;
/*    margin-left: 1%;
*/
    margin-left:3rem;
transform: scale(3);
}

.cajaMostrarUsuarioEnListaRegisración {
    margin-left: 1%;
    transform: scale(2.6);
}

.cartBadgeNoUnderline:link, .cartBadgeNoUnderline:visited, .cartBadgeNoUnderline:active, .cartBadgeNoUnderline:hover {
    outline: none;
    border: none;
    text-decoration: none ;
}.cartBadgeNoUnderline:any-link
{
    outline:none;
    border:none;

    text-decoration:none !important;

}.cartBadgeNoUnderline a
{
    outline:none;
    border:none;

    text-decoration:none !important;

}


.texto-negrita-verde{

    font-weight:900;
    color:darkgreen;
}

/*Colores de texto y resaltado*/


.resaltado-dorado::selection {
    background-color: gold;
}

.resaltado-negro::selection {
    background-color: black;
}


.texto-dorado-moscuro
{

    color:gold;



}

.texto-dorado-menoscuro-negrita-extra
{
    font-weight:bolder;
    /*color:#f9ff75;*/

    color:white;
}


.texto-dorado-moscuro::selection {
    background-color: black;
}



.top1rem{
    top:1rem;
}

.topCero
{
    top:0;
}

@media(min-width:775px)
{
    .marcador{
        margin-left:.7rem;
    }
}

.marcador {
    /*El siguiente código ha sido tomado del usuario de StackOverflow @methodofaction de aquí:https://stackoverflow.com/questions/5754439/how-to-make-bevel-and-embosed-effect-to-button-in-css-3-for-web-kit-based-browse/5768541*/
    box-shadow: 0 1px 2px #fff, /*bottom external highlight*/
    0 -1px 1px #666, /*top external shadow*/
    inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
    inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
    /*El código anterior ha sido tomado del usuario de StackOverflow @methodofaction de aquí:https://stackoverflow.com/questions/5754439/how-to-make-bevel-and-embosed-effect-to-button-in-css-3-for-web-kit-based-browse/5768541*/

    margin-top: 3rem;
    word-wrap: normal;
    padding-top: .35rem;
    font-size: xx-large;
    font-family: 'Segoe UI Historic';
    display: inline-block;
    vertical-align: central;
    align-self: center;
    height: 4rem;
    min-width: 13vw;
    margin-left:.3rem;
    /*    width: 7rem;
*/ align-content: center;
}

.marcadorDos {
    /*El siguiente código ha sido tomado del usuario de StackOverflow @methodofaction de aquí:https://stackoverflow.com/questions/5754439/how-to-make-bevel-and-embosed-effect-to-button-in-css-3-for-web-kit-based-browse/5768541*/
    box-shadow: 0 1px 2px #fff, /*bottom external highlight*/
    0 -1px 1px #666, /*top external shadow*/
    inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
    inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
    /*El código anterior ha sido tomado del usuario de StackOverflow @methodofaction de aquí:https://stackoverflow.com/questions/5754439/how-to-make-bevel-and-embosed-effect-to-button-in-css-3-for-web-kit-based-browse/5768541*/

    height: auto;
    margin-left:.35rem;
    margin-top: 3rem;
    min-width: 7vw;
    font-family: 'Segoe UI Historic';
    display: inline-block;
    vertical-align: central;
    align-self: center;
    font-size: x-large;
    align-content: center;
}

.sarga-negra {
    background-image: url('../images/black-twill-1920x1080.png');
}


/*Colores de texto y resaltado*/

/*Gradientes de IU*/

.gradienteResultadosDetalladosCabecera {
    background: rgb(255,238,244);
    background: linear-gradient(236deg, rgba(255,238,244,1) 0%, rgba(240,176,176,1) 17%, rgba(255,168,168,1) 40%, rgba(241,80,91,1) 61%, rgba(223,75,85,1) 74%, rgba(186,59,59,1) 85%, rgba(193,52,52,1) 100%);
}



.gradienteResultadosDetallados {
    background: rgb(125,39,106);
    background: linear-gradient(236deg, rgba(125,39,106,1) 0%, rgba(172,85,166,1) 35%, rgba(136,81,161,1) 64%, rgba(204,47,161,1) 74%, rgba(171,50,109,1) 60%);
}

.otrosResultadosGradiente {
    background: rgb(246,207,212);
    background: linear-gradient(200deg, rgba(246,207,212,1) 0%, rgba(232,229,230,1) 35%, rgba(194,187,191,1) 64%, rgba(235,184,192,1) 74%, rgba(228,221,221,1) 100%);
}

.desbordeEquisAuto{
    overflow-x:auto;
}

.papyrus-checkout {
    background-image: url('../images/papyrus.png');
    background-color:#f31b1b;
}

.pieCero
{
    bottom:0;
}


.marcadorGradiente {
    background-color: #FFDEE9;
    background-image: linear-gradient(247deg, #FFDEE9 63%, #B5FFFC 87%);
}

.marcadorGradienteDos {
    background-color: #d12525;
    background-image: linear-gradient(225deg, #d12525 21%, #b74444 59%, #371212 73%);
}

.resultadosEscudo
{
    word-wrap:normal;
    height:auto;
    max-width:22vw

}

.resultadosEscudoDos
{
    word-wrap:normal;
    width:auto;
    height:auto;
    max-width:9rem;
    max-height:7rem;

}

.resultadosGradiente {
    background: rgb(255,174,224);
    background: linear-gradient(200deg, rgba(255,174,224,1) 0%, rgba(143,43,64,1) 35%, rgba(176,14,104,1) 64%, rgba(113,34,47,1) 74%, rgba(255,0,167,1) 100%);
}


.resultadosImagenDeLigaPrincipal
{
    width:auto;
    height:auto;
    max-width:22vw;
    max-height:11rem;

}

.resultadosImagenDeLigaSegunda {
    width: auto;
    height: 7rem;

    max-width:10rem;

}

.nbrb {
    background-color: #000000;
    background-image: linear-gradient(1deg, #000000 0%, #ffffff 10%, #f50000 37%, #ffffff 100%);
}
.obrbnr-diagonal-iad {
    background-color: #d3ff00;
    background-image: linear-gradient(162deg, #d3ff00 0%, #ffffff 17%, #ff0000 33%, #ffffff 88%, #000000 98%, #ff0000 100%);
}

.rrosr-noticias-diagonal {
    background-color: #f52323;
    background-image: linear-gradient(76deg, #f52323 0%, #6ccc94 50%, #FF0000 100%);
}

.rosr-horizontal-calendario {
    background-color: #ff0000;
    background-image: linear-gradient(0deg, #ff0000 0%, #ca5a5a 26%, #da6565 59%, #ff0006 88%, #bb6666 98%);
}


.rrnrbn-127grados {
    background-color: #ff2600;
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
}


.rnbrnb-322grados {
    background-color: #ff2200;
    background-image: linear-gradient(322deg, #ff2200 0%, #000000 16%, #ffffff 31%, #ff0000 47%, #000000 64%, #ffffff 100%);
}


.brrbrb-135grados {
    background-color: #ffffff;
    background-image: linear-gradient(135deg, #ffffff 0%, #ff2200 33%, #ff0000 42%, #ffffff 56%, #ff0000 75%, #ffffff 87%);
}


.bandera-rojo-negro-diagonal-iad {
    background-image: linear-gradient(to left bottom, #fb0000, #cf001f, #a00027, #710825, #420f1d, #410f1d, #410f1c, #400f1c, #6d0924, #9b0025, #c8001d, #f20000);
}

/*Siguiente código tomado del usuario Praveen Kumar Purushothaman de aquí: https://stackoverflow.com/questions/17642447/change-bootstrap-tooltip-color*/
.bs-tooltip-auto[x-placement^=bottom].arrow::before,
.bs-tooltip-bottom.arrow::before {
    border-bottom-color: #eeaaaa;
    background-color: #eeaaaa;
    /* Red */
}

.tamaoDeFuenteMsGrande
{
    font-size:larger;
}

.tooltip-inner
{
    font-size:large;
    color:#1a1924;
    background-color: #eeaaaa;
}


.tooltip{
    pointer-events:none;
}




.rbn-diagonal-dai {
    /*Más oscuro*/
    /*background-image: linear-gradient(to right bottom, #ff0023, #ff4673, #ff7bb3, #ffa9e2, #f5d2fb, #dccbe8, #c8c3d2, #b9b9b9, #878787, #585858, #2e2e2e, #000000);*/
    /*Menos oscuro*/
    /*background-image: linear-gradient(to right bottom, #ff0000, #ff3d66, #ff75ad, #ffa6e0, #f8d1fc, #ecd9f7, #e5dfef, #e3e3e3, #cecece, #bababa, #a6a6a6, #929292);*/
    /*Aún menos oscuro*/
    background-image: linear-gradient(to right bottom, #ff0000, #ff3d66, #ff75ad, #ffa6e0, #f8d1fc, #e8d5f3, #ddd7e7, #d7d7d7, #bababa, #9e9e9e, #838383, #696969);
}

.rbros-diagonal-iad {
    background-image: linear-gradient(to right bottom, #ff0404, #ff4438, #ff675e, #ff8580, #ffa1a0, #ffa9a9, #feb0b2, #fdb8ba, #feaeb0, #ffa4a5, #ff9a9b, #ff9090);
}

.rnb-diagonal-dai {
    /*background-image: linear-gradient(to left bottom, #ff0000, #d2001f, #a20027, #710826, #420f1d, #3e2131, #392f3b, #3b3b3b, #676767, #979797, #cacaca, #ffffff);*/
    background-image: linear-gradient(to left bottom, #ff0000, #d70010, #ae0015, #870015, #600011, #631826, #632a37, #603a46, #836876, #a798a6, #d0cbd3, #ffffff);
}

.rrn-circulo {
    background-image: radial-gradient(circle, #ff0000, #ff0000, #ff0000, #ff0000, #ff0000, #eb0014, #d7001d, #c20023, #920728, #620f24, #331019, #000000);
}

.brn-circulo {
    background-image: radial-gradient(circle, #d1abab, #e39694, #f07f79, #f9665d, #fe493d, #ea3734, #d6222b, #c20023, #920728, #620f24, #331019, #000000);
}

.arn-diagonal-dai {
    background-image: linear-gradient(to right bottom, #c49696, #cc8483, #d1716e, #d35d59, #d44742, #c63d39, #b83331, #aa2829, #8c2b2c, #6f2b2c, #512a2a, #322727);
}


.brn-diagonal-iad { /*Probando*/
    background-image: radial-gradient(circle, #ff0000, #ff3d66, #ff75ad, #ffa6e0, #f8d1fc, #f4d9f8, #f1e1f4, #eee9ef, #e4d8e0, #dcc6cf, #d4b5bb, #cba5a5);
}

/*Gradientes de IU*/


/*UNIVERSAL*/
*
{
    
    font-family:'Playfair Display', serif;

}

.jeanLillywhiteModalValid
{
    z-index:500;
}


.jlesFondoTextoBlanco {
    /*background-image: url('..\images\AdobeStock_378387591.jpeg');*/
    background-image: url('..\images\fabian-kuhne-tim7f_0oyl8-unsplash.jpg');
}
   /*****************************IDs**********************/

#demo .carousel-indicators .active {
    background-color: gold;
}


#demo .carousel-indicators li

{
   background-color:#c63737;
}

#carouselDiapositivaVideo .carousel-indicators .active {
    background-color: gold;
}


#carouselDiapositivaVideo .carousel-indicators li

{
   background-color:#c63737;
}

#noticiasRecientes .carousel-indicators .active {
    background-color: gold;
}


#noticiasRecientes .carousel-indicators li

{
   background-color:#c63737;
}

#noticiasRecientes2 .carousel-indicators .active {
    background-color: gold;
}


#noticiasRecientes2 .carousel-indicators li

{
   background-color:#c63737;
}

#eventosInicio .carousel-indicators .active {
    background-color: gold;
}


#eventosInicio .carousel-indicators li

{
   background-color:#c63737;
}

#eventosInicio2 .carousel-indicators .active {
    background-color: gold;
}


#eventosInicio2 .carousel-indicators li

{
   background-color:#c63737;
}


#photos {
    visibility: visible;
}
   #videos{visibility:visible;}
   #messageBoards{visibility:visible;}
   #teamStore{visibility:visible;}
   #contactUs{visibility:visible;}
   #guestbook{visibility:visible;}
#photos2 {visibility:visible;
}


#videos2 {visibility:visible;
}


#messageBoards2 {visibility:visible;
}

#teamStore2 {visibility:visible;
}

#contactUs2 {visibility:visible;
}

#guestbook2 {visibility:visible;
}


#footer {
    background-image: url('../images/zwartevilt.png');
    background-image: url('../images/starring.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
    background-color: #000000;
    /* Background Patterns from Toptal Subtle Patterns Transparent pattern(s) edited with www.transparenttextures.com/ */
    font-size: small !important;
    overflow-x: hidden !important;
    animation: fanimado 360s infinite alternate;
}


#wrapper{
    min-height: 100vh;
    position:relative;




}

#wrapperHeader {


}



#wrapperForFooter {
    /*width:100%;

    bottom:0;
    left:0;*/


    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    bottom: 0px !important;
    position: absolute !important;
    width: 100% !important;
 /*   background-image: url('../images/zwartevilt.png');
    background-image: url('../images/starring.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
    background-color: #000000;*/
    /* Background Patterns from Toptal Subtle Patterns Transparent pattern(s) edited with www.transparenttextures.com/ */
}
.muyBajo
{
    margin-top: 1000px !important;

}


#wrapperForContent {


    /*padding: 2%;
    padding-bottom: 33%;*/

    /*flex:1 !important;*/
}


.socialMediaBar {
    background-image: url('../images/zwartevilt.png');
    background-image: url('../images/starring.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
    background-color: #000000;
    /* Background Patterns from Toptal Subtle Patterns*/

    z-index: 50 !important;
    animation: fanimado 320s infinite alternate;
}



#guestbookFormMessage
{


    min-height:12em;
}





.guestbookFormMessage {


    /*overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    display: block;
    overflow-x:hidden !important;
    table-layout: fixed !important;

    min-width:75% !important;
    max-width: 75% !important;

    width: 75% !important;


    word-wrap:hyphenate !important;*/
    /*table-layout:fixed !important;*/
     /*overflow-x:hidden !important;
    word-wrap: hyphenate !important;
    white-space:pre-wrap !important;
    word-break: break-word !important;*/
    /*min-height:12em;*/
}

/*.tableOverflowScrollbar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: block;

    width: 100%;
}*/


.logInGradFotoAzul {
    background-image: url('../images/lined-paper-2 (1).png'), linear-gradient(211deg, #401f72 0%, #25487b 46%, #c54545 100%);

    background-color: #401f72;
}

.logInGradFotoDorado {
    background-image: url('../images/lined-paper-2 (1).png'), linear-gradient(43deg, #ff0000 0%, #f9ffb5 19%, #e65353 39%, #dc4747 60%, #c54141 80%, #e62a2a 100%);

}


.RubyRojo12Editado {
    /*background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #f11616, #ED213A);*/
    /*background-image: url('../images/rojotipoderejilla (2).jpg');*/
    /*background-image: url('../images/brushed-.png');*/
    background-image: url('../images/brushed-alum-dark (2).png'),linear-gradient(43deg, #ff0000 0%, #d51c1c 30%, #942828 66%, #ff0000 100%);
    /*background-image: url('../images/brushed-alum-dark (2).png');*/
    background-color: #ff0000;
    /*min-width: 100vw;*/
    /*background-size:contain;*/
    /* Background Pattern from Toptal Subtle Patterns*/
    /*background-image: url('../images/diagmonds.png');*/
}

.RubyRojo {
    /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #c3212a 30%, #da4b4b 66%, #ff0000 80%, #da4b4b 100%);*/
    /*
    background-color: #ff0000;
    background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #da131e 17%, #bd1b1b 39%, #cf4040 60%, #ea2626 80%, #ff0000 100%);

*/

    background-color: #ff0000;
    /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #da131e 17%, #bd1b1b 39%, #e42727 60%, #ea2626 80%, #ff0000 100%);*/
    /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #e43636 17%, #cf1717 39%, #e22929 60%, #e62a2a 80%, #ff1212 100%);*/
    /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #f9ffb5 19%, #e65353 39%, #dc4747 60%, #c54141 80%, #e62a2a 100%);*/
    /*    animation:fanimado 400s infinite alternate;
*/

    background-image: url('../images/light-wool.png');
}


@keyframes fanimado
{
    0%
    {
        background-position: 0% 50%;
    }

    50%
    {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }


}

.RubyRojoDorado {
    /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #c3212a 30%, #da4b4b 66%, #ff0000 80%, #da4b4b 100%);*/
    /*
    background-color: #ff0000;
    background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #da131e 17%, #bd1b1b 39%, #cf4040 60%, #ea2626 80%, #ff0000 100%);

*/

    background-color: #ff0000;
    background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #f9ffb5 19%, #e65353 39%, #dc4747 60%, #c54141 80%, #e62a2a 100%);
}






.RubyRojoNavDos {
    /*background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #f11616, #ED213A);*/
    /*background-image: url('../images/rojotipoderejilla (2).jpg');*/
    /*background-image: url('../images/brushed-.png');*/
    background-image: url('../images/brushed-alum-dark (2).png'),linear-gradient(43deg, #ff0000 0%, #d51c1c 40%, #942828 75%, #ff0000 100%);
    /*background-image: url('../images/brushed-alum-dark (2).png');*/
    background-color: #ff0000;
    /*min-width: 100vw;*/
    /*background-size:contain;*/
    /* Background Pattern from Toptal Subtle Patterns*/
    /*background-image: url('../images/diagmonds.png');*/
}

.tableLayoutFixed
{
    table-layout: fixed !important;
    word-wrap:break-word !important;
}

.text-indent-4-por-ciento
{

    text-indent: 4% !important;
}

.textoRn {
    /*background: rgb(170,39,55);
    background: linear-gradient(200deg, rgba(170,39,55,1) 0%, rgba(144,95,112,1) 35%, rgba(107,14,39,1) 64%, rgba(101,23,23,1) 74%, rgba(107,39,50,1) 100%);
   */ background: rgb(51,19,23);
    background: linear-gradient(200deg, rgba(51,19,23,1) 0%, rgba(85,30,49,1) 35%, rgba(120,12,41,1) 64%, rgba(64,10,10,1) 74%, rgba(131,3,24,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
   filter: drop-shadow(0.00rem 0.00rem white);
}





.tiendaDeEquipo

{

}


.cc-window, .cc-revoke
{
    z-index:999999999999 !important;
    margin-bottom:2.6rem;
}

.colorDeFondoNulo
{
    background-color:transparent !important;
}




.btn.btn-light.rounded-circle.tiendaDeEquipoAnclaCargada {
    outline-color: red !important;
    box-shadow: red !important;
    background-color: #ecff48;
    border: 5px !important;
    border-color: red !important;
    border-radius: 3px !important;
    text-shadow: red;
}

.btn.btn-light.tiendaDeEquipo:focus{

    outline-color:red !important;
    box-shadow:red !important;

    background-color:#ecff48 ;
    border:5px !important;
    border-color:red !important;
    border-radius:3px !important;
    text-shadow:red;
}

.botnEnlaceResultadosOtros {
    color:#d52b2b;

}


    .botnEnlaceResultadosOtros:hover {
        background-image: url('../images/papyrus.png');
        background-color: #f31b1b;
        color: #331212;
    }

.botnEnlaceResultadosPrincipal:hover
{
    background-image: url('../images/papyrus.png');
    background-color: #f31b1b;
    color:#331212;
}





.overflowX-scroll {
    overflow-x: scroll !important;
}

.overflowY-visible {
    overflow-y:visible !important;
}

.guestbookFormEtiquetas {
    /*overflow-wrap: break-word !important;
    min-width: 75% !important;
    max-width: 75% !important;
    width: 75% !important;

    word-wrap: hyphenate !important;alum
    white-space: pre-wrap !important;*/

    word-wrap:normal !important;
    word-break:keep-all !important;

}


.w-80
{
    width:80% !important;
}


.w-100vw {width: 100vw !important}
.w-105vw {width: 105vw !important}




.w-200{width:200% !important}



.wrapNormal {

    word-wrap:normal;
}

.wrapBreak
{
    word-wrap:break-word;
}
.gbformularioValorNombre
{
    word-break: break-word !important;

}



#jeanLillywhiteNavLogotipoEnlace {

    outline-color:gold;
    /*position:relative;*/
    /*background: red;*/
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
  padding:0 ;
    margin-bottom: 0;
    z-index: 1000;
    text-align:center;
}

#jeanLillywhiteNavLogotipoEnlace::selection {

    outline-color:white;
    /*position:relative;*/
    /*background: red;*/
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
  padding:0 ;
    margin-bottom: 0;
    z-index: 1000;
    text-align:center;
}


#jeanLillywhiteNavLogo {


    /*width:auto !important;*/
    height:150px ;

    /*position:relative;*/
    /*background:red;*/
    /*display:  normal;*/
    margin-left: 0;
    margin-right: 0;
    margin:0;
    padding-top:5px;
    padding-bottom:.25em;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:0;

        z-index: 1000;
}

#jeanLillywhiteNavLogoScroll {
    /*width: 54px;
    height: 54px;*/

    width:3.4rem;
    height:3.4rem;
    /*background: red;*/
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
   vertical-align:top;


}
#jeanLillywhiteNavLogoFooter {

    width:65px;
    height:65px;

    background: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    vertical-align: middle;
    align-content:center;
}
#jeanLillywhiteNavLogoScrollLink {
    vertical-align:middle ;

    height:54px;
    width:54px;

   position:relative;


}

#jeanLillywhiteNavOne {
    height: auto;
    /*max-height: 115px;*/
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    z-index: 2000;
    z-index: 1000000000;
}





#jeanLillywhiteNavTwo {
/*    padding-bottom: 0 !important;
*/    /*padding-top: 0 !important;*/
    margin-bottom: 0 !important;
  padding-bottom: 3.5rem !important;
    
    padding-top:3rem !important;
    margin-top: 0 !important;
    height: auto;
    max-height: 75px;
    /*background-image: url('../images/brushed-alum-dark (2).png');*/
    /* Background Pattern from Toptal Subtle Patterns*/
}


#jeanLillywhiteLogo
{

      width: 150px;
    height: 140px;
    background: red;
    display:block;
    margin-left:auto;
        margin-right:auto;
}

#jeanLillywhiteNavScroll
{
    max-height:60px;
    /*font-size:1.7vw;*/
}

#jeanLillywhiteTopContainer {
    position: relative;
    z-index: 1000;

}


#jeanLillywhiteGreyText, .jeanLillywhiteGreyText{

    color:grey;
}

#jeanLillywhiteWhiteText, .jeanLillywhiteWhiteText {
    color: antiquewhite;
    color: white;

   /*  background: linear-gradient(-45deg, #944932, #932750, #12546c, #674343);
    animation: gradient 15s ease infinite;
    background-clip: text;
    color: transparent;
*/
    /*    background: -webkit-linear-gradient(black,maroon);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: black;*/
    /*   filter: invert(1);
    mix-blend-mode: difference;*/
  
}

.jeanLillywhiteTextoRegistracin 
{
    background: rgba(91, 53, 53, 0.4);
    border-radius: 0 0 5% 5% / 0 0 100% 100%;
    color: white;
    filter: drop-shadow(0.05em 0.05em black);
    font-weight: 900;
}






@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);



.text {
    /*position: absolute;
    width: 450px;
    left: 50%;
    margin-left: -225px;
    height: 40px;
    top: 50%;
    margin-top: -20px;*/
    display:none;
}

p {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.word {
    position: absolute;
    width: 220px;
    opacity: 0;
}

.letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

    .letter.out {
        transform: rotateX(90deg);
        transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .letter.behind {
        transform: rotateX(-90deg);
    }

    .letter.in {
        transform: rotateX(0deg);
        transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

.wisteria {
    color: #8e44ad;
}

.belize {
    color: #2980b9;
}

.pomegranate {
    color: #c0392b;
}

.green {
    color: #16a085;
}

.midnight {
    color: #2c3e50;
}


        #li1,#li2,#li3
{

        cursor:pointer;
}





.canvasReg {
    position: fixed;
    top: 0px;
    left: 0px;
    /*  color: red;
    background: red;*/
    background-color: #be1933;
    background-image: linear-gradient(90deg, #be1933 0%, #902e4f 25%, #902e5f 50%, #902e90 75%, #2e5f90 100%);
    background: none;
 width: 100%;
 height:100%;

   /* background-image: url( ../images/purty-wood.png);*/
 
    background-repeat: round;
}


.canvasRegReg {
    height:100%;
    width:100%;
    background: linear-gradient(white, #4e4e4e, white);
    background-size: .1rem 400%;
    animation: bgRegistracin 8s infinite;
}



.mosaicOscGra {
    background-image: url('../images/dark-mosaic (1).png'),linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}

.mosaicOscGraRegister {
    background-image: url('../images/gold-scale.png'),linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}





.neon2 {
    -webkit-transition: all 2.5s;
    -moz-transition: all 2.5s;
    transition: all 2.5s;
    color:floralwhite;
}
/*
    .neon2:hover {
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;

        
        font-size:xx-large;
              
        
        }*/
    
    neon2.hover {/*
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;
*/
        
        font-size:xx-large;
              
        
        }

    .neon3
    {
    -webkit-transition: all 2.5s;
    -moz-transition: all 2.5s;
    transition: all 2.5s;
}
/**/
    .neon3:hover {
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;

        }
    /*
    .neon3.hover  {
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;

        }*/
    
    .neon1 {
    -webkit-transition: all 2.5s;
    -moz-transition: all 2.5s;
    transition: all 2.5s;

    color:cornsilk;
}

    /*.neon1:hover {*//*
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;
*/
        
       /*font-size:xx-large;
             
        
        }*/

     .neon1.hover {/*
        -webkit-animation: neon2 3.5s ease-in-out infinite alternate;
        -moz-animation: neon2 3.5s ease-in-out infinite alternate;
        animation: neon2 3.5s ease-in-out infinite alternate;
*/
        
       font-size:xx-large;
             
        
        }





/*glow for webkit*/
@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
    }
}

@-webkit-keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}

@-webkit-keyframes neon3 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
    }
}

@-webkit-keyframes neon4 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}

@-webkit-keyframes neon5 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
    }
}

@-webkit-keyframes neon6 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
    }
}

/*glow for mozilla*/
@-moz-keyframes neon1 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
    }
}

@-moz-keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}

@-moz-keyframes neon3 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
    }
}

@-moz-keyframes neon4 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}

@-moz-keyframes neon5 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
    }
}

@-moz-keyframes neon6 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
    }
}

/*keyframes param formularioDeRegistracin*/

@keyframes bgRegistracin {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 0 200%;
    }

    100% {
        background-position: 0 400%;
    }
}
/*keyframes param formularioDeRegistracin*/


/*glow*/
@keyframes neon1 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
    }
}

@keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
    }
}

@keyframes neon3 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
    }
}

@keyframes neon4 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
    }
}

@keyframes neon5 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
    }
}

@keyframes neon6 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
    }
}






/*TTulo introductorio*/
*, *:before, *:after {
    box-sizing: border-box;
}

.sep {
    border: 0;
    width: 3em;
    height: 1px;
    margin: 1em 0;
    background-color: rgba(255, 255, 255, 0.4);
}




.svg7 {
    position: fixed;
    z-index: 999999;
    background: linear-gradient(135deg, #9236ff 0%,#f763c6 33%,#ff9292 66%,#fff7e1 100%);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(135deg, rgb(146, 54, 255) 0%, rgb(247, 99, 198) 33%, rgb(255, 146, 146) 66%, rgb(255, 247, 225) 100%);
    background-color: #ff2600;
    background-image: linear-gradient(127deg, #ff2600 0%, #b94c32 81%, #000000 82%, #eb0000 87%, #ffffff 92%, #000000 100%);
    height: 100vh;
    width: 100vw;
    background-color: #d3ff00;
    background-color: #ff2600;
    background-image: linear-gradient(162deg, #d3ff00 0%, #ffffff 17%, #ff0000 33%, #ffffff 88%, #000000 98%, #ff0000 100%);
    
}

.mast {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    color: #fff;
    background-color: #111;
}

    

    .mast:after {
        z-index: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(17, 17, 17, 0.9);
    }

    .mast > header {
        z-index: 2;
        position: relative;
    }

.mast__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: 50%;
}

.mast__header {
    padding: 5%;
}

.mast__title {
    font-family: "Cutive Mono", monospace;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

    .mast__title span {
        animation: letter-glow 0.7s 0s ease both;
    }

        .mast__title span:nth-child(1) {
            animation-delay: 0.05s;
        }

        .mast__title span:nth-child(2) {
            animation-delay: 0.1s;
        }

        .mast__title span:nth-child(3) {
            animation-delay: 0.15s;
        }

        .mast__title span:nth-child(4) {
            animation-delay: 0.2s;
        }

        .mast__title span:nth-child(5) {
            animation-delay: 0.25s;
        }

        .mast__title span:nth-child(6) {
            animation-delay: 0.3s;
        }

        .mast__title span:nth-child(7) {
            animation-delay: 0.35s;
        }

        .mast__title span:nth-child(8) {
            animation-delay: 0.4s;
        }

        .mast__title span:nth-child(9) {
            animation-delay: 0.45s;
        }

        .mast__title span:nth-child(10) {
            animation-delay: 0.5s;
        }

        .mast__title span:nth-child(11) {
            animation-delay: 0.55s;
        }

        .mast__title span:nth-child(12) {
            animation-delay: 0.6s;
        }

        .mast__title span:nth-child(13) {
            animation-delay: 0.65s;
        }

        .mast__title span:nth-child(14) {
            animation-delay: 0.7s;
        }

        .mast__title span:nth-child(15) {
            animation-delay: 0.75s;
        }

        .mast__title span:nth-child(16) {
            animation-delay: 0.8s;
        }

        .mast__title span:nth-child(17) {
            animation-delay: 0.85s;
        }

        .mast__title span:nth-child(18) {
            animation-delay: 0.9s;
        }

        .mast__title span:nth-child(19) {
            animation-delay: 0.95s;
        }

        .mast__title span:nth-child(20) {
            animation-delay: 1s;
        }

        .mast__title span:nth-child(21) {
            animation-delay: 1.05s;
        }

        .mast__title span:nth-child(22) {
            animation-delay: 1.1s;
        }

        .mast__title span:nth-child(23) {
            animation-delay: 1.15s;
        }

        .mast__title span:nth-child(24) {
            animation-delay: 1.2s;
        }

        .mast__title span:nth-child(25) {
            animation-delay: 1.25s;
        }

.mast__text {
/*    font-family: "Cutive Mono", monospace;
    font-size: 1em;
    margin: 0 0 0.5em;
    line-height: 1.5;
    white-space: pre;*/
}



.mast__text span ::selection {
    color: black;
    background-color: white;
}

.mast__text span ::-moz-selection {
    color: black;
    background-color: white;
}


    .mast__text span {
        animation: letter-glow 0.7s 0s ease both;
    }

        .mast__text span:nth-child(1) {
            animation-delay: 0.05s;

        }

        .mast__text span:nth-child(n+1):nth-child(-n+200)::selection {
            color: white;
            background-color: white;
        }
        .mast__text span:nth-child(n+1):nth-child(-n+200)::-moz-selection {
            color: white;
            background-color: white;
        }

        .mast__text span:nth-child(2) {
            animation-delay: 0.1s;
        }

        .mast__text span:nth-child(3) {
            animation-delay: 0.15s;
        }

        .mast__text span:nth-child(4) {
            animation-delay: 0.2s;
        }

        .mast__text span:nth-child(5) {
            animation-delay: 0.25s;
        }

        .mast__text span:nth-child(6) {
            animation-delay: 0.3s;
        }

        .mast__text span:nth-child(7) {
            animation-delay: 0.35s;
        }

        .mast__text span:nth-child(8) {
            animation-delay: 0.4s;
        }

        .mast__text span:nth-child(9) {
            animation-delay: 0.45s;
        }

        .mast__text span:nth-child(10) {
            animation-delay: 0.5s;
        }

        .mast__text span:nth-child(11) {
            animation-delay: 0.55s;
        }

        .mast__text span:nth-child(12) {
            animation-delay: 0.6s;
        }

        .mast__text span:nth-child(13) {
            animation-delay: 0.65s;
        }

        .mast__text span:nth-child(14) {
            animation-delay: 0.7s;
        }

        .mast__text span:nth-child(15) {
            animation-delay: 0.75s;
        }

        .mast__text span:nth-child(16) {
            animation-delay: 0.8s;
        }

        .mast__text span:nth-child(17) {
            animation-delay: 0.85s;
        }

        .mast__text span:nth-child(18) {
            animation-delay: 0.9s;
        }

        .mast__text span:nth-child(19) {
            animation-delay: 0.95s;
        }

        .mast__text span:nth-child(20) {
            animation-delay: 1s;
        }

        .mast__text span:nth-child(21) {
            animation-delay: 1.05s;
        }

        .mast__text span:nth-child(22) {
            animation-delay: 1.1s;
        }

        .mast__text span:nth-child(23) {
            animation-delay: 1.15s;
        }

        .mast__text span:nth-child(24) {
            animation-delay: 1.2s;
        }

        .mast__text span:nth-child(25) {
            animation-delay: 1.25s;
        }

        .mast__text span:nth-child(26) {
            animation-delay: 1.3s;
        }

        .mast__text span:nth-child(27) {
            animation-delay: 1.35s;
        }

        .mast__text span:nth-child(28) {
            animation-delay: 1.4s;
        }

        .mast__text span:nth-child(29) {
            animation-delay: 1.45s;
        }

        .mast__text span:nth-child(30) {
            animation-delay: 1.5s;
        }

        .mast__text span:nth-child(31) {
            animation-delay: 1.55s;
        }

        .mast__text span:nth-child(32) {
            animation-delay: 1.6s;
        }

        .mast__text span:nth-child(33) {
            animation-delay: 1.65s;
        }

        .mast__text span:nth-child(34) {
            animation-delay: 1.7s;
        }

        .mast__text span:nth-child(35) {
            animation-delay: 1.75s;
        }

        .mast__text span:nth-child(36) {
            animation-delay: 1.8s;
        }

        .mast__text span:nth-child(37) {
            animation-delay: 1.85s;
        }

        .mast__text span:nth-child(38) {
            animation-delay: 1.9s;
        }

        .mast__text span:nth-child(39) {
            animation-delay: 1.95s;
        }

        .mast__text span:nth-child(40) {
            animation-delay: 2s;
        }

        .mast__text span:nth-child(41) {
            animation-delay: 2.05s;
        }

        .mast__text span:nth-child(42) {
            animation-delay: 2.1s;
        }

        .mast__text span:nth-child(43) {
            animation-delay: 2.15s;
        }

        .mast__text span:nth-child(44) {
            animation-delay: 2.2s;
        }

        .mast__text span:nth-child(45) {
            animation-delay: 2.25s;
        }

        .mast__text span:nth-child(46) {
            animation-delay: 2.3s;
        }

        .mast__text span:nth-child(47) {
            animation-delay: 2.35s;
        }

        .mast__text span:nth-child(48) {
            animation-delay: 2.4s;
        }

        .mast__text span:nth-child(49) {
            animation-delay: 2.45s;
        }

        .mast__text span:nth-child(50) {
            animation-delay: 2.5s;
        }

        .mast__text span:nth-child(51) {
            animation-delay: 2.55s;
        }

        .mast__text span:nth-child(52) {
            animation-delay: 2.6s;
        }

        .mast__text span:nth-child(53) {
            animation-delay: 2.65s;
        }

        .mast__text span:nth-child(54) {
            animation-delay: 2.7s;
        }

        .mast__text span:nth-child(55) {
            animation-delay: 2.75s;
        }

        .mast__text span:nth-child(56) {
            animation-delay: 2.8s;
        }

        .mast__text span:nth-child(57) {
            animation-delay: 2.85s;
        }

        .mast__text span:nth-child(58) {
            animation-delay: 2.9s;
        }

        .mast__text span:nth-child(59) {
            animation-delay: 2.95s;
        }

        .mast__text span:nth-child(60) {
            animation-delay: 3s;
        }

        .mast__text span:nth-child(61) {
            animation-delay: 3.05s;
        }

        .mast__text span:nth-child(62) {
            animation-delay: 3.1s;
        }

        .mast__text span:nth-child(63) {
            animation-delay: 3.15s;
        }

        .mast__text span:nth-child(64) {
            animation-delay: 3.2s;
        }

        .mast__text span:nth-child(65) {
            animation-delay: 3.25s;
        }

        .mast__text span:nth-child(66) {
            animation-delay: 3.3s;
        }

        .mast__text span:nth-child(67) {
            animation-delay: 3.35s;
        }

        .mast__text span:nth-child(68) {
            animation-delay: 3.4s;
        }

        .mast__text span:nth-child(69) {
            animation-delay: 3.45s;
        }

        .mast__text span:nth-child(70) {
            animation-delay: 3.5s;
        }

        .mast__text span:nth-child(71) {
            animation-delay: 3.55s;
        }

        .mast__text span:nth-child(72) {
            animation-delay: 3.6s;
        }

        .mast__text span:nth-child(73) {
            animation-delay: 3.65s;
        }

        .mast__text span:nth-child(74) {
            animation-delay: 3.7s;
        }

        .mast__text span:nth-child(75) {
            animation-delay: 3.75s;
        }

        .mast__text span:nth-child(76) {
            animation-delay: 3.8s;
        }

        .mast__text span:nth-child(77) {
            animation-delay: 3.85s;
        }

        .mast__text span:nth-child(78) {
            animation-delay: 3.9s;
        }

        .mast__text span:nth-child(79) {
            animation-delay: 3.95s;
        }

        .mast__text span:nth-child(80) {
            animation-delay: 4s;
        }

        .mast__text span:nth-child(81) {
            animation-delay: 4.05s;
        }

        .mast__text span:nth-child(82) {
            animation-delay: 4.1s;
        }

        .mast__text span:nth-child(83) {
            animation-delay: 4.15s;
        }

        .mast__text span:nth-child(84) {
            animation-delay: 4.2s;
        }

        .mast__text span:nth-child(85) {
            animation-delay: 4.25s;
        }

        .mast__text span:nth-child(86) {
            animation-delay: 4.3s;
        }

        .mast__text span:nth-child(87) {
            animation-delay: 4.35s;
        }

        .mast__text span:nth-child(88) {
            animation-delay: 4.4s;
        }

        .mast__text span:nth-child(89) {
            animation-delay: 4.45s;
        }

        .mast__text span:nth-child(90) {
            animation-delay: 4.5s;
        }

        .mast__text span:nth-child(91) {
            animation-delay: 4.55s;
        }

        .mast__text span:nth-child(92) {
            animation-delay: 4.6s;
        }

        .mast__text span:nth-child(93) {
            animation-delay: 4.65s;
        }

        .mast__text span:nth-child(94) {
            animation-delay: 4.7s;
        }

        .mast__text span:nth-child(95) {
            animation-delay: 4.75s;
        }

        .mast__text span:nth-child(96) {
            animation-delay: 4.8s;
        }

        .mast__text span:nth-child(97) {
            animation-delay: 4.85s;
        }

        .mast__text span:nth-child(98) {
            animation-delay: 4.9s;
        }

        .mast__text span:nth-child(99) {
            animation-delay: 4.95s;
        }

        .mast__text span:nth-child(100) {
            animation-delay: 5s;
        }

        .mast__text span:nth-child(101) {
            animation-delay: 5.05s;
        }

        .mast__text span:nth-child(102) {
            animation-delay: 5.1s;
        }

        .mast__text span:nth-child(103) {
            animation-delay: 5.15s;
        }

        .mast__text span:nth-child(104) {
            animation-delay: 5.2s;
        }

        .mast__text span:nth-child(105) {
            animation-delay: 5.25s;
        }

        .mast__text span:nth-child(106) {
            animation-delay: 5.3s;
        }

        .mast__text span:nth-child(107) {
            animation-delay: 5.35s;
        }

        .mast__text span:nth-child(108) {
            animation-delay: 5.4s;
        }

        .mast__text span:nth-child(109) {
            animation-delay: 5.45s;
        }

        .mast__text span:nth-child(110) {
            animation-delay: 5.5s;
        }

        .mast__text span:nth-child(111) {
            animation-delay: 5.55s;
        }

        .mast__text span:nth-child(112) {
            animation-delay: 5.6s;
        }

        .mast__text span:nth-child(113) {
            animation-delay: 5.65s;
        }

        .mast__text span:nth-child(114) {
            animation-delay: 5.7s;
        }

        .mast__text span:nth-child(115) {
            animation-delay: 5.75s;
        }

        .mast__text span:nth-child(116) {
            animation-delay: 5.8s;
        }

        .mast__text span:nth-child(117) {
            animation-delay: 5.85s;
        }

        .mast__text span:nth-child(118) {
            animation-delay: 5.9s;
        }

        .mast__text span:nth-child(119) {
            animation-delay: 5.95s;
        }

        .mast__text span:nth-child(120) {
            animation-delay: 6s;
        }

        .mast__text span:nth-child(121) {
            animation-delay: 6.05s;
        }

        .mast__text span:nth-child(122) {
            animation-delay: 6.1s;
        }

        .mast__text span:nth-child(123) {
            animation-delay: 6.15s;
        }

        .mast__text span:nth-child(124) {
            animation-delay: 6.2s;
        }

        .mast__text span:nth-child(125) {
            animation-delay: 6.25s;
        }

        .mast__text span:nth-child(126) {
            animation-delay: 6.3s;
        }

        .mast__text span:nth-child(127) {
            animation-delay: 6.35s;
        }

        .mast__text span:nth-child(128) {
            animation-delay: 6.4s;
        }

        .mast__text span:nth-child(129) {
            animation-delay: 6.45s;
        }

        .mast__text span:nth-child(130) {
            animation-delay: 6.5s;
        }

        .mast__text span:nth-child(131) {
            animation-delay: 6.55s;
        }

        .mast__text span:nth-child(132) {
            animation-delay: 6.6s;
        }

        .mast__text span:nth-child(133) {
            animation-delay: 6.65s;
        }

        .mast__text span:nth-child(134) {
            animation-delay: 6.7s;
        }

        .mast__text span:nth-child(135) {
            animation-delay: 6.75s;
        }

        .mast__text span:nth-child(136) {
            animation-delay: 6.8s;
        }

        .mast__text span:nth-child(137) {
            animation-delay: 6.85s;
        }

        .mast__text span:nth-child(138) {
            animation-delay: 6.9s;
        }

        .mast__text span:nth-child(139) {
            animation-delay: 6.95s;
        }

        .mast__text span:nth-child(140) {
            animation-delay: 7s;
        }

        .mast__text span:nth-child(141) {
            animation-delay: 7.05s;
        }

        .mast__text span:nth-child(142) {
            animation-delay: 7.1s;
        }

        .mast__text span:nth-child(143) {
            animation-delay: 7.15s;
        }

        .mast__text span:nth-child(144) {
            animation-delay: 7.2s;
        }

        .mast__text span:nth-child(145) {
            animation-delay: 7.25s;
        }

        .mast__text span:nth-child(146) {
            animation-delay: 7.3s;
        }

        .mast__text span:nth-child(147) {
            animation-delay: 7.35s;
        }

        .mast__text span:nth-child(148) {
            animation-delay: 7.4s;
        }

        .mast__text span:nth-child(149) {
            animation-delay: 7.45s;
        }

        .mast__text span:nth-child(150) {
            animation-delay: 7.5s;
        }

        .mast__text span:nth-child(151) {
            animation-delay: 7.55s;
        }

        .mast__text span:nth-child(152) {
            animation-delay: 7.6s;
        }

        .mast__text span:nth-child(153) {
            animation-delay: 7.65s;
        }

        .mast__text span:nth-child(154) {
            animation-delay: 7.7s;
        }

        .mast__text span:nth-child(155) {
            animation-delay: 7.75s;
        }

        .mast__text span:nth-child(156) {
            animation-delay: 7.8s;
        }

        .mast__text span:nth-child(157) {
            animation-delay: 7.85s;
        }

        .mast__text span:nth-child(158) {
            animation-delay: 7.9s;
        }

        .mast__text span:nth-child(159) {
            animation-delay: 7.95s;
        }

        .mast__text span:nth-child(160) {
            animation-delay: 8s;
        }

        .mast__text span:nth-child(161) {
            animation-delay: 8.05s;
        }

        .mast__text span:nth-child(162) {
            animation-delay: 8.1s;
        }

        .mast__text span:nth-child(163) {
            animation-delay: 8.15s;
        }

        .mast__text span:nth-child(164) {
            animation-delay: 8.2s;
        }

        .mast__text span:nth-child(165) {
            animation-delay: 8.25s;
        }

        .mast__text span:nth-child(166) {
            animation-delay: 8.3s;
        }

        .mast__text span:nth-child(167) {
            animation-delay: 8.35s;
        }

        .mast__text span:nth-child(168) {
            animation-delay: 8.4s;
        }

        .mast__text span:nth-child(169) {
            animation-delay: 8.45s;
        }

        .mast__text span:nth-child(170) {
            animation-delay: 8.5s;
        }

        .mast__text span:nth-child(171) {
            animation-delay: 8.55s;
        }

        .mast__text span:nth-child(172) {
            animation-delay: 8.6s;
        }

        .mast__text span:nth-child(173) {
            animation-delay: 8.65s;
        }

        .mast__text span:nth-child(174) {
            animation-delay: 8.7s;
        }

        .mast__text span:nth-child(175) {
            animation-delay: 8.75s;
        }

        .mast__text span:nth-child(176) {
            animation-delay: 8.8s;
        }

        .mast__text span:nth-child(177) {
            animation-delay: 8.85s;
        }

        .mast__text span:nth-child(178) {
            animation-delay: 8.9s;
        }

        .mast__text span:nth-child(179) {
            animation-delay: 8.95s;
        }

        .mast__text span:nth-child(180) {
            animation-delay: 9s;
        }

@keyframes letter-glow {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
    }

    66% {
        opacity: 1;
        text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
    }

    77% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.0);
    }
}
 
/*TTulo introductorio*/









    #navbarA {
        width: 150px;
        height: 140px;
        background: #000;
    }

    #navModalTopClose {
        outline: none;
    }

    #NavScrollImage {
        margin-top: -.6rem;
        padding-bottom: 20px;
        vertical-align: middle;
        white-space: normal;
        text-align: center;
    }

    #newsAndEventsNavOne {
    }

    #newsAndEventsNavOneA {
        max-height: 5em;
    }

    #ulParentNode {
        display: table !important;
        position: relative;
    }

    #ulParentNode2 {
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
    }



    .títuloDelPie {
        margin-bottom: 15px;
        margin-right: 10px;
        font-weight: 600;
        padding-right: 10px;
        display: block;
    }

    .patrocinadores-img {
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -ms-transition: margin 0.5s ease-out;
        transition: margin 0.5s ease-out;
        max-width: 300px;
        height: auto;
        align-self: center;
    }


        .patrocinadores-img:hover {
            margin-top: -1rem;
        }




    .patrocinadores-a {
        outline-color: gold;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        /*border: 1px   rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;*/

        border-color: gold;
    }

        .patrocinadores-a ::selection {
            background-color: gold;
        }

    .a-ajustarseAlContenido {
        width: fit-content();
    }



    .artículoDelPie {
        display: block;
        margin-right: 10px;
        padding-right: 10px;
    }





    button.navbar-toggler:focus {
        outline: 1px none;
    }
    /*****************************IDs***END**********************/



    /*CLASES*/


    .bg-jeanLillywhiteNavigation {
        background-color: #ff0000 !important;
    }

    .bg-jeanLillywhiteNavigationTop {
        background-color: #000 !important;
    }


    .calendario {
        background-image: url('../images/campodefútbol1 másgrande.png');
        z-index: 10;
        background-size:contain;
    }

    .cardDivGerenciaDeUsuarios {
        height: 100% !important;
        width: 100% !important;
        max-height: 250% !important;
        overflow-y: visible !important;
    }

    .contenedor2.transparent {
        visibility: hidden;
        height: 0;
        /*display:none;*/
    }

    .div-250x250 {
        height: 250px;
        width: 250px;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: black;
        text-decoration: none;
        background-color: gold;
    }


    .h-30 {
        height: 30% !important;
    }

    .h-35 {
        height: 35% !important;
    }


    .h6rem {
        height: 6rem;
    }

    .h8rem {
        height: 8rem;
    }



    .hrWhite {
        background-color: antiquewhite;
    }




    .jeanLillywhiteGoldText {
        color: gold;
    }

    .jeanLillywhiteLogoutText {
        color: white;
    }



        .jeanLillywhiteLogoutText:hover {
            font-weight: bolder;
            color: white;
        }




    .jeanLillywhiteLi.transparent {
        /*Realmente debe de ser nombre .jeanLillywhiteLi.displayNone*/
        display: none !important;
        /*visibility:hidden !important;*/
    }


    .jeanLillywhiteNavContainer {
        width: 100%;
        margin-top: -.5rem;
    }

    .jeanLillywhiteNavActive:active {
        color: black;
        background-color: gold;
    }

    .jeanLillywhiteNavHover:hover {
        color: gold;
        font-weight: 700;
    }
    
    .jeanLillywhiteNavHover.jeanLillywhiteNavHoverFijado {
        color: gold ;
        font-weight: 700;
    }

    /*.jeanLillywhiteNavHover::selection {
    color: gold;
    font-weight: 700;
}*/



    .jeanLillywhiteNavHoverToWhite:hover {
        color: antiquewhite;
    }


    .jeanLillywhiteTransparent3, .jeanLillywhiteTransparent4 {
        visibility: visible;
    }

    .jeanLillywhiteFullerBar {
        min-width: 800px;
    }

    .jeanLillywhiteTransparent3.transparent, jeanLillywhiteTransparency4.transparent {
        visibility: hidden;
    }

    .jeanLillywhiteVisibilityNavbar {
        visibility: hidden;
    }

    .jeanLillywhiteWhiteTextWhiteToRedLink:hover {
        color: red;
        background-color: white;
    }


    .overflowYScroll {
        overflow-y: scroll;
    }



    .bg-black {
        background-color: black !important;
        border: none;
        padding: 0 !important;
    }

    .btn-searchUnder {
        margin-right: -2em;
    }

    .btn-jeanLillywhiteNavigation::selection {
        color: black;
        background-color: gold;
    }

    .btn-jeanLillywhiteNavigation::-moz-selection {
        color: black;
        background-color: gold;
    }

    .searchBarContainer {
        vertical-align: bottom;
        white-space: nowrap;
        position: relative;
    }

        .searchBarContainer .fontAwesome {
            position: absolute;
        }

    .w6rem {
        width: 6rem;
    }

    .fireFoxVideo1200Arreglo {
    }

    .fuenteFantasa {
        font-family: fantasy;
    }







/*   ######################################################   FUENTES
*/


@font-face {
    font-family: 'jeanTtuloNav';
    src: url('../content/edo.ttf') format('truetype');
}



@font-face {
    font-family: 'jeanTtuloNavJa';
    src: url('../content/Aksentuasi-gxyGq.ttf') format('truetype');
}




@font-face {
    font-family: 'warsaw';
    src: url('../content/WarsawGothic-BnBV.otf') format('opentype');
}





/*   ##############################  FIN DE FUENTES  */

    .foto-foto {
        max-width: 100%;
        width: 100%;
        max-height: 55%;
        height: 55%;
    }


    .foto-inicio {
        width: 100vw;
        height: auto;
    }


    .fontAwesome {
        position: absolute;
        border: none !important;
        margin-left: -.5em;
        bottom: -2em !important;
        background: none;
        top: 30%;
        z-index: 10;
    }




    .gradiente-jdres-pasados {
        background-color: #e24f4f;
        background-image: linear-gradient(126deg, #e24f4f 0%, #f50b0b 82%, #ffffff 85%, #000000 91%, #ff0000 92%, #000000 100%);
    }

    .guestbookAnchoDeFila {
        min-width: 100%;
        max-width: 100%;
    }


    .jeanLillywhiteGoldText::selection {
        color: gold;
        background-color: black;
    }





   .jeanLillywhiteTextoRegistracin::selection, .jeanLillywhiteWhiteText::selection {
        color: black;
        background-color: white;
    }


.jeanLillywhiteTextoRegistracin::selection, .jeanLillywhiteWhiteText::-moz-selection {
    color: black;
    background-color: white;
}

    .h11rem {
        height: 11rem;
    }

    .w11rem {
        width: 11rem;
    }


    .marginRightwithPoint01em {
        margin-right: .01em;
    }


    .ml1PorCien {
        margin-left: 1%;
    }

    .ml20-mmt15 {
        margin-left: 30rem !important;
        margin-top: -2rem !important;
    }

    .ml-7punto5rem {
        margin-left: 7.5rem !important;
    }

    .mml-1rem {
        margin-left: -1rem;
    }

    .mml-2rem {
        margin-left: -2rem;
    }

    .mml-5punto9REM {
        margin-left: -5.9rem !important;
    }

    .mmr-1rem {
        margin-right: -1rem;
    }

    .mmr-2rem {
        margin-right: -2rem;
    }

    .mmr-4REM {
        margin-right: -4rem !important;
    }

    .mmt-punto-tres {
        margin-top: -.3rem !important;
    }

    .mmt-punto-cinco {
        margin-top: -.5rem !important;
    }

    .mmt-4 {
        margin-top: -1.5rem !important;
    }


    .mmt-5 {
        margin-top: -3rem !important;
    }

    .mmb-5 {
        margin-bottom: -3rem !important;
    }

    .mh5rem {
        max-height: 5rem;
    }

    .mh11rem {
        max-height: 11rem;
    }

    .mh13rem {
        max-height: 13rem;
    }

    .mmw8rem {
        min-width: 8rem;
    }

    .mw5rem {
        max-width: 5rem;
    }

    .mw11rem {
        max-width: 11rem;
    }

    .mw13rem {
        max-width: 13rem;
    }

    .mwMC {
        min-width: max-content;
    }

    .mwVeintePorCien {
        max-width: 20%;
    }

    .mmy-1 {
        margin-bottom: -.25rem !important
    }

    /*.modal-text::selection {
    color: gold;
    background-color: black;
}


.modal-text::-moz-selection {
    color: gold;
    background-color: black;
}*/
    .modal-text {
        color: black !important;
        background-color: white !important;
    }

    .mr-5rem {
        margin-right: 5rem !important;
    }

    /*.sobreflujoEsconderImportante
{
    overflow:hidden !important;

}*/

#firma3, #firma4 {
    position: relative;
    color: antiquewhite;
    background-color: antiquewhite;
    /*        width:40rem;
*/ max-width: 150%;
    
}


    #jeanLillywhiteNavLogoScroll::selection {
        background-color: white !important;
    }


    #jeanLillywhiteNavLogo::selection {
        background-color: white !important;
    }

    #jeanLillywhiteLogo::selection {
        background-color: white !important;
    }


    #jeanLillywhiteLogo::-moz-selection, #jeanLillywhiteNavLogo::-moz-selection, #jeanLillywhiteNavLogoScroll::-moz-selection {
        background-color: white;
    }






    .navbar-toggler-jeanLillywhite .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-dark .navbar-brand {
        border: 1px solid antiqueWhite;
    }

        .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
            border: 2px solid gold;
        }


    .navbar-toggler-jeanLillywhite {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: red;
        border: 1px solid gold;
        color: gold;
        border-radius: 0.25rem;
    }

    .nav-tiendaDelEquipo {
        height: auto;
        width: auto;
    }

    /*body {
    background: #e1fcf8;
}*/


    .btn-jeanLillywhiteNavigationPalabrasBlancas {
        color: #fff;
    }

    .btn-jeanLillywhiteNavigation {
        color: #fff;
        background-color: #ff0000;
        border-color: #ff0000;
    }

    .color-dorado {
        color: gold !important;
    }

    .contenedor1-nav {
        height: 100px;
    }

    .contenedor2 {
        text-shadow: 0;
        /*min-width: 780px !important;*/

        width: 100%;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu.bg-jeanLillywhiteNavigation.jeanLillywhiteDropdownPadding {
        margin-top: 0rem;
    }

    .dropdown-menu.bg-jeanLillywhiteNavigationTop.jeanLillywhiteDropdownPadding {
        margin-top: 0rem;
    }

    div.dropdown-menu-jeanLillywhiteNavigation {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #fff;
        text-align: left;
        list-style: none;
        background-color: #212529;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .equisRojo {
        background-image: url('../images/equisrojo.jpg');
    }


.estTtuloPginaPrincipal {
    /*filter: drop-shadow(0.15em 0.15em black);*/
    filter: drop-shadow(0.09em 0.09em black);
   /* text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000;*/
  /*  font-family:jeanTtuloNav;*/
    /*font-family: jeanTtuloNavJa;*/
/*    font-family: warsaw;
*/ 
   font-family: 'Playfair Display';

justify-self: center;
    text-align:center;
    margin-top:1rem;
/*    font-size: xx-large;
*/
font-size:2.3rem;
}

    .envoltorioDePalabrasInicial {
        word-wrap: initial;
    }

    .flecha-diferente-carrusel-noticias-inicio {
        max-height: 3rem;
        max-width: 3rem;
    }

    hr {
        background-color: #000;
        height: 3px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .menu-fixed {
        position: fixed;
        z-index: 1000;
        top: 0;
        /*max-width:1000px;*/
        left: 0;
        width: 100%;
        box-shadow: 0px 4px 3px rgba(0,0,0,.5);
    }

{
    margin-left:10vw;
}

nav {
    height: 150px
}

/*INDEX.html
*/


.navbar-custom-jeanLillywhite {
    background-color: gold;
    color:antiquewhite;
    visibility:visible;

}
.navbar-brand2 {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    position: relative;
    /*left: 442px;*/
}




.overflow-noContent{


    overflow:no-content !important;
}

.overflow-hidden

{
    overflow:hidden !important;
}

.overflow-visible{

    overflow:visible !important;
}

.overflowY-hidden

{

    overflow-y:hidden !important;
}

.overflowX-hidden {
    overflow-x: hidden !important;
}

.overflowX-noDisplay
{overflow-x:no-display !important;}



.ul-block {
    display:block   !important;
    padding: 0;
    position:relative !important;
}

.img-saldoDeCuenta

{
   /* width:25px;
    height:25px;*/

    width:auto;
    height:7rem;
}

.img-fluid2

{

    height:auto;
}


.img-evento-noticias
{
    height:auto;
    max-width:100%;
    align-self:center;
}


.img-createAttendance {
    min-width: 100%;
    min-height: 20%;
    max-width: 100%;
    max-height: 20%;
}


.img-userManagement {
    max-width: 25rem !important;
    max-height: 25rem !important;
    min-width: 25rem !important;
    max-width: 25rem !important;





}



.img-fitParent {
    width: 100% !important;
    height: 100% !important;
}

.imgs-atrásAdelanteBotón
{
    background-color:transparent;
}

.imgs-atrásAdelante
{
    z-index:15;
}

.li-flex {
    display: inline-flex !important;
    padding: 0;
    position: relative !important;
}



.li-unset {
    display: unset !important;
    padding: 0;
    position: relative !important;
}


.lionDorado {
    background-image: url('../images/goldlion.jpg');
}
.lionFireRed {

    background-image: url('../images/leonrojofuego-sobrenosotros.jpg');20.jpg');
    /*background-image: url('../images/leonrojofuego.jpg');*/
}


.lionFireRedLess {
    background-image: url('../images/lionredfire8oscuro (2).jpg');
    /*background-image: url('../images/lionredfire7 oscuro (2).jpg');*/
    /*background-image: url('../images/lionredfire7.jpg');*/
    /*background-image: url('../images/leonrojofueomenor (3).jpg');*/
}

.lionFireRedLessNoticias {
    background-image: url('../images/lionredfire7 oscuro (noticiaseventos).jpg');
}

.lionFireRedOriginal {
    background-image: url('../images/leonrojofuegooriginal.jpg');
}

.llena-anchura-pantalla

{
    width:90vw !important;
    height:70vh !important;
}


.height-25rem {
    /*Para Zorro De Fuego (Firefox)*/
    scrollbar-width: thin;
    scrollbar-color: #ff2e2e #effc40;
    /*Para Zorro De Fuego (Firefox)*/
    height: 25rem !important;
    overflow-y: auto;
    /*Para IE*/
    scrollbar-base-color: gold !important;
    scrollbar-arrow-color: black;
    scrollbar-3dlight-color: #ea3c3c;
    scrollbar-darkshadow-color: #552626;
    scrollbar-face-color: #fb4d4d;
    scrollbar-highlight-color: gold;
    scrollbar-shadow-color: #7d3434;
    /*Para IE*/

/*ParaWebkit*/



/*ParaWebkit*/
}


/*ParaWebkit*/







    .height-25rem::-webkit-scrollbar

    {

        width:.7rem;
    }

    .height-25rem::-webkit-scrollbar-button

    {
        color:black;
        background-color:gold;
    }
    .height-25rem::-webkit-scrollbar-track

    {
        border-radius:10px;
        background-color:white;
    }
    .height-25rem::-webkit-scrollbar-track-piece

    {
        background-color:red;
    }
    .height-25rem::-webkit-scrollbar-thumb

    {
        border-radius:10px;
        background-color:white;
    }
    .height-25rem::-webkit-scrollbar-corner

    {
        background-color:gold;
    }
    .height-25rem::-webkit-resizer

    {
        background-color:gold;
    }



    /* Up */
    .height-25rem::-webkit-scrollbar-button:decrement {
        border-width: 0 7px 14px 7px !important;
        border-color: transparent transparent #404040 transparent;
    }

        .height-25rem::-webkit-scrollbar-button:decrement:hover {
            border-color: transparent transparent #505050 transparent;
        }


    /* Down */
    .height-25rem::-webkit-scrollbar-button:increment {
        border-width: 14px 7px 0 7px;
        border-color: #404040 transparent transparent transparent;
    }

        .height-25rem::-webkit-scrollbar-button:increment:hover {
            border-color: #505050 transparent transparent transparent;
        }




/*ParaWebkit*/



    .mmb-1punto5rem {
        margin-bottom: -1.5rem !important;
    }


.mmx-1-1

{

    margin-left: -.1em !important;
}

.mmxMitadEm

{

    margin-left: -.5em !important;
}
.mmx-1Em

{

    margin-left: -1em !important;
}

.mx-8

{
    margin-left: 2em !important;

}

.mx-11

{
    margin-left: 2.75em !important;

}

.mx-13

{
    margin-left: 3.25em !important;

}

.mx-15rem
{
    margin-left:15rem !important;
}.mx-12rem
{
    margin-left:12rem !important;
}



.mx-11rem {
    margin-left: 11rem !important;
}




 .mx-10rem{

     margin-left:10rem !important;
 }
.mx-20
{


    margin-left:4em !important;
}


.mx-20rem
{
    margin-left:20rem !important;
}





.paddingCero
{
    padding:0 !important;
}

.pb-1Punto25remNavOne{



    /*padding-bottom:2.75rem ;*/


}

.pieDeTarjetaGerenciaDeUsuarios {
    position: relative !important;
    margin-top: 10% !important;
}


.pl-5Rem{

    padding-left:5rem !important;
}


.ppt-4
{
    padding-top:-1.5rem !important;
}


.pulsadorSobreflujoRomperPalabra

{

    overflow-wrap:break-word !important;
    word-break:break-all !important;
}

.mx-10
{
    margin-left: 2.5em !important;

}

.opacity-mitad
{
    opacity:.5;
}


#jeanLillywhiteNavTop {
    z-index: 3000;
    /*background-image: url('../images/connectwork7.png'), linear-gradient(164deg, #c11313 0%, #ae0b0b 17%, #ae0d0d 39%, #f4e3e3 60%, #ae0d0d 80%, #000000 100%);*/
    /*background-image: url('../images/starring.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%); background-color: #000000;*/
    /*background-image: url('../images/subtle-white-feathers.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%); background-color: #000000;*/
    /*    background-image: url('../images/subtle-zebra-3d.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
*/ background-color: #000000;
    /*background-image: url('../images/diagmonds-light.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);*/
    /*background-image: url('../images/diagonal-striped-brick.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);*/
    /*    background-image: url('../images/gplay.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
*/ /*background-image: url('../images/hexellence.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);*/
    /*    background-image: url('../images/ice-age (1).png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);
*/ /*background-image: url('../images/subtle-grey.png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%);*/
    background-color: #000000;
    /*background-image: url('../images/black-thread-light (1).png'), linear-gradient(43deg, #000000 0%, #3b2424 46%, #370f0f 100%); background-color: #000000;*/
    /* Background Patterns from Toptal Subtle Patterns transparent ones edited with https://www.transparenttextures.com/*/
    /*    animation: fanimado 350s infinite alternate;
*/

    background-image: url('../images/light-wool.png');
}



.iniciarSesión {
    background-image: url('../images/jugadortijereta (4)zeke.png');
    z-index: 1;
    background-size: contain;
}

.formularioRegistracin
{
  /*  background-image:url('../images/AdobeStock_308917732.jpeg')*/
}



#multimedia2 {
    z-index: 99999999;
    position: relative;
}
#messageBoards2 {
    z-index: 99999999;
    position: relative;
}
#teamStore2 {
    z-index: 99999999;
    position: relative;
}
#contactUs2 {
    z-index: 99999999;
    position: relative;
}
#guestbook2 {
    z-index: 99999999;
    position: relative;
}   

.baln {
    animation: rotation 3s infinite linear;
    height:3.4rem;
    margin-top:1rem;
}

.balnAboutUs {
    height: 3.4rem;

    margin-top: -.44rem;
}

.balnEquiposMasculinos {
    height: 3.4rem;
    margin-top: -.44rem;
    margin-right: .9rem;
}

.balnEquiposFemininos {
    height: 3.7rem;
    margin-top: -.5rem;
    margin-right: .8rem;
}

.balnNoticiasYEventos {
    height: 3.5rem;
    margin-top: -.4rem;
    margin-right: .8rem;
}


.balnMultimedia {
    height: 3.5rem;
    margin-top: -.5rem;
    margin-right: .8rem;
}

.balnMultimediaDos {
    
    margin-top:0;
    
}

.balnResultados {
    height: 3.8rem;
    margin-top: -.4rem;
    margin-right: .4rem;
}

.balnPatrocinadores {
    height: 3.4rem;
    
}
.balnApoyarANuestroEquipo {
    height: 3.6rem;

}

.balnTableroMensajes {
    height:3.8rem;
}
.balnTableroMensajes2 {
    height:3.8rem;
}

.balnContactarnos {
    height: 3.5rem;
}

.balnLibroVisitas {
  
    height:3.5rem;
}



li:hover .baln
{
    animation: rotation .03s infinite linear;
}

.registración {



    background-color: #eee;
    min-height: 100%;
    color: #fff;
    background-image: url("http://isaacsuttell.com/img/justine.jpg");
    background-size: cover;
    background-position: center;
    
    background-image: linear-gradient(90deg, #be1933 0%, #902e4f 25%, #902e5f 50%, #902e90 75%, #2e5f90 100%);



}
.registracinRegistracin {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    /*background-color: #eee;*/
    /*min-height: 100%;*/
    /*color: #fff;*/
    /*  background: linear-gradient(white, #4e4e4e, white);*/
    /*background-size: cover;
    background-position: center;*/
    /*
    background-image: linear-gradient(90deg, #be1933 0%, #902e4f 25%, #902e5f 50%, #902e90 75%, #2e5f90 100%);*/
    /*background-size: auto;
    background-repeat: round;*/
    /*    animation: bgRegistracin 8s infinite;*/
}


    /*background-image: url('../images/sombradejugador.png');
    z-index: 30;
    background-repeat:round;*/


.rosterListaLínea
{


}

.sobreflujoXEscondido{
    overflow-x:hidden !important;

}

.socialMediaIcon
{
   margin-right:24px;
   margin-left:24px;
   margin-top:24px;
   margin-bottom:24px;
}

.text-border-white {
    /*text-shadow: -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold, 1px 1px 0 gold;*/
    text-shadow: 2px 0 0 white, -2px 0 0 white, 0 2px 0 white, 0 -2px 0 white, 1px 1px white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
    font-weight: 900;
}
.text-border-blackNrm {
    /*text-shadow: -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold, 1px 1px 0 gold;*/
    text-shadow: 3px 0 0 black, -3px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 2px 2px black, -2px -2px 0 black, 1px -1px 0 black, -1px 1px 0 black;
    font-weight: normal;
}
.text-border-blackBld {
    /*text-shadow: -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold, 1px 1px 0 gold;*/
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
    font-weight: bold;
}




.text-border-gold {
    /*text-shadow: -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold, 1px 1px 0 gold;*/
    text-shadow: 2px 0 0 gold, -2px 0 0 gold, 0 2px 0 gold, 0 -2px 0 gold, 1px 1px gold, -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold;
    font-weight: 900;
}

/*.sobreflujoEnvolverRomper {
    overflow-wrap: break-word !important;
}*/


#carouselDiapositivaVideo .diapositivaDeVideo {



    /*height:15.5rem !important;

    width:27rem !important;*/



    /*height:15.5rem !important;

    width:31vw !important;*/


    /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/

    /*width:22rem !important;*/

}



/*.vw-83-Siempre {
    max-width: 83vw !important;
    min-width: 83vw !important;
    width: 83vw !important;


}*/
.text-warning-blackOutline {
    color: #ffc107 !important;
    font-weight: 900;
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}


.userManagementImagenDelUsuario {
    height: auto !important;
    width: auto !important;
}

.a-rojo-a-negro
{
    color:red;
}

.a-rojo-a-negro:hover

{

    color:black;
    font-weight: 400;
}


.alineaciónVerticalCentro
{
    vertical-align:middle !important;
}

.altura-cero
{
    height:0 !important;
}

.anchuraContenidoMximo
{
    width:max-content;
}


.w100-hAuto
{
    width:100% !important;
    height:auto !important;
}

.w-3
{

    width:3% !important;
}


.w-6 {
    width: 6% !important;
}

.w-20

{

    width:20% !important;
}

.w-29

{width:29% !important

}
.w-30
{
    width:30% !important;
}

.w-35
{
    width:35% !important;
}


.w-120

{
    width:120% !important;
}

.whitespaceNoWrap
{
    white-space:nowrap !important;
}

.z1000
{
    z-index:1000;

}



.z1001 {
    z-index: 1001 !important;

    overflow: visible !important;
}

.z1000000000 {
    z-index: 1000000000 !important;


}

#logoutForm {
    position:relative;
   z-index: 10000000009 !important;
}

.zCienMil
{
    z-index:100000 !important;
}
/*TEAM STORE.html*/




/*################################################    CONSULTAS DE LOS MEDIOS Y @supports ############################################################################*/






@supports not (-ms-ime-align: auto) {

    #femaleTeamsNavOne, #maleTeamsNavOne, #resultsNavOne, #newsAndEventsNavOne, #femaleTeamsNavOne, #multimediaNavDropdownMenu, #aboutUsNavOne {
        margin-top: -.6rem !important;
    }
}









_:-ms-lang(x), #femaleTeamsNavOne, #maleTeamsNavOne, #newsAndEventsNavOne, #femaleTeamsNavOne, #multimediaNavDropdownMenu, #aboutUsNavOne {
    margin-top: 1.78rem !important;
}






    /*_:-ms-lang(x), #femaleTeamsNavOne {
    margin-top: 3rem !important;

}*/


    @media(max-width:480px)
    {
        .cartaResultadosCuerpo
        {
            margin-left:2.4rem
        }
    }

@media(max-width:481px) and (max-width:850px) {
    .cartaResultadosCuerpo {
        margin-left: 1.7rem
    }
}


    @media(min-width:851px)and (max-width:14501px)
    {

        .cartaResultadosCuerpo
        {
            margin-left:3rem;
        }


    }






    @media screen and (max-width: 768px) {
        .post .thumb
    {width: 100%;

     margin-bottom: 20px;
     margin-right:0;
}
    }

/*@media (min-width: 576px)

{

    .searchNavMenu
    {
        max-width:50% !important;
        min-width:0% !important;
    }




}*/


@media(max-width:575px)
{
    .d-table-row-Nav-Buscar {
        display: table-row !important;
    }
}


.mt-2Punto5rem
{
    margin-top: 2.5rem !important;

}

.mt-punto75rem
{
    margin-top:.75rem;
}
@media(min-width:576px)
{
    #dos {
        margin-top: -3.5rem;
    }

}

@media (max-width:409px)
{
    #dos{
        margin-top:15.1rem !important;
    }
}

@media (min-width:410px) and (max-width:575px){

    #dos {
           /*margin-top:7.5rem !important;*/
           margin-top:12.5rem !important
    }



    }


            @media (min-width:576px) {
                #jeanLillywhiteNavOne {
                    display: grid !important;
                    height: auto;
                    /*max-height: 145px;*/
                    padding-bottom: 0 !important;
                    padding-top: 0 !important;
                    margin-bottom: 0 !important;
                    margin-top: 0 !important;
                    
                }

                .d-table-cell-Nav {
                    display:table-cell !important;

                }
            }



        @media (min-width: 295px) {
            .w-sxxxs-40 {
                width: 40% !important;
            }
        }

        @media (min-width: 328px) {
            .w-sxxs-31 {
                width: 31% !important;
            }
        }


        @media (min-width: 400px) {
            .w-sxs-25 {
                width: 25% !important;
            }
        }




        @media (min-width: 576px) {
            .w-sm-30 {
                width: 20% !important;
            }
        }

        @media (min-width: 768px) {
            .w-md-12 {
                width: 12% !important;
            }
        }

        @media (min-width: 992px) {
            .w-lg-10 {
                width: 10% !important;
            }
        }

        @media (min-width: 1200px) {
            .w-xl-8 {
                width: 8% !important;
            }
        }
        /*@media (min-width: 572px) {
    .navbar-expand-cstm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-cstm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-cstm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-cstm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-cstm > .container,
        .navbar-expand-cstm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-cstm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-cstm .navbar-toggler {
            display: none;
        }
}*/
        @media (min-width:704.1px) {

            #jeanLillywhiteNavTop {
                max-height: 48px;
            }
        }


        @media (min-width: 0px) and (max-width: 704px) {
            #jeanLillywhiteNavTop {
                /*max-height:40px !important;*/
                height: auto;
            }
        }



        .calendarNavTopAdmin{

            float:left;

        }

        .carretaNavTopAdmin{

            float:right;
        }

.mensDeBenvenidosNavTopAdmin {



    float:right;

}



.miCuentaNavTopAdmin {

    float:right;
}
.cerrarsesNavTopAdmin {


   float:right;
}



.menDeAdministradorNavTop {

    float:right;

}



.carretaNavTopAdminIE382Punto1 {
    padding: 0;
    margin-top: 2.5rem;
    margin-left: -10.5rem;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
}
.miCuentaNavTopAdminIE382Punto1 {
    margin-left: -11rem;
    float: left;
}
.menDeAdministradorNavTopIE382Punto1 {
    float: left;
    margin-top: 5rem;
}




.carretaNavTopAdminIE382 {
    padding: 0;
    margin-top: -2.5rem;
    margin-left: -10.5rem;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
}
.miCuentaNavTopAdminIE382 {
    margin-left: -11rem;
    margin-top: -5rem;
    float: left;
}
.menDeAdministradorNavTopIE382 {
    float: left;
}




        @media (min-width:575px) and (max-width:704px)

        {
            .calendarNavTopAdmin {

            }


            #jeanLillywhiteNavTop .carretaNavTopAdmin {
                margin-top:2.5rem;
                margin-left: -4.5rem;

                float:left;

            }


            #jeanLillywhiteNavTop .mensDeBenvenidosNavTopAdmin {
                margin-right: -4rem;
            }



            #jeanLillywhiteNavTop .miCuentaNavTopAdmin {
                margin-right: 10.05rem;

                padding: 0;
            }



            .cerrarsesNavTopAdmin {

                margin-top: 2.5rem;

            }



            #jeanLillywhiteNavTop .menDeAdministradorNavTop {

                    margin-right:-30rem;
                margin-left:10rem;
                float:left;
                margin-top: 2.5rem;
            }





        }

        @media (min-width:426px) and (max-width:574.9px)

        {



            .calendarNavTopAdmin {
            }


            #jeanLillywhiteNavTop .carretaNavTopAdmin {
                margin-top: 2.5rem;
                margin-left: -4.5rem;
                float: left;
            }


            #jeanLillywhiteNavTop .mensDeBenvenidosNavTopAdmin {
                margin-right: -4rem;
            }



            #jeanLillywhiteNavTop .miCuentaNavTopAdmin {
                margin-left:1.5rem;
                margin-right: -12.05rem;
                padding: 0;
                float:left;
            }



            .cerrarsesNavTopAdmin {
                margin-top: 2.5rem;
            }



            #jeanLillywhiteNavTop .menDeAdministradorNavTop {
                margin-right:-3rem;
                float: right;
                margin-top: 2.5rem;
            }


        }

/*min-width:382.1px*/
@media (min-width:379px) and (max-width:425.9px) {
    #jeanLillywhiteNavTop .calendarNavTopAdmin {

        float:right;

    }


    #jeanLillywhiteNavTop .carretaNavTopAdmin {
        padding:0;
        margin-top:2.5rem;

        margin-left:-10.5rem;
        float: left;
        margin-right:0;
        margin-bottom:0;
    }


    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopAdmin {
       margin-top:2.5rem;
        margin-right: -5.25rem;

    }



    #jeanLillywhiteNavTop .miCuentaNavTopAdmin {

        margin-left:-11rem;
        float: left;
    }



    .cerrarsesNavTopAdmin {

        margin-top:5rem;

        margin-right: -5rem;


    }



    #jeanLillywhiteNavTop .menDeAdministradorNavTop {
        float: left;
        margin-top:5rem;
    }
}


/*max-width:382px*/
@media (min-width:299.9px) and (max-width:378.9px) {
    #jeanLillywhiteNavTop .calendarNavTopAdmin {
        float: right;
    }


    #jeanLillywhiteNavTop .carretaNavTopAdmin {
        padding: 0;
        margin-top: -2.5rem;
        margin-left: -10.5rem;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
    }


    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopAdmin {
        margin-top: 2.5rem;
        margin-right: -5.25rem;
    }



    #jeanLillywhiteNavTop .miCuentaNavTopAdmin {
        margin-left: -11rem;
        margin-top:-5rem;
        float: left;
    }



    .cerrarsesNavTopAdmin {
        margin-top: 5rem;
        margin-right: -5rem;
    }



    #jeanLillywhiteNavTop .menDeAdministradorNavTop {
        float: left;
    }
}


@media (min-width:0px) and (max-width:300px) {


    #jeanLillywhiteNavTop .carretaNavTopAdmin {
        margin-right:-10.5rem;

    }


    #jeanLillywhiteNavTop .miCuentaNavTopAdmin {

        margin-right:3.85rem;

    }



}


.color-BlancoAntiguo
{
    
    color:antiquewhite;
}



/*##################Código Para NavTopMember#######################*/



 .calendarNavTopMember {

     float:left;
}

 .carretaNavTopMember {

     float:right;
}


 .miCuentaNavTopMember {


  float:right;
}




 .mensDeBenvenidosNavTopMember {

     float:right;
}


 .cerrarsesNavTopMember {

     float:right;
}



@media (min-width:336px) and (max-width:550px)

{
   #jeanLillywhiteNavTop .calendarNavTopMember {
    }

 #jeanLillywhiteNavTop   .carretaNavTopMember {


     float:right;

/*     margin-right:-5.5rem;
*/     margin-right:-4.2rem;
     margin-top:2.5rem;
    }


 #jeanLillywhiteNavTop .miCuentaNavTopMember{


     float:left;

     margin-left:-5rem;

     margin-top:2.5rem;

 }




  #jeanLillywhiteNavTop  .mensDeBenvenidosNavTopMember{



      margin-right:-4.2rem;



  }


   #jeanLillywhiteNavTop .cerrarsesNavTopMember {


       margin-top:2.5rem;

    }


}

@media (min-width:280px) and (max-width:336px) {
    #jeanLillywhiteNavTop .calendarNavTopMember {


    }

    #jeanLillywhiteNavTop .carretaNavTopMember {


    }


    #jeanLillywhiteNavTop .miCuentaNavTopMember {

        margin-top:-2.5rem;
        margin-right: -7rem;


    }




    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopMember {



    }


    #jeanLillywhiteNavTop .cerrarsesNavTopMember {




    }
}



@media (min-width:0px) and (max-width:279px) {
    #jeanLillywhiteNavTop .calendarNavTopMember {
    }

    #jeanLillywhiteNavTop .carretaNavTopMember {
    }


    #jeanLillywhiteNavTop .miCuentaNavTopMember {

    }




    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopMember {
    }


    #jeanLillywhiteNavTop .cerrarsesNavTopMember {
    }
}








/*##################Código Para NavTopMember#######################*/








/*##################Código Para NavTopRegistración###############*/

.calendarNavTopRegistration{

    float:left;


}

.mensDeBenvenidosNavTopRegistration {



    float:right;

}




.registerNavTopRegistration{


    float:right;

}


.cerrarsesNavTopRegistration {

    float:right;
}






@media (min-width:415px) and (max-width:540px)
{
  #jeanLillywhiteNavTop  .calendarNavTopRegistration {

    }

  #jeanLillywhiteNavTop  .mensDeBenvenidosNavTopRegistration {


      margin-top:2.5rem;

      margin-left:-5rem;

      float:left;

    }




  #jeanLillywhiteNavTop  .registerNavTopRegistration {

/*
      margin-right:-4.15rem;

      margin-top:2.5rem;*/

    }


  #jeanLillywhiteNavTop  .cerrarsesNavTopRegistration {

    }



}


@media (max-width:414.9px)
{

    #jeanLillywhiteNavTop .registerNavTopRegistration {
        float: right;
        /* float:left;

        margin-top:-2.5rem;*/

        margin-left: 4.5rem;
    }
}


@media (min-width:300px) and (max-width:414.9px) {
    #jeanLillywhiteNavTop .calendarNavTopRegistration {

        padding-top:2rem;
    }

    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopRegistration {


        margin-top:-5rem;

    }




    #jeanLillywhiteNavTop .registerNavTopRegistration {
       
        
        float:right;
        
        /* float:left;

        margin-top:-2.5rem;*/

       margin-left:4.5rem;

    }


    #jeanLillywhiteNavTop .cerrarsesNavTopRegistration {

        padding-top:2rem;
    }
}


.myCartCarta {
    background-image: url('../images/texture-1647380_960_720.jpg');
}

@media (min-width:0px) and (max-width:299.9px) {
    #jeanLillywhiteNavTop .calendarNavTopRegistration {
        padding-top: 3rem;
    }

    #jeanLillywhiteNavTop .mensDeBenvenidosNavTopRegistration {
        margin-top: -6rem;
    }




    #jeanLillywhiteNavTop .registerNavTopRegistration {
        float: left;
        margin-top: -2.5rem;
        margin-left: 4.5rem;
    }


    #jeanLillywhiteNavTop .cerrarsesNavTopRegistration {
        padding-top: 3rem;
    }
}

/*##################Código Para Arreglar la Altura De NavTopAdmin###############*/




/*##################Código Para Arreglar la Altura De NavTopAdmin###############*/


@media (min-width:705px)  {

    .calendarNavTopAdmin {
        margin-top: .5rem;
    }




    .carretaNavTopAdmin {        margin-top: .5rem;

    }



    .mensDeBenvenidosNavTopAdmin {
        margin-top: .5rem;
    }



    .miCuentaNavTopAdmin {
        margin-top: .5rem;
    }

    .cerrarsesNavTopAdmin {
        margin-top: .5rem;
    }


    .menDeAdministradorNavTop {
        margin-top: .5rem;
    }

}


/*##################Código Para NavTopRegistración###############*/











.calendarNavTopAdmin {

}

.calendarNavTopMember {
    margin-top: .5rem;
}


.calendarNavTopRegistration {
    margin-top: .5rem;
}



.carretaNavTopAdmin{}
.carretaNavTopMember {
    margin-top: .5rem;
}
.carretaNavTopRegistration {
    margin-top: .5rem;
}



.mensDeBenvenidosNavTopAdmin {

}
.mensDeBenvenidosNavTopMember{margin-top:.5rem;}
.mensDeBenvenidosNavTopRegistration {
    margin-top: .5rem;
}


.miCuentaNavTopAdmin {

}
.miCuentaNavTopMember {
    margin-top: .5rem;
}

.cerrarsesNavTopAdmin {

}
.cerrarsesNavTopMember {
    margin-top: .5rem;
}

.cerrarsesNavTopRegistration {
    margin-top: .5rem;
}

.menDeAdministradorNavTop {
}

.registerNavTopRegistration {
    margin-top: .5rem;
}


.registerNavTopRegistration2
{
    float:right;
    margin-top: .5rem;
}



/*Consultas de medios Resultados*/



@media(max-width:400px)
{
    .row .card-body .escudoRUno {
        margin-left: -1.5rem;
    }


    .row .card-body .escudoRDos
    {
        margin-left:2rem;
    }

    .row .card-body .marcador
    {
        margin-top:1rem;
        margin-left: -.5rem;

    }
}



@media(min-width:505px)
{
    .tarjetaOtrosResultadosHijoPequeoDeslizarDesbordamiento .overflowX-scroll
    {
        overflow-x: hidden !important
    }

}


   @media(min-width:675px) and (max-width:739px)
   {
       .row .escudoRDos
       {
           margin-left:3.2rem;
       }
   }

   @media(min-width:741px) and (max-width:1129px)
   {
       .row .escudoRDos
       {
           margin-left:.3rem;
       }
   }

   @media(max-width:569px)
   {
       .marcador{
           padding-top:1rem;
           font-size:large;
       }
   }


   @media (min-width:570px) and (max-width:739px)

   {
       .marcador
       {
           padding-top:.8rem;

           font-size:x-large;
       }
   }

   @media(max-width:400px)
   {
    .marcador {

        min-width: 22vw;
    }
   }

     @media(min-width:401px) and (max-width:740px)
     {
         .escudoRUno
         {
             margin-left:-2rem;

         }


         .escudoRDos
         {
             margin-left:3.1rem;
         }

         .marcador{
             margin-top:1rem;
             min-width:20vw;

         }



     }





     @media only screen and  (min-height:1000px) 
     {
         .spinnerImagenPrincipal{
             margin-top:30rem;
         }
     }
     @media only screen and  (min-height:550px)      {

        .spinnerImagenPrincipal {
            margin-top: 15rem;
        }
     }
     @media  only screen and (min-height:326px)      {

        .spinnerImagenPrincipal {
            margin-top: 5rem;
        }
     }




     @media (min-width:741px) and (max-width:975px)

     {
        .marcador {

            padding-top:.8rem;
            font-size: x-large;

        }


        .escudoRDos{

            margin-left:0rem;
        }
     }

     @media (min-width:975px) and (max-width:1350px)
     {
         .escudoRDos
         {
             margin-left:0rem;
         }
     }



     @media(min-width:688px) and (max-width:991px)
     {
        .ml10VResultadosAdicinales
        {
            margin-left:10vw;
        }

     }

  /*   .resultadosMarcador:hover
     {
         cursor:pointer
     }

     .resultadosMarcador:checked
     {
         outline:none;
     }

     .resultadosMarcador::selection
     {
         outline:none;
     }
*/
/*Consultas de medios Resultados*/





        @media(min-width: 0px) and (max-width:575.9px)
        {
            .barraNavOneListaApoyarEquipo {
                display: normal !important;
            }

            .barraNavTwoListaApoyarEquipo {
                display: none !important;
            }

        }

   @media(min-width: 576px) and (max-width:843.9px) {
    .barraNavOneListaApoyarEquipo {
        display: none !important;
    }

    .barraNavTwoListaApoyarEquipo {
        display: normal !important;
    }
}

@media(min-width: 844px)  {
    .barraNavOneListaApoyarEquipo {
        display: normal !important;
    }

    .barraNavTwoListaApoyarEquipo {
        display: none !important;
    }
}




    @media (min-width: 0px) and (max-width:575.9px) {



        .barraNavOneLista {
            display: normal !important;
        }

        .barraNavTwoLista {
            display: none !important;
        }
    }



    @media (min-width: 576px) and (max-width:990px) {



        .barraNavOneLista {
            display: none !important;
        }

        .balnMultimedia
        {
            display:none !important;
        }
        .balnMultimediaDos {
            display: normal !important;
        }
        .barraNavTwoLista {
            display: normal !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {

        .barraNavOneLista {
            display: none !important;
        }

        .balnMultimedia {
            display: none !important;
        }

        .balnMultimediaDos {
            display: normal !important;
        }
        .barraNavTwoLista {
            display: normal !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {

        .barraNavOneLista {
            display: normal !important;
        }
        .balnMultimedia {
            display: normal !important;
        }


        .balnMultimediaDos {
            display: none !important;
        }
        .barraNavTwoLista {
            display: none !important;
        }
    }

    @media (min-width: 1200px) {

        .barraNavOneLista {
            display: normal !important;
        }
        .balnMultimedia {
            display: normal !important;
        }
             .balnMultimediaDos {
            display: none !important;
        }

        .barraNavTwoLista {
            display: none !important;
        }
    }






/*##########Consultas de Medios para NavOne de Microsoft Edge########*/



@media (min-width: 1141px) {


    .pb-1Punto25remNavOne {
        padding-bottom: 1.1rem !important;
        /*padding-bottom:2.75rem ;*/
    }
}


@media (min-width: 1090px) and (max-width:1140.9px) {

    #ulParentNode .arregloNavEdge {
        /*display:grid !important;*/
    }



    .pb-1Punto25remNavOne {
        padding-bottom: 1.75rem !important;
        /*padding-bottom:2.75rem ;*/
    }

    #ulParentNode
    .navOneDropdownDivEdge {
        margin-top: -.5rem !important;
    }
}

@media (min-width: 992px) and (max-width:1089.9px) {

    #ulParentNode .arregloNavEdge {
        /*display:grid !important;*/
    }

    #ulParentNode .pb-1Punto25remNavOneAboutUs {
        padding-bottom: 2rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }

    .pb-1Punto25remNavOne {
        padding-bottom: .5rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }

    #ulParentNode
    .navOneDropdownDivEdge {
        margin-top: -.5rem !important;
    }
}

@media (min-width: 576px) and (max-width:991.9px) {

    #ulParentNode .arregloNavEdge {
        /*display:grid !important;*/
    }

    #ulParentNode .pb-1Punto25remNavOneAboutUs {
        padding-bottom: 2rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }

    #ulParentNode .pb-1Punto25remNavOneMaleTeams {
        padding-bottom: 2rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }

    #ulParentNode .pb-1Punto25remNavOneFemaleTeams {
        padding-bottom: 2rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }


    #ulParentNode .pb-1Punto25remNavOneNewsAndEvents {
        padding-bottom: 2rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }


    .pb-1Punto25remNavOne {
        padding-bottom: .5rem !important;
        /*padding-bottom: 1.75rem !important;*/
        /*padding-bottom:2.75rem ;*/
    }

    #ulParentNode
    .navOneDropdownDivEdge {
        margin-top: -.5rem !important;
    }
}


@media (min-width: 0px) and (max-width:575.9px) {

    #ulParentNode .arregloNavEdge {
        /*display:grid !important;*/
    }

    #ulParentNode .pb-1Punto25remNavOneAboutUs {

    }

    #ulParentNode .pb-1Punto25remNavOneMaleTeams {

    }

    #ulParentNode .pb-1Punto25remNavOneFemaleTeams {

    }


    #ulParentNode .pb-1Punto25remNavOneNewsAndEvents {

    }


    .pb-1Punto25remNavOne {

    }

    #ulParentNode
    .navOneDropdownDivEdge {


    }
}



/*##########Consultas de Medios para NavOne de Microsoft Edge########*/











    /*############### Estilos solamente para IE10 y IE11########################*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #userCard {
            max-height: 250% !important;
            overflow-y: visible !important;
        }

        .userCard{

            max-height:250% !important;
            overflow-y: visible !important;
        }

        #userManagementImagenDelUsuario {
            height: auto !important;
            width: auto !important;
        }

        #cardDivGerenciaDeUsuarios {
            height: 100% !important;
            width: 100% !important;
            max-height: 250% !important;
            overflow-y: visible !important;
        }


        #pieDeTarjetaGerenciaDeUsuarios {
            position: relative !important;
            margin-top: 10% !important;
        }
    }

    /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width:400px) {




}*/
    /*############### Estilos solamente para IE10 y IE11########################*/






/*#########################Carousel para sección de videos####################*/

/*El siguiente código ha sido tomado de Tom Michew de https://medium.com/wdstack/bootstrap-4-custom-carousel-94a537364fde y modificado y extendido.*/







/*Para cambiar error de Chrome con respecto a interpretar píxeles de las consultas de medios para unos estilos del carrusel de videos */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:992px) and (max-width:992.9px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner .active + .carousel-item + .carousel-item  {




        display:none !important;
    }



}




@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1200px) and (max-width:1200.9px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner .active + .carousel-item {



                margin-left:12rem ;
    }
}





/*Para cambiar error de Chrome con respecto a interpretar píxeles de las consultas de medios para unos estilos del carrusel de videos */



.carousel-indicators
{
}


/*Para cambiar el posicionamiento de los indicadores del carrusel*/

@media(min-width:1229px){

    #videosIndex #carouselDiapositivaVideo .carousel-indicators{

        margin-right: 17.5rem;
    }

}


@media(min-width:992px) and (max-width:1228.9px) {

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {
        margin-right: 16rem;
    }
}


/*@media (min-width:992px) and (max-width:1199.99px){

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {
        margin-right: 16rem;
    }

}*/


@media (min-width:810px) and  (max-width:992px){

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {
        margin-right: 14.5rem ;
    }


}


@media (min-width:779.1px) and (max-width:809.9px) {

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {
        margin-right: 12.5rem;
    }
}


@media (min-width:0px) and (max-width:779px) {

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {
        margin-right: 8.5rem;
    }
}



@media (min-width:730px) and (max-width:780px) {

    #videosIndex #carouselDiapositivaVideo .carousel-indicators {

    margin-left:1.5rem ;

    }
}



/*Para cambiar el posicionamiento de los indicadores del carrusel*/




@media (min-width: 1200px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner {

        margin-left:-.5rem ;
    }




    /* show 3 items */
    #videosIndex .carousel-inner .active,
    #videosIndex .carousel-inner .active + .carousel-item,
    #videosIndex .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }

    #videosIndex .carousel-inner .carousel-item-next,
    #videosIndex .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #videosIndex .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #videosIndex .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #videosIndex .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #videosIndex .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}


@media (min-width: 992px) and (max-width:1199.99px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner {
        margin-left: -.5rem ;
    }



    /* show 2 items */
    #videosIndex .carousel-inner .active, #videosIndex .carousel-inner .active + .carousel-item, #videosIndex .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }








    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }

    #videosIndex .carousel-inner .carousel-item-next,
    #videosIndex .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #videosIndex .carousel-inner .active.carousel-item + .carousel-item + .carousel-item  {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #videosIndex .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #videosIndex .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #videosIndex .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item
   {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}


@media (max-width:991.99px) {



    #videosIndex #carouselDiapositivaVideo .carousel-inner .active.carouselLastItem {
        transition: none;
    }






    /* show 1 item */
    #videosIndex .carousel-inner .active, #videosIndex .carousel-inner .active + .carousel-item  {
        display: block;
    }

        #videosIndex .carousel-inner .active + .carousel-item + .carousel-item{

            display:none;
        }

        #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        #videosIndex .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
            transition: none;
            margin-right: initial;
        }

    #videosIndex .carousel-inner .carousel-item-next,
    #videosIndex .carousel-inner .carousel-item-prev {
        position: relative;

        transform: translate3d(0, 0, 0);
    }

    #videosIndex .carousel-inner .active.carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: hidden;
    }

    /* left or forward direction */
    /*#videosIndex .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #videosIndex .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }*/







    /* farthest right hidden item must be abso position for animations */
    #videosIndex .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    /*#videosIndex .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item,
    #videosIndex .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item
     {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        display: block;
    }*/
}



@media (min-width:939px) and (max-width:991.99px)
{

    #videosIndex #carouselDiapositivaVideo .carousel-inner {
        /*margin-left: -.2rem;*/

        margin-left:.4rem;

    }
}


@media (min-width:827px) and (max-width:938.99px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner {
        /*margin-left: -.2rem;*/
        margin-left: 0;
    }
}



@media (min-width:751px) and (max-width:826.99px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner {
        /*margin-left: -.2rem;*/
        margin-left: -.3rem;
    }
}



@media (min-width:0px) and (max-width:750.99px) {

    #videosIndex #carouselDiapositivaVideo .carousel-inner {
        /*margin-left: -.2rem;*/
        margin-left: -.5rem;
    }
}


/*El código anterior ha sido tomado de Tom Michew de https://medium.com/wdstack/bootstrap-4-custom-carousel-94a537364fde y modificado y extendido.*/



/*#########################Para cambiar el tamaño de los videos en Carousel para sección de videos####################*/


#videosIndex #carouselDiapositivaVideo .flecha-izquierda
{
    width:2rem;
    margin-left:-1.25rem !important;
}
#videosIndex #carouselDiapositivaVideo .flecha-derecha
{
    width:2rem;
    margin-right:-1.25rem !important;
}


/*Para posicionar Flechas Para el carrusel de videos*/
@media(min-width:1302px)
{


    #videosIndex .mml-5punto9REM {
        margin-left: -6.4rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {

        margin-right: -6.3rem !important;
        color: gold;
    }

}

@media (min-width:1160.1px) and (max-width:1301.99px)

{
    #videosIndex .mml-5punto9REM {
        margin-left: -5.8rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {


        margin-right: -5.8rem !important;
        color: gold;
    }

}

@media (min-width:993px) and (max-width:1160px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -5.1rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {

        margin-right: -5.1rem !important;
        color: gold;
    }
}


@media (min-width:796px) and (max-width:992px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -4.1rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {

        margin-right: -4.1rem !important;
        color: gold;
    }
}

@media (min-width:592px) and (max-width:795.9px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -3.3rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {

        margin-right: -3.1rem !important;
        color: gold;
    }
}


@media (min-width:466px) and (max-width:591.9px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -2.6rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {
        margin-right: -2.6rem !important;
        color: gold;
    }
}



@media (min-width:367px) and (max-width:465.9px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -2.2rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {

        margin-right: -2.2rem !important;
        color: gold;
    }
}


@media (min-width:0px) and (max-width:366.9px) {
    #videosIndex .mml-5punto9REM {
        margin-left: -1.6rem !important;
        color: gold;
    }

    #videosIndex .mmr-4REM {


        margin-right: -1.6rem !important;
        color: gold;
    }
}


/*Para posicionar Flechas Para el carrusel de videos*/



/*Para la altura de los videos de los jugadores en su perfil en la página principal de videos */


@media (min-width:0)

{

    .video-principal-jugador
    {

        height:15rem;
    }
}





@media (min-width: 600px) {
    .video-principal-jugador {
        height: 24rem;
    }
}


@media (min-width: 768px) {
    .video-principal-jugador {
        height: 30rem;
    }
}





    @media (min-width: 992px) {
        .video-principal-jugador {
            height: 25rem;
        }
    }

    @media (min-width: 1200px) {
        .video-principal-jugador {
            height: 15rem;
        }
    }



    /*Para la altura de los videos de los jugadores en su perfil en la página principal de videos */









    /*Arreglo para Firefox a 1200px*/


    @media (min-width:1200px) and (max-width:1200.9px) {



        #videosIndex #carouselDiapositivaVideo .fireFoxVideo1200Arreglo .diapositivaDeVideo {
            height: 20.5rem;
            width: 47vw;
        }




        #videosIndex #carouselDiapositivaVideo .fireFoxVideo1200Arreglo .carousel-inner {
            margin-left: -.5rem;
        }

        /*El siguiente ha sido tomado de Tom Michew de https://medium.com/wdstack/bootstrap-4-custom-carousel-94a537364fde y modificado y extendido.*/

        /* show 2 items */
        #videosIndex .carousel-inner .active, #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .active + .carousel-item, #videosIndex .carousel-inner .active + .carousel-item + .carousel-item {
            display: block;
        }


        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
            transition: none;
            margin-right: initial;
        }

        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item-next,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item-prev {
            position: relative;
            transform: translate3d(0, 0, 0);
        }

        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .active.carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -33.3333%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* left or forward direction */
        #videosIndex .fireFoxVideo1200Arreglo .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-item-next.carousel-item-left + .carousel-item,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        /* farthest right hidden item must be abso position for animations */
        #videosIndex .fireFoxVideo1200Arreglo .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* right or prev direction */
        #videosIndex .fireFoxVideo1200Arreglo .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-item-prev.carousel-item-right + .carousel-item,
        #videosIndex .fireFoxVideo1200Arreglo .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(100%, 0, 0);
            visibility: visible;
            display: block;
        }



        /*El código anterior ha sido tomado de Tom Michew de https://medium.com/wdstack/bootstrap-4-custom-carousel-94a537364fde y modificado y extendido.*/






















































    }



    /*Arreglo para Firefox a 1200px*/








    @media (min-width:1200px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 15.5rem;
            width: 31vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }



    @media (min-width:992px) and (max-width:1199.99px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 20.5rem;
            width: 47vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }


    @media (min-width:827.1px) and (max-width:991.99px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 30.5rem;
            width: 91vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }



    @media (min-width:658.1px) and (max-width:827px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 25.5rem;
            width: 91vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }


    @media (min-width:521.1px) and (max-width:658px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 20.5rem;
            width: 91vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }


    @media (min-width:415.1px) and (max-width:521px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 16.5rem;
            width: 91vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }


    @media (min-width:0px) and (max-width:415px) {



        #videosIndex #carouselDiapositivaVideo .diapositivaDeVideo {
            /*height:15.5rem !important;

    width:27rem !important;*/
            height: 13rem;
            width: 91vw;
            /*width:100vw !important;

    height:100vh !important;

    overflow:visible!important;*/
            /*width:22rem !important;*/
        }
    }

    /*#########################Para cambiar el tamaño de los videos en Carousel para sección de videos####################*/



    /*#########################Carousel para sección de videos####################*/







    /*####################### Consultas de Medios para cambiar la altura de los menús desplegables de NavOne de los navegadores que no son IE o Edge  ######################*/


    .arregloNavOneDesplegableParaNavegadoresNoIEoEdge {
    }

    @media (max-width:575.9px) {

        #jeanLillywhiteNavOne .arregloNavOneDesplegableParaNavegadoresNoIEoEdge {
            margin-top: 0 !important;
        }
    }




    /*####################### Consultas de Medios para cambiar la altura de los menús desplegables de NavOne de los navegadores que no son IE o Edge ######################*/





    /*####################### Consultas de Medios y CSS para Videos Individuales ######################*/

    .videoIndividualCasa{

        width:100%;
        height:30rem;
    }





@media (min-width:992px) and (max-width:1199.99px) {



    .videoIndividualCasa {
        width: 100%;
        height: 30rem;
    }


}


    /*####################### Consultas de Medios y CSS para Videos Individuales ######################*/



    /*####################### Consultas de Medios para Layout.cshtml ######################*/

    @media (max-width: 576px) {

        .RubyRojoDesplegar {
            /*background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #c3212a 30%, #da4b4b 66%, #ff0000 80%, #da4b4b 100%);*/

            background-color: #ff0000;
            /* background-image: url('../images/brushed-alum-dark (2).png'), linear-gradient(43deg, #ff0000 0%, #da131e 17%, #bd1b1b 39%, #cf4040 60%, #ea2626 80%, #ff0000 100%);
    */
            background-image: url('../images/light-wool.png');
        }
    }


    /*####################### Consultas de Medios para Layout.cshtml ######################*/























    /*####################### Consultas de Medios para gestionar márgenes ######################*/


    @media (min-width: 576px) {
        .mx-sm-10rem {
            margin-left: 10rem !important;
        }

        .mx-sm-5rem {
            margin-left: 5rem !important;
        }

        .mx-sm-2punto5rem {
            margin-left: 2.5rem !important;
        }

        .mx-sm-1punto25rem {
            margin-left: 1.25rem !important;
        }
    }

    @media (min-width: 768px) {


        .mx-md-25rem {
            margin-left: 25rem !important;
        }

        .mx-md-10rem {
            margin-left: 10rem !important;
        }

        .mx-md-5rem {
            margin-left: 5rem !important;
        }

        .mx-md-2punto5rem {
            margin-left: 2.5rem !important;
        }

        mx-md-21unto525em {
            margin-left: 1.25rem !important;
        }
    }

    @media (min-width: 992px) {


        .mx-lg-35rem {
            margin-left: 35rem !important;
        }

        .mx-lg-30rem {
            margin-left: 30rem !important;
        }

        .mx-lg-25rem {
            margin-left: 25rem !important;
        }


        .mx-lg-10rem {
            margin-left: 10rem !important;
        }

        .mx-lg-5rem {
            margin-left: 5rem !important;
        }

        .mx-lg-2punto5rem {
            margin-left: 2.5rem !important;
        }

        .mx-lg-1punto25rem {
            margin-left: 1.25rem !important;
        }
    }

    @media (min-width: 1200px) {

        .mx-xl-45rem {
            margin-left: 45rem !important;
        }


        .mx-xl-30rem {
            margin-left: 30rem !important;
        }




        .mx-xl-20rem {
            margin-left: 20rem !important;
        }

        .mx-xl-10rem {
            margin-left: 10rem !important;
        }

        .mx-xl-5rem {
            margin-left: 5rem !important;
        }

        .mx-xl-2punto5rem {
            margin-left: 2.5rem !important;
        }

        .mx-xl-1punto25rem {
            margin-left: 1.25em !important;
        }
    }

    /*####################### Consultas de Medios para gestionar márgenes ######################*/



    /*####################### Consultas de Medios para cortar la altura por la mitad ######################*/

    @media (min-width: 768px) {

        .mitad-md {
            height: 50% !important;
        }
    }

    /*####################### Consultas de Medios para cortar la altura por la mitad ######################*/



    /*#######################  ######################*/
    /*####################### Consultas Medios IOS ######################*/

    @supports (-webkit-touch-callout: none) {

        @media(max-width:560px) {
            #dos {
                margin-top: 14.2rem !important;
            }
        }

        body {
            /*background-size: cover !important;*/ /*
        background-size: 700vw 240vh !important;
        background-attachment: inherit !important;*/
            background-position: center !important;
            /*      height: 100rem !important;
        width: auto !important;*/
            /*overflow-x:initial!important;*/
        }


        body2 {
            background-position: center !important;
        }
    }
    /*

#dos{
    margin-top:14.5rem !important;
}
*/
    @media(hover:none) {
        /*    body {
        background-attachment: fixed;
    }*/
    }

    /*####################### Consultas Medios IOS ######################*/