/*arriba*/
.logo-relax-STA img {
    width: 70%;
}
.full-width .top-bar-STA {
    background: #08785f;
}
.logo-relax-STASoloLogoIQ img {
    padding-top: 0px;
    max-width: 70%;
	margin-top: -8px;
}
.caja-carrito {
    background: #08785f;
}

.carrito-mensaje-STA {
    color: #e5f0e1!important;
}
.texto-mensaje-STA {
    color: #e5f0e1!important;
}
.accesos-STA a {
    color: #e5f0e1!important;
}
.texto-mensaje-STA-registro {
    color: #e5f0e1!important;
}
.texto-mensaje-STA-registro {
    color: #e5f0e1!important;
}
.accesos-STA {
    color: #e5f0e1;
}
.texto-mensaje-salir {
    color: #e5f0e1;
}
.telefono-STA {
    color: #e5f0e1;
}
#Eurodreams{
        float: left;
}
.marquesinaIQ {
    color: #e5f0e2;
    background: #09775e;
    border-top: solid 1px #e5f0e2;
    position: relative;
    width: 100%;
    z-index: 99;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 16px;
}

       /*menu con marquesina*/
@media only screen and (min-width: 1224px){
    #navigation-toggle {
    top: -95px;
    }
	#navigation-box {
    margin-top: -96px;
	}
}
#navigation-toggle {
    box-shadow: 0px 0px 1px 1px #e5f0e2;
    background: #086953;
}
#navigation-toggle.open-menu {
    background-color: #086953;
}
ul#navigation {
    background-color: #086853;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
    #navigation-box {
    margin-top: -285px;
	}
	ul#navigation {
    top: 104px !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
	#navigation-box {
    margin-top: -110px;
	}
	ul#navigation {
    margin: 75px 117px !important;
    }
}
@media only screen and (max-device-width: 600px){
    #navigation-box {
    margin-top: -303px !important;
	}
}
       /*FINmenu con marquesina*/

/*FINarriba*/

/*juegos*/
.hero-image {
    background-image: none!important;
	    background-color: #e5f0e2!important;
}
.allplay{
    padding: 100px 0 0px 0;
}

.juegos{
    margin-bottom: 50px;
        width: 14.20%;
}
@media only screen and (max-device-width: 600px){
   .juegos{
    
        width: 33.2%;
    }
    .juegos24{
    
        width:24.2%;
    }
    .juegos h4 {
    font-size: 16px!important;
    }

}
.juegos img{
    margin: 0 auto;
}
.juegos h4{
    font-size: 25px;
    color:#09775e;
}

.juegos p{
    font-size: 28px;
    color: #09775e;
}


@media (min-width: 992px){
    .allplay {
    width: 970px;
	}
}

@media only screen and (max-device-width: 600px){
    .juegos p {
    font-size: 20px;
	}
	.allplay {
    padding: 20px 0 0px 0;
    }
}

@media only screen and (max-device-width: 320px){
    .allplay {
    padding: 20px 0 0px 0;
    }
	.juegos {
    margin-bottom: 25px;
    }
	.barra-botes {
    padding: 0px 0px!important;
    }
	.titulobote {
    font-size: 20px!important;
    }
	.juegos h4 {
    font-size: 20px;
	}
}
/*finjuegos*/







/*botes*/

.barra-botes {
    padding: 0px 0px!important;
}

.cuadroBote {
    border-color: #09775e!important;
    min-height: 335px !important;
    border-bottom: 20px solid #FF9904;
    background-color: #e5f0e2!important;
}

.montobote {
    color: #570161;
}

.btn-jugartodos {
    background:#086853!important;
      font-size: 20px;
}
.btn-jugartodos:hover {
    border-color: #086853 !important;
    background: #ffffff !important;
    color: #086853!important;
}
.juegobote {
    border-color:#086853!important;
      margin: 20px 0px;  
}

.btn-jugarbote {
    background: #086853!important;
}
.btn-jugarbote:hover {
    color: #086853;
    border-color: #086853 !important;
    background: #ffffff!important;
}
.cubojugador1 {
    text-indent: -9999px;
    line-height: 0;
    background-image: url(/RecursosIQ/img/img_carpindorado/capa.png);
    background-repeat: no-repeat;
    margin-top: -55px;
}

.cubojugador2 {
    text-indent: -9999px;
    line-height: 0;
    background-image: url(/RecursosIQ/img/img_carpindorado/capa2.png);
    background-repeat: no-repeat;
    margin-top: -55px;
}

.imagenmonedas {
display: none;
    margin: 0px 0px;
}

.subtitulobote {
display: none;
      line-height: 0px;
}

.titulobote {
    font-size: 30px;
    line-height: 10px;
    font-weight: normal;
  padding: 15px 0px;
	color: #000000;
    
}

.lineabote {
    border: 3px solid #086853;
    float: right;
  opacity: 0.90;
}

.montobote {
    color: #086853;
    font-size: 40px;
    border-bottom: 6px solid #086853;
  line-height: 75px;
}

.preciobote {
    font-size: 30px;
    line-height: 22px;
	color: #000000;
    
}
.nombrejuegobote {
    color: #000000;
}
.sumamonedas {
display: none;
}

.textoambiocioso {
    font-size: 20px;
    line-height: 10px;
    padding: 0px 0px 0px;
	color: #000000;
    
}

@media only screen and (max-device-width: 1024px){
    .textoambiocioso {
    font-size: 18px;
	}
}
@media only screen and (max-device-width: 600px){
  .titulobote {
    font-size: 25px;
  }
    .montobote {
    font-size: 37px;
  }
  .preciobote {
    font-size: 25px;
  }
  .textoambiocioso {
    font-size: 18px;
  }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape){
  .btn-jugarbote {
    font-size: 22px;
  }
  .cuadroresultadosjuegos-bote {
    font-size: 22px;
  }
  .cuadroresultadosjuegos-titulo {
    font-size: 21px;
  }
  .cuadroresultadosjuegos-diajuego {
    font-size: 11px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape){
  .cuatro img {
        margin: 0 auto;
  }
    .PieBanner {
    min-height: 375px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape){
  .uno {
    margin-top: -50px!important;
  }
}



@media only screen and (max-device-width: 320px){
    .montobote {
    font-size: 30px;
    }
  .preciobote {
    font-size: 19px;
    }
  .textoambiocioso {
    font-size: 15px;
    }
}
/*FINbotes*/
.barra-servicios {
    background: #08785f;
}
/*cuatro imagenes*/
.txtinfo h3{
	color: #076953;
}
/*FINcuatro imagenes*/

/*footer*/
    .PieBanner{
    background: #09775e;
        position: relative;
    }
    .footer-STA{
        background:#09775e;
    }
    .copyright-STA{
        background: #00000000;
    }
    .colorRS{
        color: #ffffff!important;
    }
    .bordePieIQ{
        border-top: solid 2px #e5f0e2;
        padding: 20px 0;
    }
    /*Pie Juego Responsable*/
		.PieJuegoResponsable .pie_juegoseguro, .PieJuegoResponsable .pie_juegoautorizado{
			color: #eaf0e4;
			background-image: none;
		}
		.PieJuegoResponsable .pie_juegoseguro:hover{
			color: #00000000;
			background-image: url(https://lotoservice.net/compartir/img/jugoseguro_original.png);
		}
        .PieJuegoResponsable .pie_juegoautorizado:hover{
			color: #00000000;
			background-image: url(https://lotoservice.net/compartir/img/jugoautorizado_original.png);
		}
		.PieJuegoResponsable .pie_autoprohibicion, .PieJuegoResponsable .pie_mayores{
			color: #eaf0e4;
			background-color: initial;
		}
		.PieJuegoResponsable .pie_autoprohibicion:hover, .PieJuegoResponsable .pie_mayores:hover{
			color: #c1001f;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:before{
			color: #eaf0e4;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:hover:before{
			color: #4c4c4c;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:after{
			color: #b7b9ba;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:hover:after{
			color: #cbaa0e;
		}
	/*Fin Pie Juego Responsable*/
/*FINfooter*/	




/* ********** ************ ********** ************ ********** ************ ********** ************
********** ************ ********** ************ ********** ************ ********** ************
                    DENTRO
********** ************ ********** ************ ********** ************ ********** ************
*********** *********** ********** ************ ********** ************ ********** ************ */


/* ********** ************
   barra-solidaria-EU 
*********** *********** */
.barra-solidaria-EU {
    min-height: 540px;
  background: linear-gradient(to right, #17a786, #045241);
}

.titulosolidaria-EU {
    font-size: 60px;
    color: #ffffff;
    margin-top: -40px;
}

    .titulosolidaria-EU img {
        width: 13%;
        float: left;
        margin-left: 56px;
        margin-top: 25px;
    }

.slogansolidaria-EU {
    font-size: 30px;
    margin-top: -37px;
    line-height: 0px;
}

.cuadroinfo-EU {
    top: 60px;
}

.imgsolidaria-EU img {
    width: 60%;
}

/*medi@s IPAD*/

@media only screen and (max-device-width: 1024px) {
    .barra-solidaria-EU {
        min-height: 375px;
        height: 375px;
    }

    .titulosolidaria-EU {
        font-size: 40px;
    }

        .titulosolidaria-EU img {
            width: 13%;
            margin-top: 0px;
        }

    .slogansolidaria-EU {
        white-space: pre;
        margin: -56px 95px;
        font-size: 27px;
        line-height: 53px;
    }

    .cuadroinfo-EU {
        top: 0px;
        margin: 19px -24px;
    }

    .infosolidaria-EU {
        padding: 0px 0px 0px 53px;
        font-size: 18px;
    }

    .imgsolidaria-EU img {
        width: 65%;
    }
}

/*medi@s Iphone*/
@media only screen and (max-device-width: 600px) {
    .titulosolidaria-EU {
        font-size: 32px;
    }

        .titulosolidaria-EU img {
            margin-left: 17px;
            margin-top: 19px;
        }

    .slogansolidaria-EU {
        margin: -55px 0px;
    }

    .cuadroinfo-EU {
        top: 300px;
    }

    .infosolidaria-EU {
        padding: 0px 0px 0px 0px;
        font-size: 24px;
    }

    .imgsolidaria-EU img {
        margin: 67px 0px;
    }
}


@media only screen and (max-device-width: 320px) {
    .barra-solidaria-EU {
        min-height: 616px;
    }

    .titulosolidaria-EU {
        font-size: 34px;
    }

        .titulosolidaria-EU img {
            margin-left: 0px;
        }

    .cuadroinfo-EU {
        top: 198px;
    }

    .imgsolidaria-EU img {
        width: 45%;
    }
}
/* ********** ************
   FINbarra-solidaria-EU
*********** *********** */
.btn-juegabote-STA-EU:hover {
    color: #0d2080;
}
.panel-heading-modal {
    border-color: #08785f;
    background: linear-gradient(to right, #08785f, #045241);
}
.btn-azul-oscuro {
    background: #08785f;
}
.btn-agregarCesta {
    background: #08785f;
    border-color: #08785f;
}
.btn-agregarCesta:hover {
    background: #ffffff !important;
    color: #08785f !important;
    border-color: #08785f !important;
}
.btn-acceso.activo {
    background: linear-gradient(to right, #08785f, #045241);
}
.btn-acceso:hover {
    background: linear-gradient(to right, #08785f, #045241);
}
.panel-heading-modalIQ {
    background: linear-gradient(to right, #c1ccbe, #29a58a);
}
.modal-comolightboxIQ {
    background: linear-gradient(to right, #c1ccbe, #29a58a);
}
.tituloMasterIQ {
    color: #08785f;
}
.btn-amarillo {
    background-color: #08785f;
}
.btn-amarillo:hover {
    background-color: #ffffff;
    color: #08785f;
    border: 1px solid #08785f;
}
.miCuenta aside div ul .active {
    background: linear-gradient(to right, #08785f, #e5f0e1)!important;
}
.titulo-slider-mipena {
    color: #08785f;
}
.onlyModalAcount {
    background: linear-gradient(to right, #c1ccbe, #29a58a);
}





/*scrooll menu ordenador*/

/* Ordenadores de escritorio y portátiles ----------- */
@media only screen  and (min-width : 1224px) {
    ul#navigation.showen-c {
    height: 600px;
    overflow: scroll;
	}
}
/*FINscrooll menu ordenador*/
  


.wrapper {
    background-size: 100%;
    background-color: transparent;
}

#Imagen-de-Fondo {
    background-image: url(/RecursosIQ/img/img_LaViñita/imagenFondo.jpg);
    -moz-animation: Imagen-de-Fondo 360s linear infinite;
    -webkit-animation: Imagen-de-Fondo 360s linear infinite;
    -ms-animation: Imagen-de-Fondo 360s linear infinite;
    animation: Imagen-de-Fondo 360s linear infinite;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-position: -400px 0;
    background-repeat: repeat-x;
    height: 100vh;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    background-size: auto 100%;
    width: 800vh;
    z-index: -1;
}

.hero-image {
    width: auto!important;
position: relative!important;
}



/*mapa y logo*/
#Mapa-Ubicacion{
	height: 30vw;
	max-height: 300px;
	border: 3px solid #09785f;
	padding: 0;
}
#Logo-Ubicacion{
	height: 30vw;
	max-height: 300px;
	background-image: url(/RecursosIQ/img/img_LaViñita/SitVinita.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
/*FIN mapa y logo*/


/*imagen LN*/
.btnLN{
position: absolute;
    right: 50px;
    bottom: 20px;
    font-size: 30px;
    float: right;
    border-color: #e7f0e3 #e7f0e3 #e7f0e3 transparent;
    text-shadow: 0 1px 0 rgb(0 0 0 / 30%);
    text-transform: none;
    padding: 0px 0px 0px 10px;
    line-height: 2px;
    float: right;
    margin-right: 0px;
    height: 0;
    /* left: 0px; */
    /* top: 0px; */
    border-width: 20px 20px;
    border-style: solid;
    margin-top: 0px !important;
    color: #09785f;
}

.btnLN:hover{
    border-color: #09785f #09785f #09785f transparent;
    color: #e7f0e3;
}
.pincLN{
    position: relative;
    
    margin: 0px 0 10px 10px;
    font-size: 14px !important;
    cursor: pointer;
    text-align: left;
    z-index: 99;
    background: none !important;
}


@media only screen and (max-device-width: 1024px) {
 
    .btnLN {
    right: 10px;
    bottom: 10px;
    }
}


@media only screen and (max-device-width: 600px) {
 
    .btnLN {
     font-size: 18px;
    right: 10px;
    bottom: 10px;
    font-size: 16px;
        border-width: 15px 7px;
    }
}
/*FINimagen LN*/