body{font-family: 'Frank Ruhl Libre' !important;height:100vh;margin:0;width:100vw;background: url(../img/fondo.jpg) no-repeat fixed center;overflow-x: hidden;background-size: cover;}
img#logoUAH{width:24%;position: absolute;left: 11%;top: 3%;}
div#contenedorGeneral{position: relative; top: 25%;}
div#contContenido{background-color: rgba(0,0,0,0.6);border-radius: 0px 60px 60px 0px;opacity: 0;width: 46%;padding: 2%;position: relative;left: 40%;margin-bottom: 2%;color: white;}
div#contCursos{left: 10%;width: 30%;position: absolute;font-size: 1.8vw;}
div#contFormulario{margin-top: 21%;position: absolute;width: 100%;}
div#contFormulario h2{color: white;text-align: center;font-size: 2vw;}
div#titulo{color: white;font-weight:300;font-size: 3.1vw;text-align: center;width: 100%;position: relative;top: 20%;}
div#titulo span{font-weight: 900;}
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.5vw;}
div.cursos{font-weight: 300;padding: 3%;color: white;border-radius: 60px 60px 60px 60px;cursor:pointer;position: relative; transition-duration: 0.9s;}
div.cursos:hover{background: rgba(0,0,0,0.5);color: white;}
div.cursos span{font-weight: 900;}
div.cursos img.flecha{position: absolute;right: 9%;width: 8%;top: 19%;}
form{color: white;width: 35%;font-size: 1.5vw;margin-left: 32.5%;margin-top: 2%;}
form h4{font-size: 1.1vw;}

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