@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
img{border:0px;}
a{font-style:normal; text-decoration:none !important;}
:focus{color:inherit;}

body {
    padding-top: 0px;
	font-family: 'Quicksand', Helvetica, Arial, sans-serif;
	background: url(/imgs/webp/bg-stars.webp), url(/imgs/webp/bg-01.webp) #4cd2ff;
	background-position: top center, top center;
	background-repeat: no-repeat,repeat;
	background-attachment:fixed;
}
#master{
	width:100%;
	height:auto;
	margin:0px auto 0px;
	display:table;
}
/*#top{margin-bottom:-40px;}*/

.logo{
	width: 100%;
	height: auto;
	padding: 0 0 60px;
	margin: 0px auto 0px;
	display:block;
	text-align:center;
	background: url(/imgs/webp/nube.webp);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.logo img{
	width: 90%;
	max-width: 458px;
	height:auto;
	margin: 0px auto 20px;
	display: table;
	padding-top: 5px;
}
.logo img.go-kids{
	width: 90%;
	max-width: 170px;
	height:auto;
	margin: -12px auto -15px;
	display: table;
	padding-top: 0px;
}
.tit-land{
	font-weight: 900;
	color: #fff;
	letter-spacing: 1px;
	font-size: 2.5rem;
	line-height: 2.2rem;
	margin: 0px auto 10px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px 2px 3px rgb(7 0 109 / 30%);
 }
.panel-default{border: none;}
.categoria{padding: 16px 2px 0px;text-align: left;width: 26px;float: right;position: absolute;right: 15px;}
.categoria i{color: #0c006f;font-size: 16px;}

.panel-default>.panel-heading{color:#333;background-color:transparent;border-bottom: 2px solid rgb(0 0 0 / 0.2);}

.modulo-cuento .panel-default{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 0.3);
    border-radius: 10px;
    background: rgb(255 255 255 / 0.4);
    border:2px solid transparent;
    margin:10px 0px;
}

.modulo-cuento .panel-default:hover{background: #ffe455;}


.modulo-cuento.a .panel-default h4.tit-cuento{background: rgb(232 3 0);}
.modulo-cuento.b .panel-default h4.tit-cuento{background: #88c424;}
.modulo-cuento.c .panel-default h4.tit-cuento{background: #b2198e;}
.modulo-cuento.d .panel-default h4.tit-cuento{background: #ff9510;}
.modulo-cuento.e .panel-default h4.tit-cuento{background: #e12d9c;}


h4.tit-cuento{
	width: 100%;
	height: 62px;
	display: table;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 15px 10px 10px;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 0.3);
	margin: -2px 0 0 0;
	border-radius: 0px 0 10px 10px;
	border-top: 3px solid rgb(0 0 0 / 0.2);
}


/*
.select{
	width: 98%;
	background:hsl(0 0% 100% / 0.7);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 0.2), -2px 3px 0px rgb(0 0 0 / 0.05);
	display: table;
	margin: 10px auto 0px;
}
.select h4.tit-cuento{
	font-size: 11px;
	line-height: 11px;
	height: 51px;
	padding: 10px 10px 5px;
}
*/




.panel-heading .img-responsive{
	width: 100%;
	max-width: 207px;
	height: auto;
	max-height: 207px;
	border-radius:100px;
	display: table;
	margin: -13px auto -13px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 0.2), -2px 3px 0px rgb(0 0 0 / 0.05);
	border:2px solid rgb(0 0 0 / 0.2);
}
.bg-blanco{
	width: 95%;
	max-width: 500px;
	height:auto;
	display:table;
	text-align:center;
	font-size:13px;
	line-height:19px;
	background-color: rgb(255 255 255 / 0.8);
	border-radius: 0px;
	padding: 25px 0px 0px 0px;
	margin: 0px auto 30px;
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
	float: none;
}
.buttons-top{
    width: auto;
    display: table;
    padding: 0 20px 10px;
    margin: 0px auto 0px;
}

.referencias{
    width: 95%;
    max-width: 540px;
    display: table;
    padding: 10px 0px 10px;
    margin: 20px auto 0px;
    background: rgb(255 255 255 / 0.7);
    box-shadow: 0px 0px 9px rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 10px;
    border: 3px solid #fff;
}
.referencias .tit{
	font-size: 22px;
	line-height:20px;
	letter-spacing:0.3px;
	color:#081170
}
.referencias .tit .small{
	font-size: 15px;
	line-height:15px;
    font-weight: 600;
	color:#d60b88;
	padding: 2px 0px 7px;
}
.referencias .refe{
	font-size: 15px;
	line-height:23px;
	color:#b2198e;
	display: inline-block;
	padding: 0 10px 2px;
	border-right: 1px solid rgb(8 17 112 / 0.2);
	box-shadow: 1px 0px 0px rgb(255 255 255 / 0.8);
}
.referencias .refe i{
	font-size: 22px;
	padding: 5px 3px 0px 0px;
	margin: 3px auto 0;
	color:#0c006f;
	display: table;
}
.referencias .refe:last-child{
	border-right: none;
	box-shadow: 0px 0px 0px rgb(255 255 255 / 0);
}


/** LOGIN **/
.page-header.form{
    width: auto;
    display: table;
    padding: 0 20px 7px;
    margin: 0px auto 0px;
    border-bottom: 1px solid #53dccf;

	font-size: 2.5rem;
    line-height: 2.2rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #000361;
}
.txt-form{
    width: auto;
    display: table;
    padding: 7px 20px 9px;
    margin: 0px auto 0px;
    font-weight: 900;
    text-transform: uppercase;
    color: #d60b88;
    font-size: 18px;
    line-height: 21px;
}
.controls{margin:0px 0px 10px;font-size: 16px;color: #8a8a8a;}
.form-group{
	width:90%; 
	margin:0px auto 0px;
	display:table;
    color: #000361;
    text-transform: uppercase;
}
.controls input.form-control{
	width:95%;
	height:45px;
	display:table;
	margin:0px auto 0px;
	padding:0px 10px 2px;

	color:#000d61;
	font-size:20px;
	line-height:30px;
	font-weight:700;
	border: 1px solid #53dccf;
	border-radius:10px;
}
.form-group label{font-weight:700;}
.form-group input.form-control, .form-group input.form-control:focus {color: #99147a !important;}

.btn-ingresar, .modal .btn-close{
	width: auto;
	height:auto;
	display:table;
	letter-spacing: 2px;
	text-transform:uppercase;
	color:#fff;
	font-size:30px;
	line-height: 32px;
	text-decoration:none;
	padding: 7px 25px 9px 25px;
	margin: 17px auto 0px;
	border-radius:15px;
	text-align: center;
	font-weight: 900;

	border:1px solid #820177;
	background: rgba(199,99,196,1);
	background: -moz-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,99,196,1)), color-stop(100%, rgba(130,1,119,1)));
	background: -webkit-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -o-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: linear-gradient(to bottom, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c763c4', endColorstr='#820177', GradientType=0 );

	text-shadow: 0px 1px 3px rgb(0 0 0 / 0.4);
}
.btn-ingresar:hover, .modal .btn-close:hover{
	color:#fff;
	background: #820177;
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
	cursor: pointer;
}
.btn-nuevousuario{
	width: auto;
	height:auto;
	letter-spacing: 2px;
	text-transform:uppercase;
	color:#ffffff;
	font-size:30px;
	line-height: 32px;
	text-decoration:none;
	display: table;
	padding: 7px 25px 9px 25px;
	margin: 20px auto 20px;
	border-radius:15px;
	text-align: center;
	font-weight: 900;
	border:1px solid #e04400;
	background: rgb(255,182,90);
	background: -moz-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb65a",endColorstr="#f23e08",GradientType=1);
	text-shadow: 0px 1px 3px rgb(0 0 0 / 0.4);
}

.btn-nuevousuario:hover{
	color:#fff;
	background: #e04400;
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
}



.btn-nuevousuario:hover{
	color:#fff;
	background: #e04400;
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
}

.btn-nuevousuario:hover{
	color:#fff;
	background: #e04400;
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
}

.modal button.cerrar-x{
	float: right !important;
	height: 20px;
	width: 20px;
	line-height: 0px;
	padding: 0 0 2px 0;
	border-radius: 200px;
	border: 0px;
	margin: 7px 0 0px 7px;
}
.modal button.cerrar-x:hover{
	color:#fff;
	background:#21252952;
	cursor:pointer;
}

.modal .btn-close{
	font-size: 20px;
	margin: 17px auto 0px;
	padding: 7px 10px 9px;
	line-height: 22px;
	border:1px solid #820177;
	background: rgba(199,99,196,1);
	background: -moz-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,99,196,1)), color-stop(100%, rgba(130,1,119,1)));
	background: -webkit-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -o-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: linear-gradient(to bottom, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c763c4', endColorstr='#820177', GradientType=0 );

	text-shadow: 0px 1px 3px rgb(0 0 0 / 0.4);
}
.modal h3{
	display:table;
	margin: -23px auto -20px;
	padding: 7px 10px 9px;
	width: 40%;
	text-align: center;
}

/*
.btn-menu{
	border-radius: 0px 10px 10px 0px;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
	background:#f20401;
	margin: -10px 0px 10px -140px;
	padding: 6px 8px 7px;
	font-weight: 900;
	color:#fff;}

.btn-menu:hover{
    margin: -10px 0px 10px;
	padding: 6px 8px 7px;
	background:#cf0604;
    color:#fff;
	box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0);
	text-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
}



.btn-menu{
    height: 33px;
    margin: -10px 0px 0px -150px;
    border-radius: 0px 10px 10px 0px;
    text-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
    background:#f20401;
    padding: 5px 8px 7px;
    font-weight: 900;
    color:#fff;
    font-size: 15px !important;
    line-height: 10px;
    position: absolute;
    top: -35px;
	left: 0px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
    width: 197px;
    text-align:right;
}

.btn-menu .fix{
	margin: 6px 0px 0px;
	color: #fff;
	font-size: 16px !important;
	display:inline-block;
}
.btn-menu i{
	padding: 8px 5px 1px 8px;
	font-size: 25px;
	line-height: 20px;
	line-height: 10px;
	display: table;
	margin: 0px 0 0px 3px;
	float: right;
}

.btn-menu:hover{
	margin: -10px 0px 0px 0px;
	background:#cf0604;
    color:#fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
}*/




.btn-menu{
    height: auto;
    margin: -17px 0px 0px 0px;
    border-radius: 70px 70px;
    text-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
    background:#f20401;
    padding: 6px 13px 9px;
    font-weight: 900;
    font-size: 22px;
    color:#fff;
    line-height: 22px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
    width: auto;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 5%;
    float: right;
    clear: left;
}
.btn-menu .fix{
	margin: 2px 5px 0px 0px;
	color: #fff;
	font-size: 14px !important;
	display: inline-block;
}
.btn-menu i{
	padding: 0px 0px 1px 0px;
	font-size: 17px;
	line-height: 9px;
	display: block;
	margin: 4px 0 1px 0px;
	float: right;
}
.btn-menu:hover{
	background:#62049a;
    color:#fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
}
/*
.btn-menu:hover:before{
	content:'Menú de Cuentos';
	font-size: 14px;
	margin: 2px 5px 0px 0px;
	display: inline-block;
}
*/

.btn-cerrar{
	width: 55px;
	height:auto;
	position: absolute;
	top: 5px;
	right: 8px;
	text-transform:uppercase;
	color: #ffec98;
	font-size: 30px;
	line-height: 32px;
	font-weight: 900;
	text-decoration:none;
	padding: 1px 0px 0px 0px;
	text-align:right;
	border-radius:100px;
	background: #3b18b1;
	border: 2px solid #1b009a;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
	text-shadow: -1px 1px 3px rgb(7 0 109 / 20%);
}
.btn-cerrar:hover{
	text-align:left;
	padding: 1px 5px 0px 0px;
	color: hsl(0deg 0% 70% / 90%);
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
}


/** INTERNAS **/
.main{
	width: 95%;
	height:auto;
	display:table;
	text-align:center;
	border-radius: 30px;
	padding: 10px 10px 10px 10px;
	margin:0px auto 0px;
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
	background: rgb(255,255,255);
}

.main h1{
	width: auto;
	display: table;
	font-size: 2.5rem;
	line-height: 2.2rem;
	letter-spacing: 0.5px;
	font-weight: 900;
	padding: 4px 20px 10px;
	margin: 15px auto 14px;
	text-transform: uppercase;
	color: #0c006f;
	border-bottom: 1px solid #53dccf;
	/* text-shadow: -1px 1px 1px rgb(7 0 109 / 10%); */
}
.img-cuento .img-fluid{
	width: 85%;
	max-width: 450px;
	height:auto;
	display:table;
	margin:0px auto 0px;
	border-radius: 30px;
	/* border: 1px solid #53dccf; */
	box-shadow: -4px 5px 12px rgba(0, 0, 0, 0.15) !important;
}
.img-cuento .img-fluid.audio{
	max-width: 250px;
}
.img-cuento{display:inline-block;position: relative;}
.txt-cuento{
	width: 36%;
	height:auto;
	display: inline-block;
	text-align: left;
	color: #fff;
	border-radius: 0px 25px 25px 0px;
	padding: 17px 18px 17px 35px;
	margin: 20px 0 0px -50px;
	background: #470071;
	border: 1px solid #fbe8a8;
	font-weight: 700;
	font-size: 15px;
	line-height: 19px;
	vertical-align: top;
}

/** NAVEGACION **/
.menu{
	width: auto;
	height:auto;
	display: table;
	margin: 0px auto 15px;
	background: #e2e2e2;
	border:1px solid #e2e2e2ab;
	border-radius:15px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	padding: 0px 10px;

	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
}
.menu ul{
	padding:0px;
	margin: 6px 0px 8px;
}
.menu li{list-style: none;display: inline-block;}

.btn-act{
	width: auto;
	height:auto;
	letter-spacing: 0px;
	text-transform:uppercase;
	color:#fff;
	font-size: 30px;
	line-height: 32px;
	font-weight: 900;
	padding: 5px 10px 8px 5px;
	margin: 4px 3px 0px 3px;
	display:inline-block;
	text-align:center;
	border-radius:15px;
	border:1px solid rgb(9 1 209 / 0.2);
	text-shadow: 0px 1px 3px rgb(0 0 0 / 50%);
}
.btn-act.home{
	background: rgba(248,80,50,1);
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(191,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(100%, rgba(191,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(191,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(191,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(191,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(191,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#bf0000', GradientType=0 );
}
.btn-act.home:hover{background: #bf0000;}

.btn-act.colorear{
background: rgb(254,161,181);
background: -moz-linear-gradient(180deg, rgba(254,161,181,1) 0%, rgba(245,0,110,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(254,161,181,1) 0%, rgba(245,0,110,1) 100%);
background: linear-gradient(180deg, rgba(254,161,181,1) 0%, rgba(245,0,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fea1b5",endColorstr="#f5006e",GradientType=1);}
.btn-act.colorear:hover{background: #d40158;}

.btn-act.otro{
	background: rgb(255,221,38);
	background: -moz-linear-gradient(180deg, rgba(255,221,38,1) 0%, rgba(254,165,79,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,221,38,1) 0%, rgba(254,165,79,1) 100%);
	background: linear-gradient(180deg, rgba(255,221,38,1) 0%, rgba(254,165,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd26",endColorstr="#fea54f",GradientType=1);
}
.btn-act.otro:hover{background: #fbcf13;}

.btn-act.colorear-des{display: none;}

.btn-act.audio{
	background: rgb(255,182,90);
	background: -moz-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: linear-gradient(180deg, rgb(255 200 45) 0%, #f23e08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb65a",endColorstr="#f23e08",GradientType=1);
}
.btn-act.audio:hover{background: #f23e08;}

.btn-act.ebook{
	background: rgba(199,99,196,1);
	background: -moz-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,99,196,1)), color-stop(100%, rgba(130,1,119,1)));
	background: -webkit-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -o-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: linear-gradient(to bottom, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c763c4', endColorstr='#820177', GradientType=0 );
}
.btn-act.ebook:hover{background: #820177;}

.btn-act.video{
	background: rgba(197,237,88,1);
	background: -moz-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(197,237,88,1)), color-stop(100%, rgba(144,185,49,1)));
	background: -webkit-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -o-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -ms-linear-gradient(top, #c5ed58 0%, #90b931 100%);
	background: linear-gradient(to bottom, #c5ed58 0%, #90b931 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ed58', endColorstr='#90b931', GradientType=0 );
}
.btn-act.video:hover{background: #86bd05;}

.btn-act.workbook{
	background: rgba(140,208,253,1);
	background: -moz-linear-gradient(top, rgba(140,208,253,1) 0%, rgba(72,127,175,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(140,208,253,1)), color-stop(100%, rgba(72,127,175,1)));
	background: -webkit-linear-gradient(top, rgba(140,208,253,1) 0%, rgba(72,127,175,1) 100%);
	background: -o-linear-gradient(top, rgba(140,208,253,1) 0%, rgba(72,127,175,1) 100%);
	background: -ms-linear-gradient(top, rgba(140,208,253,1) 0%, rgba(72,127,175,1) 100%);
	background: linear-gradient(to bottom, rgba(140,208,253,1) 0%, rgba(72,127,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd0fd', endColorstr='#487faf', GradientType=0 );
}
.btn-act.workbook:hover{
	background: #487faf;
}


.btn-act:hover{
	border:1px solid rgb(0 0 0 / 0.3);
	color:#fff;
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
}

.main.video li#videos{display:none;}
.main.audio li#audios{display:none;}
.main.colorear li#colorear{display:none;}




h3.tit-actividad{
    width: auto;
    display: table;
    padding: 0px 10px 9px;
    margin: 0px auto 0px;
    font-weight: 900;
    text-transform: uppercase;
    color: #d60b88;
    font-size: 34px;
    line-height: 35px;
}

.main.audio h3.tit-actividad{height: 81px;}
/*h3.tit-actividad.eng{
	border-top: 1px solid #53dccf;
    margin: 20px auto 0px;
    padding: 15px 20px 15px;
}*/

.descripcion{
    width: auto;
    display: table;
    margin: 0px auto;
    padding: 0px 10px 9px;
    font-weight: 700;
    color:#838383;
    font-size: 15px;
    line-height: 17px;
}





/** SELECT CUENTOS **/
.btn-select{
	width: auto;
	height:auto;
	float: none;
	letter-spacing: 0px;
	text-transform:uppercase;
	color: #fff !important;
	font-size: 28px;
	line-height: 28px;
	font-weight: 900;
	padding: 8px 10px 7px;
	margin: 18px auto 0px;
	display: table;
	text-align:center;
	border-radius:15px;
	border: 1px solid rgb(94 134 0);
	text-shadow: 0px 1px 3px rgb(0 0 0 / 50%);
	background: rgba(197,237,88,1);
	background: -moz-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(197,237,88,1)), color-stop(100%, rgba(144,185,49,1)));
	background: -webkit-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -o-linear-gradient(top, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: -ms-linear-gradient(top, #c5ed58 0%, #90b931 100%);
	background: linear-gradient(to bottom, #c5ed58 0%, #90b931 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ed58', endColorstr='#90b931', GradientType=0 );
}
a.btn-select:hover{
    cursor:pointer;
	background: #86bd05;
	text-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
}

.btn-select i{
	display: table;
	margin: -1px 0px 0px;
	padding: 0px 0px 0 5px;
	width: auto;
	float: right;
}

.btn-select.small{
	font-size: 15px;
	line-height: 15px;
	padding: 7px 10px 7px;
	text-shadow: 0px 1px 2px rgb(0 0 0 / 60%);
	letter-spacing:0.5px;
}
.btn-select.small i{
	font-size: 12px;
	line-height: 10px;
	display: table;
	margin: 1px 0 0px 0px;
	float: right;
}
.row.select .modulo-cuento{display:inline-block;}


.row.select{
	width: 98%;
	background:hsl(0 0% 100% / 0.7);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 0.2), -2px 3px 0px rgb(0 0 0 / 0.05);
	display: table;
	margin: 10px auto 0px;
	padding: 15px 1%;
}

.row.select h4.tit-cuento{
	font-size: 13px;
	line-height: 13px;
	height: 44px;
	padding: 10px 10px 5px;
}

.row.select .modulo-cuento .img-responsive{max-width: 120px;}



/** AUDIOS **/
.modulo-audio {
	width:100%;
	height:auto;
	padding: 15px 15px 11px;
	margin-bottom: 30px;
	border: 1px solid rgb(9 1 209 / 0.2);
	background: rgb(255,182,90);
	background: -moz-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,182,90,1) 0%, rgba(242,62,8,1) 100%);
	background: linear-gradient(180deg, rgb(250 136 28) 0%, #f23e08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb65a",endColorstr="#f23e08",GradientType=1);
}
.modulo-audio.eng {
	background: rgba(199,99,196,1);
	background: -moz-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,99,196,1)), color-stop(100%, rgba(130,1,119,1)));
	background: -webkit-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -o-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	background: linear-gradient(to bottom, rgba(199,99,196,1) 0%, rgba(130,1,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c763c4', endColorstr='#820177', GradientType=0 );

}
audio{
	width:100%;
	-webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.4);
	box-shadow: -1px 1px 6px 0px rgba(0,0,0,0.5);
	border-radius: 110px;
}

.player-video iframe {width: 100%;}



/** COLOREAR **/ 
.img-colorear img{
	width: 100%;
	max-width: 225px;
}




/** PIE **/
footer{
    margin: 26px auto 0px;
    text-align: center;
    font-size: 12px;
    background: #e82ea1;
    color: #fff;
    padding: 20px 0px 10px;
    font-weight:500;
}
#contacto-small{
	width:100%;
	height:auto;
	background: rgb(255 255 255 / 0.9);
	display:inline-table;
	padding:0px;
	margin: 6px 0px 0px;
	font-weight:900;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 4px 0px 4px 0px;
	font-size: 15px;
	text-align:right;
	font-weight: 900;
	text-transform:uppercase;
	color: #e82ea1;
	text-decoration:none;
	background: transparent;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	letter-spacing: 0px;
}
#contacto-small .fa-envelope{font-size:17px;}
#contacto-small .btn-contacto:hover{
	color:#8e1271;
	cursor:pointer;
}

footer .popup-link{
	width: auto;
	display: inline-block;
	margin: 0px 5px 7px;
	float:none;
	background-color:hsla(0, 0%, 0%, 0.2);
	border-radius: 4px;
	position: inherit;
	text-align: center;
	color:#fff;
	padding: 5px 12px 6px;
	letter-spacing: 0.5px;
}

footer .popup-link:hover{
	background-color:#8e1271;
	color:#fff;
}
footer a.bcn-legal{color:#ffd42d;}
footer a.bcn-legal:hover{color:#fff;text-decoration:underline;}

/** TERMINOS **/
.main-terminos{
	width: 95%;
	height:
	auto;
	display:
	table;
	text-align: left;
	padding: 30px 30px 10px;
	margin: 20px auto 0px;
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
	background: rgb(255,255,255);
	border-radius: 20px;
	font-size: 14px;
}

@media screen and (max-width: 991px){
	.categoria i{font-size: 30px;line-height:40px;}
	.categoria{padding: 13px 2px 0px;width: 45px;right: 15px;}
	h4.tit-cuento{
		height: auto;
		font-size: 20px;
		line-height: 21px;
		padding: 15px 10px 12px;
    }
	.btn-cerrar{
		width: 40px;
		top: 3px;
		right: 5px;
		font-size: 20px;
		line-height: 22px;
	}
}


@media screen and (max-width: 970px){
	.btn-menu{
		margin: 0px auto 0px;
/*		padding: 7px 8px 7px;*/
		display: inherit;
		position: absolute;
		z-index: 100;
		top: -13px;
		right: 3%;
		float: right;
		clear: left;
	}
/*
	.btn-menu:before{
		content:'Menú de Cuentos';
		font-size: 14px;
		margin: 2px 5px 0px 0px;
		display: inline-block;
	}
	.btn-menu:hover{
		background:darkblue;
	}
*/
	.img-cuento{display:table;position: relative;margin: auto;}
	.txt-cuento{
		width: 100%;
		display: table;
		border-radius: 0px 0px 25px 25px;
		padding: 20px 20px 17px 20px;
		margin: -10px auto 0px;
		background: #470071;
		border: 1px solid #fbe8a8;
		vertical-align: top;
	}
}

@media screen and (max-width: 767px){
	.main.audio h3.tit-actividad{height: auto;}
	.btn-act .txt{display: none;}
	.btn-act{margin: 0 2px;padding: 5px 5px;}
	.btn-act i{padding: 5px 5px;font-size: 33px;}
	.menu ul{margin: 8px 0px 6px;}
}


@media screen and (max-width: 660px){
	.referencias{
		width: 345px;
		/* max-width: 680px; */
		padding: 15px 0px 4px;
	}
	.referencias .refe:nth-child(4){
		border-right: none;
		box-shadow: 0px 0px 0px rgb(255 255 255 / 0);
	}
	.referencias .refe{
		margin: 2px 0px 7px;
	}

}



@media screen and (max-width: 575px){
	.row.select h4.tit-cuento{
		font-size: 18px;
		line-height: 18px;
		height: auto;
	}

	
	
}


@media screen and (max-width: 410px){
	.logo{
		width: 100%;
		height: auto;
		padding: 0 0 30px;
		margin: 0px auto 0px;
		display:block;
		text-align:center;
		background: url(/imgs/webp/nube.webp);
		background-position: center -100px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.logo img{
		width: 90%;
		max-width: 458px;
		height:auto;
		margin: 0px auto 20px;
		display: table;
		padding-top: 5px;
	}
}


@media screen and (max-width: 345px){
	.categoria i{font-size:20px;float:right;line-height: 30px;}
}
@media screen and (max-width: 305px){
	.categoria{display:none;}
}