html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
vertical-align:baseline;}
table {
border-collapse:separate;
border-spacing:0;}
caption, th, td {
text-align:left;
font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";}
blockquote, q {
quotes:"" "";}
header, section, footer,
aside, nav, article, figure {
display: block;}
* { margin: 0;  }
html {
font-size: 110%; 
-webkit-text-size-adjust: 110%; 
-ms-text-size-adjust: 110%; }
@font-face {
font-family: gabriola;
src: url('../fonts/gabriola.ttf');}
body {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
color: #000;
padding:0;margin:0;
letter-spacing: 1px;
background-image: url("../images/fondo.png"); 
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;}
#wrapper {
position: relative;
width: 100%;
max-width: 1200px;
margin:0 auto;	
overflow: hidden; }
.center {
width: 100%;
max-width: 1200px;
min-height: 30px;  	
margin: 0 auto;}
header{
position: relative;
width: 100%;
margin: 0 auto;
height: 80px;
min-height:80px;
height: auto !important;
top: 0;
position: fixed;
z-index: 1000;
overflow: hidden;
background:#fff;}
header .hleft{
display: inline-block;
float: left;
width: 20%;
height: 80px;
min-height:80px;
height: auto !important;
padding-top: 5px;}
header h1{
font-family: 'gabriola', sans-serif;
text-align: right;
color: #333;
font-size:2.4em;
text-shadow:5px 1px 5px #ccc;
font-weight: bolder;
padding: 5px 10px;}
header .hcenter{
display: inline-block;
float: left;
width: 70%;
height: 80px;
min-height:80px;
height: auto !important;
margin-top: 10px;}
header .hright{
display: inline-block;
float: left;
width: 10%;
height: 80px;
min-height:80px;
height: auto !important;
padding-top: 25px;}
.menu{
position:  relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: 70px;
min-height:70px;
height: auto !important;
top: 90px;
position: fixed;
z-index: 1000;
overflow: hidden;
background:#0055D4;
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.16), 0 2px 4px 0px rgba(0,0,0,0.23);}
.menu .mleft{
display: inline-block;
float: left;
width: 70%;
height: 70px;
min-height:70px;
height: auto !important;}
.menu .mright{
display: inline-block;
float: right;
width: 30%;
height: 70px;
min-height:70px;
height: auto !important;}
.slider{
position: relative;
top:130px;
width: 100%;
height: 300px;
min-height:300px;
height: auto !important;
margin: 0 auto;
text-align: center;
overflow: hidden;}
#contenedor{
position: relative;
top: -70px;
width: 100%;
margin: 0 auto;
text-align: center;}
#contenedor .bloque{
display: inline-block;
width: 25%;
height:auto;
background-color: #0055D4;
border:5px solid #bfbfbf;
padding: 6px;
margin:25px;}
#contenedor .bloque:hover{
background-color: #bfbfbf;
border:5px solid #bfbfbf;}
#contenedor .bloque h2{
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.5em;
letter-spacing: 4px;} 
#contenedor .bloque h2:hover{
color: #333;}
footer{
width: 100%;
position:relative; 
margin-bottom: 0;
clear: both;
height: 100px;
min-height:100px;
height: auto !important;
background: #45484d;
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
color: #bfbfbf;
box-shadow: 0 2px 4px 0px rgba(132,132,132,0.16), 0 2px 4px 0px rgba(132,132,132,0.23);
padding: 20px 0;
overflow: hidden;
margin-top: 0;
font-size: .85em;}
footer .fleft{
display: inline-block;
float: left;
width: 27%;
padding:5px 40px 0 30px;
text-align: center;}
footer .fcenter{
display: inline-block;
float: left;
width: 27%;
padding: 5px 40px 0;
border-left:1px solid #3E454D;
border-right:1px solid #3E454D;}
footer .fright{
display: inline-block;
float: left;
width: 18%;
padding:5px 40px 0 30px;}
footer a{
color: #fff;
font-weight: normal;
text-decoration: none;}
footer a:hover{
color:#0b86ca;}
.contenido-ppl{
position: relative;
width: 100%;
height: 100px;
min-height:100px;
height: auto !important;
margin: 70px 0px;}
.contenido-ppl h3{
font-family: 'gabriola', sans-serif;
text-align: center;
color: #333;
font-size:2.5em;
text-shadow:5px 1px 5px #ccc;
font-weight: bolder;
padding-top: 5px;
margin-bottom: 50px;
line-height: 35px;}
.contenido-sec{
position: relative;
width: 100%;
height: 300px;
min-height:300px;
height: auto !important;
background:#202425;
background-image: url("../images/fondo.png"); 
background-repeat: no-repeat;
background-position: 50% 50%;
margin-top: 40px;
padding: 70px 0px;
color: #bfbfbf;}
.contenido-sec h3{
font-family: 'gabriola', sans-serif;
text-align: center;
color: #DADDDF;
text-shadow:5px 1px 5px #000;
font-weight: bold;
font-size: 2.2em;
margin-bottom: 35px;}
.contenido-int{
position: relative;
width: 100%;
height: 450px;
min-height:450px;
height: auto !important;
background:#fff;
background-image: url("../images/fondo.png"); 
background-repeat: no-repeat;
background-position: center center;
margin-top: 150px;
padding: 60px 0px;
background-attachment: fixed;}
.contenido-int .cleft{
display: inline-block;
float: left;
width: 45%;}
.contenido-int .cleft .popup-gallery{
margin-top: 10px;}
.contenido-int .cright{
display: inline-block;
float: right;
width: 50%;}
.contenido-int .ccenter{
display: inline-block;
width: 100%;
position:relative; 
margin-bottom: 0;
clear: both;
padding-top: 70px;}
.contenido-int .font{
text-align: center;}
.contenido-int h2{
text-align: center;
color: #0055D4;
font-size:1.8em;
text-shadow:5px 1px 5px #ccc;
font-weight: bolder;
padding: 25px 0;
margin-bottom: 25px;}
.centro{
text-align: center;
margin:10px auto;
font-weight: bolder;
font-size: 1.4em;}
a{
text-decoration: none;
color: #0055d4;
font-weight: bolder;}
p{
text-align: justify;
margin-top: 10px;}
/* ------------------ Logos redes sociales ---------------- */	
.spriteu { 
float: right;
margin-top:8px;
margin-right: 0px;
padding: 0 8px;}
.spriteu a{ 
background: url('../images/sprite-up.png') no-repeat; 
width: 37px; 
height: 36px; 
width: 100%; 
display: block;} 
.spriteu a:hover{
background: url('../images/sprite-up.png') no-repeat top left;
width: 37px; 
height: 36px; 
width: 100%; 
display: block;}
.spriteu div{
float:left;}
.spriteu.instagram a{ 
background-position: 0px 0px; width: 37px; height: 36px;} 
.spriteu.skype a{ 
background-position: -47px 0px; width: 37px; height: 36px;} 
.spriteu.linkedin a{ 
background-position: -94px 0px; width: 37px; height: 36px;} 
.spriteu.youtube a{ 
background-position: -141px 0px; width: 37px; height: 36px;} 
 .spriteu a:hover{
opacity: 0.7;}
.sprited { 
float: right;
margin-top:10px;
margin-right: 0px;
padding: 0 8px;}
.sprited a{ 
background: url('../images/sprite-down.png') no-repeat; 
width: 44px; 
height: 45px; 
width: 100%; 
display: block;} 
.sprited a:hover{
background: url('../images/sprite-down.png') no-repeat top left;
width: 44px; 
height: 45px; 
width: 100%; 
display: block;}
.sprited div{
float:left;}
.sprited.instagram a{ 
background-position: 0px 0px; width: 44px; height: 45px;} 
.sprited.skype a{ 
background-position: -54px 0px; width: 44px; height: 45px;} 
.sprited.linkedin a{ 
background-position: -108px 0px; width: 44px; height: 45px;} 
.sprited.youtube a{ 
background-position: -162px 0px; width: 44px; height: 45px;} 
.sprited a:hover{
opacity: 0.7;}
/* ------------------ Logos organismos aviacion---------------- */	
.spritea { 
padding: 10px 20px;
margin: 0 25px;}
.spritea a{ 
background: url('../images/sprite-authorities-small.png') no-repeat top center; height: 84px; width: 100%; 
display: block;} 
.spritea a:hover{
background: url('../images/sprite-authorities-small.png') no-repeat top center; height: 84px; width: 100%; 
display: block;}
.spritea div{
float:left;}
.spritea.logos-authorities a{ 
background-position: 0px 0px; width: 66px;} 
.spritea.logos-authorities2 a{ 
background-position: -106px 0px; width: 135px; height: 65px;} 
.spritea.logos-authorities3 a{ 
background-position: -281px 0px; width: 151px; height: 71px;} 
.spritea.logos-authorities4 a{ 
background-position: -472px 0px; width: 61px; height: 70px;} 
.spritea.logos-authorities5 a{ 
background-position: -573px 0px; width: 70px;}
.spritea.logos-authorities6 a{ 
background-position: -683px 0px; width: 78px; height: 89px;}
.spritea a:hover{
opacity: 0.7;}
/* ------------------ Idiomas ---------------- */	
.spritei { 
float: right;
margin-top:5px;
padding: 0 10px;}
.spritei a{ 
background: url('../images/sprite-idioma.png') no-repeat; 
width: 26px; 
height: 17px; 
width: 100%; 
display: block;} 
.spritei a:hover{
opacity: .5;}
.spritei div{
floit:left;}
.spritei.pago a{ 
background-position: -0px 0px; width: 26px; height: 17px;} 
.spritei.espanol a{ 
background-position: -36px 0px; width: 26px; height: 17px;} 
.spritei.ingles a{ 
background-position: -72px 0px; width: 26px; height: 17px;} 
.spritei a:hover{
opacity: 0.7;}
/* ------------------ Formulario de contacto ---------------- */	
#contact_form { 
width:90%;
margin:10px auto;}
#contact_form span{
color:#0055D4;
font-size: 1em;
padding-bottom: 10px;}
#ff label { 
cursor:pointer;
margin:5px 0;
display:block;
font-weight:800;
font-size: 18px;
text-align: left;}
input, textarea, select { 
display:block;
width:90%;
background-color:#f9f9f9;
color:#000;
border:2px solid #ccc;
padding:10px;
margin:0 0 20px 0;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-size: 13px;}
select{
padding: 10px;
width: 50%;}
input:focus,
textarea:focus,
select:focus {
outline:0;
background:#ddd;}
input:hover,textarea:hover,select:hover {
outline:0;
background:#ddd;}
fieldset{
width: 100%; }
legend{
font-weight:bolder;}
#boton, .boton{
margin: 0 auto;
display: block;
background-color: #0055D4;
padding:10px;
width: 250px;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
font-weight: bolder;
font-size: 16px;
margin-bottom: 20px;
margin-top: 20px;
cursor: pointer;}
#boton:hover, .boton:hover{
background:#202425;
color:#fff;}
/* ------------------ Menu principal ---------------- */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;}
.clearfix:after {
clear: both;}
.clearfix {
*zoom: 1;}
nav {
position: relative;
display: inline-block;
width: 100%;
height: 35px;
font-size: .85em;
font-weight: 700;
z-index: 100;}
nav ul {
padding: 0;
margin: 0 auto;
width: 100%;
padding-top: 15px;
padding-left: 10px;}
nav li {
display: inline;} 
nav a {
color: #fff;
text-shadow:1px 1px #333;
display: inline-block;
width: 140px;
text-align: center;
text-decoration: none;
line-height: 35px;
text-transform: uppercase;
margin-right: 5px;}
nav li a {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
nav li:last-child a {
border-right: 0;}
nav li a:hover, .current{
color: #333;
text-shadow:1px 1px #ccc;
background:#f5f5f5;
border:3px solid #ccc;}
nav a#pull {
display: none;}
/* ------------------ Scroll Avance de pagina ---------------- */	
.scrolltop {
background-image: url("../images/scroll.png");
background-repeat: no-repeat;
bottom: 20px;
display: none;
height: 48px;
left: auto;
overflow: hidden;
padding: 17px 16px;
position: fixed;
right: -15px;
top: auto;
width: 48px;
z-index: 9999;}
.scrolltop span{
color: #000;
margin-top: -25px;
text-shadow:1px 1px #ccc;}
/* ------------------ Banderas ---------------- */	
.nbs-flexisel-container {
position:relative;
max-width:95%;
margin: 0 auto;
padding-bottom: 70px;}
.nbs-flexisel-ul {
position:relative;
width:99999px;
margin:0px;
padding:0px;
list-style-type:none;   
text-align:center;}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
position:relative;
line-height:0px;}
.nbs-flexisel-item img {
width: 100%;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width:100px;
max-height:50px;
opacity: 1;}
.nbs-flexisel-item img:hover {
opacity: 0.7;	}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 22px;
height: 22px; 
position: absolute;
z-index: 100;
opacity: 0.5;
cursor:pointer;}
.nbs-flexisel-nav-left {
left: 10px;
background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {
right: 5px;
background: url(../images/button-next.png) no-repeat;}

@media screen and (max-width: 768px) {
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;}
header, .menu{
position: relative;}
header .hleft{
display: block !important;
width: 100% !important;
max-width: 100% !important;}
header .hleft img{
width: 70%;
height: auto;
margin: 0 70px;}
header .hcenter{
display: block !important;
width: 90% !important;
max-width: 90% !important;}
header .hright{
display: block !important;
width: 10% !important;
max-width: 10% !important;
padding-top: 5px;}
.spritei{
margin-bottom: 10px;}
header h1{
font-size: 1.8em;
line-height: 28px;}
.slider{
top: -75px;}
#camera_wrap .camera_caption {
font-size: .7em;}
#contenedor{
margin-top: 0px;}
#contenedor .bloque{
height: 30px;
width: 80%;
margin-bottom: 10px;}
#contenedor .bloque h2{
font-size: 1.2em;
padding-top: 3px;	}
.spritea{
margin-bottom: 10px;}
#wrapper{
margin-top: -100px;}
.contenido-ppl h3{
font-size: 2em;	
line-height: 30px;
top:-20px;}
.contenido-sec{
top: 30px;}
.contenido-ppl p, .contenido-sec p, .contenido-int p, footer p{
padding: 0px 25px;}
.contenido-int{
margin-top: -20px;}
.contenido-int h2{
font-size: 1.5em;}
.spriteu{
display: none;}
footer .fleft, footer .fcenter, footer .fright, .menu .mleft, .menu .mright, .contenido-int .cleft, .contenido-int .cright{	
padding: 0;
display: block !important;
width: 100% !important;
max-width: 100% !important;}
footer p, footer img{
text-align: left;}
footer .fleft{
margin-top: 10px;}
footer .fcenter{
margin:20px 0 20px 0;}
footer .fright{
margin-bottom: 30px;}
.sprited{
float: left;
margin-left: 10px;}
}

@media screen and (max-width : 680px) {
footer{
font-size: .85em;}
.menu{
top: 0px;
background:none;
box-shadow: none;}
nav{
text-align: left;
height: auto;	
font-size: .9em;}
nav ul {
width: 100%;
display: block;
height: auto;
padding-left: 0;	}
nav li {
width: 50%;
float: left;
position: relative;
background:#0055d4;}
nav li a {
box-shadow: none;	}
nav li a:hover, .current{
border:none;}
nav a {
padding: 0;
text-align: left;
width: 100%;
text-indent: 25px;
border-radius:0px;}
}

@media only screen and (max-width : 480px) {
nav {
border-bottom: 0;	}
nav ul {
height: auto;	}
/*
nav a#pull {
display: block;
background-color: #0055d4;
width: 100%;
position: relative;
border-radius: 0;
color: #fff;
font-size: 1.4em;
letter-spacing: 10px;
padding: 7px;
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.16), 0 2px 4px 0px rgba(0,0,0,0.23);}
nav a#pull:after {
content:"";
background: url('../images/menu.png') no-repeat;
width: 24px;
height: 24px;
top: 13px;
right: 35px;
display: inline-block;
position: absolute;}
*/
header{
height: 10px;
min-height:10px;
height: auto !important;}
.spriteu{
margin-top: -5px;}
header h1{
text-align: center;}
#contenedor .bloque{
display: none;}
}

@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;}
nav li a {
border-bottom: 1px solid #5c5c5c;}
}