/*
	@primary: 		#0083BB; Azul oscuro
	@secondary: 	#F39800; Naranja
	@ternary:		#EE7D11; Naranja oscuro
*/

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

	.body_clase:not(.edit) .content-wrapper {
		padding-top: 100px;
		padding-bottom: 0px;
	}

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

	.libro .footer .powered,
	.libro .footer .legal-notes,
	.libro .footer .about-us,
	.libro .footer .contact-us,
	.libro .footer .faq {
		display: none;
	}

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

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

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

	.content_type_clase_brunyo .slide-wrapper {
		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_brunyo #actividad .content .header .title img,
	.content_type_clase_brunyo #actividad .content .header .chapter {
		display: none;
	}

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

	#actividad .content .header .title {
		background-color: #F39800;
	}

	.content_type_clase_brunyo #actividad .content .header .title h3 {
		font-size: 3.0rem;
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: bold;
		margin-left: 20px;
		background-color: #0083BB;
		color: #FFF;
		line-height: 4.0rem;
		padding-right: 20px;
	}

	.content_type_clase_brunyo #actividad .content .header .title h3 .index {
		display: inline-block;
		background-color: #EE7D11;
		padding: 40px 5px 0px;
		margin-right: 5px;
	}

	.content_type_clase_brunyo #actividad .texto_curso {
		font-size: 1.8rem;
		line-height: 2.1rem;
	}

	.content_type_clase_brunyo #actividad .texto_curso li,
	.content_type_clase_brunyo #actividad .workspace ul li li {
		margin-bottom: 10px;
	}

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

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

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

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

	#actividad .content .header .title {
		min-height: 0px;
	}
/**/

/* Curso */
	#indice .units ul li a .number {
		visibility: hidden;
	}

	#indice .unit-content .header .number {
		display: none;
	}

	#indice .unit-content .header.default {
		background-image: url(../../../images/libro/transparente.png) ! important;
		background-color: #005ba4;
	}

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

/* Navbar (Breadcums) */
	.content_type_clase_brunyo .brunyo-navbar {
		position: fixed;
		top: 44px;
		background-color: #005BA4;
		width: 100%;
		left: 0;
		z-index: 100;
	}

	.is_app.content_type_clase_brunyo .brunyo-navbar {
		position: sticky;
		top: 0px;
	}

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

	#top-navigator.show_left:before {
        background: linear-gradient(to right, #005BA4, transparent);
    }

    #top-navigator.show_right:after {
        background: linear-gradient(to left, #005BA4, transparent);
    }

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

	.content_type_clase_brunyo .navbar-content:before {
		content: " ";
		background-image: url(logo.jpg);
		height: 35px;
		background-size: cover;
		width: 100px;
		margin-left: -100px;
		margin-top: 8px;
		position: absolute;
	}

	.content_type_clase_brunyo .slider-indicators {
		padding: 10px 0px;
		display: inline-block;
		text-align: left;
		position: absolute;
		width: 5000px;
		bottom: 0px;
		left: 0px;
		z-index: 0;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown button,
	.content_type_clase_brunyo .brunyo-navbar li {
		border-radius: 5px;
		border: none;
		background-color: white;
		color: #005BA4;
		vertical-align: middle;
		margin: 0px 5px;
		text-indent: 0px;
		line-height: 3.5rem;
		font-size: 2.0rem;
		font-weight: bold;
		cursor: pointer;
	}

	.content_type_clase_brunyo .brunyo-navbar li:hover {
		background-color: #eee;
	}

	.content_type_clase_brunyo .slider-indicators li {
		width: 35px;
		height: 35px;
		background-color: white;
		margin: 0px 5px;
		text-align: center;
	}

	.content_type_clase_brunyo .slider-indicators li.active {
		background-color: #ddd;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown button {
		width: auto;
		padding: 0px 10px;
	}

	/*.content_type_clase_brunyo .slider-indicators li:first-of-type {
		width: auto;
		padding: 0px 10px;
	}*/



	.content_type_clase_brunyo .brunyo-navbar .dropdown {
		display: block;
		float: left;
		margin-top: 10px;
	}

	.open > .dropdown-menu {
		display: block;
		max-height: 300px;
		overflow-y: auto;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown button {
		border: none;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown button:focus {
		outline: none;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown li {
		display: list-item;
		width: auto;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown li a {
		color: #005BA4;
		font-weight: bold;
	}

	.content_type_clase_brunyo .brunyo-navbar .dropdown .caret {
		border-color: #005BA4 transparent transparent transparent;
	}
/**/

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

	.main-navigator {
		padding: 15px 0px;
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}

	.navigator .left, .navigator .right {
		width: 49%;
		display: inline-block;
		cursor: pointer;
	}

	.navigator .left {
		padding-left: 20px;
	}

	.navigator .right {
		text-align: right;
		padding-right: 20px;
	}

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

	.navigator .slider-control.left,
	.navigator .slider-control.right {
		position: static;
		height: auto;
		width: 100%;
		background-color: transparent;
		border-radius: 0px;
		margin: 0px;
		opacity: 1;
		text-shadow: none;
		color: #999;
		font-size: 23px;
	}

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

	.slider-indicators li:first-child span,
	.dropdown li:first-child span.num {
		font-family: "Palatino Linotype", Times;
	}

	.dropdown li:first-child span.num {
		margin-left: 2px;
	}
/**/

/* CKEDITOR */
	#actividad .content img{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#actividad .content .bck-img.right,
	#actividad .content img[style~="float:right"] {
		margin-left: 20px;
		float: right;
	}

	#actividad .content .bck-img.left,
	#actividad .content img[style~="float:left"] {
		margin-right: 20px;
		float: left;
	}

	.bck-encabezado {
		color: #F39800;
		border: 3px solid #0083BB;
		border-radius: 10px;
		font-weight: bold;
		overflow: hidden;
		display: inline-block;
		padding-right: 10px;
	}

	.bck-encabezado .bck-index {
		background-color: #0083BB;
		color: #FFF;
		padding: 0px 5px 0px 10px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		margin-right: 5px;
	}

	.bck-sub-encabezado {
		color: #0083BB;
		font-weight: bold;
	}

	.bck-encabezado2 {
		color: #F39800;
		font-weight: bold;
		border-bottom: 3px solid #0083BB;
	}

	.content ul.bck-ul li {
		list-style: none;
		margin-left: 15px;
	    padding-left: 0;
	}

	.bck-boton-container {
		margin-left: 10px;
	}

	.bck-boton,
	.bck-boton2,
	.bck-boton3,
	.bck-boton4 {
		position: absolute;
		margin-left: -10px;
		margin-right: 5px;
		margin-top: 9px;
	}

	.bck-boton2 {
		margin-left: -15px;
	}

	.bck-boton span,
	.bck-boton2 span,
	.bck-boton3 span,
	.bck-boton4 span {
		display: none;
	}

	.bck-boton,
	.content .bck-ul li:before {
		height: 14px;
		width: 5px;
		background-color: #F39800;
		border-radius: 0px;
		margin-right: 10px;
	}

	.content .bck-ul li:before {
		position: relative;
		display: inline-block;
	}

	.bck-boton {
		margin-top: 6px;
	}

	.bck-boton2,
	.content .bck-ul.ul-2 li:before {
		height: 10px;
		width: 10px;
		background-color: #0083BB;
	}

	.bck-boton3,
	.content .bck-ul.ul-3 li:before {
		height: 0px;
		width: 0px;
		border-left: 5px solid #0083BB;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		background-color: transparent;
	}

	.bck-boton4,
	.content .bck-ul.ul-4 li:before,
	.content .bck-ul.ul-5 li:before {
		height: 10px;
		width: 10px;
		border-radius: 100%;
	}

	.content .bck-ul.ul-4 li:before {
		background-color: #F39800;
	}

	.content .bck-ul.ul-5 li:before {
		background-color: #868789;
	}

	.bck-box {
		max-width: 100%;
		margin-bottom: 20px;
	}

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

	.bck-box.left,
	.bck-box.right {
		width: 300px;
	}

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

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

	.bck-box img {
		max-width: 100%;
	}

	.bck-box.blue .bck-title,
	.bck-box.orange .bck-title {
		padding-right: 50px;
		position: relative;
	}

	.bck-box.blue .bck-title > p,
	.bck-box.orange .bck-title > p {
		display: inline-block;
		background-color: #0083BB;
		color: #FFF;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
		height: 100%;
		width: 100%
	}

	.bck-box.blue .bck-title > p:after,
	.bck-box.orange .bck-title > p:after {
		content: '';
		position: absolute;
		bottom: 0;
		top: 0;
		width: 25px;
		right: 25px;
		background: -webkit-linear-gradient(top right, #0083BB 50%, transparent 50%);
		background: -o-linear-gradient(top right, #0083BB 50%, transparent 50%);
		background: linear-gradient(to top right, #0083BB 50%, transparent 50%);
	}

	.bck-box.title2 .bck-title {
		background-color: #F39800;
	}

	.bck-box.title2 .bck-title > p {
		padding-left: 30px;
		display: inline-block;
		padding-right: 30px;
	}

	.bck-box.title2 .bck-title > p:after {
		display: none;
	}

	.bck-box .bck-content {
		text-align: justify;
		padding: 10px;
	}

	.bck-box .bck-content p:last-of-type {
		margin-bottom: 0px;
	}

	.bck-box.blue .bck-content {
		border: 3px solid #0083BB;
		border-top-width: 15px;
	}

	.bck-box.orange .bck-content {
		border: 1px solid #F39800;
		border-top-width: 10px;
	}

	.bck-box.title2.orange .bck-content {
		border-top-width: 0px;
	}

	.bck-box.bracket .bck-content {
		border-left: none;
		border-right: none;
		border-top: 3px solid #F39800;
		border-bottom: 3px solid #F39800;
		border-radius: 10px;
	}

	.bck-box.bracket.brckt-2 .bck-content {
		border-top: 3px solid pink;
		border-bottom: 3px solid pink;
	}

	.bck-box.orange.title2 .bck-title p {
		width: auto;
	}

	.bck-caption {
	    font-size: 1.4rem;
	    line-height: 1.5 !important;
	    margin-top: 0px;
	    display: inline-block;
	    max-width: 100%;
	}

	.img-right {
		margin-left: 20px;
		float: right;
	}

	.img-left {
		margin-right: 20px;
		float: left;
	}

	table {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.table1 {
		border: 1px solid #005BA4;
		text-align: center;
	}

	.table1 tr:first-of-type td {
		background-color: rgba(122, 172, 57, .8);
		color: #FFF;
		font-weight: bold;
		padding: 5px;
	}

	.table2 {
		border: none;
		text-align: center;
	}

	.table2 td {
		border: 1px solid #005BA4;
	}

	.table2 tr:first-of-type td,
	.table2 td:first-of-type {
		background-color: rgba(122, 172, 57, .8);
		color: #FFF;
		font-weight: bold;
		padding: 5px;
	}

	.table2 tr:first-of-type td:first-of-type {
		background-color: #FFF;
		border: none;
	}

	.content ol {
		list-style-type: none;
	}

	.content ol[start] > li:before {
		content: '';
	}

	.content ol[start]:before,
	.content .bck-ol li:before {
		color: #FFF;
		font-weight: bold;
		margin-left: -30px;
		position: absolute;
		margin-top: 0px;
		background-color: #F39800;
		width: 25px;
		height: 25px;
		line-height: 2.4rem;
		border-radius: 100%;
		text-align: center;
	}

	.content ol[start]:before {
		content: attr(start);
	}

	.content ol[start].bck-ol:before {
		content: '';
		background-color: transparent;
	}

	.content ol.bck-ol li:before {
		content: counter(bck-li-counter);
	}

	.content ol.bck-ol.ol-2 li:before {
		content: counter(bck-li-counter)".";
		color: #000;
		font-weight: bold;
		background-color: transparent;
		text-align: right;
	}

	.content td .bck-ol.ol-2 {
		font-size: 1.8rem;
	}

	.content .bck-ol.ol-3 li:before {
		background-color: #41AD49;
	}
	.content .bck-ol.ol-4 li:before {
		background-color: #D2232A;
	}
	.content .bck-ol.ol-5 li:before {
		background-color: #FFCB05;
	}

	.content ol.bck-ol.word-2 li:before {
		content: counter(bck-li-counter, lower-alpha) ")";
		color: #E74C39;
		background-color: transparent;
	}

	.content ol.bck-ol.word li:before {
		content: counter(bck-li-counter, lower-alpha) ")";
		color: #000;
		font-weight: bold;
		background-color: transparent;
	}

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

	.content table:not(.rf-tablegrid),
	.content table:not(.rf-tablegrid) td {
		border-color: #55acd2;
		font-size: 1.4rem;
	}

	.content table:not(.rf-tablegrid) td {
		padding: 4px 6px;
	}

	.content td.bck-td-a {
		background: #0083BB;
		color: white;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.content td.bck-td-b {
		background: #7ebddc;
		color: black;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.content td.bck-td-c {
		background: #d0e4f1;
		color: black;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.bck-bg-color {
		background-color: #E32119;
		color: #FFF;
		display: inline-block;
		padding: 2px 10px;
	}

	.bck-bg-color.color2 {
		background-color: #97BF0D;
	}

	.bck-emphasis {
		color: #E32119;
		font-weight: bold;
	}

	.bck-emphasis.pink {
		color: #E32119;
	}
/**/

@media screen and (max-width: 768px) {
	#actividad .carousel-inner .class_slide {
        padding: 40px 20px 0px;
    }

	.navigator {
        padding: 0px 20px;
    }

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

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

}

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

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

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

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

}

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


/* TMPUX STYLES */
.tmpux.content_type_clase_brunyo .brunyo-navbar,
.tmpux.modo_revision .brunyo-navbar,
.tmpux.modo-correccion .brunyo-navbar,
.tmpux.modo-deber .brunyo-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: 67px;
}

.tmpux:not(.modo-revision,.modo-correccion,.modo-deber,.edit).body_clase .content-wrapper {
	margin-top: 50px;
}

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

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