/*Cambios bootstrap.min.css*/
.text-dark{color: #333 !important;}
.text-success{color: #59a831 !important;}
.text-danger{color:#f24c0a !important;}
.border-success {border-color:#59a831 !important;}
.text-primary{color:#0352E6 !important;}
.text-warning{color:#FFB606 !important;}
.bg-success{background-color:#59a831 !important;}
.btn-primary {background-color:#10ADE4 !important;border-color: #10ADE4 !important;}
.btn-danger {color: #FFF !important;background-color:#f24c0a !important;border-color: #f24c0a !important;}
.btn-success {color: #FFF !important;background-color:#529C2D !important;border-color: #529C2D !important;}
.btn-dark:hover {color: #000 !important;background-color:#fff !important;border-color: #000 !important;}
.card-header.bg-primary {color: #FFF;}
@media (min-width:240px){
	.btn-lg{padding: 3px 8px !important;}
}
@media (min-width:768px){
	.btn-lg{padding: 10px 30px !important;}
}
.dropdown-toggle::after {display: none !important;}
.breadcrumb-item a:hover{color: #59a831 !important;}
.breadcrumb-item a::after{
	content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #eee;
    display: inline-block;
    margin: 0 0 0 15px;
    line-height: 25px;
}
.CursoPestanas .nav-item {position: relative;}
.CursoPestanas .nav-tabs li .active{border-bottom-color: #fff !important; background-color: #fff !important;}
.CursoPestanas .nav-tabs li a.active::before {
	background-color: #59a831;
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    height: 4px;
    z-index: 10;
}
.CursoPestanas .nav-tabs li a:hover i{color: #59a831 !important;}
.accordion-button:after {
    order: -1;
    margin-left: 0; 
    margin-right:0.5em;
}
/*Mostrar siempre fondo verde - 23/09/2022 - https://veridata.happyfox.com/staff/ticket/37064*/
/*
.accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2359a831'><path 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'/></svg>");
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2359a831'><path 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'/></svg>");
}

.Izquierda .accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2ffffff'><path 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'/></svg>");
}
.Izquierda .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path 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'/></svg>");
}*/

.accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2ffffff'><path 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'/></svg>") !important;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path 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'/></svg>") !important;
}
.form-control{border-color: #EEEEEE !important;}
/*Cambios bootstrap.min.css*/
/* CSS Document */
body {
	font-family: 'Roboto', sans-serif !important;
}
.FuenteRobotoSlab {
	font-family: 'Roboto', serif !important;
}
#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{
	position: fixed;
    bottom: 0px;
	height: 180px;
	width: 100%;
	left:0px;
	border:solid 1px #000;
	padding: 5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
	z-index: 99;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #000;
	color:#FFFFFF;
	font-size:14px;
	overflow:auto;
}
.MargenCookies{padding-bottom:180px;}
#Cookies{
	position: fixed;
    bottom: 0px;
	height: 30px;
	width: 100%;
	left:0px;
	border:solid 1px #999;
	padding: 5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
	z-index: 99;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #333;
}

@media (min-width:240px){
	#CabeceraGranadaUFCMenu{margin-top: 0px;}
	#CabeceraGranadaUFCMenuTop{height: 50px;}
	#CabeceraGranadaUFC{
		position:absolute;
		width:100%;
		max-height:200px;
	}
	.navbar{padding:0px; background-color:#fff;}
	.navbar-brand img{max-height: 60px;}
	.navbar-nav .nav-item {border-top:solid 1px #FFFFFF;}
	.navbar-nav .nav-link{color:#59a831; font-size:18px;border-bottom: #DDD 1px solid; text-transform: none; padding:6px 0px !important;}
	#navbarCollapase{background-color: #EDEDED;}
	.navbar-nav .dropdown .dropdown-menu {font-size:14px;}
	.navbar-nav .nav-link:focus{color:#59a831;}
	.navbar-nav .nav-link:hover{color:#000; /*border-bottom: #59a831 2px solid;*/}
	.navbar-nav{border-top: #ddd 1px solid;}
	#navbarCollapase .navbar-nav .active a .nav-link {color: #fff;font-weight: bold;background-color: #59a831 !important;}
	#navbarCollapase .navbar-nav .active .dropdown-item {font-weight:normal;color:#000000 !important;}
	#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-item:hover{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}
	#navbarCollapase .navbar-nav .dropdown-item.active,.dropdown-item:active{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}
	#menuPrincipal .dropdown-menu {font-size:20px;}
	#menuPrincipal .dropdown-menu .dropdown-item{padding:8px;}
	/*#MenuPrincipalAcceso{display:block;}*/
	
	#myCarousel {
		/*height:180px;*/
		height: calc( 100vh - 50px );
		background-color: black;
	}
	#myCarousel img {opacity: 0.8;}
	#myCarousel .carousel-item{
		/*height:180px;*/
		height: calc( 100vh - 50px );
		transition-duration: 2s;
	}
	#myCarousel .carousel-caption {
		/*left:0px;
		top:0px;*/
		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:180px;*/
	}

	#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;}
	#Cookies{height: 180px;}
	#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;
	}
}
@media (min-width:480px){
	
}
@media (max-height:350px) and (max-width:768px) {
	.LogotipoMenu{
		display:block;
	}
}
@media (min-width:768px){
	#CabeceraGranadaUFCMenuTop{height: 75px;}
	#CabeceraGranadaUFCMenu{margin-top: 50px;}
	.navbar{padding:0px; background-color:transparent;}
	.navbar-brand{margin-right:0px;}
	.navbar-brand img{max-height: 70px;}
	.navbar-brand #CabeceraLogotipo2{max-height: 40px;}
	.navbar-brand #CabeceraLogotipo3{max-height: 40px;}
	.navbar-nav .nav-item{border:none; padding:0px 5px;}
	.navbar-nav .nav-link{color:#333;font-size:14px; margin:10px 0px 10px 0px !important; border-bottom: transparent 2px solid;text-transform:uppercase;}
	#navbarCollapase{background-color: transparent;}
	.navbar-nav .nav-link.active{border-bottom: #59a831 2px solid;}
	.navbar-nav .nav-link:focus{color: #333;}
	.navbar-nav .nav-link:hover{color:#333; border-bottom: #59a831 2px solid;}
	.navbar-nav{border-top:none;}
	.navbar-expand-md .navbar-nav .nav-link {padding:0px 4px;}
	.navbar-nav .dropdown .dropdown-menu .dropdown-item{color:#999; padding:8px 0px;}
	#navbarCollapase .navbar-nav .dropdown-item:hover{color:#333 !important;background-color:#FFF !important;}
	.navbar-nav .dropdown .dropdown-menu {font-size:15px;}
	.navbar-nav .dropdown-menu {padding: 15px 30px;}
	.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:300px;*/
	}
	#myCarousel .carousel-item{
		height: calc( 100vh - 50px );
		/*height:300px;*/
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height: calc( 100vh - 50px );
		/*height:300px;*/
	}
	#myCarousel .carousel-caption {
		top: 105px;
		height: 140px;
		text-align: left;
		left: 15%;
		right: 15%;
	}
	#myCarouselInterior {
		height:324px;
	}
	#myCarouselInterior .carousel-item{
		height:324px;
	}
	#myCarouselInterior .carousel-inner > .carousel-item > img {
		height:324px;
	}
	#Cookies{height: 120px;}
	#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;
	}
}
@media (min-width:992px){
	/*.navbar-brand img{max-height: 100px;}*/
	.navbar-brand #CabeceraLogotipo2{max-height: 40px;}
	.navbar-brand #CabeceraLogotipo3{max-height: 40px;}
	.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:14px;}
	#Cookies{height: 100px;}
	#TopCookies {bottom: 100px;}
	.MargenCookies{padding-bottom:100px;}
	.EventosInicio img{height: 140px;}
}
@media (min-width:1200px){
	.container1200{max-width: 1200px !important;}
	.navbar-brand #CabeceraLogotipo2{max-height: 70px;}
	.navbar-brand #CabeceraLogotipo3{max-height: 70px;}
	#myCarousel .carousel-caption {
		top: 105px;
		height: 240px;
	}
	#Cookies{height: 70px;}
	#TopCookies {bottom: 70px;}
	.MargenCookies{padding-bottom:100px;}
}
@media (min-width: 1400px) {
	.container1200{max-width: 1200px !important;}
	.navbar-nav .nav-item{border:none; padding:0px 21px;}
	#myCarousel .carousel-caption {
		top: 115px;
		height: 345px;
	}
}
.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;}
#Pie_Pagina a:hover{color: #59a831 !important;}
#Pie_Pagina .border-top{border-color:#333 !important;}
#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: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;
	top:-2px;
	right:0px;
	width:10px;
	height:10px;
}
.EventoTitular::before{
    content: '';
    height: 52px;
    width: 1px;
    background: #eee;
    top: 10px;
    left: -30px;
    position: absolute;
}
.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;}
.ContenedorCarouselArriba{
	margin:50px 0px 27px 0px;
	transition: margin-top 1s;
}
.ContenedorCarouselArriba2{
	margin:100px 0px 27px 0px;
	transition: margin-top 1s;
}
.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;}