/* General */

	body.content_type_clase_vocational #actividad .content img {
		padding: 5px;
	}


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

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

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

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

	#indice .units ul li a .number,
	#indice .unit-content .header .number
	 {
		visibility: hidden;
	}

	.content_type_clase_vocational #actividad .content .header {
		border: none;
		margin-bottom: 0;
	}

	.content_type_clase_vocational #actividad .content .header .title {
		margin-top: -40px;
		padding-top: 30px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.content_type_clase_vocational #actividad .content .header .title h3 {
		font-size: 1.6rem;
		padding: 6px 10px;
		margin-top: 0px;
		display: block;
		margin-top: 34px;
		color: #fff;
		background: #E49B00;
		background: -moz-linear-gradient(left,  #c67a00 0%, #f8ad00 100%);
		background: -webkit-linear-gradient(left,  #c67a00 0%,#f8ad00 100%);
		background: linear-gradient(to right,  #c67a00 0%,#f8ad00 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67a00', endColorstr='#f8ad00',GradientType=1 );
	}
	.content_type_clase_vocational #actividad .content .header .title h3 span {
		font-size: 2.2rem;
		background: #ffffff;
		color: #414141;
		display: block;
		margin: 8px -10px -10px -5px;
		padding: 6px 6px 6px 5px;
	}

	.content_type_clase_vocational #actividad .slide_content_type_1 .pregunta .texto_curso,
	.content_type_clase_vocational #actividad .texto_curso,
	.html-book {
		font-size: 1.6rem;
	}

	.texto_curso p:last-of-type {
		margin-bottom: 15px;
	}

	.content_type_clase_vocational #actividad .texto_curso li,
	.content_type_clase_vocational #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_vocational .slide_main input {
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-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;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

	.content_type_clase_vocational .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;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
	}

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

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

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

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

	.zoom_flag_img {
		top: 15px;
		right: 15px;
	}
/**/

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

	.navigator .title {
		width: calc(100% - 20px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.6rem;
		line-height: 4.0rem;
		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;
		border-radius: 0px;
		margin: 0px;
		opacity: 1;
		text-shadow: none;
		color: #999;
		font-size: 2.3rem;
	}

	.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;
        min-height: 40px;
	}
/**/

/* Navbar */
	.navbar-bottom {
		background: #132E4C;
		padding-left: 100px;
		padding-right: 100px;
	}

	.slider-indicators {
	    padding-left: 0px;
	    padding-right: 0px;
	    white-space: nowrap;
	}
	.edit .slider-indicators {
		white-space: normal;
	}
	.slider-indicators li,
	.edit .slider-indicators li {
		background-color: #ffffff;
	    color: #005840;
	}

	.slider-indicators .active,
	.edit .slider-indicators .active,
	.slider-indicators li:hover,
	.edit .slider-indicators .concat.active,
	.slider-indicators .active {
	    background-color: #007FA3;
	    color: #ffffff;
	}
	.edit .slider-indicators .concat.active,
	.slider-indicators .active {
		color: #007FA3;
	}

	.edit .slider-indicators .concat.active:before {
 		background-color: #007FA3;
	}

	.logo-publisher {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 44px;
		background: url(logo-pearson.png) 0 0 no-repeat;
		background-size: contain;

	}

	#bottom-navigator {
		overflow: hidden;
		position: relative;
	}
	#bottom-navigator .slider-indicators {
		margin-left: auto;
		margin-right: auto;
	}
	#bottom-navigator .slider-indicators:after {
		content: '';
		display: table;
		clear: both;
	}
	#bottom-navigator li {
		margin: 10px 8px;
	}
	#bottom-navigator.show_left:before {
		content: '\F053';
		font-family: 'FontAwesome';
		position: absolute;
		left: 0;
		z-index: 100;
		color: #ffffff;
		top: 10px;
		height: 35px;
		line-height: 3.0rem;
		width: 20px;
		text-align: left;
		background: linear-gradient(to right, #132E4C, transparent);
	}

	#bottom-navigator.show_right:after {
		content: '\F054';
		font-family: 'FontAwesome';
		position: absolute;
		right: 0;
		color: #ffffff;
		top: 10px;
		height: 35px;
		line-height: 3.0rem;
		width: 20px;
		text-align: right;
		background: linear-gradient(to left, #132E4C, transparent);
	}

/**/

/* CKEDITOR */
	.bck-title1,
	.bck-title2,
	.bck-title3 {
	 	color: #E49B00;
	}

	.bck-title1 {
		font-size: 2.7rem;
		font-weight: bold;
		clear: both;
	}

	.bck-title2 {
		font-size: 2.5rem;
		font-weight: bold;
	}

	.bck-title3 {
		font-size: 2.3rem;
		font-weight: normal;
	}

	.texto_curso strong,
	.cke_contents strong {
		font-weight: bold;
	}

	.bck-enfasis {
		color: #498ed1;
	}

	/* Lists */

	.texto_curso ul li,
	.workspace ul li ul li,
	.cke_contents ul li {
		padding-left: 30px;
	}
	.texto_curso ul li:before,
	.workspace ul li ul li:before,
	.cke_contents ul li:before {
		width: 4px;
		height: 4px;
		background-color: #414141;
	}

	.content .bck-ol1,
	.cke_contents .bck-ol1,
	.content ol,
	.cke_contents ol {
		list-style-type: none;
		padding-left: 0;
		counter-reset: bck-li-counter;
	}
	.content .bck-ol1 li,
	.cke_contents .bck-ol1 li,
	.content ol li,
	.cke_contents ol li {
		list-style-type: none;
		padding-left: 32px;
		margin-bottom: 16px;
		counter-increment: bck-li-counter;
		position: relative;
		line-height: 1.8rem;
	}
	.content .bck-ol1 li:before,
	.cke_contents .bck-ol1 li:before,
	.content ol li:before,
	.cke_contents ol li:before {
  		content: counter(bck-li-counter, upper-alpha);
  		display: block;
  		position: absolute;
  		top: 1px;
  		left: 0;
  		background: #E49B00;
  		color: #ffffff;
  		width: 18px;
  		height: 18px;
  		text-align: center;
  		font-size: 1.4rem;
  		line-height: 1.8rem;
	}

	.content .bck-ol2,
	.cke_contents .bck-ol2 {
		list-style-type: none;
		padding-left: 0;
		counter-reset: bck-li-counter;
	}
	.content .bck-ol2 li,
	.cke_contents .bck-ol2 li {
		list-style-type: none;
		padding-left: 32px;
		margin-bottom: 14px;
		counter-increment: bck-li-counter;
		position: relative;
		line-height: 1.8rem;
	}
	.content .bck-ol2 li:before,
	.cke_contents .bck-ol2 li:before {
  		content: counter(bck-li-counter);
  		display: block;
  		position: absolute;
  		top: 1px;
  		left: 0;
  		color: #E49B00;
  		width: 18px;
  		height: 18px;
  		text-align: center;
  		font-size: 1.4rem;
  		line-height: 1.8rem;
  		background: none;
	}


	.content .bck-ol3,
	.cke_contents .bck-ol3 {
		list-style-type: none;
		padding-left: 0;
		counter-reset: bck-li-counter;
	}
	.content .bck-ol3 li,
	.cke_contents .bck-ol3 li {
		list-style-type: none;
		padding-left: 32px;
		margin-bottom: 14px;
		counter-increment: bck-li-counter;
		position: relative;
		line-height: 1.8rem;
	}
	.content .bck-ol3 li:before,
	.cke_contents .bck-ol3 li:before {
  		content: counter(bck-li-counter, lower-alpha) ")";
  		display: block;
  		position: absolute;
  		top: 1px;
  		left: 0;
  		color: #E49B00;
  		width: 18px;
  		height: 18px;
  		text-align: center;
  		font-size: 1.4rem;
  		line-height: 1.8rem;
  		background: none;
	}

	/*Figures */
	figure.image {
		overflow: hidden;
		padding: 0;
	}
	figure.image img {
		border: 2px solid #E49B00;
		border-radius: 14px;
		display: block;
	}
	figure.image figcaption {
		color: #E49B00;
		font-size: 1.6rem;
		text-align: left;
		margin-top: 10px;
	}

	/* Tables*/
	.content table:not(.rf-tablegrid) {
		border: 1px solid #CBCCCD;
		margin-bottom: 20px;
	}

	.content table:not(.rf-tablegrid) td,
	.content table:not(.rf-tablegrid) th {
		border: 1px solid #ffffff;
		padding: 10px;
		background: #ededed;
	}

	.content .bck-table-2:not(.rf-tablegrid),
	.cke_contents .bck-table-2:not(.rf-tablegrid) {
		background: #ffffff;
		border: 2px solid #414141;

	}
	.content .bck-table-2:not(.rf-tablegrid) td,
	.cke_contents .bck-table-2:not(.rf-tablegrid) td {
		vertical-align: top;
		background: #ffffff;
		border-left: 2px solid  #414141;
		border-bottom: 2px solid  #414141;
		padding: 10px;
	}

	.content .bck-table-no-border:not(.rf-tablegrid),
	.cke_contents .bck-table-no-border:not(.rf-tablegrid) {
		background: transparent;
		border: 0;
	}
	.content .bck-table-no-border:not(.rf-tablegrid) td,
	.cke_contents .bck-table-no-border:not(.rf-tablegrid) td {
		vertical-align: top;
		background: transparent;
		border: 0;
		padding: 10px;
	}

	.content table:not(.rf-tablegrid) .bck-td-a {
		background: #c6c6c6;
	}

	.content table:not(.rf-tablegrid) .bck-td-b {
		background: #dadada;
	}
	.content table:not(.rf-tablegrid) .bck-td-c {
		background: #ededed;
	}

	.content table:not(.rf-tablegrid) .bck-td-d {
		background: #fef6eb;
	}
	.content table:not(.rf-tablegrid) .bck-td-e {
		background: #ffffff;
		border: 2px solid #414141;
	}

	.bck-box.box-1 {
		border: 2px solid #E49B00;
		padding: 8px;
	}

	.bck-box.box-2 {
		background: #ededed;
		padding: 20px;
	}

	.bck-box.box-3 {
		background: #ffe6d5;
		padding: 20px;
	}

	.bck-box.box-4 {
		background: #fdf5e9;
		padding: 20px;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.bck-box.box-4 .bck-title {
		background: #E49B00;
		background: -moz-linear-gradient(left,  #c67a00 0%, #f8ad00 100%);
		background: -webkit-linear-gradient(left,  #c67a00 0%,#f8ad00 100%);
		background: linear-gradient(to right,  #c67a00 0%,#f8ad00 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67a00', endColorstr='#f8ad00',GradientType=1 );
		color: #ffffff;
		margin: -20px -20px 20px;
		padding: 6px 20px;
	}
	.bck-box.box-4 .bck-title p{
		margin-bottom: 0;
	}

	.bck-box.box-4 p {
		margin-bottom: 8px;
	}
	.bck-box.box-5,
	.bck-box.box-5-cdrom {
		background: #fef6eb;
		background: #fef6eb;
		padding: 20px;
		box-shadow: 5px 5px 10px rgba(0,0,0,.3)
	}
	.bck-box.box-5-cdrom {
		background: url(images/cdrom1.png) 99% 85% #fef6eb no-repeat;
		padding-right: 45px;
	}

/*Iconos */

#actividad .player.audio {
	background: url(images/icono-audio.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.bck-ico-arrow:before {
	content: "";
	background-image: url(images/icono-flecha.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 18px;
	width: 30px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

/* Seccion primera */

.content_type_clase_vocational #actividad .content .primera .header .title h3 {
	background-color: #005840;
	background: -moz-linear-gradient(left,  #004531 0%, #007757 100%);
	background: -webkit-linear-gradient(left,  #004531 0%,#007757 100%);
	background: linear-gradient(to right,  #004531 0%,#007757 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004531', endColorstr='#007757',GradientType=1 );
}

.primera .bck-title1,
.primera .bck-title2,
.primera .bck-title3 {
	color: #005840;
}

.content .primera .bck-ol1 li:before,
.primera .cke_contents .bck-ol1 li:before,
.content .primera  ol li:before,
.primera .cke_contents ol li:before {
	background-color: #005840;
}

.content .primera .bck-ol2 li:before,
.primera .cke_contents .bck-ol2 li:before,
.content .primera .bck-ol3 li:before,
.primera .cke_contents .bck-ol3 li:before {
	color: #005840;
	background: none;
}

.primera .bck-box.box-4 .bck-title {
	background-color: #005840;
	background: -moz-linear-gradient(left,  #004531 0%, #007757 100%);
	background: -webkit-linear-gradient(left,  #004531 0%,#007757 100%);
	background: linear-gradient(to right,  #004531 0%,#007757 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004531', endColorstr='#007757',GradientType=1 );
}
.primera .bck-box.box-4 {
	background-color: #e6f0ed;
}
.primera .bck-box.box-5,
.primera .bck-box.box-5-cdrom {
	background-color: #e5f0ec;
}
.primera .bck-box.box-5-cdrom {
	background-image: url(images/cdrom2.png);
	background-color: #e5f0ec;
}
.primera figure.image img {
 border-color: #005840;
}
.primera figure.image figcaption {
	color: #005840;
}
#actividad .primera .player.audio {
	background-image: url(images/icono-audio-2.png);
}
.primera .bck-ico-arrow:before {
	background-image: url(images/icono-flecha-2.png);
}
/**/

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

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

    #actividad .carousel-inner .item-container {
        margin: 0;
        width: 100% !important;
        max-width: 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;
    }
	.content_type_clase_vocational .revision-budget {
		margin-top: -38px;
	}
    .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: 579px) {

	.navbar-bottom {
		padding-right: 20px;
	}

	.bck-row .col-xs-1,
	.bck-row .col-xs-2,
	.bck-row .col-xs-3,
	.bck-row .col-xs-4,
	.bck-row .col-xs-5,
	.bck-row .col-xs-6,
	.bck-row .col-xs-7,
	.bck-row .col-xs-8,
	.bck-row .col-xs-9,
	.bck-row .col-xs-10,
	.bck-row .col-xs-11,
	.bck-row .col-xs-12 {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 480px) {

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

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

    #actividad .carousel-inner .item-container {
		padding: 40px 20px 90px;
	}

}

/* Custom CSS */

#actividad .carousel-inner .casestudy1 .item-container {
    background: #FEE7B1;
}

#actividad .carousel-inner .casestudy2 .item-container {
    background: #DDEABF;
}