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

/* General Settings
================================= */
body{
	color:#333;
	background: url("../images/bg_white.png") repeat #FAFAFA;
	}
h1,h2,h3,h4,h5,h6,.h1,.h2{
	
	font-family: 'Open Sans', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	padding:0px;
	margin:12px 0px 22px 0px;
	}
h1 span, .h1 span, h2 span, .h2 span{
	color:#9baf3b;
	}	
a:link,a:visited, a:hover, a:active, .btn{
	outline:none !important;
	}
.btn{
	padding: 8px 12px;
}
p{
	font-size:16px;
	line-height:33px;
	}
.displaynone{
	display:none;
	}
.form-status{
	display:none;
	line-height:38px;
}	
.estate-form{
	display:none;
	line-height:34px;
}
.form-control{
	box-shadow:none !important;
	min-height: 38px;
	}
.form-control:focus {
    border-color: #9baf3b;
    /* box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); */
    }	
#container1{
	margin-top: 90px;
	padding:0px;
	}	
.line{
	position:relative;
	height:1px;
	line-height:1px;
	background-color:#DDD;
	margin-top:50px;
	margin-bottom:25px;
	}	
.line i{
	position:absolute;
	font-size:35px;
	line-height:50px;
	width:50px;
	height:50px;
	border-radius:50px;
	text-align:center;
	background-color:#FBFBFB;
	color:#CCC;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:-25px;
	}
.estate-form{
	line-height:34px;
	}	
	
/* Overlay Preloader
================================= */
#overlaypreloader {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 10000;
   	background: url("../images/bg_white.png") repeat #FAFAFA;
    color: #333;
	padding-top:120px;
	}
.loaderpng{
	margin-top:20px;
	}

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

.navbar-default{
	background: url('../images/bg_white.png') repeat 0px 0px #FAFAFA;
	font-size:15px;
	/*border-bottom:1px solid #383838 !important;*/
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.35);	
	}
.navbar-brand{
	display:none;
	}	
.nav-menu li a {
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	padding-left:25px;
	padding-right:25px;
	}
.nav-menu li.active  {
	background: url('../images/selected.png') center bottom no-repeat;
	}


.navbar-default .navbar-nav > li > a {
    color: #555;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #9baf3b;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #9baf3b;
}    



.navbar-toggle{
	border-color: #9baf3b !important;
	background-color:#9baf3b !important;
	color:#FFF !important;
	padding:5px 10px;
	border-radius:3px;
	font-size: 14px;
	}
.navbar-collapse {
    border-top: 1px solid #f4f4f4 !important;
}

	
/* CAROUSEL
================================= */
#loteosj{
	/*
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.30);
	*/
	}
#loteosj img{
	width:100%;
	}
#loteosj .slider-redondel{
	position:absolute;
	top:40px;
	right:12%;
	z-index:12;
	width:240px;
	height:240px;
	opacity:0.9;
	}

	
.carousel-caption {
	display:inline-block;
	text-shadow:none;
	font-family: 'Open Sans', sans-serif;
	text-align:left; 
	left:15%;
	bottom:110px;
	/*letter-spacing:2px;*/
	}
.carousel-caption .caption1{
	font-size:27px;
	color:#333;
	background-color:#FFF;
	opacity:0.9;
	display:inline-block;
	padding:5px 15px;
	border-radius:4px;
	margin-bottom:10px;
	}
.carousel-caption .caption2{
	font-size:19px;
	color:#fafafa;
	background-color:#9baf3b;
	opacity:0.9;
	display:inline-block;
	padding:5px 15px;
	border-radius:4px;
	}		
.carousel-control{
	font-size:17px;
	top:50%;
	margin-top:-17px;
	height:34px;
	width:34px;
	line-height:34px;
	text-shadow:none;
	background-color:#9baf3b;
	filter:none !important;
	background-image:none !important;
	color:#eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	opacity:.9;
	filter:alpha(opacity=90);
	text-align:center;
	color:#FFF;
	z-index:10;
	}
.carousel-control:hover,.carousel-control:focus{
	outline:none;
	color:#fff;
	text-decoration:none;
	opacity:.9;
	filter:alpha(opacity=90)
	}
.carousel-control.left{
	left:5%;
	}	
.carousel-control.right{
	right:5%;
	}
.carousel-indicators li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px 5px;
	text-indent:-999px;
	border:1px solid #383838;
	border-radius:10px;
	cursor:pointer;
	background-color:#535d73 \9;
	background-color:#383838;
	}
.carousel-indicators .active{
	margin:0 3px;width:12px;height:12px;background-color:#FAFAFA;
	}
.onda_slider{
	width:100%;
	z-index:15;
	}

/* CARACTERISTICAS	
========================= */	
.caracteristicas{
	border:5px solid #9baf3b;
	border-radius:6px;
	background: url("../images/bg_white.png") repeat #FAFAFA;
	text-align:center;
	padding-bottom:10px;
}
.caracteristicas span{
	display:block;
	font-family: 'Open Sans', sans-serif; 
	color:#9baf3b;
	font-size:27px;
	line-height:70px;
}
.caracteristicas img{
	width:100%;
	margin-bottom:10px;
	}
.caracteristicas p{
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight:600;
	}	
.bloque{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#FFF;
	background-color:#9baf3b;
	border-radius:4px;
	padding:10px 15px;
	margin-top:40px;
	}	
.seguridad{
	text-align:center;
	}
.seguridad span{
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:1px;
	background-color:#d7ae2e;
	color:#FAFAFA;
	font-size:14px;
	padding:5px 20px;
	border-radius:4px;
	margin-top:20px;
	margin-bottom:40px;
	}

	
/* UBICACION	
========================= */	
#map-canvas{
	height:400px;
	width:100%;
	}
#map-plano{
	overflow:hidden;
	height:400px;
	width:100%;
	}
#map-plano img{
	height:400px;}	
	
/* AVANCES	
========================= */
.avancesBox:hover{
	text-decoration:none !important;
	}	
.avancesBox{
	display:block;
	margin-bottom:25px;
	text-decoration:none !important;
	}
.avancesImg{
	width:100%;
	margin-bottom:10px;
	}
.avancesBox p{
	text-align:left;
	font-size:14px;
	line-height:24px;
	
	}
	
/* SERVICIOS	
========================= */
.ulServices{
	padding-left:0;
	list-style:none;
	}
.ulServices li{
	font-size:15px;
	line-height:40px;
	margin-bottom:20px;
	}
.ulServices li i{
	font-size:24px;
	text-align:center;
	width:50px;
	line-height:40px;
	height:40px;
	background-color:#e6e6e6;
	color:#666;
	border-radius:3px;
	margin-right:5px;
	}

	
/* Jcarousel
/* Carousel */
.jcarousel-wrapper {
    position: relative;
	}
.jcarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
	}
.jcarousel ul {
    position: relative;
    width: 20000em;
    margin: 0;
    padding: 0;
    list-style: none;
	}
.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	 -o-box-sizing: border-box;
    		box-sizing: border-box;
	}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/* Carousel Controls */
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    text-align: center;
    background: #9baf3b;
    color: #fff;
    text-decoration: none;
    /* text-shadow: 0 0 1px #000;*/
    font-size: 14px;
    line-height: 34px;
	border-radius:4px;
	}
.jcarousel-control-prev {
    left: 15px;
	}
.jcarousel-control-next {
    right: 15px;
	}
.jcarousel-control-prev:hover,.jcarousel-control-prev:focus,
.jcarousel-control-next:hover,.jcarousel-control-next:focus {
	color:#FFF;
	}

/* CONTACTO
================================= */
.inmobiliarias{
	position:relative;
	}
.inmobiliarias .i1{
	position:absolute; 
	top:35%; 
	color:#9baf3b;
	right:20px; 
	}
.inmobiliarias .i2{
	position:absolute; 
	top:35%; 
	color:#9baf3b;
	left:20px; 
	}		
.modal-body{
	background: url("../images/bg_white.png") repeat #FAFAFA;
	}
.estate-form{
	display:none;
	line-height:34px;
	}

	
/* Admin 
================================= */
.adminrow{
	margin-bottom:20px;
	}
.adminrow img{
	width:100%;
	}	
.atool{
	display:inline-block;
	margin-right:15px;
	font-size:12px;
	}
.atool i{
	padding-right:4px;
	}
#newimage{
	display:none;
	}
.uladmin{
	display:inline-block;
	}
.uladmin li a{
	text-align:left;
	width:100%;
	margin-bottom:10px;
	min-width:200px;
	}	


/* Masterplan
================================= */
#masterplancontainer{
	position:relative;
	}
#masterplancontainer img{
	width:100%;
	}	
#masterplancontainer .marker{
	position:absolute;
	display:block;
	font-size:1px;
	line-height:1px;
	background-image:url("../images/marker.png");
	background-position:0px 0px;
	background-color:transparent;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	width:20px;
	height:26px;		
	margin-left:-10px;
	margin-top:-26px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;	
	}
#masterplancontainer .marker:hover{background-position:0px -26px;}		
#masterplancontainer .vendido{background-position:0px -52px;}
#masterplancontainer .vendido:hover{background-position:0px -78px;}
#masterplancontainer .reservado{background-position:0px -104px;}
#masterplancontainer .reservado:hover{background-position:0px -130px;}					
#modal-masterplan .modal-header{
	background-color:#9BAF3B;
	color:#FFF;
	font-size:16px !important;
	font-weight:300 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#modal-masterplan .modal-header button{
	color:#FFF;	
	}
.referencia0{
	display:block;
	line-height:15px;
	margin-bottom:5px;
	}
.referencia0 i{
	display:inline-block;
	float:left;	
	width:15px;
	height:15px;
	background-color:#008000;
	margin-right:10px;
	}
.referencia1{
	display:block;	
	line-height:15px;
	margin-bottom:5px;	
	}
.referencia1 i{
	display:inline-block;
	float:left;
	width:15px;
	height:15px;
	background-color:#E13C00;
	margin-right:10px;
	}
.referencia2{
	display:block;	
	line-height:15px;
	margin-bottom:5px;	
	}
.referencia2 i{
	display:inline-block;
	float:left;
	width:15px;
	height:15px;
	background-color:#ffd800;
	margin-right:10px;
	}			


/* CAROUSEL
================================= */
#footer{
	background-color:#222;
	font-size:13px;
	color:#eee;
	padding-top:15px;
	padding-bottom:15px;
	}

#footer span{
	color:#9baf3b;
}

#footer a{
	color:#eee;
}
.onda_footer{
	width:100%;
	}
.redsocial{
	float:right;
	text-decoration:none;
	color:#D2D2D4 !important;
	margin: 0px 10px 0px 0px;
	}
.redsocial:hover{
	text-decoration:none;
	color:#9baf3b !important;
	}
 
/* Back-to-top
================================= */
.back-to-top {
    position: fixed;
    bottom: 0px;
    left: 20px;
    text-decoration: none;
    color: #FFF;
    background-color: #9baf3b;
    font-size: 12px;
    padding: 10px 15px;
    display: none;
  	border-top-left-radius: 3px;
   	border-top-right-radius: 3px;
	}

/* WhatsappButton
================================= */
.whatsappbutton{
	display:inline-block;
	position: fixed;
    bottom: 15px;
	right:15px;
	z-index:9999;
	}
.whatsappbutton i{
    color: #FFF;
    background-color: #009039;
	width: 44px;
	height: 44px;
	line-height: 44px !important;	
	font-size:18px;
	text-align:center;
	border-radius: 50%;
	}	
.whatsappbutton:hover i{    
    background-color:#D7AE2E;
	color:#FFF;
	}	




/* Only for Carousel Caption
================================= */
@media screen and (min-width: 991px) and (max-width: 1199px) {
	#loteosj .slider-redondel{
		width:150px;
		height:150px;
	}
}


/* Media Queries
================================= */
@media screen and (max-width: 992px) {
	.navbar-default {
	    font-size: 14px;
	}	

	#masterplancontainer .marker{
		background-image:url("../images/markersm.png");
		width:15px;
		height:20px;		
		margin-left:-7.5px;
		margin-top:-20px;
		}
	#masterplancontainer .marker:hover{background-position:0px -20px;}		
	#masterplancontainer .vendido{background-position:0px -40px;}
	#masterplancontainer .vendido:hover{background-position:0px -60px;}	
	#masterplancontainer .reservado{background-position:0px -80px;}
	#masterplancontainer .reservado:hover{background-position:0px -100px;}		

	.nav-menu li a {
	padding-left:7px;
	padding-right:7px;
		}
	#loteosj .slider-redondel{
		width:120px;
		height:120px;
		}
	.carousel-caption {
		bottom:90px;
		}
	.carousel-caption .caption1{
		font-size:20px;
		margin-bottom:10px;
		}
	.carousel-caption .caption2{
		font-size:15px;
		}
	.caracteristicas p{
		font-size:15px;
		min-height:140px;
	}	
	
}

@media screen and (max-width: 767px) {
	#footer{
		padding-bottom:50px;
	}

	#masterplancontainer .marker{
		background-image:none;
		background-color:#008000;
		width:6px;
		height:6px;
		border-radius:50%;		
		margin-left:-3px;
		margin-top:-3px;
		}
	#masterplancontainer .marker:hover{background-position:0px 0px;}		
	#masterplancontainer .vendido{background-color:#e13c00; background-position:0px 0px;}
	#masterplancontainer .vendido:hover{background-position:0px 0px;}
	#masterplancontainer .reservado{background-color:#ffd800; background-position:0px 0px;}
	#masterplancontainer .reservado:hover{background-position:0px 0px;}	


	#logo{
		padding-left:15px;	
		}
	.navbar-collapse{
		border-top:1px solid #383838 !important;
	}
	.nav-menu li.active  {
		background:none;
	}
	.line{
		display:none;
		}
	#loteosj .slider-redondel{
		display:none;
		}
	.carousel-indicators li{
		display:none;
	}
	.carousel-caption{
		display:none;
		}
	.back-to-top{
		display:none;
		}	
		
	#loteosj{
		margin-bottom:-2px;
		}
	#footer{
		margin-top:-2px;
		}	
	.caracteristicas p{
		min-height:inherit;
	}
	.margenInput{
		margin-top:15px;
	}
	.nav-menu li a {
		padding-left:15px;
		padding-right:15px;
		}
	.redsocial{
		margin-top:5px;
		display:block;
		float:none;
		}	
}

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

}