/* Fonts */
@font-face {
    font-family: 'CalcitePro';
    src: url('./fonts/formats/CalcitePro-Regular.eot');
    src: url('./fonts/formats/CalcitePro-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/formats/CalcitePro-Regular.woff') format('woff'),
         url('./fonts/formats/CalcitePro-Regular.svg#IcoMoon') format('svg'),
         url('./fonts/formats/CalcitePro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'CalcitePro';
	src: url("./fonts/CalcitePro-Bold.otf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'CalcitePro';
	src: url("./fonts/CalcitePro-Black.otf");
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-Light.otf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-LightItalic.otf");
    font-weight: 300;
    font-style: italic;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-Medium.otf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-MediumItalic.otf");
    font-weight: 500;
    font-style: italic;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-Bold.otf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-BoldItalic.otf");
    font-weight: 700;
    font-style: italic;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-Heavy.otf");
    font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family: 'Fairfield';
	src: url("./fonts/FairfieldLTStd-HeavyItalic.otf");
    font-weight: 900;
    font-style: italic;
}

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

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-Light.otf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-LightItalic.otf");
    font-weight: 300;
    font-style: italic;
}

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-Medium.otf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-MediumItalic.otf");
    font-weight: 500;
    font-style: italic;
}

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-Semibold.otf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-family: 'Whitney';
	src: url("./fonts/Whitney-SemiboldItalic.otf");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'WhitneyBook';
    src: url("./fonts/Whitney-Book.otf");
    font-style: normal;
}

@font-face {
    font-family: 'WhitneyBook';
    src: url("./fonts/Whitney-BookItalic.otf");
    font-style: italic;
}

/* General */
	.navbar-bottom {
	    background: #fff;
	}

	.logo-publisher {
	    display: inline-block;
	    background: url('logo.png') no-repeat;
	    background-size: contain;
	    height: 40px;
	    width: 150px;
	    position: absolute;
	    top: 2px;
	    left: 30px;
	}

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

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

	.edit .slider-indicators {
	    margin-left: 200px;
	    position: relative;
	    top: 0px;
	    margin-right: 200px;
	}

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

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

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

	.content_type_clase_smbrasil .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_smbrasil #actividad .content .header .title img,
	.content_type_clase_smbrasil #actividad .content .header .chapter {
		display: none;
	}

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

	.content_type_clase_smbrasil #actividad .content {
		font-family: 'Whitney';
		font-weight: 300;
	}

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

	.content_type_clase_smbrasil #actividad .content .header .title h3 {
		font-size: 3.4rem;
		font-family: 'WhitneyBook';
		margin-top: 0px;
		font-weight: bold;
		display: block;
	}

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

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

	.content_type_clase_smbrasil #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+ */
		background: -ms-linear-gradient(left,  #00aee2 0%,#c5ca2f 36%,#f5cb0d 58%,#f0629d 100%,#7db9e8 100%,#f0629d 101%); /* IE10+ */
		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_smbrasil #actividad .texto_curso {
		font-size: 1.9rem;
	}

	.content_type_clase_smbrasil #actividad .texto_curso li,
	.content_type_clase_smbrasil #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;
	}

	#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-tooltip {
		text-decoration: none;
    	border-bottom: #D99822 3px dotted;
	}

	.content_type_clase_smbrasil .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_smbrasil .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_smbrasil .slide_main input[disabled],
	.content_type_clase_smbrasil .slide_main input[readonly],
	fieldset[disabled] .content_type_clase_smbrasil .slide_main input {
		cursor: not-allowed;
		background-color: #eee;
		opacity: 1;
	}

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

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

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

	table {
		margin-bottom: 20px;
	}

	.zoom_flag_img {
	    top: 20px;
	}
/**/

/* Navbar (Breadcums) */


/**/

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

	.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 .title {
		font-size: 1.6rem;
		line-height: 4.0rem;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 20px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.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;
	}
/**/

/* CKEDITOR */

	h1 {
		font-size: 2.8rem;
		color: #A7BE39;
		font-family: 'CalcitePro';
	}

	h2 {
		font-size: 2.6rem;
		color: #565656;
		font-family: 'CalcitePro';
	}

	h3 {
		font-size: 2.8rem;
		color: #C15E20;
		font-family: 'CalcitePro';
	}

	h4 {
		font-size: 2.6rem;
		color: #D99822;
		font-family: 'CalcitePro';
	}

	.bck-header {
		font-size: 2.8rem;
		font-weight: bold;
		color: #F7941D;
	}

	.content .bck-ol-1 {
		list-style-type: none;
		padding: 10px;
	}

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

	.content .bck-ol-1 li:before {
		content: counter(bck-li-counter) ".";
		position: relative;
		font-family: Arial;
		text-align: right;
		color: #D99822;
		font-weight: bold;
		width: 24px;
		height: 24px;
		margin-right: 8px;
		display: inline-block;
	}

	.content .bck-ol-2 {
		list-style-type: none;
		padding: 10px;
	}

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

	.content .bck-ol-2 li:before {
		content: counter(bck-li-counter);
		position: relative;
		font-family: Arial;
		text-align: right;
		color: white;
		background-color: #D99822;
		border-radius: 12px;
		font-weight: bold;
		width: 24px;
		height: 24px;
		margin-right: 8px;
		display: inline-block;
		text-align: center;
	}

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

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

	.content .bck-ul-1 li:before {
		content: "\f0c8";
		font-family: 'FontAwesome';
		background-color: transparent;
		position: relative;
		color: #565656;
		font-size: 0.8rem;
		margin-top: -2px;
		height: 24px;
		width: 24px;
		display: inline-block;
	}

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

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

	.content .bck-ul-2 li:before {
		content: "\f111";
		font-family: 'FontAwesome';
		background-color: transparent;
		position: relative;
		color: #D99822;
		font-size: 0.8rem;
		margin-top: -2px;
		height: 24px;
		width: 24px;
		display: inline-block;
		top: -3px;
	}

	.bck-title-actividades {
		display: inline;
		color: #fff;
		font-size: 3.4rem;
		font-weight: bold;
		background-color: #A7BE38;
		padding: 2px 20px;
		border-radius: 20px 0 20px 0;
		text-transform: uppercase;
	    box-shadow: -10px 10px 0px 0px #FAA619;
	}

	.bck-tabla {
		text-align: center;
		font-size: 2.0rem;
		border: 1px solid #A7BE38;
	}

	.bck-tabla td {
		padding: 8px;
	}

	.bck-celda-oscura {
		color: #fff;
		background-color: #A7BE38;
	}

	.bck-celda-media {
		color: #1B6C61;
		background-color: #C8D385;
	}

	.bck-celda-clara {
		color: #565656;
		background-color: #DCE2B4;
	}

	.bck-bar-actividades {
		margin-top: 6px;
		border: 1px dotted #FAA619;
	}

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

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

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

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

	.bck-box1 {
		border: 1px dotted #A7BE39;
		border-left: none;
		font-family: 'WhitneyBook';
	}

	.bck-box1:after {
		content: "\f111";
		font-family: 'FontAwesome';
		background-color: transparent;
		position: relative;
		color: #A7BE39;
		font-size: 0.8rem;
		margin-top: -2px;
		height: 24px;
		width: 24px;
		display: inline-block;
		top: 24px;
    	left: -20px;
	}

	.bck-box1 .bck-title {
		font-family: 'CalcitePro';
		font-size: 3.0rem;
		font-weight: bold;
		color: #A7BE39;
		margin-top: -52px;
		margin-bottom: 10px;
	}

	.bck-box2 {
		border: 1px dotted #FAA619;
		border-top: none;
		border-right: none;
		font-family: 'Whitney';
		font-style: italic;
		font-weight: 600;
	}

	.bck-box2 .bck-title {
		background-color: #FAA619;
	    border-radius: 0 10px 0 0;
	    font-family: 'WhitneyBook';
	    font-size: 2.4rem;
	    font-weight: bold;
	    color: #ffffff;
	    display: inline-block;
	    padding: 0px 20px;
	    margin-top: -40px;
	    margin-left: -21px;
	    margin-bottom: 20px;
	}

	.bck-box3 {
		border: 1px solid #D99822;
		border-left: none;
		border-top-width: 4px;
		border-radius: 0 0 14px 0;
		font-family: 'Whitney';
		font-weight: 300;
	}

	.bck-box3:after {
		content: "\f10c";
		font-family: 'FontAwesome';
		background-color: transparent;
		position: relative;
		color: #D99822;
		font-size: 0.8rem;
		margin-top: -2px;
		height: 24px;
		width: 24px;
		display: inline-block;
		top: 24px;
    	left: -25px;
	}

	.bck-box3 .bck-title {
		color: #D99822;
		font-family: 'CalcitePro';
	    font-size: 2.4rem;
	    font-weight: bold;
	}

	.bck-box4 {
		border: 1px solid #FAA619;
		border-radius: 4px;
	}

	.bck-box5 {
		border: 1px dotted #D99822;
		border-radius: 0 14px 14px 14px;
		margin-top: 30px !important;
	}

	.bck-box5 .bck-title {
		text-transform: uppercase;;
		background-color: #D99822;
	    border-radius: 10px 10px 0 0;
	    font-size: 2.2rem;
	    color: #ffffff;
	    display: inline-block;
	    padding: 0px 20px;
	    margin-top: -42px;
	    margin-left: -21px;
	    margin-bottom: 20px;
	    position: absolute;
	}

	.calcitepro {
		font-family: 'CalcitePro';
	}

	.fairfield {
		font-family: 'Fairfield';
	}

	.whitney {
		font-family: 'Whitney';
	}

	.whitneybook {
		font-family: 'WhitneyBook';
	}

	.thin {
		font-weight: 100;
	}

	.extralight {
		font-weight: 200;
	}

	.light {
		font-weight: 300;
	}

	.normal {
		font-weight: 400;
	}

	.medium {
		font-weight: 500;
	}

	.semibold {
		font-weight: 600;
	}

	.bold {
		font-weight: 700;
	}

	.extrabold {
		font-weight: 800;
	}

	.black {
		font-weight: 900;
	}


/**/


/** SECCIONES **/

.item.actividades1 .item-container {
	background-color: #F7F7F8 !important;
}

.item.actividades2 .item-container {
	background-color: #FFEACD !important;
}

@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;
    }

    .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%;
    }

}