/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

html, body {
	height:auto;
	min-height:100%;
	margin:0;
	background-color:#37301e;
}
#info{
	position:absolute;
	width:100%;
	top:100%;
	}
a{
	cursor:pointer !important;
}
a:hover{
	text-decoration:none !important;
}
/*
	===========================================================================
	BARRA DE NAVEGACIÓN
	===========================================================================
*/
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,0);
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:12px;
    background-color: #f3f1e4;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 25px 15px;
}
.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #37301e;
}

.navbar-custom .nav li.active {
    outline: none;
    background-color: #37301e;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	background-color:#f3f1e4;
	margin-right:3px;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: #37301e;
	color: #FFF;
}

.navbar-brand img{
	display:block;
	width:200px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all.5s ease-in-out;
    transition: all .5s ease-in-out;
	}

.top-nav-collapse .navbar-brand img{
	display:block;
	width:140px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all.5s ease-in-out;
    transition: all .5s ease-in-out;
	}
@media(min-width:992px) {
    .navbar {
        padding: 30px 0;
        border-bottom: 0;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #f2f0e4;
    }
	.top-nav-collapse #logo {
        background:url(../images/logo-inv.png) no-repeat;
		background-size:100% auto;
    }
}
@media(max-width:992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-brand img{
		display:block;
		width:140px;
	}
	.navbar-brand #logo{
		background:url(../images/logo-inv.png) no-repeat;
		background-size:100% auto;
		width:170px;
	}
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding:0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: rgba(255,255,255,0);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media(min-width:992px) {
	.dropdown-menu {
	  text-align: right;
	}
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  font-size:12px;
  letter-spacing:normal;
  line-height: 1.42857143;
  color: #FFF;
  white-space: nowrap;
  
}
.navbar-custom .nav li .dropdown-menu a {
	background-color:#37301e;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #FFF;
  text-decoration: none;
  background-color: #f5f5f5;
}
.navbar-custom .nav .dropdown-menu li a:hover,
.navbar-custom .nav .dropdown-menu li a:focus,
.navbar-custom .nav .dropdown-menu li a.active {
    outline: 0;
    background-color: #453d27;
}
/*
	===========================================================================
	PAGINA INICIO
	===========================================================================
*/

/* Estilos generales
*/
#info-central a,
#info-secundaria a{
	color:#37301e;
	}
#info-central a:hover,
#info-secundaria a:hover,
#info-central a:focus,
#info-secundaria a:focus{
	color:#8e6600;
	}
em{
	display:inline-block;
	position: relative;
	}
em:before,
em:after{
	content:"\022";
	display:inline-block;
	}
#caja-destacada,
#info-central,
#info-secundaria,
#pie{
	padding:70px 0;
	position:relative;
	}
#caja-destacada{background-color:#FFF;}
#info-central{background-color:#e2dfcf;}
#info-secundaria{background-color:#d7d3bd;}
#pie{background-color:#37301e;}

#info-central,
#info-secundaria{
	color:#666; 
	}
#pie{ 
	color:#FFF; 
	text-shadow:0 1px 1px rgba(0,0,0,.5);
	-moz-text-shadow:0 1px 1px rgba(0,0,0,.5);
	-webkit-text-shadow:0 1px 1px rgba(0,0,0,.5);
	}
#pie .container{
	position:relative !important;
	}
#pie a.toTop{
	position:absolute;
	top:-70px;
	right:0;
	text-shadow:none;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	color:#FFF;
	opacity:.2;
	display:block;
	background-color:#000;
	padding:10px 17px;
	font-size:18px;
	transition: opacity ease-in-out .3s;
	-moz-transition: opacity ease-in-out .3s;
	-ms-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	}
#pie a.toTop:hover{
	opacity:.5;
	transition: opacity ease-in-out .3s;
	-moz-transition: opacity ease-in-out .3s;
	-ms-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	}
#logo{
	width:180px;
	height:58px;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-style:normal;
	text-transform: uppercase;
	margin-bottom:30px;
	}
.btn {
  display: inline-block;
  padding: 20px 40px;
  margin-bottom: 0;
  font-size: inherit;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform:uppercase;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: none;
  border-radius: 0px;
}
.btn-normal {
  color: #fff;
background: #6c1616; /* Old browsers */
background: -moz-linear-gradient(top,  #6c1616 0%, #5c1313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c1616), color-stop(100%,#5c1313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c1616 0%,#5c1313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c1616 0%,#5c1313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c1616 0%,#5c1313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c1616 0%,#5c1313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c1616', endColorstr='#5c1313',GradientType=0 ); /* IE6-9 */
  border-bottom:solid 5px #4a0202;
}
.btn-normal:hover,
.btn-normal:focus,
.btn-normal:active {
  color: #fff;
  background-color: #871313;
}
@media(max-width:992px) {
	.break{ display:block; height:50px; clear:both;}
}
/* Slide Top
*/
.captionSlide{
	position:absolute;
	bottom:50%;
	margin-bottom:-120px;
	font-size:300%;
	}
.captionSlide h1{
	font-size:200%;
	letter-spacing:-2px;
	color:#FFF;
	text-shadow:0 2px 2px rgba(0,0,0,.7);
	-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);
	-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7);
	}
.captionSlide h1 strong{
	font-weight:800;
}

/* Pie
*/
#pie a.social-btn{
	color:#FFF !important;
	display:block;
	width:40px;
	height:40px;
	font-size:150%;
	background-color:#876a41;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position: relative;
	text-align:center;
	line-height:40px;
	}
#pie a.social-btn:hover,
#pie a.social-btn:focus{color#FFF}
#pie a{
	color:#FFF;
	}
#pie a:hover,#pie a:focus{
	color:#e2dfcf;
	}
/*
	===========================================================================
	ESTILOS PARA SECCIONES
	===========================================================================
*/
#topCarousel{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	}
#topCarousel.topSitio{
	width:100%;
	height:300px !important;
	/**/
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment:fixed;
	}
@media(min-width:1200px) {
	#topCarousel.topSitio{
		background-size:100% auto;
	}
}
@media(max-width:992px) {
	#topCarousel.topSitio{
		background-size:auto 300px;
	}
	#info.topSitio{
		position:absolute;
		width:100%;
		top:300px;
	}
}
#info.topSitio{
	position:absolute;
	width:100%;
	top:300px;
	}
#topCarousel.topSitio .captionSlide{
	position:absolute;
	bottom:50%;
	margin-bottom:-90px;
	}
.captionSlide h1.titulo-secc{
	font-size:120%;
	letter-spacing:-1px;
	color:#FFF;
	text-shadow:0 2px 2px rgba(0,0,0,.7);
	-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);
	-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7);
	}
/* top imagenes para las secciones */
#topCarousel.pg-quilquihue{
	background-image:url(../gallery/slide-top/quilquihue.jpg);
	}
#topCarousel.pg-parcelas{
	background-image:url(../gallery/slide-top/parcelas.jpg);
	}
#topCarousel.pg-foresta{
	background-image:url(../gallery/slide-top/foresta.jpg);
	}
#topCarousel.pg-sma{
	background-image:url(../gallery/slide-top/sma.jpg);
	}
#topCarousel.pg-contemplacion{
	background-image:url(../gallery/slide-top/contemplacion.jpg);
	}
#topCarousel.pg-rio-de-rios{
	background-image:url(../gallery/slide-top/rio-de-rios.jpg);
	}
#topCarousel.pg-quienes{
	background-image:url(../gallery/slide-top/quienes.jpg);
	}
#topCarousel.pg-contacto{
	background-image:url(../gallery/slide-top/contacto.jpg);
	}
#topCarousel.pg-plano{
	background-image:url(../gallery/slide-top/plano.jpg);
	}
/*
	===========================================================================
	PAG CONTACTO
	===========================================================================
*/
form{
	background-color:#d7d3bd;
	padding:12px;
	}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f3f1e4;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.alert{
	margin:0;
	padding:0;
	font-weight:normal !important;
	font-style:italic;
	color:#F00;
	}
.btn-social{
	padding: 10px 26px;
	margin-bottom:15px;
	}
.btn-social i{
	display:inline-block;
	width:0px;
	height:0px;
	vertical-align:middle;
	padding:20px;
	background-color:rgba(0,0,0,.2);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-right:7px;
	font-size:18px;
	position:relative;
	box-shadow:inset 0 3px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 3px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 3px 0 rgba(0,0,0,0.1);
}
.btn-social i:before{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	margin-top:-9px;
}
.btn.btn-facebook{
	background: #22599a;
  	border-bottom:solid 5px #174173;
	}
.btn.btn-twitter{
	background: #00b7f5;
  	border-bottom:solid 5px #0089bf;
	}
.btn.btn-youtube{
	background: #e43a35;
  	border-bottom:solid 5px #d11c21;
	}
/*
	===========================================================================
	PAG UBIBACIÓN
	===========================================================================
*/
#mapa{
	padding:0;
	height:600px;
	}
@media(max-width:768px) {
	#mapa{
		height:350px;
	}
}