* { margin: 0; padding:0;  }
html {  }
body { font-size: 15px; color: #333; font-family: 'Roboto Flex' !important; background-image:url(../images/background.jpg)!important; background-position:-40% 57%; }
.container { position: relative; width: 100%; max-width: 100%; text-align: left; padding-right: 30px; padding-left: 30px; z-index:99; }
.container-index { }
h1 { font-size: 28px; color: #444; }
h2 { font-family: 'Plus Jakarta Sans', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 1.6em; color: #243F92 !important; }
h3 { font-family: 'Plus Jakarta Sans', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 20px;  }
.m-s { margin: 10px 0; }
.m-m { margin: 15px 0; }
.m-l { margin: 20px 0; }
.m-xl { margin: 30px 0; }
.m-b-s { margin-bottom: 10px; }
.m-b-m { margin-bottom: 15px; }
.m-b-l { margin-bottom: 20px; }
.m-b-xl { margin-bottom: 30px; }
.m-t-s { margin-top: 10px; }
.m-t-m { margin-top: 15px; }
.m-t-l { margin-top: 20px; }
.m-t-xl { margin-top: 30px; }
.breadcrumb { display: inline !important; margin-bottom: 0px !important; }

.top-header { margin: 0 auto; width: 100%; height: 31px; background-color: #fff; display: none; }
.top-header .info { font-weight: 600; margin: 0 auto; width: 80%; }
.top-header .info span { color: #fff; font-size: 12px; margin-right: 13px;}

header {
	width:100%;
	margin: 0 auto;
	background-color: #243F92;
	border: 0 solid #333;
	font-family: "Plus Jakarta Sans";
}
 
header nav {
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #243F92;
}

.logo-desk { width: 245px; padding-left: 70px; }
 
.menu_bar {
	display:none;
}
 
header nav ul {
	float: right;
	overflow:hidden;
	list-style:none;
	padding-top:15px;
	margin-bottom:0;
	padding-right:20px;
}
 
header nav ul li {
	float:left;
}
 
header nav ul li a {
	font-family: 'Plus Jakarta Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    color: #fff !important;
	padding-left: 13px;
	padding-right: 13px;
	display:block;
	text-decoration:none;
}

a.selected { color: #fff; }
 
header nav ul li span {
	margin-right:5px;
}
 
header nav ul li a:hover {
	text-decoration: none;
	color: #A0B2D6;
}

/*Submenu*/
header nav ul li .children {
	position: absolute;
	display: none;
	z-index: 1000;
	background: #0D1942;
}

header nav ul li .children li {
	display: block;
	overflow: hidden;
	float: none;
	width: 100%;
	padding: 8px 15px;
}

header nav ul li .children li a {
	display: block;
}

header nav ul .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right: 0px;
	margin-left:10px;
}

header nav ul li:hover {

}

header nav ul li span {
	margin-right:10px;
}

header nav ul li .caret {
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 0;
}

a { color: #243F92; }
a:hover { color: #243F92; }

img.logo { max-width: 360px; }
.pre-header { width: 100%; 	height: 180px; background-image: url("../images/banner.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; background-blend-mode: luminosity; background-color: #fff;}
.pre-header-content { width: 80%; max-width: 100%; line-height: 23.8px; margin: 0 auto; }
.segl { text-align: left; width: 100%; }
.segl img { margin-top: 40px; width: 221px; }
.pre-header h1 { font-weight: 700; text-align: center; color: #ffd700; font-size: 30px; padding-top:40px; }

.container-index { padding-left: 60px; padding-right: 60px; width: 90%; }
.ins span { color:#333; font-size: 18px; font-weight: 500; }

.test-module { background: #fff; border-radius: 15px; padding: 15px; margin-top: 40px; box-shadow: 0px 2px 18px 0px rgba(36,63,146,0.1); }

.pregunta { padding:10px 15px; color: #000; font-weight:bold; color:#243F92 !important; }
.preguntaSpan { font-size: 18px; font-weight: bold;  }
.respuesta, .respuestaLast  { padding-bottom: 5px; }
.respuestaLast { }
.respuestaLabel { cursor: pointer; }
.respuesta label { font-size: 16px; width: 100%; margin-top: 2px; }
.respuesta:hover { }
.respuesta.selected { font-weight: bold; color:#243F92 !important; }
.respuesta.selected label { font-weight: bold; color:#000 !important; }
.respuesta.success { background-color:#beded1!important;  }
.respuesta.danger { background-color:#ddc1c1!important;  }
button, .back, input.payBtn, a.simButton { padding: 14px 35px; border-radius: 100px; border-width: 0; font-weight: 500; color: #fff; background-color: #243F92; font-size: 18px; }
a.simButton { text-decoration: none !important; }
.back-denied { font-size: 16px !important; }
button:hover, .back:hover { background-color: #192859; color:#fff; text-decoration: none; }

.red, .error { color: #E02B20; }
label.error { font-size: 15px !important; margin-top: 3px; margin-left: 30px; }
input.error { border: 1px solid #E02B20; }

.pay .title { font-weight: bold; font-size: 16px; color: #666; }

#main-footer { height: auto; width: 100%; margin-top: 40px; position:relative; z-index:1; color:#fff; font-family: 'Roboto Flex' !important; }
#main-footer .footer-content .info { background-image:linear-gradient(130deg,#0d1942 0%,#25356d 100%)!important;  padding:54px 0; position:relative; overflow:hidden; border-bottom:2px solid #666; }
#main-footer .footer-content .info div.logo-1 { margin-left:20px; }
#main-footer .footer-content .info div.block { margin-left:20px; margin-top:25px; }
#main-footer .footer-content .info span.title { color: #F6A316!important; font-size: 20px; font-weight: 700; margin-left:30px; }
.logo-footer { max-width:100%; width:150px; height:56px; }
div.block .text { font-size: 16px; }
div.block-title { font-weight:500; font-size:20px; padding-bottom:15px; }
a.footer-link { color:#fff !important; font-size:16px !important; margin-bottom:14px; float:left; position:relative; width:100%; }
#main-footer .footer-content .legal { width:100%; background-color:#0d1942!important; min-height: 60px; font-family: 'Roboto Flex' !important; color:#fff !important; font-size:14px !important; }
#main-footer .footer-content .legal div { float:left; background-color:#0d1942!important; }
#main-footer .footer-content .legal div:last-child { float:left; background-color:#0d1942!important; padding-right:30px; }
#main-footer .footer-content .legal div a { float:right; }
#main-footer .footer-content .legal span, #main-footer .footer-content .legal a { font-family: 'Roboto Flex' !important; color:#fff !important; font-size:14px !important; text-decoration: none; margin: 15px; float: left; }
#main-footer .footer-content .footer-text { width: 100%; margin: 10px auto 0; }
#main-footer .footer-content .footer-text div { width: 100%; margin: 0 auto; font-size: 14px; }
.title-centro-sm { display:none; margin-top:25px !important; }
.title-centro-sm .title { margin-left:0 !important; }

.pre-text { font-size: 19px; padding-bottom: 20px; margin:0 auto; width: 60% }
.register-form-title { padding: 10px 0; background: #333; color: #fff; font-weight: 700; width: 60%; margin: 0 auto; margin-top: 20px; }
.register-form { margin:0 auto; width: 80%; border-radius: 5px;  }
.image-pass { float: left; margin: 5px; }

#registerForm, #deliveryForm { text-align: center; }
#registerForm label, #deliveryForm label { font-weight: 700; font-size: 18px; min-width: 135px; }
#registerForm input, #deliveryForm input { padding: 11px; border-radius: 15px; border: 1px solid #dcdcdc; }
#registerForm select, #deliveryForm select { padding: 11px; border-radius: 15px; border: 1px solid #dcdcdc; color: #666; width: 90%; }
#registerForm div.form-group, #deliveryForm div.form-group { padding-bottom: 5px; }
#registerForm a, #deliveryForm a { color: #333; font-weight: bold; }

#updateForm { text-align: center; }
#updateForm label { font-weight: 700; font-size: 18px; min-width: 135px; }
#updateForm input { padding: 5px; }
#updateForm select { padding: 5px; }
#updateForm div.form-group { padding-bottom: 5px; }

.errors { font-size: 20px; }

.transfer {
    background: #666;
    padding: 25px;
    color: #fff;
    font-size: 19px;
    border-radius: 3px;
}

.box-grey {background: #dcdcdc; border: 1px solid #dcdcdc;}
.container-pay {}
.zone-pay { border-top: none; width: 35%; margin: 30px auto 60px; }
.zone-pay div.title { background-color: #333; padding:10px 15px; color: #fff; border-radius: 3px; font-size: 18px; }
.payment { padding: 20px 0; margin: 10px 0 10px; padding-left: 10px; border-radius: 6px; }
.payment label { font-weight: 700; color: #ccc; }
.payment input { margin-left: 20px; }
.payment img { margin-left: 20px; max-width: 130px; max-height:60px; }
.payment.selected { /*background: #bfc7e9; */ }
.pay-additional { padding-left: 20px; margin:10px 0; }
.pay-additional ul { margin-bottom: 30px; }
.pay-additional li { margin: 9px 0; list-style-type: none; }
.select1 img, .select2 img  { min-width: 220px; }
.select1 iframe {   }
.cuenta { margin: 20px auto; }
.cuenta span { font-weight: 700; font-size: 16px; }
.logo-bank  { max-width: 48px !important; }

.pay-box { background-color: #fff; padding:3vh; border-radius:10px; overflow:hidden; border-color: #243F92; box-shadow: 0px 2px 18px 0px rgba(36,63,146,0.1); }
.pay-box-title { color: #243F92; font-weight:700; font-size: 1.2em; font-family:'Plus Jakarta Sans',Helvetica,Arial,Lucida,sans-serif; margin-bottom: 9px; }
.pay-box-text { margin-bottom: 7px; }

.page-return { margin: 40px 0; }
.page-return a { font-size: 22px; }

.rgpd-check { padding-top: 20px; }
.aprobado-result { padding:30px 0; }
.exam-result { color:#243F92; font-weight:700;font-size:18px;  }
.h2-aprobado { font-size:26px; color:#000 !important; font-weight: 700; }
.h3-aprobado { color:green; font-size:20px; font-weight: 700; }

.btn-repeat { padding: 30px 0; }

.paypal-button-container { max-width: 95%; min-width: 50%; }

@media (max-width: 770px) {
	h1 { font-size: 1.5em; }
	.container-index { padding-left: 0; padding-right: 0; width: 90%; }
	.logo_container { display: none; }
	#logo { float:none; height: auto; }

	h4.panel-title { padding-bottom: 10px; text-align: center; }
	.menu-link { text-decoration: underline; font-size: 1em; cursor: hand; }

	.pre-text, .register-form, .register-form-title { width: 95%; }

	.container-pay { padding-left: 15px; padding-right: 15px; }
	.container-pay h1 {  }
	.container-pay h2 { font-size: 20px;  }
	.container-pay h3 { font-size: 15px; margin:20px 0; }
	.container-pay h4 { font-size: 20px; }
	.zone-pay { width: 100%; margin: 15px auto 60px; }
	.zone-pay div.title { font-size: 14px; }
	.payment { margin: 10px auto; width: 100%; }
	.payment label { font-size: 1em; }
	.pay-additional { text-align: center; padding-left: 0 }
	.pay-additional img { text-align: center; margin: 0 }
	.select1 img, .select2 img { max-width: 130px; min-width: 160px !important; }
	.pay-additional ul { margin-left: 10px; list-style: none; padding-left: 0; text-align: left;}
	.pay-additional li { width: 90%; }
	.cuenta { margin: 0 auto; width: 90%; padding: 10px;} 
	.logo-bank  { max-width: 48px !important; }
	.pay-additional button { margin: 20px 0; }
	.pay-additional img, .pay-additional button { margin-left: -10px; }
	.nav-footer { display: none; }
	.footer-text-1 { margin-bottom: 20px; }
}

@media (min-width: 768px) and (max-width: 900px) {
	.zone-pay { width: 65%; }
}

@media (min-width: 901px) and (max-width: 1284px) {
	.zone-pay { width: 45%; }
}

@media (min-width: 981px) {
	#header .container { width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px; }
}

@media only screen and (min-width: 981px) {
	/.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding: 15px 0 0 0; }
}

@media screen and (max-width:450px) {
	body { background-image:url(../images/background-movil.jpg)!important; background-position: 0 0; }

	.pre-header { height:105px; }
	.pre-header-content { width: 85%; max-width: 100%; line-height: 23.8px; margin: 0 auto; }
	.segl { text-align: center; width: 100%; }
	.segl img { margin-top: 40px; width: 135px; float: left; }
	.ins2 { display: none; }
	#logo { float:none; }

	.ins span { font-size: 16px; }

	.menu_bar .bt-menu { padding: 10px 20px !important; }
	.menu_bar span { padding-top: 0px !important; padding-right: 0px !important; font-size: 38px !important; }
	.image-pass { display: none; }

	.pre-text, .register-form, .register-form-title { width: 100% !important; }
	.container-index { padding-left: 0; padding-right: 0; width: 90%; }

	.page-description { text-align: center !important; font-size: 16px; }

	.register-form-title { margin-top: 0 !important; }
	.rgpd-check { margin-top: 0px !important; padding-top: 5px !important; }
	.aprobado-result { padding:30px 0 20px; }
	.btn-repeat { padding: 10px 0 30px !important; margin: 0 auto; }
	.btn-repeat button { font-size: 16px !important; }

	.notes { font-size: 15px; }

	h4.total-amount { color: #444; font-size: 18px; background-color: #f5f5f5 !important; padding:5px 0; }
	.pay-alumn, .title-alumn{width:100%;}
	.cuenta { margin-left: 0px !important; width: 100% !important; padding-left:0 !important; }
	.cuenta span { font-weight: 500; font-size: 14px; }
	.payment input { margin-left: 0px !important; }
	.logo-bank { margin-left:0 !important; }
	.pay-additional ul { margin-bottom: 15px; }
	.payment img{ margin-left: 30px; }
	.paypal-button-container { max-width: 95%; }

	#main-footer .footer-content .legal span, #main-footer .footer-content .legal a { width:100%; text-align:center; margin: 5px; }
	#main-footer .footer-content .legal div { padding-top: 12px; }
	#main-footer .footer-content .legal div:last-child { padding: 20px 0; }
	.title-centro { display:none; }
	.title-centro-sm { display:block; }
}

@media (min-width:450px) and (max-width:768px) {
	body { background-image:url(../images/background-movil.jpg)!important; background-position: 0 0; }
	p { margin-bottom: 0.4rem; }
	.pre-header { height:140px; }
	.segl img { margin-top: 40px; width: 165px; float: left; }

	.container-index { padding-left: 0; padding-right: 0; width: 90%; }
	.pre-text, .register-form, .register-form-title { width: 100% !important; }
	.image-pass { display: none; }
	
	.paypal-button-container { max-width: 95%; }

	#main-footer .footer-content .legal span, #main-footer .footer-content .legal a { width:100%; text-align:center; margin: 5px; }	
	.title-centro { display:none; }
	.title-centro-sm { display:block; }
}

@media screen and (max-width:1124px) {
	h2 { font-size: 24px; }
	.paypal-button-container { max-width: 90%; }
	.logo-desk { display: none; }
	img.logo { padding-left:20px; max-width: 118px; }
	.top-header .info { width: 100%; text-align: center; padding-top: 5px; }
	.top-header .info span { font-size: 11px;  }
	header { width: 100%;}
	div.img-pass { width: 100%; }
	#registerForm label, #deliveryForm label { width: 90%; text-align: left; }
	#registerForm input[type="text"], #registerForm input[type="email"], #deliveryForm input[type="text"], #deliveryForm input[type="email"] { width: 90%; }
	#updateForm input[type="text"] { width: 90%; }
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
		z-index: 1000;
	}
 
	header nav ul {
		float: none;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid #ccc;
	}

	header nav ul li a {
		padding: 20px;
		letter-spacing: 0px;
		font-weight: bold;
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#243F92;
		color:rgba(255,255,255,0.6);
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:30px;
		padding-top: 10px;
		padding-right: 15px;
	}

	header nav ul li:hover .children{
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
		overflow-y: auto;
		max-height: 500px;
	}

	header nav ul li .children li a{
		margin-left:5px;
	}

	header nav ul li .caret {
		float: right;
	}
	
	.pre-header-content { width: 85%; max-width: 100%; line-height: 23.8px; margin: 0 auto; }
	.segl { text-align: center; width: 100%; }
}

@font-face {
	font-family: 'FalconMasters';
	src:url('fonts/FalconMasters.eot?-ibh2ms');
	src:url('fonts/FalconMasters.eot?#iefix-ibh2ms') format('embedded-opentype'),
		url('fonts/FalconMasters.woff?-ibh2ms') format('woff'),
		url('fonts/FalconMasters.ttf?-ibh2ms') format('truetype'),
		url('fonts/FalconMasters.svg?-ibh2ms#FalconMasters') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'FalconMasters';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
	content: "\e604";
}
.icon-house:before {
	content: "\e622";
}
.icon-rocket:before {
	content: "\e650";
}
.icon-suitcase:before {
	content: "\e652";
}
.icon-earth:before {
	content: "\e654";
}
.icon-cross:before {
	content: "\e678";
}
.icon-list2:before {
	content: "\e696";
	color: #fff;
	width: 32px;
	height: 32px;
}

.icon-arrow-down6:before {
	content: "\e6d3";
}

@media (min-width: 981px) {
	.paypal-button-container { max-width: 55%; min-width: 50%; }
}