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

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

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

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

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

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

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

	.content_type_clase_donostiarra #actividad .content .header .title h3 {
		font-size: 3.2rem;
		padding: 10px;
		margin-top: 0px;
		font-weight: bold;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
		color: #FFF;
		display: block;
		margin-top: 25px;
		border-bottom: 2px solid #000;
		padding-bottom: 20px;
	}

	.content_type_clase_donostiarra #actividad .content .header .title h3 .index {
		display: block;
		float: left;
		background: #6DAEE0;
		padding: 25px 18px 8px;
		color: #fff;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
		margin-top: -25px;
		margin-right: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 5px 5px 5px #000;
	}

	.content_type_clase_donostiarra #actividad .texto_curso {
		font-size: 1.9rem;
	}

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

	.content_type_clase_donostiarra #actividad .texto_curso li,
	.content_type_clase_donostiarra #actividad .workspace ul li li  {
		margin-bottom: 10px;
		padding-left: 0px;
	}

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

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

	#actividad .slide-concatenate .class_slide {
	    padding-bottom: 0;
    	padding-top: 0;
	}

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

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

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

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

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

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

/* 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;
		visibility: hidden;
		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;
	}
/**/

/* Navbar */
	.navbar-bottom {
		background: #B88A5C;
	}

	.navbar-bottom:after {
		content: '';
		display: inline-block;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 28px;
		top: 2px;
	}

	.slider-indicators li {
		background-color: white;
	    color: white;
	}

	.slider-indicators .active,
	.slider-indicators li:hover {
	    background-color: #FDBC3A;
	    color: #FDBC3A;
	}

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

/* CKEDITOR */
	.bck-title0 {
		background-color: #6DAEE0;
		padding: 3px 6px;
		text-shadow: red;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
		font-weight: bold;
		color: #FFF;
		text-align: center;
	}

	.bck-title1 {
		background-color: #6DAEE0;
		padding: 3px 6px;
		text-shadow: red;
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
		font-weight: bold;
	}

	.bck-title2 {
		border-bottom: 2px solid #000;
		font-weight: bold;
		text-indent: -20px;
		margin-left: 16px;
	}

	.bck-title2:before {
		content: '';
		width: 10px;
		height: 10px;
		background-color: #6DAEE0;
		display: inline-block;
		margin: 2px 5px;
	}

	.bck-title3 {
		background-color: #6DAEE0;
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
		font-weight: bold;
	}

	.bck-title3:before {
		content: '';
		width: 10px;
		height: 10px;
		display: inline-block;
		margin: 2px 5px;
		border: 1px solid #fff;
		border-top-width: 2px;
	}

	.texto_curso .bck-ul li,
	.workspace ul li .bck-ul li,
	.cke_contents .bck-ul li {
		position: relative;
	}

	.texto_curso .bck-ul li:before,
	.workspace ul li .bck-ul li:before,
	.cke_contents .bck-ul li:before {
		height: 10px;
		width: 10px;
		background-color: #000;
		border-radius: 100%;
		margin: 0px;
		top: 50%;
		transform: translateY(-50%);
		margin-left: -15px;
	}

	.texto_curso .bck-ul-square li:before,
	.workspace ul li .bck-ul-square li:before,
	.cke_contents .bck-ul-square li:before {
		border-radius: 0%;
		background-color: #6DAEE0;
	}

	.content ol,
	.content ul {
		margin-left: 0px;
	}

	.content .bck-ol,
	.content .bck-ol ol {
		list-style-type: none;
		padding-left: 0;
	}

	.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: -20px;
		text-align: right;
		color: #000;
		font-size: 1.6rem;
		margin-top: -2px;
	}

	.content .bck-ol.bck-upper li:before {
		content: counter(bck-li-counter, upper-alpha)'. ';
	}

	.content .bck-ol.bck-lower li:before {
		content: counter(bck-li-counter, lower-alpha)'. ';
	}


	.content .bck-bold li:before {
		font-weight: bold;
	}

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

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

	.bck-table td,
	.bck-table th {
		padding: 10px;
	}


	.bck-table.azul td,
	.bck-table.azul th {
		border: 1px solid #99C6E9;
	}

	.bck-td.azul {
		background-color: #B3D1EE;
	}

	.bck-td2.azul {
		background-color: #DFEBF8;
	}

	.bck-table.verde td,
	.bck-table.verde th {
		border: 1px solid #95BA77;
	}

	.bck-td.verde {
		background-color: #C6D8B4;
	}

	.bck-table.rosa td,
	.bck-table.rosa th {
		border: 1px solid #F7B6D0;
	}

	.bck-td.rosa {
		background-color: #FBDAE7;
	}

	.bck-table.naranja td,
	.bck-table.naranja th {
		border: 1px solid #FAB585;
	}

	.bck-td.naranja {
		background-color: #FAB585;
	}

	.bck-td2.naranja {
		background-color: #FDF0E4;
	}

	/*  */
		.content_type_clase_donostiarra #actividad .texto_curso {
		    font-size: 1.6rem;
		}

		#actividad .workspace.true-false li {
		    font-size: 1.6rem;
		}

		#actividad .workspace.ordenar li>p {
		    font-size: 1.6rem;
		}

		h4.bck-title0 {
		    margin-top: -41px;
		    margin-bottom: 30px;
		    margin-left: 63px;
		}

		.content_type_clase_donostiarra #actividad .content .header .title h3 {
		    font-size: 1.7rem;
		    border-bottom: 0px solid #000;
		    padding: 0px;
		    padding-bottom: 23px;
		}

		.content_type_clase_donostiarra #actividad .content .header .title h3 .index {
		    font-size: 3.2rem;
		}

		.texto_curso ul li:before, .workspace ul li ul li:before, .cke_contents ul li:before, .preview ul li:before, .classify-item ul li:before, #actividad .workspace.multiple-choice .js-item ul li:before, #actividad .workspace.matching .box ul li:before, #actividad .workspace.ordenar .js-rank-item ul li:before {
		    background-color: #000;
		}

		.texto_curso .bck-ul-square li:before, .workspace ul li .bck-ul-square li:before, .cke_contents .bck-ul-square li:before {
		    border-radius: 0%;
		    background-color: #6DAEE0;
		    top: 0;
		    margin: 11px 0px 0px -15px;
		}

		.content_type_clase_donostiarra #actividad .content .header .title {
		    padding-bottom: 0px;
		}

		.bck-box.box-1{
			background-color: #A4DEF8;
			padding: 10px;
			border: 4px solid #7CB8E4;
			border-radius: 20px;
			padding-bottom: 0;
			margin-bottom: 20px;
			box-shadow: 5px 5px 8px -1px rgba(107,104,107,1);
		}

		.bck-box.box-2 {
		    background-color: #EDC41A;
		    padding: 20px;
		    border: 5px solid #fff;
		    box-shadow: 3px 7px 13px -1px rgba(107,104,107,1);
		    margin-bottom: 20px;
		}

		.bck-box.box-2 .bck-title.js--title {
		    font-size: 2.2rem;
		    font-weight: bold;
		    font-style: italic;
		    color: #D1232A;
		    margin-bottom: -12px;
		    text-align: left;
		}

		.bck-box.box-2 .bck-content {
		    font-size: 1.4rem;
		}

		.bck-box.box-3 {
		    background-color: #CFEDFB;
		    padding: 20px;
		    border: 5px solid #fff;
		    box-shadow: 3px 7px 13px -1px rgba(107,104,107,1);
		    margin-bottom: 20px;
		    font-size: 1.4rem;
		    font-weight: bold;
		}

		.bck-box.box-3 .bck-title.js--title {
		    font-weight: bold;
		    font-style: italic;
		    color: #363F8E;
		    margin-bottom: -12px;
		    text-align: left;
		}

		.bck-box.box-4.center {
		    background-color: #EAEB7C;
		    padding: 20px;
		    box-shadow: 3px 7px 13px -1px rgba(107,104,107,1);
		    margin-bottom: 20px;
		}

		.bck-box.box-4 .bck-title.js--title {
		    font-size: 2.2rem;
		    font-weight: bold;
		    font-style: italic;
		    color: #D1232A;
		    margin-bottom: -12px;
		    text-align: left;
		}

		.bck-box.box-4 .bck-content {
		    font-size: 1.4rem;
		}

		.bck-box.box-5 {
		    background-color: #EED9DC;
		    padding: 10px;
		    border: 3px solid #C17074;
		    border-radius: 20px;
		    padding-bottom: 0px;
		    margin-bottom: 20px;
		    box-shadow: 3px 6px 8px -1px rgba(107,104,107,1);
		}

		.bck-box.box-6 {
		    background-color: #EEDFED;
		    padding: 10px;
		    border: 3px solid #8C6FB1;
		    border-radius: 20px;
		    padding-bottom: 0px;
		    margin-bottom: 20px;
		    box-shadow: 3px 6px 8px -1px rgba(107,104,107,1);
		}

		.bck-box.box-7 {
		    background-color: #FBDAE6;
		    padding: 20px;
		    border: 5px solid #F7B3CE;
		    box-shadow: 3px 7px 13px -1px rgba(107,104,107,1);
		    margin-bottom: 20px;
		}

		.bck-box.box-7 .bck-title.js--title {
		    color: #9E58A3;
		    margin-bottom: -8px;
		}

		.box-8.bck-box.center{
			background-color: #B9E5FA;
			padding: 10px;
			box-shadow: 4px 5px 8px -2px rgba(107,104,107,1);
			margin-bottom: 20px;
			padding-bottom: 1px;
			border-radius: 10px;
		}

		.bck-ico-ie:before {
			content: "";
		    background-image: url(icons/icon_ie.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			display: inline-block;
		    position: relative;
		}

		.bck-ico-pc:before {
			content: "";
		    background-image: url(icons/icon_pc.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			display: inline-block;
		    position: relative;
		}
		.bck-ico-spk:before {
			content: "";
		    background-image: url(icons/icon_speaking.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			display: inline-block;
		    position: relative;
		}
		.bck-ico-star:before {
			content: "";
		    background-image: url(icons/icon_star.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 20px;
			width: 20px;
			display: inline-block;
		    position: relative;
		}
		.bck-ico-tool:before {
			content: "";
		    background-image: url(icons/icon_tool.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			display: inline-block;
		    position: relative;
		}
		.bck-ico-wtg:before {
			content: "";
		    background-image: url(icons/icon_writing.png);
		    background-size: contain;
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			display: inline-block;
		    position: relative;
		}

	/* Dropdown*/

	.bck-dropdown {
		border-top-right-radius: 0px;
		padding: 10px;
		border: 5px solid #fff;
	    box-shadow: 3px 7px 13px -1px rgba(107,104,107,1);
	    margin-bottom: 20px;
	    background-color: #EDC41A;
	    margin-top: 10px;
	}

	.bck-dropdown .bck-dropdown-icon {
		color: white;
		background-color: #EDC41A;
		display: none;
	}

	.bck-dropdown .bck-dropdown-icon span.fa {
		border: 0;
	    display: none;
		color: #D1232A;
	}

	.bck-dropdown .bck-dropdown-titulo {
		color: #D1232A;
		font-weight: bold;
		font-style: italic;
		font-size: 2.2rem;
		padding-bottom: 10px;
		text-align: left;
		cursor: pointer;
	}

	.bck-dropdown .bck-dropdown-content {
		background-color: #EDC41A;
		font-size: 1.5rem;
	}

	.bck-dropdown-button {
	    padding: 10px;
	    padding-bottom: 0px;
	    padding-left: 0px;
	}


	/**/

	/* Seccion azul */

	/**/

	/* Seccion morada */
		.content_type_clase_donostiarra #actividad .item.morada .header .title h3 .index,
		.item.morada .bck-title0,
		.item.morada .bck-title1,
		.item.morada .bck-title2:before,
		.item.morada .bck-title3,
		.item.morada .texto_curso .bck-ul-square li:before,
		.item.morada .workspace ul li .bck-ul-square li:before,
		.item.morada .cke_contents .bck-ul-square li:before {
			background-color: #8D70B2;
		}
	/**/

	/* Seccion rosa */
		.content_type_clase_donostiarra #actividad .item.rosa .header .title h3 .index,
		.item.rosa .bck-title0,
		.item.rosa .bck-title1,
		.item.rosa .bck-title2:before,
		.item.rosa .texto_curso .bck-ul-square li:before,
		.item.rosa .workspace ul li .bck-ul-square li:before,
		.item.rosa .cke_contents .bck-ul-square li:before {
			background-color: #F38AB4;
		}

		.item.rosa .bck-title3 {
		    background-color: #F6B7D0;
		}

/*		.item.rosa .bck-table td,
		.item.rosa .bck-table th {
			border: 1px solid #F7B6D0;
		}

		.item.rosa .bck-td {
			background-color: #FBDAE7;
		}*/
	/**/

	/* Seccion naranja */
		.content_type_clase_donostiarra #actividad .item.naranja .header .title h3 .index,
		.item.naranja .bck-title0,
		.item.naranja .bck-title1,
		.item.naranja .bck-title2:before,
		.item.naranja .bck-title3,
		.item.naranja .texto_curso .bck-ul-square li:before,
		.item.naranja .workspace ul li .bck-ul-square li:before,
		.item.naranja .cke_contents .bck-ul-square li:before {
			background-color: #FAB585;
		}

/*		.item.naranja .bck-table td,
		.item.naranja .bck-table th {
			border: 1px solid #FAB585;
		}

		.item.naranja .bck-td {
			background-color: #FED8BC;
		}

		.item.naranja .bck-td2 {
			background-color: #FDF0E4;
		}*/
	/**/

	/* Seccion verde */
		.content_type_clase_donostiarra #actividad .item.verde .header .title h3 .index,
		.item.verde .bck-title0,
		.item.verde .bck-title2:before,
		.item.verde .texto_curso .bck-ul-square li:before,
		.item.verde .workspace ul li .bck-ul-square li:before,
		.item.verde .cke_contents .bck-ul-square li:before {
			background-color: #5E9732;
		}

		.item.verde .bck-title1,
		.item.verde .bck-title3 {
		    background-color: #96B977;
		}

/*		.item.verde .bck-table td,
		.item.verde .bck-table th {
			border: 1px solid #95BA77;
		}

		.item.verde .bck-td {
			background-color: #C6D8B4;
		}*/
	/**/
/**/

.content_type_clase_donostiarra #actividad .player.audio{
	background-image: url(icons/icon_audio.png);
	background-size: contain;
	border-radius: 0;
    background-position: 0;
    background-color: transparent;
}


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

	#actividad .slide-concatenate .class_slide {
	    padding-bottom: 0;
    	padding-top: 0;
	}

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

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

	#actividad .slide-concatenate .class_slide {
	    padding-bottom: 0;
    	padding-top: 0;
	}
}