/*
	CASTELLANO: #FF3F21;
*/

a:hover,
a:active,
a:focus {
  color: #d17e17;
}

.body_clase .navbar.libro:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -12px;
	height: 12px;
	width: 100%;
	border-top: 10px solid #d17e17;
	background-color: #828282;
	border-bottom: 1px solid #bfbfbf;
}

.modo_revision {
	top: 56px;
}

.btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus {
  background-color: #ef911c;
}

#indice .unit-content .actividades .item .icon-deberes {
    background-image: url(images/checkbox-sprite.png);
}

/**
 * Índice de temas.
 **/
#indice .units ul li {
	background: #cbcbcb;
}

body:not(.isTablet) #indice .units ul li:hover,
#indice .units ul li:focus,
#indice .units ul li.active {
  background: #ef911c !important;
}

body:not(.isTablet) #indice .units ul li:hover,
 #indice .units ul li:focus,
  #indice .units ul li.active {
  background: #ef911c !important;
}


#indice .units ul li a .title {
	color: white !important;
}


#indice .units ul li a .number {
	display: inline;
	visibility: hidden;
}

.bck-cam-button {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  margin-left: 0px;
  width: 50px !important;
}

.navbar .libro-left ul li a.active{
	background-color: #808080;
}

.navbar .recursos .add {
	background: #3AC62A url(../../../images/shared/controls.png) no-repeat -30px 0 !important;
}

.add {
	background: #ef911c !important;
	-webkit-border-radius: 18px;
	   -moz-border-radius: 18px;
	        border-radius: 18px;
	margin-bottom: 8px;
	padding: 8px 16px;
	color: white !important;
}

.add .plus {
	color: white;
}

.add .title {
	color: white !important;
}

.add .title:hover {
	color: white !important;
}

.addLearning.control.add {
	padding: 0;
}

.addLearning.control.add:before {
	content: "+";
	display: block;
	padding: 3px 9px;
    width: 30px;
    height: 30px;
    font-size: 21px;
    font-weight: 700;
}

/* libro digital e indice curso */

.navbar .recursos ul li div .imagen.musica:after {
	content: url("./images/contenido/recurso-icon-musica.png");
}

.contenido .items.recursos ul li span.imagen.musica:after {
	content: url("./images/contenido/recurso-icon-musica.png");
}

#indice .unit-content .material .item .imagen.musica::after {
	background-image: url("./images/contenido/recurso-icon-musica.png");
}

#indice .unit-content .material .add a.icon-musica-add:before {
	background-image: url("./images/contenido/recurso-icon-musica-add.png");
}

.navbar .recursos .filter a.icon-musica-add::before {
	background-image: url("./images/contenido/recurso-icon-musica-add.png");
}

#dlgForm .imagen.addResource.musica:after {
	content: url("./images/contenido/recurso-icon-musica.png");
}

/* PINE TOOLTIP */

.mmtooltip.pinetooltip {
	background-color: #626262;
}

.mmtooltip.pinetooltip.tltip-right:after {
	border-color: transparent #626262 transparent transparent ;
}

.mmtooltip.pinetooltip.tltip-left:after {
	border-color: transparent  transparent transparent #626262;
}

.mmtooltip.pinetooltip.tltip-bottom:after {
	border-color: transparent transparent #626262;
}

.mmtooltip.pinetooltip.tltip-top:after {
	border-color: #626262 transparent transparent;
}

/** nuevos */
.mmtooltip.pinetooltip.tltip-top-left:after {
	border-color: transparent  transparent transparent #626262;
}

.mmtooltip.tltip-top-right:after {
	border-color: transparent #626262 transparent transparent ;
}

.mmtooltip.tltip-bottom-left:after {
	border-color: transparent  transparent transparent #626262;
}

.mmtooltip.tltip-bottom-right:after {
	border-color: transparent #626262 transparent transparent ;
}


/* General */
	.cke_contents  table {
		margin-bottom: 10px;
	}

	.body_clase:not(.edit) .content-wrapper {
		padding-top: 100px;
		padding-bottom: 0px;
	}

	.body_clase.edit .content-wrapper {
		top: 0px;
	}

	.is_app.content_type_clase_macmillan_skill {
		padding-top: 0px;
	}

	.is_app.content_type_clase_macmillan_skill:not(.offline-pc) .content-wrapper {
		padding-top: 55px;
	}

	.content_type_clase_macmillan_skill #actividad {
		margin-bottom: 0px;
		-webkit-transform: none;
		-webkit-transform-style: flat;
	}

	.content_type_clase_macmillan_skill .slide-wrapper,
	.cke_contents {
		text-align: justify;
	}

	#actividad .carousel-inner .item-container {
		background-image: none;
		margin: 20px auto 30px;
		padding: 0px;
		padding-bottom: 90px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .header .title img,
	.content_type_clase_macmillan_skill #actividad .content .header .chapter {
		display: none;
	}

	.content_type_clase_macmillan_skill #actividad .content .header {
		border: none;
	}

	.content_type_clase_macmillan_skill #actividad .content .header .title h3 {
		font-size: 34px;
		margin-top: 0px;
		font-weight: bold;
		display: block;
	}

	.content_type_clase_macmillan_skill #actividad .content .header .title h3 .competencias {
		color: #dda0dd;
	}

	.content_type_clase_macmillan_skill #actividad .content .header .title h3 .repaso {
		color: #8CC63F;
	}

	.content_type_clase_macmillan_skill #actividad .content .header .title h3 .repaso-trimestral {
		display: block;
		background: #00aee2; /* Old browsers */
		background: -moz-linear-gradient(left,  #00aee2 0%, #c5ca2f 36%, #f5cb0d 58%, #f0629d 100%, #7db9e8 100%, #f0629d 101%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00aee2), color-stop(36%,#c5ca2f), color-stop(58%,#f5cb0d), color-stop(100%,#f0629d), color-stop(100%,#7db9e8), color-stop(101%,#f0629d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #00aee2 0%,#c5ca2f 36%,#f5cb0d 58%,#f0629d 100%,#7db9e8 100%,#f0629d 101%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #00aee2 0%,#c5ca2f 36%,#f5cb0d 58%,#f0629d 100%,#7db9e8 100%,#f0629d 101%); /* Opera 11.10+ */ /* IE10+ */
		background: -webkit-gradient(linear,  left top, right top,  from(#00aee2),color-stop(36%, #c5ca2f),color-stop(58%, #f5cb0d),color-stop(100%, #f0629d),color-stop(100%, #7db9e8),color-stop(101%, #f0629d));
		background: -moz-linear-gradient(left,  #00aee2 0%,#c5ca2f 36%,#f5cb0d 58%,#f0629d 100%,#7db9e8 100%,#f0629d 101%);
		background: linear-gradient(to right,  #00aee2 0%,#c5ca2f 36%,#f5cb0d 58%,#f0629d 100%,#7db9e8 100%,#f0629d 101%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aee2', endColorstr='#f0629d',GradientType=1 ); /* IE6-9 */
		color: #FFF;
	}

	.content_type_clase_macmillan_skill #actividad .texto_curso {
		font-size: 19px;
	}

	.content_type_clase_macmillan_skill #actividad .texto_curso li,
	.content_type_clase_macmillan_skill #actividad .workspace ul li li {
		margin-bottom: 10px;
	}

	#actividad .class_slide {
    	padding: 40px 97px 0px;
	}

	#actividad .class_slide:last-of-type {
	    padding-bottom: 100px;
	}

	#actividad .slide-concatenate .class_slide {
	    padding-bottom: 20px;
	}

	#actividad .slide-concatenate:last-of-type .class_slide {
	    padding-bottom: 100px;
	}

	.content_type_clase_macmillan_skill .slide_main input {
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
	}

	.content_type_clase_macmillan_skill .slide_main input:focus {
		border-top-color: #3AC62A;
		border-right-color: #3AC62A;
		border-bottom-color: #3AC62A;
		border-left-color: #3AC62A;
		outline-width: 0px;
		outline-style: none;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
		   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
		        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
	}

	.content_type_clase_macmillan_skill .slide_main input[disabled],
	.content_type_clase_macmillan_skill .slide_main input[readonly],
	fieldset[disabled] .content_type_clase_macmillan_skill .slide_main input {
		cursor: not-allowed;
		background-color: #eee;
		opacity: 1;
	}

	.content_type_clase_macmillan_skill .slide_main input.respuesta_ok {
		border-color: #57e900;
		background: #D1F3BD;
	}

	.content_type_clase_macmillan_skill .slide_main input.respuesta_ko {
		border-color: #FF3626;
		background: #FFA49D;
	}

	.content_type_clase_macmillan_skill .slide_main input.solucion {
		border-color: #00BDFF;
		background: #B6ECFF;
	}

	table {
		margin-bottom: 20px;
	}
/**/


#dlgForm .imagen.addResource.open-gradable:after , .popover-content .imagen.open-gradable:after { content: url(images/contenido/recurso-icon-open-gradable.png); }
#dlgForm .imagen.addResource.closed-gradable:after , .popover-content .imagen.closed-gradable:after { content: url(images/contenido/recurso-icon-closed-gradable.png); }
#dlgForm .imagen.addResource.open-non-gradable:after , .popover-content .imagen.open-non-gradable:after { content: url(images/contenido/recurso-icon-open-non-gradable.png); }
#dlgForm .imagen.addResource.answer-key:after , .popover-content .imagen.answer-key:after { content: url(images/contenido/recurso-icon-answer-key.png); }
#dlgForm .imagen.addResource.teacher-tip:after , .popover-content .imagen.teacher-tip:after { content: url(images/contenido/recurso-icon-teacher-tip.png); }



/* Navbar (Breadcums) */
	.content_type_clase_macmillan_skill .publisher-navbar {
		position: fixed;
		top: 56px;
		background-color: #FFF;
		width: 100%;
		left: 0;
		z-index: 100;
	}

	.is_app.content_type_clase_macmillan_skill .publisher-navbar {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
	}

	#top-navigator {
		height: 55px;
		overflow: hidden;
		position: relative;
	}

	#top-navigator.show_left:before {
		color: #FF3F21;
        background: -webkit-gradient(linear, left top, right top, from(#FFF), to(transparent));
        background: -webkit-linear-gradient(left, #FFF, transparent);
        background: -moz-linear-gradient(left, #FFF, transparent);
        background: -o-linear-gradient(left, #FFF, transparent);
        background: linear-gradient(to right, #FFF, transparent);
    }

    #top-navigator.show_right:after {
    	color: #FF3F21;
        background: -webkit-gradient(linear, right top, left top, from(#FFF), to(transparent));
        background: -webkit-linear-gradient(right, #FFF, transparent);
        background: -moz-linear-gradient(right, #FFF, transparent);
        background: -o-linear-gradient(right, #FFF, transparent);
        background: linear-gradient(to left, #FFF, transparent);
    }

	.content_type_clase_macmillan_skill .publisher-navbar .navbar-content {
		max-width: 960px;
		margin: 0 auto;
		padding-left: 90px;
		padding-right: 50px;
	}

	.content_type_clase_macmillan_skill .navbar-content:before {
		content: " ";
		background-image: url(logo.jpg);
		height: 20px;
		background-repeat: no-repeat;
		width: 85px;
		margin-left: -50px;
		margin-top: 18px;
		float: left;
	}

	.content_type_clase_macmillan_skill .slider-indicators {
		padding: 10px 0px;
		display: inline-block;
		text-align: left;
		position: absolute;
		width: 5000px;
		bottom: 0px;
		left: 0px;
		z-index: 0;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown button,
	.content_type_clase_macmillan_skill .publisher-navbar li {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		border: none;
		background-color: white;
		color: #FF3F21;
		vertical-align: middle;
		margin: 0px 5px;
		text-indent: 0px;
		line-height: 35px;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
	}

	.content_type_clase_macmillan_skill .slider-indicators li {
		width: 35px;
		height: 35px;
		background-color: #FFF;
		margin: 0px 5px;
		text-align: center;
	}

	.content_type_clase_macmillan_skill .slider-indicators li.active,
	.content_type_clase_macmillan_skill .publisher-navbar li:hover,
	.content_type_clase_macmillan_skill .publisher-navbar .dropdown button:hover {
		background-color: #FF3F21;
		color: #FFF;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown button {
		width: auto;
		padding: 0px 10px;
	}

	/*.content_type_clase_macmillan_skill .slider-indicators li:first-of-type {
		width: auto;
		padding: 0px 10px;
	}*/



	.content_type_clase_macmillan_skill .publisher-navbar .dropdown {
		display: block;
		float: left;
		margin-top: 10px;
	}

	.open > .dropdown-menu {
		display: block;
		max-height: 300px;
		overflow-y: auto;
	}

	.dropdown-menu>li>a {
		padding: 3px 20px 0px 20px;
		display: inline-block;
		width: 300px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown button {
		border: none;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown button:focus {
		outline: none;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown li {
		display: list-item;
		width: auto;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown li a {
		color: #FF3F21;
		font-weight: bold;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown .caret {
		border-color: #FF3F21 transparent transparent transparent;
	}

	.content_type_clase_macmillan_skill .publisher-navbar .dropdown:hover .caret {
		border-color: #FFF transparent transparent transparent;
	}
/**/

/* Navigators */
	.navigator {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
		padding: 0px 97px;
	}

	.navigator .title {
		width: calc(100% - 20px);
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.7em;
		line-height: 40px;
		display: inline-block;
		vertical-align: top;
	}

	.main-navigator {
		padding: 15px 0px;
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}

	.navigator .left, .navigator .right {
		width: 49%;
		display: inline-block;
		cursor: pointer;
	}

	.navigator .left {
		padding-left: 20px;
	}

	.navigator .right {
		text-align: right;
		padding-right: 20px;
	}

	.navigator .slider-control.left,
	.navigator .slider-control.right {
		position: static;
		height: auto;
		width: 100%;
		background-color: transparent;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		        border-radius: 0px;
		margin: 0px;
		opacity: 1;
		text-shadow: none;
		color: #999;
		font-size: 1.5em;
		/*display: inline ! important;*/
	}

	.navigator .slider-control.left:before,
	.navigator .slider-control.right:after {
		font-family: 'FontAwesome';
		position: absolute;
		margin-top: 9px;
	}

	.navigator .slider-control.left:before {
		margin-left: -20px;
		content: "\f104";
	}

	.navigator .slider-control.right:after {
		margin-left: 20px;
		content: "\f105";
	}

	.navigator .slider-control span {
		position: static;
		margin: 0px;
        cursor: pointer;
	}
/**/

/* CKEDITOR */

	.bck-title1 {
		font-size: 27px;
		font-weight: bold;
	}

	.bck-title2 {
		color: #8C8A89;
		font-size: 24px;
		font-weight: bold;
	}

	.bck-title3 {
		color: #A2218F;
		font-size: 24px;
		font-weight: bold;
	}

	.bck-header {
		font-size: 28px;
		font-weight: bold;
		color: #F7941D;
	}

	.content .bck-ol {
		list-style-type: none;
	}

	.content .bck-ol li {
		counter-increment: bck-li-counter 1;
		position: relative;
	}

	.content .bck-ol li:before {
		content: counter(bck-li-counter);
		position: absolute;
		margin-left: -15px;
		font-family: Arial;
		text-align: right;
		color: #A2218F;
		font-weight: bold;
		font-size: larger;
		margin-top: -2px;
	}

	#actividad .content img{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#actividad .content .bck-img.right,
	#actividad .content img[style~="float:right"] {
		margin-left: 20px;
		float: right;
	}

	#actividad .content .bck-img.left,
	#actividad .content img[style~="float:left"] {
		margin-right: 20px;
		float: left;
	}

	.bck-box {
		padding: 10px 20px;
		border: 10px 0px;
		word-skill: skill-word;
	}

	.bck-box.center {
		margin: 0 auto;
	}

	.bck-box.left {
		float: left;
		margin-right: 25px;
	}

	.bck-box.right {
		float: right;
		margin-left: 25px;
	}
/**/

/* READING */
	.content_type_clase_macmillan_skill #actividad .content .reading .header .title h3 {
		color: #186FB8;
		width: 100%;
		border-top: 25px solid #186FB8;
		font-size: 27px;
		font-weight: normal;
		padding-left: 100px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .reading .header .title h3:before {
		background-color: #FFFFFF;
		background: -webkit-linear-gradient(left, #186FB8, #FFFFFF);
		background: -moz-linear-gradient(left, #186FB8, #FFFFFF);
		background: -webkit-gradient(linear, left top, right top, from(#186FB8), to(#FFFFFF));
		background: -o-linear-gradient(left, #186FB8, #FFFFFF);
		background: linear-gradient(left, #186FB8, #FFFFFF);
		content: '';
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_type_clase_macmillan_skill #actividad .content .reading .header .title h3:after {
		content: '';
		background-color: #70ED3B;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 10px;
		width: 10px;
		display: block;
		position: absolute;
		left: 63px;
		top: 10px;
		-webkit-box-shadow: 20px 0 0 2px #35C0cD;
		   -moz-box-shadow: 20px 0 0 2px #35C0cD;
		        box-shadow: 20px 0 0 2px #35C0cD;
	}

	.content_type_clase_macmillan_skill #actividad .content .reading .header .title h3 .index {
		color: #FFF;
		display: inline-block;
	    font-family: arial;
	    left: 40px;
	    position: absolute;
	}

	.reading .bck-title3 {
	 	color: #186FB8;
	}

	.reading .bck-ol li:before {
		color: #186FB8;
	}

	.reading .bck-ol-2 li {
		counter-increment: bck-li-counter 1;
		position: relative;
	}

	.reading .bck-ol-2 {
		list-style-type: none;
	}

	.reading .bck-ol-2 li:before {
		content: counter(bck-li-counter, lower-alpha);
		position: absolute;
		margin-left: -35px;
		font-family: Arial;
		text-align: right;
		color: #FFF;
		background: #186FBB;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 30px;
		width: 30px;
		margin-top: -3px;
		text-align: center;
	}

	.seccion2 .bck-box.box-simple {
		border-color: #CF9C5A;
		-webkit-box-shadow: 2px 0px 20px -4px #CF9C5A;
		-moz-box-shadow: 2px 0px 20px -4px #CF9C5A;
		box-shadow: 2px 0px 20px -4px #CF9C5A;
	}

	.seccion2 .bck-box.quote {
		background-color: #E7F3DE;
		border-color: #71BF44;
		-webkit-box-shadow: 2px 0px 20px -4px #71BF44;
		-moz-box-shadow: 2px 0px 20px -4px #71BF44;
		box-shadow: 2px 0px 20px -4px #71BF44;
	}

	.seccion2 .bck-td.td-1 {
		background-color: #CF9C5A;
	}

	.seccion2 .bck-td.td-2 {
		background-color: #E5C9A2;
	}
/**/

/* GRAMMAR */
	.content_type_clase_macmillan_skill #actividad .content .grammar .header .title h3 {
		color: #00B0C4;
		width: 100%;
		border-top: 25px solid #00B0C4;
		font-size: 27px;
		font-weight: normal;
		padding-left: 100px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .grammar .header .title h3:before {
		background-color: #FFFFFF;
		background: -webkit-linear-gradient(left, #00B0C4, #FFFFFF);
		background: -moz-linear-gradient(left, #00B0C4, #FFFFFF);
		background: -webkit-gradient(linear, left top, right top, from(#00B0C4), to(#FFFFFF));
		background: -o-linear-gradient(left, #00B0C4, #FFFFFF);
		background: linear-gradient(left, #00B0C4, #FFFFFF);
		content: '';
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_type_clase_macmillan_skill #actividad .content .grammar .header .title h3:after {
		content: '';
		background-color: #FFE1C1;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 10px;
		width: 10px;
		display: block;
		position: absolute;
		left: 63px;
		top: 10px;
		-webkit-box-shadow: 20px 0 0 2px #06B2C5;
		   -moz-box-shadow: 20px 0 0 2px #06B2C5;
		        box-shadow: 20px 0 0 2px #06B2C5;
	}

	.content_type_clase_macmillan_skill #actividad .content .grammar .header .title h3 .index {
		color: #FFF;
		display: inline-block;
	    font-family: arial;
	    left: 40px;
	    position: absolute;
	}

	.grammar .bck-title3 {
	 	color: #00B0C4;
	}

	.grammar .bck-ol li:before {
		color: #00B0C4;
	}

	.grammar .bck-box.box-simple {
		background-color: #FFE1C1;
		background: -webkit-linear-gradient(left, #FECF9C, #FFE1C1);
		background: -moz-linear-gradient(left, #FECF9C, #FFE1C1);
		background: -webkit-gradient(linear, left top, right top, from(#FECF9C), to(#FFE1C1));
		background: -o-linear-gradient(left, #FECF9C, #FFE1C1);
		background: linear-gradient(left, #FECF9C, #FFE1C1);
		-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
		   -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
		        box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
	}

	.grammar .bck-box.box-simple .bck-title {
		background-color: transparent;
		background: -webkit-linear-gradient(left, #FFF, transparent);
		background: -moz-linear-gradient(left, #FFF, transparent);
		background: -webkit-gradient(linear, left top, right top, from(#FFF), to(transparent));
		background: -o-linear-gradient(left, #FFF, transparent);
		background: linear-gradient(left, #FFF, transparent);
		color: #186FB8;
		margin-left: -7px;
		padding: 3px 5px;
		margin-bottom: 10px;
	}

	.grammar table:not(.rf-tablegrid) {
		border: 2px solid #06B2C5;
	}

	.grammar table:not(.rf-tablegrid) th,
	.grammar table:not(.rf-tablegrid) td {
		border-color: #06B2C5;
		padding: 3px 4px;
	}

	.grammar table:not(.rf-tablegrid) th {
		color: black;
		background-color: #9CD9E3;
		font-weight: bolder;
		border: 2px solid #06B2C5;
	}

	.grammar .bck-td {
		background-color: #CDEBEF;
		border: 2px solid #06B2C5;
	}
/**/

/* VOCABULARY */
	.content_type_clase_macmillan_skill #actividad .content .vocabulary .header .title h3 {
		color: #5BAE4B;
		width: 100%;
		border-top: 25px solid #5BAE4B;
		font-size: 27px;
		font-weight: normal;
		padding-left: 100px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .vocabulary .header .title h3:before {
		background-color: #FFFFFF;
		background: -webkit-linear-gradient(left, #5BAE4B, #FFFFFF);
		background: -moz-linear-gradient(left, #5BAE4B, #FFFFFF);
		background: -webkit-gradient(linear, left top, right top, from(#5BAE4B), to(#FFFFFF));
		background: -o-linear-gradient(left, #5BAE4B, #FFFFFF);
		background: linear-gradient(left, #5BAE4B, #FFFFFF);
		content: '';
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_type_clase_macmillan_skill #actividad .content .vocabulary .header .title h3:after {
		content: '';
		background-color: #FF38BC;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 10px;
		width: 10px;
		display: block;
		position: absolute;
		left: 63px;
		top: 10px;
		-webkit-box-shadow: 20px 0 0 2px #E0CA5F;
		   -moz-box-shadow: 20px 0 0 2px #E0CA5F;
		        box-shadow: 20px 0 0 2px #E0CA5F;
	}

	.content_type_clase_macmillan_skill #actividad .content .vocabulary .header .title h3 .index {
		color: #FFF;
		display: inline-block;
	    font-family: arial;
	    left: 40px;
	    position: absolute;
	}

	.vocabulary .bck-title3 {
	 	color: #5BAE4B;
	}

	.vocabulary .bck-ol li:before {
		color: #5BAE4B;
	}

	.vocabulary .bck-box.box-simple {
		background-color: #D8E9D2;
	}

	.vocabulary table:not(.rf-tablegrid) {
		border: 2px solid #65B356;
	}

	.vocabulary table:not(.rf-tablegrid) th,
	.vocabulary table:not(.rf-tablegrid) td {
		border-color: #65B356;
		padding: 3px 4px;
	}

	.vocabulary table:not(.rf-tablegrid) th {
		color: black;
		background-color: #C8E0C0;
		font-weight: bolder;
		border: 2px solid #65B356;
	}
/**/

/* COMMUNICATION */
	.content_type_clase_macmillan_skill #actividad .content .communication .header .title h3 {
		color: #E99530;
		width: 100%;
		border-top: 25px solid #E99530;
		font-size: 27px;
		font-weight: normal;
		padding-left: 100px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .communication .header .title h3:before {
		background-color: #FFFFFF;
		background: -webkit-linear-gradient(left, #E99530, #FFFFFF);
		background: -moz-linear-gradient(left, #E99530, #FFFFFF);
		background: -webkit-gradient(linear, left top, right top, from(#E99530), to(#FFFFFF));
		background: -o-linear-gradient(left, #E99530, #FFFFFF);
		background: linear-gradient(left, #E99530, #FFFFFF);
		content: '';
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_type_clase_macmillan_skill #actividad .content .communication .header .title h3:after {
		content: '';
		background-color: #FF5ADE;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 10px;
		width: 10px;
		display: block;
		position: absolute;
		left: 63px;
		top: 10px;
		-webkit-box-shadow: 20px 0 0 2px #FF38BC;
		   -moz-box-shadow: 20px 0 0 2px #FF38BC;
		        box-shadow: 20px 0 0 2px #FF38BC;
	}

	.content_type_clase_macmillan_skill #actividad .content .communication .header .title h3 .index {
		color: #FFF;
		display: inline-block;
	    font-family: arial;
	    left: 40px;
	    position: absolute;
	}

	.communication .bck-title3 {
	 	color: #E99530;
	}

	.communication .bck-ol li:before {
		color: #E99530;
	}

	.communication .bck-box.box-simple {
		background-color: #FBEBD8;
	}
/**/

/* writing */
	.content_type_clase_macmillan_skill #actividad .content .writing .header .title h3 {
		color: #CB5849;
		width: 100%;
		border-top: 25px solid #CB5849;
		font-size: 27px;
		font-weight: normal;
		padding-left: 100px;
		position: relative;
	}

	.content_type_clase_macmillan_skill #actividad .content .writing .header .title h3:before {
		background-color: #FFFFFF;
		background: -webkit-linear-gradient(left, #CB5849, #FFFFFF);
		background: -moz-linear-gradient(left, #CB5849, #FFFFFF);
		background: -webkit-gradient(linear, left top, right top, from(#CB5849), to(#FFFFFF));
		background: -o-linear-gradient(left, #CB5849, #FFFFFF);
		background: linear-gradient(left, #CB5849, #FFFFFF);
		content: '';
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_type_clase_macmillan_skill #actividad .content .writing .header .title h3:after {
		content: '';
		background-color: #186FB8;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 10px;
		width: 10px;
		display: block;
		position: absolute;
		left: 63px;
		top: 10px;
		-webkit-box-shadow: 20px 0 0 2px #FF5ADE;
		   -moz-box-shadow: 20px 0 0 2px #FF5ADE;
		        box-shadow: 20px 0 0 2px #FF5ADE;
	}

	.content_type_clase_macmillan_skill #actividad .content .writing .header .title h3 .index {
		color: #FFF;
		display: inline-block;
	    font-family: arial;
	    left: 40px;
	    position: absolute;
	}

	.writing .bck-title3 {
	 	color: #CB5849;
	}

	.writing .bck-ol li:before {
		color: #CB5849;
	}

	.writing .bck-ol-2 li {
		counter-increment: bck-li-counter 1;
		position: relative;
	}

	.writing .bck-ol-2 {
		list-style-type: none;
	}

	.writing .bck-ol-2 li:before {
		content: counter(bck-li-counter, lower-alpha);
		position: absolute;
		margin-left: -35px;
		font-family: Arial;
		text-align: right;
		color: #FFF;
		background: #CB5849;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 30px;
		width: 30px;
		margin-top: -3px;
		text-align: center;
	}

	.writing table:not(.rf-tablegrid) {
		border: 2px solid #D8796C;
	}

	.writing table:not(.rf-tablegrid) th,
	.writing table:not(.rf-tablegrid) td {
		border-color: #D8796C;
		padding: 3px 4px;
	}

	.writing table:not(.rf-tablegrid) th {
		color: black;
		background-color: #F2BCB0;
		font-weight: bolder;
		border: 2px solid #D8796C;
	}
/**/

/* COUNTDOWN */
#blink-timer {
	height: 250px;
}
#blink-timer .timer-container .timer-tabs {
	display: none;
}
/**/

@media screen and (max-width: 1099px) {
    .body_clase .content-wrapper {
        max-width: 100%;
    }

    #actividad .content {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }

    #actividad .carousel-inner .item-container {
        margin: 0;
        width: 100% !important;
        max-width: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        margin-bottom: 20px;
    }

    .ipad #actividad .carousel-inner .item-container {
  		border-right: 1px solid #eee;
    }
}










@media screen and (max-width: 768px) {
    #actividad .carousel-inner .class_slide {
        padding: 40px 20px 0px;
    }

    .navigator {
        padding: 0px 20px;
    }

    .bck-img.right, img[style~="float:right"] {
        max-width: 50%
    }

    .bck-img.left, img[style~="float:left"] {
        max-width: 50%
    }

}

@media screen and (max-width: 480px) {

    .bck-img.right, img[style~="float:right"] {
        width: 100%;
    }

    .bck-img.left, img[style~="float:left"] {
        width: 100%;
    }

}

/* TMPUX STYLES */

.tmpux.modo_revision .publisher-navbar, 
.tmpux.modo-correccion .publisher-navbar,
.tmpux.modo-deber .publisher-navbar{
    top: 0px;
}

.tmpux.modo_revision #actividad .carousel-inner .item-container,
.tmpux.modo-correccion #actividad .carousel-inner .item-container,
.tmpux.modo-deber #actividad .carousel-inner .item-container {
    margin: 86px auto 30px;
}