body{font-family: 'Apex New Book' !important;height:100vh;margin:0;width:100vw;background: url(../img/fondo.jpg) no-repeat fixed center;overflow-x: hidden;background-size: cover;}
img#logo{width:18%;position: absolute;right: 5%;top: 8%;}
div#contenedorGeneral{top: 5%;left: 4%;}
div#contContenido{background-color: rgba(0,0,0,0.4);border-radius: 0px 60px 60px 0px;opacity: 0;width: 91.5%;padding: 2.05%;position: relative;left: 2%;margin-bottom: 2%;color: white;transition-duration: 0.9s;}
div#contCursos{margin-top: 5%;margin-left: 2%;width: 96%;font-size: 1.5vw;}
div#contFormulario{position: absolute;width: 100%;}
div#contFormulario h2{color: white;text-align: center;font-size: 2vw;}
div#contScroll{position: relative;width: 100%;height: 100%;overflow-y: scroll;padding-right: 17px;box-sizing: content-box;}
div#titulo{color: white;font-family: "Apex New Light";font-size: 3vw;width: 70%;position: relative;margin-top: 3%;left: 5%;line-height: 100%;}
div#titulo span{font-family: "Apex New";}
div.contenidos{display:none;opacity:0;}
div.contenidos h2{text-align: center;width: 100%;font-size: 2.5vw;color: #ec2b06 !important;}
div.contenidos h5, div.contenidos ul{font-size: 1.4vw;}
div.cursos{font-family: "Apex New Book";padding: 1% 0%;color: white;border-radius: 45px 45px 45px 45px;cursor: pointer;display: inline-block;position: relative;width: 24.7%;transition-duration: 0.9s;text-align: center;}
div.cursos:hover{background: rgba(0,0,0,0.4);color: white;}
div.cursos span{font-family: "Apex New";}
div.cursos img.flecha{position: absolute;right: 9%;width: 8%;bottom: 10%;}
div.preguntasFrecuentes{position: absolute;right: 4%;width: 26%;background: rgba(0, 0, 0, 0.64);font-size:1.1vw;padding: 2%;color: rgb(255, 255, 255);top: 17%;border-radius: 25px;}
div.preguntasFrecuentes h1{margin-top:0;}
div.preguntasFrecuentes h1.incluye{margin-top:1em;}
form{color: white;width: 35%;font-size: 1.5vw;margin-left: 32.5%;margin-top: 2%;}
form h4{font-size: 1.2vw;}
img#cursosAbiertos{height: calc((1em) - 3px);}
img#marcoTL{top:0;left:0;}
img#marcoTR{top:0;right:0;}
img#marcoBL{bottom:0;left:0;}
img#marcoBR{bottom:0;right:0;}
img.icons{width: 40%;}
img.imgIncluye{margin-top:5%;width:100%;}
img.marco{position: absolute;width:5%;}
span.nombre{color:white !important;}

.seleccionado{background: rgba(0,0,0,0.4) !important;color: #ec2b06 !important;border-radius: 45px 45px 0px 0px !important;}
.seleccionado span{color: white !important;}
.flechaSeleccionado{transition-duration: 0.8s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.flechaDeseleccionado{transition-duration: 0.8s;transform: rotate(-94deg);-webkit-transform: rotate(-94deg);}