* { margin: 0; padding:0;  }
html { }
body { font-size: 15px; color: #191e34; font-family:'Open Sans', sans-serif; line-height: 1.7; }
.container { position: relative; width: 100%; max-width: 100%; text-align: left; padding-right: 30px; padding-left: 30px; z-index:99; }

/* Title */
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; }
h1 { font-size: 45px; color: #444; }
h2 { font-weight: 500; size: 42px !important; }
h3 { font-size: 20px;  }

/* Margins */
.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; }

/* Links */
a { color: #d35c58; }
a:hover { color: #d35c58; }
a.selected { color: #d35c58; }
a.legal-link { color: #bebebe; }

/* Buttons */
button, .back { padding: 10px 26px; border-radius: 25px; border: 0; color: #fff; background-color: #d35c58; font-size: 17px; letter-spacing: 0.02em; }
.back-denied { font-size: 16px !important; }
button:hover, .back:hover { font-weight: 500;}

/* Errors */
.errors { font-size: 20px; }

/* Icons */
.gp-icon { display: inline-flex; align-self: center; margin-top: 15px; }
.gp-icon svg { color: #fff; font-size: 16px; filter: invert(99%) sepia(54%) saturate(601%) hue-rotate(275deg) brightness(114%) contrast(100%); }
.about-us-icon svg { filter: invert(99%) sepia(54%) saturate(601%) hue-rotate(275deg) brightness(114%) contrast(100%); width: 1.4em; height: 1.4em; }

/* Pre-header */
.pre-header:before {
    content: "";
    background-image: url('../images/banner.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: inherit;
    opacity: 0.25;	
}

.pre-header {
	/*
    background-image: url('../images/banner.webp');
    background-repeat: no-repeat;
    background-position: 10% 20%;
    background-size: cover;
    position: relative;
    overflow: hidden;	
    */
	background-color: #282f38;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(182, 19, 19, 0.3));
    position: relative;
    overflow: hidden;    
    height: 480px;
}

/*
.pre-header:after {
    content: "";
    background-image: linear-gradient(90deg, rgba(39, 44, 69, 0.3), #282f38);
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
*/

.pre-header h1 {
	text-align: center;
    color: #fff;
    margin-top: 38px;
    margin-bottom: 38px;	
    font-size: 32px;
}

.pre-header h2 {
    text-align: center;
    color: #f7f7f7;
    font-size: 19px;
    padding-right: 90px;
    padding-left: 90px;
    margin-bottom: 20px;
    align-items: center;
    font-weight: 400;
}

.pre-header.aceptado { 
	height: 750px;
}

.inside-container {
    padding: 100px 40px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
}

/* Header */
header {
	width:100%;
	margin: 0 auto;
	background-color: #1e1e1e;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: transparent;	
}
 
header nav {
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	padding-right: 60px;
	background: transparent;
}

/* Logo */
.logo-desk { width: auto; height:40px; padding-left: 100px; }
img.logo { max-width: 158px; }
 
/* Nav mobile */
.menu_bar {
	display:none;
}
 
header nav ul {
	float: right;
	overflow:hidden;
	list-style:none;
	padding-top:15px;
	margin-bottom: 0;
}
 
header nav ul li {
	float:left;
}
 
header nav ul li a {
	color: #fff;
	padding-left: 13px;
	padding-right: 13px;
	display:block;
	text-decoration:none;
	font-weight: 500;
	font-size: 15px;
	line-height: : 15px;
	text-transform: uppercase;
}

header nav ul li span {
	margin-right:5px;
}
 
header nav ul li a:hover {
	text-decoration: none;
}

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

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 li .children li a:hover {
	color: #fff;
}

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

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

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

/* Container */
.container-index { padding-left: 60px; padding-right: 60px; width: 90%; }
.ins span { font-size: 18px; font-weight: 500; }

/* Test page */
.pregunta { background-color: #282f38; padding:10px 15px; color: #fff; border-radius: 3px; }
.preguntaSpan { font-size: 16px; font-weight: 400;  }
.respuesta, .respuestaLast  { border-top: 1px solid #dbdbdd; width: 100%; border-left: 1px solid #dbdbdd; border-right: 1px solid #dbdbdd; padding-top: 6px; background: #f6f6f6; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-bottom: 3px; }
.respuestaLast { border-bottom: 1px solid #dbdbdd; }
.respuestaLabel { cursor: pointer; }
.respuesta label { font-size: 16px; width: 100%}
.respuesta:hover { background-color: #bcbcc4; }
.respuesta.selected { background-color: #bcbcc4; font-weight: bold; }
.respuesta.success { background-color:#beded1!important;  }
.respuesta.danger { background-color:#ddc1c1!important;  }
input.payBtn { padding: 14px 35px; border-radius: 3px; border: 0; font-weight: 500; color: #d35c58; background-color: #333; font-size: 18px;  }
.pay-now { padding-top:10px; }

.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; }

/* Footer */
#main-footer { background-color: #191e34; height: auto; width: 100%; margin-top: 40px; padding-bottom: 20px; color: #e4e4e9; }
.pre-footer { background-color: #191e34; color: #fff; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.3)); position: relative; overflow: hidden; }
.pre-footer:before { content: ""; background-image: url('../images/vector_road.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; position: absolute; top: 0; right: 0; bottom: 0;
    left: 0; transition: inherit; opacity: 0.05; }
.inside-container-footer { padding: 80px 40px; max-width: 1300px; margin-left: auto; margin-right: auto; z-index: 1; position: relative; }

#main-footer h3 { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #f7f7f7; padding-bottom: 10px; margin-bottom: 30px; border-bottom-style: solid; border-bottom-width: 2px; border-color: #d35c58; display: inline-block; }
#main-footer p > span { font-size: 16px; padding-right: 10px; filter: invert(99%) sepia(54%) saturate(601%) hue-rotate(275deg) brightness(114%) contrast(100%); }
.adhesio { float: left; margin-left: 100px; }
.adhesio img {rotate: 270deg;}

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

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

#deliveryForm { text-align: center; }
#deliveryForm label { font-weight: 700; font-size: 18px; min-width: 135px; }
#deliveryForm input { padding: 5px; border-radius: 5px; border: 1px solid #dcdcdc; }
#deliveryForm select { padding: 5px; }
#deliveryForm div.form-group { padding-bottom: 5px; }
#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; }

/* Payment Page */
.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: 60%; margin: 30px auto 60px; }
.zone-pay div.title { background-color: #282f38; padding:10px 15px; color: #fff; border-radius: 3px; font-size: 18px; }
.payment { padding: 20px 0; border: 1px solid #282f38; margin: 10px 0 10px; border-radius: 5px;padding-left: 10px; }
.payment label { font-weight: 500; color: #ccc; }
.payment input { margin-left: 20px; }
.payment img { margin-left: 20px; max-width: 130px; }
.payment.selected { background: #dcdcdc; border: 1px solid #dcdcdc; }
.pay-additional { padding-left: 20px; margin:10px 0; }
.pay-additional ul { margin-bottom: 30px; }
.pay-additional li { margin: 9px 0; }
.select1 img, .select2 img  { min-width: 220px; }
.cuenta { margin: 20px auto; }
.cuenta span { font-weight: 700; font-size: 16px; }
.logo-bank  { max-width: 48px !important; }

.page-return { margin: 40px 0; }
.page-return a { font-size: 22px; }
.page-return a:hover { color:#fff; text-decoration: none; }

.rgpd-check { padding-top: 20px; }
.aprobado-result { padding:30px 0; }

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

.legal { display: flex; }

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

@media screen and (max-width:450px) {
	header nav {
		padding-left: 15px;
		padding-right: 15px;
		background: transparent;
	}

	/* Pre-header */
	.pre-header {
	    background-position: 10% 20%;
	    height: 400px;
	}

	.pre-header h1 {
		text-align: center;
	    margin-top: 20px;
	    margin-bottom: 20px;	
	    font-size: 24px;
	}

	.pre-header h2 {
	    font-size: 15px;
	    padding-right: 5px;
	    padding-left: 5px;
	    margin-bottom: 15px;
	    line-height: 20px;
	}


	.inside-container {
	    padding: 60px 0px 40px;
	    max-width: 1300px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#logo { float:none; max-height: 54%; height: 30px; }

	.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%; padding-top: 20px; }

	.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:15px 0 10px; }
	.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; }

	.footer-group { padding-bottom: 50px; text-align: center;	}
	.footer-group:last-child { padding-bottom: 0px;	}
	.copyright { margin-top: 0; padding-top: 25px; text-align: center; }	
	.adhesio { float: none; margin-top: 30px; margin-left: 0; }
	.adhesio img {rotate: none;}
	.legal { display: block; padding-top:20px; margin-top: 140px;  }
	.paypal-button-container { max-width: 95%; }

}

@media (min-width:450px) and (max-width:768px) {
	header nav {
		padding-left: 15px;
		padding-right: 15px;
		background: transparent;
	}

	/* Pre-header */
	.pre-header {
	    background-position: 10% 20%;
	    height: 500px;
	}

	.pre-header h1 {
		text-align: center;
	    margin-top: 45px;
	    margin-bottom: 45px;	
	    font-size: 26px;
	}

	.pre-header h2 {
	    font-size: 16px;
	    padding-right: 20px;
	    padding-left: 20px;
	    margin-bottom: 25px;
	}

	.pre-header.envioAceptado {
	    height: 550px !important;
	}

	.inside-container {
	    padding: 40px 0px;
	    max-width: 1300px;
	    margin-left: auto;
	    margin-right: auto;
	}

	p { margin-bottom: 0.4rem; }
	.pre-header { height:440px; }
	.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%; }
}

@media (min-width: 768px and max-width: 900px) {
	/* Pre header */
	.pre-header {
	    height: 470px;
	}	

	.pre-header.aceptado { 
		height: 850px;
	}

	.pre-header h1 {
		text-align: center;
	    margin-top: 60px;
	    margin-bottom: 60px;	
	    font-size: 28px;
	}

	.pre-header h2 {
	    font-size: 17px;
	    padding-right: 20px;
	    padding-left: 20px;
	    margin-bottom: 25px;
	}


	.inside-container {
	    padding: 40px 0px;
	    max-width: 1300px;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.paypal-button-container { max-width: 90%; }
	.pre-header.envioAceptado { 
		height: 520px;
	}		
}


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

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

	.pre-header.aceptado {
		min-height: 540px;
	}

	.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: 15px; margin-bottom: 15px;}
	.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; }

	/* Payment page */
	.pay-alumn, .title-alumn{font-size: 17px;}

	/* Footer */
	.ban { padding-top: 20px; float: left; width: 100%; }
	.legal { text-align: center; padding-bottom: 20px; }
}


@media screen and (max-width:900px) {
	.logo-desk { display: none; }
	img.logo { padding-left:20px; max-width: 160px; }
	div.img-pass { width: 100%; }
	#registerForm label { width: 90%; text-align: left; }
	#registerForm input[type="text"], #registerForm input[type="email"] { width: 90%; }

	#deliveryForm label { width: 90%; text-align: left; }
	#deliveryForm input[type="text"], #deliveryForm input[type="email"] { width: 90%; }

	#updateForm input[type="text"], #registerForm input[type="email"], #deliveryForm input[type="email"] { width: 90%; }
	
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
		z-index: 1000;
		background: #d35c58;
	}
 
	header nav ul {
		float: none;
	}

	header nav ul li {
		display:block;
		float:none;
	}

	header nav ul li a {
		padding: 20px;
		letter-spacing: 0px;
		font-weight: bold;
		color: #fff !important;
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background:transparent;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:transparent;
		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: 400px;
	}

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

	.pre-header.aceptado { 
		height: 1000px;
	}

	.pre-header.envioAceptado { 
		height: 620px;
	}		

}

@media (min-width: 900px) and (max-width: 1128px) {
	.pre-header.aceptado { 
		height: 890px;
	}		
	.pre-header.envioAceptado { 
		height: 520px;
	}		
}

@media (min-width: 981px) {
	#header .container { width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px; }
	/.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding: 15px 0 0 0; }
	.paypal-button-container { max-width: 55%; min-width: 50%; }
}