@charset "UTF-8";
/* CSS Document */
body {  background: #fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; width:100%; color:#666;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label { position:relative;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
h1, h2, h3 { font-weight:normal; text-transform:uppercase;}
li { list-style:none;}
a { outline:none; text-decoration:none; cursor: pointer;}
a img { border:none;}
header, nav, section, footer, hgroup { display:block; position:relative;}
header { width:100%; position:fixed; top:0; background:#fff; z-index:2; box-shadow:0 10px 15px -18px #000; border-bottom:3px solid #3190e0; }
header a.mainLogo { width:30%; padding-top:22px; display:block; margin:0 auto;}
header a.mainLogo img { max-width:100%;}
.topNav { width:100%;}

/*Banderas*/
.topNav ul.langList { width:34px;padding:27px 0 10px 87%; overflow:hidden; display:none;}
.topNav ul.langList li { width:29px; float:left; margin-right:5px;}
.topNav ul.langList li.engFlag { display:none;}
.topNav ul.langList li a { width:100%; display:block; height:15px;}
.topNav ul.langList li a span { display:none;}
.topNav ul.langList li.espFlag a { background: url( ../images/espanol.jpg) no-repeat top center;}
.topNav ul.langList li.engFlag a { background: url( ../images/ingles.jpg) no-repeat top center;}
.topNav ul.langList li a:hover { background-position:bottom center; opacity:.5;}

/*Menu Principal*/
.topNav .navHolder { width:90%; margin:0 auto; padding-top:10px;}
.topNav .navHolder ul.topMenu {  width:100%;}
.topNav .navHolder ul.topMenu li { width:auto; display:inline-block;}
.topNav .navHolder ul.topMenu li a { display:block; color:#766253; text-transform:uppercase; height:33px; line-height:33px;font-size:12px; padding: 0 8px;}
.topNav .navHolder ul.topMenu li a:hover, .topNav .navHolder ul.topMenu li.topSelected a { background-color:#3190e0; border-radius:10px 10px 0 0; color:#fff;}

/*Responsive Top Menu*/
.clearfix:before,
.clearfix:after {content: " ";display: table;border-radius:0;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
nav a#pull { display:none;}

/*Content*/
.contentHolder, .slider, .bxslider, .bxslider li, .slider li a, .slider li img, .contentIMG, .contentIMG img { width:100%;}
.contentIMG img { display:block;}
.contentHolder { padding:116px 0 0; z-index:1;}
.slider { max-width:1300px; margin:0 auto; width:100%; padding-bottom:20px;}
.homeP .slider { padding:0;}

/*Inner Pages*/
.pageContent { width:100%; max-width:1024px; margin:0 auto; overflow:hidden;}
.pageContent > article { width:94%; margin:0 auto; padding-bottom:35px;}
.mapHolder {padding:20px 0;width:100%;}
.mapHolder iframe {   box-shadow: 0 50px 10px -40px #dedede;}
.mapHolder small { width:100%; display:block; padding-top:10px;}
.mapHolder small a { display:inline-block;border-radius:5px; padding:5px; color:#fff; width:100px;background:#036eb7; text-align:center;  }
.mapHolder small a:hover { background:#090;}
.pageContent hgroup { width:100%; padding:15px 0;}
.pageContent h1 { width:100%; font-size:28px;}
.pageContent h2, .pageContent h3 { font-size:30px; padding:0 0 20px; }
.pageContent h3 { font-size:20px; color:#f36b24; }
.pageContent h3 a, .pageContent .productDesc p a { color:#036eb7;}
.pageContent h3 a:active, .pageContent h3 a:hover, .pageContent .productDesc p a:active, .pageContent p a:hover {color:#090;text-decoration:underline; }
.pageContent p { padding-bottom:12px; text-align:justify; line-height:30px;}


/*List style*/
.productContent ul { width:100%;}
.productContent ul li { width:98%; padding:0 0 10px 2%; text-align:left;background:url(../images/blue-dot.png) no-repeat left 8px;}
.productContent ul li h2 { font-size:20px;}

/*Photo Holder*/
.productContent ul.photoHolder { width:100%;}
.productContent ul.photoHolder li { width:19.5%; display:inline-block; vertical-align:top; padding:0 0 5px; background-image:none;}
.productContent ul.photoHolder li a, .productContent ul.photoHolder li a img { display:block; width:100%;}
.productContent ul.photoHolder li a:hover img { transition: all linear .3s; transform:scale(1.1,1.1 );  z-index:333; box-shadow:0 0 6px #000;}
.picTXT { width:94%; position:absolute; bottom:5px; padding:5px 3%; background-color:rgba(0,0,0,.7); color:#fff; font-size:12px;}

/*Special Listing*/
.productContent ul.specialList { width:100%;}
.productContent ul.specialList li { display:inline-block; vertical-align:top; font-size:24px; width:auto; padding:0 15px 15px; background-image:none;}

/*Bottom Gallery*/
.bottomGallery, .bottomGallery ul { width:100%; overflow:hidden;}
.bottomGallery ul {border:solid #3190e0; border-width:3px 0;}
.bottomGallery ul li { width:25%; float:left;}
.bottomGallery ul li a, .bottomGallery ul li a img { width:100%; display:block;}

/*Footer*/
footer { padding:30px 3% ;  width:94%;}
.footerMenu { width:100%; overflow:hidden;}
.footerMenu ul { width:100%; border-right: 1px solid #919090;}
.footerMenu li {padding:6px 0; display:inline-block; vertical-align:top; margin:0 5px;}
.footerMenu li a { color:#fff; padding:2px 4px;}
.footerMenu li a:hover, .footerMenu li.footerSelected a { color:#fff; background:#f36b24; border-radius:5px;}

/*Footer text*/
.footerTXT {padding:20px 0; }
.footerTXT p { font-size:14px; color:#fff; padding-bottom:10px;}
.footerTXT p a {color:#fff;}
.footerTXT p a:hover { color:#090; text-decoration:underline;}

/*Contacto*/
#mapContact { height:300px; width:100%;}
.contactP .productContent p.label { font-size:20px;}
.contactP  .productContent p.singleLink a { left:50px;}

/*Videos*/
.productContent ul.videoHolder { width:100%; padding:40px 0;}
.productContent ul.videoHolder li { width:45%; display:inline-block; vertical-align:top; margin:0 2%;  background-image:none; padding:0;}
.productContent ul.videoHolder li embed, .videoHolder li iframe { width:100%!important; }
.productContent ulvideoHolder li h2 { font-size:16px;}

/*Intro Box*/
.introBox p { font-weight:bold; color:#000; text-align:center;}

/* GENERAL*/
/*brown*/
.pageContent h1 span, .pageContent h2, .pageContent h3,  .contactHolder li p.label, .productContent ul.specialList li {color:#766253;}

/*Blue*/
.pageContent h1, .pageContent h2 span, .contactP .labelBlue { color:#3190e0;}
.ctaBlue a, .footerMenu li a:hover, .footerMenu li.footerSelected a { background-color:#3190e0;}

/*Dark blue*/
footer { background-color:#44647f;}

/*Call to action*/
.ctaBlue { width:100%; position:absolute; bottom:-20px;}
.ctaBlue a { width:300px; padding:10px 0; display:block; color:#fff; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; font-size:20px; text-align:center; margin:0 auto;}
.ctaBlue a:hover { background:#090;}
.innerPcta { position: relative; bottom: 0;}
.innerPcta a { display: inline-block; vertical-align: top;}
.wow { width:100%;}
h1, h2, h3, .topNav .navHolder ul.topMenu li a, .footerMenu li a, .contactP p, .productContent ul.specialList li {font-family: 'avenirBlack';}

/*Imagen a la izquierda*/
.leftIMG { width:100%; overflow:hidden;}
.leftIMG img, .leftIMG h2, .leftIMG p { width:20%; float:left;}
.leftIMG h2, .leftIMG p { width:75%; padding-left:5%; }
.leftIMG h2 {text-align:left;}

/*Tours page*/
.packageBox { width:96%; padding:2%; background:#f1f1f1; border:1px solid #dedede; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.packageBox h2 { text-align:left; font-size:18px;}

/*Payment Opions*/
.paymentOption { position:fixed; right:20px; top:30px; z-index:999;}
#showOptions { width:100%; color:#fff; background:#3190e0; font-size:14px; padding:10px; cursor:pointer; box-shadow:0 0 10px -10px #666; transition:all linear .2s;}
#showOptions:hover { background:#090;}
.paymentHolder { width:90%; background-color:#dedede; color:#666; line-height:22px; padding:5%;}
.paymentHolder h2, .paymentHolder p { width:100%; font-size:14px; padding-bottom:10px; text-align:left;}
.paymentHolder h2 { font-size:14px; color:#000; }
.paymentHolder p.ctaBlue { position:relative; bottom:0;}

@media screen and (max-width:1400px)
{
header { width:90%; height:auto; position:fixed; top:0; background:#fff; z-index:888; padding:0 5% 10px; box-shadow:0 10px 15px -18px #000; left:0;}
.topNav .navHolder { width:96%}
.topNav .navHolder ul.topMenu li { padding-bottom:5px;}
.topNav .navHolder ul.topMenu li a { font-size:12px;}
.topNav .navHolder ul.topMenu li a:hover, .topNav .navHolder ul.topMenu li.topSelected a { border-radius:6px;}
.contentHolder { padding:131px 0 0;}
}
@media screen and (max-width:1020px)
{
header { width:100%; box-shadow:0 10px 15px -18px #000; padding:0 0 10px; position:relative; left:0;}
header a.mainLogo { width:40%; float:none; padding-top:24px; margin:0 auto;}

/*Responsive Top Menu*/
nav a#pull {width: 100%;height:43px; display: block; text-indent: 25px;background:#3190e0; border-radius:10px; line-height:43px; color:#fff; text-align:left;}
nav a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}

.topNav .navHolder ul.topMenu { height:auto; width:98%; margin:0 auto;display:none;}
.topNav .navHolder ul.topMenu li { width:50%;float:left;border-bottom:1px solid #ededed;}
.topNav .navHolder ul.topMenu li a:hover, .topNav .navHolder ul.topMenu li.topSelected a { border-radius:0;}

.topNav { width:100%; float:none; height:auto;}
.topNav .navHolder { margin:0 auto;}
.topNav .navHolder ul.topMenu { width:100%; float:none; height:auto; text-align:center;}
.topNav .navHolder ul.topMenu li:last-child { border:none;}
.contentHolder { width:100%; padding: 0;}

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

.footerMenu li { margin:0; width:100%;}

/*contact form*/
.contactoNav li img { width:100%;}
.formItems li input { padding:10px 4%;}
.footerMenu .footerContact, .footerMenu .footerList { text-align:center;}
}
@media screen and (max-width:767px)
{
.pageContent h2, .pageContent h3 { font-size:20px;}
.pageContent > article img {  max-width:70%; padding-bottom:20px;}
.leftIMG img, .leftIMG h2, .leftIMG p { width:100%; float:none;}
.leftIMG h2, .leftIMG p { padding:0 0 15px 0;}
.productContent ul li { width:94%; padding:0 0 10px 6%; background-position: left 5px;}
.productContent ul li h2 { font-size:16px;}

.productContent ul.specialList li { width:100%;  padding:0 0 10px 0; text-align:center;}
.productContent ul.photoHolder li a, .productContent ul.photoHolder li a img { max-width:100%;}
.productContent ul.videoHolder li, .productContent ul.contactHolder li { width:100%; margin:0; padding:0; padding-bottom:20px;}
.productContent ul.contactHolder li .formContent .formLink input { width:100%;}

}
@media screen and (max-width:480px)
{
header a.mainLogo { width:50%;}

/*Responsive Menu*/

.topNav .navHolder ul.topMenu { border-radius:0;height:auto; width:98%; margin:0 auto;}
.topNav .navHolder ul.topMenu li { width:100%;float:none;}
.bx-controls { display:none;}
/*Footer*/
footer { position:relative;}
.footerMenu { width:100%; float:none; overflow:hidden;}
.ctaBlue a { width:50%; padding:5px 0;}
}
@media screen and (max-width:320px)
{
	.topNav ul.langList { padding:10px 0; top:-100px;}

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

}