@charset "utf-8";

/* CSS Document */



html, body {

height:100%;

}

.bg2 {

background: url(../img/bg.jpg) center top no-repeat;

}



body {

margin:0; 

text-align:center;

font-family: 'Open Sans', sans-serif;

background:url(../img/bg2.jpg) center top repeat-y;

}

	

.center {

max-width:1200px;

margin:0px auto;

text-align:left;

background:#fff;

margin-bottom:30px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

}



.clear {

clear:both;

}



a img, img a {

border:none;

}



h1 {

	background:#38383a;

	font-size:14px;

	color:#fff;

	text-align:center;

	margin:0;

	padding:10px;

}

h2 {

	font-size:20px;

	margin:0;

	padding:0 0 7px 0;

}



.col-izq {

	float:left;

	width:50%;

}

.col-der {

	float:right;

	width:50%;

}



/******** HEADER **********/

.header {

	background: url(../img/header-bg.jpg) top repeat-x;

	height:208px;
	text-align:center;

}

.logo {

	padding:10px 0 0 0;

}

.slogan {

	float:left;

	color:#fff;

	font-weight:bold;

	margin:40px 0 20px 0;

	padding:20px 40px;

	background:#666;

	border-radius:20px;

	font-size:13px;
	display: none;

}



/******** MENU **********/
.menu-desktop {
	border-bottom: 5px solid #d1d2d4;
	background-image: linear-gradient(to bottom, #dbddde, #bdbfc1);
}

ul.menu {

	text-align:center;

	margin:0;

	padding:1%;

}

ul.menu li {

	list-style:none;

	display:inline;
	
	padding:1%;

}

ul.menu li a:link, ul.menu li a:visited {

	color:#49494b;
	
	font-weight: bold;

	text-decoration:none;

	padding:0.5% 2%;

}

ul.menu li a:hover {

	background:#000;
	
	color: #dbddde;

	border-radius:10px;

}

ul.menu li a.menu-active {

	background:#fff;

	color:#38383a;

	border-radius:10px;

}





/******** TOP **********/

.top {

	/*border-top:5px solid #d1d2d4;*/

	border-bottom:5px solid #d1d2d4;

	background:#666;

}

#gaston{

	background:url(../img/profile.jpg) bottom left no-repeat #fff;

	min-height:214px;

	width:50%;

	float:left;

}

#gaston p{

	float:right;

	padding:25px 50px 0 0;

	width:50%;

	color:#444;

	font-size:13px;

}

#novedades {

}

.novedad-texto-home {

	float:left;

	padding:5% 2% 0 2%;

	width:58%;

}

.novedad-foto-home {

	float:right;

	margin:1% 2% 0 0;

}

.novedad-texto-home h2 {

	color:#fff;

	font-size:20px;

	padding:0;

	margin:0;

}

.novedad-texto-home p {

	font-size:13px;

	color:#fff;

	padding:0;

	margin:0 0 20px 0;

}

.novedad-texto-home a:link, .novedad-texto-home a:visited, 

#contacto-form input[type=submit],

.nov-cols-izq a:link, .nov-cols-izq a:visited{

	color:#fff;
	text-shadow: 2px 2px 2px #D2413F;
	background-image: linear-gradient(120deg, #F3903F, #F36C42, #D2413F);
	border:1px solid #F36C42; 


	border-radius:10px;

	text-decoration:none;

	padding:7px 15px;

	font-size:11px;

	font-weight:bold;

}

.novedad-texto-home a:hover,

#contacto-form input[type=submit]:hover,

.nov-cols-izq a:hover{

	background:#000;
	color:#fff;
	text-shadow: none;
	border:1px solid #000; 

}



/******** PROPIEDADES **********/

.props-cuerpo {

	background:#d1d2d4;

}

ul.propiedades  {

	margin:0;

	padding:0;

	text-align:center;

	padding:4% 4% 1% 4%;

}

ul.propiedades li{

	list-style:none;

	width:250px;

	margin:10px;

	display:inline-table;

	vertical-align:top;

}

.prop:hover {

-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

}

.prop a:link, .prop a:visited{

	text-decoration:none;

}

.prop-pic {height:250px;}

.prop-pic img {width:100%; height:auto;}

.prop-ubicacion {

	background:#000;

	color:#fff;

	text-transform:uppercase;

	font-size:11px;

	font-weight:bold;

	text-decoration:none;

	padding:5px;

	min-height:16px;

}

.prop-titulo {

	background:#fff;

	padding:10px;

	color:#000;

	text-decoration:none;

	font-weight:bold;

	font-size:18px;

	text-align:left;

	min-height:50px;

}





/******** PROPIEDADES NAVEGACION **********/



ul.propiedades-nav  {

	margin:0;

	padding:0 0 2% 0;

	text-align:center;

	font-family: 'Open Sans', sans-serif;

	background:#d1d2d4;

}

ul.propiedades-nav li{

	list-style:none;

	margin:0;

	padding:0;

	display:inline-table;

}

a.btn-numero:link, a.btn-numero:visited {

	width:28px;

	height:28px;

	text-align:center;

	text-decoration:none;

	color:#fff;

	background:#000;

	display:block;

}

a.btn-numero:hover, .btn-numero-active {

	width:28px;

	height:28px;

	text-align:center;

	text-decoration:none;

	color:#000;

	background:#fff;

	display:block;

}

a.btn-atras:link, a.btn-atras:visited {

	width:28px;

	height:28px;

	text-decoration:none;

	background: url(../img/btn-atras.jpg) top left;

	display:block;

	color:transparent;

}

a.btn-atras:hover {

	background: url(../img/btn-atras.jpg) bottom left;

}

a.btn-adelante:link, a.btn-adelante:visited {

	width:28px;

	height:28px;

	text-decoration:none;

	background: url(../img/btn-adelante.jpg) top left transparent;

	display:block;

	color:transparent;

}

a.btn-adelante:hover {

	background: url(../img/btn-adelante.jpg) bottom left;

}



/******** CONTACTO **********/

#contacto {

	border-top:5px solid #949599;

	border-bottom:5px solid #949599;

	background:#666;

}

#contacto-info {

	float:left;

	width:50%;

	min-height:260px;

	background:#58585a url(../img/contacto-img.jpg) center right no-repeat;

}

#contacto-info div {

	background:rgba(255, 255, 255, 0.8);

	width:50%;

	margin:3%;

	padding:2%;

}

#contacto-info p{

	margin:0;

	padding:0 0 7px 0;

	font-size:13px;

}
#contacto-info img {
	vertical-align:-3px;
}

#contacto-form {

	color:#fff;

}

.contacto-form-in {

	margin:3% 3% 0 3%;

}

form {

	margin:2% 0 0 0;

	padding:0;

}

#contacto-form input, #contacto-form textarea {

	background:#d1d2d4;

	border:none;

	padding:2%;

	margin:0 0 2% 0;

	color:#59595b;

	width:90%;

	font-family: 'Open Sans', sans-serif;

}

#contacto-form .boton-form {

	text-align:center;

	padding:2% 0 0 0;

}

#contacto-form input[type=submit] {

	width:47%; cursor:pointer;

}

#contacto-form input.error, #contacto-form textarea.error {background:#FCF;}

#nosubmit {font-size: 14px;}

/******** FOOTER **********/

.footer {

	padding:1% 5%;

}

.footer-izq {

	float:left;

	width:33%;

	padding:1% 0 0 0;

}

.footer-center {

	float:left;

	width:33%;

	text-align:center;

}

.footer-der {

	float:right;

	width:33%;

	text-align:right;

	padding:1% 0 0 0;

}



/******** PROPIEDAD DESCRIPCION **********/

.prop-desc {

	margin:4%;

}

.prop-desc-foto {

	padding:0 0 2% 0;

	float:left;

}

.prop-desc-foto img {width:100%; height:auto; max-width:250px;}

.prop-desc-texto {

	width:75%;

	float:right;

}

.prop-desc-texto-izq {

	float:left;

	padding:2% 2% 2% 0;

	width:65%;

}

.prop-desc-texto-der {

	float:right;

	padding:2%;

	background:#CCC;

	border-radius:12px;

	width:28%;

}

.prop-desc-texto h1 {

	display:inline-block;

	padding:1%;

	margin:0 0 1% 0;

}

.prop-desc-texto h2 {

}

.prop-desc-texto-izq p, .prop-desc-texto-der p {

	margin:0;

	padding:0;

}





.prop-desc-texto-izq p {margin-bottom:14px;}

.prop-desc-texto-izq p:last-of-type {margin-bottom:0px;}



.prop-desc-texto h4 {

	margin:0;

	padding:0;

}

.prop-desc-texto h3 {

	background:#000;

	color:#fff;

	padding:2% 4%;

	border-radius:12px;

	display:inline-block;

}

ul.prop-desc-img  {

	margin:0 0 0 0;

	padding:2% 0 0 0;

	text-align:center;

	border-top:5px solid #999;

}

ul.prop-desc-img li{

	list-style:none;

	width:45%;

	margin:0 ;

	padding:0;

	display:inline-table;

}

ul.prop-desc-img li img {

	height:350px;

	width:auto;

	border-bottom:5px solid #333;

}



/******** NOVEDADES TODAS **********/

ul.nov-todas {

	background:#d1d2d4;

	text-align:center;

	margin:0;

	padding:0;

	text-align:left;

}

ul.nov-todas li{

	list-style:none;

	padding:0;

	margin:2%;

	text-align:left;

	width:45%;

	display:inline-block;

}

.nov-cols-izq{

	float:left;

	padding:0;

	width:55%;

}

.nov-cols-der{

	float:right;

	margin:0;

}

.nov-cols-izq p {

	font-size:13px;

	padding:0;

	margin:0 0 20px 0;

}



/******** NOVEDAD **********/

.novedad-intro {

	margin:2%;

	font-size:14px;

}

.novedad-larga {

	margin:2%;

	font-size:14px;

}

.novedad-foto {

	float:left;

	text-align:left;

	margin:0 2% 2% 0;

	padding:0;

}

.novedad-foto img {width:100%; height:auto; max-width:210px;}



.novedad-texto {

}

.novedad-texto h1 {

	display:inline-block;

	padding:1%;

	margin:0 0 1% 0;

	background:#CCC;

	color:#333;

}

.novedad-texto h2 {

	color:#000;

	margin:0 0 1% 0;

}

.novedad-texto p {

	margin:0;

	padding:0;

	color:#000;

	font-size:14px;

}


/******** MENU MOBILE **********/
.menu-mobile {
	background-image: linear-gradient(gray, black);
	color: #fff;
	display: none;
	position: fixed;
	width: 100%;
	border-bottom: 2px solid #D4D4D4;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
	font-family: 'Muli', sans-serif;
	top:0;
	height: 50px;
}
.menu-mobile-izq {
	float: left;
	width: 15%;
}
.menu-mobile-center {
	float: left;
	width: 70%;
	text-align: center;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 2px;
	font-weight: 900;
	color: #dadada;
	padding: 6px 0 0 0;
	height: 50px;
}
.menu-mobile-center strong {
	font-size: 8px;
	font-weight: 700;
	color: #fff;
}
.menu-mobile-der {
	float: right;
	width: 15%;
}
.menu-mobile-der button {
	padding: 6px 0 0 0;
	width:40px;
	height: 40px;
	display: none;
}

/******** MENU MOBILE OPEN **********/

.menu-mobile-open {
	width: 100%;
  padding: 50px 0;
  text-align: center;
  background-color: lightblue;
  margin-top: 20px;
	display: none;
}

/******** BOTONES CONTACTO **********/
.botones-contacto {
	position: fixed;
	bottom: 50%;
	right: 0;
	/*display: none;*/
}
.botones-contacto ul {
	padding: 0;
	margin: 0;
}
.botones-contacto ul li {
	padding: 0;
	margin: 0;
	/*display: inline-table;*/
	list-style: none;
}
.botones-contacto a img {
	width: 32px;
	height: auto;
	margin: 9px 0 0 9px;
}
.botones-contacto a:link, .botones-contacto a:visited {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	display: block;
	margin: 0 10px 10px 0;
	background-image: linear-gradient(120deg, #F3903F, #F36C42, #D2413F);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}
.botones-contacto a:hover {
	background-image: none;
	background: #000;
}
.botones-contacto a.boton-tel {
	display: none;
}


/*******************************/
/******** responsive **********/
/*****************************/


@media screen and (max-width: 460px) {
.menu-mobile, .botones-contacto, .botones-contacto a.boton-tel {display: block;}
.botones-contacto {
	position: fixed;
	bottom: 0;
	right: 0;
}
	.botones-contacto ul li {
	display: inline-table;
}

.logo {margin-top:50px;}
	#boton-instagram {display: none;}
.center {

	margin-bottom:0;

	border-radius:0;

}

.slogan { display:none; }

ul.menu {

padding:4% 0 4% 0;

font-size:14px;

}

.col-izq {

float: none;

width:100%;

}

.col-der {

float:left;

width:100%;

}

.novedad-foto-home { display:none; }

.novedad-texto-home {

	width:95%;

	padding:3%;

}

#gaston{

	background-image: none;

	width:100%;

	min-height:10px;

	float:left;

}

#gaston p{

	float:left;

	padding:2%;

	width:95%;

	text-align:center;

}

#contacto-info {

	width:100%;

	min-height:12px;

}

#contacto-info div {

	width:90%;

}

.footer-izq, .footer-center, .footer-der {

	float:left;

	width:95%;

	text-align:center;

	padding-bottom:2%;

}

ul.nov-todas li{

	margin:2% ;

	width:95%;

	padding-bottom:6%;

	border-bottom:2px solid #999;

}

ul.nov-todas .nov-cols-izq{

	width:95%;

}



ul.prop-desc-img li img {

	height:auto;

	width:100%;

	border-bottom:5px solid #333;

}



.nov-cols-der{ display:none;}

.novedad-foto {

	float:left;

	width:95%;

}

.novedad-texto {

	float:left;

	width:95%;

}



ul.prop-desc-img li{

	width:95%;

	margin-bottom:2%;

}

/**/

.prop-desc .prop-desc-texto {

	width:100%;

	float:left;

}

.prop-desc-texto-izq {

	width:100%;

}

.prop-desc-texto-der {

	float:left;

	width:95%;

}

.prop-desc-foto {

	width:100%;

	text-align:center;

}



/*

.prop-desc-texto {

	float:left;

	width:95%;

}

.prop-desc-texto h2 {

	width:95%;

}

.prop-desc-texto-izq {

	float:left;

	width:95%;

}

.prop-desc-texto-der {

	float:left;

	width:95%;

}

*/





}

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

.novedad-foto-home { display:none; }

.center {

	margin-bottom:0;

	border-radius:0;

}

.novedad-texto-home {

	width:95%;

	padding:3%;

}

#gaston{

	background-image: none;

	min-height:10px;

	float:left;

}

#gaston p{

	float:left;

	padding:2%;

	width:95%;

	text-align:center;

}

#contacto-info {

	min-height:12px;

}

#contacto-info div {

	width:90%;

}

ul.nov-todas li{

	width:95%;

}

.nov-cols-izq{

	width:70%;

}



.prop-desc-texto {

	width:60%;

	float:right;

}

.prop-desc-texto-izq {

	width:100%;

}

.prop-desc-texto-der {

	float:left;

	width:95%;

}



}



a.back {text-decoration:none; background:#454545; color:#FFF; border-radius:4px; padding:4px 10px; font-size:12px; display: none;}

a.contactanos:link, a.contactanos:visited {
	text-decoration:none;
	color:#fff;
	text-shadow: 2px 2px 2px #D2413F;
	background-image: linear-gradient(120deg, #F3903F, #F36C42, #D2413F);
	border:1px solid #F36C42; 
	border-radius:10px; 
	padding:8px 19px; 
	font-size:18px; 
	font-weight:bold;
}
a.contactanos:hover {
	background:#000; 
	color:#fff;
	border:1px solid #000; 
	text-shadow: none;
}