@font-face {
    font-family: 'AvenirLT-Medium';
    src: url('../fonts/lte50344.eot');
    src: url('../fonts/lte50344.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lte50344.woff') format('woff'),
         url('../fonts/lte50344.ttf') format('truetype'),
         url('../fonts/lte50344.svg#lte50344') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLT-Bold';
    src: url('../fonts/lte50346.eot');
    src: url('../fonts/lte50346.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lte50346.woff') format('woff'),
         url('../fonts/lte50346.ttf') format('truetype'),
         url('../fonts/lte50346.svg#lte50346') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}

body { 
	background:url(../images_web/bg.png) repeat-x top left #fff;
	background-attachment:fixed;
	margin: 0px;
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#fff;
	-webkit-font-smoothing: subpixel-antialiased;
}
#master{
	width:995px;
	height:auto;
	margin:auto;
}
#top{
	width:995px;
	height:auto;
	float:left;
	clear:right;
}
.logo{
	width:425px;
	height:144px;
	padding:0;
	margin:0 20px 5px 20px;
	float:left;
	clear:none;
	background-color:rgba(255,255,255,1);
	border:1px rgba(255,255,255,.5);
	border-radius:0 0 28px 28px;
	behavior:url(border-radius.htc); /* para Explorers */
	box-shadow: 0px 0px 9px rgba(0,0,0,.3);
}
.logo img{
	width:auto;
	height:auto;
	position:relative;
	top:9px;
	left:-19px;
	z-index:500;
}


/** LOGIN TOP **/
#bienvenida{
	width:auto;
	height:auto;
	padding:4px 6px;
	margin:10px 0px 4px 7px;
	float:left;
	clear:none;
	background-color:rgba(255,255,255,.5);
	border:1px rgba(255,255,255,.5);
	border-radius:11px;
	behavior:url(border-radius.htc); /* para Explorers */
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
}
#bienvenida .txt{
	float:left;
	clear:none;
	padding: 17px 0px 17px 0px;
	text-align:left;
font-family: 'Varela Round', sans-serif;
    font-weight: bold;
	font-size:18px;
	color:#a30096;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:15px;
	text-shadow:0px 0px 5px rgba(255,255,255,.9);
}


/** BOTONES TOP **/
/*.btn-cuenta{
	width:135px;
	height:52px;
	float:left;
	clear:none;
	background:url(../images_web/btns-perfil.png) no-repeat top left transparent;
}
.btn-cuenta:hover{
	margin-top:2px;
	background:url(../images_web/btns-perfil.png) no-repeat bottom left transparent;
	cursor:pointer;
	border:none;
}
.btn-cambiarpass{
	width:245px;
	height:52px;
	float:left;
	clear:none;
	margin-right:3px;
	background:url(../images_web/btn-elegir-cambiarpass.png) no-repeat top right transparent;
}
.btn-cambiarpass:hover{
	margin-top:2px;
	background:url(../images_web/btn-elegir-cambiarpass.png) no-repeat bottom right transparent;
	cursor:pointer;
	border:none;
}*/
.btn-elegir, .btn-cerrar, .btn-cuenta, .btn-cambiarpass{
	width: auto;
	height: auto;
	margin: 9px 0px 1px 16px;
	padding: 6px 16px;
	float:left;
	clear:none;
	display:block;
	border-radius: 13px;
	text-align:center;
	color: #fff;
	font-size: 21px;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.35);
}
.btn-elegir{
	border: 3px solid #f6dc34;
	color:#BF1010;
	background: rgba(255,248,153,1);
	background: -moz-linear-gradient(top, rgba(255,248,153,1) 0%, rgba(255,234,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,248,153,1)), color-stop(100%, rgba(255,234,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,248,153,1) 0%, rgba(255,234,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,248,153,1) 0%, rgba(255,234,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,248,153,1) 0%, rgba(255,234,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,248,153,1) 0%, rgba(255,234,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff899', endColorstr='#ffea00', GradientType=0 );
}
.btn-cerrar{	
	border: 3px solid #992e90;
	background: rgba(147,74,145,1);
	background: -moz-linear-gradient(top, rgba(147,74,145,1) 0%, rgba(120,0,110,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,74,145,1)), color-stop(100%, rgba(120,0,110,1)));
	background: -webkit-linear-gradient(top, rgba(147,74,145,1) 0%, rgba(120,0,110,1) 100%);
	background: -o-linear-gradient(top, rgba(147,74,145,1) 0%, rgba(120,0,110,1) 100%);
	background: -ms-linear-gradient(top, rgba(147,74,145,1) 0%, rgba(120,0,110,1) 100%);
	background: linear-gradient(to bottom, rgba(147,74,145,1) 0%, rgba(120,0,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#934a91', endColorstr='#78006e', GradientType=0 );
}

.btn-cuenta, .btn-cambiarpass{
	font-size: 16px;
	margin:6px 5px 1px;
	padding: 4px 10px 2px;
	letter-spacing:0px;
	letter-spacing:1px;
	border-radius:9px;
}
.btn-cuenta{
	color:#367201;
	border: 3px solid #9FD54E;

	background: rgba(198,238,73,1);
	background: -moz-linear-gradient(top, rgba(198,238,73,1) 0%, rgba(185,217,79,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(198,238,73,1)), color-stop(100%, rgba(185,217,79,1)));
	background: -webkit-linear-gradient(top, rgba(198,238,73,1) 0%, rgba(185,217,79,1) 100%);
	background: -o-linear-gradient(top, rgba(198,238,73,1) 0%, rgba(185,217,79,1) 100%);
	background: -ms-linear-gradient(top, rgba(198,238,73,1) 0%, rgba(185,217,79,1) 100%);
	background: linear-gradient(to bottom, rgba(198,238,73,1) 0%, rgba(185,217,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ee49', endColorstr='#b9d94f', GradientType=0 );
}
.btn-cambiarpass{
	border: 3px solid #df8201;
	background: rgba(255,183,0,1);
	background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(229,122,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,183,0,1)), color-stop(100%, rgba(229,122,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(229,122,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(229,122,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(229,122,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,183,0,1) 0%, rgba(229,122,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#e57a00', GradientType=0 );	
}

.btn-elegir:hover, .btn-cerrar:hover, .btn-cuenta:hover, .btn-cambiarpass:hover{
	margin: 10px 0px 0px 16px;
	padding: 7px 16px 5px;
	cursor:pointer;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

	background: rgba(120,0,110,1);
	background: -moz-linear-gradient(top, rgba(120,0,110,1) 0%, rgba(147,74,145,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,0,110,1)), color-stop(100%, rgba(147,74,145,1)));
	background: -webkit-linear-gradient(top, rgba(120,0,110,1) 0%, rgba(147,74,145,1) 100%);
	background: -o-linear-gradient(top, rgba(120,0,110,1) 0%, rgba(147,74,145,1) 100%);
	background: -ms-linear-gradient(top, rgba(120,0,110,1) 0%, rgba(147,74,145,1) 100%);
	background: linear-gradient(to bottom, rgba(120,0,110,1) 0%, rgba(147,74,145,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78006e', endColorstr='#934a91', GradientType=0 );
}
.btn-elegir:hover{
	border: 3px solid #f6dc34;
	background: rgba(255,234,0,1);
	background: -moz-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,248,153,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,234,0,1)), color-stop(100%, rgba(255,248,153,1)));
	background: -webkit-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,248,153,1) 100%);
	background: -o-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,248,153,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,248,153,1) 100%);
	background: linear-gradient(to bottom, rgba(255,234,0,1) 0%, rgba(255,248,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea00', endColorstr='#fff899', GradientType=0 );	
}

.btn-cuenta:hover, .btn-cambiarpass:hover{
	margin:7px 5px 0px;
	padding: 5px 10px 1px;

}
.btn-cuenta:hover{
	border: 3px solid #9FD54E;

	background: rgba(185,217,79,1);
	background: -moz-linear-gradient(top, rgba(185,217,79,1) 0%, rgba(198,238,73,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,217,79,1)), color-stop(100%, rgba(198,238,73,1)));
	background: -webkit-linear-gradient(top, rgba(185,217,79,1) 0%, rgba(198,238,73,1) 100%);
	background: -o-linear-gradient(top, rgba(185,217,79,1) 0%, rgba(198,238,73,1) 100%);
	background: -ms-linear-gradient(top, rgba(185,217,79,1) 0%, rgba(198,238,73,1) 100%);
	background: linear-gradient(to bottom, rgba(185,217,79,1) 0%, rgba(198,238,73,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d94f', endColorstr='#c6ee49', GradientType=0 );
}
.btn-cambiarpass:hover{
	border: 3px solid #df8201;
	background: rgba(229,122,0,1);
	background: -moz-linear-gradient(top, rgba(229,122,0,1) 0%, rgba(255,183,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,122,0,1)), color-stop(100%, rgba(255,183,0,1)));
	background: -webkit-linear-gradient(top, rgba(229,122,0,1) 0%, rgba(255,183,0,1) 100%);
	background: -o-linear-gradient(top, rgba(229,122,0,1) 0%, rgba(255,183,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(229,122,0,1) 0%, rgba(255,183,0,1) 100%);
	background: linear-gradient(to bottom, rgba(229,122,0,1) 0%, rgba(255,183,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57a00', endColorstr='#ffb700', GradientType=0 );	
}

#cont-home{
	width:auto;
	height:auto;
	float:left;
	clear:none;
	margin:9px;
	background-color:#fff;
	border:10px solid #fff;
	border-radius:30px;
	behavior:url(border-radius.htc); /* para Explorers */
	box-shadow: 0px 0px 9px rgba(0,0,0,.3);
}

/** CUENTO **/
#cuento{
	width:966px;
	height:668px;
}
body#blancanieves #cuento{
	background:url(../images_web/img-blancanieves.png) no-repeat top right #43A847;
}
body#libro-selva #cuento{
	background:url(../images_web/img-libro-de-la-selva.png) no-repeat top right #43A847;
}

body#caperucita-roja #cuento{
	background:url(../images_web/img-caperucita-roja.png) no-repeat top right #43A847;
}
body#tres-chanchitos #cuento{
	background:url(../images_web/img-tres-chanchitos.png) no-repeat top right #43A847;
}

body#la-cenicienta #cuento{
	background:url(../images_web/img-la-cenicienta.png) no-repeat top right #43A847;
}

body#pulgarcito #cuento{
	background:url(../images_web/img-pulgarcito.png) no-repeat top right #43A847;
}

body#bella-y-bestia #cuento{
	background:url(../images_web/img-la-bella-y-la-bestia.png) no-repeat top right #43A847;
}

body#peter-pan #cuento{
	background:url(../images_web/img-peter-pan.png) no-repeat top right #43A847;
}

body#la-sirenita #cuento{
	background:url(../images_web/img-la-sirenita.png) no-repeat top right #43A847;
}

body#hansel-y-gretel #cuento{
	background:url(../images_web/img-hansel-y-gretel.png) no-repeat top right #43A847;
}


.tit{
	width:100%;
	height:auto;
	float:left;
	clear:none;
	padding:14px 0 0 50px;
}


/** CUENTOS NUEVOS **/
.main{
	width:972px;
	height:auto;
	display:inline-table;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	border-radius: 30px;
	padding: 25px 0px 0px 0px;
	margin:10px 0px 0px 20px;
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
	background-color:rgba(255,255,255,1);
}
.main p{
	background:#333;
	margin:20px auto 0px;
	padding: 15px 20px;
	text-align:left;
	background-color:#c8329d;
	border-radius: 0px 0px 30px 30px;
	font-size: 20px;
	line-height: 28px;
}
.img-cuento{
	width: auto;
	height:auto;
	padding: 0px 0px;
	margin: -416px 0px 0px 0px;
	float:right;
}

h1, h2, h3, .ej-cel, .player-video-duracion{
	width:auto;
    height:auto;
    font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
    font-size:40px;
    line-height:40px;
    color:#bf0000;
    text-align:left;
    text-decoration:none;
    padding:0 0 0 30px;
	text-transform:uppercase;
}
h2{
	font-family:'AvenirLT-Medium', Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:21px;
}
h3{
	font-weight:normal;
	color:#d90000;
	font-size: 17px;
	line-height:21px;
}
.player-video-duracion{
	background: #2dc4e2;
	margin: -30px auto 10px;
	padding: 7px 13px;
	display: table;
	border-radius: 0px 0px 10px 10px;

	color: #004b7f;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 1px;
 }
.player-video-duracion strong{color:#fff;}

.btn-act, .btn-ir-cuento{
	width: 280px;
	height:auto;
    font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	font-size:30px;
	line-height: 40px;
	text-decoration:none;
	padding: 7px 0px 7px 5px;
	margin: 20px 0 0px 30px;
	display:table;
	text-align:left;
	border-radius:15px;
}
.btn-act.home, #btns-internas .btn-act.home{
	border:1px solid #bf0000;
	
	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, #btns-internas .btn-act.home:hover{
	background: #bf0000;
}
.btn-act.ebook, #btns-internas .btn-act.ebook{
	border:1px solid #e0bd2d;

	background: #f8e536;
	background: -moz-linear-gradient(top, #f8e536 0%, #edc72f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8e536), color-stop(100%, #edc72f));
	background: -webkit-linear-gradient(top, #f8e536 0%, #edc72f 100%);
	background: -o-linear-gradient(top, #f8e536 0%, #edc72f 100%);
	background: -ms-linear-gradient(top, #f8e536 0%, #edc72f 100%);
	background: linear-gradient(to bottom, #f8e536 0%, #edc72f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e536', endColorstr='#edc72f', GradientType=0 );
}
.btn-act.ebook:hover, #btns-internas .btn-act.ebook:hover{
	background: #e0bd2d;
}

.btn-act.colorear, #btns-internas .btn-act.colorear{
	border:1px solid #ea992f;
	
	background: rgba(255,195,105,1);
	background: -moz-linear-gradient(top, rgba(255,195,105,1) 0%, rgba(234,154,47,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,195,105,1)), color-stop(100%, rgba(234,154,47,1)));
	background: -webkit-linear-gradient(top, rgba(255,195,105,1) 0%, rgba(234,154,47,1) 100%);
	background: -o-linear-gradient(top, rgba(255,195,105,1) 0%, rgba(234,154,47,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,195,105,1) 0%, rgba(234,154,47,1) 100%);
	background: linear-gradient(to bottom, rgba(255,195,105,1) 0%, rgba(234,154,47,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc369', endColorstr='#ea9a2f', GradientType=0 );
}
.btn-act.colorear:hover, #btns-internas .btn-act.colorear:hover{
	background: #ea992f;
}
.btn-act.audio, #btns-internas .btn-act.audio{
	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 );
}
.btn-act.audio:hover, #btns-internas .btn-act.audio:hover{
	background: #820177;
}
.btn-act.video, #btns-internas .btn-act.video{
	border:1px solid #90b931;
	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, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	background: linear-gradient(to bottom, rgba(197,237,88,1) 0%, rgba(144,185,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ed58', endColorstr='#90b931', GradientType=0 );
}
.btn-act.video:hover, #btns-internas .btn-act.video:hover{
	background: #90b931;
}
.btn-act.workbook, #btns-internas .btn-act.workbook{
	border:1px solid #487faf;
	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, #btns-internas .btn-act.workbook:hover{
	background: #487faf;
}
.btn-act.volver, .btn-ir-cuento{
	width: auto;
	height:auto;
    font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size:20px;
	line-height: 20px;
	padding: 9px 10px 9px 5px;
	margin: -10px 30px 0px 0px;
	float:right;
	display:table;

	border:1px solid #c8329d;
	background: rgba(229,149,207,1);
	background: -moz-linear-gradient(top, rgba(229,149,207,1) 0%, rgba(200,50,157,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,149,207,1)), color-stop(100%, rgba(200,50,157,1)));
	background: -webkit-linear-gradient(top, rgba(229,149,207,1) 0%, rgba(200,50,157,1) 100%);
	background: -o-linear-gradient(top, rgba(229,149,207,1) 0%, rgba(200,50,157,1) 100%);
	background: -ms-linear-gradient(top, rgba(229,149,207,1) 0%, rgba(200,50,157,1) 100%);
	background: linear-gradient(to bottom, rgba(229,149,207,1) 0%, rgba(200,50,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e595cf', endColorstr='#c8329d', GradientType=0 );
}
.btn-ir-cuento{
	padding: 15px 10px;
	margin: 20px 0px 0px 10px;
	float:right;
	display:inline-block;
}
.btn-act.volver:hover, .btn-ir-cuento:hover{
	background: #c8329d;
	cursor:pointer;
}
.btn-act.home::before, .btn-act.ebook::before, .btn-act.audio::before, .btn-act.video::before, .btn-act.workbook::before, .btn-act.colorear::before, .btn-act.volver::before

#btns-internas .btn-act.home::before, #btns-internas .btn-act.ebook::before, #btns-internas .btn-act.audio::before, #btns-internas .btn-act.video::before, #btns-internas .btn-act.workbook::before, #btns-internas .btn-act.colorear::before{
	width: 71px;
	height: 73px;
	margin: -16px 6px -15px 4px;
	float:left;
	border-radius: 150px;
	content:"";
}
#btns-internas .btn-act.home::before, #btns-internas .btn-act.ebook::before, #btns-internas .btn-act.audio::before, #btns-internas .btn-act.video::before, #btns-internas .btn-act.workbook::before, #btns-internas .btn-act.colorear::before{
	margin: -17px 0px -17px 0px;
}
.btn-act.home::before, #btns-internas .btn-act.home::before{background: url(../images_web/btn-act-home.png) top center no-repeat;}
.btn-act.ebook::before, #btns-internas .btn-act.ebook::before{background: url(../images_web/btn-act-leer.png) top center no-repeat;}
.btn-act.audio::before, #btns-internas .btn-act.audio::before{background: url(../images_web/btn-act-escuchar.png) top center no-repeat;}
.btn-act.video::before, #btns-internas .btn-act.video::before{background: url(../images_web/btn-act-video.png) top center no-repeat;}
.btn-act.workbook::before, #btns-internas .btn-act.workbook::before{background: url(../images_web/btn-act-jugar.png) top center no-repeat;}
.btn-act.colorear::before, #btns-internas .btn-act.colorear::before{background: url(../images_web/btn-act-colorear.png) top center no-repeat;}
.btn-act.volver::before{
	width: 50px;
	height: 50px;
	margin: -16px 6px -15px 0px;
	background: url(../images_web/btn-act-volver.png) top center no-repeat;
}

#btns-internas{
	width: 96%;
	margin: 10px auto 15px;
}
#btns-internas .btn-act{
	width:auto;
	padding: 7px 10px 7px 5px;
	margin: 5px 5px 10px 5px;
	display:inline-table;
}

/** BOTONERA PARA PAGINAS INTERNAS **
#btns-cuento{
	width:280px;
	height:353px;
	padding-left:75px;
	float:left;
	clear:none;
	text-align:left;
}
#btns-leer, #btns-en-colorear, #btns-en-audios, #btns-en-videos, #btns-en-jugar{
	width:auto;
	height:auto;
	padding-left:25px;
	float:left;
	clear:none;
	text-align:left;
}
#btns-cuento .btn-colorear, #btns-cuento .btn-escuchar, #btns-cuento .btn-ver, #btns-cuento .btn-leer, #btns-cuento .btn-jugar{
	width:254px;
	height:67px;
	float:left;
	clear:none;
	margin-bottom:3px;
}
#btns-en-audios .btn-colorear, #btns-en-videos .btn-colorear, #btns-en-jugar .btn-colorear, #btns-en-colorear .btn-escuchar, #btns-en-videos .btn-escuchar, #btns-en-jugar .btn-escuchar, #btns-en-colorear .btn-ver, #btns-en-audios .btn-ver,  #btns-en-jugar .btn-ver, #btns-en-colorear .btn-leer, #btns-en-audios .btn-leer, #btns-en-videos .btn-leer, #btns-en-colorear .btn-jugar, #btns-en-audios .btn-jugar, #btns-en-videos .btn-jugar{
	width:254px;
	height:67px;
	float:left;
	clear:none;
	margin-bottom:6px;
}


/* BOTON LEER *
#btns-cuento .btn-leer, #btns-en-colorear .btn-leer, #btns-en-audios .btn-leer, #btns-en-videos .btn-leer, #btns-en-jugar .btn-leer{
	background:url(../images_web/btn-leer-escuchar-s.png) no-repeat top left transparent;
}
#btns-cuento .btn-leer:hover, #btns-en-colorear .btn-leer:hover, #btns-en-audios .btn-leer:hover, #btns-en-videos .btn-leer:hover, #btns-en-jugar .btn-leer:hover{
	background:url(../images_web/btn-leer-escuchar-s.png) no-repeat bottom left transparent;
	cursor:pointer;
	border:none;
}

/* BOTONES EN ESCUCHAR *
#btns-cuento .btn-escuchar, #btns-en-colorear .btn-escuchar, #btns-en-videos .btn-escuchar, #btns-en-jugar .btn-escuchar{
	background:url(../images_web/btn-leer-escuchar-s.png) no-repeat top right transparent;
}
#btns-cuento .btn-escuchar:hover, #btns-en-colorear .btn-escuchar:hover, #btns-en-videos .btn-escuchar:hover, #btns-en-jugar .btn-escuchar:hover{
	background:url(../images_web/btn-leer-escuchar-s.png) no-repeat bottom right transparent;
	cursor:pointer;
	border:none;
}

/* BOTONES EN COLOREAR *
#btns-cuento .btn-colorear, #btns-en-colorear .btn-colorear,  #btns-en-videos .btn-colorear, #btns-en-audios .btn-colorear, #btns-en-jugar .btn-colorear{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat top right transparent;
}
#btns-cuento .btn-colorear:hover, #btns-en-colorear .btn-colorear:hover, #btns-en-videos .btn-colorear:hover, #btns-en-audios .btn-colorear:hover, #btns-en-jugar .btn-colorear:hover{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat bottom right transparent;
	cursor:pointer;
	border:none;
}
/* BOTONES EN VER *
#btns-cuento .btn-ver, #btns-en-colorear .btn-ver, #btns-en-audios .btn-ver, #btns-en-jugar .btn-ver{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat top center transparent;
}
#btns-cuento .btn-ver:hover, #btns-en-colorear .btn-ver:hover, #btns-en-audios .btn-ver:hover, #btns-en-jugar .btn-ver:hover{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat bottom center transparent;
	cursor:pointer;
	border:none;
}
/* BOTONES EN  JUGAR *
#btns-cuento .btn-jugar, #btns-en-colorear .btn-jugar, #btns-en-audios .btn-jugar, #btns-en-videos .btn-jugar{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat top left transparent;
}
#btns-cuento .btn-jugar:hover, #btns-en-colorear .btn-jugar:hover, #btns-en-audios .btn-jugar:hover, #btns-en-videos .btn-jugar:hover{
	background:url(../images_web/btn-jugar-ver-s.png) no-repeat bottom left transparent;
	cursor:pointer;
	border:none;
}
*/
#sinopsis{
	width:313px;
	height:144px;
	padding:15px  56px 0 21px;
	margin:6px 5px 4px 23px;
	float:left;
	clear:both;
	background-color:rgba(255,255,255,1);
	border:1px rgba(255,255,255,1);
	border-radius:28px;
	behavior:url(border-radius.htc); /* para Explorers */
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-transform:none;
	line-height:22px;
}
#sinopsis img{
	width:145px;
	height:185px;
	position:relative;
	top:-155px;
	left:300px;
	z-index:500;
	margin-left:10px;
}

/** LEER **/ 
#cuento-leer{
	background:url(../images_web/bg-video.png) no-repeat top right #43A847;
}
#cuento-leer .tit, #cont-video .tit, #cont-audios .tit{
	width:310px;
	height:auto;
	float:left;
	clear:none;
	padding:14px 0 0 50px;
}
.descripcion{
	width: 90%;
	height:auto;
	padding: 0 0 0 0px;
	margin: 15px auto 10px;
	text-align: center;
	font-family: 'AvenirLT-Bold', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	line-height:20px;
	color:#df8201;
}
body#blancanieves .descripcion{color:#642037;}
body#libro-selva .descripcion, body#caperucita-roja .descripcion, body#la-cenicienta .descripcion, body#pulgarcito .descripcion{color:#FFF;}
body#tres-chanchitos .descripcion{color:#2E6939;}
body#bella-y-bestia .descripcion{color:#FFFF7D;}
body#peter-pan .descripcion{color:#FFF;}
body#la-sirenita .descripcion{color:#13006F;}
body#hansel-y-gretel .descripcion{color:#D50000;}

.imagenes-colorear{
	width:535px;
	height:auto;
	float:none;
	clear:none;
	display:table;
	margin:0px auto;
}
.imagenes-colorear img{
	margin:0 0 0 4px;
	cursor:pointer;
}
.imagenes-colorear img:hover{
	opacity:0.9;
	filter:alpha(opacity=90); 
	cursor:pointer;
	background-color:#FFF;
}
#img-imprimir-1, #img-imprimir-2, #img-imprimir-3, #img-imprimir-4{
	display:none;
}


/** VIDEO **/
#cont-video, #cuento-leer{
	width:966px;
	height:440px;
	margin:0;
}
body#blancanieves #cont-video, body#blancanieves #cuento-leer{
	background:url(../images_web/bg-video-blancanieves.png) no-repeat top right #43A847;
}
body#libro-selva #cont-video, body#libro-selva #cuento-leer{
	background:url(../images_web/bg-video-libro-selva.png) no-repeat top right #43A847;
}
body#caperucita-roja #cont-video, body#caperucita-roja #cuento-leer{
	background:url(../images_web/bg-video-caperucita-roja.png) no-repeat top right #43A847;
}
body#tres-chanchitos #cont-video, body#tres-chanchitos #cuento-leer{
	background:url(../images_web/bg-video-tres-chanchitos.png) no-repeat top right #43A847;
}
body#la-cenicienta #cont-video, body#la-cenicienta #cuento-leer{
	background:url(../images_web/bg-video-la-cenicienta.png) no-repeat top right #43A847;
}
body#pulgarcito #cont-video, body#pulgarcito #cuento-leer{
	background:url(../images_web/bg-video-pulgarcito.png) no-repeat top right #43A847;
}
body#bella-y-bestia #cont-video, body#bella-y-bestia #cuento-leer{
	background:url(../images_web/bg-video-la-bella-y-la-bestia.png) no-repeat top right #43A847;
}
body#peter-pan #cont-video, body#peter-pan #cuento-leer{
	background:url(../images_web/bg-video-peter-pan.png) no-repeat top right #43A847;
}
body#la-sirenita #cont-video, body#la-sirenita #cuento-leer{
	background:url(../images_web/bg-video-la-sirenita.png) no-repeat top right #43A847;
}
body#hansel-y-gretel #cont-video, body#hansel-y-gretel #cuento-leer{
	background:url(../images_web/bg-video-hansel-y-gretel.png) no-repeat top right #43A847;
}

.player-audio, .player-video{
	width: auto;
	height: auto;
	margin: 10px auto 0px;
	display:table;
	background:#fff;
	padding:10px;
	text-align:center;
}
.player-audio #mediaplayer_wrapper, .player-video #mediaplayer_wrapper, .player-audio object, .player-video object{
	margin: 0px auto;
	display:inline-table;
	text-align:center;
}

/*	.player-video #mediaplayer_wrapper{height: 312px !important;}*/





 
/* REVISAR !!!! 
.video{
	width:550px;
	height:312px;
	float:left;
	clear:none;
	margin:70px 0 0 15px;
	text-align:right;
}*/
.aviso-video{
	width:550px;
	height:312px;
	float:left;
	clear:none;
	margin:70px 0 0 15px;
	text-align:right;
	background:url(../images_web/aviso-video.png) no-repeat top left;
}



/** SLIDESHOW **/
#wrap {
	width:966px;
	height:288px;
    margin: 0;
	padding:0;
}
.tit-slices{
	text-align:center;
	font-family: AvenirLT-Bold;
	font-weight: bold;
	font-size: 42px;
	color: #66005d;
	letter-spacing: 2px;
	text-transform:none;
	line-height:80px;
	text-transform: uppercase;
    position: relative;
    z-index: 1000;
}


/** Style **/
.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding:5px 30px 0 30px;
	width:966px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:906px;
    height: 169px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 169px;
    height: 169px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 15px;
}
/***  Horizontal Buttons ***/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -80px;
    right: 60px;
    width: 59px;
    height: 285px;
    cursor: pointer;
	background:url(../images_web/flechas.png) transparent no-repeat top right;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover{
	background:url(../images_web/flechas.png) transparent no-repeat bottom right;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -80px;
    left: 0px;
    width: 53px;
    height: 280px;
    cursor: pointer;
	background: url(../images_web/flechas.png) no-repeat top left transparent;}


.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background: url(../images_web/flechas.png) no-repeat bottom left transparent;}

 

/*  Footer  */
#pie{
	width:964px;
	height:41px;
	background-color:#43a847;
	border:1px solid #43a847;
	border-radius:0 0 30px 30px;
	behavior:url(border-radius.htc); /* para Explorers */
	float:left;
	clear:none;
	margin-top:8px;
	text-align:right;
}
#pie .txt{
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	line-height:35px;
	margin-right:21px;
	text-transform:uppercase;
}
.txt-politica, .txt-copy{
	width:auto;
	float:right;
	clear:none;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	color:#e98701;
	text-decoration:none;
	text-transform:uppercase;
}
.txt-copy{
    float:left;
    padding-left:42px
}
a.contacto{
	width:155px;
	height:27px;
	background:url(../images_web/btn-contacto.png) no-repeat top left;
	margin:7px 4px 0 20px;
	float:left;
	clear:none;
	text-align:right;
font-family: 'Varela Round', sans-serif;
    font-weight: bold;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	line-height:28px;
}
a.contacto:hover{
	background:url(../images_web/btn-contacto.png) no-repeat bottom left;
	color:#FFDD02;
}
@media screen and (max-width:1115px){
	.jcarousel-skin-tango .jcarousel-container-horizontal{width:auto;}
	.jcarousel-skin-tango .jcarousel-next-horizontal {right:0px;}
}
@media screen and (max-width:1025px){
	#master{width:100%;text-align: center;}
	#top{
		width: 100%;
		margin: 0px auto;
		display: inline-block;
		float: none;
	}
	.logo{width: 42%;}
	.logo img{
		width: 110%;
		float:none;
		margin:0px auto;
		display: inline-table;
	}
	.main{width:945px;margin:10px auto 0px;}
	#cont-home{
		width: 98%;
		float: none;
		margin: 10px 0px 0px;
		padding: 10px 1% 0px;
		border:0px;
		border-radius:0px;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		display: inline-block;
		text-align: center;
	}
	#container_slideshow {
		width:100%;
		float:none;
	}
	#slideshow{
		width:100%;
		height:auto !important;
		float:none;
		margin:0px auto;
		display:inline-table;
	}
	.elegir-cuento{
		display: inline-block;
		float:none;
		margin: 0px auto;
		width:100%;
	}
	#pie{
		width:98%;
		border-radius: 10px;
		float:none;
		margin: 8px auto;
    	display: inline-block;
	}
	#pie .txt{
	    line-height: 42px;
    	margin-right: 10px;
	}
	a.contacto{margin: 7px 4px 0 10px;}
	.txt-politica, .txt-copy{
		width: auto;
		text-align: center;
		float:none;
		padding:0px;
		margin: 0px auto 20px;
    	display: table;
	}
	.txt-copy{float:none;padding:0px;margin: 10px auto 5px;}

	#wrap{width:100%;}
	.jcarousel-skin-tango .jcarousel-container-horizontal {padding:5px 53px 0 46px;}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {width:100%;}
}



@media screen and (max-width:1005px){
	.elegir-cuento{
	    width: 99%;
    	height: auto;
		background:#fff;
		border-radius:25px;
	}
	#container_slideshow img.topo{
		width: 20% !important;
		height:auto !important;
		display:inline-block;
	}
	#container_slideshow img{
		width: 90% !important;
		height:auto !important;
		display:inline-block;
	}
	.caption{display:none;}
	.slides_container div.slide{
		width:20%;
		height:auto !important;
	}
	#slides{left:auto;}
}
@media screen and (max-width: 995px){
	#bienvenida{
		width: 51%;
		text-align: center;
		border-radius: 0px 0px 11px 11px;
		margin: 0px 0px 2px 5px;
		padding: 4px 6px 8px;
	}
	#bienvenida .txt{
		float:none;
		display:table;
		margin:0px auto 0px;
		padding: 2px 5px;
	}
	.btn-cuenta, .btn-cambiarpass{
		float:none;
		display:inline-table;
		margin: 6px 5px 1px;
	}
	.btn-cuenta:hover, .btn-cambiarpass:hover{
		float:none;
		display:inline-table;
		margin:5px 5px 0px;
	}
	.btn-elegir, .btn-cerrar{
		margin: 9px 0px 1px 15px;
		padding: 6px 10px;
   	}
	.btn-elegir:hover, .btn-cerrar:hover{
		margin: 10px 0px 0px 15px;
		padding: 6px 10px;
	}
	.main{width: 96%;padding: 25px 0px 0px;}
	.btn-act{
		width: 92%;
		display: table;
		margin: 20px auto 0px;
	}
}

@media screen and (max-width:980px){
	.logo {
		width: 38%;
		margin: 0 20px 0px 25px;
		height: auto;
		padding: 0px 0px 17px;
	}
	.logo img{margin: 0px auto 0px;}
}

@media screen and (max-width:960px){
	#como-ingresar{
		margin: 60px auto 40px;
	}
	.main{width: 93%;padding: 25px 0px 0px;}
	h1{padding: 0 10px 0 20px;}
	h3{padding: 0 0px 0 20px;}
	.descripcion{margin: 2px 0px 10px 20px;}
	.img-cuento{
	  padding: 0px 0px;
	  margin: 20px auto 0px;
	  float: none;
	  display: table;
	}
	.main p{margin:0px auto 0px;
	}

}

@media screen and (max-width:950px){
	.btn-act.volver{margin: 0px 20px 0px 0px;}
}

@media screen and (max-width:910px){
	.btn-elegir, .btn-cerrar{
		font-size:19px;
		margin: 9px 0px 1px 10px;
	}
	.btn-elegir:hover, .btn-cerrar:hover{
		margin: 10px 0px 0px 10px;
	}
}
@media screen and (max-width:830px){
	.btn-elegir, .btn-cerrar{font-size:17px;}
}

@media screen and (max-width:795px){
	#btns-home .btn.registro, #btns-home .btn.como-ingresar, #btns-home .btn.videotour{
		padding-right: 2em;
		padding-left: 2em;
	}
	#btns-home .btn.registro:hover, #btns-home .btn.como-ingresar:hover, #btns-home .btn.videotour:hover{
		padding-right: 2em;
		padding-left: 2em;
	}
}
@media screen and (max-width:770px){
	#bienvenida {
		width: 92%;
		border-radius:11px;
		margin: 10px auto 2px;
		padding: 0px 2% 0px;
		display:inline-block;
		float:none;
	}
	#bienvenida .txt{
		display:inline-block;
		padding: 17px 0px 17px 0px;
		text-align:left;
	}

	.logo {
    	width: auto;
    	display:table;
    	margin:0px auto 0px;
    	float:none;
    	height:auto;
    	padding: 0px 0px 13px;
 }
	.logo img {
		
	    margin: -12px auto 0px;
	}
	.btn-cuenta, .btn-cambiarpass{
		padding: 5px 3% 1px;
	}
	.btn-cuenta:hover, .btn-cambiarpass:hover{
		padding: 5px 3% 1px
	}
	.btn-elegir, .btn-cerrar{
		font-size: 20px;
		float:none;
		margin: 10px auto;
		display:block;
		width:90%;
	}
	.btn-elegir:hover, .btn-cerrar:hover{
		margin: 10px auto;
	}
	#cont-home{
		margin: 5px auto 10px;
	}
}

@media screen and (max-width:750px){
	#pie .txt{
		display:block;
		line-height: 12px;
		padding:9px 0px 0px 0px;
		margin-left:10px;
	}
}
@media screen and (max-width:690px){
	.logo {
    	width: 425px;
    	display:table;
    	margin:0px auto 10px;
    	float:none;
 }
	.logo img {
	    margin: -12px auto 0px;
	}
}

@media screen and (max-width:645px){
	.img-cuento img{width: 94%;}


/* BASE	
#contenedor {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display:block;
}

#contenedor iframe,
#contenedor object,
#contenedor embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

*/

	/*.player-video{
		width: 100%;
		position: relative;
		margin:0px;
		padding:10px 0px 55%;
		height: 0;
		overflow: hidden;
		display:block;

		/*padding-bottom: 70%;
		height: 0;*
	}
	.player-video object{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0px;
		padding:0px;
	}
	.player-video #mediaplayer_wrapper{
		width: 100% !important;
		height: 100% !important;
		display:inline-block;
		position: relative;
	}*/
	
	.player-audio, .player-video {
		width: 100%;
		position: relative;
		padding: 10px 0px 65%;
		height: 0;
		overflow: hidden;
		display:inline-block;
		margin:0px auto;
	}
	.player-audio object, .player-video object{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		margin:0px;
		padding:0px;
	}
	.player-audio #mediaplayer_wrapper, .player-video #mediaplayer_wrapper{
		width: 100% !important;
		height: 280px !important;
		display:inline-block;
		position: relative;
	}
	.player-audio{padding: 10px 0px 32%;}
	.player-audio object{height: 100%;background: #fff !important;}
	.player-audio #mediaplayer_wrapper{height: 157px !important;}
}

@media screen and (max-width:600px){
	#bienvenida {
		margin: 10px auto 5px;
		padding: 0px 2% 5px;
	}
	#bienvenida .txt{
		float:none;
		display:table;
		margin:5px auto 0px;
		padding: 2px 5px;
	}
	.elegir-cuento {
	    width: 100%;
	}
}

@media screen and (max-width:580px){
	.player-video{padding:10px 0px 69%;}
	.player-video #mediaplayer_wrapper{height: 250px !important;}

	.imagenes-colorear{
		width:auto;
		display:table;
		margin:0px auto;
		text-align:center;
	}
	.descripcion{
		font-size:17px;
		line-height:21px;
		text-align:left;
		padding-top:5px;
	}
}

@media screen and (max-width:540px){
	.player-audio{padding: 15px 0px 35%;}
}

@media screen and (max-width:530px){
	.logo{width: 80%;height:auto;}
	.logo img{
		width: 110%;
		float:none;
		margin:0px auto 5%;
		display: inline-table;
	}
	.btn-act.volver{
		width: 94%;
		height:auto;
		padding: 5px 0px;
		margin: 10px auto 0px;
		display: inline-block;
		float: none;
	}
}
@media screen and (max-width:515px){
	.tit-slices{font-size: 36px; margin-top: -10px;}
	.player-audio{padding: 15px 0px 38%;}
}

@media screen and (max-width:480px){
	#pie .txt{
		width:90%;
		text-align:center;
		margin:0px auto;
		padding:0px;
		display:inline-block;
	}
	a.contacto{
		margin:0px auto 5px;
		padding:0px;
		display:inline-block;
		float:none;
	}
	#pie{
		height:auto;
		text-align:center;
		margin: 8px auto;
    	display: inline-block;
    	padding:5px 0px 5px;
	}
	.player-video{padding:10px 0px 65%;}
	.player-video #mediaplayer_wrapper{height: 230px !important;}
}

@media screen and (max-width:460px){
	.player-video{padding:10px 0px 59%;}
	.player-video #mediaplayer_wrapper{height: 200px !important;}
	.player-audio{padding: 15px 0px 41%;}
}


@media screen and (max-width:440px){
	.btn-cuenta, .btn-cambiarpass{
		width: 90%;
		margin:5px auto 5px;
	}
	.btn-cuenta:hover, .btn-cambiarpass:hover{
		margin:5px auto 5px;
	}
	
	.player-video{padding:10px 0px 70%;}
	.player-video #mediaplayer_wrapper{height: 200px !important;}
	.player-audio{padding: 15px 0px 45%;}
	
/*	.player-video{padding-bottom: 62%;}
	.player-video object{
		height: 80%;
		padding-bottom: 70%;
	}
	.player-video #mediaplayer_wrapper{height: 250px !important;}*/
}
@media screen and (max-width:400px){
	.btn-elegir, .btn-cerrar{
		width: 84%;
	}
	.tit-slices{font-size: 31px; letter-spacing:1px; margin-top:-20px;}

	.player-video{padding:10px 0px 70%;}
	.player-video #mediaplayer_wrapper{height: 200px !important;}
}

@media screen and (max-width:390px){
	h1{font-size:30px;line-height:30px;}
	.btn-act, .btn-ir-cuento{font-size: 27px;line-height: 42px; letter-spacing: 1px;}
	.player-audio{padding: 15px 0px 50%;}

/*	.player-video object{
		height: 55%;
		padding-bottom: 70%;
	}
	.player-video #mediaplayer_wrapper{height: 200px !important;}*/
}
@media screen and (max-width:370px){
	.player-video #mediaplayer_wrapper{height: 170px !important;}
}
@media screen and (max-width:330px){
	.tit-slices{font-size: 40px; line-height:40px; letter-spacing:2px; margin:5px 0px 15px;}
	.player-audio{padding: 15px 0px 65%;}
	
/*	.player-video{padding:10px 0px 80%;}
	.player-video #mediaplayer_wrapper{height: 200px !important;}*/
}
@media screen and (max-width:320px){
	.player-video #mediaplayer_wrapper{height: 143px !important;}
}
	
@media screen and (max-width:310px){
	h1{font-size:25px;line-height:23px;}
	.btn-act, .btn-ir-cuento{font-size: 23px;line-height: 42px;  letter-spacing: 0px;}
/*	.player-video-duracion{font-size: 12px;line-height: 14px; letter-spacing: 0px; border-radius:10px; margin: -20px auto 10px;}*/
}