.banner { height:300px;background-position: center;background-size: cover; }
.banner .logoBanner { text-align: center;padding-top: 84px; }
.banner .ruta { width:100%;max-width: 1078px;margin: 0 auto;padding-top: 25px; }
.banner .ruta .flecha { float: left;width:12px;height: 26px;background-image: url('../img/cursos/flecha-ruta.gif'); }
.banner .ruta .flecha.inverse { background-image: url('../img/cursos/flecha-ruta-inverse.gif'); }
.banner .ruta .apartado { float: left;height:26px;background-color: #FFF;line-height: 26px;font-family: Open Sans;font-size: 16px;font-weight: 300;color:#4c4c4c;padding: 0px 10px; }

.interesa { padding: 40px 0px;background-color: #efefef; }
.interesa .contenidoInteresa { width:100%;max-width: 1078px;margin: 0 auto; }
.interesa .contenidoInteresa .titulo { text-align: center;font-family: Abel;font-size: 26px;color:#333; }
.interesa .contenidoInteresa .botonera { width:345px;margin: 0 auto;padding-top: 35px; }
.interesa .contenidoInteresa .botonera .botonAzul { float: left;margin-right: 10px; }
.interesa .contenidoInteresa .botonera .botonAzul.ultimo { margin-right: 0px; }

.interesa .contenidoInteresa .botonera .botonAzul.solicitar { width:207px; }
.interesa .contenidoInteresa .botonera .botonAzul.inscribir { width:127px; }

.introCursos { padding: 40px 0px;padding-bottom: 0px; }
.introCursos .contenidoIntroCursos { width:100%;max-width: 1078px;margin: 0 auto;font-family: Open Sans;font-size: 14px;color:#666;font-weight: 300; }
.introCursos .contenidoIntroCursos a { color:#2ea3f2; }
.introCursos .contenidoIntroCursos a:hover { color:#666; }

.cursos {  }
.cursos .contenidoCursos { width:100%;max-width: 1078px;margin: 0 auto; }
.cursos .curso { padding-bottom: 40px;padding-top: 40px; }
.cursos .curso.segundo { background-color: #f7f7f7; }

.cursos .curso .resumen { float: left;width:100%; }
.cursos .curso .inscripcion { float: right;width:320px; }

.cursos .curso .resumen { font-family: Open Sans;font-size: 14px;color:#666;font-weight: 300;padding-top:7px;padding-bottom: 20px;  }
.cursos .curso .resumen strong { font-weight: 700;color:#083c85 }
.cursos .curso .resumen .texto table { border:1px solid #CCC; }
.cursos .curso .resumen .texto table tr td { font-family: Open Sans;font-size: 14px;color:#666;border:1px solid #CCC; }

.cursos .curso .resumen .masInfos { text-align: center;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;line-height: 30px;margin-top: 10px; }

.cursos .curso .resumen .calificacion { border:1px solid #083c85;width:110px;height:91px;float: left; }
.cursos .curso .resumen .calificacion .fondo { border:1px solid #FFF;background-color: #083c85;height:89;  }
.cursos .curso .resumen .calificacion .numero { font-family: Open Sans;font-size: 36px;color:#FFF;font-weight: 300;text-align: center;padding-top: 5px; }
.cursos .curso .resumen .calificacion .estrellas {  }
.cursos .curso .resumen .calificacion .fa { color:#FFF;float: left;width:16px; }
.cursos .curso .resumen .calificacion .fa.primera { margin-left: 15px; }

.cursos .curso .resumen .tituloCurso { float: left;width:540px;margin-left: 20px; }
.cursos .curso .resumen .tituloCurso .nombre { font-family: Abel;font-size: 30px;font-weight: 300;color:#333; }
.cursos .curso .resumen .tituloCurso .subnombre { font-family: Open Sans;font-size: 18px;font-weight: 300;color:#bababa;padding-top: 5px; }

.cursos .curso .resumen .texto { padding-top: 20px;font-family: Open Sans;font-size: 14px;font-weight: 300;color:#666; }

.cursos .curso .detalles { margin-top: 20px;border:1px solid #d9d9d9;background-color: #FFF; }
.cursos .curso .detalles .menuDetalles { background-color: #f4f4f4;border-bottom: 1px solid #d9d9d9;height:30px; }
.cursos .curso .detalles .menuDetalles .opcionMenuDetalles { float: left;line-height: 30px;font-family: Open Sans;font-size: 14px;font-weight: 600;color:#083c85;padding: 0 30px;border-right:1px solid #d9d9d9; }
.cursos .curso .detalles .menuDetalles .opcionMenuDetalles.ultimo { border:0px; }
.cursos .curso .detalles .menuDetalles .opcionMenuDetalles.seleccionado { background-color: #FFF;border-bottom: 1px solid #FFF; }

.cursos .curso .detalles .detalle { padding: 30px;display: none;background-color: #FFF; }
.cursos .curso .detalles .detalle .tituloDetalle { font-family: Open Sans;font-size: 14px;color:#666;font-weight: 700; }
.cursos .curso .detalles .detalle .texto { font-family: Open Sans;font-size: 14px;color:#666;font-weight: 300;padding-top:7px;padding-bottom: 20px;  }
.cursos .curso .detalles .detalle table { border:1px solid #CCC; }
.cursos .curso .detalles .detalle table tr td { font-family: Open Sans;font-size: 14px;color:#666;border:1px solid #CCC; }

.cursos .curso .galeria { padding-top: 30px; }
.cursos .curso .galeria .tituloGaleria { font-family: Abel;font-size: 26px;color:#333;font-weight: 300;text-align: center; }
.cursos .curso .galeria .fotos { padding-top: 20px; }
.cursos .curso .galeria .fotos .foto { float: left;width:calc((100% - 5.67em)/4);margin-right: 30px;height:200px;background-position: center;background-size: cover; }
.cursos .curso .galeria .fotos .foto.cuarta { margin-right: 0px; }

.popupGaleria { position: fixed;z-index:99;width:100%;left:0px;top:0px;display: none;height:100%; }
.popupGaleria .flechas { position: fixed;z-index:99;left:0px;top:0px; }
.popupGaleria .flechas .flecha { position: fixed;top:50%; }
.popupGaleria .flechas .flecha.atras { left:20px; }
.popupGaleria .flechas .flecha.adeltante { right:20px; }
.popupGaleria .cerrar { position: fixed;left:0px;font-family: Abel;font-size: 40px; }
.popupGaleria .cerrar a { color:#FFF; }
.popupGaleria .cerrar a:hover { color:#666; }
.popupGaleria .imagen { position: fixed;width:100%;left:0px;top:0px;text-align: center;max-width: 960px;width:auto; }
.popupGaleria .imagen img { width:100%; }
.popupGaleria .paginacion { font-family: Open Sans;font-size: 14px;color:#FFF;position: fixed;left:0px;top:0px;text-align: center;width:100%; }

/*  RESPONSIVE */
@media screen and (min-width: 1078px){
	
}

@media screen and (min-width: 768px) and (max-width: 1077px){
	.banner .logoBanner { width:calc(100% - 4em);margin: 0 auto;max-width: 200px; }
	.banner .logoBanner img { width:100%; }
	.banner .ruta { display: none; }
	
	.cursos .curso .resumen .calificacion { display: none; }
	
	.cursos .curso .resumen .tituloCurso { float: none;width:calc(100% - 2.52em);margin: 0 auto;margin-left: 0px; }
	.cursos .curso .resumen { float: none;width:calc(100% - 2.52em);margin: 0 auto; }
	.cursos .curso .inscripcion { float: none;width:100%;max-width: 320px;margin: 0 auto;margin-top: 20px; }
	
	.cursos .curso .galeria .fotos .foto { float: none;width:100%; }
	
	.interesa .contenidoInteresa { width:calc(100% - 2.52em);margin: 0 auto; }
	.interesa .contenidoInteresa .botonera { width:100%;max-width: 300px;margin: 0 auto; }
	.interesa .contenidoInteresa .botonera .botonAzul { float: none;margin: 0 auto;margin-bottom: 20px; }
	.interesa .contenidoInteresa .botonera .botonAzul.ultimo { margin: 0 auto; }
}

@media screen and (min-width: 300px) and (max-width: 767px){
	.banner .logoBanner { width:calc(100% - 4em);margin: 0 auto;max-width: 200px; }
	.banner .logoBanner img { width:100%; }
	.banner .ruta { display: none; }
	
	.cursos .curso .resumen .calificacion { display: none; }
	
	.cursos .curso .resumen .tituloCurso { float: none;width:calc(100% - 2.52em);margin: 0 auto;margin-left: 0px; }
	.cursos .curso .resumen { float: none;width:calc(100% - 2.52em);margin: 0 auto; }
	.cursos .curso .inscripcion { float: none;width:100%;max-width: 320px;margin: 0 auto;margin-top: 20px; }
	
	.cursos .curso .galeria .fotos .foto { float: none;width:100%; }
	
	.interesa .contenidoInteresa { width:calc(100% - 2.52em);margin: 0 auto; }
	.interesa .contenidoInteresa .botonera { width:100%;max-width: 300px;margin: 0 auto; }
	.interesa .contenidoInteresa .botonera .botonAzul { float: none;margin: 0 auto;margin-bottom: 20px; }
	.interesa .contenidoInteresa .botonera .botonAzul.ultimo { margin: 0 auto; }
}