/* General */

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

	/* Fonts */

    @font-face {
      font-family: DanteMT;
      src: url(fonts/DanteMT.otf);
    }

    @font-face {
      font-family: DanteMT-italic;
      src: url(fonts/DanteMTStd-Italic.otf);
    }

    @font-face {
      font-family: Gotham;
      src: url(fonts/GothamCondensedMedium.otf);
    }

   	@font-face {
      font-family: Archer;
      src: url(fonts/Archer-Medium.otf);
    }

    @font-face {
      font-family: CandyScript;
      src: url(fonts/CandyScript.ttf);
    }

    @font-face {
      font-family: Monofonto;
      src: url(fonts/MonofontoRegular.ttf);
    }

    @font-face {
      font-family: Gelato;
      src: url(fonts/GelatoScript.otf);
    }

    @font-face {
      font-family: Knockout70;
      src: url(fonts/Knockout-HTF70-FullWelterwt.otf);
    }

	@font-face {
      font-family: Knockout71;
      src: url(fonts/Knockout-HTF71-FullMiddlewt.otf);
    }

    @font-face {
      font-family: LibelSuit;
      src: url(fonts/LibelSuit.ttf);
    }

    @font-face {
      font-family: Intro-Black-Inline;
      src: url(fonts/Intro-Black-Inline.otf);
    }

    @font-face {
      font-family: StardosStencil;
      src: url(fonts/StardosStencil-Regular.ttf);
    }



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

	.content_type_clase_eli #actividad {
		margin-bottom: 0px;
		-webkit-transform: none;
		-webkit-transform-style: flat;
	}
	#actividad .info-button.only-teacher, .info-template .info-title.only-teacher {
		border: 0px;
	}
	
	#actividad .info-button {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -20px 5px;
    -webkit-box-shadow: 0 0 2px #555;
    -moz-box-shadow: 0 0 2px #555;
    box-shadow: 0 0 2px #555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #AE6075;
    color: #e5e5e5;
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 0 0.5px #5E0404;
	box-shadow: 0 1px 0 0.5px #5E0404;
}

#actividad .info-button:hover {
    background: #945263;
    color: #e5e5e5;
    -webkit-box-shadow: 0px 0px 0px 0px #5E0404;
	box-shadow: 0px 0px 0px 0px #5E0404;
}

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

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

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

	.content_type_clase_eli #actividad .content .header .title h3 {
    	font-family: DanteMT-italic;
    	font-size: 5rem;
    	font-weight: 500;
    	color: #e65a53;
    	display: block;
    	padding: 20px 20px 20px 0px;
    	margin-top: 0px;
    	margin-bottom: 20px;
	}

	.content_type_clase_eli #actividad .content .header .title h3 span {
		display: block;
		font-size:2.2rem;
		font-weight: 400;
	}

	.content_type_clase_eli #actividad .texto_curso,
	.content_type_clase_eli #actividad .slide_content_type_1 .pregunta .texto_curso {
		font-size: 2rem;
	}

	.content_type_clase_eli .slide_main input {
    	color: #555;
    	background-color: #fff;
    	background-image: none;
    	margin-bottom: 3px;
    	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;
	}

	.slide_main input, .slide_main .img-input-container {
    	border: 1px solid transparent;
    	border-bottom-color: #CCC;
    	background-color: #f7f7f7;
    	height: 1.5em;
    	padding: 0 6px;
    	max-width: 100%;
	}

	.texto_curso input {
    	margin: 0px 2px;
	}
    #actividad .class_slide:not(.slide_content_type_35),
	#actividad .class_slide:not(.slide_content_type_29) {
    	padding: 40px 120px 0px;
   	    font-family: DanteMT;
   	    text-align: justify;
	}

	.content_type_clase_eli .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_eli .slide_main input:focus {
    border-top-color: #ef511a99;
    border-right-color: #ef511a99;
    border-bottom-color: #ef511a99;
    border-left-color: #ef511a99;
    outline-width: 0px;
    outline-style: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(239, 81, 26, 0.2);
	}

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

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

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

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

/* Navigators */
	.navigator .slider-control.left,
	.navigator .slider-control.right {
		display: none;
	}
	.navigator .slider-control.left:before,
	.navigator .slider-control.right:after {
		display: none;
	}

	.navigator .slider-control.left {
		padding-left: 58px;
	}
	.navigator .slider-control.right {
		left: 0;
		padding-right: 58px;
	}
/**/

/* Navbar (Breadcums) */

	.content_type_clase_eli .publisher-navbar {
		position: fixed;
		top: 44px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #009ba4 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#009ba4 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#009ba4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#009ba4',GradientType=1 );
		width: 100%;
		left: 0;
		height: 58px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 0 9px;
	}
    .tmpux.content_type_clase_eli .publisher-navbar {
		position: fixed;
		top: 0;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #009ba4 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#009ba4 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#009ba4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#009ba4',GradientType=1 );
		width: 100%;
		left: 0;
		height: 58px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 0 9px;
	}

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

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

	.content_type_clase_eli .logo-publisher {
		display: block;
		margin-left: -48px;
	}
	.content_type_clase_eli .logo-publisher {
		content: " ";
		background-image: url(images/logo-eng.png)!important;
		height: 36px;
		background-repeat: no-repeat;
		width: 100px;
		margin-left: -100px;
		margin-right: 60px;
		float: left;
		background-size: contain;
	}

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


	.content_type_clase_eli .publisher-navbar .dropdown button, .content_type_clase_eli .publisher-navbar li {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #ffffff;
    vertical-align: middle;
    margin: 0px 5px;
    text-indent: 0px;
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    background: transparent;
    border-radius: 0px;
    border-right: 3px solid #fff;
	}


	.content_type_clase_eli .publisher-navbar .dropdown button {
		display: none;
	}

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

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

	.content_type_clase_eli .slider-indicators li.active, .content_type_clase_eli .publisher-navbar li:hover {
		opacity: 1;
		background: transparent;
	}

	.slider-indicators li.active, .content_type_clase_eli .publisher-navbar li:hover {
    opacity: 1;
    border-right: 3px solid #009ba4 !important;

	}

	.content_type_clase_eli .publisher-navbar #top-navigator {
		float: none;
		margin-top: 10px;
		display: block;
	}

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

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

	/*
	.content_type_clase_eli .publisher-navbar .dropdown button {
		border: none;
	}
	*/

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

	.content_type_clase_eli .publisher-navbar .dropdown li {
		display: list-item;
		width: auto;
		background: none;
	}

	.content_type_clase_eli .publisher-navbar .dropdown li a {
		color: #000000;
   	 font-family: 'Raleway', Georgia, serif;
   	 font-size: medium;
	}

	.content_type_clase_eli .publisher-navbar .dropdown .caret {
		border-color: #000000 transparent transparent transparent;
		margin-left: 6px;

	}
/**/

/*TOC*/

#indice .unit-content .header {
    background-image: url(images/portadilla-eli.jpg)!important;
}

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

#indice .units ul li {
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 1px;
    border-radius: 0px;
    cursor: pointer;
}

#indice .units ul li.active:not(.disabled), body:not(.isTablet) #indice .units ul li:hover:not(.disabled), #indice .units ul li:focus:not(.disabled) {
    border-left: 10px solid #fff;
    background: #009ba4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover, a:active, a:focus {
    color: #FFE01C; 
    font-weight: 700;
}

#indice .unit-content {
    border-radius: 0px;
    border: 1px solid #e0dfdf;
}

#indice .unit-content .actividades .item .title {
    font-weight: 400;
}

body:not(.isTablet) #indice .units ul li:not(.disabled) a:hover .title, body:not(.isTablet) #indice .units ul li.active:not(.disabled) a .title {
    font-weight: 900;
    text-transform: none;
    font-size: 2rem;
}

#indice .units ul li a .title {
    color: #fff;
    text-transform: none;
    font-weight: 100;
}

#indice .unit-content .header .title {
    font-family: Gotham;
    color: #009ba4;
    text-transform: none;
    font-weight: 800;
    font-size: 30px;
    float: left;
    height: 60px;
    line-height: 23px;
    margin: 15px 140px 20px 17px;
    z-index: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



	.btn {
		font-size: 16px;
	}

.content_type_clase_sm_activities .btn-primary, .btn-primary.disabled, .btn-primary.disabled:focus {
    margin-top: 0px;
    background-color: #009ba4;
    border-radius: 0px;
}


/* Pagination */

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

#actividad .workspace label {
	font-size: 20px;
}



/*memory*/

.workspace.memory .front {
    background: url(/useruploads/r/a/91113120/activity_other_imported/cover_memory2.png) center center / 120px auto no-repeat !important;
}

.memory .bck-i-fullscreen-wrapper {
    margin-left: -20px;
    width: 150px;
    padding: 0px;
}

#actividad .memory .box p {
    display: block;
    margin-top: 0px;
   margin-left: -8px;
}

#actividad .workspace.memory .box {
    padding: 0px !important;
}

#actividad .workspace.memory .opcion img {
    margin-left: -8px !important;
    max-width: 136px;
    max-height: 136px !important;;
}
/*fin memory*/

/*CRUCIGRAMA*/

.content .crucigrama ol li:before, .cke_contents ol li:before {
    content: counter(bck-li-counter)'';
    margin-left: -20px;
}

.slide.crosswords-puzzle .enunciados {
    width: 300px;
    padding: 10px;
}


/* Iconos */

#actividad .player.audio {
	background: url(images/logo-eli-audio.png) 0 0 no-repeat;
	background-size: contain;
}

#actividad .player.video {
	background: url(images/logo-eli-audio.png) 0 0 no-repeat;
}

/*negrita*/
b, strong {
	color: inherit;
    font-weight: bold;
}


/* CKEDITOR */

/*TITULOS*/

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

	.bck-title2 {
		color: #6099b9;
    	border-bottom: 10px solid #fff;
	}

	/*Tit Actividades*/
	.bck-title4 {
    font-family: Gotham;
    font-size: 3rem;
    letter-spacing: 0.5px;
    color: #F1592A;
    font-weight: bold;
    border-bottom: 13px double #F1592A;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

	/*Tit Actividades 2*/
	.bck-title5 {
    font-family: Gotham;
    font-size: 3.5rem;
    padding-bottom: 5px;
    font-weight: 100;
    color: #6099B9;
    border-bottom: 12px solid #fff;
}

/*Tit LovingLondon*/
	.bck-title6 {
    font-size: 26px;
    font-family: Monofonto;
    text-decoration: underline;
    text-decoration-color: #cf041c;
	}

/*Tit-BLANCO-LovingLondon*/
	.bck-title7 {
	color: #FFF;
    font-size: 26px;
    font-family: Monofonto;
    text-decoration: underline;
    text-decoration-color: #fff;
	}

	/*Tit-NewYork*/
	.bck-title8 {
		color: #FFF;
		font-family: sans-serif;
		background-color: #3B57A7;
		font-weight: 700;
		width: fit-content;
		border-radius: 0px 10px 10px 0px;
		margin-left: -120px;
		padding-right: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 120px;
	}
    .slide_content_type_35  .bck-title8,
	.slide_content_type_29  .bck-title8 {
		margin-left: -97px;
	}

/*TitActivid-NewY*/
	.bck-title9 {
    color: #FFF;
    font-family: sans-serif;
    background-color: #949599;
    font-weight: 700;
    border-radius: 0px 10px 10px 0px;
    margin-left: -120px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 120px;
}

/*Tit-rojo*/
.bck-title10 {
	font-size: 24px;
    color: #EE1C25;
    font-weight: bold;
    font-family: Knockout71;
}

/*Tit-blanco*/
.bck-title11 {
	font-size: 24px;
    color: #FFF;
    font-weight: bold;
}

/*Tit-negro*/
.bck-title12 {
	font-size: 24px;
    color: #231F20;
    font-weight: bold;
}

/*Tit-festivalsArefun*/
.bck-title13 {
	font-family: StardosStencil;
	font-size: 24px;
    color: #231F20;
}

/*Tit-festi-subrayado*/
.bck-title15 {
    font-family: StardosStencil;
    font-size: 24px;
    padding-bottom: 3px;
    border-bottom: 3px solid #231f20;
}

/*Tit-festiv-Blanco*/
.bck-title14 {
	font-family: StardosStencil;
	font-size: 24px;
    color: #FFF;
}

/*Tit-Scotland*/
.bck-title16 {
	font-family: Intro-Black-Inline;
    font-size: 3.5rem;
    text-align: center;
    font-weight: 500;
    width: fit-content;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    height: 55px;
    background: #41515de0;
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px 20px;
    border: 2px #fff;
    border-style: none dotted;
    margin: auto;
    z-index: 1000;
    margin-top: 25px;
}

.bck-title16:before {
	content: '';
    position: absolute;
    display: block;
    width: 300px;
    height: auto;
    padding: 30px;
    background-color: #41515df0;
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
    right: -40px;
    top: -20px;
    border: 2px #fff;
    border-style: none dotted none none;
}

	/*ENFASIS*/

	.content hr,
	.cke_contents hr {
    	border-top: 8px solid #1BBCB9;
   		border-color: #1BBCB9;
	}


	.bck-enfasis2 {
		color: #18a19a;
   		font-weight: 900;
	}

	.bck-enfasis3 {
		color: #00577F;
	}

	.bck-enfasis4 {
		color: #F1592A;
	}

	.bck-enfasis5 {
		color: #cf041c;
	}

	/*FONTS enfasis*/
	.bck-enfasis6 {
		font-size: 2rem;
		font-family: Monofonto;
		letter-spacing: 1px;
	}

	.bck-enfasis9 {
		font-size: 2rem;
		font-family: Gelato;
		letter-spacing: 1px;
	}

	.bck-enfasis10 {
		font-family: arial,helvetica,sans-serif;
    	letter-spacing: -0.5px;
    	font-size: 1.8rem;
    	font-weight: 600;
	}

	/*Circulo Titulo New york*/
	.bck-enfasis7 {
    background-color: #3B57A7;
    width: 45px;
    height: auto;
    display: block;
    border-radius: 50%;
    padding: 0px;
    text-align: center;
	}

	/*FondoAzul*/
	.bck-enfasis8 {
    background-color: #0174BB;
    padding: 4px 2px;
    color: #fff;
    font-size: 2.2rem;
	}



	/*TOOLTIP*/
	.bck-tooltip {
    text-decoration: inherit;
    color: #18a19a;
    font-weight: 900;
	}

	/*LISTAS ORDENADAS*/

	.content ol li:before,
	.cke_contents ol li:before {
		content: counter(bck-li-counter)'';
    position: absolute;
    margin-left: -25px;
    font-weight: bold;
    font-size: 2.0rem;
    margin-top: -1px;
    width: 18px;
    text-align: right;
    	
	}

	#actividad .workspace.matching .box li {
		padding-bottom: 10px;
    	margin-top: 8%;
    	padding: 3px;
	}

	#actividad .workspace.matching .opcion {
    overflow: hidden;
    min-height: 2.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f1592aa3;
    margin: 2px 0;
    padding: 5px;
    width: 100%;
    float: left;
	}


	#actividad .workspace.matching .box li:before {
    margin-top: -6px;
	}

	/*LISTA NumeroNaranja*/
	#actividad .content .cke_contents .bck-ol-1,
	#actividad .content .texto_curso .bck-ol-1,
	#actividad .content .workspace ul li .bck-ol-1 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    margin-left: 20px;
	}

	#actividad .content .cke_contents .bck-ol-1 li,
	#actividad .content .cke_contents .bck-ol-1 li,
	#actividad .content .texto_curso .bck-ol-1 li,
	#actividad .popover-content .bck-ol-1 li,
	#actividad .content .workspace ul li .bck-ol-1 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    font-weight: 900;
    margin-left: 0px;
    margin-top: 10px;
    color: #00577F;
}


	#actividad .content .cke_contents .bck-ol-1 li:before,
	#actividad .content .texto_curso .bck-ol-1 li:before,
	#actividad .popover-content .bck-ol-1 li:before,
	#actividad .content .workspace ul li .bck-ol-1 li:before {
    content: counter(bck-li-counter);
    width: 32px;
    height: auto;
    position: absolute;
    color: #ef511a;
    margin-left: -35px;
    margin-right: 0px;
    text-align: center;
    font-size: 3.5rem;
    font-weight: bold;
    margin-top: -3px;
}


	/*LISTA Letra*/
#actividad .content .cke_contents .bck-ol-2,
#actividad .content .texto_curso .bck-ol-2,
#actividad .content .workspace ul li .bck-ol-2 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    margin-left: 20px;
}

#actividad .content .cke_contents .bck-ol-2 li,
#actividad .content .cke_contents .bck-ol-2 li,
#actividad .content .texto_curso .bck-ol-2 li,
#actividad .popover-content .bck-ol-2 li,
#actividad .content .workspace ul li .bck-ol-2 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 20px;
    font-size: 2rem;
}

#actividad .content .cke_contents .bck-ol-2 li:before,
#actividad .content .texto_curso ol.bck-ol-2 li:before,
#actividad .popover-content ol.bck-ol-2 li:before,
#actividad .content .workspace ul li ol.bck-ol-2 li:before {
    content: counter(bck-li-counter, upper-alpha)" ";
    font-size: 2.5rem;
    position: absolute;
    text-align: center;
    color: #0d5da2;
    margin-left: -25px;
    line-height: normal;
    font-weight: bold;
}

	/*LISTA Letra-minus*/
#actividad .content .cke_contents .bck-ol-4,
#actividad .content .texto_curso .bck-ol-4,
#actividad .content .workspace ul li .bck-ol-4 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    margin-left: 20px;
}

#actividad .content .cke_contents .bck-ol-4 li,
#actividad .content .cke_contents .bck-ol-4 li,
#actividad .content .texto_curso .bck-ol-4 li,
#actividad .popover-content .bck-ol-4 li,
#actividad .content .workspace ul li .bck-ol-4 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 20px;
    font-size: 2rem;
}

#actividad .content .cke_contents .bck-ol-4 li:before,
#actividad .content .texto_curso ol.bck-ol-4 li:before,
#actividad .popover-content ol.bck-ol-4 li:before,
#actividad .content .workspace ul li ol.bck-ol-4 li:before {
    content: counter(bck-li-counter, lower-alpha)" ";
    font-size: 2.5rem;
    position: absolute;
    text-align: center;
    color: #0d5da2;
    margin-left: -25px;
    line-height: normal;
    font-weight: bold;
    margin-top: -2px;
}

	/*LISTA Numero*/
#actividad .content .cke_contents .bck-ol-3,
#actividad .content .texto_curso .bck-ol-3,
#actividad .content .workspace ul li .bck-ol-3 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    margin-left: 20px;
}

#actividad .content .cke_contents .bck-ol-3 li,
#actividad .content .cke_contents .bck-ol-3 li,
#actividad .content .texto_curso .bck-ol-3 li,
#actividad .popover-content .bck-ol-3 li,
#actividad .content .workspace ul li .bck-ol-3 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 0px;
    margin-left: 20px;
    font-size: 2rem;
}

#actividad .content .cke_contents .bck-ol-3 li:before,
#actividad .content .texto_curso ol.bck-ol-3 li:before,
#actividad .popover-content ol.bck-ol-3 li:before,
#actividad .content .workspace ul li ol.bck-ol-3 li:before {
    content: counter(bck-li-counter);
    position: absolute;
    font-size: 2.5rem;
    width: 30px;
    height: auto;
    text-align: right;
    color: #0d5da2;
    line-height: normal;
    margin-left: -38px;
    line-height: unset;
    font-weight: bold;
    margin-top: -1px;
}


/*LISTA Circu-rojo*/
#actividad .content .cke_contents .bck-ol-5,
#actividad .content .texto_curso .bck-ol-5,
#actividad .content .workspace ul li .bck-ol-5 {
   list-style-type: none;
   counter-reset: bck-li-counter;
}

#actividad .content .cke_contents .bck-ol-5 li,
#actividad .content .cke_contents .bck-ol-5 li,
#actividad .content .texto_curso .bck-ol-5 li,
#actividad .popover-content .bck-ol-5 li,
#actividad .content .workspace ul li .bck-ol-5 li {
   counter-increment: bck-li-counter;
   padding-left: 10px;
   position: relative;
   z-index: 0;
   font-weight: 700;
   margin-left: 0px;
   margin-top: 10px;
   font-size: 2rem;
}


#actividad .content .cke_contents .bck-ol-5 li:before,
#actividad .content .texto_curso .bck-ol-5 li:before,
#actividad .popover-content .bck-ol-5 li:before,
#actividad .content .workspace ul li .bck-ol-5 li:before {
    content: counter(bck-li-counter);
    width: 28px;
    height: auto;
    position: absolute;
    color: #ffffff;
    background: #D2232B;
    margin-left: -32px;
    margin-right: 0px;
    border-radius: 100%;
    text-align: center;
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
}

	/*LISTAS DESORDENADAS*/

	.texto_curso ul li:before,
	.workspace ul li ul li:before,
	.cke_contents ul li:before {
    background-color: #231F20;
    height: 1.5px;
    width: 8px;
    margin-top: 15px;
    border-radius: 0px;
}


	/*CAJAS*/

	.bck-box.box-1 {
		border: 0px;
    	background: #000;
    	padding: 25px;
    	position: relative;
    	margin-top: 0px;
    	border-radius: 0px;
	}


	.bck-box.bck-box-4 {
    margin-top: 10px;
	}

	.bck-box-4 .bck-title {  
	}

	.bck-box.bck-box-4 .bck-content {
    padding: 5px;
    border: 4px solid #ef511a;
    text-align: center;
	}

	.bck-box.bck-box-4 p {
	margin-bottom: 2px;
	}

	/*Caja 5 - CajaNaranja*/
	.bck-box.bck-box-5 {
    	background-color: #F1592A;
	}

	.bck-box-5 .bck-title {  
		color: #FFF;
		font-size: 2.5rem;
		font-weight: 700;
	}

	.bck-box.bck-box-5 .bck-content {
    padding: 10px;
    border: 0px;
    color: #FFF;
	}

	/*Caja 6 - CajaAzul*/
	.bck-box.bck-box-6 {
    	background-color: #00577F;
	}

	.bck-box-6 .bck-title {  
		color: #FFF;
		font-size: 2.5rem;
		font-weight: 700;
	}

	.bck-box.bck-box-6 .bck-content {
    padding: 10px;
    border: 0px;
    color: #FFF;
	}

	/*Caja 7 - CajaBlanca*/
	.bck-box.bck-box-7 {
    	background-color: #FFF;
    	margin-bottom: 0px;
	}

	.bck-box.bck-box-7 .bck-content {
    padding: 10px;
    border: 2px double #FFF;
	}

	/*Caja 8 - CajaNegra*/
	.bck-box.bck-box-8 {
   		margin-left: auto;
    	padding: 15px 15px;
    	margin-right: auto;
   		color: #fff;
    	background: #000;  	
	}

	/*Caja 9 - CajaRojaBordes*/
	.bck-box.bck-box-9 {
    margin-left: auto;
    padding: 15px 15px;
    margin-right: auto;
    color: #fff;
    background: #D41F27;
    box-shadow: 0 0 0 5px #FFF, 0 0 0 8px #D41F27, 0 0 0 0px #444, 0 0 0 0px #000;
    -moz-box-shadow: 0 0 0 5px #FFF, 0 0 0 8px #D41F27, 0 0 0 0px #444, 0 0 0 0px #000;
    -webkit-box-shadow: 0 0 0 5px #FFF, 0 0 0 8px #D41F27, 0 0 0 0px #444, 0 0 0 0px #000;
	}

	/*Caja 10 - CajaNEWyork*/
	.bck-box.bck-box-10 {
    	background-color: #000;
    	color: #fff;
    	font-family: helvetica;
    	font-weight: 700;
    	font-size: 32px;
    	margin-top: -60px;
    	width: 100%;
    	margin-left: -20px;
    	height: auto;
    	padding: 20px;
	}

	.bck-box.bck-box-10 .bck-content {
    border: 0px;
	}

	/*Caja 11 - CajaPuntosAzul*/
	.bck-box.bck-box-11 {
    	border: 6px dotted #1B69B2;
    padding: 15px 20px 5px 20px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 12 - CajaPuntosNegro*/
	.bck-box.bck-box-12 {
    	border: 6px dotted #231F20;
    padding: 15px 20px 5px 20px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 13 - CajaPuntosblanco*/
	.bck-box.bck-box-13 {
    	border: 6px dotted #FFF;
    padding: 15px 20px 5px 20px;
    background-color: #ffffff00;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 14 - CajaPuntosRojo*/
	.bck-box.bck-box-14 {
    	border: 6px dotted #AF292F;
    padding: 15px 20px 5px 20px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 15 - CajaPuntosVerde*/
	.bck-box.bck-box-15 {
    	border: 6px dotted #8CC63F;
    padding: 15px 20px 5px 20px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 16 - CajaPuntosNaranja*/
	.bck-box.bck-box-16 {
    	border: 6px dotted #F7941D;
    padding: 15px 20px 5px 20px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
	}

	/*Caja 17 - CajaJapon1*/
	.bck-box.bck-box-17 {
    	
	}

	.bck-box-17 .bck-title {  
		font-size: 2.5rem;
    	margin-bottom: -52px;
    	padding: 10px 20px 0px 15px;
    	border-radius: 0px 0px 10px;
    	background: #fff;
    	width: fit-content;
    	height: auto;
    	position: relative;
    	color: #F06685;
    	font-weight: 700;
	}

	.bck-box.bck-box-17 .bck-content {
    	padding: 15px;
    	padding-top: 45px;
    	text-align: left;
   		border-radius: 20px;
    	background-color: #FCDEE0;
	}

	/*Caja 18 - CajaJapon2*/
	.bck-box.bck-box-18 {
    	
	}

	.bck-box-18 .bck-title {  
		font-size: 2.5rem;
    	margin-bottom: -52px;
    	padding: 10px 20px 0px 15px;
    	border-radius: 0px 0px 10px;
    	background: #fff;
    	width: fit-content;
    	height: auto;
    	position: relative;
    	color: #FCB12B;
    	font-weight: 700;
	}

	.bck-box.bck-box-18 .bck-content {
    	padding: 15px;
    	padding-top: 45px;
    	text-align: left;
   		border-radius: 20px;
    	background-color: #FEE5BC;
	}


	/*Caja 19 - CajaJapon3*/
	.bck-box.bck-box-19 {
    	
	}

	.bck-box-19 .bck-title {  
		font-size: 2.5rem;
    	margin-bottom: -52px;
    	padding: 10px 20px 0px 15px;
    	border-radius: 0px 0px 10px;
    	background: #fff;
    	width: fit-content;
    	height: auto;
    	position: relative;
    	color: #00B0A2;
    	font-weight: 700;
	}

	.bck-box.bck-box-19 .bck-content {
    	padding: 15px;
    	padding-top: 45px;
    	text-align: left;
   		border-radius: 20px;
    	background-color: #D0EBE8;
	}

	/*Caja 20 - CajaJapon4*/
	.bck-box.bck-box-20 {
    	
	}

	.bck-box-20 .bck-title {  
		font-size: 2.5rem;
    	margin-bottom: -52px;
    	padding: 10px 20px 0px 15px;
    	border-radius: 0px 0px 10px;
    	background: #fff;
    	width: fit-content;
    	height: auto;
    	position: relative;
    	color: #98276B;
    	font-weight: 700;
	}

	.bck-box.bck-box-20 .bck-content {
    	padding: 15px;
    	padding-top: 45px;
    	text-align: left;
   		border-radius: 20px;
    	background-color: #E2CBD6;
	}

	/*Caja 21 - CajaJapon5*/
	.bck-box.bck-box-21 {
    	
	}

	.bck-box-21 .bck-title {  
		font-size: 2.5rem;
    	margin-bottom: -52px;
    	padding: 10px 20px 0px 15px;
    	border-radius: 0px 0px 10px;
    	background: #fff;
    	width: fit-content;
    	height: auto;
    	position: relative;
    	color: #005780;
    	font-weight: 700;
	}

	.bck-box.bck-box-21 .bck-content {
    	padding: 15px;
    	padding-top: 45px;
    	text-align: left;
   		border-radius: 20px;
    	background-color: #97BBD3;
	}



	/*Caja 22 - CajaBordesScotland*/
	.bck-box.bck-box-22 {
    background-color: #e6e6e76e;
    border-style: solid;
    border-width: 0px 6px 0px 5px;
    -moz-border-image: url(images/borde-caja-scotland-gris2.png) 5 8 4 5 repeat repeat;
    -webkit-border-image: url(images/borde-caja-scotland-gris2.png) 5 8 4 5 repeat repeat;
    -o-border-image: url(images/borde-caja-scotland-gris2.png) 5 8 4 5 repeat repeat;
    border-image: url(images/borde-caja-scotland-gris2.png) 5 8 4 5 repeat repeat;
}

	.bck-box-22 .bck-title {  
		
	}

	.bck-box.bck-box-22 .bck-content {
    	padding: 10px 15px;
    	text-align: left;
    	background-color: #e6e6e7d4;
	}



	#iframe_div.scorm {
    width: 95% ! important;
    height: 95% ! important;
    top: 3% ! important;
    left: 3% ! important;
    background-color: #CCCCCC;
	}


/*pop-up*/

.info-template .info-title {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    color: #ffffff;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    cursor: pointer;
}

.info-template .info-icon {
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    -webkit-box-shadow: 0 0 2px #555;
    -moz-box-shadow: 0 0 2px #555;
    box-shadow: 0 0 2px #555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #0c98a0;
    background: #fff;
    color: #019ba4;
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.info-template.shown {
    background: #fff;
    background: -moz-linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    background: -webkit-linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    background: -webkit-linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    background: -moz-linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    background: -o-linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    background: linear-gradient(135deg,#029ca5 0,#14a3ab 100%);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.info-template {
    position: fixed;
    top: 117px;
    right: 0;
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%);
    z-index: 1000;
    width: 100px;
    height: auto;
    -webkit-box-shadow: 0 0 2px #555;
    -moz-box-shadow: 0 0 2px #555;
    box-shadow: 0 0 2px #555;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding: 15px 5px 0;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.info-template:hover {
	width: 115px;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.info-popover .popover-title:before, .popover-template .popover-title:before {
    content: '\f040';
    position: absolute;
    top: 7px;
    left: 13px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #029ca5;
    font-family: 'FontAwesome';
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}

.info-popover .popover-title, .popover-template .popover-title {
	color: #029ca5;
}

.popover-template .popover-content {
	    font-size: 2rem;
}





/*----------------------------Secciones--------------------------------*/

/*Colores por secciones del titulo y enfasis libro New York*/

.colorrojo .bck-enfasis7 {
    background-color: #D94B2C;
}

.colorrojo .bck-title8 {
    background-color: #D94B2C;
}

.colorrojo2 .bck-enfasis7 {
    background-color: #fff;
    color: #D94B2C;
}

.colorrojo2 .bck-title8 {
    background-color: #D94B2C;
}

.colorrojo2 .bck-box.bck-box-10 {
    background-color: #D94B2C;
}

.colorverde .bck-enfasis7 {
    background-color: #25753A;
}

.colorverde .bck-title8 {
    background-color: #25753A;
}

.coloramarillo .bck-enfasis7 {
    background-color: #D5A639;
}

.coloramarillo .bck-title8 {
    background-color: #D5A639;
}

.coloramarillo2 .bck-enfasis7 {
    background-color: #fff;
    color: #D5A639;
}

.coloramarillo2 .bck-title8 {
    background-color: #D5A639;
}

.coloramarillo2 .bck-box.bck-box-10 {
    background-color: #D5A639;
}

.colormorado .bck-enfasis7 {
    background-color: #632F7C;
}

.colormorado .bck-title8 {
    background-color: #632F7C;
}

.colorturquesa2 .bck-enfasis7 {
    background-color: #fff;
    color: #18A79D;
}

.colorturquesa2 .bck-title8 {
    background-color: #18A79D;
}

.colorturquesa2 .bck-box.bck-box-10 {
    background-color: #18A79D;
}

.colorturquesa .bck-enfasis7 {
    background-color: #18A79D;
}

.colorturquesa .bck-title8 {
    background-color: #18A79D;
}

.colorverdeclaro .bck-enfasis7 {
    background-color: #71BF44;
}

.colorverdeclaro .bck-title8 {
    background-color: #71BF44;
}

.colorgris .bck-enfasis7 {
    background-color: #818284;
}

.colorgris .bck-title8 {
    background-color: #818284;
}

/*--------------------secciones Tit-Scotland-----------------------------*/

.aboutscotland .bck-title16 {
	background: #bfc9e2d4;
    color: #2464AF;
}

.aboutscotland .bck-title16:before {
	background-color: #bfc9e2d4;
}

.bagpipes .bck-title16 {
	background: #BDA07Ed4;
    color: #FFF;
}

.bagpipes .bck-title16:before {
	background-color: #BDA07Ed4;
	width: 200px;
}

.castles .bck-title16 {
	background: #3B3C40d4;
    color: #FFF;
}

.castles .bck-title16:before {
	background-color: #3B3C40d4;
	width: 208px;
}

.dollythesheep .bck-title16 {
	background: #47663Ed4;
    color: #FFF;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.dollythesheep .bck-title16:before {
	background-color: #47663Ed4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 345px;
}

.edinburgh .bck-title16 {
	background: #DECDC1d4;
    color: #433725;
}

.edinburgh .bck-title16:before {
	background-color: #DECDC1d4;
	width: 200px;
}

.food .bck-title16 {
	background: #F79520d4;
    color: #FFF;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.food .bck-title16:before {
	background-color: #F79520d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.gaelic .bck-title16 {
	background: #1881C1d4;
    color: #FFF;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.gaelic .bck-title16:before {
	background-color: #1881C1d4;
	width: 185px;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.highlandgames .bck-title16 {
	background: #C3CBE6d4;
    color: #231F20;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    padding: 10px 30px;
}

.highlandgames .bck-title16:before {
	background-color: #C3CBE6d4;
	-moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    width: 345px;
}

.interestingplaces .bck-title16 {
	background: #E5CEBDd4;
    color: #653F16;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.interestingplaces .bck-title16:before {
	background-color: #E5CEBDd4;
	-moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 360px;
}

.glasgow .bck-title16 {
	background: #E5CFBEd4;
    color: #231F20;
}

.glasgow .bck-title16:before {
	background-color: #E5CFBEd4;
	width: 350px;
}

.kiltsandtartan .bck-title16 {
	background: #B23233d4;
    color: #FFF;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.kiltsandtartan .bck-title16:before {
	background-color: #B23233d4;
	-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    width: 300px;
}

.landscapeandnature .bck-title16 {
	background: #8EC640d4;
    color: #fff;
}

.landscapeandnature .bck-title16:before {
	background-color: #8EC640d4;
	width: 400px;
	border-style: none none none dotted;
	right: 60px;
    top: -15px;
}

.music .bck-title16 {
	background: #ECC714d4;
    color: #231F20;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.music .bck-title16:before {
	background-color: #ECC714d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.nessie .bck-title16:before {
	width: 200px;
}

.orkney .bck-title16 {
	background: #E4CEBEd4;
    color: #231F20;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.orkney .bck-title16:before {
	background-color: #E4CEBEd4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.puffinsandanimals .bck-title16 {
	background: #115CA8d4;
    color: #FFF;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.puffinsandanimals .bck-title16:before {
	background-color: #115CA8d4;
	-moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 390px;
}

.queens .bck-title16 {
	background: #F79520d4;
    color: #231F20;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.queens .bck-title16:before {
	background-color: #F79520d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.rosslynchapel .bck-title16 {
	background: #262324d4;
    color: #FFF;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.rosslynchapel .bck-title16:before {
	background-color: #262324d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 300px;
}

.sport .bck-title16 {
	background: #E5CDBBd4;
    color: #231F20;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.sport .bck-title16:before {
	background-color: #E5CDBBd4;
	-moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 175px;
}

.thistle .bck-title16 {
	background: #A13892d4;
    color: #FFF;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.thistle .bck-title16:before {
	background-color: #A13892d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.unicorn .bck-title16 {
	background: #E4CDBCd4;
    color: #231F20;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.unicorn .bck-title16:before {
	background-color: #E4CDBCd4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 200px;
}

.visitingmuseums .bck-title16 {
	background: #76634Ad4;
    color: #FFF;
    padding: 10px 30px;
}

.visitingmuseums .bck-title16:before {
	background-color: #76634Ad4;
}

.writersandpoets .bck-title16 {
	background: #262223d4;
    color: #FFF;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    padding: 10px 30px;
}

.writersandpoets .bck-title16:before {
	background-color: #262223d4;
	-moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 260px;
}

.xsaltire .bck-title16 {
	background: #FEEE04d4;
    color: #231F20;
    padding: 10px 30px;
}

.xsaltire .bck-title16:before {
	background-color: #FEEE04d4;
	width: 365px;
}

.yearlyfestivals .bck-title16 {
	background: #E23D45d4;
    color: #FFF;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.yearlyfestivals .bck-title16:before {
	background-color: #E23D45d4;
	-moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 220px;
}

.worldwarz .bck-title16 {
	background: #373334d4;
    color: #FFF;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 10px 30px;
}

.worldwarz .bck-title16:before {
	background-color: #373334d4;
	-moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    right: -10px;
    width: 346px;
    top: 31px;
    border-style: none dotted none dotted;
}







/*Querys*/

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

.content ol li, .cke_contents ol li {
    counter-increment: bck-li-counter 1;
    position: relative;
    padding-left: 0px;
}

.bck-indent-1 {
    margin-left: 15px;
}

#actividad .carousel-inner .class_slide {
    padding: 10px 5px 0px;
}

#actividad .workspace.chooseblanks .inline-answer a {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #cfcfcf;
    padding: 2px;
    margin: 0 2px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

#actividad .workspace.chooseblanks select {
    border: 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 3px;
}

.slide.crosswords-puzzle .enunciados {
    border: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: inline-block;
    width: 350px;
    padding: 1rem 3rem;
    line-height: 2.1rem;
}

.slide.crosswords-puzzle table.puzzle td {
    width: 15px;
    height: 15px;
}

a#boton_notes {
    display: none;
}
a#boton_borrador {
    display: none;
}

.bck-title16 {
	font-size: 2.6rem!important;
	height: 40px;
}
.bck-title16:before {
	padding: 23px;
	max-width: 250px!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;
    }

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

    /*logo*/
    .content_type_clase_eli .logo-publisher {
    content: " ";
    background-image: url(images/logo-eng.png)!important;
    height: 51px;
    background-repeat: no-repeat;
    width: 122px;
    margin-left: -112px;
    margin-right: 147px;
    margin-top: -8px;
    float: left;
    background-size: contain;
}
}


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

	.content_type_clase_eli #actividad .content .header .title h3 {
		margin-left: -30px;
		padding-left: 20px;
		padding-right: 50px;
	}
	.js-slide-wrapper > .header .single-pagination {
		right: 0;
		left: auto;
		border-radius: 0 0 0 120px;
		padding-left: 16px;
		padding-right: 2px;
	}
	.navigator {
		padding-left: 30px;
		padding-right: 30px;
        bottom: 0;
	}
	.content_type_clase_eli .publish {
		padding-left: 25px;
	}
	.content_type_clase_eli .logo-publisher {
		margin-left: -20px;
	}
    .ipad.isTablet .content-wrapper.actividad #actividad .carousel-inner .item-container,
    .isTablet .content-wrapper.actividad.tmpux_app #actividad .carousel-inner .item-container {
        height: 100%;
    }
}

@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%
    }
	.content_type_clase_eli .publisher-navbar {
		top: 88px;
	}

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

	#actividad .class_slide {
		text-align: justify;
	}


	.bck-title1, .bck-title2, .bck-title3, .bck-title4, .bck-title5 {
		text-align: left;
	}

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

#actividad .workspace label {
    font-size: 19px;
}

.body_curso #indice .unit-content .header .title {
    font-size: 20px;
    height: auto;
    line-height: 40px;
    margin: 0 0 0 20px;
    position: absolute;
    z-index: 2;
}

#indice .unit-content .header .title {
    font-family: Gotham;
    color: #ffffff;
    text-transform: none;
    font-weight: 500;
    font-size: 30px;
    float: left;
    height: 60px;
    line-height: 23px;
    margin: 15px 140px 20px 17px;
    z-index: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}

.content_type_clase_eli #actividad .texto_curso, .content_type_clase_eli #actividad .slide_content_type_1 .pregunta .texto_curso {
    font-size: 1.9rem;
}

.body_clase #actividad .carousel-inner .item-container {
    margin-top: 45px;
}

#actividad .content .cke_contents .bck-ol-2 li, #actividad .content .cke_contents .bck-ol-2 li, #actividad .content .texto_curso .bck-ol-2 li, #actividad .popover-content .bck-ol-2 li, #actividad .content .workspace ul li .bck-ol-2 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 5px;
    font-size: 1.9rem;
    text-align: left;
}

#actividad .content .cke_contents .bck-ol-3,
#actividad .content .texto_curso .bck-ol-3,
#actividad .content .workspace ul li .bck-ol-3 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    margin-left: 5px;
}

#actividad .content .cke_contents .bck-ol-3 li,
#actividad .content .cke_contents .bck-ol-3 li,
#actividad .content .texto_curso .bck-ol-3 li,
#actividad .popover-content .bck-ol-3 li,
#actividad .content .workspace ul li .bck-ol-3 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 0px;
    margin-left: 20px;
    font-size: 1.9rem;
    text-align: left;
}

#actividad .content .cke_contents .bck-ol-4 li,
#actividad .content .cke_contents .bck-ol-4 li,
#actividad .content .texto_curso .bck-ol-4 li,
#actividad .popover-content .bck-ol-4 li,
#actividad .content .workspace ul li .bck-ol-4 li {
    counter-increment: bck-li-counter;
    padding-left: 0px;
    position: relative;
    z-index: 0;
    margin-left: 5px;
    font-size: 1.9rem;
    text-align: left;
}

#actividad .workspace.matching .box li {
    padding-bottom: 0px;
    margin-top: 1%;
    padding: 2px;
}

#actividad .workspace.matching .opcion {
    overflow: scroll;
    min-height: 2.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f1592aa3;
    margin: 2px 0;
    padding: 5px;
    width: 100%;
    float: left;
}

#actividad .workspace.matching .opcion .destino {
    overflow: scroll;
    min-height: 2.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f1592aa3;
    margin: 2px 0;
    padding: 5px;
    width: 100%;
    float: left;
}

#actividad .workspace.matching .opcion .origen {
    overflow: hidden;
    min-height: 2.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f1592aa3;
    
}

#actividad .workspace.matching .block {
    display: block;
    position: static;
    top: 0;
    margin: 2px 0;
    border: 1px solid #fff0;
    float: left;
    width: 100%;
    cursor: pointer;
}


}

@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 10px 90px;
	}
	.content_type_clase_eli .publisher-navbar .navbar-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.content_type_clase_eli .publisher-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;
	}
	.content_type_clase_eli #actividad .content .header .title h3 {
		padding-right: 20px;
		margin-bottom: 20px;
	}

}

/*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: 0;
    border-top: 8px solid #1BBCB9;
    border-color: #1BBCB9;
}

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

/* TMPUX STYLES */

.content_type_clase_eli.publisher-navbar .tmpux {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 100;
    height: 500px;
}

.content_type_clase_eli.modo-correccion.tmpux #actividad .carousel-inner .item-container {
    margin: 10px auto 30px;
}

.content-wrapper.actividad.modo-revision.tmpux #actividad .carousel-inner .item-container {
    margin: 10px auto 30px;
    height: calc(100% - 48px);
  }