/*
border-style: solid;
border-width: 1pt;
border-color: #000000;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  
  
   -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  
  
 font-family: 'Raleway', sans-serif;
 font-family: 'Open Sans Condensed', sans-serif;
 font-family: 'Grand Hotel', cursive;
  
*/




/* --- CONTENEDORES GENERALES ---*/

html {
  width: 100%;
  height: 100%;
  
  padding: 0pt;
  margin: 0pt;
}


body {
  width: 100%;
  height: 100%;
  
  padding: 0pt;
  margin: 0pt;
  background-color: #20295A;
}

#wrapper {
  width: 100%;
  height: 100%;

  padding: 0pt;
  margin: 0pt;
  
  font-family: 'Montserrat', sans-serif;
  
  overflow-x: hidden;
}


/* ----- termina CONTENEDORES GENERALES ---*/


/* ----- PORTADA ---*/

header {
  display: block;
  width: 100%;
  padding: 0pt;
  margin: 0pt;
  
  position: relative;
  top: 0pt;
  left: 0pt;
  
  background-color: transparent;
  
  /* ----- 
  -webkit-box-shadow: 0 0 10pt 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 10pt 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 10pt 0 rgba(0, 0, 0, 0.8);
  ---*/
  
  z-index: 2;
}


#btn_menu {
  display: none;
  
  position: fixed;
  top: 10pt;
  right: 5%;
  
  padding: 10pt;
  
  border-style: solid;
  border-width: 1pt;
  border-color: #20295A;
  
  background-color: #20295A;
  
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#btn_menu:hover,
#btn_menu:active {
  cursor: pointer;
  
  border-style: solid;
  border-width: 1pt;
  border-color: #ffffff;
  
  background-color: #20295A;
}


#btn_menu img {
  display: block;
  width: 28pt;
  height: 28pt;
  
  padding: 0pt;
  margin: 0pt;
}

#nav2 {
  display: none;
  width: 100%;
  height: 40%;
  padding: 20pt 0pt;
  margin: 0pt 0pt 0pt 0pt;
  
  position: fixed;
  top: 59pt;
  
  background-color: #ffffff;
}

#nav2 a {
  display: block;
  width: 60%;  

  padding: 10pt 40pt 10pt 10pt;
  margin: 0pt auto;
  
  text-align: center;
  
  color: #000000;
  font-size: 14pt;
  text-decoration: none;
  text-transform: uppercase;
}

#nav2 a:hover,
#nav2 a:active {
  border-style: solid;
  border-width: 0pt 0pt 2pt 0pt;
  border-color: #000000;
}


.logo_responsive {
  width: 20%;
  display: block;
  float: left;
  
  padding: 0pt;
  margin: 10pt 0pt 15pt 5%;
}

.logo_responsive img {
  width: 100%;
  height: auto;
  
  padding: 0pt;
  margin: 0pt;
}

.logo_responsive:hover,
.logo_responsive:active {
  border-style: none;
}





#nav1 {
  display: block;
  width: 100%;
  padding: 0pt;
  margin: 10pt 0pt 0pt 10%;
  
  text-align: center;
}

#nav1 a {
  display: inline-block;
  padding: 12pt 10pt;
  margin: 0pt;
  
  color: #ffffff;
  font-size: 11pt;
  text-decoration: none;
  text-transform: uppercase;
  
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#nav1 a:first-child {
  margin: 0pt 10pt 0pt 0pt;
}

#nav1 a:last-child {
  margin: 0pt 0pt 0pt 10pt;
}


#nav1 a:hover,
#nav1 a:active {
  color: #ffffff;
  border-style: solid;
  border-width: 0pt 0pt 2pt 0pt;
  border-color: #ffffff;
}


#nav1 a img {
vertical align: top;
}









.social_header {
  display: block;
  
  padding: 0pt;
  margin: 2% auto;
  
  text-align: center;
}


.social_header a {
  display: inline-block;
  padding: 0pt;
  margin: 0pt 10pt;
}

.social_header a:hover,
.social_header a:active {
  border-style: solid;
  border-width: 0pt 0pt 2pt 0pt;
  border-color: #ffffff;
}

.social_header a img {
  padding: 10pt;
  vertical-align: middle;
}




#bg_portada {
  display: block;
  width: 100%;
  height: 100%;
  
  padding: 0pt;
  margin: -70pt 0pt 0pt 0pt;

  text-align: center;
  
  background-image: url("../images/bg1.jpg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  
  overflow: hidden;
}




.portada {
  display: block;
  width: 40%;
  height: auto;
  
  padding: 30pt 0pt 40pt 0pt;
  margin: 5% auto;
  text-align: center;
  
  background-color: #FE6217;
}



.portada h1 {
  display: block;
  width: 80%;
  padding: 0pt;
  margin: 5% auto 0pt auto;
  
  color: #ffffff;
  font-size: 46pt;
  font-weight: 700;
}

.portada p {
  display: block;
  width: 70%;
  padding: 0pt;
  margin: 3% auto;
  
  color: #000000;
  font-size: 16pt;
  font-weight: 300;
  line-height: 1.6;
}



.btn_text {
  display: inline-block;
  padding: 10pt 40pt;
  margin: 2% 0pt;
  
  color: #000000;
  font-size: 12pt;
  font-weight: 600;
 
  text-transform: uppercase;
  text-decoration: none; 
  
  background-color: transparent;
  
  border-radius: 25px;
  border-style: solid;
  border-width: 2pt;
  border-color: #000000;
}

.btn_text:hover, 
.btn_text:active {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}



.btn_text2 {
  display: inline-block;
  padding: 10pt 40pt;
  margin: 2% 0pt;
  
  color: #ffffff;
  font-size: 12pt;
  font-weight: 600;
 
  text-transform: uppercase;
  text-decoration: none; 
  
  background-color: transparent;
  
  border-radius: 25px;
  border-style: solid;
  border-width: 2pt;
  border-color: #ffffff;
  
}

.btn_text2:hover, 
.btn_text2:active {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}


.btn_text img {
  display: inline-block;
  padding: 0pt; 
  margin: 0pt 10pt 0pt 0pt;
  
  vertical-align: middle;
}



/* ----- termina PORTADA ---*/




/* ----- MAIN ---*/

main {
  display: block;
  height: auto;
  padding: 0pt;
  margin: 0pt;
  text-align: center;
  
  background-color: #ffffff;
  
  /* background-image: url("../images/bg1.jpg"); 
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: position;
  */
}


.bg_contenido {
  display: block;
  width: 100%;
  padding: 60pt 0pt;
  margin: 0pt auto;
  
  background-color: rgba(255, 255, 255, 0);
}


main article {
  display: block;
  width: 80%;
  padding: 20pt 0pt;
  margin: 0pt auto;
  
  text-align: center;
  /*border: dotted;
  border-width: 2pt;
  border-color: #F6A400;*/
}

main article h1 {
  width: 90%;
  padding: 0pt 0pt;
  margin: 10pt auto;
  
  font-size: 60pt;
  font-weight: 900;
  color: #000000;
  
  text-transform: uppercase;
}

main article p {
  display: block;
  width: 80%;
  padding: 0pt;
  margin: 20pt auto;
  
  font-size: 16pt;
  color: #000000;
  font-weight: 300;
  line-height: 1.8;
  text-align: center;
}



/* ----- QUE HACEMOS ---*/

#servicios ul {
  display: block;
  width: 100%;
  list-style-type:none;
  margin: 0pt 0pt 0pt 0pt;
  padding: 0pt;
}

#servicios ul li{
  display: inline-block;
  width: auto;
  padding: 10pt 15pt;
  margin: 0pt 20pt 20pt 20pt;
  
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  
  vertical-align: top;
}

#servicios ul li:first-child{
  background-color: #DBEE0F;
}

#servicios ul li:nth-child(2){
  background-color: #FE6217;
}

#servicios ul li:nth-child(3){
  background-color: #09BFDC;
}

#servicios ul li:nth-child(4){
  background-color: #C154C1;
}


#servicios ul li h3 {
  display: block;
  width: 180pt;
  margin: 20pt auto;
  
  text-align: center;
  color: #ffffff;
  font-size: 20pt;
}

#servicios ul li p {
  display: block;
  width: 180pt;
  
  text-align: center;
  
  font-size: 13pt;
  color: #000000;
  line-height: 1.4;
}

#img_servicios {
 display: block;
  width: 80%;
  height: auto;
  
  padding: 0pt;
  margin: 40pt auto 0pt auto;
  
  vertical-align: middle;
}




/* ----- SOMOS ---*/

#equipo ul {
  display: block;
  width: 100%;
  list-style-type:none;
  margin: 0pt;
  padding: 0pt;
}

#equipo ul li{
  display: inline-block;
  width: auto;
  padding: 0pt;
  margin: 0pt 40pt 20pt 40pt;
  
  text-align: center;
  
   -webkit-transition-duration: 1s;
  transition-duration: 1s;
  
  vertical-align: top;
  
}

#equipo ul li div {
  display: block;
  width: 200pt;
  height: 250pt;
  overflow: hidden;
  background-color: #000000;
  
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

#equipo ul li div:hover,
#equipo ul li div:active {
  height: auto;
  cursor: pointer;
}

#equipo ul li img {
  display: block;
  width: 100%;
  height: auto;
}


#equipo ul li h3 {
  display: block;
  width: 200pt;
  height: auto;
  
  padding: 20pt 0pt; 
  
  text-align: center;
  
  color: #000000;
  font-size: 28pt;
  background-color: #DBEE0F;
}

#equipo ul li p {
  display: block;
  width: 160pt;
  margin: 0pt 20pt;
  
  text-align: center;
  
  font-size: 14pt;
  color: #000000;
  line-height: 1.4;
}

#img_equipo {
 display: block;
  width: 90%;
  height: auto;
  
  padding: 0pt;
  margin: 40pt auto 40pt auto;
  
  vertical-align: middle;
}




/* ----- FRASE ---*/

#frase {
  width: 100%;
  padding: 20pt 0pt;
  margin: 0pt;
  color: #000000;
  text-align: center;
  background-color: #DBEE0F;
}

#frase p {
  width: 80%;
  margin: 50pt auto;
  
  font-size: 20pt;
  line-height: 1.6;
}

#frase p span {
  color: #ffffff;
  font-weight: 600;
}



/* ----- termina FRASE ---*/



/* ----- VALORES ---*/

#destinos {
  display: block;
  width: 100%;
  height: 100%;

  padding: 0pt;
  margin: 0pt;

  background-color: #0d0d0d;
  text-align: center;
  
  background-image: url("../images/iad24.jpg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  
  overflow: hidden;
}

#destinos div {
   display: block;
   width: 40%;
   padding: 20pt 0pt 30pt 0pt;
   margin: 40pt 0pt 0pt 10%;
   background-color: #09BFDC;
}


#destinos div h1 {
  width: 70%;
  padding: 0pt;
  margin: 3% auto 4% auto;
  
  color: #000000;
  font-size: 30pt;
  font-weight: 600;
}

#destinos div h2 {
 width: 70%;
  padding: 0pt;
  margin: 10pt auto 5pt auto;
  
  color: #ffffff;
  font-size: 12pt;
  font-weight: 600;
  text-align: left;
}



#destinos div p {
  width: 70%;
  padding: 0pt;
  margin: 0pt auto;
  
  font-size: 12pt;
  color: #000000;
  font-weight: 300;
  line-height: 1.3;
  text-align: left;
}

/* ----- termina VALORES ---*/




/* ----- LOGROS ---*/

#section_op {
  width: 100%;
  padding: 10% 0pt;
  margin: 0pt 0pt 0pt 0pt;
  
  text-align: center;
  background-color: #f2f2f2;
  
  border-style: solid;
  border-width: 0pt;
  border-color: #e6e6e6;
}

#section_op h1 {
 width: 80%;
  padding: 0pt 0pt;
  margin: 30pt auto 20pt auto;
  
  font-size: 40pt;
  font-weight: 900;
  color: #000000;
  
  text-transform: uppercase;
  
  -webkit-animation-name: haciaIzquierda;
  animation-name: haciaIzquierda;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}


#section_op p {
  width: 65%;
  margin: 30pt auto;
  
  color: #000000;
  font-size: 16pt;
  line-height: 1.6;
}


#section_op p span {
  color: #09BFDC;
  font-size: 24pt;
}


/* ----- CONTACTANOS ---*/

#contactanos {
  display: block;
  width: 100%;
  height: 90%;
 
  padding: 6% 0pt 0pt 0pt;
  margin: 0pt;
  text-align: center;
  
  background-image: url("../images/vista.jpeg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
    
  overflow: hidden;
}

#contactanos .portada {
  background-color: #C154C1;
}

#contactanos h1 {
  width: 80%;
  padding: 0pt;
  margin: 10% auto 20pt auto;
  
  color: #ffffff;
  font-size: 36pt;
  font-weight: 600;
 
}

/* ----- termina CONTACTANOS ---*/




/* ----- CONTACTO ---*/

#contacto {
  display: block;
  width: 100%;
  padding: 0pt;
  margin: 0pt;
  
  text-align: center;
  
  background-color: #ffffff;
}


#contacto .logo {
  display: inline-block;
  width: 48%;
  padding: 0pt;
  margin: 0pt 0pt;
  
  -webkit-animation-name: haciaAbajo;
  animation-name: haciaAbajo;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}


#contacto .logo img {
  width: 120pt;
  height: auto;
  
  padding: 0pt;
  margin: 0pt;
}

#contacto div {
display: inline-block;
margin: 0pt auto;

text-align: center;
}

#contacto h3 {
  margin: 10pt 0pt;
  
  text-align: center;
  
  font-size: 32pt;
  font-weight: 600;
  color: #3F51B5;
}

#contacto h4 {
  text-align: center;

  font-size: 24pt;
  font-weight: 300;
}

#contacto p {
  text-align: center;
  
  font-size: 13pt;
}




/* ----- termina CONTACTO ---*/



/* ----- FOOTER ---*/

footer {
  display: block;
  width: 100%;
  padding: 20pt 0pt;
  margin: 0pt auto;
  
  text-align: center;
  
  background-color: #20295A;
}


.logo_footer {
  display: block;
  width: 240pt;
  
  padding: 0pt;
  margin: 10pt auto;
}

.logo_footer img {
  width: 100%;
  height: auto;
  
  padding: 0pt;
  margin: 10pt 0pt 0pt 0pt;
}


footer p {
  display: inline-block;
  width: 80%;
  padding: 0pt;
  margin: 5pt auto;
  
  color: #ffffff;
  font-size: 11pt;
  font-weight: 300;
  line-height: 1.8;
  
  -webkit-animation-name: haciaDerecha;
  animation-name: haciaDerecha;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}



footer p a{
  color: #ffffff;
}


/* ----- termina FOOTER ---*/







/* --------------PANTALLAS PEQUEÑAS----------------*/

/* --- pantallas con ancho máximo: 1024px--- */

@media screen and (max-width: 1024px)  {

.logo_responsive {
  display: inline-block;
  width: 30%;
  margin: 15pt 0pt 15pt 5%;
}


#nav1 {
  display: none;
}

#btn_menu {
  display: inline-block;
}

.portada {
  width: 80%;
}

.portada h1 {
  width: 90%;
  font-size: 36pt;
}

.portada p {
  width: 90%;
  font-size: 14pt;
}


.btn_text {
  padding: 5pt 20pt;
  font-size: 11pt;
}

.btn_text2 {
  padding: 5pt 20pt;
  font-size: 11pt;
}


main article {
  width: 100%;
}



main article h1 {
  width: 100%;
  font-size: 36pt;
}

main article p {
  font-size: 14pt;
}

#servicios ul li h3 {
  font-size: 18pt;
}

#servicios ul li p {
  font-size: 12pt;
}




#frase p {
  font-size: 16pt;
}

#destinos div {
   width: 60%;
   
   margin: 10pt 0pt 0pt 0pt;
   padding: 10pt 0pt;
}

#destinos div h1 {
   font-size: 20pt;
}

#destinos div h2 {
   width: 90%;
   font-size: 12pt;
}

#destinos div p {
  width: 90%;
  font-size: 11pt;
}


#contacto h3 {
  font-size: 30pt;
}

#contacto h4 {
  font-size: 20pt;
}

#contacto p {
  text-align: center;
  
  font-size: 12pt;
} 




}  /* ---TERMINA para ancho máximo: 1024px---*/



/* ---Pantalla ancho máx: 800px---*/
@media screen and (max-width: 800px)  {

.logo_responsive {
  display: inline-block;
  width: 40%;
}


.portada h1 {
  font-size: 32pt;
}

.portada p {
  font-size: 12pt;
}


main article h1 {
  width: 100%;
  font-size: 32pt;
}



#img_servicios {
  width: 100%;
}

#img_equipo {
  width: 100%;
}



#destinos div {
   width: 80%;
}


} /* ---TERMINA para ancho máximo: 800px---*/







/* ---Pantalla ancho máx: 600px---*/

@media screen and (max-width: 600px)  {




}  /* ---TERMINA para ancho máximo: 600px---*/







/* ---Pantalla ancho máx: 400px---*/

@media screen and (max-width: 400px)  {





}  /* ---TERMINA para ancho máximo: 400px---*/

/* -------------- PANTALLAS PEQUEÑAS ----------------*/