html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
@font-face {
    font-family: 'corporate_s_expert_bqitalic';
    src: url('../fonts/ufonts.com_corporate_s_expert_italic_osf_1_-webfont.eot');
    src: url('../fonts/ufonts.com_corporate_s_expert_italic_osf_1_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_corporate_s_expert_italic_osf_1_-webfont.woff') format('woff'),
         url('../fonts/ufonts.com_corporate_s_expert_italic_osf_1_-webfont.ttf') format('truetype'),
         url('../fonts/ufonts.com_corporate_s_expert_italic_osf_1_-webfont.svg#corporate_s_expert_bqitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'corporate_sdemi';
    src: url('../fonts/corporates-demi-webfont.eot');
    src: url('../fonts/corporates-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corporates-demi-webfont.woff') format('woff'),
         url('../fonts/corporates-demi-webfont.ttf') format('truetype'),
         url('../fonts/corporates-demi-webfont.svg#corporate_sdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	height: 100%;
	min-height: 100% !important;
	background-image: url(../img/fondo.jpg);

}
body{
	background-image: url(../img/opacidad.png);
	margin: 0;
	height: 100%;

}




.pararViaje{
	display: none;
	width:100%;
	height:100%;
	background:transparent;
	position:absolute;
	z-index:9999999
}
.ui-loader{
	display: none;
}

/* Animaciones portrait */
.portrait{

	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	z-index: 10000 ;

}



.portrait .phone{

	position: absolute;
	width: 62px;
	height: 120px;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: -31px;
	background-image: url(../img/smartphone.png);
	-webkit-animation: movil infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2.5s;
	-moz-animation: movil infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 2.5s;
	-o-animation: movil infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 2.5s;
	-ms-animation: movil infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 2.5s;
}

@-webkit-keyframes movil {
    0% {
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    40% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);

    }
}

.portrait .check{
	position: relative;
	width: 22px;
	height: 21px;
	background-image: url(../img/check.png);
	opacity: 0;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -11px;
	-webkit-animation: check infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2.5s;
	-moz-animation: check infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 2.5s;
	-ms-animation: check infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 2.5s;
	-o-animation: check infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 2.5s;
}
@-webkit-keyframes check {
    0% {
        opacity: 0;
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
    40% {
        opacity: 0;
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;
    }
}

.portrait .texto{
	width: 100%;
	height: 40px;
	text-align: center;
	padding-top: 25px;
	color: #15d1e8;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}
.portrait .texto img{
	margin-top: 5px;
}

.stage0{

}
.stage0 .banda{
	height: 88px;
	width: 100%;

	top: 50%;
	margin-top: -44px;
	position: absolute;
}

.stage0 .banda .pc{
	width: 161px;
	height: 87px;

	float: left;
	margin-left: 50px;
	margin-top: -20px;

}




.stage0 .banda .phone{
	width: 23px;
	height: 43px;
	position: absolute;
	float: right;
	right: 50px;

}

.stage0 .texto{
	position: absolute;
	width: 308px;
	height: 60px;
	text-align: center;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -154px;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
	opacity: 1;


}
.stage0 .ok{
	opacity: 0;
}
.stage0 .esperando{
	display: block;
	-webkit-animation: texto infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: texto infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-animation: texto infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: texto infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
}
@-webkit-keyframes texto {
    0% {
        opacity: 0;
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
    50% {
        opacity: 1;
        -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
}


/* Fin Animaciones portrait */
/*Etapa 1*/
.stage1 .llave{
	position: absolute;
	width: 308px;
	height: 230px;
	left: 50%;
	top: 50%;
	margin-top: -115px;
	margin-left: -170px;

}
.stage1 .texto{
	position: absolute;
	width: 308px;
	height: 60px;
	text-align: center;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -154px;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.stage1 .texto img{
	margin-top: 5px;
}
.stage1 .key{
	position:absolute;
}
.stage1 .glow{
	position:absolute;
	opacity:0;
	-webkit-animation: glow infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-ms-animation: glow infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-moz-animation: glow infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-animation: glow infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
}
@-webkit-keyframes glow {
    0% {
        opacity: 0;
         -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
    50% {
        opacity: 1;
         -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;
    }
    100% {
        opacity: 0;
         -webkit-opacity: 0;
        -ms-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
    }
}
/*Fin Etapa 1*/
/*Etapa 2*/
.stage2 {
	display: none;
}
.stage2 .puerta{
	position: absolute;
	width: 288px;
	height: 54px;
	background-color: #000;
	border: 1px solid #fff;
	left: 50%;
	top: 50%;
	margin-top: -27px;
	margin-left: -144px;

}
.stage2 .puerta .slider{
	width: 233px;
	height: 54px;
	float: left;
}
.stage2 .puerta .caja{
	width: 54px;
	height: 54px;
	border-left: 1px solid #fff;
	float: left;
}
.stage2 .texto{
	position: absolute;
	width: 308px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-top: -120px;
	margin-left: -154px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.stage2 .texto img{
	margin-top: 5px;
}
.stage2 .fi{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: -6px;
	right: 90px;
	-webkit-animation: fi infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-ms-animation: fi infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-moz-animation: fi infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-animation: fi infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
}
@-webkit-keyframes fi {
    0% {
        opacity: 1;
         -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;

    }

    40%{

    	opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }

    100% {

        opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }




}
.stage2 .fi2{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: -6px;
	right: 100px;
	opacity: 0.6;
	-webkit-animation: fi2 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-ms-animation: fi2 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-moz-animation: fi2 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-animation: fi2 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;

}
@-webkit-keyframes fi2 {
     0% {
        opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }


    40% {
         opacity: 1;
         -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;
    }

    100% {

         opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }


}
.stage2 .fi3{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: -6px;
	right: 110px;
	opacity: 0.2;
	-webkit-animation: fi3 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: fi3 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-animation: fi3 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: fi3 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;


}
@-webkit-keyframes fi3 {

     30% {
          opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }



    90% {
          opacity: 1;
         -webkit-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity:1;
        -o-opacity: 1;
    }



    100% {
          opacity: 0.2;
         -webkit-opacity: 0.2;
        -ms-opacity: 0.2;
        -moz-opacity: 0.2;
        -o-opacity: 0.2;
    }

}

#boundry {
	background-image:url(../img/barra2.png);
	background-size:100% 100%;
	max-width: 233px;
	width: 233px;
}

#dragger {
	background-image:url(../img/dragger.png);
	width:38px;
	height:54px;
	cursor:pointer;
	left: 195px;
}
/*Fin Etapa 2*/
/*Etapa 3*/
.stage3{
	display: none;
}
.stage3 .footer{
	width: 100%;
	height: 66px;
	bottom: 0;
	position: absolute;
	text-align: center;
}
.stage3 .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}
.stage3 .footer .siguiente{
	width: 300px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index:9999;
	/*border: 1px solid #fff;
	background-image: url(../img/fondo_siguiente.jpg);*/
}
.stage3 .footer .siguiente .flecha{
	width: 60px;
	height: 48px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;
	line-height: 65px;
}
.stage3 .footer .siguiente .texto{
	width: 239px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}
.stage3 .botones{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -135px;

	/*margin-left: -160px;*/
	/*background-color: red;*/

}

.stage3 .textoOpcion{
	/*position: absolute;*/
	width: 320px;
	height: 50px;
	text-align: center;
	/*left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -180px;*/
	/*padding-top: 64px;
	padding-bottom: 30px;*/
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.stage3 .textoOpcion img{
  	margin-top: 5px;
}
.stage3 .botones ul{
	width: 280px;
	height:auto;
	text-align: center;
	margin: 0 auto;
}
.stage3 .botones ul li{
	width: 58px;
	height: 58px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	/*background:#000;
	color:white;*/
	margin:10px 10px 10px 10px;

	/*border: 1px solid #fff;*/

}


.stage3 .contenedorFicha{
  width: 58px;
  height: 58px;
  overflow: hidden;
  margin: 0 auto;


  position: relative;

  -webkit-perspective: 800;
  -moz-perspective: 800;
  -0-perspective: 800;
  -ms-perspective: 800;
  perspective: 800;
}
.contenedorFicha .ficha{
  /*box-shadow: 0px 0px 5px black;*/
  height: 100%;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.5s;

    -moz-transform-style: preserve-3d;
  -moz-transition: all 0.5s;

   -ms-transform-style: preserve-3d;
  -ms-transition: all 0.5s;

   -o-transform-style: preserve-3d;
  -o-transition: all 0.5s;

    transform-style: preserve-3d;
  transition: all 0.5s;
}
.contenedorFicha .ficha .lado{
  position: absolute;
  height: 58px;
  width: 58px;
  background-color: #000;
  -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #fff;

}
.contenedorFicha .ficha .frente{
  font-family: 'libre Baskerville', arial;
  height: 56px;
  width: 56px;
}
.contenedorFicha .ficha .atras .opuesto{
  /*width: 130px;*/

  width: 180px;
height: 40px;
margin-top: -20px;
margin-left: -90px;
left: 50%;
top: 50%;
position: absolute;
/*margin: 0 auto;*/
  line-height: 17px;
  font-size: 12px;

  overflow: hidden;

}
.contenedorFicha .f1 .atras{
  background: url(../img/04.png);

  height: 56px;
  width: 56px;
  background-color: #000;
  -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    text-align: center;

    font-family: 'libre Baskerville', arial;
    font-style: italic;
    font-size: 14px;
}

.contenedorFicha .f2 .atras{
  background: url(../img/05.png);

  height: 56px;
  width: 56px;
  background-color: #000;
  -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);

    transform: rotateY(180deg);
    text-align: center;

    font-family: 'libre Baskerville', arial;
    font-style: italic;
    font-size: 14px;
}

.contenedorFicha .f3 .atras{
  background: url(../img/06.png);

  height: 56px;
  width: 56px;
  background-color: #000;
  -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    text-align: center;

    font-family: 'libre Baskerville', arial;
    font-style: italic;
    font-size: 14px;
}

.stage3 .vuelta, .stage3 .play{
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	background-color: #000;
}
.galeria{
	display: none;
}
.galeria .cabecera{
	width: 100%;

	height: 71px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}
.galeria .cabecera .cerrar{
	width: 45px;
	height: 71px;
	float: right;
	text-align: center;
	line-height: 85px;

}
.galeria .cabecera .titulo{
	width: 273px;
	height: 71px;
	float: left;
	line-height: 78px;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #fff;


}
.galeria .gal{
	width: 100%;
	height: 240px;
	margin-top: -80px;
	top: 50%;
	position: absolute;

}
.galeria .texto{
	width: 320px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -120px;
	position: absolute;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.galeria .texto img{
  	margin-top: 5px;
}

/**/
.galeriaCx{
	display: none;
}
.galeriaCx .cabecera{
	width: 100%;

	height: 71px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}
.galeriaCx .cabecera .cerrar{
	width: 45px;
	height: 71px;
	float: right;
	text-align: center;
	line-height: 85px;

}
.galeriaCx .cabecera .titulo{
	width: 273px;
	height: 71px;
	float: left;
	line-height: 78px;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #fff;


}
.galeriaCx .gal{
	width: 100%;
	height: 240px;
	margin-top: -80px;
	top: 50%;
	position: absolute;

}
.galeriaCx .texto{
	width: 320px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -120px;
	position: absolute;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.galeriaCx .texto img{
  	margin-top: 5px;
}

/**/
.galeriaJuego{
	display: none;
}
.galeriaJuego .cabecera{
	width: 100%;

	height: 71px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}
.galeriaJuego .cabecera .cerrar{
	width: 45px;
	height: 71px;
	float: right;
	text-align: center;
	line-height: 85px;

}
.galeriaJuego .cabecera .titulo{
	width: 273px;
	height: 71px;
	float: left;
	line-height: 78px;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #fff;


}
.galeriaJuego .gal{
	width: 100%;
	height: 240px;
	margin-top: -80px;
	top: 50%;
	position: absolute;

}
.galeriaJuego .texto{
	width: 320px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -120px;
	position: absolute;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.galeriaJuego .texto img{
  	margin-top: 5px;
}

.playVideo{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/opacidad.png);
	z-index: 10;
	display: none;
}
.playVideo .fondo{
	width: 172px;
	height: 81px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8.5px;
	margin-left: -86px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.playVideo .fondo .mascara{
	width: 172px;
	height: 40px;
	overflow: hidden;

	position: absolute;
}
/*
.gallery_content .inst1 {
	margin:20px 0;
	margin-left:50%;
	left:-252px;
	position:absolute;
}


*/
.playVideo .fondo .mascara .peli{

	/*position: absolute;

	top: 100px;*/

	 margin-top: -20px;
	-webkit-animation: carrete infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: .5s;
	/*-ms-animation: carrete infinite;
	-ms-animation-timing-function: linear;
	-ms-animation-duration: .5s;
	-o-animation: carrete infinite;
	-o-animation-timing-function: linear;
	-o-animation-duration: .5s;
	-moz-animation: carrete infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: .5s;*/
}
@-webkit-keyframes carrete {
    0% {
        margin-top: -20px;
      /*  -webkit-margin-top: -20px;
        -o-margin-top: -20px;
        -ms-margin-top: -20px;
        -moz-margin-top: -20px;*/
    }


    100% {
        margin-top: 0px;
        /*-webkit-margin-top: 0px;
        -o-margin-top: 0px;
        -ms-margin-top: 0px;
        -moz-margin-top: 0px;*/
    }




}
.playVideo .pararVideo{
	width: 100%;
	height: 71px;
	border-bottom: 1px solid #fff;
	background-color: #000;

}

.playVideo .pararVideo .titulo{
	width: 200px;
	height: 71px;
	margin-left: 24px;
	float: left;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #fff;
	line-height: 71px;
	background-color: #000;
}
.playVideo .pararVideo .cerrar{
	width: 70px;
	height: 71px;

	text-align: center;
	float: right;
	line-height: 80px;
}
.galeria .ampliar{
	position: absolute;
	width: 100%;
	height: 0;
	background-color: #000;
	bottom: 0px;
	border-top: 1px solid #000;
	text-align: center;
	z-index: 4;
	overflow: hidden;
}

.galeria .ampliar img{
	position: absolute;
	width: 38px;
	height: 38px;
	top: 50%;
	left: 50%;
	margin-top: -19px;
	margin-left: -19px;
}

.wrap {
	width:100%;
	min-width:256px;
	max-width:360px;
	height:240px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

.gallery_content {
	max-width:360px;
	width:100%;
	margin:0 auto;
	margin-top: 62px;
	background-image: url(../img/touch.png);
	background-repeat:no-repeat;
}

.touch{
	opacity: 0;
	width: 288px;
	height: 141px;
	left: 50%;
	top: 50%;
	margin-top: -50.5px;
	margin-left: -144px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;

}
.touchCx{
	opacity: 0;
	width: 288px;
	height: 141px;
	left: 50%;
	top: 50%;
	margin-top: -50.5px;
	margin-left: -144px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.gallery_content .inst1 {
	margin:20px 0;
	margin-left:50%;
	left:-252px;
	position:absolute;
}

.gallery_content .inst2 {
	margin-top:63px;
	margin-left:50%;
	left:-33px;
	position:absolute;
}

/**/
.gallery_contentCx {
	max-width:360px;
	width:100%;
	margin:0 auto;
	margin-top: 62px;
	background-image: url(../img/touch.png);
	background-repeat:no-repeat;
}

.gallery_contentCx .inst1Cx {
	margin:20px 0;
	margin-left:50%;
	left:-252px;
	position:absolute;
}

.gallery_contentCx .inst2Cx {
	margin-top:63px;
	margin-left:50%;
	left:-33px;
	position:absolute;
}

/**/
.gallery_contentJuego {
	max-width:360px;
	width:100%;
	margin:0 auto;
	margin-top: 62px;
	background-image: url(../img/touch.png);
	background-repeat:no-repeat;
}

.gallery_contentJuego .inst1Juego {
	margin:20px 0;
	margin-left:50%;
	left:-252px;
	position:absolute;
}

.gallery_contentJuego .inst2Juego {
	margin-top:63px;
	margin-left:50%;
	left:-33px;
	position:absolute;
}



/*Fin etapa 3*/
/*etapa 4*/
.gira{
	display: none;
}
.gira .phone{
	position: absolute;
	width: 62px;
	height: 120px;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: -31px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	background-image: url(../img/smartphone.png);
	-webkit-animation: gira infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2.5s;
	-moz-animation: gira infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 2.5s;
	-o-animation: gira infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 2.5s;
	-ms-animation: gira infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 2.5s;
}

@-webkit-keyframes gira {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);

    }
}

.gira .check{
	position: relative;
	width: 22px;
	height: 21px;
	background-image: url(../img/check.png);
	opacity: 0;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -11px;
	-webkit-animation: checkGira infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2.5s;
	-webkit-transform: rotate(-90deg);
	-ms-animation: checkGira infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 2.5s;
	-ms-transform: rotate(-90deg);
	-moz-animation: checkGira infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 2.5s;
	-moz-transform: rotate(-90deg);
	-o-animation: checkGira infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 2.5s;
	-o-transform: rotate(-90deg);

}
@-webkit-keyframes checkGira {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
    }
    40% {
        opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
    }
}

.gira .texto{
	width: 320px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -120px;
	position: absolute;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.gira .texto img{
	margin-top: 5px;
}

.comenzar{
	display: none;
}

.comenzar .comenzarJuego{
	width: 160px;
	height: 48px;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -80px;
	background-color: #000;
	border: 1px solid #fff;
	position: absolute;
	text-align: center;
	color: #fff;
	line-height: 48px;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}

.comenzar .texto{
	width: 320px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -90px;
	position: absolute;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}
.comenzar .texto img{
	margin-top: 5px;
}

.stage4{
	display: none;
}
.stage4 .flechader{
	opacity: 0;
	position: absolute;
	height: 40px;
	width: 82px;
	top: 50%;
	margin-top: -20px;

	right: 70px;
}
.stage4 .flechaizq{
	position: absolute;
	opacity: 0;
	height: 40px;
	width: 82px;
	top: 50%;
	margin-top: -20px;
	left: 70px;
}
.stage4 .movilJuego{
	position: absolute;
	height: 64px;
	width: 64px;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -32px;


}
/*Fin etapa 4*/
/*Etapa 6*/
.stage6{
	display: none;
}
.stage6 .tapicerias{
	position: absolute;
	width: 250px;
	height: 194px;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -88px;


}

.stage6 .tapicerias .hueco{
	width: 250px;
	height: 82px;

}
.stage6 .tapicerias .tapices{
	width: 250px;
	height: 112px;

}
.stage6 .tapicerias .tapices ul li{
	width: 71px;
	height: 48px;
	float: left;
	background-image: url(../img/huecoVacioFondo.png);
	margin-bottom: 12px;

}

.stage6 .tapicerias .tapices ul li img{
	width: 71px;
	height: 48px;
	border: 1px solid #fff;
	z-index: 5;
}
.stage6 .tapicerias .tapices ul .sep{
	margin: 0 15px 00 15px;
}
.stage6 .tapicerias .huecoIzq{
	width: 125px;
	height: 82px;
	float: left;

}
.stage6 .tapicerias .huecoIzqMarca{
	position: absolute;
	width: 125px;
	height: 82px;
	float: left;
	background-image: url(../img/huecoFlecha.png);
	z-index: 2;
}

.stage6 .tapicerias .huecoDerMarca{
	position: absolute;
	width: 125px;
	height: 82px;
	float: left;
	background-image: url(../img/huecoFlecha2.png);
	z-index: 2;
	right: 0;
}
.stage6 .tapicerias .huecoDer{
	width: 125px;
	height: 82px;

	float: left;
}



.stage6 .tapicerias .marcaVacio{
	margin-left: 15px;
	width: 81px;
	height: 58px;
	background-image: url(../img/huecoVacio.png);
	position: relative;
}

.stage6 .tapicerias .marcaVacio .huecoVacio{
	width: 73px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -36.5px;
	background-image: url(../img/huecoVacioFondo.png);

}

.stage6 .tapicerias .marcaVacioDer{
	margin-left: 28px;
	width: 81px;
	height: 58px;
	background-image: url(../img/huecoVacio.png);
	position: relative;
}

.stage6 .tapicerias .marcaVacio .huecoVacioDer{
	width: 73px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -36.5px;
	background-image: url(../img/huecoVacioFondo.png);

}

.stage6 .tapicerias .marcaVacioDer .huecoVacio{
	width: 73px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -36.5px;
	background-image: url(../img/huecoVacioFondo.png);

}

.stage6 .footer{
	width: 100%;
	height: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;

}

.stage6 .footer img{
	width: 170px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -85px;
}

.stage6 .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}


.stage6 .footer .siguiente{
	width: 300px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index:9999;
	/*border: 1px solid #fff;
	background-image: url(../img/fondo_siguiente.jpg);*/
}
.stage6 .footer .siguiente .flecha{
	width: 60px;
	height: 48px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;
	line-height: 65px;
}
.stage6 .footer .siguiente .texto{
	width: 239px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}
.stage6 .headerTapiz{
	width: 320px;
	height: 85px;

	margin: 0 auto;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #15d1e8;
	text-align: center;
	position: relative;

}
.stage6 .headerTapiz .sliderTapiz{
	width: inherit;
	height: 85px;


}
#boundryTap {
	background-image:url(../img/barra2.png);
	background-size:100% 100%;
	max-width: 286px;
	width: 286px;
}

#draggerTap {
	background-image:url(../img/dragger.png);
	width:38px;
	height:54px;
	cursor:pointer;
	left: 123px;

}
.stage6 .headerTapiz .sliderTap{
	width: 286px;
	height: 54px;
	left: 50%;
	margin-left: -143px;
	position: absolute;

}
.stage6 .headerTapiz .sliderTapiz .title{
	width: inherit;
	height: 36px;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #15d1e8;
	text-align: center;
	line-height: 55px;


}
.stage6 .headerTapiz .sliderTapiz{
	display: none;
}
.stage6 .headerTapiz .text{
	position: absolute;
	width: inherit;
	height: 36px;
	top: 50%;
	margin-top: -18px;
}
.stage6 .fi{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	left: 125px;
	-webkit-animation: fi infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-o-animation: fi infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-ms-animation: fi infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-moz-animation: fi infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
}
.stage6 .fiT{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	right: 128px;
	-webkit-transform: rotate(180deg);
	-webkit-animation: fi infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-transform: rotate(180deg);
	-moz-animation: fi infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-transform: rotate(180deg);
	-o-animation: fi infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-ms-transform: rotate(180deg);
	-ms-animation: fi infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
}

.stage6 .fi2{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	left: 115px;
	opacity: 0.6;
	-webkit-animation: fi2 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: fi2 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-animation: fi2 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-ms-animation: fi2 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;

}

.stage6 .fiT2{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	right: 118px;
	opacity: 0.6;
	-webkit-transform: rotate(180deg);
	-webkit-animation: fi2 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-transform: rotate(180deg);
	-moz-animation: fi2 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-o-transform: rotate(180deg);
	-o-animation: fi2 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-ms-transform: rotate(180deg);
	-ms-animation: fi2 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;

}

.stage6 .fi3{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	left: 105px;
	opacity: 0.2;
	-webkit-animation: fi3 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-ms-animation: fi3 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: fi3 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-moz-animation: fi3 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;


}
.stage6 .fiT3{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 15px;
	right: 108px;
	opacity: 0.2;
	-webkit-transform: rotate(180deg);
	-webkit-animation: fi3 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-transform: rotate(180deg);
	-moz-animation: fi3 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-transform: rotate(180deg);
	-ms-animation: fi3 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-transform: rotate(180deg);
	-o-animation: fi3 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;


}


/*Fin Etapa 6*/
/*Etapa 7*/
.stage7{
	display: none;
}
.stage7 .footer{
	width: 100%;
	height: 200px;
	background-color: #000;
	position: absolute;
	bottom: 0;
}

.stage7 .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}

.stage7 .footer img{
	width: 170px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -85px;
}
.stage7 .footer ul{
	width: 100%;
	height: 200px;
}
.stage7 .footer ul li{
	width: 100%;
	height: 49px;
	border-top: 1px solid #fff;
	line-height: 49px;
	text-align: center;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;

}
.stage7 .footer ul li:active, .stage7 .footer ul li:focus{
	background-color: #15d1e8;

}
.stage7 .colores{
	width: 228px;
	height: 125px;
	top: 50%;
	left: 50%;
	margin-top: -167px;
	margin-left: -114px;
	position: absolute;

}
.stage7 .colores .tit{
	width: 228px;
	height: 30px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #15d1e8;
}
.stage7 .colores ul{
	width: 228px;
	height: 95px;

}
.stage7 .colores ul li{
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 0 15px 0;
}

.stage7 .colores ul .separa{
	margin: 0 23px 0 23px;
}
.stage7 .colores ul .separ{
	margin: 0 22px 0 0;
}
.stage7 .colores ul .borde{
	 margin: -1px 0 0 -1px;
	 border: 1px solid #fff;

}
/*Fin Etapa 7*/
/*gameOption*/
.gameOption{
	display: none;
}

.gameOption  ul{
	width: 280px;
	height:auto;
	text-align: center;
	margin: 0 auto;
}
.gameOption .botones ul li{
	width: 58px;
	height: 58px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	margin:10px 10px 10px 10px;
}

.gameOption .botones{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -115px;
}

.gameOption .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.gameOption .textoOpcion img{
  	margin-top: 5px;
}

.gameOption .play, .gameOption .lupa, .gameOption .replay{
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	background-color: #000;
}

.gameOption .footer{
	width: 100%;
	height: 66px;
	bottom: 0;
	position: absolute;
}

.gameOption .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}

.gameOption .footer img{
	width: 170px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -85px;
}

.gameOption .footer .siguiente{
	width: 300px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index:9999;
	/*border: 1px solid #fff;
	background-image: url(../img/fondo_siguiente.jpg);*/
}
.gameOption .footer .siguiente .flecha{
	width: 60px;
	height: 48px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;
	line-height: 65px;
}
.gameOption .footer .siguiente .texto{
	width: 239px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}
/*Fin gameOption*/
/*offRoadMode*/
.offRoadMode{
	display: none;
}

.offRoadMode .findMore{
	width: 100%;
	height: 71px;
	top: 0;
	position: absolute;
	border-bottom: 1px solid #fff;
	background-color: rgba(0,0,0,0.5);
}
.offRoadMode .findMore .lupa{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 7px;
}.offRoadMode .findMore p{
	display: inline-block;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	margin-top: 25px;
	margin-left: 10px;
}

.offRoadMode .icono{
	background-image: url(../img/fondo_cenital.png);
	width: 90px;
	height: 90px;
	border: 1px solid #fff;
	margin-left: -45px;
	left: 50%;
	margin-top: 5px;
	position: absolute;
}.offRoadMode .icono img{
	margin-left: 20px;
	margin-top: 40px;
}

.offRoadMode .iconOffRoad{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -65px;
}

.offRoadMode .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.offRoadMode .textoOpcion img{
  	margin-top: 5px;
}

.offRoadMode .icono .luzOn{
	background-image: url(../img/luz_on.png);
	width: 47px;
	height: 30px;
	position: absolute;
	margin-left: 21px;
	margin-top: 4px;

	opacity: 0;
}
/*FinOffRoadMode*/

/*Descenso*/
.onDescenso{
	display: none;
}

.onDescenso .findMore{
	width: 100%;
	height: 71px;
	top: 0;
	position: absolute;
	border-bottom: 1px solid #fff;
	background-color: rgba(0,0,0,0.5);
}
.onDescenso .findMore .lupa{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 7px;

}.onDescenso .findMore p{
	display: inline-block;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	margin-top: 25px;
	margin-left: 10px;

}

.onDescenso .icono{
	background-image: url(../img/fondo_cenital.png);
	width: 90px;
	height: 90px;
	border: 1px solid #fff;
	margin-left: -45px;
	left: 50%;
	margin-top: 24px;
	position: absolute;
}.onDescenso .icono img{
	margin-left: 20px;
	margin-top: 40px;
}

.onDescenso .iconOnDescenso{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -84px;
}

.onDescenso .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.onDescenso .textoOpcion img{
  	margin-top: 5px;
}

.onDescenso .icono .luzOn{
	background-image: url(../img/luz_on.png);
	width: 47px;
	height: 30px;
	position: absolute;
	margin-left: 21px;
	margin-top: 4px;

	opacity: 0;
}

/*light*/

.lightOff{
	display: none;
}
#boundryTapLuz {
	background-image:url(../img/backBar.png);
	background-size:100% 100%;
	max-width: 89px;
	width: 89px;
	height: 39px;
	margin-left: 56px;
	margin-top: 20px;
}

#draggerTapLuz {
	background-image:url(../img/knob.png);
	width:38px;
	height:40px;
	cursor:pointer;



}
.icono_luz .sliderTap{
	width: 89px;
	height: 22px;
	left: 50%;
	margin-left: -143px;
	position: absolute;

}

.lightOff .findMore{
	width: 100%;
	height: 71px;
	top: 0;
	position: absolute;
	border-bottom: 1px solid #fff;
	background-color: rgba(0,0,0,0.5);
}
.lightOff .findMore .lupa{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 7px;
}.lightOff .findMore p{
	display: inline-block;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	margin-top: 25px;
	margin-left: 10px;
}

.lightOff .iconolightOff{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -85px;
}

.lightOff .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
}

.lightOff .textoOpcion img{
	margin-top: 5px;
}

.lightOff .icono_luz{
	width: 188px;
	height: 82px;
	border: solid 1px #ffffff;
	background-color: rgba(0,0,0,0.8);
	margin: 30px auto;
	background-image:url(../img/fondo_luces.png);
}.lightOff .icono_luz .fondo_luces{
	background-image: url('../img/solLuna.png');
	width: 158px;
	height: 40px;

	background-color: blue;
}.lightOff .icono_luz .fondo_luces .fondo_bt_luces{
	background-image: url('../img/backBar1.png');
	width: 89px;
	height: 40px;
	margin-left: 38px;
	/*background:red;*/
}.lightOff .icono_luz .fondo_luces .fondo_bt_luces .btLuz{
	background-image: url('../img/knob.png');
	width: 39px;
	height: 40px;
	position: absolute;
	position: absolute;
	margin-top: -7px;
	margin-left: 0px;
	cursor: pointer;
}.lightOff .icono_luz .fondo_luces .fondo_bt_luces .btLuz img{
	position: absolute;
	margin-left: -20px;
	margin-top: -12px;
}


.lightOff .fi{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 14px;
	right: 130px;
	-webkit-animation: fit infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: fit infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-animation: fit infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: fit infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
}
@-webkit-keyframes fit {

    30% {
        opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }



    90% {
        opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
    }



    100% {
       opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }

}
.lightOff .fi2{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 14px;
	right: 140px;
	opacity: 0.6;
	-webkit-animation: fit2 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: fit2 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-animation: fit2 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: fit2 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;

}
@-webkit-keyframes fit2 {
     0% {
        opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }


    40% {
        opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
    }

    100% {
        opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }


}
.lightOff .fi3{
	position: absolute;
	width: 12px;
	height: 13px;
	top: 50%;
	margin-top: 14px;
	right: 150px;
	opacity: 0.2;
	-webkit-animation: fit3 infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation: fit3 infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-ms-animation: fit3 infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 1s;
	-o-animation: fit3 infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;


}
@-webkit-keyframes fit3 {

    0% {
         opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-opacity: 1;
    }

    40%{
    	 opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }

    100% {
        opacity: .2;
        -webkit-opacity: .2;
        -o-opacity: .2;
        -ms-opacity: .2;
        -moz-opacity: .2;
    }

}

/*Fan*/
.fanStage{
	display: none;
}

.fanStage  ul{
	width: 280px;
	height:auto;
	text-align: center;
	margin: 0 auto;
}
.fanStage .botones ul li{
	width: 58px;
	height: 58px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	margin:10px 10px 10px 10px;
}

.fanStage .botones{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -135px;
}

.fanStage .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.fanStage .textoOpcion img{
  	margin-top: 5px;
}

.fanStage .iphone{
	width: 62px;
	height: 240px;
	left: 50%;
	margin-left: -31px;
	position: absolute;
	margin-top: 25px;

	-webkit-animation: iphone infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.7s;

	-o-animation: iphone infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 0.7s;

	-moz-animation: iphone infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 0.7s;

	-ms-animation: iphone infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-duration: 0.7s;


}
@-webkit-keyframes iphone {

    0% {
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }

    15%{
    	-webkit-transform:rotate(15deg);
    	-ms-transform:rotate(15deg);
        -o-transform:rotate(15deg);
        -moz-transform:rotate(15deg);
    }

    30% {
        -webkit-transform:rotate(-15deg);
        -ms-transform:rotate(-15deg);
        -o-transform:rotate(-15deg);
        -moz-transform:rotate(-15deg);

    }

    45%{
    	-webkit-transform:rotate(15deg);
    	-ms-transform:rotate(15deg);
        -o-transform:rotate(15deg);
        -moz-transform:rotate(15deg);
    }

    60% {
        -webkit-transform:rotate(-15deg);
        -ms-transform:rotate(-15deg);
        -o-transform:rotate(-15deg);
        -moz-transform:rotate(-15deg);
    }

    75% {
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }

    100% {
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }

}
.fanStage .botones .text{
	margin-left: 90px;
	margin-top: 127px;
	position: absolute;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;
	display: none
}
.fanStage .botones .CapaAspa{

	display: none;
	width: 90px;
	height: 150px;
	position: absolute;
	left:50%;
	margin-left: -45px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.fanStage .botones .CapaAspa .aspa{
	/*margin-top: 0px;
	margin-left: 0px;*/
}
.fanStage .botones .CapaAspa .palo{
	/**margin-top: 45px;
	margin-left: 30px;**/
	position: absolute;
	width: 8px;
	height: 63px;
	top: 50%;
	height: 50%;
	margin-left: -4px;
	margin-top: -31.5px;

}
.fanStage .botones .CapaAspa .aspa{

	position: absolute;
	width: 71px;
	height: 79px;
	top: 50%;
	left: 50%;
	margin-top: -39.5px;
	margin-left: -35.5px;

/*	margin-left: 10px;*/
	-webkit-animation: aspa infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 0.3s;

	-moz-animation: aspa infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: 0.3s;

	-o-animation: aspa infinite;
	-o-animation-timing-function: linear;
	-o-animation-duration: 0.3s;

	-ms-animation: aspa infinite;
	-ms-animation-timing-function: linear;
	-ms-animation-duration: 0.3s;
}
@-webkit-keyframes aspa {
	 0% {
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }

    100% {
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
    }
}

/*RepeatFan*/
.repeatFan{
	display: none;
}

.repeatFan  ul{
	width: 280px;
	height:auto;
	text-align: center;
	margin: 0 auto;
}
.repeatFan .botones ul li{
	width: 58px;
	height: 58px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	margin:10px 10px 10px 10px;
}

.repeatFan .botones{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -115px;
}

.repeatFan .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.repeatFan .textoOpcion img{
  	margin-top: 5px;
}

.repeatFan .lupa, .repeatFan .replay{
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	background-color: #000;
}

.repeatFan .footer{
	width: 100%;
	height: 66px;
	bottom: 0;
	position: absolute;

}

.repeatFan .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}



.repeatFan .footer img{
	width: 170px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -85px;
}
.repeatFan .footer .siguiente{
	width: 300px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index:9999;
	/*border: 1px solid #fff;
	background-image: url(../img/fondo_siguiente.jpg);*/
}
.repeatFan .footer .siguiente .flecha{
	width: 60px;
	height: 48px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;
	line-height: 65px;
}
.repeatFan .footer .siguiente .texto{
	width: 239px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}
/*Fin gameOption*/
.opcionesCenital{
	display: none;
}
.opcionesCenital  ul{
	width: 280px;
	height:auto;
	text-align: center;
	margin: 0 auto;
}
.opcionesCenital .botones ul li{
	width: 58px;
	height: 58px;
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	margin:10px 10px 10px 10px;
}

.opcionesCenital .botones{
	position: absolute;
	width: 320px;
	height: 200px;
	left: 50%;
	margin-left: -160px;
	top: 50%;
	margin-top: -115px;
}

.opcionesCenital .textoOpcion{
	width: 320px;
	height: 50px;
	text-align: center;
	font-family: 'corporate_s_expert_bqitalic';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #15d1e8;

}
.opcionesCenital .textoOpcion img{
  	margin-top: 5px;
}

.opcionesCenital .lupa, .opcionesCenital .replay{
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	background-color: #000;
}

.opcionesCenital .footer{
	width: 100%;
	height: 66px;
	bottom: 0;
	position: absolute;
}

.opcionesCenital .footer .svgI{
	width: 268px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -134px;

}

.opcionesCenital .footer img{
	width: 170px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -85px;
}
.opcionesCenital .footer .siguiente{
	width: 300px;
	height: 48px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index:9999;
	/*border: 1px solid #fff;
	background-image: url(../img/fondo_siguiente.jpg);*/
}
.opcionesCenital .footer .siguiente .flecha{
	width: 60px;
	height: 48px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;
	line-height: 65px;
}
.opcionesCenital .footer .siguiente .texto{
	width: 239px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: 'corporate_sdemi';
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}