@charset "utf-8";
/* BarilocheWeb.com.ar  */

/* General Settings
================================= */
body{
	background-color:#F5F5F5;
	}
h1{
	margin:0px;
	padding:0px;
	font-size:50px;
	line-height:60px;
	}	
h2,h3,h4{
	margin:0px;
	padding:0px;
	font-size:35px;
	line-height:37px;
	margin-bottom:20px;
	}
hr{
	border: 0;
	height: 1px;
	background: #333;
	padding:0px;
	margin:10px 0px 10px 0px;
	}	

a:link,a:visited, a:hover, a:active, button, select, input, option{
	outline:none !important;
	}
	
.imargin{
	margin-right:5px;
	}	
	
.grisbg{
	background-color:#F5F5F5;
	}
.blancobg{
	background-color:#FFF;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
.imgbg{
	/*
	background: url('../images/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	*/
	background-color: #8a572a;
	background-image: url("../images/shley-tree-2.png");	
	}			
.white{
	color:#FFF;
	}

.thumb a{
	display:block;
	padding:8px;
	background-color:#FFF;
	/* border-radius:4px; */
	margin-bottom:25px;
	}
.thumb a img{
	width:100%;
}

p{
	font-size:17px;
	line-height:24px;
	}
.subtitulo{
	font-size:24px;
	margin-bottom:20px;
	}

.imgcircle1{
	width:100%;
	/* border-radius:500px; */
	border:8px solid #FFF;
	}
.imgcircle2{
	width:100%;
	/* border-radius:500px; */
	border:8px solid #F5F5F5;
	}			
	
.affix {
    width: 100%;
    top: 0;
	}
.affix + #slider {
    margin-top: 60px;
}

.form-control{
	background-color:#f5f5f5;
	}
.reloadCaptcha{
	text-decoration:none !important;
	}
.reloadCaptcha i{
	margin-right:5px;
	}
#map-canvas{
	height:278px;
	border-radius:4px;
	border:1px solid #CCC;
	margin-bottom:30px;
	z-index: 0;
	}
.estate-form{
	display:none;
	line-height:34px;
	}
#formContacto textarea{
	height:131px;}
.displayNone{
	display:none;
	}	
.reloadCaptcha{
	text-decoration:none;
	}	

/* Generales colores
================================ */
.footer a{
	color:#999;
	}
.navbar-default .navbar-toggle{
	background-color:#8a572a !important;
	border-color:#8a572a !important;
	color:#FFF !important;
	border:none !important;
	font-size:14px !important;
	line-height:14px !important;
	padding:9px 13px !important;
	}
.subtitulo{
	color:#8a572a;
}
.marron{
	color:#8a572a;
}

	
/* Overlay Preloader
================================= */
#overlaypreloader {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 10000;
    background-color: #FFF;
    color: #9b9b9b;
	padding-top:100px;
	font-size:11px;
	text-transform:uppercase;
	}
#overlaypreloader .loading{
	margin-top:15px;
	margin-bottom:15px;
	}

/* First Menu
================================= */
#firstmenu {
	font-size:11px;
	line-height:30px;
    height: 30px;
	background-color:#383838;
	color:#AAA;
}
#firstmenu a{
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;	
	color:#AAA;
	text-decoration:none;
	}
#firstmenu a:hover{
	color:#FFF;
	}	

.redessociales{
	display:inline-block;
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;

	}
.redessociales li{
	margin:0px;
	padding:0px;
	display:inline-block;
	}	
.redessociales li a i{
	margin:0px 7px;
	font-size:14px;	
	}
.navbar-header{
	position:relative;
	}
.logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	}	
.navbar-brand{
	text-indent:-1000px;
	}

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

#secondmenu{
	-webkit-box-shadow:0 5px 5px 0 rgba(34,34,34,.1);
	-moz-box-shadow:0 5px 5px 0 rgba(34,34,34,.1);
	box-shadow:0 5px 5px 0 rgba(34,34,34,.1);
	}
	
#secondmenu .navbar-nav{
	margin-top:10px;
	}
#secondmenu .navbar-nav li a{
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	padding:7px 16px;
	margin:3px 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
#secondmenu .navbar-nav li a{
	outline: 0 !important;
	}		
#secondmenu .navbar-nav li.active a{
	background-color:#8a572a;
	/* text-shadow: 0px 0px 6px rgba(73, 25, 5, 0.30); */
	}
	
/* Home
================================= */
#slider{
	-webkit-box-shadow: 0px 5px 5px 0px rgba(34, 34, 34, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(34, 34, 34, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(34, 34, 34, 0.1);
	margin-bottom:40px;
}
.carousel-control{
	top:50%;
	margin-top:-21px;
	height:42px;
	width:29px;
	font-size:14px;
	line-height:42px;
	text-shadow:none;
	color:#FFF;
	background-color:#8a572a;
	background-image:none !important;
	filter:none !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	opacity:.7;
	filter:alpha(opacity=70);
	}
.carousel-control.left{
	left:30px;
	}	
.carousel-control.right{
	right:30px;
	}
.carousel-control:focus{
	opacity:.7;
	filter:alpha(opacity=70);	
	}
.carousel-control:hover{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	}		
.carousel-indicators {
    position: absolute;
	bottom: -50px;
	list-style: none;
	text-align: center;
	}
.carousel-indicators li {
    display: inline-block;
	width: 9px;
	height: 9px;
	margin: 2px;
	text-indent: -999px;
	border: 1px solid #888;
	border-radius:9px;
	cursor:pointer;
	background-color: #888888;
	}
.carousel-indicators li.active {
    margin: 2px;
	width: 9px;
	height: 9px;
	background-color: #8a572a;
	border:1px solid #8a572a;
	}
.mapul li{
	margin-bottom:10px;
	}
.mapul li i{
	color:#8a572a;
	}	
	
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

.carousel-caption{
	position:absolute;
	left:10%;
	right:auto;
	top:20%;
	width:400px;
	bottom:auto;
	padding:0px;
	color:#fff;
	text-align:right;
	text-shadow:0 1px 2px rgba(0,0,0,0.6);
	}		
.caption1{
	display:block;
	font-size:32px;
	margin-bottom:10px;
}
.caption2{
	display:block;
	padding:10px 15px 20px 15px;
    background-color: rgb(56, 56, 56);
    background-color: rgba(56, 56, 56, 0.7);
	font-size:16px;
	line-height:20px;
}
.carousel-progress-bar {
    height: 5px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.5);
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
	text-align:left;
}
.carousel-progress-bar.animate{
    /* Transition time shorter to carousel's transition time */
    -webkit-transition: width 3.95s linear;
	-moz-transition: width 3.95s linear;
	-o-transition: width 3.95s linear;
	transition: width 3.95s linear;
}

/* Cabaña
================================= */
.hospedajen{
	display:block;
	color:#BBB;
	font-size:12px;
	margin-top:-15px;
	margin-bottom:15px;
	text-transform:uppercase;
}

/* Tarifas
================================ */
.tarifas .desde{
	display:block;
	text-transform:uppercase;
	color:#AAA;
	font-size:12px;
	min-height:55px;
	}
.tarifas ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-bottom:10px;	
	}
.tarifas ul li{
	display:block;
	margin:0px;
	padding:0px;
	background: url('../images/linea.gif') repeat-x 0px center transparent;
	font-size:14px;
	line-height:26px;
	}
.tarifas ul li span{
	display:inline-block;
	background-color:#FFF;
	font-size:14px;
	line-height:26px;
	padding-right:15px;	
	}		
.tarifas ul li .precio{
	display:inline-block;
	background-color:#FFF;	
	float:right;
	font-size:14px;
	line-height:26px;	
	padding-right:0px;	
	padding-left:15px;	
	}
	

/* Footer
================================= */
.footer{
	background-color:#222;
	background-color: #222222;
	color:#666;
	font-size:11px;
	padding-top:15px;
	padding-bottom:10px;
	}
.footer a{
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;	
	}
.titulofooter{
	line-height:30px;
	font-size:13px;
	text-transform:uppercase;
	}
.titulofooter span{
	color:#777;
	}	
	
.redessocialesfooter{
	display:inline-block;
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;

	}
.redessocialesfooter li{
	margin:0px;
	padding:0px;
	display:inline-block;
	}	
.redessocialesfooter li a i{
	margin:0px 7px;
	font-size:12px;
	padding:auto;
	}
.redessocialesfooter li a{
	color:#777;
	display:block;	
	background-color:#151515;
	height:24px;
	width:24px;
	border-radius:24px;
	text-align:center;
	line-height:24px;
	vertical-align:middle;
}
.redessocialesfooter li a:hover{
	color:#EEE;
}


.footer .diseno{
	float:right;
	}		
	
	
/* Media Queries
================================= */
@media screen and (max-width: 992px) {
	#secondmenu .navbar-nav li a{
		padding:7px 12px;
	}
	h1{
		font-size:40px;
		line-height:48px;
		}	
	h2,h3,h4{
		font-size:30px;
		line-height:36px;
		}	
	.subtitulo{
		font-size:20px;
		}
	.caption2{
		font-size:14px;
		line-height:18px;
	}
}

@media screen and (max-width: 767px) {
	#secondmenu .navbar-nav{
		padding-top:20px;
	}	
	.navbar-brand{
		padding-left:15px;
	}
	h1{
		font-size:20px;
		line-height:24px;
		}	
	h2,h3,h4{
		font-size:20px;
		line-height:24px;
		}
	.subtitulo{
		font-size:16px;
	}		
	p{
		font-size:14px;
		line-height:20px;
	}	
	.thumb a{
		padding:4px;
	}
	.redessocialesfooter{
		display:block;
		float:none;
		}
	.footer .diseno{
		display:block;
		float:none;
		margin-top:10px;
		}
	.carousel-caption{
		display:none;
	}
	#servicios .text-right{
		text-align:left;
		}
	#servicios .pull-right{
		float:left !important
		}
	.logo img{
		padding-left:15px;
		width:220px;
		}	
}
@media screen and (max-width: 480px) {

}




/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Zoom carousel Fer*/
.carousel-fade .carousel-inner img.imgtopright{
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	-webkit-transform-origin: top right;
	transform-origin: top right;	
	}
.carousel-fade .carousel-inner img.imgtopleft{
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;	
	}
.carousel-fade .carousel-inner img.imgbottomleft{
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;	
	}
.carousel-fade .carousel-inner img.imgbottomright{
	-moz-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;	
	}			
.carousel-fade .carousel-inner img{
  	-moz-transition: all 5s linear;
	-o-transition: all 5s linear;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;	
	}
.carousel-fade .carousel-inner .active img{
	-moz-transform: scale(1.05) rotate(0.0deg);
	-ms-transform: scale(1.05) rotate(0.0deg);
	-o-transform: scale(1.05) rotate(0.0deg);
	-webkit-transform: scale(1.05) rotate(0.0deg);
	transform: scale(1.05) rotate(0.0deg);	
	}