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

.fl {
    float: left;
}

.fr {
    float: right;
}

.palabraResaltada {
    color: #001C7D;
}

.numeracion {
    color: #F52929;
}

.videoGenero {
    padding-top: 2%;
    margin: 0 auto;
}
/*CONTENEDORES*/

.cntBordeComic {
    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;
}

.cntComic {
    background-image: url(../img/cntComic.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 98%;
    height: 98%;
    padding: 1% 1% 0% 1%;
    letter-spacing: 0;
}

.cntComic2 {
    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;
}

.cntComic3 {
    background-image: url(../img/cntComic3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 98%;
    height: 98%;
    padding: 1% 1% 0% 1%;
    letter-spacing: 0;
}
.cntComic3 .titulo{
	font-family:'cabinbold';
	font-size:57px;
	color:#FEFEFE;
	position: absolute;
left: 50%;
top: 8.5%;
transform: translate(-50%);
	
}

.IL_L_G07_U01_L01_03_01_01 {
    background-image: url(../img/IL_L_G07_U01_L01_03_01_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 98%;
    height: 98%;
    padding: 1% 1% 0% 1%;
    letter-spacing: 0;
}

.btnHome1 {
    /*background-image: url(../img/btnHome1.png);
background-repeat: no-repeat;
background-size: 100% 100%;*/
    width: 434.16px;
    height: 115.44px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    position: absolute;
    left: 31%;
    top: 14.5%;
    z-index: 4;
}

.btnHome2 {
    /*background-image: url(../img/btnHome2.png);
background-repeat: no-repeat;
background-size: 100% 100%;*/
    width: 656.88px;
    height: 167.76px;
    position: absolute;
    left: 25%;
    top: 28%;
    transform: rotate(355deg);
    -webkit-transform: rotate(355deg);
    -moz-transform: rotate(355deg);
    -o-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    z-index: 1;
}

.btnHome3 {
    /*background-image: url(../img/btnHome3.png);
background-repeat: no-repeat;
background-size: 100% 100%;*/
    width: 656.88px;
    height: 168px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    position: absolute;
    left: 25%;
    top: 50%;
    z-index: 2;
}

.btnHome4 {
    /*background-image: url(../img/btnHome4.png);
background-repeat: no-repeat;
background-size: 100% 100%;*/
    width: 656.88px;
    height: 167.76px;
    position: absolute;
    left: 25%;
    top: 71%;
    transform: rotate(358deg);
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    -ms-transform: rotate(358deg);
    z-index: 3;
}
/*niño negro*/
.IL_L_G07_U01_L01_03_01_02 {
    background-image: url(../img/estudiante/IL_L_G07_U01_L01_03_01_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 269.74px;
    height: 513.67px;
    position: absolute;
    left: 4.9%;
    top: 20.6%;
}

.estudiante {
    background-image: url(../img/estudiante/estudiante.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 243px;
    height: 523px;
    position: absolute;
    left: 75.6%;
    top: 19%;
}

.estudiante2 {
    background-image: url(../img/estudiante/estudiante2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 307px;
    height: 512px;
    position: absolute;
    left: 63%;
	top: 20.7%;
}
/*profesor*/
.IL_L_G07_U01_L01_03_01_03 {
    background-image: url(../img/profesor/IL_L_G07_U01_L01_03_01_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 288.24px;
    height: 560.08px;
    position: absolute;
    left: 64%;
    top: 13.7%;
}

.profesor {
    background-image: url(../img/profesor/profesor.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 270.84px;
    height: 375.28px;
    position: absolute;
    left: 2.4%;
    top: 35.1%;
}

.profesor2 {
    background-image: url(../img/profesor/profesor2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 269px;
    height: 484px;
    position: absolute;
    left: 2.4%;
    top: 17.6%;
}

.profesor3 {
    background-image: url(../img/profesor/profesor3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 350px;
    height: 559px;
    position: absolute;
    left: 65%;
    top: 13.8%;
    z-index: 4;
}

.profesor4 {
    background-image: url(../img/profesor/profesor4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 232px;
    height: 563px;
    position: absolute;
    left: 5%;
    top: 13.2%;
    z-index: 2;
}

.profesor5 {
    background-image: url(../img/profesor/profesor5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 300px;
    height: 495px;
    position: absolute;
    left: 69.2%;
    top: 15.6%;
    z-index: 2;
}

.profesor6 {
    background-image: url(../img/profesor/profesor6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 205px;
    height: 502px;
    position: absolute;
    left: 7%;
	top: 21.8%;
    z-index: 2;
}
.profesor7 {
    background-image: url(../img/profesor/profesor7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 202px;
    height: 528px;
    position: absolute;
    left: 4.9%;
	top: 18.2%;
    z-index: 2;
}

.nubeEjemplo {
    background-image: url(../img/nubeEjemplo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 282.96px;
    height: 205.44px;
    position: absolute;
    left: 70%;
    top: 50%;
    cursor: pointer;
}

    .nubeEjemplo .texto {
        font-family: 'cabinbold';
        font-size: 34px;
        line-height: 35px;
        text-align: left;
        color: #1C2234;
        margin-top: 28%;
        margin-left: 24%;
    }

.ejemploPersonaje {
    background-image: url(../img/ejemploPersonaje.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 689px;
    height: 440px;
    left: 30%;
    position: absolute;
    top: 23%;
}

.ejemploBocadillo {
    background-image: url(../img/ejemploBocadillo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 630px;
    height: 255px;
    left: 2.4%;
    position: absolute;
    top: 7%;
}

.ejemploOnomatopeya {
    background-image: url(../img/ejemploOnomatopeya.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 630px;
    height: 275px;
    left: 2.4%;
    position: absolute;
    top: 0%;
}

.ejemploCartelera {
    background-image: url(../img/ejemploCartelera.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 630px;
    height: 285px;
    left: 2.4%;
    position: absolute;
    top: 7%;
}

.IL_L_G07_U01_L01_03_01_11 {
    background-image: url(../img/IL_L_G07_U01_L01_03_01_11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 630px;
    height: 285px;
    left: 2.4%;
    position: absolute;
    top: 7%;
}

.publicComic1 {
    background-image: url(../img/publicComic1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 220px;
    height: 305px;
    left: 5%;
    position: absolute;
    top: 10%;
}

.publicComic2 {
    background-image: url(../img/publicComic2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 360px;
    height: 120px;
    left: 40%;
    position: absolute;
    top: 9%;
}

.publicComic3 {
    background-image: url(../img/publicComic3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 246px;
    height: 174px;
    left: 48%;
    position: absolute;
    top: 44%;
}

.bocadilloPregunta {
    background-image: url(../img/bocadilloPregunta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 359.7px;
    height: 298.56px;
    position: absolute;
    left: 19.5%;
    top: 14.5%;
    z-index: 2;
    margin: 0 auto;
}

    .bocadilloPregunta .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }

.bocadilloPreguntaInvertido {
    background-image: url(../img/bocadilloPreguntaInvertido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 359.7px;
    height: 298.56px;
    position: absolute;
    left: 59%;
    top: 16%;
    z-index: 2;
    margin: 0 auto;
}

    .bocadilloPreguntaInvertido .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }

.bocadilloRespuesta {
    background-image: url(../img/bocadilloRespuesta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 513.09px;
    height: 252.79px;
    position: absolute;
    left: 42.5%;
    top: 53%;
    z-index: 2;
}

    .bocadilloRespuesta .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }

.bocadilloRespuestaInvertido {
    background-image: url(../img/bocadilloRespuestaInvertido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 507px;
    height: 426px;
    position: absolute;
    left: 18%;
    top: 25%;
    z-index: 1;
}

    .bocadilloRespuestaInvertido .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }
	
.bocadilloPregunta2 {
    background-image: url(../img/bocadilloPregunta2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 420px;
    height: 254px;
    position: absolute;
    left: 18%;
	top: 18%;
    z-index: 2;
    margin: 0 auto;
}

    .bocadilloPregunta2 .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }	

.bocadilloPregunta3 {
    background-image: url(../img/bocadilloPregunta3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 420px;
    height: 260px;
    position: absolute;
   left: 4.5%;
	top: 57.5%;
    z-index: 2;
    margin: 0 auto;
}

    .bocadilloPregunta3 .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }

.bocadilloRespuesta2 {
    background-image: url(../img/bocadilloRespuesta2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 506.09px;
    height: 207.79px;
    position: absolute;
    left: 42.5%;
	top: 62%;
    z-index: 2;
}

    .bocadilloRespuesta2 .texto {
        font-family: 'cabinmedium';
        font-size: 38px;
        line-height: 42px;
        text-align: left;
        color: #FFFFFF;
    }
	
.bocadilloCreaComic1{
    background-image: url(../img/bocadilloCreaComic1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 830px;
    height: 464px;
	position: absolute;
	left: 23.5%;
	top: 18%;
}

.bocadilloCreaComic2{
    background-image: url(../img/bocadilloCreaComic2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 830px;
    height: 464px;
	position: absolute;
	left: 23.5%;
	top: 18%;
}

        .bocadilloCreaComic2 table {
		  font-family: 'cabinregular';
        font-size: 40px;
        line-height: 68px;
        color: #4470B4;
        letter-spacing: 0;
		
            text-align: left;
            margin: 8% 0% 0% 15%;
        }
 .bocadilloCreaComic2  table tr td{
 vertical-align: top;
}
.bocadilloCreaComic2 .viñetac{
 width: 103px;
                height: 68px;
				margin-right: 15px;
padding-bottom: 20%;
vertical-align: top;
				
}
           /* .bocadilloCreaComic2  ul li:before {
                float: left;
                content: "";
                margin: -5px -25px 0px 0px;
                background-image: url(../img/viñetac1.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 103px;
                height: 68px;
            }*/

.cntAvisoImportante {
    width: 972px;
    height: 448px;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: rotate(357deg) translate(-50%, -50%);
    -webkit-transform: rotate(357deg) translate(-50%, -50%);
    -moz-transform: rotate(357deg) translate(-50%, -50%);
    -o-transform: rotate(357deg) translate(-50%, -50%);
    -ms-transform: rotate(357deg) translate(-50%, -50%);
}
/*FLECHAS*/
.navs {
    display: inline-block;
    position: absolute;
    left: 72%;
    top: 9%;
    z-index: 5;
}

.navAtras {
    background-image: url(../img/navAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.44px;
    height: 69.6px;
    display: inline-block;
    margin: 0% -2%;
}

.navInicio {
    background-image: url(../img/navInicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.44px;
    height: 69.6px;
    display: inline-block;
    margin: 0% -2%;
}

.navSiguiente {
    background-image: url(../img/navSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.44px;
    height: 69.6px;
    display: inline-block;
    margin: 0% -2%;
}

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

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

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

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

.flechaAtras4 {
    background-image: url(../img/flechaAtras4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44px;
    height: 48px;
}

.flechaSiguiente4 {
    background-image: url(../img/flechaSiguiente4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44px;
    height: 48px;
}

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

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

.btnElementoComic {
    position: relative;
    width: 491px;
    height: 79px;
    padding: 0px;
    background: #E7B041;
    border: #FEFEFE solid 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
    cursor: pointer;
    display: inline-block;
    margin: 0 2% 2% 0;
}

    .btnElementoComic:after {
        content: "";
        position: absolute;
        top: 14px;
        left: -9.5px;
        border-style: solid;
        border-width: 25px 11.5px 25px 0;
        border-color: transparent #E7B041;
        display: block;
        width: 0;
        z-index: 1;
    }

    .btnElementoComic:before {
        content: "";
        position: absolute;
        top: 9px;
        left: -14.5px;
        border-style: solid;
        border-width: 30px 10.56px 30px 0;
        border-color: transparent #FEFEFE;
        display: block;
        width: 0;
        z-index: 0;
    }

    .btnElementoComic .texto {
        font-family: 'cabinmedium';
        font-size: 49px;
        color: #393C4A;
        line-height: 75px;
        display: inline-block;
        margin-left: 3%;
    }

.clickBtnElementoClick {
    background-image: url(../img/clickBtnElementoClick.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 37px;
    height: 41px;
    top: 30%;
    float: right;
    position: absolute;
    left: 87%;
}

.bocadilloViñeta {
    position: relative;
    width: 930px;
    height: 175px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 3px 10px 0px #616161;
    -moz-box-shadow: 5px 3px 10px 0px #616161;
    box-shadow: 5px 3px 10px 0px #616161;
    margin: 2% auto 0 auto;
}

    .bocadilloViñeta:after {
        content: "";
        position: absolute;
        bottom: -22px;
        left: 183px;
        border-style: solid;
        border-width: 24px 39px 0 19px;
        border-color: #68A7DE transparent;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloViñeta:before {
        content: "";
        position: absolute;
        top: 179px;
        left: 179px;
        border-style: solid;
        border-width: 29px 45px 0 20px;
        border-color: #F4F4F4 transparent;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloViñeta .texto {
        font-family: 'cabinmedium';
        font-size: 36px;
        color: #FEFEFE;
        line-height: 38px;
        display: inline-block;
        margin-left: 1%;
        text-align: left;
        letter-spacing: 0;
        margin-top: 1%;
    }

.bocadilloViñeta2 {
    position: absolute;
    left: 28.5%;
    top: 42%;
    width: 411px;
    height: 298px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 7px 0px #616161;
    -moz-box-shadow: 3px 3px 7px 0px #616161;
    box-shadow: 3px 3px 7px 0px #616161;
}

    .bocadilloViñeta2:after {
        content: "";
        position: absolute;
        top: 109px;
        left: -28px;
        border-style: solid;
        border-width: 40px 30px 40px 0;
        border-color: transparent #68A7DE;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloViñeta2:before {
        content: "";
        position: absolute;
        top: 99px;
        left: -38px;
        border-style: solid;
        border-width: 50px 37px 50px 0;
        border-color: transparent #F4F4F4;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloViñeta2 .texto {
        font-family: 'cabinmedium';
        font-size: 36px;
        color: #FEFEFE;
        line-height: 38px;
        display: inline-block;
        margin-left: 1%;
        text-align: left;
        letter-spacing: 0;
        margin-top: 1%;
    }

.bocadilloPersonaje {
    position: relative;
    width: 930px;
    height: 75px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 3px 10px 0px #616161;
    -moz-box-shadow: 5px 3px 10px 0px #616161;
    box-shadow: 5px 3px 10px 0px #616161;
    margin: 2% auto 0 auto;
}

    .bocadilloPersonaje:after {
        content: "";
        position: absolute;
        bottom: -22px;
        left: 183px;
        border-style: solid;
        border-width: 24px 39px 0 19px;
        border-color: #68A7DE transparent;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloPersonaje:before {
        content: "";
        position: absolute;
        top: 79px;
        left: 179px;
        border-style: solid;
        border-width: 29px 45px 0 20px;
        border-color: #F4F4F4 transparent;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloPersonaje .texto {
        font-family: 'cabinmedium';
        font-size: 36px;
        color: #FEFEFE;
        line-height: 50px;
        display: inline-block;
        text-align: left;
        letter-spacing: 0;
        margin-top: 1%;
        margin-left: -12%;
    }

.bocadilloPersonaje2 {
    position: absolute;
    left: 28.5%;
    top: 25%;
    width: 632px;
    height: 385px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 7px 0px #616161;
    -moz-box-shadow: 3px 3px 7px 0px #616161;
    box-shadow: 3px 3px 7px 0px #616161;
}

    .bocadilloPersonaje2:after {
        content: "";
        position: absolute;
        top: 109px;
        left: -28px;
        border-style: solid;
        border-width: 40px 30px 40px 0;
        border-color: transparent #68A7DE;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloPersonaje2:before {
        content: "";
        position: absolute;
        top: 99px;
        left: -38px;
        border-style: solid;
        border-width: 50px 37px 50px 0;
        border-color: transparent #F4F4F4;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloPersonaje2 .cntPersonaje {
        width: 95%;
        height: 95%;
        background-color: #FFFFFF;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin: 1.5% auto 0 auto;
    }


.bocadilloCartelera {
    position: relative;
    width: 930px;
    height: 125px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 3px 10px 0px #616161;
    -moz-box-shadow: 5px 3px 10px 0px #616161;
    box-shadow: 5px 3px 10px 0px #616161;
    margin: 2% auto 0 auto;
}

    .bocadilloCartelera:after {
        content: "";
        position: absolute;
        bottom: -22px;
        left: 183px;
        border-style: solid;
        border-width: 24px 39px 0 19px;
        border-color: #68A7DE transparent;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloCartelera:before {
        content: "";
        position: absolute;
        top: 129px;
        left: 179px;
        border-style: solid;
        border-width: 29px 45px 0 20px;
        border-color: #F4F4F4 transparent;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloCartelera .texto {
        font-family: 'cabinmedium';
        font-size: 36px;
        color: #FEFEFE;
        line-height: 38px;
        display: inline-block;
        margin-left: 1%;
        text-align: left;
        letter-spacing: 0;
        margin-top: 1%;
    }

.bocadilloPublicComic {
    position: absolute;
    left: 5%;
    top: 15%;
    width: 660px;
    height: 387px;
    padding: 0px;
    background: #68A7DE;
    border: #F4F4F4 solid 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 7px 0px #616161;
    -moz-box-shadow: 3px 3px 7px 0px #616161;
    box-shadow: 3px 3px 7px 0px #616161;
}

    .bocadilloPublicComic:after {
        content: "";
        position: absolute;
        top: 109px;
        left: 660px;
        border-style: solid;
        border-width: 40px 0px 40px 30px;
        border-color: transparent #68A7DE;
        display: block;
        width: 0;
        z-index: 1;
    }

    .bocadilloPublicComic:before {
        content: "";
        position: absolute;
        top: 99px;
        left: 664px;
        border-style: solid;
        border-width: 50px 0 50px 37px;
        border-color: transparent #F4F4F4;
        display: block;
        width: 0;
        z-index: 0;
    }

    .bocadilloPublicComic .texto {
        font-family: 'cabinmedium';
        font-size: 36px;
        color: #FEFEFE;
        line-height: 38px;
        display: inline-block;
        margin-left: 1%;
        text-align: left;
        letter-spacing: 0;
        margin-top: 1%;
    }

.fondoNaranja {
    background: #d78a00; /* Old browsers */
    background: -moz-linear-gradient(left, #d78a00 2%, #dd9d00 97%, #db9600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(2%, #d78a00), color-stop(97%, #dd9d00), color-stop(100%, #db9600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d78a00 2%, #dd9d00 97%, #db9600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d78a00 2%, #dd9d00 97%, #db9600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d78a00 2%, #dd9d00 97%, #db9600 100%); /* IE10+ */
    background: linear-gradient(to right, #d78a00 2%, #dd9d00 97%, #db9600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d78a00', endColorstr='#db9600', GradientType=1 ); /* IE6-9 */
}
/*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;
    }

.pop1 {
    width: auto;
    margin-left: 7%;
    margin-top: 9%;
}

    .pop1 .lyContentIn {
        background-image: url(../img/fondoPopUp.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        width: 1000px;
        height: 567px;
    }

    .pop1 .cnt {
        text-align: left;
        margin-left: 10%;
    }


.popPersonajes {
    background: #36A9E1;
    width: auto;
    margin-left: 28%;
    margin-top: 7%;
    border: 8px solid #FEFEFE;
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
}

    .popPersonajes .lyContent {
        padding: 15px 15px 10px;
    }

    .popPersonajes .lyContentIn {
        background-image: #FEFEFE;
        display: inline-block;
        width: 323px;
        height: 610px;
    }

    .popPersonajes .cnt {
        text-align: left;
        margin-left: 10%;
    }


    .popPersonajes img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.popIcono {
    background-color: #95C11F;
    width: auto;
    margin-left: 11%;
    margin-top: 18%;
}

    .popIcono .lyContentIn {
        background: #FFFFFF;
        display: inline-block;
        width: 870px;
        height: 233px;
    }

    .popIcono .texto {
        font-family: 'cabinregular';
        font-size: 50px;
        line-height: 55px;
        color: #706F6F;
        margin: 4% auto;
    }

.popNivelSemantico {
    background-color: #E5B200;
    width: auto;
    margin-left: 7%;
    margin-top: 9%;
}

    .popNivelSemantico .lyContentIn {
        background-color: #FFFFFF;
        display: inline-block;
        width: 1000px;
        height: 584px;
    }

    .popNivelSemantico .cnt {
        text-align: left;
        margin-left: 10%;
    }


.bocadilloRespuesta .texto ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding-left: 30px;
}

    .bocadilloRespuesta .texto ul li:before {
        content: "-";
        margin: 2px 15px 0px -32px;
    }

.bocadilloRespuestaInvertido .texto ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding-left: 30px;
}

    .bocadilloRespuestaInvertido .texto ul li:before {
        content: "-";
        margin: 2px 15px 0px -32px;
    }



.fondoMuseo {
    background-image: url(../img/fondoMuseo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

.fondoMuseo2 {
    background-image: url(../img/fondoMuseo2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

.fondoMuseo3{
    background-image: url(../img/fondoMuseo3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}


.cntMuseo {
    width: 706px;
    height: 585px;
    background: rgba(255,255,255,0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 10%;
    left: 6%;
    z-index: 2;
}

.cntMuseo2 {
    width: 958px;
    height: 578px;
    background: rgba(255,255,255,0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}



.monalisa1 {
    background-image: url(../img/monalisa/monalisa1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 417px;
    z-index: 1;
    position: absolute;
    top: 14%;
    left: 3.5%;
}

.monalisa2 {
    background-image: url(../img/monalisa/monalisa2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 417px;
    z-index: 1;
    position: absolute;
    top: 14%;
    left: 38%;
}

.monalisa3 {
    background-image: url(../img/monalisa/monalisa3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 417px;
    z-index: 1;
    position: absolute;
    top: 14%;
    left: 70.5%;
}

.tituloLenguajePictorico {
    width: 621px;
    height: 60.5px;
    margin: 4% auto 0 6%;
}

.clickLenguajePictorico {
    width: 26px;
    height: 29px;
    margin-top: 20px;
    margin-left: 94%;
}

.tituloLenguajePictorico1 {
    background-image: url(../img/tituloLenguajePictorico1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tituloLenguajePictorico2 {
    background-image: url(../img/tituloLenguajePictorico2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tituloLenguajePictorico3 {
    background-image: url(../img/tituloLenguajePictorico3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tituloLenguajePictorico4 {
    background-image: url(../img/tituloLenguajePictorico4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}



.inicio {
    background-image: url(../img/inicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.5px;
    height: 69.6px;
    position: absolute;
    left: 45%;
    top: 85%;
}



.cntLenguajePictorico {
    width: 555px;
    height: 371px;
    position: absolute;
    left: 11%;
    top: 17.6%;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .cntLenguajePictorico .texto {
        font-family: 'cabinregular';
        font-size: 36px;
        line-height: 42px;
        color: #FFFFFF;
        margin-left: 5%;
        margin-top: 5%;
        letter-spacing: 0;
    }

        .cntLenguajePictorico .texto ul {
            list-style: none;
            text-align: left;
            margin: 0;
            padding-left: 30px;
        }

            .cntLenguajePictorico .texto ul li:before {
                float: left;
                content: "";
                margin: 12px 15px 0px -32px;
                background-image: url(../img/vineta.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 19px;
                height: 19px;
            }

.IL_L_G07_U01_L01_03_03_01 {
    background-image: url(../img/IL_L_G07_U01_L01_03_03_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 214px;
    height: 490px;
    position: absolute;
    left: 65%;
    top: 28%;
    z-index: 1;
}

.pintor2 {
    background-image: url(../img/pintor2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 214px;
    height: 490px;
    position: absolute;
    left: 8%;
    top: 28%;
    z-index: 1;
}

.tituloIconografia {
    background-image: url(../img/tituloIconografia.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 432px;
    height: 80px;
    position: absolute;
    top: 12%;
    left: 28%;
    z-index: 2;
}

.tituloIconologia {
    background-image: url(../img/tituloIconologia.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 432px;
    height: 80px;
    position: absolute;
    top: 43%;
    left: 28%;
    z-index: 2;
}

.tituloNivelSemantico {
    background-image: url(../img/tituloNivelSemantico.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 432px;
    height: 80px;
    position: absolute;
    top: 73.5%;
    left: 28%;
    z-index: 2;
}

.subTituloNivelSemantico {
    width: 729px;
    height: 118px;
    margin: 0% auto 0 2%;
}

.lineaVerde {
    background-image: url(../img/lineaVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 427px;
    height: 257px;
    position: absolute;
    top: 12%;
    left: 28%;
    z-index: 1;
}

.lineaRoja {
    background-image: url(../img/lineaRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 427px;
    height: 257px;
    position: absolute;
    top: 43%;
    left: 28%;
    z-index: 1;
}

.tituloPintores {
    width: 1160px;
    height: 62px;
    color: #FFFFFF;
    background-color: rgba(47,172,102,0.9);
    letter-spacing: 0;
    font-size: 35px;
    font-family: "cabinbold";
    line-height: 60px;
    text-align: center;
}

.cntPintores {
    width: 1160px;
    height: 489px;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.cntAnalisisDormitorioArles {
    width: 1174px;
	height: 588px;
    background: #CDE5F6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.picasso1 {
    background-image: url(../img/pintores/picasso1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 318px;
    position: absolute;
    left: 3.5%;
}

.picasso2 {
    background-image: url(../img/pintores/picasso2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 273px;
    height: 318px;
    position: absolute;
    left: 24%;
}


.picasso2 .texto {
    font-family: 'cabinregular';
    font-size: 30px;
    line-height: 36px;
    color: #575756;
    font-style: italic;
    margin: 33% 0 0 10%;
}

.picasso3 {
    background-image: url(../img/pintores/picasso3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 924px;
    height: 514px;
}

.picasso4 {
    background-image: url(../img/pintores/picasso4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 462px;
    height: 307px;
    position: absolute;
left: 15%;
top: 25%;
}

.picasso5 {
    background-image: url(../img/pintores/picasso5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 340px;
    height: 122px;
    position: absolute;
left: 58%;
top: 40%;
}
.vangogh1 {
    background-image: url(../img/pintores/vangogh1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 318px;
    position: absolute;
    left: 49%;
}

.vangogh2 {
    background-image: url(../img/pintores/vangogh2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 318px;
    position: absolute;
    left: 69.5%;
}

    .vangogh2 .texto {
        font-family: 'cabinregular';
        font-size: 30px;
        line-height: 36px;
        color: #575756;
        font-style: italic;
        margin: 20% 0 0 10%;
    }

.vangogh3 {
    background-image: url(../img/pintores/vangogh3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 608px;
    height: 516px;
}

.monet1 {
    background-image: url(../img/pintores/monet1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 318px;
    position: absolute;
    left: 3.5%;
}

.monet2 {
    background-image: url(../img/pintores/monet2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 273px;
    height: 318px;
    position: absolute;
    left: 24%;
}

    .monet2 .texto {
        font-family: 'cabinregular';
        font-size: 30px;
        line-height: 36px;
        color: #575756;
        font-style: italic;
        margin: 25% 0 0 10%;
    }


.monet3 {
    background-image: url(../img/pintores/monet3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 635px;
    height: 513px;
}

.davinci1 {
    background-image: url(../img/pintores/davinci1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 318px;
    position: absolute;
    left: 49%;
}

.davinci2 {
    background-image: url(../img/pintores/davinci2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 318px;
    position: absolute;
    left: 69.5%;
}

    .davinci2 .texto {
        font-family: 'cabinregular';
        font-size: 30px;
        line-height: 36px;
        color: #575756;
        font-style: italic;
        margin: 20% 0 0 10%;
    }


.davinci3 {
    background-image: url(../img/pintores/davinci3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 334px;
    height: 508px;
}

.vanrijn1 {
    background-image: url(../img/pintores/vanrijn1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 318px;
    position: absolute;
    left: 29%;
}

.vanrijn2 {
    background-image: url(../img/pintores/vanrijn2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 312px;
    height: 318px;
    position: absolute;
    left: 49.5%;
}

    .vanrijn2 .texto {
        font-family: 'cabinregular';
        font-size: 30px;
        line-height: 36px;
        color: #575756;
        font-style: italic;
        margin: 20% 0 0 10%;
    }

.vanrijn3 {
    background-image: url(../img/pintores/vanrijn3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 597px;
    height: 514px;
}


.dormitorioAct1{
    background-image: url(../img/dormitorioArles/dormitorioAct1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 610px;
    height: 302px;
	position: absolute;
left: 6%;
top: 8%;
}

.dormitorioAct11{
    background-image: url(../img/dormitorioArles/dormitorioAct11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 610px;
    height: 230px;
position: absolute;
left: 6%;
top: 56%;
}

.dormitorioAct2{
    background-image: url(../img/dormitorioArles/dormitorioAct2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 409px;
    height: 297px;
	position: absolute;
left: 59%;
top: 8%;
}

.dormitorioAct22{
    background-image: url(../img/dormitorioArles/dormitorioAct22.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 411px;
    height: 230px;
		position: absolute;
left: 59%;
top: 56%;
}
.dormitorioPreguntas{
    background-image: url(../img/dormitorioArles/dormitorioPreguntas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1065px;
    height: 558px;
	position: absolute;
left: 6.5%;
top: 0%;
}

.cntDormitorios{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 1148px;
height: 330px;
background-color: #FEFEFE;
}

.cntImgDormitorios{
position: absolute;
left: 50.5%;
top: 50%;
transform: translate(-50%,-50%);
width: 1120px;
height: 289px;
background-color: #FEFEFE;
}
.cntImgDormitorios img{margin-right: 5px;}

.cntFrasesBocadillo{
width:366px; 
height:255px; 
background-color:rgba(255,255,255,0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
position: absolute;
left: 23%;
display: inline-block;
}
.cntFrase{
width:330px; 
height:70px; 
background-color:#36A9E1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	display: inline-block;
margin: 2.5% 0 0 3%;
padding-left: 15px;
display: inline-block;
}

.frase{
width: 210px;
height: 70px;
background-color: #36A9E1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

font-family: 'cabinmedium';
font-size: 30px;
line-height: 32px;
text-align: left;
color: #FFFFFF;
display: inline-block;
}

.cntResumen{
width: 602px;
height: 541px;
background-color: #36A9E1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 25px;
position: absolute;
top: 9%;
left: 42.8%;
display: inline-block;
}

.cntSubResumen{
width:100%; 
height:100%; 
background-color:#ECECEB;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	
}
.tipoViñetaResumen{
    background-image: url(../img/tipoVinetaResumen.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 604px;
    height: 541px;
	display: inline-block;
}

.tituloElemLenguaje{
width:332px; 
height:105px; 
position:absolute;
top: 0%;
left: 14%; 
background-color:#36A9E1; 
color: #FEFEFE;
font-size: 35px;
line-height:35px;
font-family:'cabinregular';
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.elementoResumen{
	background-image: url(../img/elementoResumen.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 415px;
	height: 424px;
	position: absolute;
	left: 6%;
	top: 25%;
	display:none;
}

.analisisComic{
	background-image: url(../img/analisisComic.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 1037px;
	height: 345px;
	position: absolute;
	left: 50%;
	top: 48%;
	transform:translate(-50%,-50%);
}

 .viñetan{
 width: 39.5px;
                height: 39.5px;
				margin-right: 15px;
padding-bottom: 20%;
vertical-align: middle;
				
}

.tblPreguntaAnalisisComic{
	font-family:'cabinregular';
	font-size:45px;
	line-height:50px;
	color:#393C4A;
	margin: 7% auto 0 auto;

}
.tblPreguntaAnalisisComic tr td{

vertical-align: top;

}

.comicAnalisis1{
	background-image: url(../img/comicAnalisis1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 340px;
	height: 113px;
	
}


.comicAnalisis2{
	background-image: url(../img/comicAnalisis2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 340px;
	height: 113px;

}

.comicAnalisis3{
	background-image: url(../img/comicAnalisis3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 340px;
	height: 113px;
		
}

.comicAnalisisGrande{
width:700px !important; height:233px !important; margin:1.5% auto 0 auto !important;
}

.viñetaAnalisis{
position: absolute;
top: -25%;
left: 42%;
width: 39.5px;
height: 39.5px;
}

.clickAnalisis{
width:60px; 
height:67px;
position: absolute;
left: 83%;
top: 67%;
}


.marcoCuadro{
	background-image: url(../img/marcoCuadro.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 508px;
	height: 360px;
	position: absolute;
	left: 32.5%;
	top: 11%;

}


.marcoCuadro .texto{
	font-family: 'cabinregular';
	font-size: 35px;
	color: #FEFEFE;
	line-height: 35px;
	margin-left: 12%;
	margin-top: 7%;
	display:none;
}

/*LATA PINTURA*/
.IL_L_G07_U01_L01_03_03_02{
	background-image: url(../img/IL_L_G07_U01_L01_03_03_02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 154px;
	height: 211px;
	position: absolute;
	left: 81.5%;
	top: 67%;

}

.pintura1{
	background-image: url(../img/pinturas/pequena/pintura1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 293px;
	height: 267px;
	position: absolute;
	left: 6%;
	top: 22%;
}
.pintura2{
	background-image: url(../img/pinturas/pequena/pintura2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 373px;
	height: 261px;
	position: absolute;
	left: 34.5%;
	top: 22%;

}
.pintura3{
	background-image: url(../img/pinturas/pequena/pintura3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 306px;
	height: 268px;
	position: absolute;
	left: 68.5%;
	top: 22%;

}

.pintura1g{
	background-image: url(../img/pinturas/grande/pintura1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 599px;
	height: 490px;
}
.pintura2g{
	background-image: url(../img/pinturas/grande/pintura2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 780px;
	height: 490px;

}
.pintura3g{
	background-image: url(../img/pinturas/grande/pintura3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 624px;
	height: 490px;

}

.popupElementosPintura{
border: 3px dashed #FEFEFE; background-color:transparent;  width: auto;margin-left: 16%;margin-top: 10.6%;
}

.popupElementosPintura .lyContent{
padding:15px;
}

.popupElementosPintura .lyContentIn{
width:760px; height:470px;  background-color:rgba(255,255,255,0.95);
}

.popupElementosPintura .titulo{
font-family: 'cabinbold';
font-size: 54px;
text-align: left;
line-height: 110px;
margin-left: 4%;

}

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

.popupSubElementosPintura{
 background-color: rgb(255,255,255);
 width: auto;
 margin-left: 17.2%;
 margin-top:16%;
 -webkit-box-shadow: 0px 0px 8px 3px rgba(33, 33, 32, 0.75);
-moz-box-shadow: 0px 0px 8px 3px rgba(33, 33, 32, 0.75);
box-shadow: 0px 0px 8px 3px rgba(33, 33, 32, 0.75);
}

.popupSubElementosPintura .lyContent{
padding:15px;
}

.popupSubElementosPintura .lyContentIn{
width:730px; height:340px; background-color: rgb(255,255,255);
}

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

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

.popupSubElementosPintura .lyContentIn img{
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-50%);
}




.clickBtnElemento {
	background-image: url(../img/clickBtnElemento.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 39px;
	height: 43px;
	margin-top: 5px;
	float: right;
	margin-left: 20px;
}
.btnLinea {	
	width: auto;
	height: 52px;
	font-family: 'cabinmedium' !important;
	font-size: 35px;
	line-height: 50px;
	letter-spacing: 0;
	background-color: #393C4A;
	color: #FEFEFE;
	text-align: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	display: -webkit-inline-box !important;
	cursor: pointer;
	margin-bottom: 1%;
}	

.cntBtnElemento{
	text-align: left;
	position: absolute;
	left: 10%;
	top: 45%;
}

/*Imagenes Perspectiva*/
.carretera {
	background-image: url(../img/elementoFormal/perspectiva/carretera.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 410px;
	height: 278px;
	position: absolute;
	left: 25%;
	
}
/*Imagenes Volumen*/
.calabaza {
	background-image: url(../img/elementoFormal/volumen/calabaza.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 402px;
	height: 268px;
	position:absolute;
	top: 40%;
	left: 25%;	
}

.cntCirculo{

position: absolute;
display: inline-block;
top: 48%;
left: 2%;

width: 100%;
}

.circuloColor{

	width:163.5px;
	height:163.5px;
	-webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
	display:inline-block;
	margin-right: 4%;

}

.tituloAnalisisComic{
	letter-spacing: 0;
	font-size: 44px;
	font-family: "cabinbold";
	line-height: 70px;
	text-align: center;

}