/* General */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,700,700italic,500italic,500);

.body_clase .content-wrapper {
	padding-top: 100px;
	font-family: 'Raleway', Georgia, serif;
	font-weight: 500;
	padding-bottom: 0;
}
.body_clase.edit .content-wrapper {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.is_app .content-wrapper,
body.app:not(.offline-pc) .content-wrapper,
body.user_demo .content-wrapper {
	padding-top: 80px;
}

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

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

body:not(.isTablet) #indice .units ul li:hover:not(.disabled) {
	background: #666;
}

body:not(.isTablet) #indice .units ul li:not(.disabled) a:hover, #indice .units ul li.active a {
	color: #fff;
	background: #666666;
	border-left: 5px solid #E1101F;
}

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

#indice .unit-content .actividades .item {
	border-bottom: 0.2px solid #E1101F;
}

#indice .unit-content .header .title {
	color: transparent;
}

#indice .units ul li {
	border-radius: 0px;
	margin-bottom: 4px;
}

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

.btn {
	border-radius: 0px;
}

.btn-group .btn {
	background-color: #666666;
	border-left: 4px solid #E1101F;
}

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

#actividad .content img {
	height: auto !important;
}

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

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

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

#actividad .content .header .title h3 {
	font-family: 'Raleway', Georgia, sans-serif;
	font-size: 4.0rem;
	font-weight: bold;
	border-bottom: #E1101F solid 4px;
	color: #666666;
	display: block;
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#actividad .content .header .title h3 span {
	display: block;
	font-size: 2.2rem;
	font-weight: 400;
}
#actividad .texto_curso,
#actividad .slide_content_type_1 .pregunta .texto_curso {
	font-size: 1.6rem;
}

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

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

#actividad .inicio .class_slide {
	padding: 0px;
}

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

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

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

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

.body_clase .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);
}

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

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

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

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

.body_clase .slide_main .html-book input {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #ccc;
	 	background-color: rgba(255, 255, 255, 0.5);
}

.body_clase .slide_main .html-book textarea {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #ccc;
	padding: 30px;
	 	background-color: rgba(255, 255, 255, 0.5);
}

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

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

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

.main-navigator {
	padding: 30px 0px 50px;
	width: 100%;
}

.navigator .left,
.navigator .right {
	width: 50%;
	display: inline-block;
}

.navigator .right {
	text-align: right;
}

.navigator .slider-control.left,
.navigator .slider-control.right {
	height: auto;
	width: 100%;
	background-color: transparent;
	border-radius: 0px;
	margin: 0px;
	opacity: 1;
	text-shadow: none;
	color: #f9bfad;
	font-size: 1.9rem;
	position: relative;
	top: auto;
	left: auto;
	cursor: pointer;
}

.navigator .slider-control.left:before,
.navigator .slider-control.right:after {
	font-family: 'FontAwesome';
	position: absolute;
	margin-top: 0;
	background: none;
	color: #f9bfad;
	border-radius: 120px;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 4.8rem;
	font-size: 4.8rem;
}

.navigator .slider-control.left {
	padding-left: 58px;
}
.navigator .slider-control.right {
	left: 0;
	padding-right: 58px;
}
.navigator .slider-control.left:before {
	content: "\f104";
	left: 0;
	padding-right: 5px;
}

.navigator .slider-control.right:after {
	content: "\f105";
	right: 0;
	padding-left: 5px;
}

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

/* Navbar */
.navbar-bottom {
	background: #eee;
	display: none;
}
.edit .navbar-bottom {
	display: block;
}

.slider-indicators {
    padding-left: 100px;
    padding-right: 100px;
}

.slider-indicators li,
.edit .slider-indicators li {
	background-color: #f9bfad;
	color: #ffffff;
	opacity: 0.5;
}

.slider-indicators .active,
.slider-indicators li:hover,
.edit .slider-indicators li.active,
.edit .slider-indicators .concat.active {
	opacity: 1;
}
.edit .slider-indicators .concat.active {
	color: #f9bfad;
}

/**/

/* Navbar (Breadcums) */
.activity-navbar {
position: fixed;
    top: 44px;
    background: #ffffff;
    width: 100%;
    left: 0;
    height: 90px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0 9px;
    margin-top: -17px;
}

.is_app.body_clase .activity-navbar {
	position: sticky;
	top: 0px;
	padding-top: 3px;
	height: 88px;
}

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

#top-navigator.show_left:before, #top-navigator.show_right:after {
	color: #5ebdb2;
	top: 0px;
}

#top-navigator.show_left:before {
	background: linear-gradient(to right, rgba(0, 160, 228, 0.21), transparent);
}

#top-navigator.show_right:after {
	background: linear-gradient(to left, rgba(0, 160, 228, 0.21), transparent);
}

.body_clase .activity-navbar .navbar-content {
	max-width: 960px;
	margin: 0 auto;
	padding-left: 90px;
	padding-right: 50px;
	padding-top: 19px;
}

.logo-publisher {
	content: " ";
	background-image: url(logosanpablo.png);
	display: block;
	height: 90px;
	background-repeat: no-repeat;
	width: 100px;
	float: left;
	background-size: contain;
	margin-top: 12px;
}

.logo-publisher.logo_slide:before {
    content: "";
    background-image: url(LogoODEC.png);
    padding: 32px;
    background-repeat: no-repeat;
    float: left;
    margin-left: -68px;
    margin-top: -11px;
    background-size: contain;
}

.edit .logo-publisher {
	display: none;
}

.activity-navbar .slider-indicators {
	padding: 0;
	display: inline-block;
	text-align: center;
	position: relative;
	width: 5000px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	background-color: #ffffff;
	color: #00599C;
}


.activity-navbar .dropdown button,
.activity-navbar li {
	border-radius: 0px;
	border-top: 4px solid #E1101F;
	background-color: transparent;
	color:#333333;
	vertical-align: middle;
	margin: 0px 5px;
	text-indent: 0px;
	line-height: 3.5rem;
	font-size: 2.0rem;
	font-weight: 400;
	cursor: pointer;
	background: #fff;
}

.activity-navbar .slider-indicators:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.activity-navbar .slider-indicators li {
	width: 35px;
	height: 35px;
	margin: 0 8px 0 0;
	text-align: center;
	opacity: 0.5;
	position: relative;
}

.activity-navbar .slider-indicators li.active,
.activity-navbar li:hover {
	opacity: 1;
	color: #fff;
    border-top: 4px solid #E1101F;
    background: #E1101F;
}

.activity-navbar #top-navigator {
	float: none;
	margin-top: 20px;
	display: block;
}

.activity-navbar .dropdown {
	float: left;
	display: block;
}

.activity-navbar .dropdown button {
	display: none;
}

/* Pagination */

.js-slide-wrapper > .header .single-pagination {
display: none;
}

/* Iconos */

#actividad .player.audio {
	background: url(images/sanpablo_audio.png) 0 0 no-repeat;
	background-size: contain;
	width: 36px;
	height:24px;
	border-radius: 0;
	vertical-align: middle;
}

#actividad .player.video {
	background: url(images/sanpablo_video.png) 0 0 no-repeat;
	background-size: contain;
	width: 36px;
	height:24px;
	border-radius: 0;
	vertical-align: middle;
}

#actividad .bck-file-attach img {
	display: none;
}

/* CKEDITOR */

.bck-title1,
.bck-title2,
.bck-title3,
.bck-title-activity {
	font-family: 'Raleway', Georgia, serif;
	font-weight: bold;
	color: #5ebdb2;
}

.bck-title1,
.bck-title-activity {
	font-size: 2.0rem;
	font-weight: 400;
	clear: both;
	padding: 10px 40px 10px 98px;
	margin-bottom: 25px;
	background: #5ebdb2;
	color: #ffffff;
	margin-left: -98px;
	border-radius: 0 40px 40px 0;
	display: inline-block;
}

.bck-title2 {
	font-size: 2.0rem;
	clear: both;
	padding: 10px 20px 0px 0;
	margin-bottom: 20px;
}

.bck-title3 {
	color: #FABC22;
	font-size: 2.6rem;
	text-align: center;
}

.bck-azul {
	background-color: #D0EAEB;
	padding: 15px;
	border-radius: 20px;
	margin-top: 5px;
}

.preguntas {
	border: 3px solid #5ebdb2;
	padding: 30px;
	position: relative;
	margin-top: 60px;
	border-radius: 40px;
	background-color: rgba(255, 255, 255, 0.5);
}

.bck-enfasis,
strong {
	color: #f9bfad;
	font-weight: bold;
}

.titulotema {
	background-color: #DDDE5B;
	border-radius: 15px;
	padding: 2%;
	text-align: center;
	margin-bottom: 4%;
	font-size: 4.0rem;
}

.bck-dropdown-icon {
	color: #E1101F;
}

.bck-dropdown-icon>.fa {
	border: 3px solid #fff;
}

.bck-dropdown-content {
	background-color: #fff;
	border-right: 3px solid #E1101F;
	border-bottom: 1px solid #E1101F;
	background: rgba(224, 224, 224, 0.25);
}

.content hr,
.cke_contents hr {
	border: 0;
	border-top: 2px dashed #f9bfad;
}

.content ol,
.cke_contents ol {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
.content ol li,
.cke_contents ol li {
	counter-increment: bck-li-counter 1;
	position: relative;
	padding-left: 2em;
}

.content ol li:before,
.cke_contents ol li:before {
	content: counter(bck-li-counter, lower-alpha)')';
	position: absolute;
	margin-left: -1.5em;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: right;
	color: #E1101F;
	margin-top: -2px;
}

.content ol.bck-ol-2 li,
.cke_contents ol.bck-ol-2 li,
.content ol.bck-ol-3 li,
.cke_contents ol.bck-ol-3 li {
	counter-increment: bck-li-counter 1;
	position: relative;
	padding-left: 2em;
	padding-bottom: 0.5em;
}

#actividad .content .texto_curso ol.bck-ol-2 li:before,
#actividad .content .cke_contents  .bck-ol-2 li:before,
#actividad .content .workspace ul li ol.bck-ol-2 li:before {
	content: counter(bck-li-counter)'. ';
	margin-left: -1.9em;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: right;
	color: #000;
	background-color: #6CC9EE;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 100%;
	margin-top: -2px;
}

#actividad .content .texto_curso ol.bck-ol-3 li:before,
#actividad .content .cke_contents  .bck-ol-3 li:before,
#actividad .content .workspace ul li ol.bck-ol-3 li:before {
	content: counter(bck-li-counter)'. ';
	margin-left: -1.9em;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: right;
	color: #000;
	background-color: #8FB60F;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 100%;
	margin-top: -2px;
}

.texto_curso ul li,
.workspace ul li ul li,
.cke_contents ul li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 20px;
}

.texto_curso ul li:before,
.workspace ul li ul li:before,
.cke_contents ul li:before {
	background-color: #f9bfad;
	height: 12px;
	width: 12px;
	margin-top: 5px;
	margin-left: -18px;
}

.content figure:first-child:last-child,
.content .js--row figure,
.cke_contents figure:first-child:last-child,
.cke_contents .js--row figure {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.content figure figcaption,
.cke_contents figure figcaption {
	text-align: left;
	margin-top: 10px;
}

.cke_contents table:not(.rf-tablegrid),
.content table:not(.rf-tablegrid) {
	border: 1px solid #CBCCCD;
}

.cke_contents table:not(.rf-tablegrid) td,
.cke_contents table:not(.rf-tablegrid) th,
.content table:not(.rf-tablegrid) td,
.content table:not(.rf-tablegrid) th {
	border: 1px solid #CBCCCD;
	padding: 7px;
}

.cke_contents table:not(.rf-tablegrid) caption,
.content table:not(.rf-tablegrid) caption {
	margin-bottom: 10px;
}

.bck-td {
	background: #dcdcdc;
}

.bck-box {
	margin-bottom: 30px;
}
.bck-box.center {
	margin-left: auto;
	margin-right: auto;
}

.bck-box .bck-title {
	font-size: 2.5rem;
	margin-bottom: 10px;
}
.bck-box .bck-title1,
.bck-box .bck-title2 {
	border-left: 0;
	margin-left: 0;
	padding: 0;
	margin-bottom: 10px;
}

.bck-box.box-1 {
	background: #D0EAEB;
	padding: 15px;
	position: relative;
	margin-top: 5px;
	border-radius: 20px;
}

.bck-box.box-1 hr {
	border: 0;
	display: block;
	border-top: 1px solid #5ebdb2;
}

.bck-box.box-1 .bck-title {
	color: #f9bfad;
	font-size: 2.4rem;
}

.bck-box.box-1 .bck-title1 {
	font-size: 3.0rem;
	margin-left: -40px;
	padding: 4px 20px 4px 40px;
}
.bck-box.box-1 .bck-title2 {
	font-size: 2.0rem;
	font-weight: 400;
	color: #706f6f;
	margin-bottom: 10px;
}

.bck-box.box-2,
.bck-box.box-3  {
	border: 0;
	padding: 20px;
	font-size: 1.4rem;
	position: relative;
	margin-bottom: 40px;
	border-radius: 40px;
	box-shadow: 0 0 30px 0px rgba(0,0,0,.1);
}

.bck-box.box-2 {

}

.bck-box.box-3 {
	margin-bottom: 80px;
}

.bck-box.box-2 .bck-title,
.bck-box.box-2 .bck-title1,
.bck-box.box-3 .bck-title,
.bck-box.box-3 .bck-title1 {
	color: #f9bfad;
	background: none;
	font-size: 1.8rem;
	margin-bottom: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}

.bck-box.box-2 .bck-title,
.bck-box.box-3 .bck-title {
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
	border-radius: 40px 40px 0 0 ;
	padding: 14px 20px 10px;
	color: #ffffff;
	background: #f9bfad;
	font-weight: 400;
}
.bck-box.box-3 .bck-title {
	background: #5ebdb2;
}

.bck-box.box-2 .bck-title p,
.bck-box.box-3 .bck-title p {
	margin-bottom: 0;
}

.bck-box.box-2 .bck-title2,
.bck-box.box-3 .bck-title2,
.bck-box.box-2 .bck-title3,
.bck-box.box-3 .bck-title3 {
	color: #f9bfad;
	margin-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.6rem;
	font-weight: bold;
}
.bck-box.box-2 .bck-title3,
.bck-box.box-3 .bck-title3 {
	font-size: 1.4rem;
}
.bck-box.box-3 .bck-title1,
.bck-box.box-3 .bck-title2,
.bck-box.box-3 .bck-title3 {
	color: #5ebdb2;
}

.bck-box.box-2 hr,
.bck-box.box-3 hr {
	border: 0;
	display: block;
	border-top: 2px solid #f9bfad;
}

.bck-box.box-3 hr {
	border-top-color: #5ebdb2;
}


.bck-box.box-2 ul li:before {
	font-family: 'FontAwesome';
	content:"\f00c";
	color: #f9bfad;
	background: none;
	margin-top: -2px;
	margin-left: -24px;
	font-size: 2.0rem;
}

/**/

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

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

	.logo-publisher {
		margin-right: 0px;
	}
}

@media screen and (max-width: 992px) {
	#actividad .class_slide {
		padding-right: 30px;
		padding-left: 30px;
	}

	#actividad .content .header .title h3 {
		margin-left: -30px;
		padding-left: 20px;
		padding-right: 50px;
	}
	.js-slide-wrapper > .header .single-pagination {
		display: none;
	}
	.navigator {
		padding-left: 30px;
		padding-right: 30px;
	}
	.body_clase .publish {
		padding-left: 25px;
	}
	.body_clase .logo-publisher {
		margin-left: -20px;
	}

}

@media screen and (max-width: 767px) {
	#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%
	}
	.body_clase .activity-navbar {
		top: 88px;
	}

	.body_clase .logo-publisher {
		margin-right: -20px;
	}

}

@media screen and (max-width: 579px) {
	.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;
	}
	.body_clase .activity-navbar .navbar-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.body_clase .activity-navbar .logo-publisher:before {
		content: none;
		display: none;
	}

	#actividad .carousel-inner .item-container {
		padding-top: 13px;
	}
	.js-slide-wrapper > .header .single-pagination {
		padding-top: 15px;
		font-size: 2.4rem;
		width: 60px;
	}
	#actividad .content .header .title h3 {
		padding-right: 20px;
		margin-bottom: 20px;
	}

	.content_type_clase_sanpablo #actividad .content .header .title h3 {
	    font-size: 23px;
	}

	.body_clase .logo-publisher {
	    display: none;
	}
}

/*BK-10860*/
/*
 * Me cargo todos los border que hay por debajo de un ejercicio de cálculo y restauro los necesarios
 *
 */
div.calculo table.marco,
div.calculo table.marco * {
	border:none;
}

.content hr, .cke_contents hr {
	border-top: 2px dashed #f9bfad !important;
}

.body_clase .slide_main input {
	border: 1px solid #ccc !important;
}

/* TMPUX STYLES */
.tmpux .activity-navbar,
.tmpux.modo_revision .activity-navbar,
.tmpux.modo-correccion .activity-navbar,
.tmpux.modo-deber .activity-navbar {
    top: 0;
}

.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-top: 82px;
}

.tmpux.body_clase:not(.edit) .content-wrapper {
    top: 32px;
}

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