/* TEMPLATE */

.colorprincipal {
    color: #418ba7;
}

.colorsecundario {
    color: #bd0052;
}

.colorterciario {
	color: #9db758;
}

.light {
	font-family: 'LatoLG';
}
.medium {
	font-family: 'Lato';
}
.bold {
	font-family: 'LatoBD';
}
.demibold {
	font-family: 'Lato';
}

strong {
	font-family: 'LatoBD';
}
	
/* ini portada */

.caja-portada {
    width: 980px;
    height: 594px;
    padding-left: 10px;
	z-index:11;
}

.caja-imagen-portada {
    z-index: 10;
    width: 980px;
    height: 594px;
    left: 0px;
}

.sombra-imagen-portada {
    position: absolute;
    right: 539px;
    top: 0px;
    z-index: 2;
    transform: rotate(180deg);
    height: 594px;
}

.imagen-portada {
    width: 980px;
    height: 594px;
}

.logo-portada {
    width: 300px;
    left: 65px;
    text-align: left;
    top: 110px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px dashed #bbbbbb;
}

.logo-portada img {
    width: 95%;
}

.titulo-portada {
	top: 5px;
    font-size: 36px;
    font-weight: normal;
}

.subtitulo-portada {
	top: 45px;
    font-size: 59px;
	letter-spacing: 12px;
	font-family: 'Lato';
}

.boton-portada {
    margin-left: 10px;
    width: 175px;
    left: 65px;
    top: 340px;
    padding: 14px 0;
    color: #bd0052;
    border: 1px solid #bd0052;
    font-size: 21px;
	text-align: center;
}

.boton-portada p {
    position: absolute;
    top: 23px;
}
.boton-cierre {
    width: 412px;
    height: 22px;
    left: 485px;
    top: 515px;
    padding-left: 15px;
	padding-top:22px;
    color: white;
	background-color: #418ba7;
    font-size: 18px;
	line-height: 0px;
}

.boton-cierre p {
    position: absolute;
    top: 23px;
}

.boton-cierre:hover{
	color: white;
}


/* fin portada */


/* ini portadilla */

.cajanum {
    position: absolute;
    color: #929191;
    font-size: 46px;
    left: 1050px;
    top: 156px;
}

.tituloportadilla {
    font-size: 36px;
    left: 645px;
    top: 220px;
	width:330px;
	letter-spacing: 2px;
}
.tituloportadilla .peque{
    font-size: 24px;
}
.tituloportadilla p {
	margin:0;
}

.imgportadilla {
    width: 980px;
    height: 594px;
    left: -840px;
}

.imgportadilla-imagen {
    width: 100%;
    height: 100%;
}

.imgportadilla-sombra {
    position: absolute;
    right: -22px;
    top: 0px;
    z-index: 2;
    height: 594px;
}

.imgportadillaicono {
    width: 980px;
    height: 594px;
}

#backgroundportadilla {
    background: #bd0052;
    width: 980px;
    height: 594px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}


/* fin portadilla */


/* ini cabecera */

.cabecera {
    width: 980px;
    left: 105px;
    top: 20px;
}

.iconocabecera {
    width: 100px;
    height: 92px;
}

.iconocabecera img {
    width: 100%;
    height: 100%;
}

.cabecera p {
	margin:0;
}
.cabecera .titulo-curso {
	font-size:16px;
	color:#888888;
	margin-left: 5px;
	letter-spacing: 2px;
}
.cabecera .titulo-contenido {
	font-size:30px;
	letter-spacing: 3px;
	margin-top: 5px;
	text-transform: uppercase;
}
.cabecera .titulo-contenido span {
	color:#888888;
	font-family: 'Lato';
	letter-spacing: 0px;
}

/* fin cabecera /*

/* ini marcador */

.marcador {
    width: 50px;
    height: 594px;
    right: 0px;
    z-index: 3;
    background-color: #77bae8;
    font-family: 'LatoBD';
    font-size: 30px;
    text-align: center;
    padding-top: 16px;
    color: rgba(255, 255, 255, 0.7);
}
.marcador:before {
	content: '';
    background: url(../img/img-sombra.png) no-repeat left top;
	width: 50px;
    height: 594px;
    position: absolute;
    left: 0;
    top: 0px;
}


/* fin marcador */


/* ini sombra */

.sombra-lateral {
    position: absolute;
    right: 25px;
    z-index: 3;
}


/* fin sombra */


/* Imagen lateral */

.img-lateral {
    width: 398px;
    height: 594px;
    right: 48px;
    z-index: 3;
}


/* Contenido */

.contenido {
    width: 420px;
    height: 450px;
    top: 100px;
    left: 108px;
}

.contenido-completo {
    width: 827px;
    height: 100px;
    text-align: center;
    left: 108px;
}

.text-completo {
    width: 827px;
}

.contenido-2col {
    width: 397px;
    height: 400px;
    top: 150px;
    text-align: center;
}

.text-2col {
    width: 397px;
}

.contenido-3col {
    width: 247px;
    height: 400px;
    top: 150px;
    text-align: center;
}

.text-3col {
    width: 247px;
}

.contenido-4col {
    width: 185px;
    height: 400px;
    top: 150px;
    text-align: center;
}

.text-4col {
    width: 185px;
}

.pagina-completa {
    width: 830px;
    height: 460px;
    top: 100px;
    left: 60px;
}

.img-pagina-completa {
    width: 830px;
    height: 265px;
}

.separador {
    width: 25px;
    height: 330px;
    top: 150px;
}

.titular {
    font-size: 30px;
    width: 930px;
    top: 100px;
    left: 0px;
	text-align:center;
}

.titulos {
    font-size: 22px;
}

.titulos-feedback {
    font-size: 26px;
    margin-bottom: 5px;
}

.titulos-popup {
    font-size: 22px;
    margin-bottom: 20px;
}

.destacado {
    font-family: 'Lato';
    font-size: 22px;
    font-style: italic;
    text-align: center;
    border: 1px dashed #bbbbbb;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.tituloimg {
    font-size: 20px;
	top: 300px;
	text-align: center;
}

.lineaimg {
    border-top: 1px dashed #bbbbbb;
    border-left: 1px dashed #bbbbbb;
    top: 35px;
    left: 5px;
}


/* Columnas interactivas con imagenes*/


/* 2 imagenes */

.clic-2col {
    width: 410px;
    height: 380px;
    top: 160px;
}

.textimg-2col {
    width: 400px;
}

.img-2col {
    width: 396px;
    height: 300px;
}

.feed-2col {
    width: 410px;
    height: 380px;
    top: 160px;
}

.textfeed-2col {
    width: 330px;
    height: 270px;
    top: 50px;
}


/* 3 imagenes */

.clic-3col {
    width: 260px;
    height: 380px;
    top: 160px;
}

.textimg-3col {
    width: 240px;
}

.img-3col {
    width: 246px;
    height: 300px;
}

.feed-3col {
    width: 570px;
    height: 430px;
    top: 160px;
    left: 330px;
}

.textfeed-3col {
    width: 500px;
    height: 270px;
    top: 90px;
    left: 20px;
}

/* 4 imagenes */

.clic-4col {
    width: 185px;
    height: 380px;
    top: 160px;
}

.textimg-4col {
    width: 240px;
}

.img-4col {
    width: 185px;
    height: 300px;
}

.feed-4col {
    width: 570px;
    height: 430px;
    top: 160px;
    left: 330px;
}

.textfeed-4col {
    width: 500px;
    height: 270px;
    top: 90px;
    left: 20px;
}


/* 3 columnas y 2 filas */

.img-3col-2fil {
    width: 246px;
    height: 180px;
    top: 50px;
}

.img-3col-2fil img {
    width: 100%;
}

.feed-completo {
    width: 830px;
    height: 200px;
    top: 155px;
    left: 60px;
    background-color: #fff;
}

.textfeed-completo {
    width: 800px;
    height: 180px;
    top: 20px;
    left: 0px;
}

.botones-2col {
    width: 440px;
    height: 62px;
    padding-top: 30px;
    padding-left: 50px;
}
.botones-2col-cinco {
    width: 440px;
    height: 42px;
    padding-top: 19px;
    padding-left: 40px;
}

.botonesclic-2col {
    width: 50px;
    height: 50px;
    top: 16px;
    left: 340px;
}

.botonesclic-2col-cinco {
    width: 39px;
    height: 39px;
    top: 10px;
    left: 356px;
}

.botones-3col {
    width: 220px;
    height: 62px;
    padding-top: 30px;
    padding-left: 50px;
}

.botonesclic-3col {
    width: 50px;
    height: 50px;
    top: 16px;
    left: 210px;
}

.btnclic {
    width: 208px;
    height: 183px;
}

.volver-btn {
    width: 188px;
    height: 147px;
    top: 40px;
    cursor: pointer;
}
/* ini item img interactivo */

.item-6-img-interactivo {
    height: 175px;
}

.item-6-img-interactivo .img-3col {
    top: 48px;
}

.item-6-img-interactivo .img-3col img {
    width: 246px;
    height: auto;
}

.item-6-img-interactivo .btnclic {
    z-index: 10;
    top: 40px;
    right: -43px;
}

.item-6-img-interactivo .btnclic img {
    width: 160px;
    height: auto;
}

.popup.popup-6-img-interactivo {
    height: 370px;
}

.smsvolver-6-interactivo {
    width: 220px;
    height: 155px;
}


/* fin item img interactivo */


/* ini slider 4 elementos interactivos */

.item-slider {
    width: 730px;
    height: 70px;
    left: 105px;
    border: 1px solid #9e9e9e;
	background-color: #ededed;
    font-size: 16px;
    padding: 10px 30px 10px 220px;
    box-sizing: border-box;
    z-index: 1;
}

.item-slider-1 {
    top: 158px;
}

.item-slider-2 {
    top: 225px;
}

.item-slider-3 {
    top: 330px;
}

.item-slider-4 {
    top: 435px;
}

.item-slider-flecha {
    width: 210px;
    left: 105px;
    font-size: 22px;
    color: #fff;
    z-index: 2;
}

.item-slider-flecha-1 {
    top: 125px;
}

.item-slider-flecha-2 {
    top: 210px;
}

.item-slider-flecha-3 {
    top: 315px;
}

.item-slider-flecha-4 {
    top: 420px;
}

.item-slider-flecha-titulo {
    position: absolute;
    z-index: 2;
    font-size: 20px;
    top: 49%;
    left: 0px;
    width: 200px;
    padding-left: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.item-slider-texto {
    display: block;
    position: absolute;
    top: 50%;
    left: 64%;
    width: 65%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.item-slider-banda {
    position: absolute;
    width: 0px;
    height: 70px;
    left: 105px;
    background: #efefef;
    z-index: 1;
}

.item-slider-banda-texto {
    width: 560px;
    padding: 15px 20px;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 560px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


/* fin slider 4 elememtos interactivos */


/* ini slider 2 elementos interactivos */

.item-slider-2row {
    height: 150px;
}

.item-slider-flecha-2row {
    height: 180px;
}

.img-flecha-2row {
    height: 217px;
    top: -18px;
}

.item-slider-banda-2row {
    height: 150px;
}

.item-slider-flecha-2row.item-slider-flecha-2 {
    top: 310px;
}

.item-slider-2row.item-slider-2 {
    top: 325px;
}

.item-slider-banda-2row.item-slider-2 {
    top: 325px;
}

.item-slider-img-inicial {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* fin slider 2 elementos interactivos */


/* ini slider 3 elementos interactivos */

.item-slider-3row {
    height: 64px;
}

.item-slider-flecha-3row {
    height: 130px;
}

.img-flecha-3row {
    height: 145px;
    top: -7px;
}

.item-slider-banda-3row {
    height: 65px;
}

.item-slider-flecha-3row.item-slider-flecha-2 {
    top: 245px;
}

.item-slider-3row.item-slider-2 {
    top: 278px;
}

.item-slider-banda-3row.item-slider-2 {
    top: 278px;
}

.item-slider-flecha-3row.item-slider-flecha-3 {
    top: 367px;
}

.item-slider-3row.item-slider-3 {
    top: 400px;
}

.item-slider-banda-3row.item-slider-3 {
    top: 400px;
}


/* fin slider 3 elementos interactivos */


/* ini slider 4 elementos interactivos */

.item-slider-flecha-4row {
    height: 98px;
}


/* fin slider 4 elementos interactivos */


/* Popups */

.popup {
    background-color: #bd0052;
    color: white;
    left: 60px;
    top: 160px;
    width: 830px;
    height: 360px;
}
.popup-400 {
    background-color: #bd0052;
    color: white;
    left: 60px;
    top: 160px;
    width: 830px;
    height: 400px;
}

.textpopup {
    width: 750px;
    height: 280px;
    top: 40px;
    left: 40px;
}


/* Actividades */

.pregunta {
    font-family: 'Lato';
    font-size: 18px;
    z-index: 3;
    width: 430px;
    left: 80px;
    top: 180px;
}

.concepto {
    font-family: 'Lato';
    font-size: 16px;
    font-style: italic;
    text-align: center;
    border: 1px dashed #bbbbbb;
}

.numpregunta {
    font-size: 40px;
    z-index: 3;
    width: 420px;
    left: 100px;
    top: 160px;
}


/* Instrucciones */

.instrucciones {
    width: 836px;
    height: 24px;
    top: 540px;
    left: 60px;
    padding-top: 6px;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    border: 1px dashed #418ba7;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(65, 139, 167, 1);
}

.instrucciones-actividad {
    width: 414px;
    height: 24px;
    top: 530px;
    left: 80px;
    padding-top: 6px;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    border: 1px dashed #00b398;
    border-radius: 5px;
    background-color: rgba(249, 148, 0, 0.1);
    color: rgba(87, 87, 87, 0.8);
}

.instruglobo {
    font-size: 15px;
    font-style: italic;
    text-align: center;
    background: url(../img/globo-instr.png) no-repeat;
    background-size: auto 100%;
    width: 130px;
    height: 93px;
    top: 80px;
    left: 750px;
    padding-top: 40px;
    padding-right: 10px;
}

.feedbackacierto {
    font-family: 'LatoBD';
    border: 1px dashed #389709;
    color: #389709;
    position: absolute;
    right: 47px;
    top: 0px;
    width: 397px;
    height: 592px;
    text-align: center;
    z-index: 30;
    background-color: rgba(255, 255, 255, 0.8);
}


/*ini feedback acierto relacionar */

.feedbackacierto-relacionar {
    font-family: 'LatoBD';
    border: 1px dashed #389709;
    color: #389709;
    position: absolute;
    left: 80px;
    top: 530px;
    width: 813px;
    z-index: 30;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
}

.feedbackacierto-relacionar img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-right: 6px;
}

.feedbackacierto-relacionar p {
    width: 100%;
    padding: 3px 0;
}

.feedbackacierto-relacionar span {
    display: inline-block;
    vertical-align: middle;
}


/* fin feedback acierto relacionar */

.feedbackerror {
    font-family: 'LatoBD';
    border: 1px dashed #af0c0c;
    color: #af0c0c;
    position: absolute;
    right: 47px;
    top: 0px;
    width: 397px;
    height: 592px;
    text-align: center;
    z-index: 30;
    background-color: rgba(255, 255, 255, 0.8);
}


/*ini feedback error relacionar */

.feedbackerror-relacionar {
    font-family: 'LatoBD';
    border: 1px dashed #af0c0c;
    color: #af0c0c;
    position: absolute;
    left: 80px;
    top: 530px;
    width: 813px;
    z-index: 30;
    text-align: center;
    background-color: rgba(175, 12, 12, 0.2);
}

.feedbackerror-relacionar img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-right: 6px;
}

.feedbackerror-relacionar p {
    width: 100%;
    padding: 3px 0;
}

.feedbackerror-relacionar span {
    display: inline-block;
    vertical-align: middle;
}


/* fin feedback error relacionar */

.iconofeed {
    display: block;
    width: 85px;
    position: absolute;
    top: 235px;
    left: 155px;
}

.textfeed {
    position: absolute;
    top: 345px;
    left: 50px;
    width: 300px;
}


/* Botones */

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

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

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

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

.boton1peq {
    background: url(../img/boton1_p.png) no-repeat;
    background-size: auto 100%;
}

.boton2peq {
    background: url(../img/boton2_p.png) no-repeat;
    background-size: auto 100%;
}

.boton3peq {
    background: url(../img/boton3_p.png) no-repeat;
    background-size: auto 100%;
}

.boton4peq {
    background: url(../img/boton4_p.png) no-repeat;
    background-size: auto 100%;
}

.boton5peq {
    background: url(../img/boton5_p.png) no-repeat;
    background-size: auto 100%;
}

.boton6peq {
    background: url(../img/boton6_p.png) no-repeat;
    background-size: auto 100%;
}
.boton1-cinco {
    background: url(../img/boton1_cinco.png) no-repeat;
    background-size: 83% auto;
}

.boton2-cinco {
    background: url(../img/boton2_cinco.png) no-repeat;
    background-size: 83% auto;
}

.boton3-cinco {
    background: url(../img/boton3_cinco.png) no-repeat;
    background-size: 83% auto;
}

.boton4-cinco {
    background: url(../img/boton4_cinco.png) no-repeat;
    background-size: 83% auto;
}

.boton5-cinco {
    background: url(../img/boton5_cinco.png) no-repeat;
    background-size: 83% auto;
}

.boton6-cinco {
    background: url(../img/boton6_cinco.png) no-repeat;
    background-size: 83% auto;
}

/* Listas */


/* Para listas de menos de 8 bullets */

.lista-grande {
    font-size: 22px;
}


/* Para listas de más de 8 bullets*/

.lista-pequeña {
    font-size: 16px;
}


/* Para listas con destacado o en contenido general*/

.lista-pequeña {
    font-size: 16px;
}


/* Listas bullets*/

.lista_bullet {
    top: 100px;
    left: -20px;
    width: 400px;
    height: 450px;
    list-style-type: disc;
}
.lista_bullet span{
	color:#000000;
}

.lista_bullet dt {
    position: relative;
    padding-bottom: 25px;
}

.lista_bullet dd {
    position: relative;
    padding-bottom: 15px;
}


.lista_bullet li {
    position: relative;
    padding-bottom: 25px;
}


/* Listas numeradas*/

.lista-numeracion {
    top: 100px;
    left: 60px;
    width: 400px;
    height: 450px;
    list-style-type: none;
}

.lista-numerada {
    position: relative;
}

.bullet1:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice1.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet2:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice2.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet3:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice3.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet4:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice4.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet5:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice5.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet6:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice6.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet7:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice7.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet8:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice8.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet9:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice9.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.bullet10:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../img/indice10.png) no-repeat;
    background-size: 100%;
    left: -55px;
    top: -12px;
}

.lista-numeracion li {
    margin: 0 0 17px 10px;
}


/* Listas numeradas*/

.lista-hot {
    list-style-type: none;

}

.lista-hot {
    position: relative;
}

.bullet1:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot1.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet2:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot2.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet3:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot3.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet4:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot4.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet5:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot5.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet6:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot6.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet7:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot7.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.bullet8:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../img/hot8.png) no-repeat;
    background-size: 100%;
    left: -40px;
    top: -4px;
}

.lista-hot li {
    margin: 0 0 10px 10px;
}

.btn-hot {
    width: 65px;
    height: 65px;
    z-index: 99;
}


/* Listas ventajas*/

.lista_bullet_ventajas dt {
    position: relative;
    list-style-type: none;
    padding-bottom: 25px;
}

.lista_bullet_ventajas dd {
    position: relative;
    list-style-type: none;
    padding-bottom: 15px;
}

.lista_bullet_ventajas dd:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -46px;
    width: 46px;
    height: 36px;
    background: url(../img/bullet-ventajas.png) no-repeat;
    background-size: 70%;
}

.lista_bullet_ventajas li {
    position: relative;
    list-style-type: none;
    padding-bottom: 25px;
}

.lista_bullet_ventajas li:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -46px;
    width: 46px;
    height: 36px;
    background: url(../img/bullet-ventajas.png) no-repeat;
    background-size: 70%;
}


/* Listas desventajas*/

.lista_bullet_desventajas dt {
    position: relative;
    list-style-type: none;
    padding-bottom: 25px;
}

.lista_bullet_desventajas dd {
    position: relative;
    list-style-type: none;
    padding-bottom: 15px;
}

.lista_bullet_desventajas dd:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -46px;
    width: 46px;
    height: 36px;
    background: url(../img/bullet-desventajas.png) no-repeat;
    background-size: 70%;
}

.lista_bullet_desventajas li {
    position: relative;
    list-style-type: none;
    padding-bottom: 25px;
}

.lista_bullet_desventajas li:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -46px;
    width: 46px;
    height: 36px;
    background: url(../img/bullet-desventajas.png) no-repeat;
    background-size: 70%;
}


/* SOMBRAS */

.sombras-laterales:before {
    content: "";
    position: absolute;
    top: -0px;
    width: 40px;
    left: -39px;
    width: 40px;
    height: 100%;
    background: url(../img/img-sombra.png) no-repeat;
    background-size: auto 100%;
    transform: rotate(180deg);
}

.sombras-laterales:after {
    content: "";
    position: absolute;
    top: -0px;
    width: 40px;
    right: -39px;
    height: 100%;
    background: url(../img/img-sombra.png) no-repeat;
    background-size: auto 100%;
}


/* TEST */

#enunciadoeval {
    position: absolute;
    left: 100px;
    top: 223px;
    width: 810px;
    font-family: 'LatoBD';
    font-size: 18px;
    padding: 0px;
}

#enunciadoeval div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#respuestaseval {
    position: absolute;
    top: 275px;
    left: 165px;
    width: 740px;
    font-size: 16px;
    line-height: 18px;
    font-weight: lighter;
    color: #333333;
}

#respuestaseval .respuesta {
    width: 720px;
    height: 48px;
    margin-top: 4px;
    margin-bottom: 15px;
}

#respuestaseval .respuesta div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.caja-test {
    position: absolute;
    text-align: center;
    color: #fff;
    padding: 20px;
    font-size: 18px;
    z-index: 2;
}

.comenzar-test {
    position: absolute;
    text-align: center;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 18px;
    z-index: 2;
}

.feedback-wrapper {
    position: absolute;
    left: 90px;
    top: 509px;
    max-width: 550px;
    border-radius: 20px;
    text-align: center;
    font-style: italic;
    font-weight: bolder;
    border: 1px solid #bd0052;
    font-size: 15px;
    color: #bd0052;
    z-index: 3;
    padding: 10px;
    background-color: #fff;
}

.boton_sigpregunta {
    position: absolute;
    left: 110px;
    top: 470px;
    border-radius: 20px;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
    border: 1px solid #bd0052;
    font-size: 16px;
    color: #418ba7;
    z-index: 3;
    padding: 10px;
}

.boton_sigpregunta:hover {
    color: #bd0052;
}


}
.feedback {
    width: 100%;
    height: 50px;
    display: table;
    position: absolute;
    left: 90px;
    top: 510px;
    border-radius: 20px;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #bd0052;
    font-size: 16px;
    color: #bd0052;
    z-index: 3;
    padding: 10px;
    background-color: #fff;
}
.feedback .texto {
    display: table-cell;
    vertical-align: middle;
}
.boton_comprobar {
    padding: 13px 2px;
    border-radius: 50px;
    text-align: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    background-image: url("./img/btntest.png");
    margin: 15px 25px 60px 390px;
    width: 150px;
    clear: both;
    font-size: 15px;
}
.boton_respuesta {
    padding: 20px 0;
    text-align: center;
    font-weight: 800;
    color: #ffffff;
    font-size: 24px;
    line-height: 29px;
    background-image: url("../img/btntest.png");
    background-repeat: no-repeat;
    background-size: 60px;
    cursor: pointer;
    width: 60px;
    height: 31px;
    transition: all 0.5s;
}
.boton_respuesta:hover {
    padding: 20px 0;
    text-align: center;
    font-weight: 800;
    color: #ffffff;
    font-size: 24px;
    background-image: url("../img/btntest.png");
    background-repeat: no-repeat;
    background-size: 60px;
    cursor: pointer;
    opacity: 0.5;
}
.boton_respuesta.correcta:hover {
    padding: 20px 0;
    text-align: center;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 24px;
    background-image: url("../img/btntestcorrecta.png");
    background-repeat: no-repeat;
    background-size: 60px;
    cursor: pointer;
}
.boton_respuesta.incorrecta:hover {
    padding: 20px 0;
    text-align: center;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 24px;
    background-image: url("../img/btntestinco.png");
    background-repeat: no-repeat;
    background-size: 60px;
    cursor: pointer;
}
.boton_respuesta.correcta {
        color: #FFFFFF;
		background-image: url("../img/btntestcorrecta.png");
        opacity: 1!important;
    }
    
.boton_respuesta.incorrecta {
        color: #FFFFFF;
		background-image: url("../img/btntestinco.png");
        opacity: 1!important;
    }
.boton_repetir {
    padding: 7px 0;
    text-align: center;
    font-weight: 800;
    color: #bd0052;
    font-size: 24px;
    background-image: url("../img/btn-repetir.png");
    background-repeat: no-repeat;
    background-size: 170px;
    cursor: pointer;
    width: 170px;
    height: 170px;
}
.boton_repetircurso {
    padding: 7px 0;
    text-align: center;
    font-weight: 800;
    color: #bd0052;
    font-size: 24px;
    background-image: url("../img/btn-repetircurso.png");
    background-repeat: no-repeat;
    background-size: 170px;
    cursor: pointer;
    width: 170px;
    height: 170px;
    margin-top: 80px;
}
.c-azul {
    background-image: url("../img/btn-azul.png");
    background-repeat: no-repeat;
    background-size: 84px;
    color: #1bb3bc;
    font-weight: lighter;
    text-align: center;
    width: 84px;
    height: 84px;
    font-size: 30px;
    font-weight: 800;
}
.t-azul {
    color: #1bb3bc;
    font-weight: lighter;
    text-align: center;
    font-size: 17px;
    font-weight: lighter;
}
.c-verde {
    background-image: url("../img/btn-verde.png");
    background-repeat: no-repeat;
    background-size: 84px;
    color: #aac10f;
    font-weight: lighter;
    text-align: center;
    width: 84px;
    height: 84px;
    font-size: 30px;
    font-weight: 800;
}
.t-verde {
    color: #aac10f;
    font-weight: lighter;
    text-align: center;
    font-size: 17px;
}
.c-rojo {
    background-image: url("../img/btn-rojo.png");
    background-repeat: no-repeat;
    background-size: 84px;
    color: #ec0000;
    font-weight: lighter;
    text-align: center;
    width: 84px;
    height: 84px;
    font-size: 30px;
    font-weight: 800;
}
.t-rojo {
    color: #ec0000;
    font-weight: lighter;
    text-align: center;
    font-size: 17px;
}
.final {
    color: #1bb3bc;
    font-weight: 800;
    text-align: left;
    font-size: 25px;
    width: 490px;
}

/* Anulador */
#anulador {
    position: absolute;
    width: 980px;
    height: 594px;
    z-index: 100;
}

/* Video */
.portadavideo {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 980px;
}
.contenedorvideo {
    position: absolute;
	left: 256px;
    top: 176px;
    z-index: 2;
    width: 460px;
    height: 260px;
}

/* INI ESTILOS NUEVOS ADHOC */
.bloque-indice {
    padding: 17px;
    color: #FFF;
    font-size: 22px;
    border-bottom: 1px dashed #FFF;
}
.bloque-indice-uno {
    background: #56c1dd;
}
.bloque-indice-dos {
    background: #02afdb;
}
.bloque-indice-tres {
    background: #3f88a3;
}
.bloque-indice-cuatro {
    background: #6a278a;
}
.contenido-3-derecha {
    width: 500px;
    text-align: left;
    left: 370px;
}
.relative {
    position: relative;
}

/* ini procesos */
.procesos .bloque-proceso {
    position: absolute;
    margin-top: 30px;
}
.procesos .boton-proceso {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 0px;
    left: 45px;
    cursor: pointer;
    z-index: 2;
}
.procesos .boton-proceso img {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0px;
    left: 0px;
}
.procesos .linea-proceso {
    height: 44px;
    width: 0px;
    border-bottom: 1px dashed #bbbbbb;
    top: 283px;
    position: absolute;
    z-index: 1;
}

/* fin procesos */

/* ini procesos 3 */
.procesos.procesos-3 .bloque-proceso {
    position: absolute;
    margin-top: 20px;
}
.procesos.procesos-3 .boton-proceso {
    position: absolute;
    display: block;
    width: 150px;
    height: 150px;
    top: 40px;
    left: 75px;
    cursor: pointer;
    z-index: 2;
}
.procesos.procesos-3 .boton-proceso img {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0px;
    left: 0px;
}
.procesos.procesos-3 .linea-proceso {
    height: 44px;
    width: 0px;
    border-bottom: 1px dashed #bbbbbb;
    top: 274px;
    position: absolute;
    z-index: 1;
}
.procesos.procesos-3 .bloque-proceso.bloque1 {
    margin-left: 80px;
    z-index: 6;
}
.procesos.procesos-3 .bloque-proceso.bloque2 {
    margin-left: 330px;
    z-index: 5;
}
.procesos.procesos-3 .bloque-proceso.bloque3 {
    margin-left: 590px;
    z-index: 4;
}
.procesos.procesos-3 .globo-proceso-top {
    width: 280px;
    text-align: center;
    top: 120px;
}
.procesos.procesos-3 .globo-proceso-bottom {
    width: 280px;
    text-align: center;
    top: 370px;
}
.procesos.procesos-3 .feedback-proceso {
    margin-left: 0px;
    width: 280px;
    text-align: center;
}
.procesos.procesos-3 .numero-proceso {
    width: 280px;
    top: 225px;
    text-align: center;
}
.procesos.procesos-3 .sombra-proceso {
    position: absolute;
    width: 280px;
    left: 0px;
    top: 50px;
    z-index: 1;
}
.procesos.procesos-3 .linea-proceso-0 {
    left: 60px;
}
.procesos.procesos-3 .linea-proceso-1 {
    left: 342px;
}
.procesos.procesos-3 .linea-proceso-2 {
    left: 600px;
}

/* fin procesos 3 */

/* ini procesos 4 */
.procesos.procesos-4 .bloque-proceso.bloque1 {
    margin-left: 105px;
    z-index: 6;
}
.procesos.procesos-4 .bloque-proceso.bloque2 {
    margin-left: 287px;
    z-index: 5;
}
.procesos.procesos-4 .bloque-proceso.bloque3 {
    margin-left: 460px;
    z-index: 4;
}
.procesos.procesos-4 .bloque-proceso.bloque4 {
    margin-left: 655px;
    z-index: 3;
}
.procesos.procesos-4 .globo-proceso-top {
    width: 180px;
    text-align: center;
    top: 120px;
}
.procesos.procesos-4 .globo-proceso-bottom {
    width: 180px;
    text-align: center;
    top: 340px;
    margin-left: -6px;
}
.procesos.procesos-4 .feedback-proceso {
    margin-left: 0px;
    width: 180px;
    text-align: center;
}
.procesos.procesos-4 .numero-proceso {
    width: 180px;
    top: 265px;
    text-align: center;
}
.procesos.procesos-4 .sombra-proceso {
    position: absolute;
    width: 180px;
    left: 0px;
    top: 25px;
    z-index: 1;
}
.procesos.procesos-4 .linea-proceso-0 {
    left: 100px;
}
.procesos.procesos-4 .linea-proceso-1 {
    left: 283px;
}
.procesos.procesos-4 .linea-proceso-2 {
    left: 465px;
}
.procesos.procesos-4 .linea-proceso-3 {
    left: 648px;
}
.procesos.procesos-4 .linea-proceso-4 {
    left: 778px;
}

/* fin procesos 4 */

/* ini procesos 5 */
.procesos.procesos-5 .bloque-proceso.bloque1 {
    margin-left: 83px;
    z-index: 2;
}
.procesos.procesos-5 .bloque-proceso.bloque2 {
    margin-left: 225px;
    z-index: 3;
}
.procesos.procesos-5 .bloque-proceso.bloque3 {
    margin-left: 367px;
    z-index: 4;
}
.procesos.procesos-5 .bloque-proceso.bloque4 {
    margin-left: 507px;
    z-index: 5;
}
.procesos.procesos-5 .bloque-proceso.bloque5 {
    margin-left: 645px;
    z-index: 6;
}
.procesos.procesos-5 .globo-proceso-top {
    width: 180px;
    text-align: center;
    top: 120px;
    margin-left: -5px;
}
.procesos.procesos-5 .globo-proceso-bottom {
    width: 180px;
    text-align: center;
    top: 340px;
    margin-left: -6px;
}
.procesos.procesos-5 .feedback-proceso {
    margin-left: 0px;
    width: 180px;
    text-align: center;
}
.procesos.procesos-5 .numero-proceso {
    width: 180px;
    top: 265px;
    text-align: center;
}
.procesos.procesos-5 .sombra-proceso {
    position: absolute;
    width: 180px;
    left: 0px;
    top: 23px;
    z-index: 1;
}
.procesos.procesos-5 .linea-proceso-0 {
    left: 100px;
}
.procesos.procesos-5 .linea-proceso-1 {
    left: 242px;
}
.procesos.procesos-5 .linea-proceso-2 {
    left: 384px;
}
.procesos.procesos-5 .linea-proceso-3 {
    left: 526px;
}
.procesos.procesos-5 .linea-proceso-4 {
    left: 668px;
}

/* fin procesos 5 */

/* ini procesos 6 */
.procesos.procesos-6 .bloque-proceso.bloque1 {
    margin-left: 55px;
    z-index: 2;
}
.procesos.procesos-6 .bloque-proceso.bloque2 {
    margin-left: 185px;
    z-index: 3;
}
.procesos.procesos-6 .bloque-proceso.bloque3 {
    margin-left: 317px;
    z-index: 4;
}
.procesos.procesos-6 .bloque-proceso.bloque4 {
    margin-left: 447px;
    z-index: 5;
}
.procesos.procesos-6 .bloque-proceso.bloque5 {
    margin-left: 572px;
    z-index: 6;
}
.procesos.procesos-6 .bloque-proceso.bloque6 {
    margin-left: 700px;
    z-index: 7;
}
.procesos.procesos-6 .globo-proceso-top {
    width: 180px;
    text-align: center;
    top: 120px;
    margin-left: -5px;
}
.procesos.procesos-6 .globo-proceso-bottom {
    width: 180px;
    text-align: center;
    top: 340px;
    margin-left: -6px;
}
.procesos.procesos-6 .feedback-proceso {
    margin-left: 0px;
    width: 180px;
    text-align: center;
}
.procesos.procesos-6 .numero-proceso {
    width: 180px;
    top: 265px;
    text-align: center;
}
.procesos.procesos-6 .sombra-proceso {
    position: absolute;
    width: 180px;
    left: 0px;
    top: 23px;
    z-index: 1;
}
.procesos.procesos-6 .linea-proceso-0 {
    left: 75px;
}
.procesos.procesos-6 .linea-proceso-1 {
    left: 208px;
}
.procesos.procesos-6 .linea-proceso-2 {
    left: 337px;
}
.procesos.procesos-6 .linea-proceso-3 {
    left: 465px;
}
.procesos.procesos-6 .linea-proceso-4 {
    left: 595px;
}
.procesos.procesos-6 .linea-proceso-5 {
    left: 725px;
}

/* fin procesos 6 */

/* FIN ESTILOS NUEVOS ADHOC */

textarea{
	font-family: 'Lato';
}
.iconodescargar{
	width:70px;
	top:468px; 
	left:409px; 
}
.textodescargar{
	top:465px; 
	left:60px; 
	width: 410px; 
	height: 60px; 
	font-size:20px; 
	z-index: 3; 
	border-bottom: 1px dotted #bd0052;
	border-top: 1px dotted #bd0052;
	padding-top: 12px;
}
.boton-guardar{
	border: none; 
	left: 290px; 
	top: 310px; 
	width: 93px; 
	height: 30px; 
	background-color: #00b398; 
	color: #fff;
	font-family: Lato; 
}
.titulovideo{
	font-family: LatoBD; 
	top:240px; 
	left:190px; 
	width: 360px; 
	font-size:44px; 
	z-index: 5;
}
.titulopregunta{
	font-family: LatoBD; 
	top:220px; 
	left:80px; 
	width: 360px; 
	font-size:40px; 
	z-index: 5;
}
.titulopodcast{
	font-family: Lato; 
	top:260px; 
	left:105px; 
	width: 360px; 
	font-size:76px; 
	z-index: 5;
	border-bottom: 1px dotted #bd0052;
	text-align: right;
}
.iconopodcast{
	width:80px;
	top:255px; 
	left:105px; 
}
.textopodcast{
	top:375px; 
	left:105px; 
	width: 360px; 
	height: 60px; 
	font-size:30px; 
	line-height:32px; 
	z-index: 3; 
	border-bottom: 1px dotted #bd0052;
}
.iconoplay{
	width:90px;
	top:352px; 
	left:395px; 
}
.subtextopodcast{
	top:448px; 
	left:235px; 
	width: 360px; 
	height: 90px; 
	font-size:15px; 
	z-index: 3; 
}
/* ini carousel */
.nav{
	position: absolute;
	width: 822px;
	top: 200px;
	left: 60px;
	z-index: 3;
}
.nav-left{
	position: absolute;
	top: 155px;
	left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #fff;
	border: 1px dashed #8EC14F;
	cursor: pointer;
	z-index: 10;
}
.nav-left img,.nav-right img{
	width: 100%;
}
.nav-right{
	position: absolute;
	top: 155px;
	right: -25px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #fff;
	border: 1px dashed #8EC14F;
	cursor: pointer;
	z-index: 10;
}
.nav-top{
	position: absolute;
	width: 822px;
	top: 90px;
	left: 60px;
	height: 50px;
	text-align: center;
	z-index: 3;		
}
.nav-indicator{
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 44px;
	border-radius: 100%;
	background: #fff;
	font-size: 22px;
	color: #ddd;
	margin: 10px;
	text-align: center;
	border: 1px dashed #ddd;
}
.nav-indicator-active{
	color: #8EC14F;
	background: #FFF;
	border: 1px dashed #8EC14F;
}	
.carousel-box-feedback{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px dashed #8EC14F;
	width: 820px;
	height: 365px;
	position: absolute;
	top: 175px;
	left: 60px;
	z-index: 1;
}
.carousel-portada{
	height: 365px;
	color: #FFF;
	background: #8EC14F; 
	border-radius: 10px;
}
.carousel-item-feedback{
	position: absolute;
	left: 0px;
	width: 820px;
}
.carousel-feedback-imagen{
	width: 370px;
	height: 367px;
	left: 0px;
	top: -0.5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;	
}
.carousel-feedback-imagen img{
	width: 100%;
	height:auto;
	top:1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.carousel-feedback-numero{
	font-size: 72px;
	width: 80px;
	height: 80px;
	text-align: center;
	color: #8EC14F;
	border-right: 1px dashed #8EC14F;
	height: 140px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;margin-right: 20px;
}
.carousel-feedback-info{
	position: absolute;
	width: 330px;
	left: 410px;
	top: 20px;
}
.carousel-feedback-descripcion{
	display: inline-block;
	vertical-align:top;
	width: 260px;
	font-size: 15px;
	margin-bottom: 20px;
	color: #6a6a6b;
}
.carousel-feedback-titulo{
	display: inline-block;
	vertical-align:top;
	width: 260px;
	font-size: 24px;
	font-family:'NunitoBD';
	margin-bottom: 20px;
	color: #37486B;
}
.feedback-ok{
	position: absolute;
	top: 0px;
	left: 335px;
	z-index: 3;
}
.feedback-ok img{
	width: 70px;
	height: 70px;
}	
.instruglobo-avanzar{
	width: 95px;
	height: 93px;
	top: 212px;
	left: 780px;
	padding-top: 46px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../img/globo-instr2.png) no-repeat;
	background-size: 100% auto;
	
}
.instruglobo-retroceder{
	width: 95px;
	height: 93px;
	top: 212px;
	left: 60px;
	padding-top: 46px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../img/globo-instr.png) no-repeat;
	background-size: 100% auto;
	
}	
/* fin carousel */