@charset "utf-8";
/* CSS Document */
/*clear float*/
.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cntFondoBorde {
    border: 3px dashed #A1E1FF;
    width: 1125px;
    height: 590px;
    padding: 0.5%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cntFondo {
    width: 98%;
    height: 98%;
    padding: 1% 1% 0% 1%;
    letter-spacing: 0;
	background-color:#E1EFF7;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cntFondo .titulo{
font-family:'cabinbold';
font-size:71px;
color:#393C4A;
line-height: 120px;
}
.cntFondo .texto{
font-family:'cabinregular';
font-size:45px;
color:#212120;
line-height: 50px;
}

.escritorio{
  background-image: url(../img/escritorio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 456px;
    height: 271px;
	position: absolute;
	left: 54%;
	top: 53%;
}

.escritorio2{
  background-image: url(../img/escritorio2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 170px;
    height: 184px;
	position: absolute;
	left: 74%;
	top: 66%;
}

.interrogante{
  background-image: url(../img/interrogante.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 148px;
    height: 126px;
	position:absolute;
left: 18%;
top: 23%;
}
.llave{
  background-image: url(../img/llave.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 345px;
}

.niñoDudoso{
  background-image: url(../img/niñoDudoso.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 168px;
    height: 239px;
	left: 41.5%;
	top: 42%;
	position: absolute;
}

.btnDescripcion{
	width:353px; 
	height:72px;
	background-color:#DC901A; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 10%;
	top: 45%;
}

.btnDescripcion .texto {
	font-family:'cabinbold';
	font-size:40px;
	color:#FEFEFE;
	line-height: 50px;
	position: absolute;
	top: 15%;
	left: 5%;
}
.btnDescripcion .clickBtn {
	background-image: url(../img/click/clickBtn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 57px;
	position: absolute;
	top: 15%;
	left: 80%;
}

.btnOptDescripcion{
	width: 234px;
	height: 53px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #DC901A;
	margin-bottom: 6%;
}
.btnOptDescripcion .texto {
	font-family: 'cabinbold';
	font-size: 40px;
	color: #393C4A;
	line-height: 50px;
	margin-left: 6%;
}

.btnOptDescripcion .clickBtn {
	background-image: url(../img/click/clickBtn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 57px;
	margin-top: -18%;
	margin-left: 80%;
}

.btnOptDescripcion2{
	width: 336px;
	height: 111px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #DC901A;
	margin-bottom: 16%;
}
.btnOptDescripcion2 .texto {
	font-family: 'cabinbold';
	font-size: 53px;
	color: #393C4A;
	line-height: 110px;
	margin-left: 6%;
}

.btnOptDescripcion2 .clickBtn {
	background-image: url(../img/click/clickBtn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 58px;
	height: 65px;
	margin-top: -23%;
	margin-left: 80%;
}


.btnBorde{
	width: 330px;
	height: 103px;
	border: 2px dashed #DCDB21;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: transparent;
}
.btnBorde .cntBtnBorde{
width: 95%;
height: 86%;
margin: 1% 1% 0% 1%;
letter-spacing: 0;
background-color: #DCDB21;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 2% auto;

}
.btnBorde .cntBtnBorde .texto {
	font-family: 'cabinbold' !important;
	font-size: 53px !important;
	color: #393C4A !important;
	line-height: 90px !important;
	margin-left: 6% !important;
	text-align: left;
}

.btnBorde .clickBtn {
	background-image: url(../img/click/clickBtn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 58px;
	height: 65px;
	margin-top: -23%;
	margin-left: 75%;
}

/*POP UPS*/
.lyPopup {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: 'alegreya_sansmedium';
    font-size: 45px;
    line-height: 45px;
    width: 985px;
    color: #393c4a;
}

    .lyPopup .lyContent {
        padding: 15px;
        text-align: left;
        width: 94%;
        padding: 25px 25px;
    }

    .lyPopup .lyContentIn {
        background-color: #FFFFFF;
        width: 101%;
        height: 100%;
        text-align: center;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .lyPopup .title {
        font-family: 'cabinbold';
        font-size: 63px;
        line-height: 59px;
        color: #303D48;
        padding-top: 5%;
    }

    .lyPopup .cnt {
        font-family: 'cabinmedium';
        font-size: 45px;
        line-height: 43px;
        color: #201815;
        padding-bottom: 5%;
    }

    .lyPopup .dividor {
        width: 100%;
        height: 20px;
    }

    .lyPopup .closePopup {
        background-image: url(../img/closePopup/closePopup.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 67px;
        height: 67px;
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        font-size: 0;
        margin-top: 8px;
        margin-right: 8px;
        z-index: 2;
    }
	
.popupDescripcion{
 background-color: rgb(255,255,255);
 width: auto;
 margin-left: 11%;
 margin-top:13%;
}

.popupDescripcion .lyContent{
padding:15px;
}

.popupDescripcion .lyContentIn{
border: 2px dashed #DC901A;
width:896px; height:470px; background-color: rgb(255,255,255);
}

.popupDescripcion .titulo{
font-family: 'cabinbold';
font-size: 54px;
text-align: left;
line-height: 35px;
margin-left: 2%;
letter-spacing: 0;
margin-top: 5%;
}

.popupDescripcion .texto{
font-family: 'cabinmedium';
font-size: 35px;
text-align: left;
line-height: 35px;
margin-left: 4%;
}

.popupRecursos{
 background-color: rgb(255,255,255);
 width: auto;
 margin-left: 8%;
 margin-top:11.5%;
}

.popupRecursos .lyContent{
padding:15px;
}

.popupRecursos .lyContentIn{
border:2px dashed #DCDB21; 
width: 983px;
height: 514px; 
background-color: rgb(255,255,255);
}

.popupRecursos .titulo{
font-size: 45px; 
text-align:center; 
margin-left:0%;
margin-top: 8%;
font-family: 'cabinbold';
line-height: 35px;
letter-spacing: 0;
}

.popupRecursos .texto{
text-align:left;
color:#393C4A; 
font-family: 'cabinregular';
font-size: 35px;
line-height: 40px;
margin-top: 4%;
margin-left: 17%;
}



/*NAVEGACION*/

.navInicio {
    background-image: url(../img/nav/navInicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 47px;
	position: absolute;
	left: 89.5%;
	top: 12%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
}


.defTipoDescripcion{
	width:772px; 
	height: 78px; 
	background-color:#009DE0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 2%;

}

.defTipoDescripcion .texto{
	font-family: 'alegreya_sansmedium';
	font-size: 42px;
	color: #FEFEFE;
	margin-left: 15px;
	letter-spacing: 0px;
	line-height: 75px;

}
.flechaTipoDescripcion {
    background-image: url(../img/flechaTipoDescripcion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 85px;
    height: 63px;
	margin-left: 20%;
position:relative;
}
.flechaTipoDescripcion .clickBtn {
	background-image: url(../img/click/clickTipoDescripcion.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 31px;
	height: 34.5px;
	position: absolute;
left: 10%;
top: 20%;
}

.tipoDescripcion{
font-family: 'cabinbold';
	font-size: 43px;
	color: #393C4A;
	margin-left: 30px;
	letter-spacing: 0px;
	line-height: 75px;
	display:none;
}

#ctnBtnPasos tr td{padding-bottom:2% !important; padding-left:2% !important;}

.cntImgAdjetivos{
	margin:4% auto 0 auto;
}
.cntImgAdjetivos figure {
	margin: 0 12px;
}

.cntImgAdjetivos figcaption{
	position:relative;
	font-family: 'cabinregular';
	font-size: 33px;
	line-height: 30px;
	color: #393C4A;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #F2F2CB;
	margin-top: 24px;
	padding: 5px 0 10px;
}

.clickShow {
	background-image: url(../img/click/clickShow.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 25px;
	height: 28px;
	position: absolute;
	top: 12%;
	left: 90%;
}

.clickAdvertencia{
	background-image: url(../img/click/clickAdvertencia.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 58.5px;
	height: 62px;
	position: absolute;
	top: 12%;
	left: 88%;
}
.textoDescripcionImagen{
font-family: 'cabinregular';
font-size: 35px;
line-height: 45px;
color: #393C4A;
margin-left: 1%;
}

/*DESCRIPCION PUEDE ESTAR*/
/*PERSONAS*/
.IL_L_G06_U01_L02_03_02_01{
	background-image: url(../img/personas/IL_L_G06_U01_L02_03_02_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 126.4px;
	height: 327px;
	position: absolute;
	top: 15%;
	left: 18.6%;
	z-index: 2;
}
.IL_L_G06_U01_L02_03_02_02{
	background-image: url(../img/personas/IL_L_G06_U01_L02_03_02_02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 97px;
	height: 326px;
	position: absolute;
	top: 9%;
	left: 32%;
	z-index: 1;
}
.IL_L_G06_U01_L02_03_02_03{
	background-image: url(../img/personas/IL_L_G06_U01_L02_03_02_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 95.6px;
	height: 332px;
	position: absolute;
	top: 25%;
	left: 42%;
	z-index: 3;
}
.IL_L_G06_U01_L02_03_02_04{
	background-image: url(../img/personas/IL_L_G06_U01_L02_03_02_04.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 115.4px;
	height: 353px;
	position: absolute;
	top: 14%;
	left: 55%;
	z-index: 2;
}
.IL_L_G06_U01_L02_03_02_05{
	background-image: url(../img/personas/IL_L_G06_U01_L02_03_02_05.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 98.6px;
	height: 340px;
	position: absolute;
	top: 7%;
	left: 63.5%;
	z-index: 1;
}
/*ANIMALES*/
.IL_L_G06_U01_L02_03_02_06{
	background-image: url(../img/animales/IL_L_G06_U01_L02_03_02_06.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 106.5px;
	height: 175px;
	position: absolute;
top: 34%;
left: 13%;
}
.IL_L_G06_U01_L02_03_02_07{
	background-image: url(../img/animales/IL_L_G06_U01_L02_03_02_07.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 305px;
	height: 219px;
	position: absolute;
top: 6%;
left: 24%;
}
.IL_L_G06_U01_L02_03_02_08{
	background-image: url(../img/animales/IL_L_G06_U01_L02_03_02_08.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 168px;
	height: 203px;
	position: absolute;
top: 53%;
left: 39%;
}
.IL_L_G06_U01_L02_03_02_09{
	background-image: url(../img/animales/IL_L_G06_U01_L02_03_02_09.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 111px;
	height: 211px;
	position: absolute;
top: 32%;
left: 65%;
}
/*OBJETOS*/
.IL_L_G06_U01_L02_03_02_10{
	background-image: url(../img/objetos/IL_L_G06_U01_L02_03_02_10.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 249px;
	height: 127.5px;
	position: absolute;
top: 12%;
left: 9%;
}
.IL_L_G06_U01_L02_03_02_11{
	background-image: url(../img/objetos/IL_L_G06_U01_L02_03_02_11.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 174.5px;
	height: 186px;
	position: absolute;
top: 48%;
left: 10%;
}
.IL_L_G06_U01_L02_03_02_12{
	background-image: url(../img/objetos/IL_L_G06_U01_L02_03_02_12.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 129px;
	height: 218px;
	position: absolute;
top: 12%;
left: 70%;
}
.IL_L_G06_U01_L02_03_02_13{
	background-image: url(../img/objetos/IL_L_G06_U01_L02_03_02_13.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 184px;
	height: 93px;
	position: absolute;
top: 42%;
left: 37%;
}
.IL_L_G06_U01_L02_03_02_14{
	background-image: url(../img/objetos/IL_L_G06_U01_L02_03_02_14.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 275px;
	height: 89px;
	position: absolute;
top: 67%;
left: 43%;
}
/*LUGARES*/
.IL_L_G06_U01_L02_03_02_15{
	background-image: url(../img/lugares/IL_L_G06_U01_L02_03_02_15.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 294px;
	height: 181.5px;
	position: absolute;
top: 56%;
left: 24%;

}
.IL_L_G06_U01_L02_03_02_16{
	background-image: url(../img/lugares/IL_L_G06_U01_L02_03_02_16.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 360px;
	height: 232px;
	position: absolute;
	top: 6%;
	left: 20%;
}

/*PASOS DESCRIPCION*/
/*OBSERVAR*/
.IL_L_G06_U01_L02_03_05_01{
	background-image: url(../img/pasosDescripcion/IL_L_G06_U01_L02_03_05_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 336.44px;
	height: 332px;
	position: absolute;
	top: 24%;
	left: 7%;

}
/*RECOPILAR DETALLES*/
.IL_L_G06_U01_L02_03_05_02{
	background-image: url(../img/pasosDescripcion/IL_L_G06_U01_L02_03_05_02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 330px;
	height: 300px;
	position: absolute;
	top: 28%;
	left: 7%;


}
/*ORGANIZAR*/
.IL_L_G06_U01_L02_03_05_03{
	background-image: url(../img/pasosDescripcion/IL_L_G06_U01_L02_03_05_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 334.5px;
	height: 277px;
	position: absolute;
	top: 28%;
	left: 7%;

}
/*REDACTAR*/
.IL_L_G06_U01_L02_03_05_04{
	background-image: url(../img/pasosDescripcion/IL_L_G06_U01_L02_03_05_04.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 319px;
	height: 288px;
	position: absolute;
	top: 25%;
	left: 7%;

}
/*RECURSOS*/
.IL_L_G06_U01_L02_03_06_01{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:398px; 
	height: 325px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.IL_L_G06_U01_L02_03_06_02{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:398px; 
	height: 325px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.IL_L_G06_U01_L02_03_06_03{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:398px; 
	height: 325px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.IL_L_G06_U01_L02_03_06_04{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_04.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:398px; 
	height: 325px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.IL_L_G06_U01_L02_03_06_05{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_05.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:414px; 
	height: 268px; 
	position: absolute;
	left: 56%;
	top: 23%;
}
.IL_L_G06_U01_L02_03_06_08{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_08.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:385px; 
	height: 472px; 
	position: absolute;
	top: 9%;
	left: 50%;
}
.IL_L_G06_U01_L02_03_06_09{
	background-image: url(../img/recursos/IL_L_G06_U01_L02_03_06_09.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:161px; 
	height: 450px; 
	position: absolute;
	top: 9%;
	left: 60%;
}
.pantalones{
	background-image: url(../img/recursos/pantalones.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 398px;
	height: 325px;
}
.restaurante{
	background-image: url(../img/recursos/restaurante.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 398px;
	height: 325px;
 
}
.IL_L_G06_U01_L02_03_07_01{
	background-image: url(../img/IL_L_G06_U01_L02_03_07_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 912px;
	width: 912px;
	height: 589px;
	position: absolute;
	top: 9.5%;
	left: 13%;
}