@font-face {
	font-family: 'oveja';
	src: url(/DesktopModules/Proximitas/EnBuscaDelProtector/font/GoudarHL-Bold.otf);
}

.container-juego-main
{
	min-height:580px;
	padding-left:0 !important;
	padding-right:0 !important;
	position:relative;
}

.landing-main
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing.png');
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
	width:100%;
	max-width:1080px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;      
}

.titulo-main {
	margin-top: 9%;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-o-transition: all 1s ease; /* IE 9 */
	-ms-transition: all 1s ease;
	-webkit-transform: scale(0); /* Safari and Chrome */
	-moz-transform: scale(0); /* Firefox */
	-ms-transform: scale(0); /* IE 9 */
	-o-transform: scale(0);
   
}

.titulo-main-zoom
{
	-webkit-transform: scale(1); /* Safari and Chrome */
	-moz-transform: scale(1); /* Firefox */
	-ms-transform: scale(1); /* IE 9 */
	-o-transform: scale(1);
}




.titulo-main img
{
	width:90%;
	margin-left:5%;
	height:auto;
}

.btnComenzar
{
	cursor:hand;
	cursor:pointer;
}

.btnComenzar img{
	width:90%;
	height:auto;   
	margin-left:5%;  
}

.btnJugar
{
	cursor:hand;
	cursor:pointer;
	margin-top:5%;
}

.btnJugar img{
	width:100%;
	height:auto;   
}

.btnIngresar 
{
	cursor:hand;
	cursor:pointer;
	margin-top:5%;
}

.btnIngresar img,.btnIngresar input{
	width:100%;
	height:auto;   
}

.btnSiguienteNivel
{
	cursor:hand;
	cursor:pointer;
	margin-top:5%;
}

.btnSiguienteNivel img{
	width:100%;
	height:auto;   
}

.btnSeguirJugando
{
	cursor:hand;
	cursor:pointer;
	margin-top:5%;
}

.btnSeguirJugando img{
	width:100%;
	height:auto;   
}

#juego-zona
{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
	width:100%;
	max-width:1080px;
	height:100%;
	position:absolute;
	top:0;
	left:0;

}
.juego-zona-1
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_1.png');        
	z-index:20;
}

.juego-zona-2
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_2.png');  
	z-index:60;
}

.juego-zona-3
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_3.png');  
	z-index:100;
}

#juego-zona-fin
{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
	width:100%;
	max-width:1080px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.juego-mensaje-fin,.juego-mensaje-gracias,.juego-mensaje-gracias-doble
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_1.png');   
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
	width:100%;
	max-width:1080px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:120;
}

.juego-zona-1-fin
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_1.png');     
	z-index:40;
}

.juego-zona-2-fin
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_2.png');     
	z-index:80;
}

.juego-zona-3-fin
{
	background-image:url('/DesktopModules/Proximitas/EnBuscaDelProtector/images/bk_landing_3.png');     
	z-index:100;
}

.juego-consejo
{
	margin-top:8%;
}

.juego-zona-game
{
	width:100%;
	max-width:1080px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:30;
}

.juego-zona-game .row{
	height:100%;
}


.juego-zona-game .juego-puntaje
{
	border-left:5px dashed #fff;
	background:#27c2fa;
	height:100%;
}

.juego-timer
{
	font-family: 'oveja',Arial,sans-serif;
	font-size: 3em;
	color: #f9d7e6;
	position:absolute;
	top:5%;
	left:5%;
	z-index:30;
}

.bases-condiciones
{
	position:absolute;
	bottom:12%;
	width:100%;
	text-align:center;
	z-index:30;
}

.bases-condiciones a,.bases-condiciones a:hover,.bases-condiciones a:visited,.bases-condiciones a:link,.bases-condiciones a:active
{
	text-decoration:none;
	font-family: 'oveja',Arial,sans-serif;
	font-size: 1.3em;
	color: #fff;
}

.txt-nivel
{
	font-family: 'oveja',Arial,sans-serif;
	font-size: 3em;
	color: #f9d7e6;
	line-height: 0.9em;
	margin-top:10%;
}

.txt-nivel-desc
{
	font-family:'oveja',Arial,sans-serif;
	font-size:5em;
	color:#fdfca1;
	line-height: 1.2em;
}

.txt-nivel-bajada
{
	font-family: 'oveja',Arial,sans-serif;
	font-size: 3em;
	color: #fff;
	line-height: 0.9em;
}

.txt-felicitaciones
{
	font-family: 'oveja',Arial,sans-serif;
	font-size: 3.8em;
	color: #fff;
	line-height: 0.9em;
	margin-top:9%;
}

.txt-felicitaciones-bajada,.txt-bajada
{
	font-family: 'oveja',Arial,sans-serif;
	font-size: 2.3em;
	color: #fff;
	line-height: 0.9em;
}

.txt-bajada
{
	margin-top:4%;
}


.juego-puntaje
{
	height:100%;
}

.juego-puntaje-pote
{
	margin-top:20%;
}

.juego-puntaje-pote img
{
	width:60%;
	margin-left:20%;
}

.juego-puntaje-pote .area_cant
{
	background-image: url(/DesktopModules/Proximitas/EnBuscaDelProtector/images/area_cant.png);
	width: 23%;
	height: 25%;
	background-size: 100% 100%;
	position: absolute;
	bottom: 5%;
	right: 20%;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 1.3em;
	font-family: 'oveja',Arial,sans-serif;
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-moz-transition: all 0.5s ease; /* Firefox */
	-o-transition: all 0.5s ease; /* IE 9 */
	-ms-transition: all 0.5s ease;
}

.juego-puntaje-pote .area_cant_zoom
{
	-ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5); /* Standard syntax */

}

.juego-puntaje-pote .area_ok
{
	background-image: url(/DesktopModules/Proximitas/EnBuscaDelProtector/images/area_cant_ok.png);
	width: 23%;
	height: 25%;
	background-size: 100% 100%;
	position: absolute;
	bottom: 5%;
	right: 20%;
}

.juego-area-search-img
{
	width:100%;
}

.tit-ingame img
{
	width: 95%;
	margin-left: 10%;
	height: auto;
	margin-top:25%;
}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}

.advLogin_box {
    font:  inherit !important;
    font-size: inherit !important;
    width: inherit !important;
    margin: 0;
    padding: 0 !important;
    -moz-border-radius: 0 !important;
}

.iwebs-pnlLogin {
    min-height: 580px;
}

.caja-login input[type="text"],.caja-login input[type="password"]
{
	width: 90%;
    height: 40px;
    color: #000;
    font-size: 0.7em;
    float: left;
}

.juego-help
{
	display:none;
}

@media (max-width: 479px) {

	.juego-help
	{
		display: block;
		width: 24%;
		position: absolute;
		z-index: 100;
		right: 1%;
		top: 1%;
	}
	
	.juego-help img
	{
		width:100%;
		height:auto;
		
	}
	.landing-main,#juego-zona,.landing-main,#juego-zona-fin,.juego-mensaje-fin ,.juego-mensaje-gracias,.juego-mensaje-gracias-doble{
		background-size:auto 100%;
	}
	.titulo-main
	{
		margin-top:25%;
		margin-bottom:15%;
	}

	.titulo-main img
	{
		width:100%;
		margin-left:0%;
		height:auto;
		margin-top:0;
	}    


	.txt-nivel
	{ 
		font-size: 2em;
		line-height: 1.1em;
		margin-top:20%;
	}

	.txt-nivel-desc
	{               
		font-size:3em;
		line-height: 1.0em;
	}

	.txt-nivel-bajada
	{
		font-size: 2em;
		line-height: 1.1em;
	}
	
	.txt-felicitaciones
	{
		font-size: 1.9em;
		line-height: 0.9em;
		margin-top:25%;
	}

	.txt-felicitaciones-bajada,.txt-bajada
	{
		font-size: 1.5em;
		line-height: 0.9em;
	}

	.juego-zona-game .juego-area-search
	{
		overflow-x:scroll;
	}

	.juego-area-search-img {
		 width: auto;
	}

	.juego-area-search::-webkit-scrollbar { 
		display: none; 
	}

	.juego-puntaje-pote
	{
		margin-top:0%;
	}

	.juego-puntaje-pote img {
		width: 100%;
		margin-left: 0%;
	}

	.tit-ingame img {
		width: 100%;
		margin-left: 0;
		height: auto;
		margin-top: 15%;
	}

	.juego-puntaje-pote .area_cant
	{
		
		width: 32%;
		height: 25%;
		font-size: 0.9em;
		line-height: 2.1em;
	}

	.juego-felicitacion
	{
		margin-top:20%;
	}

	.juego-consejo {
		margin-top: 15%;
	}
	
	.juego-mensaje-fin {
		margin-top:15%;
	}
	
	.img-consejo
	{
		margin-top:15%;
	}


}