/* Open Sans */
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800);

/********************************	Basic Structure	********************************/




html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
	scroll-behavior: smooth;
}
body {
	font-family: Monserrat,Arial, Helvetica, sans-serif;
	color: #595960;
	background:#ECEDF0;
	font-size: 12px;
}

.opciones_naranja {
	background: #fc9d5b !important;
}

.curso_resultado {
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 30px;
	padding: 1rem;
	border-radius: 1rem;
}

.zona_central_medalla:hover {
	background: #fafbfb !important;
	border-radius: 1rem !important;
}

.fav_activado {
	color: #E2691A;
}

.color_invertido {
	filter: invert(100%);
}

.icono_animado_grande {
	max-width: 100%;
    width: 128px;
}
 
#body-wrapper {
	/*background:#fafafa;*/
	
	min-height: 900px;
	background-color: #fafafa;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dedede' fill-opacity='0.24'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	
	}

.fa-rotate-180 {
	animation: unset !important;
	transform: rotate(180deg);
}

.padding-top-30 {
	padding-top:30px;
}


/********************************   Elements styling ********************************/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	/*font-family: Montserrat, Helvetica, Arial, sans-serif;*/
	color: #101332;
	/*font-weight: bold;*/
	line-height: 1;
}

h1 {
	font-family: Montserrat, Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff;
	position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
}

h2 { font-size: 26px; padding: 0 0 10px 0; }
h3 { font-size: 17px; padding: 0 0 10px 0; }
h4 { font-size: 16px; padding: 0 0 3px 0; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }


a   { color: #CE6117; text-decoration: none; }
a:hover { color: #555; }
a:active	{ color: #777; }
a:focus { outline: 1px; }

strong  { font-weight: bold;  }

small { font-size: 0.85em; }

pre { font-family: monospace; }

p {
	padding: 5px 0 10px 0;
	line-height: 1.6em;
	}

/********************************   General Classes	********************************/

.clear {
	clear: both;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}


.v-align-middle {
	vertical-align:middle;
}

.space-medium {
	height:50px;
}

.space-small {
	height:30px;
}

.space-verysmall {
	height:10px;
}

.max_width_100 {
	max-width:100px;
}

.max_width_150 {
	max-width:50px;
}

.max_width_160 {
	max-width:150px;
}


.max_width_200 {
	max-width:200px;
}

.max_width_250 {
	max-width:250px;
}

.max_width_300 {
	max-width:300px;
}

.dialogo_info {
	background:#F2F2F2;
	padding:10px;
	width:350px;
	border-radius: 15px;
	-moz-border-radius: 15px;
}

.columna_33{
	float:left;
	width: 32%;
	max-height: 81px !important;
	margin:0 auto;

	/*margin:0 auto;*/
}
.columna_30_fecha{
	width:33%;
	float:left;
	margin:0 auto;
	text-align: center;
	max-height: 81px !important;

}

/************ Button ************/

.submit_catalogo {
	line-height: 1.6em;
	text-align:right;
}

.submit {
	padding: 5px 0 10px 0;
	line-height: 1.6em;
	text-align:right;
	margin-top:5px;
}

.btn-alumn4:disabled, .btn-alumn4[disabled] {
	cursor: not-allowed;
	opacity: 0.65;
	box-shadow: none;
}

.submit_catalogo input, .submit input, .btn-alumn4{ 
	font-family: inherit;
	display: inline-block;
	background: linear-gradient(to right, #fe272f, #ffa664 );
	border: 0;
	padding: 7px;
	color: #fff !important;
	font-size: 13px !important;
	cursor: pointer;
	text-decoration:none;	
	border-radius: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	}

.submit_catalogo input:hover, .submit input:hover , input[type="image"]:hover, .btn-alumn4:hover{
	opacity: 0.75;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	}


.miniatura_certificado {
	max-width:90% !important;
	margin:0 auto;
	-webkit-box-shadow: 3px 3px 10px 0 #B8B8B8;
	box-shadow: 3px 3px 10px 0 #B8B8B8;
}	
	
	
.submit_catalogo input:focus ,.submit input:focus, .bottom_opciones:focus, .btn-alumn4:focus {

	}

.submit input:active {
	padding: 5px 7px 3px 7px !important;
	}

.submit a.remove-link {
	color: #bb0000;
	}

.submit a.remove-link:hover {
	color: #000;
	}

/* TOCADO */
.button {
	font-family: inherit;
	display: inline-block;
	background: #553C73;
	border: 1px solid #9747CA;
	padding: 7px;;
	color: #fff !important;
	font-size: 13px !important;
	cursor: pointer;
	text-decoration:none;
	}

.button:hover {
	text-decoration: underline;
	}

.button:active {
	padding: 5px 7px 3px 7px !important;
	}

a.remove-link {
	color: #bb0000;
	}

a.remove-link:hover {
	color: #000;
	}

/********************************   Sidebar	********************************/

#sidebar {
	height: 100%;
	position:fixed;
	background: rgba(255,255,255,1);
	width: 230px;
	left: 0;
	top: 0;
	color: #262626;
	font-size: 11px;
	z-index: 20;
	overflow:auto;
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 20px;
	}
	
.sidebar_especial {
	width: auto !important;
    display: inline-block;
    padding: 69px 5px 10px 5px;
}

.sidebar_especial .icono_menu_lateral {
	min-width: 40px;
	height: 40px;
}

.sidebar_especial .icono_menu_lateral .fa, .sidebar_especial .icono_menu_lateral .fas, .sidebar_especial .icono_menu_lateral .far, .sidebar_especial .icono_menu_lateral .bi {
	font-size:24px !important;
}

#sidebar #sidebar-wrapper {
	}

#sidebar a,
#sidebar a:active {
	color:#e36c09;
	}

#sidebar a:hover {
	color:#974806;
	}

#sidebar #sidebar-title {
	margin: 40px 0 40px 15px;
	}

#sidebar #logo {
	margin: 40px 0 40px 0;
	}

#sidebar #profile-links {
	padding: 10px 5px 5px 5px;
	text-align: right;
	line-height: 1.5em;
	position:relative;
	box-shadow: 0 5px 8px 0 rgb(0 0 0 / 10%);
	display:none;
}


#nombre_wrapper {
}

#opnombre_wrapper {
	margin-top:5px;
}

#opnombre_wrapper .mdl-badge{
	margin-right:5px;
}
#opnombre_wrapper .disabled .mdl-badge[data-badge]:after {
	background: #ddd;
}

#menu_emergente_perfil .disabled .mdl-badge[data-badge]:after {
	background: #ddd;
}



#opnombre_wrapper .mdl-badge[data-badge]:after {
	    font-size: 10px;
		width: 17px;
		height: 17px;
		right: -12px;
		background: red;
}

.opnombre_cuadro {
	margin:2px;
	float:right;
	padding:4px;
}

.opnombre_cuadro .fa{
	font-size:20px;
}

.opnombre_cuadro a{
	color: #777 !important;
}

.opcuadro_rojo {
	background: linear-gradient(to right, #aa0000, #F20000 );
}

.opcuadro_rojo:hover {
	filter:alpha(opacity=75);
	opacity:.75;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.opcuadro_rojo_alerta {
	background: #aa0000;
}

.nombre_usuario {
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	padding-top: 10px;
	padding-left: 5px;
}

.cargo_usuario {
	font-size: 10px;
	text-align:left;
	padding-left: 5px;
	color: #869199;
	text-transform: uppercase;
}

.texto_red{
	color: #ff604f !important;
}

.cantperf_rojo {
	margin:0 auto;
	background: #ffcece;
	text-align:center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 60px;
}
.cantperf_verde {
	margin:0 auto;
	background: #d5ffce;
	text-align:center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 60px;
}

/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
	padding: 0;
	margin: 0px;
	margin-top: 30px;
	font-family: inherit;
	display:flex;
	flex-direction: column;
	}

#sidebar #main-nav li {
	list-style: none;
	text-align: right;
	margin-bottom: 0px;
	margin-bottom: 10px;
	}
	
#sidebar #main-nav li .fa, #sidebar #main-nav li .fas {
	font-size: 16px;
	margin-right: 0px;
	color: #fff;
	text-shadow: none;
	padding:8px;
	vertical-align:middle;
}

#sidebar #main-nav li .bi{
	font-size: 18px;
	margin-right: 0px;
	color: #101332;
	text-shadow: none;
	position:relative;
	top: 8px;
}

#sidebar #main-nav li:hover .icono_menu_lateral{
	background: #fc9d5b;
	

	/*background: linear-gradient(45deg, #fd3e2f, #fc9d5b);*/
	
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.icono_menu_lateral {
	width:34px;
	height: 34px;
	/*background: #0f253d;*/
	/*background: linear-gradient(45deg, #0f253d, #0f253ddd);*/
	

	
	border-radius: 3px;
}

.current_elemento_menu {
	background: #fc9d5b;

	/*background: linear-gradient(45deg, #fd3e2f, #fc9d5b);*/

}


	/* estilos del menu */

/* TODACOD */
#sidebar #main-nav li a.nav-top-item {
	color: #101332;
	font-size: 1rem;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-align:left;
	}

#sidebar #main-nav li a.nav-top-item:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	color: #CE6117;
	}
/* TOCADO */
#sidebar #main-nav li a.current {
	color: #CE6117 !important;
	/*font-weight: bold;*/
	text-shadow: none;
	}
	
#sidebar #main-nav li a.current .fa{
	color: #CE6117;
	
}
/* TOCADO */
#sidebar #main-nav li a.current:hover {
	color: #333;
	
	}

	/* fin estilos del menu */

#sidebar #main-nav ul {
	padding: 0;
	font-size: 12px;
	margin: 0;
	}

#sidebar #main-nav ul li {
	list-style: none;
	margin: 0;
	text-align: right;
	padding: 0;
	}

#sidebar #main-nav ul li a {
	padding: 8px 15px;
	display: block;
	color: #aaa;
	font-size: 13px;
	line-height: 1.2em;
	}

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
	color: #fff;
	}

#sidebar #main-nav ul li a.current {
	background: transparent url('images/menu-current-arrow.gif') right center no-repeat !important;
	}


/************ Messages ************/

#messages p {
	padding: 10px;
	}

#messages h4 {
	padding: 10px;
	font-size: 20px;
	font-family: inherit;
	font-weight: 300;
	}
	
#messages h3 {
	font-size: 20px;
	font-family: inherit;
	font-weight: 300;
	}




/********************************   Main Content   ********************************/

/************ Layout ************/

#main-content {
	/*margin: 0 30px 0 260px;*/
	margin: 0 5px 0 5px;
	padding: 50px 0 0 0;
	}
	
.efecto_suave {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.main-content-f2 {
	margin: 0 30px 0 260px;
	padding: 91px 0 0 0;
	}

.column-left {
	width: 48%;
	float: left;
	}

.column-left-25 {
	width: 23%;
	float: left;
	}

.column-left-33 {
	width: 33%;
	float: left;
	}

.column-left-40 {
	width: 38%;
	float: left;
	}

.column-left-60 {
	width: 59%;
	float: left;
	}

.column-left-66 {
	width: 65%;
	float: left;
	}

.column-left-75 {
	width: 73%;
	float: left;
	}

.column-right {
	width: 48%;
	float: right;
	}

.column-right-25 {
	width: 23%;
	float: right;
	}

.column-right-33 {
	width: 33%;
	float: right;
	}

.column-right-40 {
	width: 38%;
	float: right;
	}

.column-right-60 {
	width: 59%;
	float: right;
	}

.column-right-66 {
	width: 65%;
	float: right;
	}

.column-right-75 {
	width: 73%;
	float: right;
	}

#footer {
	margin: 20px 0 0 0;
	padding: 20px 0;
	font-size: 12px;
	background: rgba(255,255,255,0.8);
	padding:10px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 1rem;
	}
/************ Lists ************/

#main-content ul,
#main-content ol {
	padding: 10px 0;
	}

/* Unordered List */

#main-content ul li {
	padding: 10px 0 0px 20px;
}

#modalidiomas ul li {
	padding: 10px 0 10px 20px!important;
}

.ulBootstrap {
	padding: 0px !important;
	margin-top:2%;
	margin-bottom:2%;
}

/* Ordered List */

#main-content ol {
	padding: 0 0 0 24px;
	}

#main-content ol li {
	list-style: decimal;
	padding: 4px 0;
	}

/*************** Content Box ***************/

.content-box, .content-box-home {

	margin: 0 0 20px 0;
	background: rgb(255, 255, 255);
    border-radius: 0.8rem;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 30px;
    padding: 15px;
}
.content-box-home {
    border-radius: 1.2rem;
}

.content-box-header {
	background-color: #fff;
	min-height: 60px;
	}

.content-box-header h3 {
	padding: 12px 15px 10px;
	float: left;
	font-size: 1.2rem;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	color: #101b29;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	}

ul.content-box-tabs {
	float: right;
	/* padding: 5px 15px 0 0 !important; */
	margin: 0 !important;
	}

ul.content-box-tabs li {
	float: left;
	margin: 0;
	padding: 0 !important;
	background-image: none !important;
	}

ul.content-box-tabs li a {
	color: #101b2999;
	padding: 8px 10px;
	display: block;
	margin: 1px;
	text-transform: uppercase;
	font-size: 11px;
	border:1px solid #101b2942;
	margin-right: 10px;
	border-radius: 5px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px;
	}

ul.content-box-tabs li a:hover {
	color: #101b29;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
	}

ul.content-box-tabs li a.current {
	background: #F0F0F0;
	margin-right: 10px;
	position:relative;
	top:0px;
	color: #000;
	border-color: #101b2942;
	border-radius: 5px 5px 5px 5px !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.social_wrap{
		padding:10px;
	}

.content-box-content {
	padding: 10px 20px;
	font-size: 13px;
	background: #fff;
	font-family: inherit;
	font-size: 16px;
	}

.content-box-content img {
	max-width: 100%;
	height: auto;
}

/************ Table ************/

.ui-widget-header {
	background: transparent !important;
	border: 0px !important;
	padding: 7px;
}

#main-content table {
	width: 100%;
	border-collapse: collapse;
	}

#main-content table thead th {
	font-weight: 700;
	font-size: 15px;
	border:0px !important;
	color: #788195;
	background-color: #f1f3f6;
	font-family: 'Poppins', sans-serif;
	}

#main-content tbody {
	}

#main-content tbody tr {
	background: #fff;
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
#main-content tbody tr:hover {
	background: #f9fafc;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	}
/* TOCADO */


#main-content table td,
#main-content table th {
	padding: 2px;
	line-height: 1.3em;
	vertical-align:middle;
	}
	
	
#main-content table th {
	padding: 10px 3px;
	color: #333;
	text-align:center;
	background: #fff;
	font-size: 14px;
}

#main-content table td {
	padding-left: 5px;
	padding-right:5px;
}


#main-content table tfoot td .bulk-actions {
	padding: 15px 0 5px 0;
	}

#main-content table tfoot td .bulk-actions select {
	padding: 4px;
	border: 1px solid #ccc;
	}

#main-content table tfoot td {
	/*border-top: 2px solid #aaa;*/
}

/*************** Pagination ***************/

#main-content .pagination {
	text-align: right;
	padding: 20px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.pagination a {
	margin: 0 5px 0 0;
	padding: 3px 6px;
	}

/*.number {
	margin: 0 auto;
	font-family: inherit;
	font-size: 12px;
	color: #fff !important;
	margin-left: 5px;
	background: #aa0000;
	position:relative;
	top:0px;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}*/

.number2 {
	margin: 0 auto;
	font-family: inherit;
	font-size: 12px;
	color: #fff !important;
	margin-left:5px;
	background: #aaa;
	position:relative;
	top:0px;
	padding: 5px;
	padding: 5px;
	}

.number_margin {
	margin-left:0 auto;

}


.borde {
	width:20px;
	/*height:10px;
	border:1px solid #bbb;*/
	text-align:center;
	float:right;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.pagination a.current {
	background: #469400 url('images/bg-button-green.gif') top left repeat-x !important;
	border-color: #459300 !important;
	color: #fff !important;
	}

.pagination a.current:hover {
	text-decoration: underline;
	}

/************ Shortcut Buttons ************/

.shortcut-button {
	border: 1px solid #ccc;
	background: #f7f7f7 url('images/shortcut-button-bg.gif') top left no-repeat;
	display: block;
	width: 120px;
	margin: 0 0 20px 0;
	}

.shortcut-button span {
	background-position: center 15px;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	display:block;
	padding: 78px 10px 15px 10px;
	text-align: center;
	color: #555;
	font-size: 13px;
	line-height: 1.3em;
	}

.home span {
	background-image: url('img/icons/home.png');
	}

.new-caso span {
	background-image: url('img/icons/addcaso.png');
	}

.new-usuario span {
	background-image: url('img/icons/addusuario.png');
	}

.new-mensaje span {
	background-image: url('img/icons/addmensaje.png');
	}

.new-documento span {
	background-image: url('img/icons/adddocumento.png');
	}

.view-casos span {
	background-image: url('img/icons/casos.png');
	}

.view-usuarios span {
	background-image: url('img/icons/usuarios.png');
	}

.view-avisos span {
	background-image: url('img/icons/avisos.png');
	}

.view-ayuda span {
	background-image: url('img/icons/ayuda.png');
	}

.view-acta span {
	background-image: url('img/icons/acta.png');
	}

.view-dialogos span {
	background-image: url('img/icons/dialogos.png');
	}

.shortcut-button:hover {
	background: #fff;

	}

.shortcut-button span:hover {
	color: #57a000;
	}

ul.shortcut-buttons-set li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 !important;
	background: 0;
	}

/*************** Forms ***************/

form label {
	display: block;
	padding: 0 0 10px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: rgba(70,90,110,.85);
	font-family: 'Poppins', sans-serif;
	}
	
form label .orden {
	display: inline-block;
	padding: 0 0 10px;
	font-weight: bold;
	}

form fieldset legend {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
	}

form p small {
	font-size: 0.75em;
	color: #777;
	}


input.text-input,
form select,
form textarea,
form .wysiwyg {
	font-size: 16px;
	color: #333;
	margin-right: 5px;
	border-radius: 8px;
	background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(231, 232, 234) !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	}
	
input.text-input:focus,
form select:focus,
form textarea:focus,
form .wysiwyg:focus {
	border:1px solid #E16919 !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.small-input {
	width: 25% !important;
	padding: 10px !important;
	}

.medium-input {
	width: 50% !important;
	padding: 10px !important;
	}

.large-input {
	width: 92% !important;
	padding: 10px !important;
	}

.tall-input {
	height: 400px;
}

.input-fecha {
	height: 36px;
	position: relative;
	top: 2px;
}

form textarea {
	width: 92% !important;
	font-family: inherit;
	}

form select {
	padding: 4px;
	background: #fff;
	}

form input[type="checkbox"],
form input[type="radio"] {
	padding: 0;
	background: none;
	border: 0;
	}


.check-tradicional[type="checkbox"]{
	display: inline;
	opacity: 100;
}

.radio-tradicional[type="radio"]{
	display: inline;
	opacity: 100;
}

/*************** Notifications ***************/

.notification {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width:auto;
	border-radius: 5px;
	}


.attention {
	background: #fffbcc url('images/icons/exclamation.png') 10px 11px no-repeat;
	color: #666452;
	}

.information {
	background: #dbe3ff url('images/icons/information.png');
	color: #585b66;
	}

.success {
	background: #d5ffce url('images/icons/tick_circle.png');
	color: #556652;
	}

div.message.error, div.notification.error {
	background: #ffcece url('images/icons/cross_circle.png')no-repeat;
	color: #665252;
	}
div.required.error input , div.required.error input:focus, div.error input, div.error input:focus, input.mensaje_error {
	border-bottom:2px solid #CC0000;
}

.required  {
	 background: #transparent url(none);
}

/* TOCADO */
.error-message{
	position: relative;
	margin: 10px 0 15px 0;
	padding: 0;
	background-position: 10px 11px !important;
	font-size: 15px;
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	background: #ffcece url('images/icons/cross_circle.png') no-repeat;
	color: #665252;
	border-radius: 1rem;
}


.warning {
	background: #FFF5C6 url('images/icons/exclamation.png');
	color: #665252;
	}

.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	}

.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
	}

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}
/* TOCADO */
				#login-wrapper #login-content input {
					width: 300px;
					float: right;
					margin: 0 0 20px 0;
					border: 1px solid #444;
					border:1px solid #ddd;
					color:#777;
					font-size: 14px;
				}


/* TOCADO */
				#login-wrapper #login-content input:focus{
				border: 1px solid #333;
				}
#login-content a {
	color: #DAA8FF;
}

#login-content {
	color: #DAA8FF;
}

#login-content a:hover {
	color: #CB6BFF;
	text-decoration:underline;
}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************   Login Page   ********************************/

body#login {
	color: #fff;
	/*background: #222 url('images/bg-login.gif');*/
	background: #eee url('img/fondos/1.jpg') top left no-repeat;
	}

#login-wrapper {
	/* background: url('images/bg-login-top.png') top left repeat-x;*/

	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	}

#login-wrapper #login-top {
	width: 100%;
	text-align: center;
	}

/* TOCADO */
#login-wrapper #login-top img{
	padding:0px 25px 0px 25px;
}


#login-wrapper #login-content #flashMessage {
	width:350px;
	margin-bottom:25px;
}
/* TOCADO */
#ejusticfooter {
	padding-right:0px;
	padding-top:20px;
	background:transparent;
}


#DNIE {
	float:right;
	position:relative;
	top:0px;
	left:260px;
	display:visible;


}

.dnie_img{
	width:230px !important;
	height:155px !important;
	background-color:#555 !important;
	border:0px !important;
	-webkit-box-shadow:  10px 0px 25px -10px #333;
	box-shadow:  10px 0px 25px -10px #333;
}



/* TOCADO */

#login-wrapper #login-content label {
	color: #E2691A;
	font-weight: normal;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	width: 70px;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;

	}

#login-wrapper #login-content a{
	color:#E2691A;
	text-shadow: 1px 1px 5px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	}



#login-wrapper #login-content p {
	padding: 0;
	}

#login-wrapper #login-content p#remember-password {
	float: right;
	}

#login-wrapper #login-content p#remember-password input {
	float: none;
	width: auto;
	border: 0;
	background: none;
	margin: 0 10px 0 0;
	}

#login-wrapper #login-content p .button {
	width: auto;
	margin-top: 20px;
	}

/********************************   jQuery plugins styles	********************************/

/*************** Facebox ***************/


#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 106;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  background: #fff;
  width: 500px;
}

#facebox .opciones {
	padding: 10px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  text-align: right;
  padding: 10px;
  background: #eee;
}

#facebox .content {
  max-height:400px;
  overflow:auto;
}


#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 105;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }


/**********************************************************/

.linea {
	clear:both;
	margin-top:20px;
	margin-bottom: 20px;
	border-top:1px solid #dddddd;
}

.linea2 {
	margin-top:20px;
	margin-bottom: 20px;
	border-top:1px solid #dddddd;
}

.icono{
	float:left;
	overflow: auto;
	display:block;
	position:relative;
	margin: 10px 50px 10px 50px;
}

.icono-med {
	float:right;
}

.foto-perfil{
	float:left;
	width: 150px;
	height: 200px;
	overflow: auto;
	display:block;
	position:relative;
	border:1px solid #333333;
	border:5px solid #fff;
	padding:2px;
	margin: 10px 50px 10px 50px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px #777;
	box-shadow: 0px 0px 5px 0px #777;
}

.foto-perfil2{
	float:left;
	width: 75px;
	height: 100px;
	overflow: auto;
	display:block;
	position:relative;
	border:5px solid #fff;
	padding:2px;
	margin: 10px 50px 10px 50px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px #777;
	box-shadow: 0px 0px 5px 0px #777;
}

.division {
	clear:both;
	border-bottom:1px dotted #aaaaaa;
	margin:15px 0px 15px 0px;
}

/* TOCADO */
.message {
	position: relative;
	margin: 30px 0px 20px 0px;
	border: 2px solid #fff;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 15px;
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	border-radius: 1rem;
	top:15px;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 0 2px 2px rgba(61, 71, 81, 0.05);
}

.notification {
	position: relative;
	margin: 30px 0px 20px 0px;
	border: 2px solid #fff;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 15px;
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	border-radius: 1rem;
	top:15px;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 0 2px 2px rgba(61, 71, 81, 0.05);
	}
.numero {
	position:relative;
	top: -124px;
	font-size: 18px;
	font-weight:bold;
	height:0px;
	text-align:center;
}

.fondo_naranja {
	background: #DF752F;
}

.rojo {
	color:red;
}

.rojo2 {
	color:#ff4f5a;
}

.rojo3 {
	color:#a32b34;
}

.verde{
	color:green;
}

.verde_alegre{
	color:#38c3a4;
}


.gris {
	color:#333333;
}

.tnaranja {
	color:#e36c09;
}

.fgris{
	background-color: #eee !important;
}

.validators a{
	margin-right:15px;
	display:none;
}


/* Tamaños mínimos  y cosas generales*/

.min-height-200{
	min-height:200px;
}

.min-height-300{
	min-height:300px;
}

.min-height-400 {
	min-height:400px;
}

.min-height-500 {
	min-height:500px;
}

.no_border {
	border-right:0px;
}

.align_right {
	float:right;
}

.align_left {
	float:left;
}

.align_center {
	margin:0 auto;
	text-align:center;
}

.vertical_align_middle img {
	vertical-align:middle;
}

.vertial_align_top {
	vertical-align:top;
}

.vertial_align_top img {
	margin:0 auto;
}

.border_left {
	/*border-left: 1px solid #ddd;*/
}

/* notas */

#selectable .ui-selecting {
	background: #fff;
	}


#selectable .ui-selected {
	background:#F4ECFF;
	}

#selectable .ui-selected a {
	color: #333;
	}



#selectable {
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	max-height:850px;
	overflow:auto;
	border:1px solid #eee;
	border-right:0px;
	}


#selectable li {
	min-height: 50px;
	border-bottom:1px solid #eee;
	padding-top:10px;
	/*background: #f7f7f7 url('images/shortcut-button-bg.gif') top center no-repeat;*/
}

.colum_left {
	float:left;
	position:relative;
	width:28%;
	padding:0px;
	margin:0 auto;
}


.colum_left_tot {
	float:left;
	position:relative;
	width:49%;
	padding:0px;
	margin:0 auto;
}

.colum_left_agenda {
	float:left;
	position:relative;
	width:55%;
	padding:0px;
	margin:0 auto;
}

.colum_right{
	float:left;
	position:relative;
	width:67%;
	border:1px solid #eee;
	min-height:850px;
	padding:15px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
}

.colum_right_tot{
	float:right;
	position:relative;
	width:49%;
	padding:0px;
	margin:0 auto;
}

#menu_resp_opciones .fa{
	margin:0px !important;
}

.colum_right_agenda{
	float:left;
	position:relative;
	width:40%;
	border:1px solid #eee;
	min-height:850px;
	padding:15px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
}

.opciones, .opciones2 {
	clear:both;
	/*margin-bottom:15px;*/
	text-align:right;
}

/* TOCADO */

.bottom_opciones {
	margin:0 auto;
	display:block;
	position:relative;
	margin:5px;
	padding:7px;
	padding-right:10px;
	cursor:pointer;
	background: #F8F8FA;
	color:#777;
	border-radius: 7px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	
}

.bottom_opciones_sin_padd {
	margin:0 auto;
	display:block;
	position:relative;
	margin:5px;
	padding:10px;
	cursor:pointer;
	background: #F8F8FA;
	color:#777;
	border-radius: 1rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	
}

.bottom_opciones_list {
	margin:0 auto;
	display:block;
	position:relative;
	margin: 5px;
	padding: 3px;
	padding-right: 10px;
	cursor:pointer;
	background: #F8F8FA;
	color:#777;
	/*font-weight:bold;*/
	/*border: 1px solid #F6F7FB;*/
	border-radius: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#btn_desconectar {
	border-radius: 7px;
	padding: 12px !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;	
	
}

#btn_desconectar_movil {
	background: linear-gradient(to right, #aa0000, #F20000 );
}

#btn_desconectar a {
	color: #fff !important;
}


/* TOCADO */
.bottom_opciones_noti {
	margin:0 auto;
	display:block;
	position:relative;
	padding:7px;
	padding-right:10px;
	cursor:pointer;
	border: 1px solid #ccc;
/*background: #f7f7f7 url('images/shortcut-button-bg.gif') top center no-repeat;*/
	background: #F8F8FA;
	color:#777;
	font-weight:bold;
}

.bottom_opciones_noti2 {
	margin:0 auto;
	display:block;
	position:relative;
	padding:7px;
	padding-right:10px;
	cursor:pointer;
	border: 1px solid #ccc;
/*background: #f7f7f7 url('images/shortcut-button-bg.gif') top center no-repeat;*/
	background: #F8F8FA;
	color:#777;
	font-weight:bold;
}

.bottom_opciones:hover, .bottom_opciones_noti:hover , .boton_seleccionado{
	background: #EDEDF0;
	/*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/
	color:#555;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.boton_checkall {
	display: block;
	position: relative;
	margin: 5px;
	padding: 7px;
	cursor: pointer;
	background: #F8F8FA;
	color: #777;
	border-radius: 4rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.boton_checkall:hover{
	opacity: 0.9;
	text-decoration: none;
}

.boton_seleccionado {
	color: #CE6117 !important;
}

.boton_volver_categorias {
	margin: 10px;
	padding: 15px;
}


/* Notas */
.nota {
	/*background: #fff url(images/papel.jpg) top center;*/
	min-height:500px;
	padding:20px;
}

.nota h2 {
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}

.fecha {
	font-size: 10px;
	text-align:right;
	padding: 3px;
	padding-right: 12px;
	border-top:1px dotted #eee;
	margin-top:10px;
	margin-bottom:5px;
}

.fecha img {
	margin:0px 5px;
}


/* Navegación */

.migas_de_pan {
	margin-bottom:20px;
	padding: 1px;
	padding-left: 15px;
	min-height: 50px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	color: #aaa;
	border-radius: 5px;
}

.migas_de_pan .bottom_opciones {
	background: transparent;
	border: 0px;
	color: #e36c09;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 5px 10px;
    margin-top: 10px;
}

.migas_de_pan .bottom_opciones:hover {
	filter:alpha(opacity=75);
	opacity:.75;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}




.migas_de_pan .bottom_opciones img {
	display:none;
}


.migas_catalogo{
	margin-bottom:0;
	margin-top:0;
	padding-left: 1%;
	min-height: 30px;
	background: linear-gradient(to right, #fe272f, #ffa664 );
	color: #aaa;

}

.migas_catalogo a{
	color: #fff;
	padding: 10px;
	font-size: 14px;
}


/* otros */
hr {
	border:0px;
	border-top:1px solid #777;
}

td hr {
	border:0px;
	border-top:1px solid #bbb;
}

.contenido_limitado {
	padding:10px;
	max-height:600px;
	overflow:auto;
	border:1px solid #eee;
}

.contenido_limitado_150 {
	padding:10px;
	overflow:auto;
	max-height:150px;
	border:1px solid #eee;
	margin:15px;
}

.contenido_limitado_300 {
	padding:10px;
	overflow:auto;
	max-height:300px;
	border:1px solid #eee;
	margin:15px;
}

.width_100 {
	width:100%;
}

.width_95 {
	width:95% !important;
}

.min_width_200{
	min-width:200px;
}

.min_width_150{
	min-width:150px;
}

.min_width_100{
	min-width:100px;
}
.min_width_220{
	min-width:220px;
}
.min_width_350{
	min-width:350px;
}


.altura_100 {
	min-height: 100px;
}


.mapa_situacion {
	-webkit-box-shadow: 0px 0px 10px 0px #777;
	-moz-box-shadow: 0px 0px 10px 0px #777;
	box-shadow: 0px 0px 10px 0px #777;
	border:1px solid #ccc;
}
/* vtip */
p#vtip {
	display: none;
	position: absolute;
	padding: 5px 15px;
	left: 15px;
	top: -120px;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	border: 1px solid #b5b5b5;
	z-index: 9999
}


/* animación CSS */

@-webkit-keyframes super-rainbow {
	0%  { opacity:1;filter:alpha(opacity=100); }
	20%  { opacity:0.8;filter:alpha(opacity=80); }
	40%  { opacity:0.6;filter:alpha(opacity=60); }
	60%  { opacity:0.4;filter:alpha(opacity=40); }
	80%  { opacity:0.2;filter:alpha(opacity=20); }
	100% { opacity:0;filter:alpha(opacity=0)}
}

@-moz-keyframes super-rainbow {
	0%  { opacity:1;filter:alpha(opacity=100); }
	20%  { opacity:0.8;filter:alpha(opacity=80); }
	40%  { opacity:0.6;filter:alpha(opacity=60); }
	60%  { opacity:0.4;filter:alpha(opacity=40); }
	80%  { opacity:0.2;filter:alpha(opacity=20); }
	100% { opacity:0;filter:alpha(opacity=0)}
}

.img_parpadeo {
	-webkit-animation: super-rainbow 1s infinite alternate linear;
	-moz-animation: super-rainbow 1s infinite alternate linear;
}


#post-it {
	background: #f1e767;
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: linear-gradient(top, #f1e767 0%,#feb645 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );
	position:absolute;
	top:0px;
	right:50px;
	width:300px;
	-webkit-box-shadow: 0px 0px 10px 0px #333;
	-moz-box-shadow: 0px 0px 10px 0px #333;
	box-shadow: 0px 0px 10px 0px #333;
	color:#333;
	padding:20px;
}

/* estilos dashboard */

.rojo_dash{
	color:red;
	font-weight:bold;
}

/* superadmin */
/* TOCADO */
.franja{
	border-bottom:1px solid #eaeaea;
	color:#262626;
	top: 0;
	width: 100%;
	padding-top:3px;
	padding-bottom:3px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:fixed;
	z-index: 101;
}

.franja2{
	border-bottom:1px solid #CCC;
	color:#333;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	padding-top:3px;
	padding-bottom:3px;
	background: #F8F8FA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.franja a, .franja2 a{
	z-index: 100;
}

.franja_noti{
	margin:0 auto;
	position:absolute;
	top:62px;
	width: 75%;
	text-align:center;
	z-index: 50;
}

.franja_noti2 {
	margin: 0px auto;
	position: absolute;
	text-align: center;
	top: -1px;
	width: 75%;
	z-index: 50;
}

.franja p, .franja2 p{
	padding-top:14px;
	padding-left:15px;
	}

.max_height_850 {
	max-height:850px;
	overflow:auto;
}

.columna_30 {
	width:30%;
	float:left;
	padding-left:3%;
}

/* VERSIÓN 1.0.1.0.4 */

#main-content tbody tr.mceFirst {
	background:none;
	border:0px;
	margin:0 auto;
}

#main-content tbody tr.mceFirst table {
	width:auto;
	padding:0px;
}

#main-content tbody tr.mceFirst table tbody tr {
	background:none;
	border:0px;
}
#main-content  tr.mceFirst table td {
	padding:0px;
	border:0 none;
}

/* VERSIÓN 1.0.1.0.5 */

.categoria_contenedor {
	overflow:auto;
	background:#F8F8FA;
	border-radius: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	max-height: 90px;
	min-height: 75px;
}

.categoria_contenedor img
{
	min-height: 75px;
	object-fit: contain;
}

.input_categoria {
	float:left;
	padding: 3px 0px 0px 5px;
	/*min-height: 78px;*/
}

.input_categoria input {
	position:relative;
	top: 20px;
	width: 24px;
	height: 24px;
}

.texto_categoria {
	font-weight: normal !important;
	padding: 0px !important;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	position:relative;
	top:25px;
	font-size: 16px;
}

.texto_categoria img {
	margin: 0px 10px 0px 0px !important;
	min-width: 88px !important;
}

.texto_categoria .marco_desc_fotos{
	border: 0px !important;
}



/* MEDIARE 1.1 */

#login-wrapper {
	float:left;
	background:#fff;
	-webkit-border-radius: 0 0 45% 45%;
	border-radius: 0 0 45% 45%;
	-webkit-box-shadow: 1px 1px 3px 0 #333333;
	box-shadow: 2px 2px 3px 0 #333333;
}

#slide-wrapper {
	padding-bottom:100px;
	width: 180px;
	height:100%;
	background:#f5f5f5;
	float:left;
	display:none;
	padding:5px 0px 5px 15px;
	-webkit-box-shadow:  5px 0px 20px 0px #000;
	box-shadow:  5px 0px 20px 0px #000;
	padding-top:25px;
}

#slide-wrapper hr {
	border:0px;
	border-bottom: 1px solid #ddd;
}



#login-wrapper #login-content {
text-align: left;
margin: 0 auto;

padding:30px;


}

#login-wrapper #login-content [type="submit"] {

background: #E2691A;
min-width:120px;

}

#expand_arrow {
	width:30px;
	height:30px;
	background:#fff url(images/arrow.png)top center no-repeat;
	float:left;
	position:relative;
	right:-30px;
	display:visible;
	z-index:1000;
	cursor:pointer;
}

.footerlogin {
	padding-right:0px;
	padding-top:20px;
	background:transparent;
	border-top:1px solid #ddd;
	color:#777;
	font-size:14px;
}

.halo_resalto {
	
}

.si-print {
	display:none;
}

.content-box-content ol{
	list-style-type: decimal;
	margin:20px;
	margin-left: 50px;
}

.content-box-content ol li{

	margin-bottom:10px;
}

/* gestor documental */

.ruta_doc {
	padding: 5px 20px;
	border-radius: 8px;
	background: #eee;
	overflow: hidden;
}

#zona_carpeta {

	padding:10px;
}

.carpeta {
	border: 1px solid #aaa;
	margin-top: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.zona_delantera {
	min-width:60px;
	border-right: 1px solid #aaa;
	padding:10px 5px;
	float:left;
	background:#fff;
	--webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.zona_trasera {
	padding:10px;
	padding-top:15px;
	width:70%;
	float:right;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.expansion {
	margin-left:30px;
}

.odd {
	border-bottom:1px solid #ccc;
}

.even {
	border-bottom:1px solid #ccc;
}

/* Facturación */


.pendiente {
	background:#CC9900;
	border:1px solid #9D7600;
	color:#fff;
	padding:5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:125px;
	text-align:center;
	margin:0 auto;
}


.vencida {
	background:#FF0000;
	border:1px solid #B00000;
	color:#fff;
	padding:5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:125px;
	text-align:center;
	margin:0 auto;
}

.borrador {
	background:#ddd;
	border:1px solid #bbb;
	color:#999;
	padding:5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:125px;
	text-align:center;
	margin:0 auto;
}

.pagada {
	background:#009900;
	border:1px solid #007D00;
	color:#fff;
	padding:5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:125px;
	text-align:center;
	margin:0 auto;
}

.cuadro_gris {
	background:#eee;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:30px;
	border:1px solid #ddd;
}

.contador_dinero {
	font-size: 24px;
	text-align:right;
}

.formulario_ajax {
	padding:10px;
	border:1px solid #ddd;
	background: #eee;
	min-height:100px;
	margin-bottom:15px;
}

hr {
	border-color: #bbb;
	margin-bottom: 10px;
}

#main-content table td.mceToolbar{
	border-right: 1px solid #BBBBBB;
}



/**************** Tablas de datos ****************************/

tr {
	border:1px solid #ddd;

}

.resaltado{
	background: #eee;
}

.borde_bajo {
	border:1px solid #ddd;
}

.separador_hr {
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
}

.rss_box {
	border: 1px solid #394F65 !important;
}

.rss_header {
	background: #577899 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #577899 0%, #394f65 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577899), color-stop(100%,#394f65))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #577899 0%,#394f65 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #577899 0%,#394f65 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #577899 0%,#394f65 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom,  #577899 0%,#394f65 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577899', endColorstr='#394f65',GradientType=0 )!important; /* IE6-9 */

}

/******************** Login ********************************/

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;

	background:#E2691A;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}


.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #eee;
	color: #E2691A;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	text-align:right;
}

/******************** Widgets ********************************/

.widget_box .content-box-content{
	overflow: auto;
}

.oculto {
	display: none;
}

.botones-edicion-widgets {
	float:right;
	position:relative;
	/*top:-65px;*/
}

#contenido_widgets {
	position:relative;
	top:-48px;
}

.widget_border_editable {
	border: 2px dashed #bbb;
	padding: 5px;
	margin: 0 0 5px 0;
	cursor: move;
}

.widget .content-box-header .bottom_opciones {
	padding: 5px;
	cursor: pointer;
}

#contenido_widgets .colum_left_tot, #contenido_widgets .colum_right_tot {
	min-height: 700px;
}

.sortable-enabled {
	border: 1px dotted #666;
	background-color: #f0f0f0;
	padding: 2px 2px 0;
}

.widget-add-cont a:link {
	height: 30px;
}

/* Versión 1.1.1.7.26 */
.foto-centro-mk {
	margin-right: 5px;
	max-width: 100px;
	max-height: 100px;
}

.foto-curso {
	max-height: 200px;
	max-width: 200px;
	margin-right: 25px;
	border: 1px solid #999;
	background-color: #ececec;
}

.chosen-container {
	width: 100%;
}

ul.chosen-choices {
	padding: 5px 0 0 0 !important;
}

ul.chosen-choices li {
	padding: 3px 20px 3px 3px !important;
}

ul.chosen-results li {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/* versión 1.1.1.7.32 */

.min-width-500{
	min-width:500px;
}

/* versión 1.1.1.8.33 */

.marco_desc_fotos {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius:5px;
	max-width: 100%;
}

.marco_desc_fotos2 {
	/*border: 3px solid #aaa;*/
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*border: 3px solid #e36c09 !important;*/
}

.number_margin {
	margin:0 auto;
	float:none;
}

.min-width-450{
	min-width:450px;
}

/* versión 1.1.4.1.5 βeta*/

.resaltado_ok {
	background:#B0FFB0;
}

.min-height-700 {
	min-height:700px;
}

.height-50 {
	height:50px;
}

.min-width-700 {
	min-width:700px;
}

.bottom_opciones2 {
	margin:0 auto;
	display:block;
	position:relative;
	margin:5px 5px;
	padding:7px 5px 5px 5px;
	padding-right:10px;
	cursor:pointer;
	background: #F8F8FA;
	color:#555;
	font-weight:bold;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.bottom_opciones2:hover {
	background: #EDEDF0;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.btop2_seleccionado{
	background: #ccc;
	border:1px solid #aaa;
}

.ml_50 {
	padding-left: 50px;
}

/* Estilo Alumne School */


.curso_4 {
	width: 272px;
	height: 410px;
	box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
    border-radius: 4px;
	float:left;
	margin-left: 15px;
	margin-bottom: 25px;
	overflow: hidden;
	background:#fff;
}

.curso_5 {
	width: 215px;
	height: 335px; 
	box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
    border-radius: 4px;
	float:left;
	margin-left: 15px;
	margin-bottom: 25px;
	background:#fff;
}

.curso hr{
	border:0px;
	border-bottom:1px solid #ccc;
	background: transparent;
}

.curso_4:hover, .curso_5:hover  {
	box-shadow: 5px 5px 25px 0 rgba(51,51,51,.3);
}

.cursoheader_4 img, .cursoheader_5 img {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


.cursoheader_4:hover img, .cursoheader_5:hover  img {
	filter: contrast(130%);
	-webkit-filter: contrast(130%);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.precio_curso {
	position:relative;
	top: -110px;
	background: #333;
	float:right;
	color: #fff !important;
	font-weight: bold;
	font-size: 22px;
	padding: 10px 5px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	background-color: rgba(0, 0, 0, .6);
	color: rgba(0, 0, 0, .6);
	text-shadow: 1px 1px 3px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
}

.cursoheader_4, .cursoheader_5 {
	overflow: hidden;
	max-height: 155px;
}

.cursoheader_4 img {
	width: 272px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	height: 155px;
}

.cursoheader_5 img {
	width: 215px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	max-height: 155px;
}

.endirecto .icono_endirecto {
	width: auto;
	position: relative;
}

.endirecto {
	display: inline-block;
	width: auto;
	padding:8px;
	background:#37434F;
	color:#fff;
	text-decoration:none;
	position: relative;
	top: -145px;
	font-size: 12px;
	float: left;
}

.endirecto .fa {
	font-size: 15px;
}

.endirecto img {
	position: relative;
	top: 3px;
	height: 14px;
	width: 14px;
	margin-right: 2px;
	/*-webkit-animation: super-rainbow 1s infinite alternate linear;
	-moz-animation: super-rainbow 1s infinite alternate linear;*/
}

.curso_5 .endirecto {
	top: -120px;
}

.endirecto_grande {
	position: absolute;
	top: 85px;
	right: 0;
	height: 30px;
	font-size: 25px;
}

.endirecto_grande img {
	top: 1px;
	height: 20px;
	width: 20px;
}

.endirecto_der {
	top: -30px;
	right: -6px;
	float: right;
}

.endirecto_inline {
	position: relative;
	top: 0px;
	float: none;
}

.tras_endirecto {
	top: -124px;
}

.curso_5 .tras_endirecto {
	top: -110px;
}

.cursobody {
	text-align:left !important;
	padding: 10px 5px;
}

.cursobody a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #E2691A;
}

.cursobody a:hover{
	color: #B55515;
}

.titulocurso{
	text-align:left;
	height: 125px;
	overflow: hidden;
}

.titulocurso a{
	font-size: 16px !important;
	font-family: 'Montserrat', sans-serif;	
	font-weight: normal;
    line-height: 1.25;
}

.zona_tituo_curso {
	margin-bottom: 10px;
}

.titulocurso hr{
	display:none;
}


.informacion_autores{
	height: 70px;
	overflow:hidden;
}

.curso_conocimientos{
	height: 48px;
	overflow:hidden;
}

.menos a{
	font-size: 12px !important;
}

.valoraciones{
	width: 120px;
	float: left;
}

.valoraciones_4{
	width: 160px;
	float: left;
}

.valoraciones p, .valoraciones_4 p{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	font-size: 10px;
}

.curso_5 .valoraciones_4{
	width: 120px;
	float: left;
}

.valoraciones img, .valoraciones_4 img{
	margin-right:1px;
}

.alumnos{
	width: 80px;
	float: right;
	vertical-align:middle;
	text-align:left;
	color: #777;
	font-family: 'Raleway', 'Open Sans Condensed',"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 18px;
}

.alumnos .fa{
	font-size: 24px;
	color: #777;
	vertical-align:middle;
	margin-right: 10px;
}

.curso_5 .alumnos{
	width: 70px;
}

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

.alumnos p{
	font-size: 14px;
	font-weight:bold;
	position:relative;
	top: -6px;
}

.cursofooter{
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background:#eee;
	text-align:left !important;
	padding:10px;
	border-top:1px solid #ddd;
	min-height: 60px;
}
.curso_4 .cursofooter {
	width: 252px;
}

.fotoautor {
	width:32px;
	height:32px !important;
	border:1px solid #fff;
	-webkit-box-shadow:  0px 0px 4px 0px #555;
	box-shadow:  0px 0px 4px 0px #555;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin: 0 8px 15px 0;
}

.suscripcion_4 .fotoautor {
	width:53px;
	height:auto;
}

.fotoautor_grande {
	width:128px;
	height:128px;
	border:1px solid #fff;
	-webkit-box-shadow:  0px 0px 4px 0px #555;
	box-shadow:  0px 0px 4px 0px #555;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-right: 10px;
}

.tituloautor {
	font-weight:bold;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.subtituloautor {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
}

.fondo_ok {
	background: #009900 !important;
}

.fondo_borrador {
	background: #777 !important;
}

.fondo_enproceso {
	background: #FF0000 !important;
}

/* Solicitar nuevo */

.cuadro_solicitud_curso {
	width: 267px;
	height: 400px;
	border: 5px dashed #ccc;
	background:transparent url(images/sugerir.png) no-repeat center center;
	float:left;
	margin-left: 15px;
	margin-bottom: 25px;
	text-align:center !important;
}

.cuadro_solicitud_curso span{
	font-size: 18px;
	position:relative;
	top: 40px;
}

.cuadro_solicitud_curso span.tgrande{
	font-size: 36px;
	position:relative;
	top: 250px;
}

a.gris{
	color:#ccc !important;
}

a.gris:hover{
	color:#999999 !important;
}

.cuadro_solicitud_curso:hover {
	border: 5px dashed #bbb;
	background:transparent url(images/sugerir2.png) no-repeat center center;
}

.titulo_portada {
	position: relative;
	text-align: center;
}

.titulo_portada:before {
	content: '';
	width: 30%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 50%;
	background: #c9cacb;
}

.titulo_portada:after {
	content: '';
	width: 30%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left:auto;
	right: 0;
	top: 50%;
}


/* MURO RED SOCIAL */
.caja_muro {
	margin: 0 0 15px 0;
	background: #fff;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.caja_muro .titulo_caja {
	font-weight: bold;
	padding: 8px 3px 3px;
	font-size: 13px;
	position: relative;
	top: 5px;
}

.caja_muro .contenido_caja {
	
	font-size: 13px;
}

.caja_muro .zona_nueva_respuesta {
	padding: 0 0 0 5px;
}

.caja_muro .zona_nueva_respuesta label {
	display: none;
}

.caja_muro .contenido_caja .submit, #zona_nuevo_comentario .submit, .caja_muro .zona_nueva_respuesta p {
	padding: 0;
	margin: 0;
}

.caja_muro .zona_nueva_respuesta .submit {
	padding: 5px 5px 3px 0;
	margin: 0;
}

.caja_muro .zona_nueva_respuesta .submit input {
	padding: 5px 7px;
}

.caja_muro .encabezado_caja {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding: 10px;
	background: #eee;
}

.caja_muro .fecha_publicacion {
	font-size: 13px;
	width: 100%;
	padding: 10px 0 2px 60px;
	margin: 2px 0 5px;
	font-style: italic;
}

.caja_muro .foto-usu {
	margin: 15px;
	width: 45px;
	max-height: 45px;
	height: auto;
	margin: 0 auto;
	margin-right: 10px;
	float: left;
}

.caja_muro .mensaje {
	overflow: hidden;
	display: block;
	padding: 15px;
}

.caja_muro .opciones {
	margin: 0;
	padding: 0;
}

.caja_muro .contenido_adjunto {
	margin: 5px auto;
	padding-top: 5px;
	text-align: center;
}

.caja_muro .contenido_adjunto iframe.adjunto, .caja_muro .contenido_adjunto img.adjunto {
	max-height: 350px;
	max-width: 100%;
	margin: 0 0 5px 5px;
	border:1px solid #ccc;
	-webkit-box-shadow: 1px 1px 5px 5px #D9D9D9;
	box-shadow: 1px 1px 5px 5px #D9D9D9;
}

.caja_muro .contenido_adjunto .curso_4 {
	float: none;
	margin: 0 auto 10px;
}

.caja_muro .curso_4 .cursobody {
	min-height: 1px;
	max-height: 40px;
}

.caja_muro .curso_4 .cursofooter {
	min-height: 1px;
	max-height: 30px;
}

.caja_muro .comentario_pequeno .contenido_adjunto iframe.adjunto, .caja_muro .comentario_pequeno .contenido_adjunto img.adjunto {
	max-height: 200px;
	max-width: 90%;
	border:1px solid #ccc;
	-webkit-box-shadow: 1px 1px 5px 5px #D9D9D9;
	box-shadow: 1px 1px 5px 5px #D9D9D9;
}

.caja_muro .respuestas {
	margin: 0;
	background-color: #eee;
	border-top: 1px solid #ccc;
}

.caja_muro .respuestas .comentario_pequeno {
	border-bottom: 1px solid #ccc;
	padding: 3px;
	overflow: hidden;
}

.caja_muro .comentario_pequeno .titulo_caja {
	font-size: 12px;
	top: 2px;
}

.caja_muro .comentario_pequeno .fecha_publicacion {
	font-size: 12px;
	padding: 0 0 0 40px;
}

.caja_muro .comentario_pequeno .foto-usu {
	margin: 15px;
	width: 25px;
	max-height: auto;
	margin: 0 auto;
	margin-right: 10px;
	float: left;
}

.caja_muro .btn_responder a, .caja_muro .btn_aceptar a, .caja_muro .btn_denegar a {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #E2691A;
	border: 0;
	padding: 7px;
	margin: 0 5px 5px 0;
	color: #fff !important;
	font-size: 13px !important;
	cursor: pointer;
	text-decoration: none;
}

.caja_muro .btn_aceptar a {
	background: #088A08;
}

.caja_muro .btn_denegar a {
	background: #999;
}

.caja_muro_publi {
	background: #f3f3f3;
	cursor: pointer;
}

.curso_publi {
	margin-top: 5px;
	padding: 10px;
	background: rgba(255,255,255,0.6);
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


.curso_publi_foto {
	float: left;
}

.curso_publi_foto img {
	margin-right: 15px;
	border-radius: 5px;
	position:relative;
}

.caja_muro_publi_der .curso_publi_foto img {
	max-width: 75px;
	max-height: 75px;
}

.caja_muro_publi .titulo_curso_publi {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
}

.caja_muro_publi_der .titulo_curso_publi {
	margin-top: 1px;
}

.titulo_curso_publi {
	font-size: 24px;
}

.subtitulo_curso_publi {
	font-size: 16px;
	margin-top: 10px;
}

 .precio_curso_publi {
	margin: 5px 10px 0 0;
	font-weight: bold;
	font-size: 20px;
	background: #333;
	color: #fff;
	z-index: 100;
	float: right;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.numero_alumnos_slider, .valoracion_slider {
	border: 1px solid #ddd;
	padding: 5px;
	float:left;
	margin-top: 15px;
	font-size: 14px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}

.numero_alumnos_slider .fa, .valoracion_slider .fa{
	font-size: 20px;
	vertical-align:middle;
	margin-right: 10px;
	color: #ccc;
}

.contenedor_nivel {
	display: inline-block;
	text-align: center;
	margin: 0 auto 20px;
	width: 100%;
}

.contenedor_nivel .titulo_nivel {
	font-weight: bold;
	font-size: 13px;
}

.contenedor_nivel img {
	margin:15px;
	width:90px;
	height:auto;
	margin:0 auto;
	margin-right:5px;
}

.contenedor_nivel_mini {
	width: 60px !important;
	max-width: 60px !important;
	height: 60px !important;
	max-height: 60px !important;
	overflow: hidden;
	text-align: center;
}

.contenedor_nivel_mini_d {
	float: right;
	display: inline-block;
}

.contenedor_nivel_mini_i {
	float: left;
	display: inline-block;
}

.contenedor_nivel_mini .titulo_nivel {
	font-weight: bold;
	font-size: 11px;
}

.contenedor_nivel_mini img {
	width: 32px;
	height:auto;
}

.contenedor_leyenda_exp, #barra_experiencia {
	margin: 8px 65px 0;
}

#barra_experiencia {
	position: relative;
	bottom: 5px;
}

#barra_experiencia .ui-progressbar-value {
	background: #f6a828 url("images/ui-bg.png") 50% 50% repeat-x;
	display: table;
	height: 26px;
}

#barra_experiencia .ui-progressbar-value .valor {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	top: 7px;
}

.ranking_yo td {
	background-color: #ddd;
}

.valor_siguiente {
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin-right: 65px;
}

.switch_perfil {
	cursor: pointer;
	max-width: 16px;
	height: auto;
}

/* Logros */
.caja-logro {
	width: 175px;
	height: 180px;
	border: 1px solid #eee;
	background-color: #F8F8FA;
	margin: 10px;
	display: inline-block;
	padding: 10px;
	text-align: center;
	color: #555;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.caja-logro:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.caja-logro .imagen-logro img {
	width: auto;
	height: 128px;
	margin: 0 auto;
	text-align: center;
}

.caja-logro .nombre-logro {
	font-weight: bold;
	font-size: 13px;
	margin-top: 5px;
}

.caja-logro .descripcion-logro {
	font-size: 12px;
	font-style: italic;
}

/* Importante: a partir de aquí se hereda de las clases anteriores */
.caja-logro-expandida {
	margin: 0 auto;
	text-align: center;
	display: inherit;
	width: 300px;
	height: auto;
	cursor: default;
}

.caja-logro-expandida:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.caja-logro-mini {
	width: 70px;
	height: 100px;
}

.caja-logro-mini .imagen-logro img {
	width: auto;
	height: 50px;
}

.caja-logro-mini .nombre-logro {
	font-size: 10px;
}

.caja-logro-mini .descripcion-logro {
	display: none;
}


/* SKILLS */

.carta_container .caja-skill, .contenido_lateral_red .caja-skill, .todos-mis-skills .caja-skill{
		display: block !important;
	}

.caja-skill {
	border: 1px solid #F8F8FA;
	background-color: #F8F8FA;
	display: inline-block;
	border-radius: 3px;
	padding:10px;
	margin-bottom: 2px;
}

.caja-skill .add-skill, .caja-skill .cantidad-skill {
	display: inline-block;
	cursor: pointer;
	background-color: #eee;
	float: right;
	padding: 4px;
}

.caja-skill .add-skill img {
	position: relative;
}

.caja-skill .cantidad-skill {
	position: relative;
	bottom: 1px;
	left: 1px;
	width: auto;
	text-align: center;
	border-radius: 2px;
	min-width: 30px;
	cursor: default;
}

.caja-skill .cantidad-skill span {
	color: #fff;
	position: relative;
	top: 6px;
	font-size: 14px;
	margin: 0 5px;
}


.caja-skill .img-skill {
	width: 22px;
	height: 22px;
	margin: 2px 10px 0 5px;
	float:left;
}

.caja-skill .texto-skill {
	font-size: 12px;
	margin: 0 5px;
	position: relative;
	top: 3px;
	float:left;
}

.texto-skill2{
	display: inline-block;
	font-size: 12px;
	margin: 0 5px;
	position: relative;
	top: 6px;
}

tr .img-skill img {
	display: inline-block;
	max-height: 32px;
}

.input-skill {
	width: 70px;
	padding: 2px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.input-skill2 {
	width: 70px;
	padding: 2px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.btn_restar_1_skill, .btn_sumar_1_skill, .btn_restar_1_skill2, .btn_sumar_1_skill2, .btn_eliminar_skill {
	cursor: pointer;
}

.visibilidad-skill {
	padding: 0 3px;
	float: right;
	cursor: pointer;
	height: 25px;
	background-color: #f1f1f1;
	border-radius: 0 2px 2px 0;
	margin-left: 2px;
}

.visibilidad-skill:hover {
	background-color: #e0e0e0;
}

.caja-skill .visibilidad-skill img {
	height: 24px;
	width: 24px;
}

/* Skills grandes (y ancho completo) */
.caja-skill-vistausu {
	width: 100%;
	cursor: default;
}

.caja-skill-vistausu .cantidad-skill span {
	top: 8px;
}

.caja-skill-vistausu, .caja-skill-vistausu .cantidad-skill {
	height: 30px;
	font-size: 15px;
}

.caja-skill-vistausu .texto-skill {
	bottom: 8px;
}

.caja-skill-vistausu .img-skill {
	width: 26px;
	height: 26px;
	margin: 3px 0 0 5px;
}

.caja-skill-vistausu .visibilidad-skill {
	height: 30px;
}

.caja-skill-vistausu .visibilidad-skill img {
	margin-top: 3px;
	height: 24px;
	width: 24px;
}

.caja-skill-propio .cantidad-skill {
	border-radius: 0;
}

/* Contactos red social */
.contacto_rs {
	width: 47%;
	min-width: 400px;
	border: 1px solid #bbb;
	border-radius: 10px;
	background: #eee;
	padding: 5px;
	display: inline-block;
	float: left;
	margin: 10px 10px 0 0;
}

.contacto_rs .foto_contacto {
	float: left;
	overflow: hidden;
}

/* Categorías */
.caja-categoria {
	width: 175px;
	height: 180px;
	border: 1px solid #eee;
	background-color: #F8F8FA;
	margin: 10px;
	display: inline-block;
	padding: 10px;
	text-align: center;
	color: #555;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.caja-categoria:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.caja-categoria .imagen-categoria img {
	width: auto;
	max-height: 128px;
	max-width: 128px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center;
}

.caja-categoria .nombre-categoria {
	font-weight: bold;
	font-size: 13px;
	margin-top: 5px;
}

.caja-categoria .descripcion-categoria {
	font-size: 12px;
	font-style: italic;
}

/* Importante: a partir de aquí se hereda de las clases anteriores */
.caja-categoria-expandida {
	margin: 0 auto;
	text-align: center;
	display: inherit;
	width: 300px;
	height: auto;
	cursor: default;
}

.caja-categoria-expandida:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.caja-categoria-mini {
	width: 70px;
	height: 100px;
	cursor: initial;
}

.caja-categoria-mini .imagen-categoria img {
	width: auto;
	height: 50px;
}

.caja-categoria-mini .nombre-categoria {
	font-size: 12px;
}

.caja-categoria-mini .descripcion-categoria {
	display: none;
}

.cursor_pointer {
	cursor: pointer;
}

.tabla_dragdrop {
	padding: 2px;
}

/* Glosario */
.termino-glosario {
	width: 100%;
	margin: 3px auto;
	display: inline-block;
	font-size: 13px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.termino-glosario .botones-term-glosario {
	margin: 20px;
	float: right;
}

.termino-glosario .botones-term-glosario a {
	display: inline-block;
}

.termino-glosario .termino-term-glosario {
	margin: 20px 20px 0;
	font-size: 15px;
	font-weight: bold;
}

.termino-glosario .descripcion-term-glosario {
	margin: 0 20px;
}

.video_faq {
	display: block;
	width: 100%;
}

#foto_usuario_barra {
	border: 0px !important;
	border-radius: 50%;
    box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
}

.cuadro_lateral_red {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	margin-top: 10px;
	border: 1px solid #eaeaea;
	background: #fff;
}

.cabecera_lateral_red {
	background: #F8F8FA;
	border-bottom: 1px solid #eee;
}


.visibilidad_cabecera_red{
	padding: 10px;
	background: #eee;
	height: 40px;
	float:left;
}

.titulo_cabecera_red{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 45px;
}

.contenido_lateral_red {
	padding: 10px;
}

.overflow_hidden {
	overflow: hidden;
}

.main-content-f2 .franja_noti {
	position: absolute;
	top: 62px;
	width: 75%;
	text-align: center;
	margin-bottom: 20px;
}

h2#titulo-pag {
	float:left;
	color: #37434F;
	font-size: 48px;
}

#zona_titulo {
	margin-top: 40px !important;;
}

#page-intro {
	margin-left: 5px;
	color: #5DAF8E;
	display:none;
}

.multisubmit .submit {
	width: auto;
	float: right;
}

.centrado {
	margin: 0 auto;
	text-align: center;
}

.boton_centrado {
	margin: 0 auto;
	text-align: center;
}

.boton_centrado .bottom_opciones {
	display: inline-block;
}

.qrcode img {
	max-width: auto;
}

/* OTROS */
.contenedor_cats {
	/*padding: 20px;*/
	text-align:center;
}

.categoria_detacada{
	width: 280px;
	min-height: 380px;
	margin-right: 15px;
	float:left;
	margin-bottom:15px;
	overflow: hidden;
	background: #F9F9F9;
}

.categoria_detacada img{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	top: 15px;
	width: 128px;
	height: 128px;
	background: #fff;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-box-shadow: 3px 3px 10px 0 #777;
	box-shadow: 3px 3px 10px 0 #777;
}

.categoria_detacada:hover{
	background: #F9F9F9;
}

.categoria_detacada:hover img{
	filter: contrast(130%);
	-webkit-filter: contrast(130%);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.body_categoria{
	font-size: 12px;
	padding: 5px;
	height: 130px;
	overflow:auto;
	border-top: 1px solid #eee;
	color: #879095 !important;
}

.footer_categoria{
	font-size: 10px;
	background: #eee;
	padding:10px;
	text-align:left;
}

.titulo_categoria_catalogo {
	margin-top: 75px;
	text-align:center;
	height: 50px;
}

.titulo_categoria_catalogo h3{
	color: #616F77 !important;
}

.color_categoria {
	height: 85px;
	background: #eee;
	position:relative;
	border-bottom: 1px solid #eee;
}

.color_categoria:hover{
}

.categoria_detacada img {
	max-height: 180px;
	max-width: 180px;
	border-radius: 50%;
}

.categoria_detacada h3 {
	font-size: 20px;
	color: #222;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	margin: 20px 10px;
}

.franja_superior {
	padding: 0 0 0 10px;
	float: right;
}

.franja_superior .submit {
	display: inline-block;
}

.franja_superior .submit input {
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	display: inline-block;
	background: linear-gradient(to right, #fe272f, #ffa664 );
	border: 0;
	padding: 4px;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	text-decoration:none;
	border-radius: 5px;
	display: inline-block;
	border-radius: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.franja_superior .submit input:hover {

}

.franja_superior .submit input:focus, .bottom_opciones:focus {
}

.franja_superior .submit input:active {
	padding: 5px 7px 3px 7px !important;
}

.zona_busqueda {
	padding: 0 10px;
	text-align: right;
}

.cuadrobuscar {
	font-size: 15px;
	border-radius: 4rem;
	border: 1px solid #ccc;
	max-width:100%;
	padding: 4px;
	padding-left: 10px;
}

/* Notificaciones tipo windows 8 */
.notifications-tr {
	position: absolute;
	right: 525px;
	top: 0;
	z-index: 1000;
}

.notification-tr {
	position: absolute;
	top: -100px;
	width: 450px;

	margin-bottom: 10px;
	z-index: 1000;

	color: #ccc;
	font-family: sans-serif;
	font-weight: 400;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background-color: #ccc;
}

.notification-tr .ntr-icon {
	display: table-cell;
	width: 60px;
	background-color: #0004;
	color: #fff;
	font-size: 28px;
	text-align: center;
	vertical-align: middle;
}

.notification-tr .ntr-main {
	display: table-cell;
	padding: 20px 10px;
	color: #fff;
	text-shadow: 0.5px 0.5px #666;
}

.notifications-tr .icon-ntr-info {
	background-color: #48a;
}
.notifications-tr .icon-ntr-success {
	background-color: #6a3;
}
.notifications-tr .icon-ntr-warning {
	background-color: #ea3;
}
.notifications-tr .icon-ntr-error {
	background-color: #e64;
}
.notifications-tr .icon-ntr-logro {
	background-color: #003399;
}

.notifications-tr .ntr-close {
	float: right;
	cursor: pointer;
	padding: 5px 10px 0 0;
	/*background-color: #0004;*/
	color: #fff;
	font-size: 20px;
}


.candado{
	background: #fff url(images/lock_24.png) no-repeat top left;
	background-position: 10px 5px;
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	width: 85%;
	padding: 10px;
	padding-left: 60px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #777 !important;
	font-size: 15px;
}

.cupon{
	background: #fff url(images/cupon_24.png) no-repeat top left;
	background-position: 10px 5px;
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	width: 85%;
	padding: 10px;
	padding-left: 60px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #777 !important;
	font-size: 15px;
}

.email_login{
	background: #fff url(images/email_24.png) no-repeat top left;
	background-position: 10px 5px;
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	width: 85%;
	padding: 10px;
	padding-left: 60px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #777 !important;
	font-size: 15px;
}

#profile_box {
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}


#profile_imagen_wrapper {
	background: #ccc url(images/gausiano.jpg) top left;
	min-height: 175px;
	padding: 20px;
	text-align:center;
	background-size: cover;
}

#profile_imagen_wrapper .imagen_buena img {
	height: 100px;
	width: 100px;
	margin-top: 20px;
	border: 3px solid #eee !important;
}

#nombre_apellidos_muro {
	color: #fff !important;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

#nombre_apellidos_muro small {
	color: #fff !important;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}

.elemento_menu_social {
	border-bottom: 1px solid #eaeaea;
	background:#fff;
}

.imagen_menu_social {
	width: 30px;
	float:left;
	background: #eaeaea;
	padding: 5px;
	text-align:center;
}

.contenido_menu_social {
	color: #37434F;
	padding: 10px 5px 0px 50px;
}

.contador_menu_social {
	float:right;
	background: #eaeaea;
	padding: 4px;
	text-align:center;
	margin: 3px 10px 0px 10px;
}

/* Lista de documentos */
.docu-lista img{
	margin-right: 10px;
}
.docu-lista{
	font-size: 14px;
}

#contenedor_gral_docs ul li{
	padding: 10px 0 0px 50px;
}

.columna-raiz {
	border: 1px dashed #999;
	background: #eee;
}

.lista-no-ord {
	border-bottom: 1px solid #ddd;
}

.lista-no-ord.ui-sortable:before {
	content: "Elementos SIN orden específico";
	padding: 10px;
	color: #555;
}

.lista-ord.ui-sortable:before {
	content: "Elementos CON orden específico";
	padding: 10px;
	color: #555;
}

.borde_trazo {
	border: 1px dashed #999;
}

.asignatura {
	border: 1px dashed #999;
	padding:10px 0px 10px 30px;
	background: #eee;
	font-size: 18px;
	border-radius: 10px
}

.globo {
	background: #555;
	padding: 14px 0px;
	font-size: 32px;
	color: #fff;
	width:60px;
	text-align:center;
	position:relative;
	left: -20px;
	float:left;
	-webkit-border-radius: 60px;
	border-radius: 10px;
	text-shadow: 2px 2px 10px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	border:2px solid #333;
}

.globo-peq {
	width: 25px;
	font-size: 13px;
	padding: 6px 0;
	border-radius: 5px;
	top: 10px;
	background: #777;
	border:1px solid #555;
}

.elem-sortable-o {
	border: 1px dashed #bbb;
	padding: 5px;
	margin: 0 0 5px 0;
	cursor: move;
	background-color: #fff;
}
.elem-sortable-no {
	border: 1px dashed #bbb;
	padding: 5px;
	margin: 0 0 5px 0;
	cursor: move;
	background-color: #eee;
}

.papelera {
	display: none;
	border: 1px dashed #bbb;
	padding: 10px 0;
	background-color: #eee;
	margin-bottom: 10px;
}

.papelera ul {
	list-style-type: none;
}

.contenido_papelera {
	padding: 10px;
	font-style: italic;
}

.resaltar-placeholder {
	border: 1px solid #fcefa1;
	background-color: #fbf9ee;
}

.icono_es_plantilla, .icono_no_es_plantilla, .icono_es_plantilla_cargando {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: default;
	width: 16px;
	height: 16px;
}

.icono_es_plantilla, .icono_no_es_plantilla {
	border-radius: 10px;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}

.icono_es_plantilla span, .icono_no_es_plantilla span {
	position: relative;
	top: -2px;
	left: 4px;
}

.icono_no_es_plantilla {
	border: 2px solid #8a0808;
	background-color: #ffb6b6;
}

.icono_es_plantilla {
	border: 2px solid #0d5500;
	background-color: #c1ffb6;
}

.destacado {
	background: #E8E8E8;
}

.rojo_bloqueado{
	background-color: #FFECEC !important;
	border-bottom: 1px solid #ccc;
}



.elemento_menu_edit .fa, .elemento_menu_edit .fas, .elemento_menu_edit .bi{
	font-size: 1.4rem;
	margin-right: 10px;
	vertical-align:middle;
}

.column-left-25 {
	border:0px !important;
	background: #f6f7fbbf;
	border-radius: 0.8rem;
}

.elemento_menu_edit{
	padding: 5px 15px !important;
}

.elemento_menu_edit a {
	clear:both;
	cursor: pointer;
	display: block;
	/*background: #eeeeee87;*/
	padding: 10px !important;
	border-radius: 0.8rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	font-size: 1rem;
	color: #101332;
}

.elemento_menu_edit .seleccionado, .elemento_menu_edit .seleccionado:hover {
	background: #fc9d5b;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.elemento_menu_edit a:hover {
	background: #fff;
}

.evo-colorind{
	top:0px;
	padding: 9px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.fondo_blanco {
	background: rgba(255,255,255,0.7);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.padding_10p {
	padding: 10px;
}



.padding_15p {
	padding: 15px;
}

.padding_20p {
	padding: 20px;
}

.padding_25p {
	padding: 25px;
}

.padding_10p_20p {
	padding: 10px 20px;
}

.padding_5p {
	padding: 5px;
}

.barra_perfil_red_social {
	position:relative; 
	right: 20px;
	top: -100px;
}

#header_perfil_social {
	height: 200px;
	background: url(images/header_default_red_social.jpg) top center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px 0 #777;
	box-shadow: 0 0 10px 0 #777;
	background-size: cover;
}

.imagen_logro_ant img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 10px;
}

#zona_estadisticas_usuario_red{
	text-align:center;
}

#zona_estadisticas_usuario_red .contador{
	font-size: 28px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#zona_estadisticas_usuario_red .fa {
	font-size: 48px;
	color: #ccc;
	margin-bottom: 10px;
}

.cuadro_estadisticas_usuario {
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 10px;
	background:#F8F8FA;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cuadro_estadisticas_usuario:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#listado ul{
	list-style-type: disc !important;
	margin-left: 20px;
}

#listado li{
	padding: 10px 0 0 0 !important;
}

/* UNSLIDER */
#slider {
	position: relative;
	overflow: auto;
	margin: 0;
	padding: 0;
	max-height: 500px;
	margin-bottom: 10px;
}

#slider ul { margin: 0; padding: 0; }
#slider li { list-style: none; margin: 0; padding: 0; }
#slider ul li { float: left; margin: 0; padding: 0; }

#slider .unslider-arrow {
	position: absolute;
	top: 75px;
	z-index: 1000;
	padding: 30px 10px;
	
	background: rgba(0,0,0,0.5);
	opacity: 0.4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	cursor:pointer;
	color: #fff;
	font-size: 32px;
	text-shadow: 1px 1px 1px #0A0A0A;
}

#slider .unslider-arrow:hover { opacity: 0.75; }
#slider .prev { left: 0; }
#slider .next { right: 0; }

#slider .dot, #slider .unslider-arrow {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

#slider .dots { position: absolute; left: 0; right: 0; bottom: 10px; text-align:center; display:none;}
#slider .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: #333;
	text-indent: -999em;

	border: 2px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
#slider .dots li:hover { opacity: .8; }
#slider .dots li.active { background: #ccc; opacity: 1; }


.amarillo {
	color: #D6A645 !important;
}

.curso_avance{
	padding: 5px;
	background: #ECEDF0;
	border-top: 1px solid #ddd;
}

.barra_avance_covertura {
	height: 7px; 
	background: #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	position:relative;
	top: 5px;
}

.barra_avance {
	height: 7px; 
	background: #6CC05D;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#curso_head {
	background-color: hsla(26, 79%, 79%, 1);
	background-image: radial-gradient(circle at 90% 84%, hsla(1, 100%, 64%, 1) 17%, transparent 63%), radial-gradient(circle at 55% 93%, hsla(34, 100%, 60%, 1) 7%, transparent 74%), radial-gradient(circle at 47% 92%, hsla(322, 71%, 78%, 1) 8%, transparent 63%), radial-gradient(circle at 57% 0%, hsla(255, 76%, 55%, 1) 8%, transparent 88%), radial-gradient(circle at 1% 54%, hsla(328, 74%, 65%, 1) 10%, transparent 68%);
	background-blend-mode: normal, normal, normal, normal, normal;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-right: 10px;
	border-radius: 5px;
}

#curso_head h2{
	margin-top: 5px;
	color: #fff;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;	 
}

#curso_head h3{
	color: #eee;
	font-weight: 300;
	font-family:'Montserrat';
}

#foto_curso_arriba{
	border:0px;
}

#zona_mis_datos {
	text-align:center;
}

#zona_mis_datos .fa{
	font-size: 196px;
	color:#ccc;
	margin:20px;
}

.info_facturas:hover, .info_lead:hover , .info_proyectos:hover , .info_cuentas:hover {
	cursor:pointer;
}

.info_facturas:hover .fa, .info_lead:hover .fa, .info_proyectos:hover .fa, .info_cuentas:hover .fa{
	color:#E16919 !important;
}

#zona_accesos_rapidos {
	float:right;
	padding-right: 25px;
}

#zona_accesos_rapidos .bottom_opciones {
	margin:0px;
	padding: 10px;
	margin-right: 5px;
	font-size: 32px;
	color: #777;
	min-width: 30px;
	text-align: center;
	min-width: 60px;
	border-radius: 7px !important;
}

#zona_accesos_rapidos .bottom_opciones .fa{
	vertical-align:middle;
	
}

#zona_accesos_rapidos .bottom_opciones span {
	font-size: 12px;
	position:relative;
	top: -7px;
	margin-left: 10px;
}

#zona_accesos_rapidos .bottom_opciones:hover {
	color: #CE6117;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#informacion_franja{
	float:left;
	padding-left: 15px;
}

#informacion_franja #logo_peke {
	float:left;
	display:none;
	/*margin-left: 30px;*/
	margin-right: 30px;
}

#informacion_franja #logo_peke img{
	max-height: 50px;
}

#informacion_franja .bottom_opciones .fa{
	color: #777;
	font-size: 24px;
	vertical-align:middle;
	margin-right: 7px;
}

#informacion_franja .bottom_opciones .fa:hover, .accesos_usuario_noticias .bottom_opciones:hover{
	color: #CE6117;
}

#informacion_franja p{
	color: #999;
}


.padding250resp {
		/*padding-left: 250px !important;*/
		width: calc(100% - 230px);
		right: 0px;
		padding-left: 0px;
}


.main-contentresp_ant {
	margin: 0 30px 0 250px !important;
	
}

.main-contentresp_ant2 {
	margin: 0 30px 0 65px !important;
	
}

#sidebar #main-nav li a.current .fa {
	color: #fff !important;
}

.letrero_del_menu {
	margin-top:8px;
}

.menu_resp_activo, .menu_resp_activo .fa {
	color: #CE6117 !important;
}

.evo-colorind, .evo-colorind-ie, .evo-colorind-ff{
	width: 40px !important;
	height: 40px !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.zona_destacada {
	background: #eee;
	padding: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.destacado_porcentaje{
	font-size: 150%;
	color: #fff;
	text-shadow: rgb(40, 40, 40) 1px 1px,
    rgb(40, 40, 40) 2px 2px,
    rgb(41, 41, 41) 3px 3px,
    rgb(41, 41, 41) 4px 4px,
    rgb(42, 42, 42) 5px 5px,
    rgb(43, 43, 43) 6px 6px,
    rgb(43, 43, 43) 7px 7px,
    rgb(44, 44, 44) 8px 8px,
    rgb(45, 45, 45) 9px 9px,
    rgb(45, 45, 45) 10px 10px,
    rgb(46, 46, 46) 11px 11px,
    rgb(47, 47, 47) 12px 12px,
    rgb(47, 47, 47) 13px 13px,
    rgb(48, 48, 48) 14px 14px,
    rgb(49, 49, 49) 15px 15px,
    rgb(49, 49, 49) 16px 16px,
    rgb(50, 50, 50) 17px 17px,
    rgb(51, 51, 51) 18px 18px;
   background-color: rgb(51, 51, 51);
   min-width: 80px;
  }
  
/* noticias */

#buscador {
	
	padding-top: 15px;
	padding-bottom: 0px;
}

#buscador input[type=text] {
	border: 1px solid #ccc;
	padding: 10px;
	color: #333 !important;
	font-size: 24px;
	font-family: 'Montserrat';
	font-weight: 300;
	position: relative;
	-webkit-border-radius: 2rem 0 0 2rem;
	border-radius: 2rem 0 0 2rem;
	min-height: 60px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#buscador .boton {
	height: 60px;
	font-size: 18px;
	font-family: 'Montserrat';
	position: relative;
	border: 0px;
	cursor:pointer;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	background: #fe272f;
	color: #fff;
}

#buscador #boton_categorias{
	height:60px;
	font-size: 18px;
	position: relative;
	border: 0px;
	-webkit-border-radius: 0px 2rem 2rem 0px;
	border-radius: 0px 2rem 2rem 0px;
	cursor:pointer;
	z-index: 15;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-align:center;
	vertical-align:middle;
	font-family: 'Montserrat';
	padding-top: 10px;
	background: #333;
	color: #fff;
}


#buscador #boton_categorias:hover, #buscador .boton:hover {
	filter:alpha(opacity=75);
	opacity:.75;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}


#categorias_noticias {
	padding: 10px;
	background: #F8F8FA;
	margin-top: 10px;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}

.categoria_noticia {
	height: 200px;
	width: 250px;
	background: #fff;
	float:left;
	margin:5px 10px;
	border-radius: 10px;
	overflow: hidden;
	text-align:center;
	padding-top: 10px;
	display:block;
}

.categoria_noticia:hover, .noticia:hover {
	
}

.imagen_categoria {
	text-align:center;
}

.imagen_categoria img{
	margin: 0 auto;
	width: 100px;
}

.titulo_categoria {
	padding: 5px;
}

.titulo_categoria h3 {
	font-size: 18px;
	font-family:'Montserrat';
	font-size: 300;
	text-align:center;
	margin-top: 10px;
}

.noticia, .noticia_opciones {
	overflow: hidden;
	margin-bottom: 10px;
}


.category_badget a{
	color: #fff !important;
}

.category_badget a:hover{
	color: #fff !important;
	text-decoration:underline;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.contenido_noticia{
    font-family: 'Montserrat' !important;
	text-align:justify;
}

.contenido_noticia h1{
	margin: 30px 0px 20px 0px;
	font-size: 24px !important;
}

.contenido_noticia h2{
	margin: 30px 0px 20px 0px;
	font-size: 20px !important;
}

.contenido_noticia h3{
	
}

.contenido_noticia h4{
	
}

.contenido_noticia p{
	font-size: 16px !important;
}

.noticia h3 {
	font-size: 20px;
	font-weight: normal;
}

.new_tag {
	position: absolute;
    z-index: 15;
    top: 5px;
    left: 10px;
    padding: 8px 12px;
    color: #fff;
    background: linear-gradient(to right, #fe272f, #ffa664);
    font-weight: 600;
    -webkit-border-radius: 5px;
    border-radius: 2rem;
}


.noticia_3 h3 {
	font-size: 40px;
	font-weight: normal;
}

.noticia .zona_imagen_noticia{
	
}

.fecha_noticia {
	font-size: 11px;
}

.zona_imagen_noticia img {
	border-radius: 1rem;
}


	
.zona_imagen_noticia:hover {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.noticia_1  .zona_contenido_noticia, .noticia_2  .zona_contenido_noticia{
	float:right;
	width: 50%;
	height: 100%;
}

.noticia_3  .zona_contenido_noticia{
	float:left;
	width: 60%;
	height: 100%;
}

.zona_contenido_noticia h5 {
	font-size: 18px;
	font-weight:700;
}

.naranja {
	border-bottom: 3px solid rgba(0,0,0,0.15) !important;
	background: #E2691A; 
	color:#fff !important;
}

.c_naranja {
	color: #E2691A; 
}

.gris {
	border-bottom: 3px solid rgba(0,0,0,0.15) !important;
	background: #999; /* Old browsers */
	color: #fff;
}

.mdl-menu__item{
	padding: 7px 0px 0px 7px !important;
}



#menu-superior-fuera-curso {
	display:none;
}

.cuadro_salir_menu_sup {
	background: #ff604f;
}

.cuadro_salir_menu_sup:hover {
	background: red;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cuadro_salir_menu_sup  a{
	color: #fff !important;
}

.cuadro_salir_menu_sup  a:hover{
	color: #fff !important;
}

.mdl-menu__item i.fa, .mdl-menu__item i.bi {
	font-size: 22px;
	margin-right: 5px;
	vertical-align:middle;
}

.accesos_usuario_noticias i.fa, .accesos_usuario_noticias i.bi{
	margin:0 auto;
	font-size: 48px;
}

.cat_select{
	background: #333;
}

.cat_select h3{
	color: #fff;
}

.mdl-button--colored {
	background: #E2691A !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.mdl-button--colored:hover {
	filter:alpha(opacity=75);
	opacity:.75;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.boton_desactivado {
	background: #ccc !important;
	color: #555 !important;
}

.boton_desactivado a {
	color: #555 !important;
}

.si-pantallape-media {
	display:none !important;
}

.si-tablet {
	display:none !important;
}

.si-movil {
	display:none !important;
}

#zonapdftrasera table {
	width: 80% !important;
	margin:0 auto;
}

.tarea_completada {
	background: #ccc !important;
}

.fa-icon-48 .fa{
	font-size: 48px;
	margin: 15px;
	vertical-align: middle;
}

.contenedor-bloque {
	margin-top: 40px;
	background: #fff;
}

.numero-bloque {
	font-size: 32px;
	padding: 30px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: linear-gradient(to right, #101332, #48898E );
	color: #fff;
	float:left;
	position:relative;
	top: -16px;
	left: -10px;
	z-index: 5
}

.content-box-header-bloque {
	height: auto !important;
	background: linear-gradient(to right, #101332, #48898E );
	border-radius: 1rem;
	padding: 10px;
}

.imagen_bloque {
	position:relative;
	/*top: -20px;
	left: -79px;*/
	z-index: 0;
	float:left;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}

.content-box-header-bloque h3{
	
	font-size: 1.5rem;
	color: #fff;
	font-weight: 300;
	font-family: 'Montserrat';
}

.zona_check_modulo {
	color: #fff;
}

.zona_check_modulo .bi {
	margin-right: 10px;
}

.zona_check_modulo a, .zona_check_modulo a:hover {
	color: #fff !important;
}

.text-descripcion-asignatura {

}

.text-descripcion-asignatura img {
	max-width: 100%;
}

.opciones-bloque {
	float:right;
	padding-right: 20px; 
	position:relative;
	top: -50.5px;
	height: 51px;
	background: #fff;
}

.info-bloque {
	padding: 10px;
	background: #eee;
	border-radius: 1rem;	
}

.info-bloque .bi {
	color: #10133299;
	margin-right: 5px;
}

.info-bloque .fa{
	vertical-align:middle;
	font-size: 24px;
	margin-right: 10px;
}


.imagen_profesion {
	background: #fff;
	max-width: 100%;
	border-radius: 1rem;
}

.imagen_plan {
	border: 2px solid #fff;
	background: #fff;
}

.perfil_divider {
	background: #f1f1f1;
	padding: 5px;
	border-radius: 1rem;
}

.perfil_nombre{
	font-family: 'Open Sans', sans-serif;
}




.perfil_info_cant{
	padding: 10px 12px;
	border-radius: 1rem;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	display:inline-block;
	min-width: 100px;
}

.img_resultado_recomendaciones {
	margin:0 auto;
	max-width: 100%;
}

.perfil_info_resaltado {
	font-size: 22px;
}



.a_boton_school_interior {
	padding: 25px;
	margin:0 auto;
	border: 1px solid #eee;
	font-size: 18px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.a_boton_school_interior:hover {
	color: #fff !important;
	border: 1px solid #CE6117;
	background: #CE6117;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.titulo_school {
	font-size: 48px;
	line-height: 60px;
}

.mb-3 {
	margin-bottom: 1.5em;
}

.pildora_info {
	display:inline-block;
	padding: 5px 10px;
	border-radius: 1rem;
	background: #f1f1f1;
}

.mdl-card__supporting-text {
	min-height: 200px;
}

.demo-card-wide {
    min-height: 475px;
}

.flexible {
	display:flex; 
	justify-content: center;
}

.menucursofooter {
	min-height: 34px;
	position:relative;
	z-index: 25;
	text-align:right;
	padding-right: 40px;
	padding-top: 5px; 
	font-size: 32px;
}


.info_curso_val{
	height: 39px;
}

.selector_crm{
	padding: 50px;
	border: 1px solid #eee;
	width: 70%;
	margin:0 auto;
	margin-top:20px;
}

.selector_crm a{
	width: 100%;
	font-size: 24px;
}

.selector_crm .fa{
	margin-bottom: 15px;
	font-size: 128px;
}

.capa_bloqueo:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	opacity: 0.5;
} 
.capa_bloqueo{
	background-color: #BDBDBD; 
	opacity: 0;
	position:absolute;
	z-index:1000;
	top:0px;
	height:420px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.franja_cursos {
	margin:0 auto;
	display:block;
	position:relative;
	margin:2px;
	padding:5px;
	padding-right:10px;
	background: #F8F8FA;
	color:#555;
	font-weight:bold;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0 1px 2px 0 #949494;
	box-shadow: 0 1px 2px 0 #949494;
}

.nostyle tr, .nostyle td, .nostyle p, .nostyle a  {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	font-size: 100% !important;
	vertical-align: baseline !important;
	background: initial !important;
} 

.contenido_modulo {
	float:right; 
	padding: 10px; 
	width: 59%;
}

.contenido_modulo_100 {
	float:right; 
	padding: 30px; 
	width: 90%;
}

.tabla_shorts:hover{
	background:#4E5066;
  	color:#FFFFFF;
  	border-top: 1px solid #22262e;
  	border-bottom: 1px solid #22262e;
}
.fila_shorts{
	border-top: 1px solid #C1C3D1;
  	border-bottom-: 1px solid #C1C3D1;
  	color:#666B85;
  	font-size:13px;
  	font-weight:normal;
  	text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
  	cursor: pointer; cursor: hand;
}
.head_shorts {
  	border-bottom:4px solid #9ea7af;
}
.head_shorts b{
	font-size:16px;
	color:#666B85;
	text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

.zoom_iframe {
	width: 1920px;
	height: 1080px;
	zoom: 0.115
	-moz-transform: scale(0.115);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.115);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.115);
	-webkit-transform-origin: 0 0;
	overflow:hidden;
	position:relative;
	top: -125px;
}

.capa_transparente_superior {
	width: 250px;
	height: 125px;
	position:relative;
	z-index: 100;
	top: 0px;
}

.video_clase{
	border:2px solid #333;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px 0px #999;
	box-shadow: 2px 2px 5px 0px #999;
}

#ajax_loader img {
	max-width: 80%;
}


/* ribbon */

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  display:none;
  z-index: 10;
}

.ribbon-green {
  font: bold 12px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #e36c09;
 

  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}

.ribbon-green:after {
  right: 0;
}

.cursos_pro hr {
	border: 0px;
	border-bottom: 2px solid #E2691A;
}

.cursos_pro .alumnos, .cursos_pro .alumnos .fa {
	color:#E2691A;
}

.cursos_pro .ribbon-wrapper-green {
	display:block;
}

/* solo demos */

#banner_demo {
	width: 100%;
	min-height: 300px;
	background: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #eee url(images/cabecera_demo.jpg) top center;
	background-attachment: fixed;
	background-size: cover;
}

.contenido_interno {
	padding: 20px;
}

.fondo1 {
	min-height: 300px;
	background: #333 !important;
}

.fondo1 h3, .fondo1 h4, .fondo1 h2, .fondo2 h3, .fondo2 h4, .fondo2 h2{
	color: #fff !important;
}

.fondo1  h3{
	font-size:28px;
	margin-bottom: 10px;
}

.fondo1 h4{
	font-size: 24px;
	margin-bottom: 25px;
}

.fondo1 h2{
	text-align:center;
	font-size: 96px;
	color: #e36c09 !important;
}


.fondo2  h3{
	font-size:36px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 5px #030303;
}

.fondo2 h4{
	font-size: 24px;
	margin-bottom: 25px;
	text-shadow: 2px 2px 5px #030303;
}

 .fondo2 h2{
	text-align:center;
	font-size: 96px;
	color: #e36c09 !important;
}

.fondo2 {
	min-height: 300px;
}

 .fondo2 .boton {
	background: #e36c09 !important;
	color: #fff !important;
	padding: 20px;
	width: 20%;
	min-width: 200px;
	font-size: 18px;
	position: relative;
	top: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
 }
 
 
 #marco_perfil .boton, .fondo1 .boton, #marco_autologin .boton{
	background: #e36c09 !important;
	color: #fff !important;
	padding: 10px;
	width: 20%;
	min-width: 200px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
 }
 
 #marco_autologin .boton{
	margin: 0 auto;
	width: 80% !important;
	display:block;
	text-align:center;
	padding: 25px;
 }
 
 .fondo2 .boton: hover {
	text-decoration:underline;
 }

 .cabecera_opciones {
	display:none;
	text-align:center;
	font-size: 24px;
	padding: 15px;
	background: #37434F;
	color: #fff;
	cursor:pointer;
 }
 
 .cabecera_opciones .fa {
	margin-right: 15px;
 }
 
 .separacion_movil {
	margin-bottom: 30px;
	display:none;
 }
 
 /* Nueva ficha interna */
 
 .zona_superior_curso {
	background-color: hsla(26, 79%, 79%, 1);
	background-image: radial-gradient(circle at 90% 84%, hsla(1, 100%, 64%, 1) 17%, transparent 63%), radial-gradient(circle at 55% 93%, hsla(34, 100%, 60%, 1) 7%, transparent 74%), radial-gradient(circle at 47% 92%, hsla(322, 71%, 78%, 1) 8%, transparent 63%), radial-gradient(circle at 57% 0%, hsla(255, 76%, 55%, 1) 8%, transparent 88%), radial-gradient(circle at 1% 54%, hsla(328, 74%, 65%, 1) 10%, transparent 68%);
	background-blend-mode: normal, normal, normal, normal, normal;
	text-align:center;
	padding: 25px;
	margin-bottom:25px;
	border-radius: 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 30px;
 }
 
 .contenedor_curso_superior {
	max-width: 1100px;
	margin: 0 auto;
	background: #1013327a;
	color: #fff !important;
	border-radius:1rem;
	backdrop-filter:blur(15px);
 }
 
 .contenedor_curso_superior iframe {
	border-radius:1rem;
 }
 
 .marco_desc_curso_ficha {
	margin-top: 20px;
	max-width:95%;
	box-shadow: 10px 10px 23px -12px rgba(00,00,00,1);
	border-radius:1rem;
	border: 1px solid #68526f6b; 
 }
 
 .nombre_vino { 
	font-size: 2.5em !important;
 }
 
 .subtitulo_vino {
	font-size: 1.5em !important;
 }
 
 .icono_vino {
	max-width:75%;
	margin:0 auto;
}

.caracteristica_del_vino {
	margin-bottom: 20px;
	min-height: 65px;
}


.caracteristica_del_vino small{
	font-size: 0.9em;
}
.caracteristica_del_vino p{
	padding:0px;
	margin:0px;
}
 
 .contenedor_curso_superior h2, .contenedor_curso_superior h3  {
	color: #fff !important;
 }
 
 .textalign_left {
	text-align:left !important;
 }
 
 .marco_contenido_cursos {
	max-width: 1100px;
	margin: 0 auto;
 }
 
 #loader_gif2 {
	max-width: 100%;
 }
 
 .icono_elemento .fa {
    margin-right: 15px;
    font-size: 24px;
    color: #ccc;
    vertical-align: middle;
}

.resaltado_blanco, .resaltado_blanco .fa {
	color: #fff !important;
}


/* nuevo perfil página de inicio */

#marco_perfil {
	padding: 5px;
	background-color: #fff;
}

#cabecera_perfil {
	padding: 10px;
	background: #333;
	margin-bottom: 25px;
	min-height: 300px;
	background: #fff url(images/cabecera_perfil.jpg) top center no-repeat;
	background-size: cover;
}

.curso_portada {
	padding: 10px;
	border-bottom: 1px dashed #eee;
}

.curso_imagen_portada {
	width: 15%;
	float:left;
}

.curso_cuerpo_portada {
	width: 53%;
	float:left;
	text-align:left;
}

.curso_avance_portada {
	width: 17%;
	float:left;
}

.curso_nota_portada {
	width: 15%;
	float:right;
}
 
/* nuevas cards */

.carta_content {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	margin:0 auto;
	margin-bottom: 25px;
	background: #fff;
	position:relative;

}

.cursos_interesantes {
	padding:5px;
}

.carta_content img{
    width: 100%;
	max-height:170px; 
}

.carta_content:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.carta_header {
	padding: 10px 16px;
	background: #101332;
}

.carta_header .fa{
	vertical-align:middle;
	font-size: 150%;
	color: #fff;
	margin-right:15px;
}

.carta_header h3, .carta_header h3 a{
	color: #fff;
	padding:0px;
}



.carta_container {
	margin: 0 auto;
    padding: 5px 16px;
}

.border_superior_normal {
	border-top: 1px solid #101332;
}

.border_superior_fuerte {
	border-top: 3px solid #101332;
}

/* fuentes */

.superindice 
{vertical-align:super;} 

.subindice 
{vertical-align:sub;}

.fuente_128 {
	font-size: 128px !important;
}

.fuente_48 {
	font-size: 48px !important;
}

.fuente_36 {
	font-size: 36px !important;
}

.fuente_32 {
	font-size: 32px !important;
}

.fuente_24 {
	font-size: 24px !important;
}

.fuente_18 {
	font-size: 18px !important;
}

.fuente_16 {
	font-size: 16px !important;
}

.fuente_14 {
	font-size: 14px !important;
}

.fuente_12 {
	font-size: 12px !important;
}

.fuente_10 {
	font-size: 10px !important;
}

.fuente_9 {
	font-size: 9px !important;
}

.fuente_estilizada{}

.separacion_hr_rayas {
	border: 0; 
	border-bottom:1px dashed #ddd;
}

.icono_documentos .fa {
	font-size: 24px;
	color: #ccc;
}
	
.buscador-contactos label {
	display:none;
}

#input-buscar-contactostabla_contactos{
	padding: 10px;
	font-size: 15px;
	width: 30%;
}

#franja_app {
	overflow:hidden;
	display:none;
	padding: 15px 20px;
	background:#eee;
	font-size: 12px;
	text-align:left;
	position:absolute;
	bottom: 0px;
	z-index: 15;
	width: 100%;
	position: fixed;
	z-index: 1000;
	font-family:'Montserrat';
	font-weight: 300;
}

.cartel_infinity {
    background: #E2691A;
    color: #fff;
    padding: 2px 4px;
    margin-bottom: 5px;
    position: absolute;
    top: 35px;
    left: 20px;
    border-radius: 1rem;
    max-width: 50px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 0 10px 0 #D9D9D9;
    box-shadow: 0 0 10px 0 #D9D9D9;
}

.cartel_infinity i {
	font-size: 1.2rem;
	color: #fff !important;
}


.fondo_solido{
	/*background: #fff;*/
}

.respuesta-pregunta {
	padding-left: 25px;
	padding-top: 10px;
}

iframe  {
	background: #000;
}

.ulPersonalizado ul{
	
	list-style: disc inside;
}

.olPersonalizado ol {
	margin-left: 10px;
}

a:hover, a:focus {
    text-decoration: none !important;
}

/* mejoras en widget */

.padding-10 {
	padding: 10px;
}


.contenido_widgets .content-box, .widget .content-box-content {
	border: 0px; 
}

.widget .content-box-content {
	padding: 0px;
}


/* Nuevo menú desplegable */

.row-menu {
  margin: 0;
}

.menu-doble-linea {
  margin-top:4%;
}

.menu-triple-linea {
  margin-top:8%;
}

.menu-cuadruple-linea {
  margin-top:12%;
}

.m_desplegable_grande {
	width: auto;
	float: right;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	background: rgba(246,247,251,0.75);
	/*max-width: 800px;*/
}

.m_desplegable_grande ul {
  font-size: 0;
  list-style-type: none;
  padding: 0 !important;
}
.m_desplegable_grande ul li{
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #64748B;
  display: inline-block;
  padding: 15px !important;
  position: relative;
  border-radius:3px;
}

.m_desplegable_grande ul li a{
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	color: #64748B;
}

.m_desplegable_grande ul li a:hover{
	color: #64748B;
}

.m_desplegable_grande ul li ul li{
  font-size: 14px;
}

.m_desplegable_grande ul li ul li a{
  display: block;
}

.m_desplegable_grande ul li ul {
  display: none;
}
.m_desplegable_grande ul li:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.m_desplegable_grande ul li:hover ul {
	display: block;
	margin-top: 15px !important;
	width: 200px;
	left: 0;
	position: absolute;
	z-index: 1000;
}
.m_desplegable_grande ul li:hover ul li {
  display: block;
  background-color: #f9fafc;
  border-radius: 0px;
}

.m_desplegable_grande ul li:hover ul li span {
  float: right;
  color: #f9f9f9;
  background-color: #F03861;
  padding: 2px 5px;
  text-align: center;
  font-size: .8rem;
  border-radius: 3px;
}
.m_desplegable_grande ul li:hover ul li:hover {
  background-color: #eee;
}
.m_desplegable_grande ul li:hover ul li:hover span {
  background-color: #ee204e;
}


.m_desplegable_grande_movil {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	background: rgba(246,247,251,0.75);
	/*max-width: 800px;*/
	margin-top:20px
}

.m_desplegable_grande_movil ul {
  font-size: 0;
  list-style-type: none;
  padding: 0 !important;
}
.m_desplegable_grande_movil ul li{
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #333;
  padding: 15px !important;
  position: relative;
  border-radius:3px;
}

.m_desplegable_grande_movil ul li ul li{
  font-size: 14px;
  text-align: left;
}

.m_desplegable_grande_movil ul li ul {
  display: none;
}
.m_desplegable_grande_movil ul li:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.m_desplegable_grande_movil ul li:hover ul {
	display: block;
	left:0;
	margin-top: 15px !important;
	position: relative;
	z-index: 1000;
}
.m_desplegable_grande_movil ul li:hover ul li {
  display: block;
  background-color: #f2f2f2;
  border-radius: 0px;
}

.m_desplegable_grande_movil ul li:hover ul li span {
  color: #f9f9f9;
  background-color: #F03861;
  padding: 2px 5px;
  text-align: center;
  font-size: .8rem;
  border-radius: 3px; 
}
.m_desplegable_grande_movil ul li:hover ul li:hover {
  background-color: #eee;
}
.m_desplegable_grande_movil ul li:hover ul li:hover span {
  background-color: #ee204e;
}

/* fin */

/* nuevas cajas de eventos */

._blox_stripe_event_box a {
	color: #eee;
	
}

._blox_stripe_event_box a:hover {
	color: #ddd;
}

._blox_stripe_event_box * { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	font-weight: 300;
}
._blox_stripe_event_box ._blox_event_box{
	font-family: inherit;
	color:#fff;
	overflow:hidden;
}
._blox_stripe_event_box ._blox_event_box ._blox_left_box{
	float:left;
	vertical-align:top;
	text-align:center;
	padding:32px 26px 32px 44px;
}
._blox_stripe_event_box ._blox_event_box ._blox_left_box ._blox_date{
	font-weight:800;
	display:block;
	font-size:43px;
	line-height:49px;
}
._blox_stripe_event_box ._blox_event_box ._blox_left_box ._blox_month{
	font-weight:600;
	display:block;
	font-size:18px;
	line-height:24px;
}

._blox_stripe_event_box ._blox_event_box ._blox_right_box{
	display:inline-block;
	margin:0 -2px;
	overflow:hidden;
	padding:33px 26px 33px 26px;
	text-align:left;
}

._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_title{
	font-weight:700;
	display:block;
	font-size:28px;
	line-height:41px;
}
._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_bottom-box{
	font-weight:400;
	display:inline-block;
	font-size:18px;
	line-height:28px;
	margin-right:25px;
}
._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_bottom-box:last-child{
	margin-right:0;
}
._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_bottom-box i{
	margin-right:7px;
}


@media only screen and (max-width: 639px) {
	._blox_stripe_event_box ._blox_event_box ._blox_left_box{ padding:15px 15px 0;}
	._blox_stripe_event_box ._blox_event_box ._blox_right_box{ padding:15px;}
	._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_title{ font-size:24px;}
}
@media only screen and (max-width: 479px) {
	._blox_stripe_event_box ._blox_event_box ._blox_left_box{ padding:10px 20px;}
	._blox_stripe_event_box ._blox_event_box ._blox_right_box{ padding:10px 10px;}
	._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_title{ font-size:16px; line-height:28px;}
	._blox_stripe_event_box ._blox_event_box ._blox_left_box ._blox_date{ font-size:28px; line-height:34px;}
	._blox_stripe_event_box ._blox_event_box ._blox_left_box ._blox_month{ font-size:14px; line-height:normal;}
	._blox_stripe_event_box ._blox_event_box ._blox_right_box ._blox_bottom-box{ margin-right:15px; font-size:14px;}
}

._blox_stripe_event_box_listado { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	font-weight: 300;
	height: 45px;
}
.si-movil ._blox_stripe_event_box_listado { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	font-weight: 300;
	min-height: 45px;
}

._blox_stripe_event_box_listado a {
	/*color: #eee;*/
	
}

._blox_stripe_event_box_listado ._blox_title a {
	color: #000000;	
}

._blox_stripe_event_box_listado ._blox_title a:hover {
	color: #e36c09;
	
}

._blox_stripe_event_box_listado a:hover {
	color: #595959;
}

._blox_stripe_event_box_listado ._blox_event_box{
	font-family: inherit;
	color:#fff;
	overflow:hidden;
	height: 100%;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box{
	float:left;
	vertical-align:top;
	text-align:center;
	padding: 10px 23px 10px 15px;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_date{
	font-size: 18px;
	color: #000000;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_month{
	font-size: 18px;
	color: #000000;
}

._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box{
	display:inline-block;
	margin:0 -2px;
	overflow:hidden;
	padding: 10px 26px 10px 8px;

}

._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_content{
	font-size: 13px;
	color: #000000;
}

._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_title{
	font-weight:700;
	display:block;
	font-size: 20px;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_bottom-box{
	font-weight:400;
	display:inline-block;
	font-size:18px;
	color: #000000;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_bottom-box:last-child{
	margin-right:0;
}
._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_bottom-box i{
	margin-right:7px;
}

@media only screen and (max-width: 1025px) {
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_date{ font-size: 11px; color: #000000;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box{ padding:15px 15px 0;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box{ padding:15px;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_title{ font-size:17px;}
}
@media only screen and (max-width: 479px) {
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_date{ font-size: 14px; color: #000000;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box{ padding:10px 20px;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box{ padding:10px 10px;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_title{ font-size:16px; line-height:28px;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_date{ font-size:28px; line-height:34px;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_left_box ._blox_month{ font-size:14px; line-height:normal;}
	._blox_stripe_event_box_listado ._blox_event_box ._blox_right_box ._blox_bottom-box{ margin-right:15px; font-size:14px;}
}

/* fin */

/* nuevas barras de progreso */

.blox-line-bar-counter * { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.blox-line-bar-counter{
	font-family: inherit;
	color:#000000;
	font-size:17px;
	line-height:22px;
}
.blox-line-bar-counter .blox-bar-row{
	padding:16px 0px;
	}
.blox-line-bar-counter .blox-bar-title{
	float:left;
	} 
.blox-line-bar-counter .blox-border-bar-percentage{
	float:right;
	}
.blox-line-bar-counter .blox-bar-heading{
	overflow:hidden;
	padding:7px 0px;
	}
.blox-line-bar-counter .blox-border-bar{
	display:block;
	width:100%;
	height:2px;
	}
.blox-line-bar-counter .blox-border-progress-bar{
	height:6px;
	display:block;
	width: 0;
	-webkit-transition: width 0.5s ease;
       -o-transition: width 0.5s ease;
          transition: width 0.5s ease;
	}

/* fin */

/* carousel de portal */

.uc_icon_carousel *{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.uc_icon_carousel .uc_carousel
{
	margin:0 auto;
}

.uc_icon_carousel .uc_icon_carousel_top
{
	height:175px; 
	position:relative;
}
.uc_icon_carousel .uc_icon_carousel_top span{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);	
}
.uc_icon_carousel .uc_icon_carousel_top i
{
	
	margin:0 auto;
	float:none;
	font-size: 50px !important;
}

.uc_icon_carousel .uc_icon_carousel_container_holder
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	line-height:24px;
	overflow:hidden;
	color:#8a8a8a;
	font-weight:400;
	display:inline-block;
	background-color:#ffffff;
    margin: 0 0px 30px;
	float:left;
	box-shadow:#e8ebee 0px 5px 10px;     
	position:relative;
	width:100%;
}

.uc_icon_carousel .owl-carousel .owl-stage-outer{ overflow:hidden;}

.uc_icon_carousel .uc_icon_carousel_content h2
{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	margin-bottom:13px;
	font-weight:400;
	text-transform:uppercase;
}

.uc_icon_carousel .uc_icon_carousel_content .title_border
{
	width:110px;
	height:3px;
	display:block;
	margin-bottom:20px;
}

.uc_icon_carousel .uc_icon_carousel_content:hover .title_border
{
	background-color:#5cdc8f !important;
}

.uc_icon_carousel .uc_icon_carousel_content
{
	font-family: 'Lato', sans-serif;
	box-shadow:#ececec 3px 3px 3px;
	padding:34px 20px;
}



.uc_icon_carousel .uc_icon_carousel_content p
{
	font-size:14px;
	line-height:22px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.uc_icon_carousel .uc_icon_carousel_content:hover p
{
	color:#181818 !important;
	border-color:#50dfa8 !important;
	
}

.uc_icon_carousel .uc_icon_carousel_content .uc_more_btn
{
	font-size:14px;
	text-decoration:none;
}

.uc_icon_carousel .uc_icon_carousel_content:hover .uc_more_btn
{
	color:#50dfa8 !important;
}

.uc_icon_carousel .uc_icon_carousel_content:hover p
{
	color:#181818 !important;
}

.uc_icon_carousel .uc_icon_carousel_border
{
	height:4px;
	display:block;
	width:100px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-50px;
}

.uc_icon_carousel  .uc_icon_carousel_placeholder
{
	background-color:#ffffff;
}

.uc_icon_carousel  .uc_icon_carousel_placeholder img
{
	width:100%;
}

.uc_icon_carousel .uc_icon_carousel_content .uc_more_btn {
	
	display:block;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}



.uc_icon_carousel .owl-dots{ overflow:hidden; display:block !important; text-align:center; margin-top:22px;}
.uc_icon_carousel .owl-dot { background-color:#c4c4cc; width:6px; height:6px; border-radius:50%; display:inline-block; margin:4px 15px 3px; }
.uc_icon_carousel .owl-dot.active { background-color:#333333; width:14px; height:14px; margin:0 15px; }

.uc_icon_carousel .owl-carousel.owl-drag .owl-item{ padding:0 0.2% 0;}

/* fin */

/* zona de noticias nueva portada */

.uc_side_solid_banner{ overflow:hidden;font-family: 'Droid Serif', serif; color:#fff;}
.uc_side_solid_banner .uc_banner-content_outer{ float:left; width:45%; height:350px; position:relative;}
.uc_side_solid_banner .uc_banner-content{  padding:0px 25px; position:absolute; left:0px; top:50%; transform:translatey(-50%); width:100%;}
.uc_side_solid_banner .uc_banner-content h3{ font-weight:700; font-size:22px;font-style: italic;line-height:30px;margin:0px;}
.uc_side_solid_banner .uc_banner-content p{ font-weight:400; font-size:14px; margin:25px 0;line-height: 24px;}
.uc_side_solid_banner .uc_banner-content a{ color:#fff; font-weight:700; text-align:right; font-size:14px;line-height:18px; float:right;}
.uc_side_solid_banner .uc_banner-img { width:55%; float:right; height:350px;}

 


@media only screen and (max-width: 900px) {
  .uc_side_solid_banner .uc_banner-content{padding: 0px 14px;}
  .uc_side_solid_banner .uc_banner-content p{margin: 10px 0;}
	
}
@media only screen and (max-width: 370px) {
  .uc_side_solid_banner .uc_banner-content_outer{ width:50%;}
  .uc_side_solid_banner .uc_banner-img {width: 50%;}
  .uc_side_solid_banner .uc_banner-content h3{font-size: 20px;} 
  .uc_side_solid_banner .uc_banner-content p{line-height: 20px;}
}

/* fin */


/* nuevo diseño de tablas */

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
	color: #788195;
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 15px;
}

.dataTables_paginate {
	margin-top: 5px;
}

.dataTables_paginate .ui-button{
	float:left;
	cursor: pointer;
    display: inline-block;
    height: 1rem;
    min-width: 1rem;
    vertical-align: middle;
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 10px;
    font-weight: 300 !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	background: #f1f3f6 !important;
	border: 0px !important;
	
}

.dataTables_paginate  .ui-state-default {
	color: #788195 !important;
}

.dataTables_paginate .ui-state-disabled {
	color: #888 !important;
}

.dataTables_paginate  .previous, .dataTables_paginate .first , .dataTables_paginate .next  , .dataTables_paginate .last   {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	margin-left:2px !important;
}

.dataTables_length select, .dataTables_filter input {
    font-size: 16px;
	background: #f1f3f6 !important;
	border:0px;
	border-bottom: 1px solid #ddd;
	color: #788195;
	margin-right: 5px;
	margin-left: 10px;
}

.fg-toolbar  {
	background: rgba(246,247,251,0.75) !important;
}

.dataTables_filter input { 
	color: #788195;
	
}

.dataTables_empty {
	padding: 10px !important;
	text-align:center;
	font-family: 'Montserrat';
	font-size: 15px;
	font-weight: 300;
}

.dataTables_length select:focus, .dataTables_filter input:focus {
	border: 0px !important;
	border-bottom:2px solid #E16919 !important;
}


.paginate_button, .paginate_active {
	float:right;
    position: relative;
	overflow: auto;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* nuevos checkbox */

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

input[type=checkbox], input[type="radio"] {
	/*display:none;*/
	opacity:0;
}

.categoria_contenedor input[type=checkbox] {
	display:inline;
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
	font-family: FontAwesome;
	display: inline-block;
	font-size: 32px;
	position:relative;
	top:7px;
}
 
input[type=checkbox] + label:before{
	content: "\f096";
	letter-spacing: 10px;
}

input[type=radio] + label:before {
	content: "\f111";
	letter-spacing: 10px;
}
 
input[type=checkbox]:checked + label:before {
	content: '\f046';
	color: #E16919;
}

input[type=radio]:checked + label:before {
	content: '\f058';
	color: #E16919;
}


/* ESTILOS VERSION 3 */


/* FICHA CURSO */
.box:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.box {
	border-radius: 7px;
}

.make-it-slow:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.ulAlumne {
    min-width: 130px !important;
    -webkit-box-shadow: none !important; 
     box-shadow: none !important;
}

.etiquetasAlumne {
	
    color: #fff;
    text-align: center;
    display: inline-block;
	padding: 4px 8px;
	margin-bottom:5px;
	margin-right: 5px; 
	border-radius: 4rem;
}

.etiquetasAlumne_peque {
	color: #fff;
    text-align: center;
    display: inline-block;
	padding: 0px 8px;
	margin-top:5px;
	border-radius: 7px;
	font-size: 10px;
	margin-right: 5px;
	text-shadow: 0 0 2px #C4C4C4;
}

.moverButton {
	color:black;
	font-size:27px;
}


.panelAlumne {
	border-radius:0px;
	background-color:whitesmoke;
}

.iconosFichaCurso {
	font-size: 28px;
	margin-bottom: 4%;
}

.titulosInfoFichaCurso {
	text-align:center;
	color: #a9a8a8;
}

.hrInfoFichaCurso {
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: #e2e4ea;
}


.sinBordes {
	border-radius:0px !important;
}

.sinBordes_planos {
	border-radius:1rem !important;
	background: transparent;
	border: 1px solid #ddd;
	font-size: 1rem;
	font-weight: 300;
	transition: all 300ms ease-in-out;
}

.sinBordes_planos .bi {
	color: #ccc;
	transition: all 300ms ease-in-out;
}

.sinBordes_planos:hover {
	background: #F8F8FA;
	transition: all 300ms ease-in-out;
}

.sinBordes_planos:hover .bi {
	color: inherit;
	transition: all 300ms ease-in-out;
}

.thumbnail-webcam {
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	width: 92%;
    font-size: 16px;
    color: #333;
    border-radius: 8px;
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(231, 232, 234) !important;
	padding: 10px;
}
.thumbnail-webcam h5, .thumbnail-webcam h6 {
	margin-bottom:0px;
	padding-bottom: 0px;
}

.thumbnail-webcam div {
	
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
}

.panelIzquierda {
	margin-right:1% !important;
	margin-left:1% !important;
}

.imagenCurso {
	border-radius:6px !important; 
	float:left !important; 
	margin-right:2% !important;
}

.panelMargenIzq {
	width:15%; 
	margin:1%; 
	margin-left: 16%; 
	padding:0px; 
	min-height: 145px;
}

.panelInfoCurso {
	width:15%; 
	margin:1%; 
	padding:0px; 
	min-height: 145px;
}

.panelInfoCuestionario {
	min-height: 145px;
}

.align-margin-center {
	text-align:center;

}

.panelInfoCurso-2 {
	margin:2%; 
	padding:0px; 
	min-height: 145px;
}

.hrInfoFichaCurso-2 {
	width:22%;
	margin-right:0;
	margin-left: 39%;
}

.condiciones_superacion{
	color: #e36c09;
}

.row_condiciones_curso{
	padding-bottom: 5px;
}

.fondoBoton {
	background-color: #fdfdfd !important;
}

.graficoRendimiento {
	padding-right:2.5% !important;
	float:right !important;
}

.graficoAccesos {
	padding-right:2.5% !important; 
	margin-top:2% !important; 
	float:right !important;
}

.margenGrafico {
	margin:3% !important;
}


.no-padding {
	padding-left:0 !important;
	padding-right:0 !important;
}


/* FIN FICHA CURSO */

/* FICHA USUARIO */


.dimFoto {
	/*max-width: 300px;
	 margin-left:20px;
	/* margin-top: 22%; */

}

.marcoFoto {
	border-radius: 12%;
    
}


.posTextoFoto {
	margin-top: 2%;
    margin-left: 3%;
}



.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:30px;
	border-radius: 4rem !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	top:0;
	left:0;
	width:100%;
	font-size:16px; #fe272f, #ffa664
	color:#333;
	background:#fff !important;
	height:30px;
}

.skillbar-title span {
	display:block;	
}

.skillbar-bar {
	height:30px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: linear-gradient(to right, #fe272f, #ffa664 );
	border-radius: 4rem !important;
}

.skill-bar-percent {
	position: absolute;
    right: calc(50% - 18.5px);
    top: 5px;
    font-size: 11px;
    height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 2em;
    padding: 0px 5px;
}

.gauge.gauge-custom {
	font-size:30px;
}


.hrInfoFichaUsuario {
	margin-bottom: 2%;
	border-color: #e2e4ea;
	width:91%; 
	margin-top: -1%;
}

.hrInfoFichaUsuario-3 {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(202, 202, 202, 0.75), rgba(0, 0, 0, 0));

}


.dropdown-menu li a:hover {
	background: #f9fafc;
}

.dropdown-header {
	text-align:center;
	margin:0 auto !important;
	text-transform: uppercase;
}

.back {
	overflow:hidden;
	background: #f9fafc;
	height: 250px !important;
}

.orden-examen, .orden-dialogo,.orden-entregable {
	font-family: 'Montserrat';
	font-size: 20px;
	font-weight: 500;
	color: #ccc;
}

.moverButton {
	color: #ccc;
}

.moverButton:hover {
	color: #bbb;
}

.mensaje_mas_resultados {
	padding: 10px;
	text-align:center;
	font-weight: 300;
	font-family:'Montserrat';
	text-transform:uppercase;
}

.ui-progressbar {
	border: 0px !important;
	background: #eee !important;
	border-radius: 4rem !important;
	color: #fff !important;
	
}

.progress-label{
	width: auto !important;
	background: rgba(0,0,0,0.25);
	text-shadow: none !important;
	padding: 0px 10px;
	top:5px !important;
	border-radius: 4rem !important;
	font-weight: 300;
	font-family: 'Montserrat';
}

.ui-progressbar .ui-progressbar-value {
	background: linear-gradient(to right, #fe272f, #ffa664 ) !important;
	border-radius: 4rem !important;
	max-width: 100%;
}

.config_opciones_migas i {
	font-size: 18px;
	color: #888;
	margin-right: 10px;
}
.center-canvas {
	padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* FIN FICHA USUARIO */



/* ESTADISTICAS FICHA USUARIO */
.panel-estadisticas {
	min-height: 100px !important;  
	border:0px !important;
	background-color: #fff !important;
	border-radius:4px;
    box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2) !important;
	margin: 20px;
	border-radius: 1.2rem;
	font-family: 'Montserrat';
	font-size: 1em;
	padding: 0.5rem;
	padding-left: 1rem;
	text-align:left;
}

.panel-exp {
	min-height: 71px !important; 
	border-radius: 0px !important;
	background-color: #ffffff !important;
}

.datos-estadisticas {
	top: 0 !important;
	position: unset !important;
	color:#505050 !important;
	font-size: 3em !important;
	font-family: 'Montserrat';
	font-weight: 700;
	margin-bottom: 10px;
}

.datos-estadisticas2 {
	top: 0 !important;
	position: unset !important;
	color:#505050 !important;
	font-size: 24px !important;
	font-family: 'Open Sans';
	font-weight: 400;
}

.datos-exp {
	color:#ffffff !important;
	font-size: 16px !important;
}

.col-centered {
	float: none;
	margin: 0 auto;
}
/* Scrollbar */

::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    background-color: rgba(255,255,255, 0);
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #a2a2a2;
    -webkit-border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active  {
    background: #6e6e6e;
}

::-webkit-scrollbar-track {
    background: #d4d4d4;
}







/* FIN ESTILOS VERSION 3 */


/* nuevos radio */



.boton_menu {
	display: block;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 180px;
    text-overflow: ellipsis;
}


.btn-alumne {
 flex: 1 1 auto;
 margin: 10px;
 padding: 10px;
 text-align: center;
 transition: 0.5s;
 background-size: 200% auto;
 color: white !important;
/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
 box-shadow: 0 0 20px #eee;
 border-radius: 21px;
}

.btn-alumne:hover {
  /*background-position: right center; /* change the direction of the change here */
}

.btn-alumne-hangouts {
  background-image: linear-gradient(to right, #1aaf33 6%, #75e09d 59%,  #84fab0 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-webex {
  background-image: linear-gradient(to right, #1a93af 6%, #57d285 59%,  #84fab0 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-gotomeeting {
  background-image: linear-gradient(to right, #e6a30b 6%, #dedede 59%, #bfc3c1 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-skype {
  background-image: linear-gradient(to right, #0bcce0 6%, #dedede 59%, #bfc3c1 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-bigbluebutton {
  background-image: linear-gradient(to right, #0b2fe0 6%, #dedede 59%, #bfc3c1 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-adobeconnect {
  background-image: linear-gradient(to right, #ca0a0a 6%, #d4b1b1 59%, #bfc3c1 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-zoom {
  background-image: linear-gradient(to right, #0e71eb 6%, #0e71eb 59%, #0e71eb 0%);
  padding: 30px;
  font-size: 30px;
}

.btn-alumne-zoom-desactivado {
  background-image: linear-gradient(to right, #DEDEDE 6%, #DEDEDE 59%, #DEDEDE 0%);
  padding: 30px;
  font-size: 30px;
}

.caja-logro .imagen-logro img {
    width: 167px;
    height: 161px;
}
.caja-logro {
    width: 166px;
    height: 190px;	
    padding: 0px;    
}
.flip { 
  	-webkit-perspective: 800;   
    perspective: 800;
    position: left;
    text-align: center;
    margin-top: 1%;
    margin-bottom: 1%;
}

.flip .card.flipped {
  	-webkit-transform: rotatey(-180deg);
  	transform: rotatey(-180deg);
}

.flip .card {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #fff;

    width: 177px;
    height: 250px;
}
.flip .card .face {
  	-webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   	z-index: 2;
}
.flip .card .front_medallero {
   position: absolute;
   z-index: 1;
}
.flip .card .img {
   position: relaitve;
   z-index: 1;

   width: 270px;
   height: 250px;
}
.flip .card .back {
  	-webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);

    height: 250px;
}
.inner{margin:0px !important;}

.p {
	direction: ltr !important;
}
.frontal {
    overflow: hidden;

    height: 182px !important;
    width: 182px;
}

.no_obtenido img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);	
}

.trasera {
    overflow: hidden;
    text-align: left;

    height: 182px !important;
    width: 178px;
}

.grey-background{
	background:#ededed;
}



.grow:hover
{
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	transition:all 0.3s ease;
}


.trheight{
	height:64px;
}

/* zona de Mi Perfil */

#profile_page .grande_fa .fa  {
	color: #CE6117;
	font-size: 44px;
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 60px;
	margin-right: 12px;
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
}

.foto_profile {
	border-radius: 50%;
    box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
}

.foto_profile_categoria {
	border-radius: 1rem;
	box-shadow: 5px 5px 25px 0 rgb(51 51 51 / 20%);
}

.ficha_usuario h6 {
	font-size: 12px;
	text-transform:uppercase;
	margin-top: 5px;
	color: #bbb;
}
.ficha_usuario h4 {
	font-size: 20px;
}


.icono_modulo_cartel{
	min-height: 70px;
	min-width: 70px;
}

.tooltiptopicevent .row .col-xs-8 h3 {
	font-size: 20px !important;

}

.formato_doc img {
	padding: 5px;
	background: #fff;
	border-radius: 1rem;
}

.f_gris {
	padding: 20px;
	background: rgba(246,247,251,0.75);
	border-radius: 2rem;
}

.f_gris img {
	filter: invert(0.8) sepia(1) hue-rotate(158deg);
}

.f_gris h2 {
	color: #37454d !important;
	text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.f_amarillo {
	padding: 20px;
	background: linear-gradient(to right, #FBEEBD, #FCE8C5 );
	border-radius: 2rem;
}

.f_pregunta {
	background: rgba(246,247,251,0.75);
	padding: 20px;
	border-radius: 2rem;
	margin-bottom: 20px;
	
}

.f_pregunta:hover {
	background: rgba(246,247,251,1);
}

.vcenter {
	
	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
	margin-left: auto;
	  margin-top: auto;
	
 }


.opcion_respuesta_test {
	background: #fff;
	border-radius: 4rem;
	margin-bottom:10px; 
}

.opcion_respuesta_test:hover {
	
}

.opcion_foro {
	background: #fff;
	border-radius: 4rem;
	margin:2px; 
}

.opcion_foro:hover {
}

.opcion_foro_icono {
	background: #fff;
	border-radius: 4rem;
	margin:2px;
	margin-top:4px;
}

.opcion_foro_icono:hover {
}

.f_cursos_portada_widget {
	background: rgba(246,247,251,0.75);
	border-radius: 2rem;
	margin-bottom: 10px;
}

.nombre_curso {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	font-family:'Montserrat';
}

.nombre_curso a{
	font-weight: 300;

}




.config_pregunta_test .bottom_opciones {
	background: #EDEDF0;
}

.config_pregunta_test .bottom_opciones:hover {
	background: linear-gradient(to right, #EDEDF0, #fff );
}

#desplegarInfo {
	font-size: 50px;
	color: #ccc;
}

#desplegarInfoAdicional {
	color: #ccc;
	font-size: 32px;
}

		.animate_boton_mas, #desplegarInfo, #desplegarInfoAdicional {
			animation: moveDown 3s;
			animation-iteration-count: infinite;
		}

		@keyframes moveDown{
			0% { 
				transform: translateY(0px); 
				opacity: 0;
			}
		   
			33% { 
				transform: translateY(30px);  
				opacity: 1;
			}
			
			100% { 
				transform: translateY(0px);  
				opacity: 1;
			}
		}

#curso_head_hueco {
	margin-top: 40px !important;
}

.fc-header tr {
	border: 0px;
}

.popup tr {
	border:0px;
}

.stepwizard-step .btn {
	width: 32px;
	height: 32px;
}

#selector_mapa select, #ranking_general select{
	max-width: 75%;
	border-radius: 4rem;
	border: 1px solid #ddd;
	padding: 10px 15px;
	background: #F8F8FA !important;
	color: #999;
}


#selector_mapa select:focus{
	border: 1px solid #ddd !important;
}

.f_pregunta textarea, .f_pregunta input.text-input{
	background: #fff !important;
}

.countdown_amount {
	font-size: 300% !important;
	font-family: 'Montserrat';
}

.bottom_opciones img {
	margin-right: 10px;
}

/* actualización del calendario a nivel visual */

.fc-state-default{
	background: #F8F8FA !important;
}

.fc-button {
	border:0px !important;
}

.fc-state-default:hover{
	background: #EDEDF0 !important;
}

.fc-corner-left{
	border-radius: 4rem 0rem 0rem 4rem !important;
}

.fc-corner-right{
	border-radius: 0rem 4rem 4rem 0rem !important;
}

.fc-button-today  {
	border-radius: 4rem !important;
}

.fc-state-active{
	background: #eee !important;
	box-shadow: none !important;
}

.fc-state-disabled, .fc-state-disabled:hover {
	background: #ccc !important;
}

.qa-message-content {
	font-size: 14px !important;
	font-family:'Montserrat';
}

#graficoConocimientos2 {
	min-height: 250px;
}


.formato_doc img {
	padding: 5px;
	background: #fff;
	border-radius: 1rem;
}


.quote_box {
	padding: 11px 22px;
	margin: 0 0 22px;
	font-size: 12px;
	border-left: 5px solid #d9d9d6;
	border-bottom: 1px solid #d9d9d6;
	background-color: #FAFAFA;
}

.fa-icon {
	font-size:22px; 
	margin-right:8px;
	padding-top: 3px;
}

/* tamaños estandar */

.tam1rem {
	font-size: 1rem;
}

.tam2rem {
	font-size: 2rem;
}

.tam3rem {
	font-size: 3rem;
}

.tam4rem {
	font-size: 4rem;
}

.tam5rem {
	font-size: 5rem;
}

.op90 {
	opacity: 0.9;
}

.op80 {
	opacity: 0.8;
}

.op70 {
	opacity: 0.7;
}

.op60 {
	opacity: 0.6;
}

.op50 {
	opacity: 0.5;
}

.text-secundario-gris {
    color: #cdd6e0;
    font-weight: 500;
}

.text-principal-gris {
	color: #5d5386;
	font-weight: 600;
}



@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.contar5 {
    animation-iteration-count: 5;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.f_pregunta h4{
	font-size:2rem;
}

.contenedor_flex {
	display: flex;
	background: rgba(246,247,251,0.75);
	padding: 20px;
	border-radius: 2rem;
	margin-bottom: 20px;
}

.contenedor_flex_widget {
	display: flex;
	background: rgba(246,247,251,0.75);
	border-radius: 1rem;
	margin-bottom: 20px;
}

.contenedor_flex_widget img {
	max-width: 100%;
	border-right: 4px solid #101332;
	border-radius: 1rem 0px 0px 1rem;
}

.tipo_rol_curso_widget {
	font-size: 11px;
}

.contenedor_flex img,  {
	max-width: 100%;
}

.contenedor_flex_blanco {
	display: flex;
	background: #fff;
	padding: 20px;
	border-radius: 2rem;
	margin-bottom: 20px;
}

.contenedor_flex_faqs {
	display: flex;
	padding: 20px;
	margin-bottom: 20px;
}

.contenedor_flex:hover {
	background: rgba(246,247,251,1);
}

.contenedor_flex_tablasEmails {
	display: flex;
	background: #F8F8F8;
	padding: 20px;
	border-radius: 2rem;
	margin-bottom: 20px;
}

.centrado {

	justify-content: center;
	align-items: center;
	align-content: center;
	flex-flow: wrap;
 }

.centrado_verticalmente {
 	display: flex;
    align-items: center;
 }

.izquierda {
	text-align: left;
}

.contenedor_flex h4, .contenedor_interior_gris h4 {
	font-size: 1.7rem; 
}

.panel-topic {
	margin-left: 50px;
}



/* Nuevo menú desplegable */


.m_desplegable {
	width: auto;
	float: right;
	
	max-width: 800px;
}

.m_desplegable ul {
  font-size: 0;
  list-style-type: none;
  padding: 0 !important;
}
.m_desplegable ul li{
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 15px !important;
  position: relative;
}

.m_desplegable ul li ul li{
  font-size: 14px;
}

.m_desplegable ul li ul li a{
  display: block;
}

.m_desplegable ul li ul {
  display: none;
}
.m_desplegable ul li:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.m_desplegable ul li:hover ul {
	display: block;
	margin-top: 15px !important;
	width: 200px;
	left: 0;
	position: absolute;
	z-index: 1000;
}
.m_desplegable ul li:hover ul li {
  display: block;
  background-color: #f9fafc;
  border-radius: 0px;
}

.m_desplegable ul li:hover ul li span {
  float: right;
  color: #f9f9f9;
  background-color: #F03861;
  padding: 2px 5px;
  text-align: center;
  font-size: .8rem;
  border-radius: 3px;
}
.m_desplegable ul li:hover ul li:hover {
  background-color: #eee;
}
.m_desplegable ul li:hover ul li:hover span {
  background-color: #ee204e;
}

/* fin */



/* -------------------- Desplegable  Menú --------------*/
					
.styled-select {
	border:1px solid #d9d9d9;
	height:30px;
	overflow: hidden;
	width: auto;
	position:relative;
	margin:15px 15px 0 15px;
	
	}

.styled-select::after {
	content:"\025be";
	display:table-cell;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:30px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	} 

.styled-select select {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 30px;
	padding: 5px;
	width: 100%;
	}

.styled-select select:focus {
	outline: none;

	}

.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	}

.color-select   { background-color: #ccc }

.color select   { color: #555; }

/* -------------------- Fin del Desplegable  Menú --------------*/

.quote_box {
	padding: 11px 22px;
	margin: 0 0 22px;
	font-size: 12px;
	border-left: 5px solid #d9d9d6;
	border-bottom: 1px solid #d9d9d6;
	background-color: #FAFAFA;
}

.fa-icon {
	font-size:22px; 
	margin-right:8px;
	padding-top: 3px;
}

.panel-topic {
	margin-left: 50px;
}

.campo_cupon_canjeo {
	font-size: 3em !important;
    border-radius: 2rem;
    padding: 20px 20px !important;
    width: calc(97.5% - 40px) !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.campo_buscador_contenidos {
	font-size: 2em !important;
    border-radius: 2rem;
    padding: 20px 20px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Nuevas cajas resaltadas */

.alumnvx-card {
	width: 100%;
	background: #fff;
	border-radius: 1.2rem;
	display: block;
	-webkit-box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.alumnvx-card:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 4px 25px 0 rgba(0,0,0,.25);
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.25);
}

.alumncard {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	border: initial;
	background: #fff;
	border-radius: calc(.15rem - 1px);
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.cardtexto {
	font-size: 1em !important;
	font-weight: 300 !important;
	color: #101332;
}

.cardcontador {
	font-size: 1.5em;
	font-weight: 400;
}

.cardicono{
	font-size: 3.5em !important;
	color: #101332;
}

.cardicono_recomendaciones{
	font-size: 3em !important;
	color: #101332;
}

.cardicono1x{
	color: #101332;
}


.kt-iconbox__body{
	position:relative;
	z-index: 100;
}

.kt-iconbox--animate-slower:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: -1;
}


.kt-iconbox--animate-slower:after {
	-webkit-animation: wave 30s infinite linear;
	animation: wave 30s infinite linear;
}

.kt-iconbox--animate-slower:after {
	content: ' ';
	width: 1000px;
	height: 1025px;
	position: absolute;
	bottom: 65%;
	left: -250px;
	border-radius: 35%;
	background: #fff;
	z-index: 0;
}

.kt-iconbox--brand.kt-iconbox--animate, .kt-iconbox--brand.kt-iconbox--animate-fast, .kt-iconbox--brand.kt-iconbox--animate-faster, .kt-iconbox--brand.kt-iconbox--animate-slow, .kt-iconbox--brand.kt-iconbox--animate-slower {
	background-color: rgba(113,106,202,.07)!important;
}

.kt-iconbox--animate-slower {
	background-color: #f7f8fa;
	overflow: hidden;
	position: relative;
}

.kt-portlet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
	box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 4px;
	border-radius: 1.2rem;
}

@-webkit-keyframes wave{from{-webkit-transform:rotate(0);transform:rotate(0)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes wave{from{-webkit-transform:rotate(0);transform:rotate(0)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.textoprincipalcontenido, .textoprincipalcontenido p, .textoprincipalcontenido a {
	font-size: 1em;
}


/* nuevas CARDS Enero 2021 */

.card_nueva_cursos{
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	transition: all .2s ease-in-out;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width:300px;
	position:relative;
}

.card_nueva_cursos_cat{
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	transition: all .2s ease-in-out;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 20px;
}


.card_nueva_cursos_catalogo  {
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	box-shadow: 0 0 5px -.435px rgba(25,42,70,.25);
	transition: all .2s ease-in-out;
	background: #fff;
	margin:0 auto;
	margin-bottom: 10px;
	max-width: 300px;
	
}

.card_nueva_cursos_sin{
	border-radius: 7px;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 5px -.435px rgba(25,42,70,.15);
	box-shadow: 0 0 5px -.435px rgba(25,42,70,.15);
	background: #fff;
}


.card_nueva_cursos:hover, .card_nueva_cursos_catalogo:hover {
	box-shadow: 0 0 15px -.835px rgba(25,42,70,.6);
	/*transform: scale(1.005,1.005);*/
}



.card_nueva_curso_captura img {
	border-radius: 7px 7px 0 0;
	width:100%;
	height: 167px;
}

.card_nueva_cursos_catalogo_captura img {
	border-radius: 7px 7px 0 0;
	width:100%;
	height: 167px;
}

.card_nueva_categoria_captura img {
	width:100%;
	border-radius: 7px 0 0 7px;
	border-right: 5px solid #eee;
}		

.titulo_curso_nuevo {
	line-height: .25in;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	font-weight: 600;
	color: #3e416d;
}

.zona_avance_curso_card_fuera {
	padding: 5px 0px;
}

.titulo_curso_nuevo_largo {
	line-height: .25in;
	/*font-size: 14px;*/
	font-size: 1.2em;
	color: #3e416d;
	font-weight:900;
}

.card_nueva_curso_titulo_largo {
	line-height: .25in;
	font-size: 1.2em;
	color: #3e416d;
	/*height: 75px;*/
	overflow:hidden;
	/*text-align:left;*/
}

.text_refuerzo_curso {
	color: #afafaf;
	font-size: 14px;
	margin-bottom: 3.75pt;
}

.card_nueva_curso_contenido {
	padding: 9px 9px 10px 9px;
}

.card_nueva_curso_contenido_largo {
	padding: 9px 9px 10px 9px;
	height: 150px;
	overflow:hidden;
}

.contenido_card_extralargo {
	height: 175px;
}

.card_nueva_categoria_contenido {
	padding: 5px 9px 5px 15px;
	text-align:left;
}


.card_nueva_cursos_catalogo .etiqueta_precio{
	padding: 5px 10pt;				
	top: 20px;
	margin: 0;
	margin-left: 150px;
	z-index: 80;
	position: absolute;
	border-radius: 1rem;
	background-color: #f6f7fb;
	color: #696969;
	font-weight: 500;
	font-size: 24px;
	box-sizing: border-box;
}


.etiqueta_favoritos{
	top: 20px;
	right: -35%;
	margin: 0;
	z-index: 80;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	font-size: 22px;
	color: #696969 !important;
	height:0px;
	overflow: visible;
}


.etiqueta_favoritos a{
	padding: 0.75pt 5.25pt;				
	background-color: #fff;
	border-radius: 5px;
}

.etiqueta_favoritos .fas, .etiqueta_favoritos .far {
	
	color: #696969;
	
}

/* filtros de la zona de catalogo */

.elemento_menu_central, .elemento_menu_central2 {
	margin:10px;
	padding: 7px 7px;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	background: #f0f0f2;
	border-radius: 1rem;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
}

.elemento_menu_central:hover, .elemento_menu_central2:hover {
	color: #f0f0f2;
	background: #777;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.elemento_menu_central a, .elemento_menu_central a {
	color: #333;
}

.elemento_menu_central a:hover, .elemento_menu_central a:hover {
	color: #ffffff;
}

.elemento_menu_central_seleccionado, .elemento_menu_central_seleccionado:hover {
	color: #f0f0f2;
	background: #333;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.elemento_menu_central_seleccionado a, .elemento_menu_central_seleccionado a:hover {
	color: #f0f0f2;
}

.clase_oculta {
	display:none;
}

.dif_todos {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

/* fin filtros del catalogo */


.etiqueta_pequ_2{
	padding: 0.75pt 5.25pt;				
	margin: 0 auto;
	margin-top: 5px;
	border-radius: 1rem;
	background-color: #fff;
	color: #696969;
	font-weight: 500;
	font-size: 12px;
	box-sizing: border-box;
}

.eti_vidas {
	display:inline-block;
	color: #fff;
	font-size: 11px;
	
}

.ff_vida {
	background: #df2147;
}

.ff_gris{
	background: #f6f7fb;
}

.ff_basico{
	background: #d2e8f2;
}

.ff_intermedio{
	background: #eff2d2;
}

.ff_avanzado{
	background: #d8f2d2;
}

.ff_skills{
	background: #f5705f;
	color: #fff;
}

.etiqueta_pequ{
	margin: 0;
	z-index: 80;
	position: relative;
	border-radius: 4px;
	background-color: #fff;
	color: #696969;
	font-weight: 500;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0.75pt 5.25pt;
}

 

.etiqueta_precio_2{
	padding: 5px 10pt;				
	margin: 0 auto;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #f6f7fb;
	color: #696969;
	font-weight: 500;
	font-size: 24px;
	box-sizing: border-box;
}

.etiqueta_precio{
	padding: 5px 10pt;				
	top: 20px;
	right: 35px;
	margin: 0;
	z-index: 80;
	position: absolute;
	border-radius: 4px;
	background-color: #fff;
	color: #696969;
	font-weight: 500;
	font-size: 24px;
	box-sizing: border-box;
}

.barra_progreso_curso {
	height: .0625in !important;
	border-radius: 0px 0pc 16px 12pt;
	margin-top: 4.5pt;
	background-color: #e6e8ec;
}

.barra_progreso_curso_larga {
	height: .0625in !important;
	border-radius: 4rem;
	background-color: #e6e8ec;
	margin: 5px 10px;
	
}

.nueva_card_opciones {
	background-color: #ECEDF0;
}
.nueva_card_opciones .far {
	margin-right: 10px;
}

.barra_progreso_curso_avance{
	background-color: #17d292;
	height: .0625in !important;
	border-radius: 0pt 0pt 6pt 6pt;
	display: block;
}

.barra_progreso_curso_avance_larga{
	background-color: #17d292;
	height: .0625in !important;
	border-radius: 4rem;
	display: block;
}

.selector_curso_rel {
	background: #F8F8FA;
	border-radius: 1rem 0 0 1rem;
}

.select_relacionados {
	text-align:center;
	padding-top: 80px;
}

.select_relacionados input {
	width: 24px;
    height: 24px;
}

.spin_animado {
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* Nuevo enfoque gamificado */
	
	.no-padding {
		padding:0px;
	}
	
	.pildora_flotando {
		display:inline-block;
		padding:5px 10px;
		background: #f8b705;
		border-radius: 4rem;
		position:absolute;
		right: 0px;
		top: -20px;
		font-size: 11px;
		color: #fff;
	}
	
	.titulo_ganador {
		color: #f8b705 !important;
	}
	
	.titulo_en_estadisticas {
		margin-bottom: 10px;
	}
	
	.margen_zona_vs {
		margin-top: 30px;
	}
	.cartel_vs_grande {
		font-size: 36px;
		color: #0f2c3f;
		font-family: 'Architects Daughter', cursive;
	}
	
	.cartel_vs_mini {
		font-size: 24px;
		color: #0f2c3f;
		font-family: 'Architects Daughter', cursive;
	}
	
	.separador_vs_simple_mini {
		border-right: 3px dashed #00000019;
		min-height:20px;
	}
	
	.separador_vs_simple {
		border-right: 3px dashed #ffffff19;
		min-height:40px;
	}


	#cap_resumen_retos {
		background: linear-gradient(290deg, #5e9e9b, #0f2c3f);
		color: #fff;
		font-size: 12px;
	}
	
	#cap_resumen_retos a, #cap_resumen_retos a:hover {
		color: #fff;
	}
	
	#cap_resumen_retos h5 {
		color: #ffffff99;
	}
	
	#cap_resumen_tu_posicion {
		font-size: 12px;
	}

	#cap_resumen_retos h3{
		font-size: 18px;
		color: #eee;
		text-shadow: 1px 1px 8px #00000099;
	}
	
	.font-muygrande {
		font-size: 64px !important;
	}
	
	.font-grande {
		font-size: 48px !important;
	}
	
	.font-mediana {
		font-size: 32px !important;
	}
	
	.font-b-900 {
		font-weight:900;
	}
	
	#cap_resumen_tu_posicion h3 {
		font-size: 18px;
	}
	
	
	
	#cap_resumen_retos  sup, #cap_resumen_tu_posicion  sup {
		font-size: 18px;
		color: #fff ;
		border-radius:7px;
		background:#00000033;
		padding: 5px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	#cap_resumen_retos  sup a, #cap_resumen_retos  sup a:hover {
		color: #fff ;
	}
	
	#cap_resumen_retos  sup:hover, #cap_resumen_tu_posicion  sup:hover {
		background:#00000088;
	}
	
	#cap_resumen_retos h3 sup:hover {
		background:#ffffff55;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	h3.mini {
		font-size: 14px !important;
		margin:0 auto;
		background: #0f2c3f;
		margin-right: 10px;
		padding: 5px;
		border-radius: 5px 5px 0px 0px;
	}

	.resaltado_resultado {
		font-weight:800;
		font-size: 72px !important;
	}

	.resaltado_resultado_mini {
		font-weight:800;
		font-size: 24px;
		background: #fff;
		padding: 5px;
		margin-right: 10px;
		color: #0f2c3f;
		padding-bottom: 10px;
		border-radius: 0px 0px 5px 5px;
	}
	
	.contador_vidas {
		font-weight:800;
		font-size: 24px;
	}
	
	.resaltado_derrotas {
		color:#df2147 !important;
	}

	.cap_user_ranking {
		max-width: 80%;
		max-height: 64px;
		width: 64px;
		border-radius: 4rem;
		margin-bottom: 20px;
	}

	.cap_foto_ranking{
		max-width: 80%;
		max-height: 64px;
		width: 64px;
		
	}

	.imagen_layout_cap_foto_raking {
		padding: 5px;
		background: #fff;
		border-radius:7px;
		width:74px;
		margin:0 auto;
		margin-bottom: 20px;
	}

	.cap_user_perfil{
		max-width: 80%;
		max-height: 64px;
		width: 64px;
		border-radius: 4rem;
		margin-bottom:20px;
	}
	
	.cap_user_perfil_pro {
		max-width: 80%;
		border-radius: 4rem;
		margin-bottom:20px;
	}

	.elemento_ranking_retos {
		border-radius: 1rem;
		margin-bottom:10px;
		padding: 10px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.elemento_reto_retos {
		border-radius: 1rem;
		margin-bottom:10px;
		padding: 10px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}


	.elemento_ranking_retos:hover, .elemento_reto_retos:hover {
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		background: #ffffff26; 
	}
	
	#cap_resumen_tu_posicion .elemento_ranking_retos:hover, #cap_resumen_tu_posicion .elemento_reto_retos:hover {
		background: #33333311; 
	}

	.boton_portada_ranking {
		background: #0f2c3f;
		border-radius: 4rem;
		color: #fff;
		padding: 10px 20px;
		max-width: 200px;
		font-size: 16px;
		margin:0 auto;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		border:0px;
		font-family: 'Montserrat';
	}
	
	.boton_portada_ranking:hover {
		background: #0f2c3f99;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	
	.boton_portada_ranking2 {
		background: #0f2c3f;
		border-radius: 4rem;
		color: #fff;
		padding: 10px 10px;
		font-size: 14px;
		margin:0 auto;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		border:0px;
	}
	
	.boton_portada_ranking2:hover {
		background: #cd1740;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	
	
	
	.boton_portada_ranking a, .boton_portada_ranking a:hover {
		color: #fff;
	}

	.boton_portada_ranking:hover {
		
		color: #fff;
		
	}
	
	.boton_portada {
		letter-spacing: 0.1em;
		text-transform:uppercase;
	}

	.boton_retar_ranking, .boton_retar_ranking_bis {
		background: #0f2c3f;
		border-radius: 1rem;
		color: #fff;
		padding: 10px 20px;
		font-size: 16px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.boton_retar_ranking:hover {
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
		transform: translate(0, -10px);
		background: #0f2c3f99;
	}
	
	.boton_retar_ranking_bis:hover {
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
		transform: translate(0, -10px);
		background: #0f2c3f99;
	}

	.boton_retar_ranking a, .boton_retar_ranking a:hover, .boton_retar_ranking_bis a, .boton_retar_ranking_bis a:hover {
		
		
		color: #fff;
		
	}
	
	.centrado_vertical_elemento {
		display: inline-block;
		vertical-align: middle;
		line-height: 2;
	}
	
	.campo_buscador {
		width: 92%;
		border-radius: 4rem;
		padding: 8px 10px 8px 20px;
		color: #999;
		font-size: 1.5em;
		border: 1px solid #ccc;
		font-family: 'Montserrat';
		
	}
	
	.resaltado_resultado {
		color: #0f2c3f99;
	}
	
	#cap_resumen_retos .resaltado_resultado {
		color: #ffffff;
	}
	
	.zona_vidas {
		min-height: 80px;
	}
	
	.vida_peque {
		max-width: 48px;
		margin:0 auto;
	}
	
	.f_gris_desafios {
		padding: 10px 20px;
		background: rgba(246,247,251,0.25);
		border-radius: 2rem;
	}
	
	.elemento_favoritos_retar_usuarios a, .elemento_favoritos_retar_usuarios a:hover {
		color: #222;
	}
	
	.foto_clan_equipo {
		max-width:36px;
		position:absolute;
		bottom: 20px;
		right: 10%;
		border-radius:50%;
		border: 3px solid #fff;
	}
	
	.font-blanca {
		color: #ffffffaa;
	}
	
	
	
	/* estilos del podium de desafíos */
	
	.puesto_podium {
		border-radius: 0.5rem;
		display: inline-block;
		min-width: 75%;
		max-width: 75%;
		padding: 20px 10px;
	}
	
	.puesto_podium h2 {
		color: #fff;
	}
	
	.primer_puesto_podium {
		background: linear-gradient(270deg,#AA771C,#B38728);
	}
	
	.segundo_puesto_podium {
		background: linear-gradient(270deg,#C0C0C0,#B1B1B1);
		margin-top:40px;
	}
	
	.tercer_puesto_podium {
		background: linear-gradient(270deg,#CD7F32,#BE7023);
		margin-top:80px;
	}
	
	.medalla_flotante_podium {
		max-width: 72px;
		position:absolute;
		left:6%;
	}
	
	.foto_ranking_equipo {
		max-width: 80%;
		max-height:128px;
	}
	
	.logo-secundario {
		max-height:80px;
		margin:0 auto;
	}
	
	.logo_derecha_lay {
		text-align:right;
	}
	
	/* fin de los estilos del podium de desafíos */
	
	.icono_de_servicio_inter {
		border-radius: 10px;
	}
	
	.etiqueta_pequ_3 {
		padding: 0.75pt 5.25pt;
		margin: 0 auto;
		margin-top: 5px;
		border-radius: 0.25rem;
		color: #fff;
		font-weight: 500;
		font-size: 12px;
		box-sizing: border-box;
	}
	
	.flecha_resultado_podium {
		font-size: 48px !important;
		color: #0f2c3f9999;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.flecha_resultado_podium:hover {
		color: #0f2c3f99;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.video_tutorial_interno {
		border-radius: 10px;
		max-width: 95%;
		height: auto;
		border: 1px solid #999;
		margin:0 auto;
	}
	
	/* nuevas descripciones de carpetas y niveles en la zona de avances */
	
	.descripcion_carpeta {
		color: #777;
		font-size: 16px;
		padding: 20px 10px 20px 20px;
	}
	
	.espacio_carpeta {
		padding: 20px 10px 0px 10px;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 20px;
		border: 1px solid #eee;
		border-radius: 10px;
	}
	
	.espacio_carpeta h3 {
		font-size: 18px;
		text-transform: uppercase;
		color: #777;
		margin-bottom: 10px;
	}
	
	
	/* Nuevo Slider */
	
	.slick-prev, .slick-next {
		padding: 10px;
		background: #f6f7fb;
		border-radius: 4rem;
		font-size: 24px;
		transition: all .2s ease-in-out;
	}
	
	.slick-prev:hover, .slick-next:hover {
		background: #eee;
		transition: all .2s ease-in-out;
	}
	
	.slider-cursos-xxx-nav {
		text-align:right;
	}
	
	/* otros */
	
	.columna-info-tarea img {
		max-width:100%;
	}
	
	.tu_cuenta_alumne_lms {
		background: linear-gradient(45deg, #fd3e2f, #fc9d5b);
		color: #0e253d !important;
	}
	
	.tu_cuenta_alumne_lms:hover {
		background: linear-gradient(45deg, #fd3e2f, #fc9d5b);
		color: #ffffff !important;
		
	}
	
	/* solo para la zona de Widgets */
	
	.grid-stack>.grid-stack-item>.grid-stack-item-content {
		border-radius: 20px;
	}
	
	
	.grid-stack>.grid-stack-item>.grid-stack-item-content .content-box {
		margin: 0 auto;
		border-radius: 0px;
		box-shadow: 0;
		padding: 15px;
	}
	
	
	/* mejoras overlay para cursos cerrados o de próxima apertura */
	
	.overlay_cerrado_zona_interior {
		position: absolute;
		top: 0px;
		background: rgba(0, 0, 0, 0.3); /* Black see-through */	  
		width:100%;
		height:calc(100% - 52px);
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 24px;
		display:flex;
		border-radius: 8px 8px 0px 0px;
		z-index:79;
		max-width:300px;
	}
	
	.overlay_cerrado_zona_interior .bi, .overlay_cerrado_zona_interior h3 {
		padding:10px;
		background: rgba(0, 0, 0, 0.7);
		border-radius: 50%;
		color: #fff;
	}
	
	.overlay_cerrado_zona_interior h3 {
		padding:10px;
		background: rgba(0, 0, 0, 0.7);
		border-radius: 8px;
		color: #fff;
		margin: 0px 10px;
	}

	.btn_as_dropdown
	{
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0 10px;
		box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
	}
	
	#imageCropper {
		display: block;
		max-width: 100% !important;
		min-width: 100% !important;
		width: 100% !important;
	}

	.btn {
		margin-left: 5px;
		margin-right: 5px;
	}

	.centered {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
.dot-pulse {
	position: relative;
	left: -9975px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	box-shadow: 9999px 0 0 -5px;
	animation: dot-pulse 1.5s infinite linear;
	animation-delay: 0.25s;
  }
  .dot-pulse::before, .dot-pulse::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
  }
  .dot-pulse::before {
	box-shadow: 9984px 0 0 -5px;
	animation: dot-pulse-before 1.5s infinite linear;
	animation-delay: 0s;
  }
  .dot-pulse::after {
	box-shadow: 10014px 0 0 -5px;
	animation: dot-pulse-after 1.5s infinite linear;
	animation-delay: 0.5s;
  }
  
  @keyframes dot-pulse-before {
	0% {
	  box-shadow: 9984px 0 0 -5px;
	}
	30% {
	  box-shadow: 9984px 0 0 2px;
	}
	60%, 100% {
	  box-shadow: 9984px 0 0 -5px;
	}
  }
  @keyframes dot-pulse {
	0% {
	  box-shadow: 9999px 0 0 -5px;
	}
	30% {
	  box-shadow: 9999px 0 0 2px;
	}
	60%, 100% {
	  box-shadow: 9999px 0 0 -5px;
	}
  }
  @keyframes dot-pulse-after {
	0% {
	  box-shadow: 10014px 0 0 -5px;
	}
	30% {
	  box-shadow: 10014px 0 0 2px;
	}
	60%, 100% {
	  box-shadow: 10014px 0 0 -5px;
	}
  }

  .snippet 
  {
	padding: 10px;
  }
  .d-flex{
	  display: flex;
  }
  .justify-content-center{
	  justify-content: center;
  }
  .flex-row{
	  flex-direction: row;
  
  }
  .mb-0
  {
	  margin-bottom: 0px;
  }
  .px-3
  {
	  padding-left: 10px;
	  padding-right: 10px;
  }
  .p-3
  {
	  padding: 10px;
  }
  .mx-3
  {
	  margin-left: 10px;
	  margin-right: 10px;
  }
  .m-0
  {
	  margin: 0px;
  }
  .small
  {
	  font-size: 12px;
  }
  .text-muted
  {
	  color: #C4C4C4;
  }
  .align-items-center{
	  align-items: center;
  }

  .border{
	  border: 1px solid #dee2e6;
  }

  .rounded{
	  border-radius: 1rem;
  }
  .code{
	  background-color: transparent!important;
	  margin-left: 15px!important;
	  margin-right: 15px!important;
	  padding: 10px!important;
  }
  code{
	  border-radius: 7px!important;
  }
  .btnChat
  {
	  border: none;
	  border-radius: 10px;
	  background: linear-gradient(45deg, #fd3e2f, #fc9d5b);
	  color: #FFF;
	  font-size: 14px;
	  padding: 10px;
	  margin-left: 10px;
  }
  .btnChat:hover{
	  background: linear-gradient(45deg, #fc9d5b, #fd3e2f);
  }
  
  .btnChat:disabled{
	  background: #C4C4C4;
	  cursor: not-allowed;
  }
  
  .chat{
	  display: block;
	  border: none;
	  /* color: #FFF; */
  
	  height: auto!important;
	  background: rgba(246,247,251,0.75);
	  /* font-size: 10px; */
	  border-radius: 10px;
	  /* width: 100%; */
	  text-align: start;
  }
  .card
  {
	  width: 90%;
	  margin: 0 auto;
  }
  
  .chat p, .bg-white p 
  {
	  padding: 10px;	
	  margin: 0px;
  }
  /* .p-3
  {
	  padding: 10px;
  } */
  .bg-white{
	  border: 1px solid #E7E7E9;
	  /* font-size: 10px; */
	  /* background-color: #E7E7E9; */
	  border-radius: 10px;
	  /* width: 100%; */
	  text-align: start;
  }
  .form-control{
	  border: 1px solid #F0F0F0;
	  resize: none;
	  /* font-size: 8px; */
  }
  .form-control:focus{
	  box-shadow: none;
	  resize: vertical;
	  }
  .form-control::placeholder{
	  /* font-size: 8px; */
	  color: #C4C4C4;
  }
  
  .zona_enlaces_redes_usuario {
	font-size: 1.5em;
	margin-bottom: 5px;
	margin-top: 5px;
  }

  

.box-price {
	padding: 10px 30px;
    border-radius: 0.4rem;
	margin: 30px 0px;
	background:
	  linear-gradient(to right,  #fc9d5b 4px, transparent 4px) 0 0,
	  linear-gradient(to right, #fc9d5b 4px, transparent 4px) 0 100%,
	  linear-gradient(to left, #fc9d5b 4px, transparent 4px) 100% 0,
	  linear-gradient(to left, #fc9d5b 4px, transparent 4px) 100% 100%,
	  linear-gradient(to bottom, #fc9d5b 4px, transparent 4px) 0 0,
	  linear-gradient(to bottom, #fc9d5b 4px, transparent 4px) 100% 0,
	  linear-gradient(to top, #fc9d5b 4px, transparent 4px) 0 100%,
	  linear-gradient(to top, #fc9d5b 4px, transparent 4px) 100% 100%;
  
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.box-price h2
{
	font-size: 30px;
	font-weight: 800;
	padding: 0px;
}

.box-price h4
{
	font-size: 16px;
	font-weight: 200;
	padding: 0px;
	margin-bottom: 10px;
}

.btn-copy
{
    border: none;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #0d1117;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
    margin-left: 0px;
    margin-bottom: -5px;
}

.texto_del_mensaje img {
	max-width: 100%;
}

@media (min-width: 995px) {
	.md-flex {
	  display: flex;
	  justify-content: space-between;
	}
}
  
@media (max-width: 767px) {
	.md-flex {
	  display: inline-block;
	  justify-content: center;
	}
}

.input-rounded
{
	border-radius: 20px;
	/* width: 50%!important; */
	/* display: block; */
	border: 1px solid #F0F0F0;
	position: relative;
}

.input-rounded ~ i {
	position: absolute;
	right: 35px;
	top: 57%;
	color: #C4C4C4;
}

/* nuevo menú de perfil de usuario */

#menu_emergente_perfil {
	
}


.separador_menu {
	height: 1px;
	width:	90%;
	border-bottom: 1px solid #eeeeeecc;
	margin: 0.3rem;
}


#menu_emergente_perfil img{
	cursor:pointer;
}


#menu_emergente_perfil nav {

}

#menu_emergente_perfil ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  
}

#menu_emergente_perfil li {
  list-style-type: none;
  position: relative;
  padding: 0.625rem 0 0.5rem;
  margin: 0px 10px;
}

#menu_emergente_perfil li i {
  color: #888888;
  cursor:pointer;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#menu_emergente_perfil li i:hover {
  color: #000;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#menu_emergente_perfil li ul {
  flex-direction: column;
  position: absolute;
  background-color: white;
  align-items: flex-start;
  transition: all 0.5s ease;
  width: 20rem;
  right: -0.5rem;
  top: 2.5rem;
  border-radius: 0.325rem;
  gap: 0;
  padding: 1rem 0rem;
  opacity: 0;
  box-shadow: 0px 0px 100px rgba(20, 18, 18, 0.25);
  display: none;

}



#menu_emergente_perfil li.zona_idiomas ul {

  width: 10rem;
  

}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


#menu_emergente_perfil ul li:hover > ul,
#menu_emergente_perfil ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: flex;
	-webkit-animation: fadeIn 0.5s;
	animation: fadeIn 0.5s;
}




#menu_emergente_perfil .profile {
  height: 3rem;
  width: auto;
  cursor: pointer;
}

#menu_emergente_perfil .sub-item {
	width:	90%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0px;
  border-radius: 1rem;
  margin:0px 10px;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#menu_emergente_perfil .sub-item:hover {
  background-color: rgba(246,247,251,0.8);
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
  
}

#menu_emergente_perfil .sub-item i {
  margin-right: 1rem;
  position:relative;
}


#menu_emergente_perfil .sub-item:hover p {
  color: #000;
  cursor: pointer;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#menu_emergente_perfil .sub-item:hover p i {
  color: #000;
  cursor: pointer;
  font-size: 1.3rem;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#menu_emergente_perfil .sub-item p {
  font-size: 1rem;
  color: #888888;
  font-weight: 500;
  flex: 1;
  display:block !important;
  -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.bandera_idioma {
	max-width: 28px;
	border-radius: 0.1rem;
	margin-right: 10px;
}

.banner_new_resumen
{
	border-radius: 20px;
	background-color: #ea8b8b;
	min-height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto;
}

.bg-white
{
	background-color: #fff !important;
}

.m-0
{
	margin: 0px !important;
}

.d-block
{
	display: block !important;
}



.event-agenda
{
	border-radius: 20px;
	background-color: #f6f7fbbf;
	padding:5px;
	margin: 10px 0px;
	transition: transform 0.3s ease;
}

.event-agenda:hover
{
	background-color: #eeeef3e0;
	cursor:pointer;
}

.event-agenda img{
	border-radius: 15px;
}
.event-agenda i
{
	font-size: 2rem;
	color: #aaa;
	/* height: 70px; */
}

.m-2
{
	margin: 0.5rem !important;
}

.slider_cursos
{
	min-height: 290px;
	border-radius: 0px;
	background: #00000010;
	position: relative;
}

.medalla_icon
{
	width: 50px!important;
	margin: 0px 10px;
}

.user_icon
{
	max-width: 64px!important;
}

.overlay_cursos, .curso_info_nav
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #00000050;
	border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.slick-prev-home, .slick-next-home
{
    padding: 30px 10px;
    background: transparent;
    font-size: 14px;
	font-weight: 300;
    transition: all .2s ease-in-out;
}

.overlay_cursos span
{
	font-size: 3rem;
	color: #fff;
	font-family: 'Montserrat';
}

.curso_info_nav
{
	background-color: transparent!important;
	z-index: 4;
}

.box-event-agenda
{
	max-height: 400px;
	overflow-y: auto;
}

.overlay_cursos i 
{
	font-size: 3rem;
	color: #fff;
}
.p-0
{
	padding: 0px !important;
}

.progreso-content img
{
	border-radius: 50px;
}

.progreso_horas
{
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5rem;
	font-weight: '800';
	color: #616163;
}

.progreso_horas2
{
	font-family: 'Montserrat', sans-serif;
	font-size: 3.2rem!important;
	font-weight: '900';
	color: #616163;
}

/* zona de Winekarta */

.list_sortable {
	border: 1px dashed #eee;
	border-radius: 1rem;
	
}

.col-vino:active{
	border: 1px solid #66162133;
	
}

/* zona new-home */


.title_default_resumen
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
	font-weight: 300;
	margin-bottom: 1rem;
}

.cartel-new-home {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 300;
}

hr.line
{
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
}

:root
{
	--primary-color: #fc9d5b;
	--secondary-color: #ff332b;
	--third-color: #17d292;
}

.box-xp
{
	background: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);
	border-radius: 10px;
	padding: 10px;
	color: #FFF;
}

.box-xp img
{
	border: 2px solid #FFF;
	border-radius: 100%;
}

.justify-content-between
{
	justify-content: space-between!important;
}

.progress, .progress-bar
{
	border-radius: 30px;
}

.progress-bar
{
	background-image: linear-gradient(to bottom, var(--third-color) 0, var(--third-color) 100%);
}

.announcement
{
	background-color: #f6f7fbbf;
	border-radius: 10px;
	max-height: 400px;
	overflow-y: auto;
	transition: transform 0.3s ease;
	margin-bottom: 10px;
}

.announcement:hover
{
	background-color: #eeeef3e0;
	cursor:pointer;
}



.announcement a p
{
	color: #616163;
}

.announcement a span
{
	font-size: .7rem;
	font-weight: 500;
	color: #aaa;
}

.announcement .notice
{
	cursor: pointer;
}

/* Si ocupa mas de 3 lineas, se omite el resto del texto */
.descripcion_home
{
	/* display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden; */
}

.iconoadmin-new-home {
	max-width: 60%;
	transition: transform 0.3s ease;
}

.iconoadmin-new-home:hover {
  transform: scale(0.9); 
}

.captura-turorial-new-home {
	max-width: 90%;
	border-radius: 1rem;
	transition: transform 0.3s ease;
}

.captura-turorial-new-home:hover {
  transform: scale(0.95); 
}

.hola-new-home {
	font-size: 3rem;
	margin-bottom: 1.2rem;
}

.foto-usuario-new-home {
	max-width: 64px;
}

.cuadro-new-home {
	background: #eee;
	border-radius: 1rem;
	padding:10px;
}

.degradado-principa {      
	background-image: radial-gradient(circle at 35% 60%, var(--primary-color), var(--secondary-color), var(--primary-color), var(--secondary-color));
	color: #fff !important;
	background-size: 300% 300%;
    animation: animateBackground 15s ease infinite;
	padding-bottom: 20px;
}

.margen-de-cajas-new-home {
	padding: 15px;
}

.margen-de-cajas-new-home2 {
	padding: 0px 10px;
}

.degradado-principa .progreso_horas {
	color: #fff;
}

.cuadro-configuracion {
	min-height: 220px;
	padding-top: 60px;
}

.padt-20 {
	padding-top: 20px;
}

.titulo-curso-new-home {
	border-radius: 1rem;
	background-color: #fff;
	margin-top: -1rem;
	position:relative;
	z-index:1000;
}

.fmont {
	font-family: 'Montserrat', sans-serif;
}

.icono-new-home {
	padding: 0.7rem;
	font-size: 1.5rem;
	color: #fff !important;
	background: #fc9d5b;
	border-radius: 1rem;
}

.mce-panel
{
    border: 1px solid rgb(240 240 240)!important;
	border-radius: 0.8rem;
    padding: 10px 0px;
}

.mce-tinymce
{
    width: 96% !important;
    padding: 10px !important;
}

.hiperadmin
{
	background-color:#f6f7fbbf;
	border-radius:.8rem;
	padding:0.8rem;
	position: relative;
}

.hiperadmin::before
{
	content: "super-admin";
    position: absolute;
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
	color: #FFF;
    top: 7px;
    right: 7px;
	font-weight: 700;
	font-size: 0.6rem!important;
	padding: 0px 5px;
    border-radius: 0.8rem;
    z-index: 3;
}
.blob {
	width: 112px;
	height: 112px;
	display: grid;
	background: #fff;
	filter: blur(5.6px) contrast(10);
	padding: 11.2px;
	mix-blend-mode: normal;
 }
 
 .blob:before,
 .blob:after {
	content: "";
	grid-area: 1/1;
	width: 44.8px;
	height: 44.8px;
	background:  var(--primary-color);
	animation: blob-rhf26m 2s infinite;
 }
 
 .blob:after {
	animation-delay: -1s;
 }
 
 @keyframes blob-rhf26m {
	0% {
	   transform: translate(0, 0);
	}
 
	25% {
	   transform: translate(100%, 0);
	}
 
	50% {
	   transform: translate(100%, 100%);
	}
 
	75% {
	   transform: translate(0, 100%);
	}
 
	100% {
	   transform: translate(0, 0);
	}
 }
 
 .modal-vertical-centered {
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 */
	-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
	}
	
	/* botones del paner de "mi cuenta Alumne LMS" */
	
	
	.boton_config_soporte {
		border: 1px solid #eee;
		border-radius: 1rem;
		padding: 10px;
		font-size: 1rem;
		max-width: 200px;
		width: 100%;
		margin:0 auto;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.boton_config_soporte:hover {
		-webkit-box-shadow: 1px 1px 20px 0 #D1D1D1;
		box-shadow: 1px 1px 20px 0 #D1D1D1;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	
	.profile_zone {
			width: 95%;
	}
	
	.sidebar_especial #main-nav {
		margin-top:10px !important;
	}


	#logo_superior_principal {
		padding-top: 30px;
	}
	
	.overlay-delete
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 302px;
		height: 172px;
		background: #000;
		opacity: 1;
		z-index: 99;

	}

	.overlay-delete a
	{
		display: none;
	}
	
	.overlay-delete:hover a
	{
		display: block;
		position: absolute;
		top: 45%;
		left: 45%;
		padding: 10px;
		background: #fff;
		color: #000;
		text-decoration: none;
		border-radius: 100%;
		z-index: 100;
	}
	
	.overlay-delete:hover
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 302px;
		height: 172px;
		background: #000;
		opacity: 0.8;
		z-index: 99;

	}
	
	
/* nuevas categorías */

			.nueva_categoria_completa {
				background-image: url('cat_curos.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				height: 150px;
				overflow: hidden; 
				border-radius: 1rem;
			}
			
			.nueva_categoria_completa_overlay {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.nueva_categoria_completa_overlay:hover {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
				cursor:pointer;
			}
			
			.nueva_categoria_completa_overlay h2 {
				font-size: 1.5rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				color: #fff;
			}
			.nueva_categoria_completa_overlay h3 {
				font-size: 2rem; 
			}
			.nueva_categoria_completa_overlay p {
				font-size: 1rem; 
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			
/* nuevos cursos del catalogo */

			.nuevo_curso_completo {
				background-image: url('cat_curos.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				height: 400px;
				overflow: hidden; 
				border-radius: 1rem;
				margin: 10px;
			}

			.nuevo_curso_completo_overlay {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.nuevo_curso_completo_overlay:hover {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
				cursor:pointer;
			}
			
			.nuevo_curso_completo_overlay h2 {
				font-size: 1.5rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				color: #fff;
			}
			
			.nuevo_curso_completo_overlay h3 {
				font-size: 1.2rem;
				text-align:left;
				color: #fff;
				margin-top: 5px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			
			.nuevo_curso_completo_overlay p {
				font-size: 1rem; 
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			
			.zona_info_curso_superior {
				position: absolute;
				top: 15px; 
				right: 15px;
				height: 50px; 
			}
			
			.zona_info_curso_superior_izquierda {
				position: absolute;
				top: 15px; 
				left: 15px;
				height: 50px; 
			}
			
			.etiqueta_nuevo_curso {
				display:inline;
				padding: 3px 5px;
				border-radius: 4rem;
				color: #333;
				font-size:0.7rem;
				background: #eee;
				margin:0 auto;
				margin-right: 5px;
			}
			
			.etiqueta_infinity {
				font-size: 1rem;
				padding: 5px 8px;
			}
			
			.zona_de_etiquetas {
				text-align:left;
			}
			
/* nuevo diseño para los conocimientos */

			.nueva_categoria_pildora {
				padding: 0.5rem 1rem;
				border-radius: 4rem;
				background: #eee;
				color: #999;
				font-size: 1rem;
				display:inline-block;
				margin: 5px;
			}
			
			.nueva_pildora_general {
				padding: 2px 5px;
				border-radius: 4rem;
				background: #333;
				color: #fff;
				font-size: 0.75rem;
				display:inline-block;
				margin: 5px;
			}
			
			
/* nuevo header del catálogo interno de una categoría */

			.img-categoria{
				min-height: 130px !important;
			}
			
			.migas_catalogo {
				background: #000;
			}
			
			.img-categoria_overlay {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem 1rem 0px 0px;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.img-categoria_overlay h2 {
				font-size: 1.8rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 700;
				color: #fff;
			}
			
	
/* sliders */

			.slider_destacado{
				background-image: url('noticia.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				min-height: 370px;
				height:100%;
				overflow: hidden; 
				border-radius: 1rem;
				margin: 10px;
			}

			.slider_destacado_overlay {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem 1rem 0px 0px;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.zona_de_contenido_del_slider h2.titulodelslider {
				color: #fff;
				font-size: 2.5rem;
				max-width: 70%;
				font-family: 'Montserrat', sans-serif;
			}
			
			.zona_de_contenido_del_slider h3 {
				color: #fff;
				font-size: 1.3rem;
				font-weight: 300;
				max-width: 70%;
				font-family: 'Montserrat', sans-serif;
			}
			
			.boton_del_banner {
				background: #eee;
				padding: 10px 20px;
				border-radius: 1rem;
				display:inline-block;
				color: #333;
				font-size: 1rem;
				font-family: 'Montserrat', sans-serif;
			}
	
/* slider de noticias */

			.noticia_destacada{
				background-image: url('noticia.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				min-height: 370px;
				height:100%;
				overflow: hidden; 
				border-radius: 1rem;
				margin: 10px;
			}

			.noticia_destacada_overlay {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem 1rem 0px 0px;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
/* botones de grabar */

			.separador_zona {
				width: 80%;
				border-top: 1px solid #eee;
				margin:0 auto;
			}

			#boton_granar_pantalla {
				background: red;
				color: #fff;
				font-size: 1.5em;
				font-weight: 300;
				display:inline;
				padding: 15px 30px;
				border-radius: 1rem;
				cursor:pointer;
			}
			
			#seccion_oculta_incompatibilidad {
				display:none;
			}
			
			@media (max-width: 1200px) {
				#boton_granar_pantalla {
					display:block;
				}
			}
			

/* menú superior */

		.menu_opciones_admin {
			top: 1.3rem !important;
		}

	.link_no_decoration {
		color: inherit;
		text-decoration: none;
	}
		
		
/* otros menús */

	.icono-2x {
		font-size: 2rem;
		position:relative;
		top: 0.25em;
		margin-right: 5px;
	}
	
	.icono-2x-b {
		font-size: 2rem;
	}
	
	.icono-4x {
		font-size: 4rem;
	}
	
	.color-verde-claro {
		color: #51fc7299;
	}
	
	.color-verde{
		color: #51fc72;
	}
	
	.color-rojo-claro {
		color: #cb323499;
	}
	
	.icono-1-5x {
		font-size: 1.3rem;
		position:relative;
		top: -0.05em;
	}
	
	.opcion_superior_menu {
		position:relative;
		top: -0.5pc;
	}
	
	.ocultar-overflow-y {
		overflow-y: hidden !important;
	}
	
	.alto_minimo_100 {
		min-height: 100px;
	}
	
	.alto_minimo_75 {
		min-height: 75px;
	}
	
	.alto_minimo_50 {
		min-height: 50px;
	}
	
	.alto_minimo_30 {
		min-height: 30px;
	}
	
	.contenedor_interior_gris {
		background: rgba(246, 247, 251, 0.75);
		padding: 20px;
		border-radius: 2rem;
		margin-bottom: 20px;
	}
	
	.contenedor_interior_gris h4 {
		font-size: 1.5em;
	}
	
	.nombre_profesor_widget_profesores a{
		font-size: 1.4em;
		font-weight: 400;
	}
	
	.rol_profesor_widget_profesores {
		font-size: 1em;
	}
	
	#contenido_chat_emergente {
		overflow-x: hidden !important;
	}
	
	
	/* paso a paso tutorial shepher */
	
	.shepherd-button  {
		background: #fc9d5b !important;
		font-size: 1.2rem;
	}
	
	.shepherd-button:hover  {
		background: #fc9d5b99 !important;
	}
	
	.shepherd-text {
		font-size: 1.2rem;
	}
	
	.margen-step-bottom {
		margin-top: 20px;
	}
		
	.margen-step-left {
		margin-left: 20px;
	}
	
	.margen-step-top {
		margin-top: -20px;
	}
	
	
	/* zona de las slideshows de Alumne Creator y nuevas cards de Cursos/ViewMyKanban */
	
	
	.etiqueta_opcion {
		background: #eee;
		border-radius: 4rem;
		padding: 7px;
		display:inline-block;
		margin-right: 2px;
	}
	
	.etiqueta_opcion_negra {
		background: #00000099;
		border-radius: 4rem;
		padding: 7px;
		display:inline-block;
		margin-right: 1px;
	}
	
	.nueva_presentacion_completa {
		background-image: url('slideshow.jpg'); 
		background-size: cover;
		background-position: center;
		position: relative;
		height: 240px;
		overflow: hidden; 
		border-radius: 1rem;
		margin-bottom: 20px;
	}
	
	.nueva_presentacion_completa_overlay {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
		color: white;
		text-align: center; 
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		border-radius: 1rem;
		padding: 20px;
		flex-direction: column;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nueva_presentacion_completa_overlay:hover {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nueva_presentacion_completa_overlay h2 {
		font-size: 1.5rem;
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		color: #fff;
	}
	
	.nueva_presentacion_completa_overlay h3 {
		font-size: 1.2rem;
		text-align:left;
		color: #fff;
		margin-top: 5px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	.nueva_presentacion_completa_overlay p {
		font-size: 1rem; 
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	
	
	/* */
	
	/* zona de gestor documental */
	
	
	.card_file {
		cursor:pointer;
		border-radius: 1rem;
		padding: 10px;
		box-shadow: rgb(0 0 0 / 8%) 0 0 10px;
		padding: 15px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		background: #fff;
	}
	
	.card_file:hover {
		background: #F8F8FA;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		
	}
	
	#urlPublicaContainer i {
		color: #64748B !important;
		
	}
	
	
	/* */
	
	
	/* zona de las la card para los cuadernos de la zona de gestión de conocimiento */
	
	.entrada_cuerpo  {
		border-radius: 1rem;
		box-shadow: rgb(0 0 0 / 8%) 0 0 10px;
		padding: 15px 5px 15px 5px;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.entrada_cuerpo:hover  {
		background: #F8F8FA;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.imagen_de_las_entradas {
		max-width: 90%;
		border-radius: 1rem;
		margin: 0 auto;
	}
	
	.no-wrap-text {
	  display: inline-block;      /* O block, según tu necesidad */
	  width: 100%;               /* Ajusta el ancho según tu diseño */
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  vertical-align: middle;     /* Opcional, para alinear mejor el texto */
	}
	
	.nuevo_cuaderno_completo {
		background-image: url('cuaderno.jpg'); 
		background-size: cover;
		background-position: center;
		position: relative;
		height: 400px;
		overflow: hidden; 
		border-radius: 1rem;
		margin-bottom: 20px;
	}
	
	.nuevo_cuaderno_completo_overlay {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
		color: white;
		text-align: center; 
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		border-radius: 1rem;
		padding: 20px;
		flex-direction: column;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nuevo_cuaderno_completo_overlay:hover {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nuevo_cuaderno_completo_overlay h2 {
		font-size: 1.5rem;
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		color: #fff;
	}
	
	.nuevo_cuaderno_completo_overlay h3 {
		font-size: 1.2rem;
		text-align:left;
		color: #fff;
		margin-top: 5px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	.nuevo_cuaderno_completo_overlay p {
		font-size: 1rem; 
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	/* */
	
	.nuevo_cursos_kanban_completa {
		background-image: url('slideshow.jpg'); 
		background-size: cover;
		background-position: center;
		position: relative;
		height: 280px;
		overflow: hidden; 
		border-radius: 1rem;
	}
	
	.nuevo_cursos_kanban_completa_overlay {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%); 
		color: white;
		text-align: center; 
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		border-radius: 1rem;
		padding: 20px;
		flex-direction: column;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nuevo_cursos_kanban_completa_overlay:hover {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nuevo_cursos_kanban_completa_overlay h2 {
		font-size: 1.5rem;
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		color: #fff;
	}
	
	.nuevo_cursos_kanban_completa_overlay h3 {
		font-size: 1.2rem;
		text-align:left;
		color: #fff;
		margin-top: 5px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	.nuevo_cursos_kanban_completa_overlay p {
		font-size: 1rem; 
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	/* */
	
	.nueva_card_curso_filtro {
		background-image: url('nocurso.jpg'); 
		background-size: cover;
		background-position: center;
		position: relative;
		height: 140px;
		overflow: hidden; 
		border-radius: 1rem;
		margin-right: 15px;
	}
	
	.nueva_card_curso_filtro_overlay {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
		color: white;
		text-align: center; 
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		border-radius: 1rem;
		padding: 20px;
		flex-direction: column;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nueva_card_curso_filtro_overlay:hover {
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.nueva_card_curso_filtro_overlay h2 {
		font-size: 1.5rem;
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		color: #fff;
	}
	
	.nueva_card_curso_filtro_overlay h3 {
		font-size: 1.2rem;
		text-align:left;
		color: #fff;
		margin-top: 5px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	.nueva_card_curso_filtro_overlay p {
		font-size: 1rem; 
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
	}
	
	/* Nuevos botones de opciones */
	
	.zona_de_etiquetas_opciones_viewmy{
		position:relative;
		z-index: 100;
	}
	
	.zona_de_etiquetas_opciones_viewmy a{
		color: #64748B;
	}
	.zona_de_etiquetas_opciones_viewmy a:hover{
		color: #8D95A2;
	}
	
	.etiqueta_opcion_viewmy {
		background: #F8F8FA;
		border-radius: 4rem;
		padding: 12px;
		display:inline-block;
		margin-right: 2px;
		color: #333;
		font-size: 1.5rem;
	}
	
	.etiqueta_opcion_viewmy_fondo_blanco {
		background: #fff;
	}
	
	.etiqueta_opcion_viewmy_fs_1 {
		font-size: 1rem;
	}
	
	.etiqueta_opcion_viewmy_sin {
		padding: 12px;
		display:inline-block;
		margin-right: 2px;
		color: #333;
		font-size: 1.5rem;
	}
	
	
	.boton_peque_estilizado_nuevo_estilo {
		background: #F8F8FA;
		border-radius: 4rem;
		padding: 12px;
		display:inline-block;
		margin-right: 2px;
		color: #333;
	}
	
	
	.zona_de_etiquetas_opciones_viewmy .mdl-badge[data-badge]:after{
		top: -10px;
		right: -5px;
	}
	
	.selected_icon {
		color: #fc9d5b;
	}
	
	.cabecera_plan_de_carrera {
		min-height: 400px;
		padding:20px;
		border-radius: 1rem;
		background: url(fondo_planes.jpg) top center no-repeat; 
		background-attachment:fixed;
		background-size: cover;
	}
	
	.cristal_oscuro {
		background: rgba(0,0,0,.3);
		backdrop-filter:blur(15px);
		padding:10px;
		border-radius: 1rem;
		color: #fff;
		font-family: 'Montserrat';
	}
	
	.cristal_oscuro h3 {
		color: #fff;
		font-family: 'Montserrat';
	}
	
	.cristal {
		background: rgba(255,255,255,.5);
		backdrop-filter:blur(15px);
		padding:10px;
		border-radius: 1rem;
		color: #000;
	}
	
	.cabecera_recomendaciones_perfiles {
		min-height: 600px;
		padding:20px;
		border-radius: 1rem;
		background: url(fondo_planes.jpg) top center no-repeat; 
		background-attachment:fixed;
		background-size: cover;
	}
	
	.boton_mas_info {
		background: #fff;
		color: #000;
		padding: 5px 10px;
		border-radius: 1rem;
		display:inline-block;
		cursor:pointer;
		font-family: 'Montserrat';
	}
	
	.offcanvas-custom {
	  width: 50% !important; 
	}
	
	
	@keyframes animateBackground {
		0% {
			background-position: 0% 0%;
		}
		25% {
			background-position: 50% 25%;
		}
		50% {
			background-position: 100% 50%;
		}
		75% {
			background-position: 50% 75%;
		}
		100% {
			background-position: 0% 0%; /* Volver al inicio */
		}
	}