/*Fuente Relaway*/
@font-face {
	font-family: 'Raleway';
	src: url('Fuentes/Raleway.eot');
	src: url('Fuentes/Raleway.eot?#iefix') format('embedded-opentype'),
			 url('Fuentes/Raleway.woff') format('woff'),
			 url('Fuentes/Raleway.ttf') format('truetype'),
			 url('Fuentes/Raleway.svg#Raleway') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "Raleway","Montserrat","Open Sans", sans-serif !important;
}
/*Fuente Relaway*/
/*Cambios bootstrap.min.css*/
.navbar-toggler:focus {
	box-shadow: 0 0 0 0 !important;
}
.panel-primary{background-color: #3498db !important;}
.panel-primary a{color: #FFF;}
.bg-primary{background-color: #3498db !important;}
.text-primary{color: #3498db !important;}
.card-header.bg-primary {color: #FFF;}
/*Cambios bootstrap.min.css*/
#Top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: #000;
	border:3px #FFFFFF solid;
	z-index:99;
}
#Top a:hover{color:#FFF;}
#TopCookies {
    position: fixed;
    bottom: 150px;
    right: 0px;
	border:3px #FFFFFF solid;
	z-index:999;
}
#TopCookies a{color:#FFFFFF;text-decoration:none;padding:10px;}
#TopCookies a:hover{color:#d4451c;}
#Cookies{
	position: fixed;
    bottom: 0px;
	height: 150px;
	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;
}
.PieLADColor{color:#99a9b5;}
.PieLADColor a{ color:#99a9b5;}
.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;
}
/*Colapsar texto*/
.Colapsar .collapse, .Colapsar .collapsing {
  height: 4rem;
}
.Colapsar #CollapseTexto {
  position:relative;display:block;overflow:hidden;
}
.Colapsar .collapse:before {
  content: ' ...';
  position: absolute;
  right: 0;
  bottom: 0;
}
.Colapsar .collapse.show {
  height: auto;
}
.Colapsar .collapse.show:before {
  display: none;
}
.Colapsar a.collapsed:after {
  content: '+ Texto completo';
}
.Colapsar a:not(.collapsed):after {
  content: '- Mostrar menos';
}
/*Colapsar texto*/
.CursosTitular{
	min-height: 50px;
}
@media (min-width:240px){
	.navbar{padding:0px;}
	.navbar-nav .nav-item {border-bottom:solid 1px #999;}
	.navbar-nav .nav-link{color: rgba(238,238,238,1) !important; font-size:18px;}
	.navbar-nav .dropdown .dropdown-menu {font-size:14px;}
	.navbar-nav .nav-link:hover{color: rgba(255,255,255,1) !important;}
	#navbarCollapase{background-color: #6C757D;}
	#navbarCollapase .navbar-nav .active a .nav-link {color: #fff;font-weight: bold;background-color: #5E9985 !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;}
	
	#myCarousel {
		height:150px;
	}
	#myCarousel .carousel-item{
		height:150px;
		transition-duration: 2s;
	}
	#myCarousel .carousel-caption {
		left:0px;
		top:0px;
		width:100%;
		height:100%;
	}
	#myCarousel .carousel-caption .TextoCarousel{
		background: rgba(0,0,0,0.3);
		padding:5px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height:150px;
	}
	#Cookies{height: 150px;}
}
@media (min-width:480px){
	
}
@media (max-height:350px) and (max-width:768px) {
	.LogotipoMenu{
		display:block;
	}
}
@media (min-width:768px){
	.navbar{padding:0px;}
	.navbar-brand{margin-right:0px;}
	.navbar-nav{border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;}
	.navbar-nav .nav-item{border:none; padding:0px 20px; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;}
	.navbar-nav .nav-link{font-size:14px; padding:0px;}
	.navbar-expand-md .navbar-nav .nav-link {padding:0px 4px;}
	.navbar-nav .dropdown .dropdown-menu .dropdown-item{padding:8px;}
	#navbarCollapase{background-color: transparent;}
	#navbarCollapase .navbar-nav .dropdown-item:hover{background-color:#515151 !important; color: rgba(255,255,255,1) !important;}
	.navbar-nav .dropdown .dropdown-menu {font-size:15px;}
	.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;}*/
	
	.CentraMovil {
		display:block;
		margin-left:0px;
		margin-right:0px;
	}
	#myCarousel {
		height:300px;
	}
	#myCarousel .carousel-item{
		height:300px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height:300px;
	}
	#Cookies{height: 120px;}
	#TopCookies {bottom: 120px;}
	.MargenCookies{padding-bottom:120px;}
}
@media (min-width:992px){
	.navbar-expand-md .navbar-nav .nav-link {padding:0px 8px;}
	.navbar-nav .nav-link{ font-size:15px;}
	#myCarousel {
		height:400px;
	}
	#myCarousel .carousel-item{
		height:400px;
	}
	#myCarousel .carousel-inner > .carousel-item > img {
		height:400px;
	}
	#Cookies{height: 100px;}
	#TopCookies {bottom: 100px;}
	.MargenCookies{padding-bottom:100px;}
}
@media (min-width:1200px){
	#Cookies{height: 70px;}
	#TopCookies {bottom: 70px;}
	.MargenCookies{padding-bottom:100px;}
}
.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;

}
.sub-menu {
  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;}
/*Estilos antiguos de estilos.css*/
.FondoNegro {
	background-color: #000;
}
.FondoCasiNegro {
	background-color: #212331;
}
.FondoRojoClaro {
	background-color: #FFF1F1;
}
.FondoVerde {
	background-color: #9C0;
}
.FondoVerdeOscuro {
	background-color: #363;
}
.PieLADColor{color:#99a9b5;}
.PieLADColor a{ color:#99a9b5;}
/*Estilos antiguos de inicio-Granada.css*/
.ColorGrisClaro{color: #e7e7e7 !important;}
.ColorGrisMedio{color: #ccc !important;}
.ColorGris9{color: #999 !important;}
.ColorGris6{color: #666 !important;}
.ColorGrisOscuro{color: #7a7a7a !important;}
.CursoPestanas .nav-tabs li a:hover i{color: #FFF !important;}
.CursoPestanas .nav-tabs li i{color: #000 !important;}
.CursoPestanas .nav-tabs li .active i{color: #FFF !important;}