/* Fuentes CSS*/
@font-face {
font-family:"europa";
src:url("Fuentes/europa-normal-700.woff2") format("woff2"),url("Fuentes/europa-normal-700.woff") format("woff"),url("Fuentes/europa-normal-700.otf") format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"europa";
src:url("Fuentes/europa-normal-400.woff2") format("woff2"),url("Fuentes/europa-normal-700.woff") format("woff"),url("Fuentes/europa-normal-700.otf") format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"europa";
src:url("Fuentes/europa-italic-400.woff2") format("woff2"),url("Fuentes/europa-italic-400.woff") format("woff"),url("Fuentes/europa-italic-400.otf") format("opentype");
font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"europa";
src:url("Fuentes/europa-italic-700.woff2") format("woff2"),url("Fuentes/europa-italic-700.woff") format("woff"),url("Fuentes/europa-italic-700.otf") format("opentype");
font-display:swap;font-style:italic;font-weight:700;font-stretch:normal;
}
.tk-europa { font-family: "europa",sans-serif; }
:root {
	--color_platon: #A6BE24;
	--color_platon_suave: #a7be2436;
	--color2_platon: #0081BE;
	--color2_platon_suave: #F0F8FD;
	--color2_platon_medio: #E1F1FC;
	--color_negro:#3a343a;
	--color_gris:#727376;
	--color_grisclaro:#ededee;
	--color_grismuyclaro:#fafafa;
	--color_rojo:#DB4261;
	--color_rojosuave:#e0a0b6;
	--TextoTama1:clamp(.75rem, .566rem + .384vw, .875rem);
	--TextoTama2:clamp(.875rem, .691rem + .384vw, 1rem);
	--TextoTama3:clamp(1rem, .816rem + .384vw, 1.125rem);
	--TextoTama4:clamp(1.125rem, .941rem + .384vw, 1.25rem);
	--TextoTama5:clamp(1.25rem, .881rem + .768vw, 1.5rem);
	--TextoTama6:clamp(1.5rem, .763rem + 1.536vw, 2rem);
	--TextoTama10:clamp(2.25rem, 1.144rem + 2.303vw, 3rem);
	--TextoTama11:clamp(2.5rem, 1.026rem + 3.071vw, 3.5rem);
	--Margen-Bloque1:clamp(2rem, 1.25rem + 1.563vw, 2.5rem);
	--Margen-Bloque2:clamp(1.5rem, 0.75rem + 1.563vw, 2rem);
	--Margen-Bloque3:clamp(2.5rem, calc(5.3619vw + .8981rem), 5rem);
}
.text-platon{color: var(--color_platon);}
.text-platon2{color: var(--color2_platon);}
.text-platon2_platon_suave{color: var(--color2_platon_suave);}
.text-platon2_platon_medio{color: var(--color2_platon_medio);}
.ColorPlatonBG{background-color: var(--color_platon);}
.bg-platon_suave{background-color: var(--color_platon_suave);}
.bg-platon2_platon_suave{background-color: var(--color2_platon_suave);}
.bg-platon2_platon_medio{background-color: var(--color2_platon_medio);}
.bg-grismuyclaro{background-color: var(--color_grismuyclaro) !important;}
.table-platon2_platon_medio{
	--bs-table-color: #000;
    --bs-table-bg: var(--color2_platon_medio);
    --bs-table-border-color: var(--color2_platon_medio);
    --bs-table-striped-bg: var(--color2_platon_medio);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: var(--color2_platon_medio);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: var(--color2_platon_suave);
    --bs-table-hover-color: #000;
}
.table-hover.tabla-platon > tbody > tr:hover > * {
    background-color: var(--color2_platon_suave) !important;
	box-shadow: inset 0 0 0 9999px var(--color2_platon_suave) !important;
}
.TextoTama1{font-size:var(--TextoTama1);}
.TextoTama2{font-size:var(--TextoTama2);}
.TextoTama3{font-size:var(--TextoTama3);}
.TextoTama4{font-size:var(--TextoTama4);}
.TextoTama5{font-size:var(--TextoTama5);}
.TextoTama6{font-size:var(--TextoTama6);}
.TextoTama10{font-size:var(--TextoTama10);}
.TextoTama11{font-size:var(--TextoTama11);}
.Margen-Bloque1{padding:var(--Margen-Bloque1);}
.Margen-Bloque1Veritical{padding-top:var(--Margen-Bloque1);padding-bottom:var(--Margen-Bloque1);}
.Margen-Bloque3Veritical{padding-top:var(--Margen-Bloque3);padding-bottom:var(--Margen-Bloque3);}
.borde-platon{border: var(--color_platon) 2px solid !important;}
.Margen1632{margin-top: 16px; margin-bottom: 32px;}
.CeldaHoverFondoCambia:hover{background-color: var(--color2_platon_suave);}
/*Cambios bootstrap.min.css*/
@media (max-width:992px){
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		--bs-gutter-x: 2.5rem;
	}
}
@media (max-height:992px) and (max-width:1200px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		--bs-gutter-x: 3rem;
	}
}
.text-dark{color:var(--color_negro) !important;}
.text-success{color: var(--color_platon) !important;}
.text-danger{color:var(--color_rojo) !important;}
.bg-danger{background-color:var(--color_rojo) !important;}
.bg-rojosuave{background-color:var(--color_rojosuave) !important;}
.ColorGris{color:var(--color_gris) !important;}
.border-success {border-color:var(--color_platon) !important;}
.text-primary{color:#0352E6 !important;}
.text-warning{color:#FFB606 !important;}
.bg-success{background-color:var(--color_platon) !important;}
.btn-primary {background-color:#10ADE4 !important;border-color: #10ADE4 !important;}
.btn-success {color: #FFF !important;background-color:#529C2D !important;border-color: #529C2D !important;}
.btn-cookies{background-color: #7A3FF1;border-color: #FFFFFF;color: #FFFFFF;border-radius: .25em;border-style: solid;border-width: thin;cursor: pointer;font-size: 1em;font-weight: 700;line-height: 1;margin: .25em .5em;padding: .5em .75em;transition-duration: .2s;transition-property: background-color;transition-timing-function: ease-out;}
.btn-cookies:hover{background-color: #8e53ff;}
.card-header.bg-primary {color: #FFF;}
.card-header {border-bottom:none;}
.form-control-200{flex: 0 0 auto !important;width: 200px !important;}
.progress, .progress-stacked {
    --bs-progress-border-radius:0px;
	--bs-progress-bg: white;
	border: 1px solid #ededee;
}
/*Respuestas exámen*/
.custom-radio-label {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  background-color: var(--color2_platon_suave);
  border: 2px solid var(--color2_platon);
  border-radius: 8px;
  color: var(--color2_platon);
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  position: relative;
}
.custom-radio-label::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: white;
  border: 2px solid var(--color2_platon);
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0; 
  transition: background-size 0.1s;
}
.btn-check:checked + .custom-radio-label {
  background-color: var(--rb-bg-active) !important;
  /*box-shadow: 0 0 0 4px #F0F8FD;*/
}
.btn-check:checked + .custom-radio-label::before {
  background-color: var(--color2_platon) !important;
  background-size: 14px !important; 
}
.custom-radio-label:hover {
  background-color: var(--color2_platon_medio);
}
.btn-check:checked + .custom-radio-label::before {
	background-color: var(--color2_platon);
	background-size: 60%;
}
.custom-radio-label.active-visual {
  background-color: var(--color2_platon) !important;
}
.custom-radio-label.active-visual::before {
  background-color: var(--color2_platon) !important;
  background-size: 14px !important;
}
/*Respuestas exámen*/
@media (min-width:240px){
	.text-truncate-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;max-height: 4.5rem;}
	.btn-lg{padding: 3px 8px !important;}
	.btn-dark{background-color: var(--color_negro);color:white; border:2px solid transparent;padding:8px 24px;border-radius:8px;box-shadow:none;font-family: "europa",sans-serif;font-weight:700;text-align:center;text-decoration:none;word-wrap:break-word;line-height:1;transition:background .3s ease-in,border-color .3s ease-in,color .3s ease-in;}
	.btn-dark:hover{color: var(--color_grismuyclaro);}
	.btn-dark:disabled{background-color:var(--color_grisclaro) !important;color:var(--color_gris) !important;cursor: not-allowed !important;}
	.btn-platon{background-color: var(--color_platon);color:white; border:2px solid transparent;padding:8px 24px;border-radius:8px;box-shadow:none;font-family: "europa",sans-serif;font-weight:700;text-align:center;text-decoration:none;word-wrap:break-word;line-height:1;transition:background .3s ease-in,border-color .3s ease-in,color .3s ease-in;}
	.btn-platon:hover{background-color: var(--color2_platon);color:white;}
	.btn-platon:focus{outline: 2px solid var(--color2_platon);outline-offset: 2px;}
	.btn-platon:disabled{background-color:var(--color_grisclaro) !important;color:var(--color_gris) !important;cursor: not-allowed !important;}
	.btn-platon2{background-color: white;color:var(--color_platon);border:2px solid var(--color_platon);padding:13px 24px;border-radius:8px;box-shadow:none;font-family: "europa",sans-serif;font-weight:700;text-align:center;text-decoration:none;word-wrap:break-word;line-height:1;transition: color 50ms cubic-bezier(.215, .61, .355, 1);}
	.btn-platon2:hover{color:var(--color2_platon);border:2px solid var(--color2_platon);}
	.btn-platon2:focus{color:var(--color2_platon);border:2px solid var(--color2_platon);}
	.btn-danger {background-color: var(--color_rojo);color:white; border:2px solid transparent;padding:8px 24px;border-radius:8px;box-shadow:none;font-family: "europa",sans-serif;font-weight:700;text-align:center;text-decoration:none;word-wrap:break-word;line-height:1;transition:background .3s ease-in,border-color .3s ease-in,color .3s ease-in;}
	.btn-danger:focus{outline: 2px solid var(--color_rojo);outline-offset: 2px;}
	.btn-danger:hover{color:white;border:2px solid var(--color_rojo);}
	.form-control:focus {box-shadow:none;border-color: var(--color_rojo);border-width: 1px;}
	.input-platon{background-color:white;border: 1px solid var(--color_gris);border-radius: 8px;color: var(--color_negro);font-size: 1rem;outline: 0;padding: .75em 1.5em;width: 100%;}
	/*Para tipo password con mostrar clave, copiar jquery*/
	.FormInscripcion .form-group, .FormAcceso2 .form-group, .FormRecuerda .form-group, .FormAccesoAlumno .form-group, .FormContacto .form-group, .FormBuscar .form-group, .Clave-Acceso-Form .form-group{margin-bottom: 23px;}
	.FormInscripcion label, .FormAcceso2 label, .FormRecuerda label, .FormAccesoAlumno label, .FormContacto label, .Clave-Acceso-Form label{color: var(--color_negro);font-size: 1rem;font-weight: 700;margin-bottom: 6px;}
	.FormInscripcion input[type="text"],.FormInscripcion input[type="number"],.FormRecuerda input,.FormContacto input[type="text"],.FormContacto textarea, .FormBuscar input,.Clave-Acceso-Form input[type="text"],.Clave-Acceso-Form input[type="number"]{background-color:white;border: 1px solid var(--color_gris);border-radius: 8px;color: var(--color_negro);font-size: 1rem;outline: 0;padding: .75em 1.5em;width: 100%;}
	.FormInscripcion input[type="password"],.FormAcceso2 input,.FormAccesoAlumno input,.Clave-Acceso-Form input[type="password"]{background-color:white;border: 1px solid var(--color_gris);border-radius: 8px;color: var(--color_negro);font-size: 1rem;outline: 0;padding: .75em 1.5em;width: auto;}
	.FormInscripcion select, .FormContacto select{background-color:white;border: 1px solid var(--color_gris);border-radius: 8px;color: var(--color_negro);font-size: 1rem;outline: 0;padding: .75em 1.5em;width: 100%;}
	.FormInscripcion .input-group-text,.FormAcceso2 .input-group-text,.FormAccesoAlumno .input-group-text,.Clave-Acceso-Form .input-group-text{border: 1px solid var(--color_gris);}
	.FormInscripcion #JustificanteTransferencia{width: auto !important;}
	.IconoSinBorde .input-group-text{border-left: 1px solid var(--color_gris);border-top:  1px solid var(--color_gris);border-bottom:  1px solid var(--color_gris);border-right: none; background-color: white;}
	.IconoSinBorde input{border-left: none;}
	.navbar-toggler:hover svg{fill: var(--color_platon);}
	#MenuBuscarMovil:hover svg{fill: var(--color_platon);}
	.navbar-toggler {
		&:focus {
			text-decoration: none;
			outline: 0;
			box-shadow:none;
		}
	}
}
@media (min-width:992px){
	.text-truncate-3{max-height: 5rem;}
	.btn-lg{padding: 10px 30px !important;}
	.btn-dark{padding:13px 24px;}
	.btn-platon{padding:13px 24px;}
	.btn-platon2{padding:13px 24px;}
	.btn-danger{padding:13px 24px;}
}
@media (min-width:1200px){
	.text-truncate-3{max-height: 5.5rem;}
}
.dropdown-toggle::after {display: none !important;}
.breadcrumb{padding: 24px 0px;}
.breadcrumb-item {color:var(--color_platon);font-size: var(--TextoTama1);line-height: 1.2;font-weight: 700;}
.breadcrumb-item a{color: var(--color_platon);}
.breadcrumb-item a:hover{color: var(--color2_platon);}
.breadcrumb-item.active{color:var(--color_negro);font-size: var(--TextoTama1);line-height: 1.2;font-weight: 700;}

.TutoriaPestanas{
	padding-bottom: 2.7rem;
    padding-top: 2.7rem;
}
.TutoriaPestanas .nav-item {position: relative;font-size:var(--TextoTama5);line-height: 1.5;}
.TutoriaPestanas .nav-item .nav-link {background-color: white;border: none;color: var(--color_negro);padding-left: 0px;padding-right: 0px;margin:var(--bs-nav-link-padding-x);}
.TutoriaPestanas .nav-tabs li i{display: none;}
.TutoriaPestanas .nav-tabs li .active{border-bottom: 2px solid var(--color2_platon);color: var(--color2_platon); padding-bottom: 10px;}
.TutoriaPestanas .nav-item a:hover{color: var(--color2_platon) !important;}

.CursoPestanas{
	padding-bottom: 0rem;
    padding-top: 0rem;
	border-top: 1px solid #ededee;
	border-bottom: 1px solid #ededee;
	margin-bottom: 2.5rem;
}
.CursoPestanas .nav-item {position: relative;font-size:var(--TextoTama2);line-height: 1.5;font-weight: 700;}
.CursoPestanas .nav-item .nav-link {background-color: white;border: none;color: var(--color_negro);padding-left: 0px;padding-right: 0px;margin:var(--bs-nav-link-padding-x);}
.CursoPestanas .nav-tabs li i{color: var(--color_negro) !important;}
.CursoPestanas .nav-tabs li .active{color: var(--color2_platon); padding-bottom: 10px;}
.CursoPestanas .nav-item .active i{color: var(--color2_platon) !important;}
.CursoPestanas .nav-item a:hover{color: var(--color2_platon);}
.CursoPestanas .nav-item a:hover i{color: var(--color2_platon) !important;}
.FotoCurso{border-radius: 40px;}
.accordion-item{background-color: transparent;}

.accordion-button {
	background-color: transparent;
	font-weight: 600;
	line-height: 1.4;
	font-size: var(--TextoTama5);
}
.accordion-button:hover {
	color: var(--color2_platon);
}
.accordion-button:focus {
	box-shadow:none;
}
.accordion-button:not(.collapsed) {
    color: var(--color_platon);
    background-color: transparent;
    box-shadow:none;
}
.accordion-flush .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A6BE24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-flush .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A6BE24'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.form-check-input {
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  border: 2px solid var(--color_platon); 
  border-radius: 0.25rem;
  box-shadow: none;
  cursor: pointer;
  margin-right: 8px;
}
.form-check-input:checked {
  background-color: var(--color2_platon);
  border-color: var(--color2_platon);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%; /* Ajustamos el tamaño del icono */
}
.form-check-input:focus {
  border-color: var(--color_platon);
  box-shadow: 0 0 0 0.25rem rgba(222, 0, 165, 0.25);
}
.form-check-input:checked:focus {
  border-color: var(--color2_platon);
  box-shadow: 0 0 0 0.25rem rgba(37, 65, 252, 0.25);
}
/*Cambios bootstrap.min.css*/
/* CSS Document */
body {
	font-family: "europa",sans-serif !important;
	font-size: 16px;
}
.ColorFondoGradiente1{background: radial-gradient(217.46% 57.27% at 42.78% calc(42.73% + 100px), hsla(0,0%,100%,.05) 0, rgba(254,203,81,.05) 22.61%, rgba(222,0,165,.05) 50%, rgba(37,65,252,.05) 71.61%, hsla(0,0%,100%,.05) 100%);}
.ColorFondoGradiente2{background: radial-gradient(217.46% 57.27% at 42.78% 42.73%, hsla(0, 0%, 100%, .05) 0, rgba(254, 203, 81, .05) 22.61%, rgba(222, 0, 165, .05) 50%, rgba(37,65,252,.05) 71.61%, hsla(0, 0%, 100%, .05) 100%);}
.ColorFondoGradiente3{background: radial-gradient(217.46% 57.27% at 42.78% 42.73%, hsla(0, 0%, 100%, .05) 0, rgba(254, 203, 81, .05) 22.61%, rgba(222, 0, 165, .05) 50%, rgba(37, 65, 252, .05) 71.61%, hsla(0, 0%, 100%, .05) 100%);}
.ColorFondoGradiente4{background: radial-gradient(217.46% 57.27% at 42.78% 42.73%,hsla(0,0%,100%,.05) 0,rgba(254,203,81,.05) 22.61%,rgba(222,0,165,.05) 50%,rgba(37,65,252,.05) 71.61%,hsla(0,0%,100%,.05) 100%);}
.FuenteRobotoSlab {
	font-family: 'Roboto', serif !important;
}
h1{font-size: var(--TextoTama10);}
.TextoTama2 p{font-size: var(--TextoTama2);line-height: 1.6;}
p{font-size: var(--TextoTama4);line-height: 1.6;}
h4{font-size: var(--TextoTama6);line-height: 1.4;}
#Top {
    position: fixed;
    bottom: 15px;
    right: 20px;
    background-color: #333;
	z-index:999;
}
#Top a {padding: 11px 15px;}
#Top a:hover{background-color:#59a831; color: #000 !important;}
#TopCookies {
    position: fixed;
    bottom: 180px;
    right: 0px;
	background-color: #333;
	z-index:999;
}
#TopCookies a {padding: 11px 15px;}
#TopCookies a:hover{background-color:#59a831; color: #000 !important;}
#Cookies{
	background: #180D43;
    color: #FFFFFF;
	position: fixed;
    bottom: 0px;
	width: 100%;
	left:0px;
	z-index: 99;
	font-size: 1em;
    line-height: 1.25;
    max-height: 100vh;
	overflow: auto;
	transition-delay: 0ms, 0ms;
    transition-duration: .7s, 0ms;
    transition-property: opacity, visibility;
}
#Cookies .Cookies_Cerrar{
	position: absolute;
    right: 0;
    top: 0;
	
	background-color: transparent;
    border-color: transparent;

	border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: content-box;
    cursor: pointer;
    height: 20px;
    margin: .5em;
    min-height: 20px;
    min-width: 20px;
    order: 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    width: 20px;
	justify-content: center;
    line-height: normal;
    text-decoration: none;
	transition-duration: .2s;
    transition-property: transform, color, background-color, stroke, stroke-width;
    transition-timing-function:ease-out;
    z-index: 2;
}
#Cookies .Cookies_Cerrar svg{stroke: #FFFFFF;}
#Cookies .Cookies_Cerrar:hover {
    stroke: #ebebeb;
	transform: rotate(90deg);
    stroke-width: 2px;
}
#Cookies .Cookies_Contenido{
	padding: 1.5em 2.5em 1.5em 1.5em;
}
#Cookies .Cookies_Texto{
	font-size: 1em;
    line-height: 1.25;
}
.MargenCookies{padding-bottom:180px;}

.navbar-toggler .icono-menu {display: inline-block;}
.navbar-toggler .icono-cerrar {display: none;}
/*Menú icono movil cambia al desplegar menú*/
.navbar-toggler[aria-expanded="true"] .icono-menu {display: none;}
.navbar-toggler[aria-expanded="true"] .icono-cerrar {display: inline-block;}
/*Menú icono flecha cambia horientación*/
.navigation-menu__trigger-icon {transition: transform 0.2s ease-in-out;}
.nav-link[aria-expanded="true"] .navigation-menu__trigger-icon {transform: rotate(180deg);}
@media (min-width: 992px) { 
    .nav-item.dropdown:hover .nav-link .navigation-menu__trigger-icon {
        transform: rotate(180deg);
    }
}
/*Menú icono flecha cambia horientación*/
.TitularZonaPrivada{
	border-bottom: 1px solid #ededee;
    overflow: hidden;
    line-height: 1.25;
	padding-bottom: 2.7rem;
    padding-top: 2.7rem;
	border-bottom: 1px solid #ededee;
    overflow: hidden;
	background-color: var(--color_grismuyclaro);
}

.container-960 {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
}
.container-650 {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
}
.ModalCabecera{
	margin-bottom: 30px;
	color: var(--color_negro);
	position: relative;
}
.ModalCabecera .ModalCabeceraTitular{
	margin-bottom: 13px;
	border-bottom: 1px solid #ededee;
}
.ModalCabecera .ModalCabeceraTitular h1, .ModalCabecera .ModalCabeceraTitular h2 {
	padding-bottom: 10px;
	margin-bottom: -1px !important;
	max-width: 100%;
	border-bottom: 1px solid #393b42;
	margin-top: -3px;
	font-weight: 700;
	margin: 16px 0 9px;
}
.CursoImagenConvocatoria{
	color: #fff;
    padding: 0 1.5em;
    position: absolute;
    text-align: right;
    top: 10%;
    width: 100%;
    z-index: 1;
}
.CursoImagenProgreso{
	left: 5%;
    bottom: 10%;
    width: 90%;
}
.CursoImagenProgreso .progress{
	--bs-progress-height: 5px;
}
.CursoAlumnoProgreso .progress{
	--bs-progress-height: 20px;
}
.AlumnoContenidoNumero{
	padding-bottom: 7px;
	border: 1px solid var(--color_grisclaro);
    color: var(--color_gris);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
}
.AlumnoContenidoNumero.Completado{
	background-color: var(--color2_platon);
    border-color: var(--color2_platon);
    color: #fff;
}
#AlumnoContenidoModuloArribaNumero, #AlumnoContenidoModuloArribaNumero2{
	padding-bottom: 7px;
	border: 1px solid var(--color_grisclaro);
    color: var(--color_gris);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
}
#AlumnoContenidoModuloArribaNumero.si, #AlumnoContenidoModuloArribaNumero2.si{
	background-color: var(--color2_platon);
    border-color: var(--color2_platon);
    color: #fff;
}
#AlumnoContenidoModuloArribaTexto, #AlumnoContenidoModuloArribaTexto2{
	color: var(--color_gris);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: .7em;
}
.AlumnoContenidoContinuarCuadro{
	margin-bottom: .5rem;
    margin-top: 2rem;
	padding-left: 1.5rem;
    padding-right: 1.5rem;
	padding-bottom: 2rem;
    padding-top: 2rem;
	background-color:var(--color_grismuyclaro);
}

@media (min-width:240px){
	#CabeceraGranadaUFCMenu{margin-top: 0px;}
	#CabeceraGranadaUFCMenuTop{height: 60px;}
	#CabeceraGranadaUFC{
		position:absolute;
		width:100%;
		max-height:200px;
	}
	.navbar{padding:0px; background-color:#fff;}
	.navbar-brand img{max-height: 40px;}
	.navbar-nav .nav-item {border-top:solid 1px #FFFFFF;}
	.navbar-nav .nav-link{color:black; font-weight: 700;font-size: var(--TextoTama2);border-bottom: #DDD 1px solid; text-transform: none; padding:16px 0px !important;}
	.navbar-nav .nav-link:focus{color:var(--color_platon);}
	.navbar-nav .nav-link:hover{color:var(--color_platon);}
	.navbar-nav .nav-link svg{fill:var(--color_platon);}
	.navbar-nav .nav-link:focus svg{fill:var(--color_platon);}
	.navbar-nav .nav-link:hover svg{fill:var(--color_platon);}
	.navbar-nav .nav-icon{color:black; font-size:18px;border-bottom: #DDD 1px solid; text-transform: none; padding:6px 0px !important;}
	.navbar-nav .nav-icon:hover{color:var(--color_platon);}
	#navbarCollapase{background-color: white;}
	.navbar-nav .dropdown .dropdown-menu {font-size:14px;}
	
	.navbar-nav{border-top: #ddd 1px solid;}
	#navbarCollapase .navbar-nav .active a .nav-link {color: #fff;font-weight: bold;}
	#navbarCollapase .navbar-nav .active .dropdown-item {font-weight:normal;color:#000000 !important;}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu{border: none;}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu .dropdown-item.Submenu{padding:0px; color:#f64725 !important;}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu .dropdown-divider{padding:0px;}
	#navbarCollapase .navbar-nav .dropdown-menu .dropdown-item{color:black;font-weight: 700;padding:16px 8px;}
	#navbarCollapase .navbar-nav .dropdown-menu .dropdown-item:hover{background-color: white;color:var(--color_platon);}
	/*#MenuPrincipalAcceso{display:block;}*/
	
	#myCarousel {
		height:250px;
		/*height: calc( 100vh - 50px );*/
		background-color: black;
	}
	#myCarousel img {opacity: 0.8;}
	#myCarousel .carousel-item{
		height:250px;
		/*height: calc( 100vh - 50px );*/
		transition-duration: 2s;
	}
	#myCarousel .carousel-caption {
		/*left:0px;
		top:0px;*/
		color: black;
		width:100%;
		height:100%;
		overflow: hidden;
		top: 105px;
		height: 140px;
		text-align: left;
		left: 5%;
		right: 5%;
	}
	#myCarousel .carousel-caption #TextoCarousel{
		background: rgba(0,0,0,0.3);
		padding:5px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		/*height: calc( 100vh - 50px );*/
		height:250px;
	}

	#myCarouselInterior {
		height:200px;
		background-color: black;
	}
	#myCarouselInterior img {opacity: 0.8;}
	#myCarouselInterior .carousel-item{
		height:200px;
		transition-duration: 2s;
	}
	#myCarouselInterior .carousel-caption {
		width:100%;
		margin-left: 15px;
		/*height:100%;*/
		overflow: hidden;
		bottom: 90px;
		text-align: left;
	}
	#myCarouselInterior .TextoCarousel::before{
		background-color: #59a831;
		content: '';
		width: 3px;
		line-height: 54px;
		bottom: 0;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		margin-right: 0px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:200px;
	}

	#myCarouselBotones{position: absolute;  bottom: 0px; left: 0px; z-index: 2;}
	#myCarouselBotones .myCarouselBoton{background: rgba(0,0,0,0.6);}
	#myCarouselBotones .myCarouselBoton:hover{background: rgba(0,0,0,0.9);}
	#myCarouselBotones .myCarouselBoton:hover i{transform: scale(1.1);transition-duration: 0.3s;}
	#myCarouselBotones .myCarouselBoton .Icono{font-size: 50px;}
	.ContenedorCarouselArriba{
		margin:50px 0px 0px 0px;
		transition: margin-top 1s;
	}
	.ContenedorCarouselArriba2{
		margin:100px 0px 27px 0px;
		transition: margin-top 1s;
	}
	#BannerCursos{
		height: 840px;
		width: 100%;
		background:linear-gradient(rgba(0,0,0, .6), rgba(0,0,0, .6)),url('../Documentos/COFGranadaUFC/Banners/Banner-Cursos.jpg');
		background-size:cover;
	}
	#VideoInicio {
		height: 190px;
		width: 100%;
		display: inline-block;
		position: relative;
	}
	#VideoOverlay {
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 1;
		width: 300px;
		height: 250px;
		background-image: url(../Documentos/COFGranadaUFC/Imagenes/Ordenador.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	#VideoIframe {
		position: absolute;
		width: 270px;
		height: 175px;
		top: 0px;
		right: 10px;
		z-index: 0;
	}
	#VideoVolumen{
		position: absolute;
		bottom: 0px;
		right: 40px;
		z-index: 2;
	}
	#Cookies .Cookies_Botones{
		margin: 0 0 0 .5em;
		max-width: auto;
		min-width: 16em;
		position: sticky;
		top: 0;
		width: auto;
	}
	#Pie_Pagina .Pie_Pagina_Derecha h3{margin-top: 30px;}
}
@media (min-width:480px){
	
}
@media (max-height:350px) and (max-width:768px) {
	.LogotipoMenu{
		display:block;
	}
}
@media (min-width:768px){
	
	#CabeceraGranadaUFCMenu{margin-top: 50px;}
	.navbar{padding:0px; background-color:transparent;}
	.navbar-brand{margin-right:0px;}
	
	.navbar-brand #CabeceraLogotipo{max-height: 50px;margin: 10px 0px;}
	#navbarCollapase{background-color: transparent; padding: 10px 0px 10px 32px;}
	.navbar-nav .nav-item{padding: 0px;margin: 0px;}
	.navbar-nav .nav-link{color:var(--color_platon);font-size:20px; margin:0px 0px 0px 24px;padding: 0px;border: none;}
	.navbar-nav .nav-link svg{fill: var(--color_platon);}
	.navbar-nav .nav-btn{margin:0px 0px 0px 24px;}
	.navbar-nav .nav-icon{color:black;font-size:20px; margin:0px 0px 0px 24px;padding: 0px;border: none;}
	.navbar-nav .nav-icon:hover{color:var(--color_platon);}
	.navbar-nav #MenuBoton1 .nav-link{margin:0px;}
	.navbar-nav .nav-link.active{color: var(--color2_platon);}
	.navbar-nav .nav-link:focus{color: var(--color2_platon);}
	.navbar-nav .nav-link:hover{color:var(--color2_platon);}
	.navbar-nav .nav-link:hover svg{fill: var(--color2_platon);}
	.navbar-nav{border-top:none;}
	.navbar-expand-md .navbar-nav .nav-link {padding:0px 4px;}
	.navbar-nav > .show, .navbar-nav > .show :hover, .navbar-nav > .show :focus {background-color: #EEEEEE;color: #000000 !important;}
	.navbar-nav > .active .nav-link {color: #fff;font-weight: bold;background-color: #5E9985 !important;}
	/*Menu Dropdown hover*/
	.navbar-nav .nav-item .dropdown-menu{display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;}
	.navbar .nav-item .dropdown-menu-end{right:0px; left: auto;}
	.navbar-nav .nav-item:hover .dropdown-menu{transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);}
	/*.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{top:180%;}*/
	/*Menu Dropdown hover*/
	/*#MenuPrincipalAcceso{display:none;}*/
	.CentraMovil {
		display:block;
		margin-left:0px;
		margin-right:0px;
	}
	#myCarousel {
		/*height: calc( 100vh - 50px );*/
		height:400px;
	}
	#myCarousel .carousel-item{
		/*height: calc( 100vh - 50px );*/
		height:400px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		/*height: calc( 100vh - 50px );*/
		height:400px;
	}
	#myCarousel .carousel-caption {
		top: 0;
		bottom: 0;
		height: 100%;
		transform: none;
		text-align: left;
		padding: 20px;
	}
	#myCarousel .carousel-caption .carousel-capa {
		box-shadow: 0 4px 8px rgba(37, 65, 252, .25);
        border-radius: 40px;
		background:white;
    	display: flex;
		-webkit-box-flex-flow: column wrap;
		flex-flow: column wrap;
		padding: 24px;
		max-width: 583px;
	}
	#myCarouselInterior {
		height:324px;
	}
	#myCarouselInterior .carousel-item{
		height:324px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:324px;
	}
	.DestacadoCarruselTitular{
		font-size: var(--TextoTama11);
    	line-height: 1.2;
	}
	.DestacadoCarruselTexto{
		font-size: var(--TextoTama4);
		margin: 0 0 24px;
	}
	#TopCookies {bottom: 120px;}
	.MargenCookies{padding-bottom:120px;}
	.EventosInicio img{height:auto;}
	#BannerCursos{
		height: 660px;
	}
	#VideoInicio {
		height: 300px;
		width: 100%;
		display: inline-block;
		position: relative;
	}
	#VideoOverlay {
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 1;
		width: 450px;
		height: 370px;
		background-image: url(../Documentos/COFGranadaUFC/Imagenes/Ordenador.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	#VideoIframe {
		position: absolute;
		width: 390px;
		height: 235px;
		top: 8px;
		right: 30px;
		z-index: 0;
	}
	#VideoVolumen{
		position: absolute;
		top: 260px;
		right: 40px;
		z-index: 2;
	}
	#Cookies .Cookies_Botones{
		max-width: 30vw;
	}
}
@media (min-width:992px){
	/*.navbar-brand img{max-height: 100px;}
	.navbar-nav .nav-item{border:none; padding:0px 15px;}
	.navbar-expand-md .navbar-nav .nav-link {padding:0px 8px;}
	.navbar-nav .nav-link{ font-size:20px;}*/
	#myCarousel {
		/*height: calc( 100vh - 50px );*/
		height:500px;
	}
	#myCarousel .carousel-item{
		/*height: calc( 100vh - 50px );*/
		height:500px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		/*height: calc( 100vh - 50px );*/
		height:500px;
	}
	.ContenedorCarouselArriba{
		margin:82px 0px 0px 0px;
		transition: margin-top 1s;
	}
	.ContenedorCarouselArriba2{
		margin:100px 0px 27px 0px;
		transition: margin-top 1s;
	}
	#navbarCollapase .navbar-nav .nav-item .dropdown-menu{border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);}
	#menuPrincipal .dropdown-menu .dropdown-item{padding:8px 4px;}
	#CabeceraGranadaUFCMenuTop{height: 82px;}
	#navbarCollapase .navbar-brand img{max-height: 70px;}
	#navbarCollapase .navbar-nav .dropdown-menu{padding: 4px !important;}
	#navbarCollapase .navbar-nav .dropdown-menu .dropdown-item{padding:6px 8px;}
	#navbarCollapase .navbar-nav .dropdown-menu .dropdown-item:hover{color:var(--color2_platon);}
	#navbarCollapase .navbar-nav .dropdown-menu {width: 200px;}
	#navbarCollapase .navbar-nav .dropdown-menu .dropdown-item {
		white-space: normal;
	}
	.navbar-nav .dropdown .dropdown-menu {font-size: var(--TextoTama1);}
	#TopCookies {bottom: 100px;}
	.MargenCookies{padding-bottom:100px;}
	.EventosInicio img{height: 140px;}
	#Pie_Pagina .Pie_Pagina_Derecha h3{margin-top: 0px;}
}
@media (min-width:1200px){
	.container1200{max-width: 1200px !important;}
	#myCarousel .carousel-caption {
		bottom: 0px;
		padding: 40px;
		margin-inline: auto;
		max-width: 960px;
	}
	#myCarousel {
		/*height: calc( 100vh - 50px );*/
		height:700px;
	}
	#myCarousel .carousel-item{
		/*height: calc( 100vh - 50px );*/
		height:700px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		/*height: calc( 100vh - 50px );*/
		height:700px;
	}
	#TopCookies {bottom: 70px;}
	.MargenCookies{padding-bottom:100px;}
}
@media (min-width: 1400px) {
	.container1200{max-width: 1200px !important;}
	.overflow-x-hidden{overflow-x: visible !important;}
	.ContainerCursosMargen{padding-left: 0px; padding-right: 0px;}
	/*.navbar-nav .nav-item{border:none; padding:0px 21px;}*/
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1360px;
	}
	#myCarousel .carousel-caption {
		bottom: 0px;
		padding: 40px;
		margin-inline: auto;
		max-width: 1360px;
	}
}
.card-inicio{
	border-radius: 40px;
	padding: 40px;
	box-shadow: rgba(37, 65, 252, 0.25) 0px 4px 8px 0px;
}
.card-inicio img {
  width: 100%;
  height: 277px;
  /*object-fit: cover;Recorta*/
  object-fit: contain;/*sin recorte*/
  display: block;
  border-radius: 8px;
}
.card-contacto{
	border-radius: 40px;
	padding: 40px;
	box-shadow: rgba(37, 65, 252, 0.25) 0px 4px 8px 0px;
}
.card-contacto img {
  width: 100%;
  /*object-fit: cover;Recorta*/
  object-fit: contain;/*sin recorte*/
  display: block;
  border-radius: 8px;
}
.card-contacto p {
  margin-top: 6px;
}
.CursosBloque{
	margin-block-start: var(--Margen-Bloque1);
    margin-block-end: var(--Margen-Bloque1);
}
.CursosBloque .col-lg-3{
	padding-right: 20px;
}
.card-cursos{
	border-radius: 40px;
	padding: 0px;
	box-shadow: rgba(37, 65, 252, 0.25) 0px 4px 8px 0px;
	background: white;
    box-shadow: 0 4px 8px rgba(37, 65, 252, .25);
    transition: box-shadow .2s cubic-bezier(.215, .61, .355, 1);
}
.card-cursos a {
    display: block;
    height: 100%;
    overflow: hidden;
}
.card-cursos:hover {
    box-shadow: 0 8px 16px rgba(37, 65, 252, .25);
}
.card-cursos .card-imagen {
	border-top-left-radius: 40px;
    border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0px;
	height: 248px;
}
.card-cursos .card-imagen img {
	/*transition: transform .2s cubic-bezier(.215, .61, .355, 1);*/
}
.card-cursos .card-cuerpo {
	margin-top: 24px;
	padding: 0 24px 24px;
	height: 252px;
}
.card-cursos .CursosSeccion {
	color: var(--color_platon);
	font-size:var(--TextoTama1);
	font-weight: 600;
	line-height: 1.6;
    letter-spacing: 2px;
}
.card-cursos .CursosDestacado {
	color: var(--color_gris);
	font-size:var(--TextoTama1);
	font-weight: 600;
	line-height: 1.6;
    letter-spacing: 2px;
	margin-top: 2px;
}
.card-cursos .CursosTitularPlaton {
	color: var(--color_negro);
	font-size:var(--TextoTama4);
	font-weight: 700;
	line-height: 1.6;
	margin-top: 2px;
}
.CursosFiltrosTitulo{
	color: var(--color_negro);
	font-size:var(--TextoTama4);
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 9px;
}
.CursosFiltrosTexto{
	color: var(--color2_platon);
	font-size:var(--TextoTama1);
	font-weight: 600;
	line-height: 1.2;
}
.CursosFiltrosTexto svg{fill: var(--color2_platon);margin-left: 6px; margin-right: 15px;}
.CursosFiltrosTexto svg:hover{fill: var(--color_rojo);}
.CursosFiltrosEliminar{color: var(--color_negro);text-decoration: underline !important;}
.CursosFiltrosEliminar:hover{color: var(--color_rojo);}
.CursosFiltrosBotonMovil{
	background: transparent;
    border: 0;
    border-top: 2px solid var(--color_platon);
    border-bottom: 2px solid var(--color_platon);;
    border-radius: 0;
    color: var(--cs-text-default);
    font-size:var(--TextoTama5);
    line-height: 1.4;
    align-items: center;
    margin: 0 0 24px;
    padding-block: 16px;
    padding-inline: 0;
    width: 100%;
}
.CursosFiltrosBotonMovil svg{
	fill: var(--color_platon);
	color: var(--color_platon);
    flex-shrink: 0;
    vertical-align: middle;
}
.FiltrosSeparador{border-top: 1px solid rgb(202, 202, 204);margin-top: 24px; padding-top: 24px;}
.tarjeta-info{
	box-shadow: 0 4px 8px rgba(37, 65, 252, .25);
	border-radius: 40px;
	padding: var(--Margen-Bloque1);
	margin-top: var(--Margen-Bloque1);
    margin-bottom: var(--Margen-Bloque1);
}
.tarjeta-info-titulo{
	font-size:var(--TextoTama2);
	line-height: 1.6;
	color: var(--color_gris);
	font-weight: 700;
	letter-spacing: 2px;
}
.tarjeta-info-texto{
	margin-top: 6px;
	font-size:var(--TextoTama5);
	line-height: 1.4;
	color: var(--color_negro);
	font-weight: 700;
}
.tarjeta-buscar{
	box-shadow: 0 4px 8px rgba(37, 65, 252, .25);
    padding: 24px;
	border-radius: 40px;
	margin-top: var(--Margen-Bloque1);
    margin-bottom: var(--Margen-Bloque1);
}
.tarjeta-info-titulo{
	font-size:var(--TextoTama2);
	line-height: 1.6;
	color: var(--color_platon);
	font-weight: 700;
	letter-spacing: 2px;
}
.tarjeta-info-titulo2{
	margin-top: 4px;
	font-size:var(--TextoTama4);
	line-height: 1.6;
	color: var(--color_negro);
	font-weight: 700;
}

.card-inicio p {margin: 16px 0px;}
.MargenSinCarrousel{height: 75px;};
.ContenidoIconoImagen{height: 50px; width: auto;}
.EnlaceCambioColor:hover{color: #59a831 !important;}
a:hover .EnlaceCambioColor{color: #59a831 !important;}
.FondoNegro{background-color:#000 !important;}
.FondoVerdeClaro {background-color: #B7DEB1 !important;}
.FondoRojoClaro {background-color: #FFF1F1 !important;}
.FondoVerde {background-color: #9C0;}
.FondoVerdeOscuro {background-color: #363;}
.FondoGris {background-color: #ADACAA;}
.TextoHeight13{line-height: 1.3;}
.TextoHeight14{line-height: 1.4;}
.TextoHeight15{line-height: 1.5;}
.TextoHeight16{line-height: 1.6;}
#main{padding-bottom: clamp(2.5rem, -1.25rem + 7.813vw, 5rem);}
.TitularH3{font-size: var(--TextoTama6);line-height: 1.4; margin: 0 0 24px;}

#Pie_Pagina{background-color:white;border-top: 1px solid rgb(202, 202, 204);padding-block: clamp(2.5rem, -1.25rem + 7.813vw, 5rem);}
#Pie_Pagina i{color:var(--color_platon);}
#Pie_Pagina i:hover{color:var(--color2_platon);}
#Pie_Pagina i {fill: var(--color_platon);}
#Pie_Pagina i.fa-2x { font-size: 2em; }
#Pie_Pagina i.fa-3x { font-size: 3em; }
#Pie_Pagina i.fa-4x { font-size: 4em; }
#Pie_Pagina i svg, #Pie_Pagina i .svg-inline--fa {
  width: 1em !important;
  height: 1em !important;
  display: inline-block;
  vertical-align: -0.125em;
  max-width: none !important;
  max-height: none !important;
}
#Pie_Pagina i:hover svg{fill: var(--color2_platon);}
#Pie_Pagina h3{font-size: var(--TextoTama4);line-height: 1.6;font-weight: 700;margin: 0 0 16px;}
#Pie_Pagina .PieTexto{font-size: var(--TextoTama2);line-height: 1.6; color:var(--color_negro);}
#Pie_Pagina a{font-size: var(--TextoTama2);line-height: 1.6; color:var(--color_negro);}
#Pie_Pagina a:hover{color:var(--color2_platon);}
#Pie_Pagina .Pie_Pagina_Derecha{max-width: 225px;margin-right: 38px;}
#CursoModuloTop input::placeholder{color: #FFF;font-style: italic;}
/*#ContactoDireccion .card{border-bottom: solid rgba(0,0,0,.125)}*/
.tarjeta-sombra{
	border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: #0352E600;
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
#ContactoDireccion .tarjeta-sombra:hover{border-bottom-color: #0352E6;}
#ContactoInformacion .tarjeta-sombra:hover{border-bottom-color: #59a831;}
#ContactoHorario .tarjeta-sombra:hover{border-bottom-color: #FFB606;}
.video-responsive {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	}
.video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
#VideoCapa{
	/*background-color: #000;
    opacity: 0.67;*/
}
.VideoTexto{
    color: #fff;
    display: block;
    /*margin: 0 auto;*/
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
	z-index:9;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	/*background-color: #000;
    opacity: 0.67;*/
}
.EventosInicio a:hover .EventoTitularCurso{color:#59a831 !important;}
.owl-carousel-Cursos .owl-nav{position: absolute;right: 15px;top: -90px;}
.owl-nav .owl-prev i{padding:7px 11px;border: #000 1px solid; margin-right: 10px;}
.owl-nav .owl-prev:hover i{border: #59a831 1px solid; color: #59a831;}
.owl-nav .owl-next i{padding:7px 11px;border: #000 1px solid;}
.owl-nav .owl-next:hover i{border: #59a831 1px solid; color: #59a831;}
.owl-carousel-Profesores .owl-nav{position: absolute;top: -50px; right: 0px;}
.owl-carousel-Patrocinadores .owl-nav{position: absolute;top: -50px; right: 0px;}
.owl-carousel-caption{padding:5px;color: #FFF;background: rgba(0,0,0,0.5);}
.owl-carousel-caption{padding:5px;color: #FFF;background: rgba(0,0,0,0.5);}

.MenuDerechaSeparador::before {
	background-color: #59a831;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 36px;
    z-index: 3;
}
.MenuDerechaSeparador::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #e5e5e5;
}
.ListadoCursos {padding:clamp(1rem, 0.75rem + 0.781vw, 1.25rem);}
.ListadoCursos:hover .ListadosCursosImagen{transform: scale(1.03);transition-duration: 0.3s;}
.ListadoCursos .CursosTitular{
	line-height: 25px;
}
@media (min-width:240px){
	.ListadoCursos .ListadoCursosDetalles{
		height:75%;
		width:100%;
		top: 0;
		left: 0;
		display:none;
		z-index: 2;
		background-color: white;
		overflow: hidden;
		overflow-y: auto;
	}
}
@media (min-width:768px){
	.ListadoCursos .ListadoCursosDetalles{
		height:90%;
	}
}
.ListadoCursos:hover .ListadoCursosDetalles{
	display:block
}
.TituloSeparador{width:35px;margin: 25px 0px;}
.ColorGrisClaro{color: #e7e7e7 !important;}
.ColorGrisMedio{color: #ccc !important;}
.ColorGris9{color: #999 !important;}
.ColorGris6{color: #666 !important;}
.ColorGrisOscuro{color: #7a7a7a !important;}
.ColorVerde{color: #59a831 !important;}
.btn-blanco:hover {
	color: #59a831 !important;
	background-color:#fff !important;
	border-color: #59a831 !important;
}
.SeparadorLineaCentro{
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
	width: 30px;
	border-top: 3px solid #59a831;
}
.CursosProfesorFoto{
	position: absolute;
	top: -26px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}
.CursosDestacadoFoto{
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}
.CursoContenido .Demo {
	background-image: url(../Imagenes/Demo.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 60px;
	width: 60px;
	right: 0px;
	bottom: 0px;
	z-index:9;
}
.CursoContenido .Demo a {
	display:block;
	width:100%;
	height:100%;
}
.CalendarioAdd{
	position:absolute;
	z-index: 2;
	top:-2px;
	right:0px;
	width:10px;
	height:10px;
}
.EventoTitular::before{
    content: '';
    height: 52px;
    width: 1px;
    background: #eee;
    top: 10px;
    left: -30px;
    position: absolute;
}
.w-33{width: 3% !important;}
.w-34{width: 34% !important;}
.MenuPrincipalBlanco{color:#000 !important; background-color: #FFF;transition: background-color 0.5s ease;-webkit-box-shadow: 0px 3px 0px 0px #ddd;-moz-box-shadow: 0px 3px 0px 0px #ddd;box-shadow: 0 1px 5px -2px rgba(42,42,42,.4);}
.MenuPrincipalTransparente{color:#FFF !important; background-color: transparent;transition: background-color 0.5s ease;}
.MenuPrincipalBotonesBlancos{color:#000 !important; background-color: #FFF;}
.MenuPrincipalBotonesTransparentes{color:#FFF !important; background-color: transparent;}

.CursoContenido .ModuloRealizadoaprobado {
	background-image: url(../Imagenes/Visto-Redondo.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 50px;
	width: 50px;
	right: 5px;
	bottom: 5px;
	z-index:2;
}
.CursoContenido .ModuloRealizadoaprobado a{
	height: 100%;
	width: 100%;
	display: block;
}
.CursoContenido .ModuloRealizadoaprobado a:hover{
	background-image: url(../Imagenes/Visto-Redondo.png);
	background-repeat: no-repeat;
	position: absolute;
	background-color:transparent;
}
.CursoContenido .ModuloRealizadosuspenso {
	background-image: url(../Imagenes/Visto-Redondo-Suspenso.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 50px;
	width: 50px;
	right: 5px;
	bottom: 5px;
	z-index:2;
}
.CursoContenido .ModuloRealizadosuspenso a{
	height: 100%;
	width: 100%;
	display: block;
}
.CursoContenido .ModuloRealizadosuspenso a:hover{
	background-image: url(../Imagenes/Visto-Redondo-Suspenso.png);
	background-repeat: no-repeat;
	position: absolute;
	background-color:transparent;
}

.CursoContenido .RealizarExamen {
	position: absolute;
	background-image: url(../Imagenes/Realizar-Examen.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	width: 120px;
	right: 2px;
	bottom: 2px;
	z-index:2;
}
.CursoContenido .RealizarExamen a{
	height: 100%;
	width: 100%;
	display: block;
}
.CursoContenido .RealizarExamen a:hover{
	background-image: url(../Imagenes/Realizar-Examen-Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
	background: rgba(0, 0, 0, 0);
	height: 80px;
	width: 120px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.CursoContenido .VerExamen {
	position: absolute;
	background-image: url(../Imagenes/Ver-Examen.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	width: 90px;
	right: 0px;
	bottom: 2px;
}
.CursoContenido .VerExamen a{
	height: 100%;
	width: 100%;
	display: block;
}
.CursoContenido .VerExamen a:hover{
	background-image: url(../Imagenes/Ver-Examen-Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
	background: rgba(0, 0, 0, 0);
	height: 80px;
	width: 90px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.CursoContenido .RepetirExamen {
	position: absolute;
	background-image: url(../Imagenes/Repetir-Examen.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	width: 120px;
	right: 2px;
	bottom: 2px;
	z-index:2;
}
.CursoContenido .RepetirExamen a{
	height: 100%;
	width: 100%;
	display: block;
}
.CursoContenido .RepetirExamen a:hover{
	background-image: url(../Imagenes/Repetir-Examen-Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
	background: rgba(0, 0, 0, 0);
	height: 80px;
	width: 120px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.RealizarExamenModulo  {
	background-image: url(../Imagenes/Realizar-Examen.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	width: 120px;
	float: left;
	z-index:2;
}
.RealizarExamenModulo  a{
	height: 100%;
	width: 100%;
	display: block;
}
.RealizarExamenModulo a:hover{
	background-image: url(../Imagenes/Realizar-Examen-Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	width: 120px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#RelojCapa{
	position:absolute;
	right:0px;
	top:0px;
	z-index:9;
}
/* Estilos antiguos */
#Principal{
	text-align:left;
	width:100%;
	height:auto;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	vertical-align:middle;
}
#Cabecera {
	width: 100%;
	position: relative;
}
#Cabecera #Fondo {
	background-repeat: no-repeat;
	/*background-size: 100% 100%;
	background-origin: content-box;*/
	background-size: 100% 100%;
	background-origin: border-box;
	/*background-repeat: repeat-x;
	background-position: center top;*/
	height:150px;
}
#Centrar{
	text-align:left;
	width:980px;
	height:auto;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Cabecera #FondoMenu {
	background-image: url(../Imagenes/Fondo-Menu.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 32px;
}
#Cabecera #FondoMenuAzul {
	background-image: url(../Imagenes/Fondo-Menu-Azul.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 32px;
}
#Destacados {
	height: 320px;
	width: 980px;
	position: relative;
}
#Destacados .DestacadosTitular {
	font-size: 18px;
	color: #000;
	text-shadow:#000 1px 1px 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=135, Strength=1);
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
}
#Destacados .DestacadosTexto {
	font-size: 14px;
	color: #000;
}
#Destacados a:hover{
	text-decoration: none;
}
#Destacados .DestacadosTexto p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#Destacados .DestacadosTextoAbajo {
	font-size: 20px;
	color: #900;
	font-weight: bold;
	position: absolute;
	left: 10px;
	bottom: 0px;
}
#SombraMenu {
	position: absolute;
	z-index: 9;
	height: 14px;
	width: 980px;
	left: 0px;
	top: -4px;
	background-image: url(../Imagenes/Sombra-Menu.png);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #007ABEFF;
	border-left-color: #007ABEFF;
}
#Destacados .MostrarPlay {
	background-image: url(../Imagenes/Play.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 50px;
	width: 50px;
	top: 80px;
	right: -150px;
}

#Contenido {
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	margin-top: 15px;
	border: 1px solid #007ABEFF;
	padding: 10px;
	margin-bottom: 20px;
}
#Contenido h1 {
	font-size: 24px;
	font-weight: bold;
	color: #007ABEFF;
	text-align: center;
}
#Contenido h2 {
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-bottom: 5px;
}
.CuadroCurso {
	float: left;
	width: 300px;
	border: 1px solid #666;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-right: 25px;
	margin-bottom: 15px;
	position: relative;
}
.CuadroCurso a {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}
.CuadroCurso .TitularTabla {
	background-color: #57797A;
	height: 55px;
	width: 100%;
	line-height: 16px;
	font-size: 14px;
	color: #FFF;
	display: table;
	
}
.CuadroCurso a:hover .TitularTabla {
	background-color: #007ABE;	
}
.CuadroCurso .TitularCelda {
	display: table-cell;
	vertical-align: middle;
	background-image: url(../Imagenes/Flecha-Fondo-Curso.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.CuadroCurso .Foto {
	text-align: center;
	padding: 5px;
	height: 160px;
	overflow:hidden;
}
.CuadroCurso .Edicion {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 2px;
}
/*.CuadroCurso .Demo {
	background-image: url(../Imagenes/Demo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: -5px;
	height: 60px;
	width: 60px;
}
.CuadroCurso .Demo a{
	height: 100%;
	width: 100%;
	display: block;
}*/
.CuadroCurso .Demo {
	font-size: 14px;
	font-weight: bold;
	color: #900;
	background-color:#CCC;
	text-align: center;
	padding:3px;
	margin:0px 5px;
	border:#900 solid 1px;
}
.CuadroCurso .Demo a {
	display:block;
	width:100%;
	height:100%;
	color: #900;
	
}
.CuadroCurso .Destacado {
	font-size: 20px;
	font-weight: bold;
	color: #900;
	text-align: center;
	margin-bottom: 5px;
}

.BotonRojoVerde {
	background-color: #007ABE;
	text-align: center;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.BotonRojoVerde a {
	color: #EEE;
	display: block;
	text-align: center;
	padding: 5px;
}
.BotonRojoVerde a:hover {
	color: #EEE;
	background-color: #57797A;
	text-decoration: none;
}
#PiePagina {
	color: #EEE;
}
#PiePagina a{
	color: #EEE;
}
#PiePagina .Patrocinadores {
	float: left;
	width: 160px;
	height: 210px;
	text-align: center;
	padding: 5px;
}
#PiePagina .Resto {
	float: left;
	width: 800px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#PiePagina .Resto .DatosColegio {
	color: #FFF;
	float: left;
	width: 500px;
}
#PiePagina .Resto .Formulario {
	color: #FFF;
	float: left;
	width: 290px;
	margin-left: 10px;
}
.TitularNaranja {
	font-size: 18px;
	font-weight: bold;
	color: #F93;
	margin-bottom: 10px;
}
#PiePagina .FormularioTexto {
	float: left;
	width: 120px;
	margin-bottom: 4px;
}
#PiePagina .FormularioCampo {
	float: left;
	width: 165px;
	margin-bottom: 4px;
}
#PiePagina .FormularioCampo .Campo {
	width: 100%;
}
#PiePagina .Boton {
	float: right;
	margin-top: 5px;
}
#PiePagina .Avisos {
	text-align: center;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}
.BordeNegroIzqDer {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
#Destacado .FotoCurso {
    margin-top: 3px;
    margin-right: 7px;
    margin-bottom: 3px;
    margin-left: 3px;
    float: left;
}
.widget-title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 30px;
	text-transform: uppercase;
	color: #3c3950;
}
.widget-title:after{
	font-family: 'Montserrat';
	font-style: normal;
	content: '\e630';
	font-size: 8px;
	padding-left: 8px;
	font-weight: normal;
	display: none;

}
.UlNone li {
	list-style: none;
  }
.sub-menu,.UlNone {
  list-style: none; /* Remove default bullets */
}
.sub-menu li::before {
	color:#007ABE;
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.sub-menu li{line-height:25px;}
.sub-menu li a{ text-decoration:none;}