@charset "utf-8";
/* CSS Document */

/* ==========================================================================
  Generales
========================================================================== */

body {font-size: 14px; text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } 
.wow { visibility:hidden;}/*hack por problemas en firefox con wow animation*/
a {color:#457599; font-weight: 600;}
a:hover, a:active, a:focus {color:#457599;}

/* ==========================================================================
  Herramientas
========================================================================== */

.boxshadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.zoom {display: block; overflow: hidden;}
.zoom img { transform: scale(1); -webkit-transform: scale(1); 
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
-webkit-transition: all 2s; /* Safari */
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition-delay: 0s;}
.zoom:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:0.9;}
.overflow { overflow: hidden; }
.no-padding { padding: 0; }
.blancoynegro img {/*Se ven en Blanco y Negro*/
	filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);}
.blancoynegro img:hover {/*Se ven en Color*/
	filter: grayscale(0%); 	-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%);}
.text-shadow {text-shadow: 2px 2px 2px #000000;}  
textarea.form-control { height: auto; min-height: 120px;}
.section {padding: 40px 0;} 

/* ==========================================================================
  Carousel
========================================================================== */

.carousel-control.left {
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0001) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0000)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat: repeat-x;
}
.carousel-control.right {
 right: 0;
 left: auto;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.0)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat: repeat-x;
}

/* ==========================================================================
  Animate Delay 
========================================================================== */

.animate-delay-1 {animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s;}
.animate-delay-2 {animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s;}

/* ==========================================================================
  Languages
========================================================================== */

.icon-small{  height:auto;  margin:0;  padding:0;}
.icon-medium{  height:auto;  margin:0;  padding:0;}
.img-thumbnail {border:0; border-radius: 0;}

/* ------------------------------------------------------------------------------
   Preloader styles
-------------------------------------------------------------------------------*/

#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; overflow: hidden;}
#status {width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(ajax-loader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px;}


/* ==========================================================================
  Scroll to Top
========================================================================== */

.scroll-to-top{-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; background:#457599; border-radius:0px 0; bottom:10px; color:#fff;
  display:block; height:9px; opacity:0; padding:13px 0 35px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:999; border: solid 1px white;}
.scroll-to-top:hover{filter: alpha(opacity=100);opacity:1;}
a:hover#scrollToTop, a:focus#scrollToTop{color:#fff!important; text-decoration: none!important;}
.scroll-to-top.visible{filter: alpha(opacity=75);opacity:.75}

/* ==========================================================================
  Mapa 
========================================================================== */

.map-container {width: 100%;}
.map-container iframe{display: block; width: 100%; position: relative; 
/* IE needs a position other than static */ 
pointer-events: none;}
.map-container iframe.clicked{pointer-events: auto;}

/* ==========================================================================
  Placeholder
========================================================================== */

.buscador ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */}
.buscador ::-webkit-input-placeholder { /* WebKit, Blink, Edge */  color: #fff;  opacity: 1;}
.buscador :-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color: #fff;  opacity: 1;}
.buscador ::-moz-placeholder { /* Mozilla Firefox 19+ */   color: #fff;  opacity: 1;}
.buscador :-ms-input-placeholder { /* Internet Explorer 10-11 */   color: #fff;  opacity: 1;}
.buscador ::-ms-input-placeholder { /* Microsoft Edge */   color: #fff;  opacity: 1;}

/* ==========================================================================
  Text Selection
========================================================================== */

::selection {  background: #457599; color:#fff; /* WebKit/Blink Browsers */}
::-moz-selection {  background: #457599; color:#fff; /* Gecko Browsers */}
:-ms-selection {  background: #457599; color:#fff; /* Internet Explorer 10-11 */}
:-webkit-selection {  background: #457599; color:#fff; /*  WebKit, Blink, Edge */}

/* ==========================================================================
  $Html Lightbox Galery
========================================================================== */

#html5-watermark {display: none!important;} 
.lightboxcontainer {width:100%; text-align:left;}
.lightboxleft {width: 40%;float:left;}
.lightboxright {width: 60%; float:left;}
.lightboxright iframe {min-height: 390px;}
.divtext {margin: 36px;}


@media (max-width: 800px) {

  .lightboxleft {width: 100%;}
  .lightboxright {width: 100%;}
  .divtext { margin: 12px; }

}

/* ==========================================================================
  Parallax
========================================================================== */

.parallax { height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#parallax1 { background-image: url("../imagenes/parallax1.jpg");}
#parallax2 { background-image: url("../imagenes/parallax2.jpg");}
#parallax3 { background-image: url("../imagenes/parallax3.jpg");}
#parallax4 { background-image: url("../imagenes/parallax4.jpg");}
#parallax5 { background-image: url("../imagenes/parallax5.jpg");}
#parallax6 { background-image: url("../imagenes/parallax6.jpg");}
#parallax7 { background-image: url("../imagenes/parallax7.jpg");}
#parallax8 { background-image: url("../imagenes/parallax8.jpg");}
#parallax9 { background-image: url("../imagenes/parallax9.jpg");}
#parallax10 { background-image: url("../imagenes/parallax10.jpg");}
#parallax11 { background-image: url("../imagenes/parallax11.jpg");}
.parallax-text {
  margin: 15vh 8vw; 
  width: 80%; 
  text-align: center;
}
.full-click { background-color: rgba(41, 39, 34, 0.0); width: 100%; height: 100%; overflow: hidden; display: block;}

/* ==========================================================================
  Menu 
========================================================================== */

.navbar { margin-bottom: 0px; border: 0px solid transparent;}
.navbar {width: 100%;}
.navbar-brand {height: auto;}
.navbar-brand img {width: 100%;}
.logo {width: 20%;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { width: 100%;}

/* ==========================================================================
  Menu Responsive
========================================================================== */

.navbar-toggle { margin-top: 25px; margin-right: 15px; margin-bottom: 8px; background-color: #000; background-image: none; border: 0px solid transparent; border-radius: 0px;
 position:relative; float:right; padding:9px 10px;}
.navbar-toggle:focus { outline:0 }
.navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px }
.navbar-toggle .icon-bar+.icon-bar { margin-top:4px }

/* ==========================================================================
  Lazy Load
========================================================================== */

img.lazy { width: 100% !important; }
img.lazyload { width: 100% !important; }

/* ==========================================================================
  Supertop
========================================================================== */

.supertop { width: 100%; position: absolute; top: 0; z-index: 2; padding: 10px 0;}

/* ==========================================================================
  Logos
========================================================================== */

.flecha-izq {background-image: url(../imagenes/arrow-left3.png); background-repeat: no-repeat; background-position: center; width: 40px;
 height: 40px; background-size: 20%; padding: 10px; border: solid 1px #444; font-size: 0; position: absolute; top: 7vh; left: -50px; z-index: 9}

.flecha-der {background-image: url(../imagenes/arrow-right3.png); background-repeat: no-repeat; background-position: center; width: 40px; 
  height: 40px; background-size: 20%; padding: 10px; border: solid 1px #444; font-size: 0; position: absolute; top: 7vh; right: -50px;  z-index: 9}