body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}
.onlyresp{
    display:none !important;
}
.fullHeight {
    height: 100vh;
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
}
.formulario{
	position: absolute;
    z-index: 999;
    border-radius: 3px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    max-width: 340px;
    top: 270px;
    left: -162px;
    width: 340px;
    float: left;
}
.formularioresp{
	position: relative;
    border-radius: 3px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    max-width: 340px;
    width:100%;
    float: left;
	display:none;
}
.inp{
	width:95%;
	border:none;
	border-bottom:1px solid #dec3b0;
	margin-top:15px;
	margin-bottom:15px;
	font-size:17px;
	padding-top:5px;
	padding-bottom:5px;
}
.inp:focus{
	border-bottom:1px solid orange !important;
    outline: none;
}
.enviar{
	background-color: #1f4e44;
    border: none;
    color: white;
    width: 150px;
    height: 40px;
    text-align: center;
    font-size: 15px;
	margin-top:20px;
}
.comunicacion {
    position: absolute;
	bottom: 15px;
    right: 0;
    z-index: 999;
    width: 285px;
    font-size: 17px;
}
.comunicacion-in{
	position:relative;
	float:right;
	width:90%;
	right:0;
	margin-bottom:10px;
}
.comunicacion-in img{
	width:25px;
	display: initial;
}
.whatsapp{
	background-color: #075E54;
    color: white;
    text-decoration: none;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}
.whatsapp:hover{
	background-color: #064e46;
    text-decoration: none;
}
.alineacion{
	position:relative;
	top:-7px;
}
.cnt{
	text-align:center;
}
.seccion{
	width:100%;
	position:relative;
	float:left;
}
.in{
	width:90%;
	position:relative;
	float:left;
	left:5%;
}
.header{
	width:20%;
	position:relative;
	float:left;
	background-color:white;
}
.header img{
	/*width:220px;*/
	width:185px;
	max-width:90%;
}
.marheader{
	margin-top:55px;
}
.slider{
	/*background-image:url('../imagenes/back.png');*/
	background-size:cover;
	width:80%;
	position:relative;
	float:left;
}
#venta{
	background-image:url('../imagenes/backgreenh.png');
	color:white;
	font-size:20px;
}
#venta h1{
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
}
#venta > .in{
	margin-top:40px;
	margin-bottom:40px;
}
#venta button{
	background-color: white;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #1f4e44;
	font-weight: bolder;
	font-size: 17px;
	border-radius: 2px;
}
#mapa{
	padding-top:70px;
	padding-bottom:70px;
}
#mapa img{
	width:85%;
}
.flotante{
	position: absolute;
    top: 125px;
    width: 40%;
    right: 0px;
}
.flotante button{
	background-color: #1f4e44;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	font-weight: bolder;
	font-size: 17px;
	border-radius: 2px;
}
#espacios-verdes{
	padding-top:20px;
	padding-bottom:20px;
}
#espacios-verdes img{
	width:100%;
}
#espacios-verdes h1{
	color:#1f4e44;
	font-size:40px;
	margin-bottom:45px;
}
.isotipo{
	max-width:95px;
}
.mar40{
	margin-top:40px;
	margin-bottom:40px;
}
.col50{
	position:relative;
	float:left;
	width:50%;
}
.col50 img{
	width:100%;
}
.col50 h2{
	color: #1f4e44;
}
.inside{
	position:relative;
	width:99%;
	float:left;
	left:0%;
}
.insider{
	position:relative;
	width:99%;
	float:right;
	right:0%;
}
.mar20{
	margin-top:20px;
	margin-bottom:20px;
}
.rit{
	text-align:right;
}
.col60{
	position:relative;
	float:left;
	width:60%;
}
.col60 img{
	width:100%;
}
.col40{
	position:relative;
	float:left;
	width:40%;
}
.isotipo-small{
	width:95px;
	margin-top:50px;
}
.col40 h1{
	color: #1f4e44;
	font-size:45px;
	margin-top:40px;
	margin-bottom:40px;
}
.col40 b{
	font-size:20px;
}
.brow{
	color: #6f6862;
	font-style:italic;
	font-size:20px;
}
.informacion{
	position: absolute;
    z-index: 10;
    border-radius: 3px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 49px 4px rgba(0, 0, 0, 0.36);
    max-width: 90%;
    width: 340px;
    left: 60px;
    font-size: 17px;
    top: 725px;
}
.informacion h2{
	margin:0;
	padding-left:10px;
}
.conocermas{
	background-color:#1f4e44;
	color:white;
	font-size:17px;
	font-weight:bold;
	border:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
	padding-left:15px;
}
.conocermas2 {
    background-color: #1f4e44;
    color: white;
    font-size: 17px;
    font-weight: bold;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    display:none;
}
.contactanos2{
    display:none;
}
.circulo{
	background-color: #1f4e44;
    color: white;
    border-radius: 50%;
    width: 31px;
    height: 30px;
}
.fb{
	position:relative;
	top:4px;
}
.insta{
	font-size: 17px;
    position: relative;
    top: 3px;
}
.tel{
   font-size: 14px;
   position: relative;
   top: 2px;
}
.google{
	font-size: 15px;
    position: relative;
    top: 3px;
}
.ubi{
    position: relative;
    top: 3px;
}
#background img{
	width:100%;
}
#footer{
	background-color: #213e31;
    color: white;
}
.logofooter{
	width:300px;
}
@media screen and (max-width: 1172px){
	.col60{
		width:100%;
		display:none;
	}
	.col40{
		width:100%;
	}
	.col40 > .in{
		margin-bottom:30px;
	}
}
@media screen and (max-width: 865px){
	.informacion{
		width:100%;
		max-width:100%;
		position:relative;
		float:left;
		left:auto;
		top:auto;
	}
}
@media screen and (max-width: 810px){
	.header{
		width:100%;
	}
	.marheader {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.slider{
		width:100%;
		/*height: 465px !important;*/ 
		background-size: cover;
		background-position: center;
	}
	.onlyresp{
	    display:block !important;
	}
	.fullHeight{
		height:auto;
	}
	.conocermas{
	    display:none;
	}
	.conocermas2 {
        display:block;
    }
    .contactanos2{
        display:block;
    }
    .contactanos{
        display:none;
    }
	.formularioresp{
		display:block;
		width:100%;
		max-width:100%;
	}
	.formulario{
		position: relative;
		float: left;
		bottom: auto;
		left: 0;
		width:100%;
		max-width:100%;
		display:none;
	}
	.comunicacion{
		position: fixed;
		bottom: 5px;
		right: 10px;
		left: auto;
	}
	.comunicacion-in {
		position: relative;
		float: right;
		width: auto;
		left: 0;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 765px){
	#mapa{
		text-align:center;
	}
	.flotante{
		width:100%;
		position:relative;
		float:left;
		top:auto;
		right:auto;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 645px){
	.col50{
		width:100%;
	}
	.col50 > .seccion{
		margin-bottom:30px;
	}
}