* { margin: 0; padding:0;  }
html { font-family: 'Open Sans'; }
body { font-size: 15px; color: #333; }
.container { position: relative; width: 100%; max-width: 100%; text-align: left; padding-right: 30px; padding-left: 30px; z-index:99; }
h1 { font-size: 28px; color: #444; }
h3 { 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: #2ea3f2; 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:80%;
	margin: 0 auto;
}
 
header nav {
	width:100%;
	background:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.logo-desk { width: 158px; padding-left: 30px; }
 
.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: #666;
	padding-left: 13px;
	padding-right: 13px;
	display:block;
	text-decoration:none;
	font-weight: 600;
	font-size: 15px;
	line-height: : 15px;
}

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

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

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

img.logo { max-width: 158px; }
.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: #0c71c3; font-size: 30px; padding-top:40px; }

.container-index { padding-left: 60px; padding-right: 60px; width: 90%; }
h2 { color:#0c71c3; font-weight: 500; size: 24px !important; }
.ins span { color:#0c71c3; font-size: 18px; font-weight: 500; }

.pregunta { background-color: #3287CC; 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: 8px; background: #f6f6f6; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-bottom: 8px; }
.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: #fff; background-color: #0C71C3; font-size: 18px;  }
.pay-now { padding-top:10px; }
button, .back { padding: 14px 35px; border-radius: 3px; border: 0; font-weight: 500; color: #fff; background-color: #0C71C3; font-size: 18px; }
.back-denied { font-size: 16px !important; }
button:hover, .back:hover { background-color: #095996; 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 { background-color: #3B8CCF; height: auto; width: 100%; margin-top: 40px; padding-bottom: 20px;}
#main-footer .info { text-align: center; margin: 0 auto; width: 80%; color: #fff; }
#main-footer .legal { padding:10px 0; text-align: center; }
#main-footer .legal a { font-weight: bold; font-size: 14px; color: #fff; text-decoration: none; }
#main-footer .footer-text { width: 100%; margin: 10px auto 0; }
#main-footer .footer-text div { width: 100%; margin: 0 auto; font-size: 14px; }

.pre-text { font-size: 19px; padding-bottom: 20px; margin:0 auto; width: 60% }
.register-form-title { padding: 10px 0; background: #3287CC; 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, #deliveryForm { text-align: center; }
#registerForm label, #deliveryForm label { font-weight: 700; font-size: 18px; min-width: 135px; }
#registerForm input, #deliveryForm input { padding: 5px; border-radius: 5px; border: 1px solid #dcdcdc; }
#registerForm select, #deliveryForm select { padding: 5px; }
#registerForm div.form-group, #deliveryForm div.form-group { padding: 8px; }
#registerForm a, #deliveryForm a { color: #333; font-weight: bold; }
input[type="submit"]:disabled {
  background: #dddddd;
}

#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: 60%; margin: 30px auto 60px; }
.zone-pay div.title { background-color: #3287CC; padding:10px 15px; color: #fff; border-radius: 3px; font-size: 18px; }
.payment { padding: 20px 0; border: 1px solid #3287CC; margin: 10px 0 10px; border-radius: 5px;padding-left: 10px; }
.payment label { font-weight: 700; 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; }

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

.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; 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-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: 13px; }
	.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: 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) {
	.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; 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%; }

	.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; }
	.paypal-button-container { max-width: 95%; }
}

@media (min-width:450px) and (max-width:768px) {
	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%; }
}

@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"], #registerForm input[type="email"] { 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:#fff;
		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;
		/*display: block;*/
		overflow-y: auto;
		max-height: 400px;
	}

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

	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%; }
	.image-pass {display: none;}
	.page-description { 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: #2ea3f2;
	width: 32px;
	height: 32px;
}

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

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