.wrapper{ 
    background-size: 100%;  
}
/*botones*/
.col-sm-12.text-center.todoJuegoG div a h4:after, .btn-jugartodos, .btn-jugarbote, .btn-pena, .btn-naranja-STA, .btn-agregarCesta, .btn-juegabote-STA-EU, .btn-amarillo, .btn-azul-oscuro{
    background: #007ac0!important;
    border: 1px solid #007ac0!important;
    color: #fff;
    text-shadow: 0.08em 0.08em 0.2em #000000, 0.08em 0.08em 0.3em #000000;

    
}

.col-sm-12.text-center.todoJuegoG div a:hover h4:after, .btn-juegabote-STA:hover, .btn-jugartodos:hover, .btn-jugarbote:hover, .btn-pena:hover, .btn-naranja-STA:hover, .btn-agregarCesta:hover, .btn-juegabote-STA-EU:hover, .btn-amarillo:hover, .btn-azul-oscuro:hover{
    background: #fff !important;
    color: #007ac0 !important;
    border: 1px solid #007ac0 !important;
    text-shadow: none !important;

}
.btn-acceso{
    background: #ffffff;
    border: 1px solid #007ac0!important;
    color:#007ac0!important;
   

    
}
.btn-acceso.activo{
    background: #007ac0;
    border: 1px solid #007ac0!important;
    color: #ffffff !important;
    text-shadow: 0.08em 0.08em 0.2em #000000, 0.08em 0.08em 0.3em #000000;
    
}
.btn-acceso:hover {
    background: #fff !important;
    color: #007ac0 !important;
    border: 1px solid #007ac0 !important;
    text-shadow: none !important;
}

#btnEnviar{
    background: #007ac0;
    color: #ffffff;

}
#btnEnviar:hover{
    background: #9d9e94 !important;
    color: #007ac0;
}


.btn-EnviarPassIQ{
        background:#007ac0!important;
    color: #ffffff;

}
.btn-EnviarPassIQ:hover{
    background: #9d9e94 !important;
    color:#007ac0;
}
.top-scroll a{
    background-color:#007ac0;
}
.top-scroll a:hover{
    background-color: #007ac0;
    opacity: 0.5;
}
/*fin botones*/

/*arriba*/

.full-width .top-bar-STA {
    background: #ffffff; /*transparencia sobre cabecera*/
}
.logo-relax-STASoloLogoIQ img {
    position: absolute;
    z-index: 99;
}
.telefono-STA {
    color: #1f364a;

}
.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{
    color: #1f364a!important;
}
.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{
    color:#1f364a!important;
}
#navigation-toggle {
        border: solid 1px #1f364a;
    background: #1f364a !important;
}
.menu-icon{
    color: #fff;
}
.menu-icon::before {
    color: #fff;
}
.marquesinaIQ {
color: #ffffff;
    background: #007ac0;
}
ul#navigation {
    background-color: #4e647d;
}
.full-width .navigation-front-STA {
    background: #4e647d!important;
}


#navigation {
    margin-top: 13px !important;
}

@media (min-width: 601px) and (max-width: 991px) and (orientation: portrait){
ul#navigation {
    top: -14px !important;
    }
}
@media only screen and (max-device-width: 600px){
ul#navigation {
    top: 43px !important;
    }
}
.IconoSuperiorResultados {
    display: inline-block;
    height: 89px;
    vertical-align: top;
    padding: 26px 0 0;
    width: 13%;
    transform: translateX(33%);
    color: #393832;
    text-align: center;
}
.IconoSuperiorResultados img {
width: 20%;
margin: 0 auto;
}

/*menu hamburguesa MARQUESINA (SIEMPRE QUE SE PONGA MARQUESINA)*/


ul#navigation{
    background-color: #1f364a;
    color: #fff;
}
.full-width .navigation-front-STA, .sticky .navigation-front-STA{
    background-color: #1f364a !important;
}
ul#navigation a{
    color: #fff;
}
.MenuResponsive a:after{
    background: transparent;
}
/*Menu hamburguesa letras del color del juego*/
ul#navigation a[href="/euromillones-directo/"]{color: #2b3f9a !important;}
ul#navigation a[href="/eurodreams/"]{color: #6b3e98 !important;}

ul#navigation a[href="/bonoloto-directo/"]{color: #67712c !important;}
ul#navigation a[href="/primitiva-directo/"]{color: #226144 !important;}
ul#navigation a[href="/gordo-primitiva-directo/"]{color: #a2282e !important;}
ul#navigation a[href="/la-quiniela-directo"]{color: #c32a2b !important;}
ul#navigation a[href="/quinigol-directo/"]{color: #5e8994 !important;}
ul#navigation a[href="/seleccion-apuestas-deportivas/"]{color: #c32a2b !important;}
ul#navigation a[href="/loteria-del-nino/"]{color: #3478b3 !important;}
ul#navigation a[href="/loteria-navidad/"]{color: #3478b3 !important;}
ul#navigation a[href="/loteria-nacional-jueves/"]{color: #3478b3 !important;}
ul#navigation a[href="/loteria-nacional-sabado/"]{color: #3478b3 !important;}
ul#navigation a[href="/listado-penyas/"]{color: #ea8d22 !important;}
ul#navigation a[href="/acciones-solidarias/"]{color: #3478b3 !important;}
ul#navigation a[href="/seleccion-apuestas-deportivas"]{color: #c32a2b !important;}

/*cambio iconos menu hamburguesa*/
#Euromillones{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/euroB.svg)!important;}
#Eurodreams{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/dreamsB.svg)!important;}

#Bonoloto{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/bonoB.svg);}
#Primitiva{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/primiB.svg);}
#ElGordo{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/gordoB.svg);}

#Quiniela{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/quiniB.svg);}
#Quinigol{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/quinigolB.svg);}
#Loteria-Nac-J{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/juevesB.svg);}
#Loteria-Nac-S{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/sabadoB.svg);}
#Loteria-Nac-Nv{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/navidadB.svg);}
#Loteria-Nac-Nyo{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/ninoB.svg);}
#Penas{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/penasB.svg);}
#Loteria-en-Accion{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/solidariaB.svg);}
#AD{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/quiniB.svg);}
#Blog{background-image: url(/RecursosIQ/img/img_informaticaQ/logos/blogB.svg)!important;}

.QuinielaColor{
    color: #cb1815!important;
}
/*Menu hamburguesa hover*/
    ul#navigation > li, ul#navigation li:first-child{
        margin-top: 0px !important;
        padding-top: 10px;
    }
    @media (min-width: 1025px){
        ul#navigation > li a {
            padding: 10px 5px 5px;
                    filter: brightness(100);
        }
    }

    ul#navigation li.MenuResponsive:hover{background: #3478b3 !important;}
    ul#navigation li.MenuResponsive:nth-child(1):hover{background: #6b3e98 !important;}
    ul#navigation li.MenuResponsive:nth-child(2):hover{background: #2b3f9a !important;}
    ul#navigation li.MenuResponsive:nth-child(3):hover{background: #67712c !important;}
    ul#navigation li.MenuResponsive:nth-child(4):hover{background: #226144 !important;}
    ul#navigation li.MenuResponsive:nth-child(5):hover{background: #a2282e !important;}
    ul#navigation li.MenuResponsive:nth-child(6):hover{background: #c32a2b !important;}
    ul#navigation li.MenuResponsive:nth-child(7):hover{background: #74bacd !important;}
    ul#navigation li.MenuResponsive:nth-child(12):hover{background: #ea8d22 !important;}
    
    ul#navigation li.MenuResponsive:hover a{filter: grayscale(1) brightness(10);}
    
    .bote-menu:hover {
        color: #fff;
    }

    @media (max-width: 1024px) {
    ul#navigation > li > a#TextoMenu {
        filter: brightness(100);
    }
}
    @media (max-device-width: 600px){
        ul#navigation.showen-c, ul#navigation {
        height: calc(100vh - 55px);
        max-height: none;
        width: 100vw !important;
        margin-right: 0 !important;
        right: -20px !important;
        height: calc(94vh - 55px);
        }
        ul#navigation {
            top: 34px !important;
        }
    }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        ul#navigation > li > a:nth-child(2) {
            background-size: auto 75%;
        }
        ul#navigation {
            top: -15px !important;
        }
    }

    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
        ul#navigation > li > a:nth-child(2) {
            background-size: auto 75%;
        }
        ul#navigation {
            top: -33px !important;
        }

    }
    @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
        ul#navigation > li {
            border: none!important;
        }
    }
    @media (max-width: 600px) {
    ul#navigation > li > a#TextoMenu {
        filter: brightness(100);
    }
}
/*FINmenu hamburguesa*/
/*FINarriba*/




/*Carrusel Tipo Cartel*/
    #myCarousel .carousel-indicators{
        display: none;
    }
    #myCarousel .carousel-control{
        width: 5%;
        height: 20%;
        background: transparent;
        opacity: 1;
        top: 40%;
    }
    #myCarousel .carousel-control .glyphicon-chevron-left {
        left: 20%;
        transform: translateY(-50%);
        font-size: 30px;
    }
    #myCarousel .carousel-control .glyphicon-chevron-right {
        right: 20%;
        transform: translateY(-50%);
        font-size: 30px;
    }
    #myCarousel .carousel-inner{
        height: auto !important;
        min-height: auto !important;
        top: 0 !important;
    }
    #myCarousel .carousel-inner .item{
        min-height: auto !important;
    }
    #myCarousel{
        margin: 0 auto;
        height: auto !important;
    }
    .CarruselTodosTipoCartel{
        width: 100%;
        height: 27.57vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        cursor: default;
    }
    .CarruselTodosTipoCartel .LineaSuperior {
        position: absolute;
        top: 3%;
        color: #fff;
        font-size: 4vw;
        line-height: 1em;
        width: 100%;
        text-align: center;
    }
    .CarruselTodosTipoCartel .Carrusel-BotonJugar{
        position: absolute;
        text-align: center;
        font-size: 50px;
        padding: 25px 75px 18px;
        border-radius: 10px;
        left: 2%;
        bottom: 4%;
        color: #fff;
        line-height: 1em;
        cursor: pointer;
    }
    .CarruselTodosTipoCartel .Carrusel-BotonJugar:hover{
            opacity: 0.85;
    }
    .CarruselTodosTipoCartel .TextoBote{
        position: absolute;
        top: 50%;
        right: 5%;
        color: #fff;
        font-size: 6vw;
        line-height: 1em;
    }
    .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{
        position: absolute;
        top: 70%;
        right: 5%;
        color: #fff;
        font-size: 9vw;
        line-height: 1em;
    }
    .CarruselBonoTipoCartel .Carrusel-Juego, .CarruselBonoTipoCartel .Carrusel-Fecha, .CarruselBonoTipoCartel .TextoBote, .CarruselBonoTipoCartel .Carrusel-Bote, .CarruselBonoTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525;
    }
    .CarruselBonoTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #748525;
        background: #748525;
        box-shadow: 0 0 2px 2px #74852582;
    }
    .CarruselEuroTipoCartel .Carrusel-Juego, .CarruselEuroTipoCartel .Carrusel-Fecha, .CarruselEuroTipoCartel .TextoBote, .CarruselEuroTipoCartel .Carrusel-Bote, .CarruselEuroTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466;
    }
    .CarruselEuroTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #043466;
        background: #043466;
        box-shadow: 0 0 2px 2px #04346682;
    }
    .CarruselPrimiTipoCartel .Carrusel-Juego, .CarruselPrimiTipoCartel .Carrusel-Fecha, .CarruselPrimiTipoCartel .TextoBote, .CarruselPrimiTipoCartel .Carrusel-Bote, .CarruselPrimiTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722;
    }
    .CarruselPrimiTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #1c6722;
        background: #1c6722;
        box-shadow: 0 0 2px 2px #1c672282;
    }
    .CarruselGordoTipoCartel .Carrusel-Juego, .CarruselGordoTipoCartel .Carrusel-Fecha, .CarruselGordoTipoCartel .TextoBote, .CarruselGordoTipoCartel .Carrusel-Bote, .CarruselGordoTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56;
    }
    .CarruselGordoTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #fe4d56;
    background: #fe4d56;
    box-shadow: 0 0 2px 2px #fe4d5694;
    }

    .CarruselQuinielaTipoCartel .Carrusel-Juego, .CarruselQuinielaTipoCartel .Carrusel-Fecha, .CarruselQuinielaTipoCartel .TextoBote, .CarruselQuinielaTipoCartel .Carrusel-Bote, .CarruselQuinielaTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517;
    }
    .CarruselQuinielaTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #cc1517;
    background: #cc1517;
    box-shadow:0 0 2px 2px #cd151785;
    }

    .CarruselQuinigolTipoCartel .Carrusel-Juego, .CarruselQuinigolTipoCartel .Carrusel-Fecha, .CarruselQuinigolTipoCartel .TextoBote, .CarruselQuinigolTipoCartel .Carrusel-Bote, .CarruselQuinigolTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0;
    }
    .CarruselQuinigolTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #40bcd0;
    background: #40bcd0;
    box-shadow:0 0 2px 2px #40bcd091;
    }

    .CarruselNacionalTipoCartel .Carrusel-Juego, .CarruselNacionalTipoCartel .Carrusel-Fecha, .CarruselNacionalTipoCartel .TextoBote, .CarruselNacionalTipoCartel .Carrusel-Bote, .CarruselNacionalTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0;
        color: #ffffff;
    }
    .CarruselNacionalTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #007ac0;
        background: #007ac0;
        box-shadow: 0 0 2px 2px #007ac0;
    }
    .CarruselNavidadTipoCartel .Carrusel-Juego, .CarruselNavidadTipoCartel .Carrusel-Fecha, .CarruselNavidadTipoCartel .TextoBote, .CarruselNavidadTipoCartel .Carrusel-Bote, .CarruselNavidadTipoCartel .Carrusel-Bote-Texto-Alternativo{
        text-shadow: 0 0 15px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307;
        color: #ffffff;
    }
    .CarruselNavidadTipoCartel .Carrusel-BotonJugar{
        border: 1px solid #a98307;
        background: #a98307;
        box-shadow: 0 0 2px 2px #a98307;
    }
    .CarruselNacionalTipoCartel .Carrusel-Decimo, .CarruselNavidadTipoCartel .Carrusel-Decimo{
        position: absolute;
        bottom: 42%;
        right: 15%;
        transform: rotateZ(15deg);
        max-height: 35%;
        max-width: 35%;
    }

    @media (max-width: 1500px){
        .CarruselTodosTipoCartel{
            height: 413px;
        }
    }
    @media (max-width: 1024px){
        .CarruselTodosTipoCartel .LineaSuperior {
            font-size: 41px;
        }
        .CarruselTodosTipoCartel .TextoBote{
            font-size: 61px;
        }
        .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{
            font-size: 92px;
        }
        .CarruselTodosTipoCartel .Carrusel-BotonJugar{
            font-size: 4.88vw;
            padding: 2.44vw 7.32vw 1.75vw;
            border-radius: 0.98vw;
        }
    }
    @media (max-width: 767px){
        .CarruselTodosTipoCartel{
            height: 53.85vw;
        }
        .CarruselTodosTipoCartel .LineaSuperior {
            font-size: 5.34vw;
        }
        .CarruselTodosTipoCartel .TextoBote{
            font-size: 7.94vw;
        }
        .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{
            font-size: 11.98vw;
        }
    }
    
/*Fin Carrusel Tipo Cartel*/


/*todos los botes*/
.cuadroBote {
    border-color:#1f364a!important;
}
.barra-botes {
    background: #ffffff!important;
}
.lineabote {
    border: 1px solid #1f364a;
    opacity: 1.9;
}
.montobote {
    color:#007ac0;
        border-bottom: 2px solid #1f364a!important;
}
.juegobote {
    border-color: #1f364a!important;
}
.barra-botes .titulobote,  .barra-botes .preciobote, .barra-botes .botonjugartodos, .barra-botes .textoambiocioso, .barra-botes .nombrejuegobote {
    line-height: 1.2em;
    color: #000000;
}
.cubojugador1 {
    background-image: url(/RecursosIQ/img/img_informaticaQ/capa1.png);

}

.cubojugador2 {
    background-image: url(/RecursosIQ/img/img_informaticaQ/capa2.png);

}

/*FINtodos los botes*/



/*contenedor banda*/
.barra-servicios {
    background: #1f364a;
}
/*FINcontenedor banda*/




/*mini banner empresa y penya*/
.bannercontrescolumnas{
    font-size: 0;
    padding: 0;
}
.tituloresultados{
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.bannercontrescolumnas a, .bannercontrescolumnas a:hover{
    color: inherit;
}
.trescolumnas{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    font-size: 14px;
    text-align: center;
    transition: 200ms;
    padding-top: 6px;
}
.trescolumnas:hover{
    -webkit-box-shadow: 4px 4px 8px 2px #0075808c;
    -moz-box-shadow: 4px 4px 8px 2px #0075808c;
    box-shadow: 4px 4px 8px 2px #020202;
}
.trescolumnas:nth-child(2){
    margin:0 0.5%;
}
.trescolumnas img{
    width: 96%;
}
.trescolumnastextos{
    padding: 15px 1vw;
    text-align: justify;
}
.trescolumnastextostitulo{
    font-size: 30px;
    text-align: center;
    color: #1f364a;
    font-weight: bold;
}
.trescolumnastextosdesarrollo{
    font-size: 14px;
    text-align: center;
    color: #007580;
}
.trescolumnasleermas{
    color: #C2D500;
    font-weight: bold;
    text-align: right;
}
@media(max-width:767px){
    .trescolumnastextostitulo{
        font-size: 20px;
    }
    .trescolumnastextosdesarrollo{
        font-size: 14px;
    }
    .trescolumnastextos{
        padding: 1.95vw 1vw;
    }
}
.tituloresultados {

    color: #004589;
}

@media only screen and (max-device-width: 600px){
    .trescolumnas {
        width: 100%;
        }
    }
/*fin mini banner empresa y penya*/


/*contenedor comprueba ticket*/
.tituloresultados {
    color: #1f364a;
}
.btn-naranja-STA {
    background: #1f364a;
}
.btn-naranja-STA:hover {
    background: #ffffff !important;
    color: #1f364a !important;
    border-color: #1f364a !important;
}
.cuadroresultadosjuegos-bote {
    color: #007ac1;
}
/*FINcontenedor comprueba ticket*/





/*footer*/
.PieBanner {
    background: #1f364a;
}
.colorRS {
    color: #ffffff!important;
}
.bordePieIQ {
    border-top: solid 2px #ffffff;
}
.menufooter a:hover, a:focus {
    color: #007ac1;
}
.copyright-STA {
    background: #1f374a;
}

.footer-STA {
    background: #1f374a;
}
.copyright-STA {
    color: #ffffff;
}

/*FINfooter*/


/******************** ********** 
             dentro 
********** ********** **********/ 
.modal-comolightboxIQ {
   background: #e2e2e2;
}
.panel-heading-modalIQ {
   background: #e2e2e2;
}
.panel-heading-modal {
   border-color: #222221;
   background: #222221;
}
/*banner dentro*/
/*.bloque1-slider {
    margin-top: 0px;
}*/
.bloque2-slider {
    margin-top: 0px;
}

.bloque1-Pe {
    margin: 150px 0px 0px 0px;
}
.banner-slider-PE, .banner-slider-LN, .banner-Gordo-IQ, .banner-Primi-IQ, .banner-Loto-IQ, .banner-EU-IQ, .banner-Quiniela-IQ, .banner-QuiniGol-IQ{
	    background: #e6edf0;
}
.titulo-slider-LN {
    padding: 8px 0px;

}
/*FINbanner dentro*/


/*empresa*/
.tituloMasterIQ {
    color: #1f364a;
}
.bannercontainerBlancoIQ {
    background: #e6edf0;
}

@media only screen and (max-width: 1024px){
   .tituloMasterIQ {
    background: #e6edf0;
	}
}
/*FINempresa*/