.wrapper{ 
	background-size: 100%;
	background-color: #dddddd;	
}
body {
    background-color: #ddd;
}
/*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: #003f61 !important;
	border: 1px solid #003f61 !important;
	color: #fff;
	border-radius: 7px;
	
}

.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: #003f61!important;
    color: #fff !important;
    border: 1px solid #003f61!important;
	border-radius: 7px;
	
}
.btn-acceso{
	background: #9b9b9b !important;
    border: 1px solid #9b9b9b !important;
    color: #fff;
    opacity: 0.5;
	border-radius: 7px;
}
.btn-acceso.activo{
	background: #003f61 !important;
    border: 1px solid #003f61!important;
    color: #fff;
    opacity: 1;
	border-radius: 7px;
}
.btn-acceso:hover {
    background: #003f61 !important;
	color: #fff !important;
	border: 1px solid #003f61 !important;
	opacity: 1;
	border-radius: 7px;
}
.top-scroll a{
	background-color: #f29500;
}
.top-scroll a:hover{
	background-color: #f29500;
	opacity: 0.5;
}
/*fin botones*/



/*menu arriba*/


          /*menu arriba caja-carrito*/     
		  .header {
			min-height: 219px !important;
		}
		@media (min-width: 1025px) {
			.header > div:not(.top-bar-STA) {
				padding-top: 110px;
			}
		}
		 .full-width .top-bar-STA {
			background:#003f61; /*transparencia sobre cabecera*/
			
		}   
		.logo-relax-STASoloLogoIQ img{
			position: absolute;
			z-index: 99;
		}
		@media only screen and (min-width: 1201px){
			.logo-relax-STA img{
				transform: scale(2.25) translateX(90px);
			}
			.ContenedordelTelefonodeCabecera{
				transform: translateX(100px);
				width: max-content;
			}
		}
		@media only screen and (max-width: 1200px) and (min-width: 992px){
			.logo-relax-STA img{
				transform: scale(1.5) translateX(50px);
			}
			.ContenedordelTelefonodeCabecera{
				transform: translateX(100px);
				width: max-content;
			}
		}
		@media only screen and (max-width: 991px) and (min-width: 768px){
			.logo-relax-STA img{
				transform: scale(1.5) translateX(35px);
			}
			.ContenedordelTelefonodeCabecera{
				transform: translateX(90px);
				width: max-content;
			}
		}
				  
			
		
		.telefono-STA{
			color: #ffffff;
			padding: 29px 0px;
		}
		
		.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{
			color: #f29500 !important;
		}
		.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{
			color: #f29500 !important;
		}
		#navigation-toggle {
			border: solid 1px #fff;
			background: #ffffff!important;
			display: none;
		
		}
		.menu-icon{
			color: #fff;
		}
		.menu-icon::before {
			color: #fff;
		}
		
		.top-bar-STA .container100IQ{
			width: 90%;
		
		}
		
		.caja-carrito {
			width: 31%;
			float: right;
			text-align: right;
			transform: translateX(-13%);
		}
		.texto-mensaje-STA {
			text-transform: none;
		}
		#dNoLogeado #A_Registro{
			display:none!important;
		}
		
		#dNoLogeado #A_Acceso, #dLogeado #A_MiCuentaLogin, #A_SaldoLogin, #A_cerrarLogin {
		
			display: ruby !important;
		}
		#dNoLogeado, #A_Cesta, #dLogeado {
			display: ruby !important;
		}
		#General_C_LoginCabecera1_UpdatePanel1 .col-lg-3 {
			padding: 2px 10px;
			transform: translateX(122%);
		
		}
		#General_C_LoginCabecera1_UpdatePanel1{
			width: 38%;
		}
		.carrito-mensaje-STA{
			padding: 0 10px;
		
		}
		#dNoLogeado i, #dLogeado i {
			color: #003f61;
		}
		.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child {
			color: #003f61!important;
		}
		
		#A_Acceso p {
			visibility: hidden;
		}
		#A_Acceso p:before {
			content: "Usuario";
			visibility: visible;
			font-size: 14px;
			padding-bottom: 3px;
		}
		.texto-mensaje-STA {
			visibility: hidden;
		}
		.texto-mensaje-STA:before {
			content: "Carrito";
			visibility: visible;
			font-size: 14px;
			padding-bottom: 3px;
		}
		
		.mensajes-STA {
			top: 0px !important;
			left: 65px !important;
		}
		
		#A_SaldoLogin{
			margin-left: 84px !important;
			left: 16px;
			vertical-align: baseline;
		
		}
		.texto-mensaje-salir{
			width: 0%;
			transform: translateX(50%);
		}
		.fa-sign-out-alt{
			transform: translateX(380%);
		}
		/* Pantallas grandes ----------- */
		@media only screen  and (min-width : 1824px) {
			#A_SaldoLogin {
				margin-left: 125px !important;
			}
			.mensajes-STA {
				left: 100px !important;
			}
		}
		@media only screen and (max-width: 1200px) and (min-width: 992px){
			
			.telefono-STA {
				padding: 24px 0px;
				width: 100%;
			}
			.logo-relax-STA img {
				transform: scale(2.0) translateX(60px);
			}
			.caja-carrito {
				width: 24%;
				float: right;
				text-align: right;
				transform: translateX(-29%);
		
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 65%;
			}
			#dNoLogeado, #dLogeado {
				width: 50%;
			}
			.mensajes-STA {
				left: 140px !important;
			}
			
			
		}
		
		@media only screen and (max-width: 1154px) and (min-width: 411px){
			.caja-carrito {
				width: 38%;
				transform: translateX(-67%);
			}
		
		}
		@media (min-width: 992px) and (max-width: 1440px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 37%;
			}
			
		}
		@media (min-width: 992px) and (max-width: 1439px) and (orientation: landscape) {
			.caja-carrito {
				width: 37%;
			}
			
		}
		@media (min-width: 992px) and (max-width: 1200px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		
		@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
			}
		}
		
		@media (min-width: 992px) and (max-width: 1196px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1195px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1192px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1191px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-16%);
			}
		}
		@media (min-width: 992px) and (max-width: 1157px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
			}
		}
		@media (min-width: 992px) and (max-width: 1155px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
				transform: translateX(-15%);
			}
		}
		
		@media (min-width: 992px) and (max-width: 1153px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
				transform: translateX(-14%);
			}
		}
		@media (min-width: 992px) and (max-width: 1151px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
        transform: translateX(-13%);
			}
		}
		@media (min-width: 992px) and (max-width: 1149px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1144px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1126px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
			caja-carrito {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 1125px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
			caja-carrito {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 1120px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
			caja-carrito {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 1118px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
		}
		@media (min-width: 992px) and (max-width: 1113px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
				transform: translateX(-15%);
			}
			
		}
		@media (min-width: 992px) and (max-width: 1110px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
				transform: translateX(-15%);
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 37%;
			}
		}
		
		@media (min-width: 992px) and (max-width: 1100px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
				transform: translateX(-15%);
			}
		}
		@media (min-width: 992px) and (max-width: 1092px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
		}
		@media (min-width: 992px) and (max-width: 1098px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 36%;
			}
		}
		@media (min-width: 992px) and (max-width: 1080px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 35%;
			}
		}
		@media (min-width: 992px) and (max-width: 1068px) and (orientation: landscape) {
			.caja-carrito {
				width: 39%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 1066px) and (orientation: landscape) {
			.caja-carrito {
					width: 28%;
				}
		}
		@media (min-width: 992px) and (max-width: 1065px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 41%;
			}
		}
		@media (min-width: 992px) and (max-width: 1060px) and (orientation: landscape) {
			.caja-carrito {
					width: 40%;
				}
				#General_C_LoginCabecera1_UpdatePanel1 {
					width: 41%;
				}
		}
		@media (min-width: 992px) and (max-width: 1058px) and (orientation: landscape) {
			.caja-carrito {
					width: 40%;
				}
				#General_C_LoginCabecera1_UpdatePanel1 {
					width: 42%;
				}
		}
		@media (min-width: 992px) and (max-width: 1051px) and (orientation: landscape) {
			.caja-carrito {
					width: 40%;
				}
				#General_C_LoginCabecera1_UpdatePanel1 {
					width: 42%;
				}
		}
		@media (min-width: 992px) and (max-width: 1027px) and (orientation: landscape) {
			.caja-carrito {
					width: 28%;
				}
		}
		@media (min-width: 992px) and (max-width: 1025px) and (orientation: landscape) {
			.caja-carrito {
					width: 28%;
				}
		}
		@media (min-width: 992px) and (max-width: 1019px) and (orientation: landscape) {
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 60%;
			}
		}
		@media (min-width: 992px) and (max-width: 1015px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 1000px) and (orientation: landscape) {
			.caja-carrito {
				width: 40%;
			}
		}
		@media (min-width: 992px) and (max-width: 991px) and (orientation: landscape) {
			.caja-carrito {
					width: 28%;
				}
		}
		
		
		
		
		
		
		
		@media (min-width:813px) and (max-width:988px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 29%!important;
				}
		}
		@media (min-width:813px) and (max-width:986px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 29%!important;
				}
		}
		@media (min-width:813px) and (max-width:957px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 30%!important;
				}
		}
		@media (min-width:813px) and (max-width:956px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 30%!important;
				}
		}
		@media (min-width:813px) and (max-width:930px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 30%!important;
				}
		}
		@media (min-width:813px) and (max-width:925px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 31%!important;
				}
		}
		@media (min-width:813px) and (max-width:923px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 31%!important;
				}
		}
		@media (min-width:813px) and (max-width:920px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 31%!important;
				}
		}
		@media (min-width:813px) and (max-width:895px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 32%!important;
				}
		}
		@media (min-width:813px) and (max-width:893px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 32%!important;
				}
		}
		@media (min-width:813px) and (max-width:875px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 32%!important;
				}
		}
		@media (min-width:813px) and (max-width:867px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 33%!important;
				}
		}
		@media (min-width:813px) and (max-width:866px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 34%!important;
				}
		}
		@media (min-width:813px) and (max-width:864px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 34%!important;
				}
		}
		@media (min-width:813px) and (max-width:862px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 34%!important;
				}
		}
		
		
		@media (min-width:768px) and (max-width:790px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 36%!important;
			}
		}
		@media (min-width:768px) and (max-width:785px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 36%!important;
			}
		}
		@media (min-width:768px) and (max-width:770px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 37%!important;
			}
		}
		@media (min-width:768px) and (max-width:768px) and (orientation: landscape){
			.caja-carrito {
				transform: translateX(-30%)!important;
				width: 37%!important;
			}
		}
		
		@media only screen and (max-width: 767px) and (min-width: 0px) {
			.caja-carrito {
				transform: translateX(-7%);
				width: 60%;
			}
			
		}
		
		@media only screen and (max-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;
			}
		}
		
		
		
		@media (max-width: 414px) {
			.logo-relax-STA img {
				transform: scale(2.25) translateX(118px);
			}
			.caja-carrito {
				width: 56%;
				transform: translateX(-10%);
			}
		}
		
		@media (max-width: 768px) {
			.logo-relax-STASoloLogoIQ img {
				transform: scale(2.25) translateX(120px);
			}
			.caja-carrito {
				transform: translateX(-10%);
				width: 57%;
			}
			#navigation-toggle {
				display: block;
			}
			.top-navigation-STA {
				top: 27px;
			}
			#navigation-toggle {
				border: solid 1px#003f61;
				background: #003f61 !important;
			}
			#navigation-toggle {
				float: left;
			}
			#navigation-box {
				left: 50px !important;
			}
			ul#navigation {
				background-color: #003f61;
				top: -7px !important;
			}
			ul#navigation > li, ul#navigation li:first-child {
				border-bottom: 1px solid #a7c958 !important;
				padding: 10px 0;
			}
			.mensajes-STA {
				left: 30px !important;
			}
			.fa-sign-out-alt{
				/*display: none;*/
			}
		   
			
		}
		@media (max-width: 991px) {
			ul#navigation.hidden-c {
				display: none;
			}
		}
		
		
		
		
/* iPads (PRO) ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	#A_SaldoLogin {
		left: 23px;
	}
	
	#A_cerrarLogin{
		left: 43px;
	}
	.fa-sign-out-alt {
		transform: translateX(250%);
	}
   #dLogeado{
	width: 67%;
   }
   .caja-carrito {
	transform: translateX(-76%);
   }
	
}
/* iPads (PRO Landscape) ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	#A_SaldoLogin {
		left: 24px;
	}	
}




/* iPads ( Landscape) ----------- */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.caja-carrito {
        width: 27%;
        transform: translateX(-75%);
    }
	#General_C_LoginCabecera1_UpdatePanel1 {
        width: 67%;
    }
	#dLogeado{
		width: 84%;
        transform: translateX(-9%);
	}
	.mensajes-STA {
        left: 75px !important;
    }
	

}


		
		@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait){
			.caja-carrito {
				transform: translateX(-10%);
				width: 60%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 46%;
			}
		}
		@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait) {
			.logo-relax-STASoloLogoIQ img {
				transform: scale(2.25) translateX(81px);
			}
			.caja-carrito {
				transform: translateX(-20%);
				width: 57%;
				top: 14px;
			}
			ul#navigation {
				width: 100%;
			}
			
			
			
		}
		
	
		@media only screen and (max-width: 991px) and (min-width: 768px){
			.telefono-STA {
				font-size: 18px;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 65%;
			}
			#dNoLogeado, #dLogeado {
				width: 41%;
			}
			.caja-carrito {
				transform: translateX(-60%);
				width: 33%;
			}
			.logo-relax-STA img {
				transform: scale(2.0) translateX(50px);
			}
			.top-navigation-STA {
				display: none;
			}
			.caja-carrito {
				top: auto;
			}
			#A_SaldoLogin {
				margin-left: -11px !important;
				left: 29px;
				vertical-align: baseline;
			}
			.texto-mensaje-salir {
				margin-left: 11px !important;
			}
			#A_cerrarLogin{
				margin-left: 42px !important;
				left: 16px;
			}
			.mensajes-STA {
				left: 60px !important;
			}
			
		}
		


/* iPads  ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
	.caja-carrito {
        transform: translateX(-89%);
        width: 35%;
    }
	#General_C_LoginCabecera1_UpdatePanel1 {
        width: 80%;
    }
	#dLogeado {
        width: 94%;
    }
	#A_cerrarLogin {
        margin-left: 42px !important;
        left: 16px;
    }
	#A_SaldoLogin {
		visibility: hidden;
	}
	#A_cerrarLogin {
        left: 37px;
    }
	#A_cerrarLogin {
        left: -12px;
    }
	.mensajes-STA {
        left: 103px !important;
    }

	
}

		
		@media (max-width: 670px) {
			.caja-carrito {
				transform: translateX(-10%);
				width: 60%;
			}
		}
		
		@media (max-width: 669px) {
			.caja-carrito {
				transform: translateX(-16%);
				width: 60%;
			}
		}
		
		@media (max-width: 625px) {
			.caja-carrito {
				transform: translateX(-24%);
				width: 60%;
			}
		}
		
		
		@media (max-width: 601px) {
			.caja-carrito {
				transform: translateX(-5%);
				width: 60%;
			}
			#General_C_LoginCabecera1_UpdatePanel1 {
				width: 42%;
			}
		}
		@media only screen and (max-width: 600px) {
			.caja-carrito {
				transform: translateX(-24%);
				width: 40%;
			}
		}
		
		@media only screen and (max-device-width: 600px) and (orientation: portrait){
			.logo-relax-STASoloLogoIQ img {
				transform:scale(2.25) translateX(50px);
			}
			.caja-carrito {
				width: 10%;
				transform: translateX(-170%);
				top: auto;
				width: 10.5%;
				transform: translateX(300%);
				top: auto;
				position: absolute;
				z-index: 999;
			}
			#navigation-toggle {
				display: block;
		
			}
			#navigation-toggle {
				float: left;
			}
			.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child {
				color: #ffffff !important;
			}
			#dNoLogeado i, #dLogeado i {
				color: #ffffff;
			}
			.top-navigation-STA {
				top: 62px;
			}
			#A_SaldoLogin {
				margin-left: 18px !important;
			}
			#General_C_LoginCabecera1_UpdatePanel1 .col-lg-3 {
				padding: 2px 14px;
			}
			#A_cerrarLogin {
				display: none!important;
			}
			
		}
		
		
		
		
		
		
		@media only screen and (max-width: 320px) {
			.logo-relax-STASoloLogoIQ img {
				transform: scale(2.25) translateX(47px);
			}
			.caja-carrito {
				width: 10%;
			}
			.mensajes-STA {
				left: 30px !important;
			}
		
		}
				  /*FINmenu arriba caja-carrito*/

          /*menu arriba Enlaces juegos*/

.Contenedor-de-Juegos{
	position: relative;
	z-index: 100;
	font-size: 0;
	background: #ffffff;
	text-align: right;
}
.Contenedor-de-Juegos .container{
	padding: 0;
}
.Contenedor-de-Juegos .Enlace-a-Juego{
	width: 9.0%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	padding: 5px;
}
.Contenedor-de-Juegos .Enlace-a-Juego img{
	max-width: 100%;
width: 75%;
}
@media (max-width: 767px){
	.Contenedor-de-Juegos .Enlace-a-Juego{
		height: 10vw;
		max-height: 40px;
	}
}
.Enlace-Logo img{
	width: 35%;
}
.Contenedor-Juegos-Logo{
	position: relative;
	z-index: 100;
	font-size: 0;
	background: #ffffff;
	height: 130px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.Enlace-Logo{
	text-align: left;
	left: 10%;
	position: relative;
	padding: 15px 0;
}
.enlacesJuegos{
	height: 130px;
	padding: 22px 0;
	right: 3%;
	position: relative;
	
}
.Enlace-a-Juego p{
	font-size: 15px;
	line-height: 22px;
	color: #000000;
	white-space: nowrap;
}

.Enlace-a-Juego span{
	font-size: 15px;
    padding: 6px 10px;
    top: -6px;
    position: relative;
}


/* Pantallas grandes ----------- */
@media only screen  and (min-width : 1824px) {
	.Enlace-Logo {
		padding: 7px 0;
	
	}
	
}
@media (min-width: 992px) and (max-width: 1240px) and (orientation: landscape) {
	.Enlace-a-Juego p {
		font-size: 12px;
	}
}
@media (min-width: 992px) and (max-width: 1070px) and (orientation: landscape) {
	.Enlace-a-Juego p {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
    .Contenedor-Juegos-Logo {
		display: none;
	}
	.header {
		min-height: 89px !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.header {
		min-height: 179px !important;
	}
	
	.Contenedor-Juegos-Logo {
		height: 90px;
	}
	.enlacesJuegos {
		height: 90px;
	}
	.Enlace-a-Juego p {
		font-size: 10px;
	}

	
}

@media (max-width: 992px) and (min-width: 768px) {
	.header {
		min-height: 179px !important;
	}
	
	.Contenedor-Juegos-Logo {
		height: 90px;
	}
	.enlacesJuegos {
		height: 90px;
	}
	.Enlace-a-Juego p {
		font-size: 10px;
	}

	
}

@media (max-width: 767px) {
	#Euromillones{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/euro.svg)!important;}
    #Eurodreams{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/dreams.svg)!important;}
    #Bonoloto{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/bono.svg);}
    #Primitiva{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/primi.svg);}
    #ElGordo{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/gordo.svg);}
	#Quiniela{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/quini.svg);}
    #Quinigol{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/quinigol.svg);}
    #Loteria-Nac-J{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/nacional.svg);}
    #Loteria-Nac-S{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/nacional.svg);}
    #Loteria-Nac-Nv{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/navidad.svg);}
    #Loteria-Nac-Nyo{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/nino.svg);}
    #Penas{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/penas.svg);}
	#AD{background-image: url(/RecursosIQ/img/img_Loteria_Artea/logos/quini.svg);}

	.ul#navigation > li.MenuResponsive.visible-xs > a > i {
		visibility: hidden;
	}
	ul#navigation > li.MenuResponsive.visible-xs > a > i::before {
		content: url(/RecursosIQ/img/img_Loteria_Artea/iconoSearch.svg);
		visibility: visible;
		font-size: 14px;
		padding-bottom: 3px;
	}
	ul#navigation > li.MenuResponsive.visible-xs > a {
        padding: 65px 0;
    }
	ul#navigation > li.MenuResponsive.visible-xs > a > i {
        width: 27px;
		transform: translateY(14%);
	}
	.MenuUltRIQ{
		border-bottom: 1px solid #003f61 !important;
	}
	ul#navigation > li.MenuResponsive.visible-xs{
		border: none  !important;
    }
}




@media only screen and (max-device-width: 600px) and (orientation: portrait) {
    #navigation-box {
        margin-top: -92px !important;
    }
	#navigation-box {
        left: 20px !important;
		height: 0;
    }
	#navigation-toggle {
		border: solid 1px #003f61;
		background: #003f61 !important;
		box-shadow: 0 1px 1px #003f61;
		top: -25px;
	}
	.Contenedor-Juegos-Logo {
		visibility: hidden;
	}
	ul#navigation.showen-c, ul#navigation {
        height: calc(100vh - 55px);
        max-height: none;
        width: 100vw !important;
        margin-right: 0 !important;
        right: -20px !important;
    }
	ul#navigation {
        top: 49px !important;
		background-color: #003f61;
    }
	ul#navigation li, ul#navigation li:first-child {
        border: 1px solid #003f61!important;
	}
	ul#navigation > li, ul#navigation li:first-child {
        border-bottom: 1px solid #a7c958 !important;
        top: 0 !important;
        margin-top: 0 !important;
        padding: 0;
        height: auto;
        min-height: auto;
        line-height: 3em;
        width: 80%;
    }
	
}

		  /*FINmenu arriba Enlaces juegos*/ 
@media (max-device-height: 1000px) {
    ul#navigation {
        display: none;
    }
}

/*FINmenu arriba*/
.BandaSegura {
    display: none;
}
/* Carrusel Tipo Cartel 2*/
#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;
	height:17.57vw !important;
}
#myCarousel .carousel-inner .item{
	min-height: auto !important;
}
#myCarousel{
	margin: 0 auto;
	height: auto !important;
	height:17.57vw !important;
}
#myCarousel .carousel-control {
    display: none;
}

.CarruselTodosTipoCartel2{
	width: 95%;
    height: 14.57vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: default;
    border-radius: 10px;
    top: 22px;
    position: relative;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

}
.CarruselHomeTipoCartel_parte2{
	height: 14.57vw;
    background-size: auto 100%;
    background-position: calc(74vw - 643px) 50%;
    text-align: center;
    cursor: default;
    background-position: center center;
    background-size: cover;
	border-radius: 0 10px 10px 0px;
}
.CarruselHomeTipoCartel_parte1{
	height: 14.57vw;
    position: relative;
    background: #dcdbdb;
}
.imagenEuro{

}
.CarruselHomeTexto_1{
	position: absolute;
    top: 27px;
    left: 22%;
    font-size: 80px;
    color: #003f61;
    font-weight: 600;

}
.CarruselHomeTexto_2{
	position: absolute;
    bottom: 7%;
    left: 22%;
    font-size: 62px;
    color: #003f61;
    font-weight: 400;

}
.CarruselHomeTexto_3{
	position: absolute;
    bottom: 18%;
    left: 55%;
    font-size: 20px;
    color: #003f61;
    font-weight: 400;
    line-height: 22px;

}

/* Carrusel Tipo Cartel 2*/



@media(min-width: 768px){
	#myCarousel .carousel-inner .item:nth-child(2n) .CarruselTodosTipo2:not(.CarruselImagenTipo2){
		background-size: auto 100%;
		background-position: calc(25vw - 635px) 50%;
	}

	#myCarousel .carousel-inner .item:nth-child(2n - 1) .CarruselTodosTipo2:not(.CarruselImagenTipo2) > div{
		background:linear-gradient(-65deg, #ff000000 29.01%, #ffffff 29%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		height: 14.57vw;
		border-radius: 10px 10px 10px 10px;
	}
}

.CarruselTodosTipo2.CarruselHomeTipo2{
	background-image: url("/RecursosIQ/img/img_Loteria_Artea/ganadoresPepito.jpg");
}
.Carrusel-texto1{
	position: absolute;
    top: 10%;
    left: 16%;
    font-size: 80px;
    color: #003f61;
	font-weight: 600;

}
.Carrusel-texto2{
    position: absolute;
    top: 54%;
    left: 16%;
    font-size: 62px;
    color: #003f61;


}

.Carrusel-texto3{
	position: absolute;
    top: 59%;
    left: 38%;
    font-size: 20px;
    color: #003f61;


}

#myCarousel .carousel-inner .item:nth-child(2n) .CarruselTodosTipo2 > div{
	background-color: #028b9db3;
	color: #f4efe2;
}
#myCarousel .carousel-inner .item:nth-child(2n) .CarruselTodosTipo2 .Carrusel-Juego{
	background-color: #f4efe2;
	color: #028b9d;
}
.CarruselTodosTipo2.CarruselImagenTipo2{
	background-size: cover;
	background-position: center bottom;
}

.CarruselTodosTipo2.CarruselImagen1Tipo2{
	background-image: url(/RecursosIQ/img/img_LaMerced/homePrincipal.jpg);
}
.CarruselTodosTipo2colores.CarruselImagenTipo2colores > div{
	visibility: hidden;
}

.CarruselTodosTipo2 .Carrusel-Juego{
	margin: auto;
	font-size: calc(6vw + 18px);
	line-height: 0.8em;
	padding: 0.3em 0 0.1em;
	transform: skewY(-2.5deg);
	letter-spacing: 0.1em;
}
.CarruselTodosTipo2 .Carrusel-Juego > div{
	transform: skewY(2.5deg);
}
.CarruselTodosTipo2 .sliderfila2{
	font-size: calc(4vw + 12px);
	line-height: 1em;
	padding: 0.6em 0 0;
	letter-spacing: 0.05em;
}
.CarruselTodosTipo2 .Carrusel-Bote{
	line-height: 1;
	font-size: calc(8vw + 24px);
	font-weight: bold;
}

@media (min-width:600px){
	.CarruselTodosTipo2 .Carrusel-Juego{
		font-size: 54px;
	}
	
	
}

@media(min-width: 1025px){
	#myCarousel .carousel-inner{
		top: -7px !important;
		margin-bottom: -7px;
	}
}
@media(min-width: 2540px){
	#myCarousel .carousel-inner .item:nth-child(2n) .CarruselTodosTipo2:not(.CarruselImagenTipo2){
		background-size: 51% auto;
		background-position: left 50%;
	}
	#myCarousel .carousel-inner .item:nth-child(2n - 1) .CarruselTodosTipo2:not(.CarruselImagenTipo2){
		background-size: 51% auto;
		background-position: right 50%;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) {
        background-position: calc(105vw - 490px) 59% !important;
    }
}


@media (min-width: 1025px) and (max-width: 1199px){
	.imagenEuro img {
		width: 15%;
	}
	.Carrusel-texto1 {
		top: 15%;
        left: 15%;
        font-size: 60px;
	}
	.Carrusel-texto2 {
		top: 55%;
        left: 15%;
        font-size: 42px;
	}
	.Carrusel-texto3 {
		top: 56%;
        left: 36%;
        font-size: 16px;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) {
        background-position: calc(105vw - 490px) 59% !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait) {
	#myCarousel {
        display: none;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	#myCarousel .carousel-inner .item:nth-child(2n - 1) .CarruselTodosTipo2:not(.CarruselImagenTipo2) {
		height: 26.57vw;
	}
	.header {
		min-height: 179px !important;
	}
	#myCarousel {
		height:19.57vw!important;
	}
	#myCarousel .carousel-inner {
		height: 36.57vw !important;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) > div {
        height: 26.57vw!important;
	}
	.imagenEuro img {
		width: 25%;
    padding: 18px 0;

	}
	.Carrusel-texto1 {
		top: 25%;
        left: 23%;
        font-size: 45px;
	}
	.Carrusel-texto2 {
		top: 55%;
        left: 23%;
        font-size: 42px;
	}
	.Carrusel-texto3 {
		top: 56%;
		left: 51%;
		font-size: 16px;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) {
		background-position: calc(105vw - 490px) 59% !important;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	#myCarousel .carousel-inner .item:nth-child(2n - 1) .CarruselTodosTipo2:not(.CarruselImagenTipo2) {
		height: 26.57vw;
	}
	.header {
		min-height: 179px !important;
	}
	#myCarousel {
		height:20.57vw!important;
		display: block;
	}
	
	#myCarousel .carousel-inner {
		height: 36.57vw !important;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) > div {
        height: 26.57vw!important;
	}
	.imagenEuro img {
		width: 25%;
    padding: 18px 0;

	}
	.Carrusel-texto1 {
		top: 25%;
        left: 23%;
        font-size: 45px;
	}
	.Carrusel-texto2 {
		top: 55%;
        left: 23%;
        font-size: 42px;
	}
	.Carrusel-texto3 {
		top: 56%;
		left: 51%;
		font-size: 16px;
	}
	.CarruselTodosTipo2:not(.CarruselImagenTipo2) {
		background-position: calc(105vw - 490px) 59% !important;
	}
}

@media (max-device-width: 600px) {
	.header {
		min-height: 70px !important;
	}
	#myCarousel {
		height: 40.57vw !important;
		display: none;
	}
	#myCarousel .carousel-inner {
		height: 40.57vw !important;
	}
	#myCarousel .carousel-inner .item:nth-child(2n - 1) .CarruselTodosTipo2:not(.CarruselImagenTipo2) {
		height: 38.57vw;
		top: 0px;

	}
}
/*Fin Carrusel Tipo Cartel 2*/

 /*carosuel Juegos version movil*/

	#CarruselSobreNosotros{
		height: auto;
		width: 95%;
		max-width: 600px;
		margin: auto;
		margin-top: 0px;

		
	}
	.textocarousel{
		padding: 15px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: normal;
		color: #606162;
		font-size: 55px;
	}
	@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait) {
		.bloquesde3_Texto_img {
			font-size: 40px!important;
		}
		#CarruselSobreNosotros img {
			width: 12%!important;
		}

		
	}
	@media only screen and (max-device-width: 600px){
    .textocarousel {
    font-size: 25px;
     }
	 .bloquesde3_Texto_img_carousel{
		font-size: 40px!important;
		line-height: 40px!important;
	}
	.bloquesde3_Texto_img_carousel img {
		width: 15%!important;
	}
	.bloquesde3-BotonJugar_todos_carousel{
		font-size: 30px!important;
	}
	.bloquesde3_Todos_carousel{
		padding: 20px 0!important;
		box-shadow: none!important;
	}
	
}
@media only screen and (max-device-width: 320px){
    .textocarousel {
    font-size: 25px;
     }
	 .bloquesde3_Texto_img_carousel{
		font-size: 40px!important;
		line-height: 40px!important;
	}
	.bloquesde3_Texto_img_carousel img {
		width: 15%!important;
	}
	.bloquesde3-BotonJugar_todos_carousel{
		font-size: 20px!important;
	}
	.bloquesde3_Todos_carousel{
		padding: 20px 0!important;
		box-shadow: none!important;
	}
	
}



	#CarruselSobreNosotros .carousel-inner {
		height: auto;
	}
	#CarruselSobreNosotros img{
		width: 100%;
	}
	#CarruselSobreNosotros .carousel-indicators {
		/*top: 90%;*/
	}
	.carousel-indicators {
        bottom: 10px;
    }
	#CarruselSobreNosotros .carousel-indicators li{
		background-color: #003f61;
		border-color: #003f61;
		opacity: 0.7;
		border: none;
	}
	#CarruselSobreNosotros .carousel-indicators li.active{
		background-color: #fff;
		border-color: #fff;
		opacity: 0.7;
		border: none;
	
	}


	

     /*FIN carosuel Juegos version movil*/



     /* carosuel SOLIDARIO*/
	 .SdeOro{
		width: 95%;
		margin: 0 auto;
		margin-top: -54px;
		margin-bottom: 65px;
	}
	
	@media (max-device-width: 600px) {
		.SdeOro{
		margin: 0 auto!important;
		margin-top: -33px!important;
		margin-bottom: 45px!important;
	
		}
			
		#CarruselHomePepito .carousel-indicators {
			top: 90%;
		}	
	}
		#CarruselHomePepito{
			height: auto;
			width: 95%;
			margin: 0 auto;
    
			
		}
		.textocarousel{
			padding: 15px;
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 4px;
			line-height: normal;
			color: #606162;
			font-size: 55px;
		}
		@media only screen and (max-device-width: 600px){
		   .textocarousel {
		    font-size: 25px;
		    }
		    #CarruselHomePepito .carousel-indicators {
			top: 75%;
		   }
		   .carousel-inner {
			height: 130px;
		    }
		}
		#CarruselHomePepito .carousel-inner {
			height: auto;
		}
		#CarruselHomePepito img{
			width: 100%;
			padding: 8px 0;
		}
		
		#CarruselHomePepito .carousel-indicators li{
			background-color: #003f61;
			border-color: #003f61;
			opacity: 0.7;
			border: none;
		}
		#CarruselHomePepito .carousel-indicators li.active{
			background-color: #fff;
		}

     /*FIN carosuel SOLIDARIO*/



/*bloque juegos*/
.barra-botes{
	display: none;
	
}
.bloquesde3_Juegos{
	width: 96%;
    margin: 0 auto;
    height:1459px;
    /*margin-top: -56px;*/
	height: 1825px;


}
.bloquesde3_Todos{
	border-radius: 10px;
	padding:50px 0;
	text-align: center;
    height: 100%;
    position: relative;
    min-height: 1px;
	margin: 5px 0;
}
.bloquesde3_Texto_Fecha{
	text-align: center;
    font-size: 22px;
    font-weight: 300;
}
.bloquesde3-BotonJugar_todos{
	border: 1px solid #ffffff;
    background: #ffffff;
    text-align: center;
    font-size:40px;
    padding: 10px 10px 2px 10px;
    border-radius: 45px;
    line-height: 1em;
    cursor: pointer;
    width: 55%;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: 3px;

}
.bloquesde3-BotonJugar_Bono{
    color: #6f9c3f;

}
.bloquesde3-BotonJugar_Penas{
    color: #089c9d;

}
.bloquesde3-BotonJugar_Euro{
	color: #001367;
}
.bloquesde3-BotonJugar_Quiniela{
	color: #cb1f21;
}
.bloquesde3-BotonJugar_Eurodreams{
	color: #6B3E93;
}
.bloquesde3-BotonJugar_Primitiva{
	color: #0a8042;
}
.bloquesde3-BotonJugar_Gordo{
	color: #d93f46;
}
.bloquesde3-BotonJugar_Qunigol{
	color: #74bacd;
}
.bloquesde3-BotonJugar_Nacional{
	color: #3478b0;
}
.bloquesde3_TodosBotes{
	background-color: #003f61;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 23px 0 0 0;
    border-radius: 10px;
}
.bloquesde3_Texto_Fecha_fin{
	text-align: center;
    font-size: 20px;
    font-weight: 300;
	/*margin: 10px 0;*/
	padding: 16px 0px 22px;
}
.bloquesde3_Bonoloto{
	background-color: #748224;
	color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

}
.bloquesde3_Penas{
	background-color: #089c9d;
	color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

}
.bloquesde3_Euromillon{
	background-color: #001367;
	color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.bloquesde3_Quiniela{
	background-color: #cb1f21;
	color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.bloquesde3_Eurodreams {
    background-color: #6B3E93;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.bloquesde3_Primitiva {
    background-color: #0a8042;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.bloquesde3_Gordo {
    background-color: #d93f46;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.bloquesde3_Quinigol {
    background-color: #74bacd;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.bloquesde3_Nacional {
    background-color: #3478b0;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.bloquesde3_Texto_img{
	font-size: 80px;
	line-height: 80px;


}
.bloquesde3_Texto_img img{
	display: inline-block;
	filter: brightness(100);
}
.ContenedorDeBotes-Titulocuadrotres{
	color: #fff;
    font-size: 40px;
    margin-top: 0px;
	margin-bottom: 20px;

	transform:translateY(-9%);


}

.ContenedorDeBotes-Titulocuadrotres p{
	color: #fff;
    font-size: 24px;
    font-weight: 300;
}
.ContenedorDeBotes-Mitadarriba{
		background: white;
		padding: 40px 0;
		height: 294px;

}
.lineasdeboteindividualjuego{
	border: 1px solid #e6f1e9;
    height: 20.5%;
    margin-top: 2%;
    background: #e6f1e9;
    display: inline-block;
    width: 80%;
    text-align: left;
    padding-left: 30px;
    border-radius: 30px;
}

.lineasdeboteindividualjuegotexto{
	display: inline-flex;
    margin: 10px 0;
    font-size: 18px;
    color: #11486d;
    line-height: 19px;
}
.ContenedorDeBotes-NombreDeEsteJuego{
	font-size: 16px;
    color: #11486d;
    line-height: 19px;
    
}

.lineasdeboteindividual{
	margin: 10px 0;

}

.lineasdeboteindividualboton {
	display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: center;
    float: right;
    border-radius: 24px;
}

.lineasdeboteindividualbotonEuro{
    background: #003f61 !important;
    border: 1px solid #003f61 !important;
	color: #fff !important;
}
.lineasdeboteindividualbotonPrimi{
    background: #096733 !important;
    border: 1px solid #096733 !important;
	color: #fff !important;
}
.lineasdeboteindividualbotonGordo{
    background: #d93f47 !important;
    border: 1px solid #d93f47 !important;
	color: #fff !important;
}
.lineasdeboteindividualbotonBono{
    background: #669734 !important;
    border: 1px solid #669734 !important;
	color: #fff !important;
}
.botontexto{
	font-size: 20px;
    padding: 4px 0;
}

.LineaBotes-Euro span{
	color: #003f61!important;
}
.LineaBotes-Primi span{
	color: #096733!important;
}
.LineaBotes-Gordo span{
	color: #d93f47!important;
}
.LineaBotes-Bono span{
	color: #669734!important;
}
.botonalpie{
	background: white;
    border-radius: 0 0px 10px 10px;
}
.botontextoJuegos{
	/*width: 60%;*/
    background: #003f61;
    margin: 0 auto;
    vertical-align: top;
    text-align: center;
    border-radius: 24px;
    padding: 10px 60px;
    color: white;
    font-size: 20px;
    display: -webkit-inline-box;
    margin:30px 0 30px 0;
	
}
.bloquesde3_Empresa {
    background-color: #003f61;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 30px 0 0;
	margin: 10px 0;

}
.bloquesde3_Empresa img{
	border-radius: 0 0 10px 10px;
	height: 324px;
}
.bloquesde3_Texto_1{
	color: #fff;
    font-size: 40px;
    margin-top: -1px;
	transform: translateY(-20%);
}
.bloquesde3_Texto_2{
	color: #fff;
    font-size: 18px;
    font-weight: 300;
	padding: 0 0 10px 0;
	transform: translateY(-40%);

}

/* Pantallas grandes ----------- */
@media only screen  and (min-width : 1824px) {
	.bloquesde3_Juegos {
		height: 1829px;
	}
	
	.bloquesde3_TodosBotes {
		padding: 8px 0 0 0;
	}
	.ContenedorDeBotes-Titulocuadrotres {
		transform: translateY(0%);
	}
	.bloquesde3_Empresa img {
		margin: auto;
        width: 100%;

	}	
	.imagenEuro img {
        padding: 15px 0px;
    }
	
}



@media (min-width: 992px) and (max-width: 1455px) and (orientation: landscape) {
	.bloquesde3_Texto_img {
		font-size: 60px;
	}
}
@media (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {
	.bloquesde3_Juegos {
		height: 2020px;
	}
}
@media (min-width: 992px) and (max-width: 1272px) and (orientation: landscape) {
	.bloquesde3-BotonJugar_todos {
		font-size: 35px;
	}
	.bloquesde3_Empresa img {
		height: 314px;
	}
}
@media (min-width: 992px) and (max-width: 1270px) and (orientation: landscape) {
	.bloquesde3_Juegos {
		height: 1800px;
	}
}
@media (min-width: 992px) and (max-width: 1222px) and (orientation: landscape) {
	.bloquesde3-BotonJugar_todos {
		font-size: 30px;
	}
	.bloquesde3_Empresa img {
		height: 304px;
	}
	.bloquesde3_Juegos {
		height:1775px;
	}	
}

@media (min-width: 992px) and (max-width: 1056px) and (orientation: landscape) {
	.bloquesde3_Texto_img {
        font-size: 40px;
    }
	.bloquesde3-BotonJugar_todos {
        font-size: 24px;
    }
	.bloquesde3_Todos {
		padding: 25px 0;
	}	
	.ContenedorDeBotes-Titulocuadrotres {
		font-size: 32px;
	}
	.bloquesde3_Texto_1 {
		font-size: 32px;
	}
	.bloquesde3_Empresa img {
        height: auto;
    }
	.bloquesde3_Todos {
        padding: 25px 0 0;
    }
	.ContenedorDeBotes-Mitadarriba {
		padding: 20px 0;
	}	
	.botontextoJuegos {
		margin: 0px 0 30px 0;
	} 
	.ContenedorDeBotes-Titulocuadrotres {
		margin-bottom: 0px;
		transform: translateY(-13%);
	}
	.bloquesde3_Texto_1 {
		margin-top: -9px;
		transform: translateY(-12%);
	}
	.bloquesde3_Texto_2 {
		padding: 0 0 0px 0;
	}
	.ContenedorDeBotes-Mitadarriba {
		height: 271px;
	}
	.bloquesde3_Juegos {
        height: 1240px;
    }
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.bloquesde3_Juegos {
		height: 1240px;
	}	
	.bloquesde3_Empresa img {
		height: auto;
		
	}
	.botontextoJuegos {
        margin: 0px 0 10px 0!important;
    }
	.bloquesde3_Texto_2 {
		padding: 0 0 0px 0;
	}
	.ContenedorDeBotes-Mitadarriba {
        padding: 8px 0!important;
	}
	
}


/* iPads ( Landscape) ----------- */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.bloquesde3_Juegos {
        height: 1280px;
    }
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .bloquesde3_Texto_img {
		font-size: 38px;
		line-height: 40px;
	}
	.bloquesde3-BotonJugar_todos {
		font-size: 25px;
		width: 75%;
	}
	.bloquesde3_Todos {
		padding: 20px 0 0;
	}	
	.bloquesde3_Texto_img img {
		width: 20%;
	}
	.ContenedorDeBotes-Titulocuadrotres {
		font-size: 24px;
		margin-top: -10px;
	}
	.ContenedorDeBotes-Titulocuadrotres p {
		font-size: 18px;
	}
	.ContenedorDeBotes-NombreDeEsteJuego {
		font-size: 12px;
	}
	.LineaBotes-Euro span,.LineaBotes-Primi span,.LineaBotes-Gordo span, .LineaBotes-Bono span {
		font-size: 12px;
	}
	.lineasdeboteindividualjuego {
		padding-left: 5px;
		width: 95%;
	}	
	.botontexto {
		font-size: 18px;
		padding: 5px 0;
	}
	.botontextoJuegos {
		font-size: 13px;
		padding: 10px 45px;
	}
	.bloquesde3_Texto_1 {
		font-size: 24px;
		margin-top: -10px;
	}
	.ContenedorDeBotes-Mitadarriba {
		padding: 20px 0;
        height: auto;
	}
	.botontextoJuegos {
		margin: 0px 0 30px 0;
	}
	
}
@media (max-width: 992px) and (min-width: 768px) {
	.bloquesde3_Texto_img {
		font-size: 38px;
		line-height: 40px;
	}
	.bloquesde3-BotonJugar_todos {
		font-size: 25px;
		width: 75%;
	}
	.bloquesde3_Todos {
		padding: 20px 0 0;
	}	
	.bloquesde3_Texto_img img {
		width: 20%;
	}
	.ContenedorDeBotes-Titulocuadrotres {
		font-size: 24px;
		margin-top:0px;
	}
	.ContenedorDeBotes-Titulocuadrotres p {
		font-size: 18px;
	}
	.ContenedorDeBotes-NombreDeEsteJuego {
		font-size: 12px;
	}
	.LineaBotes-Euro span,.LineaBotes-Primi span,.LineaBotes-Gordo span, .LineaBotes-Bono span {
		font-size: 12px;
	}
	.lineasdeboteindividualjuego {
		padding-left: 5px;
		width: 95%;
	}	
	.botontexto {
		font-size: 18px;
		padding: 5px 0;
	}
	.botontextoJuegos {
		font-size: 13px;
		padding: 10px 45px;
	}
	.bloquesde3_Texto_1 {
		font-size: 22px;
		margin-top: 0px;
	}
	.bloquesde3_Texto_2 {
		padding: 0 0 0px 0;
		font-size: 15px;

	}
	.bloquesde3_Empresa img {
		border-radius: 0 0 10px 10px;
		height: auto;
	}
	.bloquesde3_Juegos {
		height: 1170px!important;
	}
	

}

@media (max-width: 414px) {
	.bloquesde3_Juegos {
        height: 1340px;
	}
}

@media (max-width: 767px){
	.rec24{
		width: 100%;
	}
	.bloquesde3_Texto_img img {
		width: 30%;
	}
	.bloquesde3_Texto_Fecha {
		text-align: center;
		font-size: 20px;
	}
	.bloquesde3_Juegos{
		margin-top: -47px;
        height: 1190px;
        width: 99%;

	}
	.lineasdeboteindividualjuego {
		padding-left: 10px;
	}	
	.bloquesde3_Empresa img {
		height: auto;
	}
	.ContenedorDeBotes-Mitadarriba {
		padding: 10px 0;
		height: auto;

	}
	.lineasdeboteindividual {
		margin:10 0 10px 0;
	}
	.botontextoJuegos {
		margin: 0px 0 30px 0;
	}
	

}
@media only screen and (min-height: 844px) and (orientation: portrait) {
	.bloquesde3_Juegos {
        height: 1251px;
	}
}
@media (min-width:414px) and (max-width:766px)  {
	.bloquesde3_Juegos {
        height:1247px;
	}
}

@media (min-width:400px) and (max-width:766px) {
    #CarruselSobreNosotros {
		width: 97%;
		max-width: 743px;
	}	
	.bloquesde3_Empresa img {
		width: 100%;
	}
}

@media (min-width:400px) and (max-width:730px) {
    #CarruselSobreNosotros {
		width: 96%;
		max-width: 676px;
	}	
}





@media (max-width: 320px){
	.ContenedorDeBotes-Titulocuadrotres {
		font-size: 30px;
	}	
	.lineasdeboteindividualjuegotexto {
		font-size: 12px;
	}
	.lineasdeboteindividualjuego {
        padding-left: 5px;
		width: 90%;
    }
	.botontextoJuegos {
		padding: 10px 50px;
		font-size: 18px;
	}
	.bloquesde3_Juegos {
        height: 1105px;
	}
	
	

}


/* ********* ********* landscape moviles ********* **********/
@media only screen and (min-width: 414px) and (max-width: 736px) {
	#CarruselSobreNosotros img {
		width: 13%;
	}
	

}
/* ********* ********* FINlandscape moviles ********* **********/

/*Fin bloque juegos*/
/* ultimos resultados*/
.resultados-STA{
	width: 95%;
	height: auto;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    background: white;
    padding: 10px;
    margin-bottom: 0px;
}
.cuadroresultadosjuegos {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 7px;
}
.caja-resultados-bonoloto, .caja-resultados-quiniela, .caja-resultados-elgordo, .caja-resultados-loterianac, .caja-resultados-euromillones, .caja-resultados-primitiva {
    border-radius: 7px;
}
.tituloresultados {
    color: #003f61;
}
.cuadroresultadosjuegos-titulo {
    color: #003f61;
}
.cuadroresultadosjuegos-diajuego {
    color: #003f61;
}
.separator-small-STA {
    background-color: #f29500;
}
.cuadroresultadosjuegos-diajuego2 {
    color: #003f61;
}
.cuadroresultadosjuegos-bote {
    color: #1f3649;
}

@media (max-width: 767px){
	.resultados-STA{
		background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
        width: 95%;
        border-radius: 10px;
        margin: 0 auto;
	}
	.barraresultadosjuegos .container{
        padding: 0 0%;

	}
	.col-xs-12 .tituloresultados, .col-sm-12 .tituloresultados, .col-md-12 .tituloresultados , .col-lg-12 .tituloresultados {
		padding: 0 0%;
	}
	.barraresultadosjuegos h2  {
		background: #003f61;
        color: #fff;
        width: 104%;
        border-radius: 10px 10px 0 0;
        padding: 15px !important;
        right: 7px;
		
	}
	.tituloresultados {

		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0px;
	}
	.col-xs-6 .cuadroresultadosjuegos {
		width: 100%;
	}
	
	
}



/*Fin ultimos resultados*/

/*Fin footer*/
	.PieBanner, .footer-STA{
		background: #003f61;
	}
	.copyright-STA {
		background: #00000000;
	}
	.bordePieIQ {
		border-top: solid 2px #f29500;
	}
	.copyright-STA a{
		color:#f29500;
	}
	.PieBanner {
		margin-top: 10px;
	}
	.imgSegur a:hover{
		filter: drop-shadow(0 0 .06em #ffffff) drop-shadow(0 0 .1em #ffffff) drop-shadow(0 0 .14em #ffffff);
	}
	.imgSegur2 a:hover{
		filter: drop-shadow(0 0 .06em #ffffff) drop-shadow(0 0 .1em #ffffff) drop-shadow(0 0 .14em #ffffff);
	}
	.PieJuegoResponsable{
		display: none;
	}
/*Fin footer*/


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


.tituloMasterIQ {
        color: #4a4a49;
        background: #dcdcdc;
}

.panel-heading-modal {
    border-color: #003f61;
    background: #003f61;
}


.panel-heading-modalIQ {
    background: linear-gradient(to right, #003f61, #003f61);
}
.modal-comolightboxIQ {
    background: linear-gradient(to right, #003f61, #20374b);
}
/*NUEVOS CAMBIOS banner dentro */

/*Eliminar el segundo banner de los boletos*/
@media (min-width: 1025px) {
    .header .bloque1-slider, .header .bloque2-slider {
        margin-top: 0 !important;
    }
}
.bloque2-slider{
	display: none;
}
#DivBannerBoleto, #divBannerLoteria, .banner-slider-PE{
	min-height: 192px !important;
}
@media (min-width: 1025px){
.header > div:not(.top-bar-STA) {
    padding-top:232px;
    }
}
.separador-bloques-pena{
	height: 0;
}
#DivBannerBoleto > div.container > div.row > div.col-lg-7.col-md-7.col-sm-7.col-xs-12, #divBannerLoteria > div.container > div.row > div.col-lg-7.col-md-7.col-sm-7.col-xs-12{
	width: 100% !important;
}
.bloque1-slider{
	margin: 0 !important;
	height: 70px;
	min-height: 0;
}
.titulo-slider-EU, .titulo-slider-LN{
	width: 31%;
	font-size: 32px !important;
	line-height: 1em;
	text-align: left;
	color: #fff;
	padding: 16px 0px;
	margin: 0 0 0 20px !important;
	display: inline-block;
	vertical-align: middle;
}
.titulo-slider-LN.titulo-Pe{
	width: 100%;
	text-align: center;
}
.titulo-slider-EU br, .titulo-slider-LN br{
	display: none;
}
.subtitulo-slider-EU, .subtitulo-slider-LN{
	width: 31%;
	font-size: 28px !important;
	line-height: 1em;
	text-align: center;
	color: #fff;
	margin: 0px !important;
	padding: 16px 0px !important;
	transform: translateY(0);
	display: inline-block;
	vertical-align: middle;
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.header .bloque1-slider, .header .bloque2-slider {
        margin-top: 190px !important;
    }
}

@media (max-width: 1024px){
	.banner-Gordo-IQ, .banner-Primi-IQ, .banner-Loto-IQ, .banner-EU-IQ{
		min-height: 182px !important;
	}
	.titulo-slider-EU, .titulo-slider-LN{
		padding: 5px 0px;
	}
	.subtitulo-slider-EU, .subtitulo-slider-LN{
		font-size: 20px !important;
	}
	.header .bloque1-slider, .header .bloque2-slider {
        margin-top: 190px !important;
    }
}
/* iPads ( Landscape) ----------- */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.header .bloque1-slider, .header .bloque2-slider {
        margin-top: 115px !important;
    }
}
@media only screen and (max-width: 767px){
	.titulo-slider-EU br, .titulo-slider-LN br{
		display: block;
	}
	.header .bloque1-slider{
		margin-top:70px !important;
	}
	.titulo-slider-EU, .titulo-slider-LN{
		padding: 5px 0px;
		margin: 0 0 0 5px !important;
	}
	.subtitulo-slider-EU, .subtitulo-slider-LN{
		padding: 5px 0px !important;
	}
}
@media only screen and (max-width: 600px){
	#DivBannerBoleto, #divBannerLoteria{
		min-height: calc(75px + 12vw) !important;;
	}
	.titulo-slider-EU, .titulo-slider-LN{
		font-size: 5vw !important;
		padding: 5px 0px;
		margin: 0 0 0 5px !important;
	}
	.subtitulo-slider-EU, .subtitulo-slider-LN{
		font-size: 3vw !important;
		padding: 5px 0px !important;
	}
	.subtitulo-slider-EU img{
		width: 5vw;
	}
	.bloque1-slider {
		height: 12vw;
	}
}

.banner-slider-LN .bloque1-slider, .banner-slider-LN .bloque2-slider {
    background: linear-gradient(to right, #007ac0, #007ac0);
}
.banner-EU-IQ .bloque1-slider, .banner-EU-IQ .bloque2-slider {
    background: linear-gradient(to right, #001367, #001367) !important;
}
.banner-Loto-IQ .bloque1-slider, .banner-Loto-IQ .bloque2-slider, .btn-BOIQ.activo, .degrade-BOIQ, .btn-tag-eu.btn-BOIQ:hover, .btn-azulito.btn-BOIQ:hover, .degrade-BOIQ, .CuadroRedBOIQ .redSeleccinadaIQ, .CuadroRedBOIQ .btn-buscarIQ, .CuadroRedBOIQ .is-hover, .panel-premios_BOIQ .headerResul, .escrutinioBox_BOIQ .headerResul, .panel-premios_BOIQ .premio-azul, .panel-premios_BOIQ .premio-verde, .panel-premios_BOIQ .premio-rojo {
    background: -webkit-linear-gradient(left, #7a8634, #7a8634) !important;
}
.banner-Primi-IQ .bloque1-slider, .banner-Primi-IQ .bloque2-slider, .btn-PVAIQ.activo, .degrade-PVAIQ, .btn-tag-eu.btn-PVAIQ:hover, .btn-azulito.btn-PVAIQ:hover, .degrade-PVAIQ, .CuadroRedPVAIQ .redSeleccinadaIQ, .CuadroRedPVAIQ .btn-buscarIQ, .CuadroRedPVAIQ .is-hover, .panel-premios_PVAIQ .headerResul, .escrutinioBox_PVAIQ .headerResul, .panel-premios_PVAIQ .premio-azul, .panel-premios_PVAIQ .premio-verde, .panel-premios_PVAIQ .premio-rojo {
    background: -webkit-linear-gradient(left, #008547, #008547) !important;
}
.banner-Gordo-IQ .bloque1-slider, .banner-Gordo-IQ .bloque2-slider {
    background: -webkit-linear-gradient(left, #dc3f47, #dc3f47) !important;
}
.banner-Quiniela-IQ .bloque1-slider, .banner-Quiniela-IQ .bloque2-slider {
    background: linear-gradient(to right, #cb1517, #cb1517) !important;
}
.banner-QuiniGol-IQ .bloque1-slider, .banner-QuiniGol-IQ .bloque2-slider, .btn-quiniGolIQ.activo, .cabeceraCuadricula, .btn-tag-QGIQ:hover, .btn-tag-QUIIQ.btniq:hover, .btn-quiniGolIQ:hover {
    background: -webkit-linear-gradient(left, #74bacd, #74bacd) !important;
}


.btn-loterias.activo {
    background: linear-gradient(to right, #007ac0, #007ac0);
}
.btn-loterias:hover {
    background: linear-gradient(to right, #007ac0, #007ac0);
}
.btn-ver-decimo {
	background: linear-gradient(to right, #007ac0, #007ac0);
}
.btn-ver-decimo:hover {
	background: linear-gradient(to right, #007ac0, #007ac0);
}
.btn-azulito.activo {
    background: linear-gradient(to right, #001266, #001367);
}
.btn-azulito:hover {
    background:linear-gradient(to right, #001266, #001367);
}
.degrade-azul {
    background: linear-gradient(to right, #001266, #001367);

}
.btn-tag-eu:hover {
    background: linear-gradient(to right, #001266, #001367);
}
.btn-tag-eu.activo {
    background:linear-gradient(to right, #001266, #001367);
}
/*FIN NUEVOS CAMBIOS banner dentro */


/* login*/

@media only screen and (min-width: 1024px) {
    .seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
        width: 70%;
        border-radius: 10px;
		margin-top: 0px !important;
    }
}
.texto-label  {
    text-transform: uppercase;
	color: #003f61;
	font-size: 22px;
	
}
.form-control {
    background-color: #dddddd;
}
.form-control {
    border-radius: 30px;
}
 #ctl00_ctl00_ContentPlaceHolderCentral_ContentPlaceHolderContenido_General_Identificarse1_General_C_Login1_lnkBtnOlvido {
	text-transform: none;
    font-size: 26px;
	color: #b68d24;
}
.separador20 .btn-acceso{
	border-radius: 30px;
}
.panel {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}
.rowCapaResumen p{
	color: #fff;

}
.btn-azulito.activo {
    background: #FFF!important;
    color: #003f61!important;
    border-radius: 7px;
}

/*landscape moviles*/
@media only screen and (min-width: 430px) and (max-width: 932px) {
	.btn-acceso {
		padding: 16px 14px;
	}

}
@media only screen and (min-width: 390px) and (max-width: 844px) {
	.btn-acceso {
		padding: 16px 14px;
	}

}
@media only screen and (min-width: 360px) and (max-width: 740px) {
	.seccion-Login {
		background-color: #ffffff;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    width: 90%;
    border-radius: 10px;
    margin: 0 auto;

	}
	#ALogin {
        left: 0px;
        width: 100%;
    }
	#AAlta {
		width: 100%;
        right: 0px;
    }
}
@media only screen and (min-width: 414px) and (max-width: 736px) {
	.seccion-Login {
		background-color: #ffffff;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    width: 90%;
    border-radius: 10px;
    margin: 0 auto;

	}
	#ALogin {
        left: 0px;
        width: 100%;
    }
	#AAlta {
        width: 100%;
        right: 0px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
	#ALogin {
        left: 0px;
        width: 100%;
    }
	#AAlta {
		width: 100%;
        right: 0px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
	#ALogin {
        left: 0px;
        width: 100%;
    }
	#AAlta {
		width: 100%;
        right: 0px;
    }
	
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	#ALogin {
		left: -21px;
        width: 255px;
    }
	#AAlta {
		width: 210px;
        right: 10px;
    }
	
	
}
/*FINlandscape moviles*/

@media (max-width: 992px) and (min-width: 768px) {
    .seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
        width: 70%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	#ctl00_ctl00_ContentPlaceHolderCentral_ContentPlaceHolderContenido_General_Identificarse1_General_C_Login1_lnkBtnOlvido {
		font-size: 19px;
	}
}

@media only screen and (min-width: 375px) and (max-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    #ALogin {
        width: 193px;
	}
	#AAlta {
        width: 166px;

	}
}


@media only screen and (min-width: 430px) and (max-height: 932px) and (orientation : portrait) {
	.p-t-20 {
		padding-top: 0px;
	}
    #ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 190px;
        border: none !important;
        left: -18px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 180px;
        border: none !important;
        right: 20px;
        border-radius: 0px 10px 0px 0;
	}
}

@media only screen and (min-width: 428px) and (max-height: 926px) and (orientation : portrait) {
	.p-t-20 {
		padding-top: 0px;
	}
    #ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 190px;
        border: none !important;
        left: -18px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 180px;
        border: none !important;
        right: 20px;
        border-radius: 0px 10px 0px 0;
	}
}

@media only screen and (min-width: 412px) and (max-height: 915px) and (orientation : portrait) {
    #ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 185px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;
        box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 169px;
        border: none !important;
        right: 16px;
        border-radius: 0px 10px 0px 0;
	}
	.p-t-20 {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 412px) and (max-height: 914px) and (orientation : portrait) {
    #ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 185px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 169px;
        border: none !important;
        right: 16px;
        border-radius: 0px 10px 0px 0;
	}
	.p-t-20 {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 414px) and (max-height: 896px) and (orientation : portrait){
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 190px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 165px;
        border: none !important;
        right: 12px;
        border-radius: 0px 10px 0px 0;
	}


}


@media only screen and (min-width: 384px) and (max-height: 854px) and (orientation : portrait){
	.seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	.p-t-20 {
		padding-top: 0px;
	}

	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 166px;
    border: none !important;
    right: 8px;
    border-radius: 0px 10px 0px 0;
		
	}
}
@media only screen and (min-width: 344px) and (max-height: 882px) and (orientation : portrait){
	.seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 180px;
        border: none !important;
        left: -13px;
        border-radius: 10px 0 0px;
        box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 146px;
        border: none !important;
        right: 5px;
        border-radius: 0px 10px 0px 0;
		
	}
	.p-t-20 {
        padding-top: 0px;
    }
}
@media only screen and (min-width: 390px) and (max-height: 844px) and (orientation : portrait){
	.seccion-Login {
		width: 100%;
	}
	.p-t-20 {
		padding-top: 0px;
	}
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width:171px;
        border: none !important;
        right: 10px;
        border-radius: 0px 10px 0px 0;
		
	}
}

@media only screen and (min-width: 384px) and (max-height: 824px) and (orientation : portrait){
	.seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	.p-t-20 {
		padding-top: 0px;
	}

	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 164px;
        border: none !important;
        right: 6px;
        border-radius: 0px 10px 0px 0;
		
	}
}
@media only screen and (min-width: 414px) and (max-height: 846px) and (orientation : portrait){
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
    border: none !important;
    right: 28px;
    border-radius: 0px 10px 0px 0;
	}


}
@media only screen and (min-width: 375px) and (max-height: 812px) and (orientation : portrait){
	.seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	.p-t-20 {
		padding-top: 0px;
	}

	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 159px;
        border: none !important;
        right: 4px;
        border-radius: 0px 10px 0px 0;
		
	}
}
@media only screen and (min-width: 360px) and (max-height: 800px) and (orientation : portrait){
	.seccion-Login {
        width: 100%;
	}
	.p-t-20 {
		padding-top: 0px;
	}
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 194px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 153px;
        border: none !important;
        right: 4px;
        border-radius: 0px 10px 0px 0;
	}
}
@media only screen and (min-width: 360px) and (max-height: 780px) and (orientation : portrait){
	.seccion-Login {
        width: 100%;
	}
	.p-t-20 {
		padding-top: 0px;
	}
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 194px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 153px;
        border: none !important;
        right: 4px;
        border-radius: 0px 10px 0px 0;
	}
}

@media only screen and (min-width: 360px) and (max-height: 740px) and (orientation : portrait){
	.seccion-Login {
        width: 100%;
	}
	.p-t-20 {
		padding-top: 0px;
	}
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 194px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 153px;
        border: none !important;
        right: 4px;
        border-radius: 0px 10px 0px 0;
	}
}
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation : portrait){
	.seccion-Login {
        width: 100%;
	}
	.p-t-20 {
		padding-top: 0px;
	}
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 194px;
        border: none !important;
        left: -15px;
        border-radius: 10px 0 0px;
		box-shadow: none;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 153px;
        border: none !important;
        right: 4px;
        border-radius: 0px 10px 0px 0;
	}
}
@media only screen and (min-width: 412px) and (max-height: 732px) and (orientation : portrait){
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 210px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 185px;
        border: none !important;
        right: 15px;
        border-radius: 0px 10px 0px 0;

	}


}
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation : portrait){
	#AAlta{
		width:165px;
        right: 10px;
	}
}


@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation : portrait){
	#ALogin{
		width: 207px;
        left: -17px;
		box-shadow: none;

	}
	
	#AAlta{
		width: 190px;
        right: 19px;
	}
}

@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation : portrait){
	.seccion-Login {
        background-color: #ffffff;
        color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100%;
        border-radius: 10px;
        margin-top: 0px !important;
    }
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 172px;
        border: none !important;
        left: -11px;
        border-radius: 10px 0 0px;
		box-shadow: none;
	}
	
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 132px;
        border: none !important;
        right: 1px;
        border-radius: 0px 10px 0px 0;
		
	}
	.p-t-20 {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 404px) and (max-height: 720px) and (orientation : portrait){
	#ALogin{
		background: linear-gradient(-69deg, #6e3c3c00 14.01%, #003f61 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
        width: 200px;
        border: none !important;
        left: -17px;
        border-radius: 10px 0 0px;

	}
	
	#AAlta{
		background: linear-gradient(110deg, #6e3c3c00 14.01%, #9b9b9b 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
		width: 187px;
        border: none !important;
        right: 20px;
        border-radius: 0px 10px 0px 0;
	}


}

/*Fin login*/





/* cesta*/
section > .container .seccion-Login >  section > .container .miCuenta{
	background-color: #dddddd;
	box-shadow: none;
}
.bloque1-slider {
    background: #fff0;
}
.titulo-slider-mipena {
    color: #ffffff;
    background: #003f61;
    text-align: center;
    border-radius: 7px;
}
.panel-body-jugada {
    background-color: #ffffff00;
}
.gameDetails .listDetailsGame .color-azul-oscuro {
    border: 1px solid #003f61;
    margin: 10px 0;
    border-radius: 7px;
}
.cuadroCestaIQ {
    border: 1px solid #c6c6c600;
}
.btn-tag-eu:hover {
    background: #003f61;
}

.banner-slider-agregarproductos .container .row .bloque1-slider .titulo-slider-mipena{
	width: 1155px;

}
/* iPads ( Landscape) ----------- */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.banner-slider-agregarproductos .container .row .bloque1-slider .titulo-slider-mipena {
		width: 1008px;
	}
}
/* iPads  ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
	.banner-slider-agregarproductos .container .row .bloque1-slider .titulo-slider-mipena {
		width: 752px;
	}
	
}
@media only screen and (max-device-width: 600px){
	.separador-bloquesCestaIQ {
		margin-top: 80px;
        padding: 0 0%;
    }
	.banner-slider-agregarproductos .container .row .bloque1-slider .titulo-slider-mipena {
		width: auto;
	}
	.gameDetails .listDetailsGame .color-azul-oscuro:last-child {
        border: 0 none;
        border: 1px solid #003f61;
        margin: 10px 0;
        border-radius: 7px;
    }
	.mijuegoBO:before{
		content: "";
        position: absolute;
        display: block;
        background-color: #1f354a;
        height: 3px;
        width: calc(80% + 14px);
        transform: translateY(799%);


	}
}

/*Fin cesta*/


/* ********** **********  ********** 
    PEÑAS  ********** ********* ********** **********  ********** ********** */



	/* **********  home peñas  ***********/
	@media (min-width: 1025px) {
		.banner-slider-PE {
			padding-top: 110px!important;
		}
	}
.wrapper {
    overflow: hidden;
}

 .bloque1-Pe{
    width: 1427px;
    position: relative;
    top: 54%;
    left: -12%;
    transform: translate(0%, 3%);
    -ms-transform: translate(-0%, -50%);
    background-size: auto 125% !important;
    background-position: calc(105vw - 610px) 59%;
    height: 15.57vw;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    background-size: auto 190% !important;
    background-position: calc(106vw - 569px) 0% !important;

}
.bloque1-Pe {
    background-image: url(/RecursosIQ/img/img_Loteria_Artea/pena_jugar.jpg)!important;
}
.penaNuevaImagen {
	background: linear-gradient(-65deg, #ff000000 29.01%, #003f61 29%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0', endColorstr='#f4efe2', GradientType=1 );
    height: 15.57vw;
    border-radius: 10px 10px 10px 10px;
    color: white;
}
.penaNueva-texto1{
	position: absolute;
    top: 13%;
    left: 3%;
    font-size: 80px;
    color: #ffffff;
    font-weight: 600;
}
.penaNueva-texto2{
    position: absolute;
    top: 47%;
    left: 3%;
    font-size: 62px;
    color: #ffffff;
}


.tabla-pena thead {
    background-color: #003f61 !important;
}
.tabla-pena > thead > tr > th {
    color: #ffffff !important;
}
.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-color: #003f61;
}
.btn-penas-agregar.activo {
    background: #003f61;
    width: 43px !important;
    height: 49px;
    border-radius: 6px;
}
.camposPenas {
    color: #003f61;
}



@media (min-width: 992px) and (max-width: 1458px) and (orientation: landscape) {
    .bloque1-Pe {
		background-size: auto 199% !important;
		background-position: calc(106vw - 487px) 0% !important;
	}
}
@media (min-width: 992px) and (max-width: 1455px) and (orientation: landscape) {
    .bloque1-Pe {
		background-size: auto 199% !important;
		background-position: calc(106vw - 549px) 0% !important;
		width: 1380px;
		left: -10%;
	}
}
@media (min-width: 992px) and (max-width: 1350px) and (orientation: landscape) {
    .bloque1-Pe {
		background-size: auto 199% !important;
		background-position: calc(106vw - 485px) 0% !important;
		width: 1316px;
        left: -7%;
	}
}
@media (min-width: 992px) and (max-width: 1345px) and (orientation: landscape) {
    .bloque1-Pe {
		background-size: auto 199% !important;
		background-position: calc(106vw - 389px) 0% !important;
	}
}

@media (min-width: 992px) and (max-width: 1215px) and (orientation: landscape) {
	.bloque1-Pe {
		background-size: auto 199% !important;
		background-position: calc(106vw - 292px) 0% !important;
	}
    
}
@media (min-width: 992px) and (max-width: 1375px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position: calc(106vw - 549px) 0% !important;
		width: 1320px;
        left: -7%;
    }
}
@media (min-width: 992px) and (max-width: 1370px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position: calc(106vw - 549px) 0% !important;
		width: 1320px;
        left: -7%;
    }
}
@media (min-width: 992px) and (max-width: 1365px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position: calc(106vw - 549px) 0% !important;
		width: 1320px;
        left: -7%;
    }
}
@media (min-width: 992px) and (max-width: 1322px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position: calc(106vw - 549px) 0% !important;
		width: 1262px;
        left: -5%;

    }
}
@media (min-width: 992px) and (max-width: 1260px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1220px;
        left: -3%;

    }
}
@media (min-width: 992px) and (max-width: 1226px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1173px;
        left: -1%;


    }
}
@media (min-width: 992px) and (max-width: 1221px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1189px;
        left: -2%;


    }
}

@media (min-width: 992px) and (max-width: 1200px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1173px;
        left: -1%;


    }
}
@media (min-width: 992px) and (max-width: 1195px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1130px;
        left: -9%;


    }
}
@media (min-width: 992px) and (max-width: 1140px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1069px;
        left: -7%;



    }
}
@media (min-width: 992px) and (max-width: 1120px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1069px;
        left: -7%;



    }
}
@media (min-width: 992px) and (max-width: 1090px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(106vw - 463px) 0% !important;
		width: 1020px;
        left: -4%;
    }
}
@media (min-width: 992px) and (max-width: 1026px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(114vw - 463px) 0% !important;
		width: 985px;
        left: -2%;
    }
}

@media (min-width: 992px) and (max-width: 990px) and (orientation: landscape) {
    .bloque1-Pe {
        background-size: auto 199% !important;
        background-position:calc(114vw - 463px) 0% !important;
		width: 985px;
        left: -2%;
    }
}





@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.btn-penas-agregar.activo {
		width: 39px !important;
	}
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.bloque1-Pe {
		left: 1%;
        background-position: calc(106vw - 716px) 0% !important;
        width: 990px;
        margin: 50px 0px 0px 0px !important;
		height: 16.57vw;

	}
	.banner-slider-PE .bloque1-slider {
        margin-top: 180px !important;
    }
	.penaNuevaImagen {
		height: 16.59vw;
	}
	.penaNueva-texto1 {
		top: 5%;
		font-size: 70px;
	}
	.penaNueva-texto2 {
		top: 47%;
	}	
		
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.bloque1-Pe {
        margin: 100px 0px 0px 0px !important;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.bloque1-Pe {
        margin: 183px 0px 0px 0px !important;
	}
}


@media (max-width: 992px) and (min-width: 768px) {
	.bloque1-Pe {
		left: 0%;
        background-position: calc(106vw - 775px) 0% !important;
        width: 750px;
        margin:185px 0px 0px 0px !important;
        height: 16.57vw;
	}
	.banner-slider-PE .bloque1-slider {
        margin-top: 180px !important;
    }
	.penaNuevaImagen {
		height: 16.59vw;
	}
	.penaNueva-texto1 {
		top: 5%;
		font-size:50px;
	}
	.penaNueva-texto2 {
		top: 47%;
		font-size: 45px;

	}

}


@media only screen and (max-width: 600px) {
	.bloque1-Pe {
		width: 480px;
		left: 0%;
		height: 22.57vw;
		background-position: calc(106vw - 628px) 0% !important;
	}
	.penaNuevaImagen {
		height: 22.57vw;
	}
	.penaNueva-texto1 {
		top: 5%;
		font-size: 50px;
	}
	.penaNueva-texto2 {
		font-size: 35px;
	}

}


@media only screen and (max-device-width: 767px)  {
	.bloque1-Pe {
		width: 358px;
		left: -2%;
		height: 26.57vw;
		margin-top: 64px !important;
	}
	.penaNuevaImagen {
		height: 26.57vw;
	}	
	.penaNueva-texto1 {
		top: 5%;
		font-size: 35px;
	}
	.penaNueva-texto2 {
		font-size: 32px;
	}
	
	
}
@media (max-width: 320px) {
	.bloque1-Pe {
        width: 304px;
		background-size: auto 129% !important;
	}
	.penaNueva-texto1 {
        font-size: 30px;
    }
	.penaNueva-texto2 {
        font-size: 25px;
    }
}
@media only screen and (max-device-width: 600px) {
	.penaNueva-texto2 {
		top: 45%;
	}	
	.penaNueva-texto1 {
        top: 10%;
	}
}








	/* **********   peñas INFO ***********/

	.titulo-slider-EU.sinMarginIQ {
    transform: translateX(-60%);
    margin: 0 0 0 0px !important;
	}
.subtitulo-slider-EU.p-t-5-bPenyasIQ{
	transform: translateX(-60%);

}
.p-t-0-bPenyasIQ{
	float: right;
    transform: translateY(-135%);
}
.banner-PenyasInfIQ .bloque1-slider {
    min-height: 100px;
	min-height: 80px;
}
.banner-PenyasInfIQ .bloqueCierre {
    min-height: 0px;
}
.banner-PenyasInfIQ{
	/*height:100px;*/
}
.w-100-bPenyasIQ {
    height: 15px;
}
.btn-penas {
    background: #003f61;
    color: white;
}
.btn-penas.activo {
    color: #ffffff;
    background: #003f61;
}
.btn-penas:hover {
    background: #003f61;
	opacity: .8;
}




@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.banner-PenyasInfIQ .bloque1-slider {
        height: 80px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.banner-PenyasInfIQ {
        margin-top: 0px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
	.banner-PenyasInfIQ .bloque1-slider {
		min-height: 50px;
		height: 70px;
	}
	
	.p-t-0-bPenyasIQ {
		transform: translateY(-100%);
	}
	.tituloMontomipena {
		font-size: 25px;
	}
	.recaudadoMontomipena {
		font-size: 70px;
	}
	.cuadrodias-mipena {
		min-height: 180px;
	}
	.diasJuegos-EU {
		font-size: 20px;
	}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
	#DivBannerPenya{
		height: 260px;
	}
	.banner-PenyasInfIQ {
		height: 100px;
	}
}
@media only screen and (min-width: 414px) and (max-height: 736px){
    .separador-bloquesPenyaIQ {
        margin-top: 0px !important;
	}
}



@media only screen and (max-device-width: 767px)  {
	.banner-PenyasInfIQ{
		height: 40px;
	}
	.separador-bloquesPenyaIQ {
		margin-top: 20px !important;
        top: -20px;
        position: relative;
    }
	.botonerapenasIQ {
		min-height: 62px!important;
        font-size: 19px!important;
        line-height: 20px;
        white-space: initial;
		border-radius: 7px;
    }
	.banner-PenyasInfIQ .bloque1-slider {
		min-height: 30px;
	}
	#DivBannerPenya{
		min-height: 151px !important;
	}
	.topInfPenyaIQ{
		margin-top: -30px;

	}
	.recaudadoMontomipena {
        color: #003f61;
	}
	.col .row {
		text-align: center !important;
        width: 70%;
        margin: 0 auto;
	}

}

@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	#DivBannerPenya {
        min-height: 158px !important;
    }
}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .botonerapenasIQ {
        min-height: 74px !important;
	}
}



@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	#DivBannerPenya {
        min-height: 170px !important;
    }
}
@media only screen and (max-device-width: 320px) {
	.botonerapenasIQ {
        min-height: 74px !important;
	}
}


@media only screen and (max-width: 600px) {
	.botonerapenasIQ {
        white-space: initial;
		font-size: 19px !important;
	}
}
	/* **********  fin peñas INFO  ***********/

	


/* ********** **********  ********** 
   fin PEÑAS  ********** ********* ********** **********  ********** ********** */

















	.bloque1-slider.bloque1-Pe{
		background: #a7c958;
	}
	.selectores {
	    color: #027d48;
		border: 2px solid #027d48;
		text-transform: uppercase;
		font-weight: 700;
		
	}
	section.container.seccion-boleto > div#panelJugada > div#ContentPlaceHolderCentral_UpdatePanelPenyas > div > .hidden-lg.hidden-md.col-xs-12 > .col-lg-12.col-sm-6.col-xs-12.p-t-10.p-b-10{
		margin-left: -10%;
		margin-right: -10%;
		width: 120%;

	
			.col-sm-6.col-xs-6 > .camposPenas.texto-left,
			.col-sm-6.col-xs-8 > .camposPenas.texto-left,
			.col-sm-12.col-xs-12 > .camposPenas.texto-left{
				text-transform: uppercase;
				color: #003f61;
			}

		
			.col-sm-6.col-xs-6 > .camposPenas.texto-right,
			.col-sm-6.col-xs-4 > .camposPenas.texto-right{
				color: #003f61;
			}
			.col-sm-6.col-xs-6 > .mijuegoPE{
				/*filter: brightness(0) invert(18%) sepia(14%) saturate(1847%) hue-rotate(168deg) brightness(93%) contrast(93%);*/
				transform: translateY(-43%);
				font-size: 18px;
				color: #003f61;
			}
	
	
			.col-sm-6.col-xs-6:nth-child(3) > .camposPenas.texto-left:before{
				content: "";
				position: absolute;
				display: block;
				background-color: #003f61;
				height: 3px;
				width: calc(184% + 14px);
				transform: translateY(-350%);
			}

		
			.col-sm-6.col-xs-6 > .detalles-jugada-mas-menos > .contenedor-mas-menos > .botonera-mas-menos{
				.qtyplus.borderright.btniq{
					background-color: #003f61;
					-moz-border-radius: 4px 0 0 4px;
				    -webkit-border-radius: 4px 0 0 4px;
				    border-radius: 4px 0 0 4px;
				}
				.qtyminus.borderleft.btniq{
					background-color: #003f61;
					-moz-border-radius: 0 4px 4px 0;
				    -webkit-border-radius: 0 4px 4px 0;
				    border-radius: 0 4px 4px 0;
				}
				.qty{
					background-color: #e7e7e7;
				}
			}

	
			.col-sm-3.col-xs-3 > .camposPenas.t-centro{
				a{
					display: block;
					padding: .65em 0 .5em;
					border-radius: 4px;
					background-color: #003f61;
					color: #ffffff;
					font-weight: 800;
				}
				a > i{
					display: none;
				}
				a[title="Ver participación"]:before{
					content: "VER";
				}
				a[title="Ver más información"]:before{
					content: "i";
				}
			}

		
			.col-sm-12.col-xs-12 > p > a.btn.btn-penas.activo.m-t-10.m-b-10{
				background: #003f61;
			}
	}
	@media only screen and (max-device-width: 767px)  {
	.selectores {
	    color: #003f61;
    border: 2px solid #003f61;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border-radius: 7px;
    padding: 10px 0 7px;
    text-align: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	section.container.seccion-boleto > div#panelJugada > div#ContentPlaceHolderCentral_UpdatePanelPenyas > div > .hidden-lg.hidden-md.col-xs-12 > .col-lg-12.col-sm-6.col-xs-12.p-t-10.p-b-10 {
        margin-left: 0%;
        margin-right: 0%;
        width: 100%;
    }
}
/*mi cuenta*/
.miCuenta{
	color: #fff;
    width: 100%;
    border-radius: 10px;
    margin-top: 0px !important;
}
.miCuenta aside div .headerAside {
    background: #003f61!important;
}
.miCuenta aside div ul .active {
    background: linear-gradient(to right, #003f61, #ffffffad) !important;
}
/*FINmi cuenta*/



/*  ***** ***** ***** ***** para bloquear pantallas horizontal ***** ***** ***** ***** */
@media screen and (max-width:932px) and (orientation: landscape) {
   body  {
      display: none;
    }
}


@media screen and (max-width:932px) and (orientation: landscape) {
	* {
		background-color: black;
	 }
	.app {
	  display: none;
	}
  
	* {
	  font-weight: 700;
	  font-size: 40px;
	  text-align: center;
	  color: white;
	  padding-top: 180px;
	}
	
	*::after {
	  Content: "Gire su móvil en modo vertical para ver el contenido.";
	}


}
/*  ***** ***** ***** ***** FINpara bloquear pantallas horizontal ***** ***** ***** ***** */


/*  ***** ***** ***** ***** seccion contacta ***** ***** ***** ***** */
.seccion-Contacta {
	width: fit-content;
}

/*  ***** ***** ***** ***** FINseccion contacta ***** ***** ***** ***** */



.BandaSeguraTipo32{
	    display: none;
}








/*diferete Artea*/
.LogoArteaHome {
    width: 45%;
    transform: translateX(-36%);
    top: -26px;
    position: relative;
	filter: brightness(1.2) contrast(1.1);
}
.telefono-STA3 {
    top: -30px;
    position: relative;
	    color: #f29500;

}
.Enlace-Logo {
    text-align: left;
    left: 10%;
    position: relative;
    padding: 33px 0!important;
}
.Enlace-Logo p {
    font-size: 30px;
    color: #000000;
    font-weight: 500;
}


@media only screen and (min-width: 1920px) {
	/* Estilos específicos para pantallas de 1920x1080 */
	.LogoArteaHome {
		top: -42px;
	}
	.enlacesJuegos {
		padding: 11px 0;
	}
	
  }




















@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.LogoArteaHome {
		top: -9px;
	}	
	.telefono-STA3 {
		top: -9px;
	}
	.Enlace-Logo p {
		font-size: 22px;
		line-height: 18px;
	}
	.Enlace-Logo {
		padding: 20px 0 !important;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
	.LogoArteaHome {
		top: -9px;
	}	
	.telefono-STA3 {
		top: -9px;
	}
	.Enlace-Logo p {
		font-size: 18px;
	
	}
	.Enlace-Logo {
		padding: 20px 0 !important;
	}

}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.LogoArteaHome {
		top: -9px;
	}	
	.telefono-STA3 {
		top: -9px;
	}
	.Enlace-Logo p {
		font-size: 18px;
	
	}
	.Enlace-Logo {
		padding: 20px 0 !important;
	}

}

@media only screen and (max-width: 600px) {
    .logo-relax-STASoloLogoIQ img {
        max-width: 65% !important;
        margin-top: 12px !important;
    }
}


@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait) {
	.logo-relax-STASoloLogoIQEscritorio{
		visibility: hidden;
	}
	.logo-relax-STASoloLogoIQ img {
		max-width: 40% !important;
       

    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
	.logo-relax-STASoloLogoIQEscritorio{
		visibility: initial!important;
		margin-top:0px !important;
	}
}
@media only screen and (max-width: 700px) {
	.logo-relax-STASoloLogoIQEscritorio{
		visibility: hidden;
	}
	.logo-relax-STASoloLogoIQ img {
        max-width: 65% !important;
        margin-top: 12px !important;
    }
}

@media only screen and (max-width: 600px) {
	.logo-relax-STASoloLogoIQEscritorio{
		visibility: hidden;
	}
	.logo-relax-STASoloLogoIQ img {
        max-width: 65% !important;
        margin-top: 12px !important;
    }
}
.barra-servicios {
    display: none;
}
/*FINdiferete Artea*/