/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap');


/* ------------------------ INICIO - CUERPO ------------------------ */
.cuerpo-bg-logo {
    width: 100%;
    height: 155px;
    background: #003c2f;
}

.cuerpo-logo {
    width: 320px;
    height: 155px;
    background: url(/img/logo-greenblock.png) no-repeat;
    margin: auto;
}

#cuerpo-menu {
	width:100%;
	height:auto;
	background:#ffcb02;
	display:block;
	padding:0;
	margin:0;
}

.cuerpo-slide {
    width: 1000px;
    height: 360px;
    background: url(/img/slide-01.jpg) no-repeat;
    margin: auto;
    margin-top: 1px;
}

.cuerpo {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding: 25px 0px 25px 0px;
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.destacado-box {
	width:320px;
	height:auto;
	margin:auto;
	margin-bottom:25px;		
}

.destacado-box a { text-decoration: none;}

.destacado-box-top-linea {
	width: 320px;
	height: 4px;
	background: #003c2f;
}

.destacado-img {
	width: 320px;
	height: 170px;
}

.destacado-bg-base {
	width: 320px;
	height: 60px;
	background: #ffcb02;
	margin-top: 2px;
}

.destacado-bg-base:hover {
	background: #fde380;
}

.destacado-txt-01, .destacado-txt-02 {
	width: 300px;
	margin: 0px 0px 0px 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 25px;
	color: #003c2f;
	text-decoration: none;
}

.destacado-txt-01 {padding: 3px 0px 0px 5px; text-decoration: none;}
.destacado-txt-02 {padding: 0px 0px 0px 5px; margin-top: -10px; text-decoration: none;}

.slogan {
	width: 100%;
	padding: 20px 0px 20px 0px;
	background: #003c2f;
}

.slogan-txt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	text-align: center;
}

.base {
	width: 100%;
	padding: 20px 0px 20px 0px;
	background: #ffcb02;
	margin: 1px 0px 0px 0px;
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.base-box {
	width: 320px;
	height: 140px;
	margin:auto;
}

.base-titulo, .base-txt {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #003c2f;
	text-align: center;
}

.base-titulo {
	font-weight: 700;
	font-size: 25px;
}

.base-txt {
	padding: 10px 0px 0px 0px;
	font-weight: 300;
	font-size: 17px;
}

.base-linea {
	width: 100px;
	height: 1px;
	background: #fff;
	margin: auto;
}

.pdf-box {
	width: 320px;
	height: auto;
	background: #ffcb02;
	margin: auto;
}


.pdf-box:hover {
	background: #fde380;
}

.pdf-col-01, .pdf-col-02 {
	margin: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 25px;
	color: #003c2f;
	text-decoration: none;
	float: left;
}

.pdf-col-01 {width: 260px; height: 40px; padding: 8px 0px 0px 10px; text-decoration: none;  }
.pdf-col-02 {width: 48px; height: 48px; padding: 0px; background: url("../img/pdf.png") no-repeat; }
.pdf-col-sin {width: 48px; height: 48px; padding: 0px; }



/* ------------------------ FIN - CUERPO ------------------------ */
/* -------------------------------------------------------------- */




/* ------------------------ INICIO - MENU ----------------------- */

.menu_bar {
	display:none;
}

header {
	width:100%;

}

header nav {
	background:#ffcb02;
	z-index:1000;
	max-width:850px;
	width:100%;
	margin:auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#fde380;
}

header nav ul li a {
	display:block;
	text-decoration:none;
	padding:5px 30px 5px 30px;
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
    font-size:30px;
    color:#003c2f;
}


header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#6fab05;
	position: absolute;
	width: 210%;
	z-index:1000;

}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);

}

header nav ul li .children li a {
	display: block;
}


header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:10px;

}

@media screen and (max-width: 800px) {
	body {
		padding-top:68px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#ffcb02;
		z-index:1000;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 17px 20px 17px 20px;
		color: #fff;
		overflow: hidden;	
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 300;
		font-size: 25px;
		text-decoration: none;
	}


	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

}

/* ------------------------ FIN - MENU -------------------------- */
/* -------------------------------------------------------------- */



/* ------------------------ INICIO - GENERALES ------------------ */
.box {
	width: 320px;
	height: auto;
	margin:auto;
	margin-top: 0px;
}

.box-txt {
	width: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align: justify;
	font-size: 20px;
	line-height: 30px;
}

.box-img {
	width: 320px;
	height: auto;
}

.img-completo img {
	width: 100%;
	height: auto;
	margin: 25px 0px 25px 0px;
}

.img-casa {
	width: 100%;
	max-width: 550px;
	height: auto;
	margin: auto;
	
}

.img-casa img {
	width: 100%;
	height: auto;
	margin: auto;
	
}

.contacto-box {
	width: 320px;
	height: auto;
	margin: auto;
	margin-top: 0px;
}

.contacto-txt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: #666666;
	text-align: center;	
	margin-top:15px;
}

/* ------------------------ INICIO - GENERALES ------------------ */
/* -------------------------------------------------------------- */


/* ------------------------ INICIO - TEXTO ---------------------- */

h1, h2, h3, h4 {
	width: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	text-align: center;	
	margin: 0px;
}

h1 {font-size: 40px; color: #003c2f;}
h2 { font-size: 30px; color: #003c2f;}
h3 { font-size: 25px; color: #003c2f;}
h4 { font-size: 18px; color: #6fab05;}



.h1-linea, .h2-linea, .h3-linea {
	width: 100px;
	height: 1px;
	background: #ffcb02;
	margin: auto;
}

.h2-linea { margin-bottom: 20px;}


p {
	width: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align: center;
	font-size: 26px;
	line-height: 40px;
}

.txt {
	width: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	margin: 0px 0px 20px 0px;

}


.br-40 {
	width: 100%;
	height: 40px;
}

.br-60 {
	width: 100%;
	height: 60px;
}


/* ------------------------ FIN - TEXTO ------------------------- */
/* -------------------------------------------------------------- */



/* ------------------------ INICIO - TABLA ---------------------- */
.tabla-box {
	width: 320px;
	height: auto;
	margin: auto;
}

.tabla-titulo-colA, .tabla-titulo-colB,
.tabla-titulo-col1, .tabla-titulo-col2, .tabla-titulo-col3 {
	height: 40px;
	background: #666666;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	float: left;
	text-align: center;
}

.tabla-titulo-colA { width: 180px; }
.tabla-titulo-colB { width: 140px; }


.tabla-titulo-col1 { width: 220px; }
.tabla-titulo-col2 { width: 50px; }
.tabla-titulo-col3 { width: 50px; }


.tabla-colA, .tabla-colB,
.tabla-col1, .tabla-col2, .tabla-col3 {

	height: 28px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #666;
	float: left;
	border-bottom: solid 1px #666666;
}


.tabla-colA { width: 180px; }
.tabla-colB { width: 140px; text-align: center; }

.tabla-col1 { width: 220px; text-align: center; }
.tabla-col2 { width: 50px; text-align: center; }
.tabla-col3 { width: 50px; text-align: center; }


.tabla-propiedad {
	width: 320px;
	height: 680px;
	margin: auto;
	background: #ecefe6;
	margin-top: 0px;
}

.tabla-propiedad-icn {
	width: 50px;
	height: 45px;
	background: #003c2f;
	float: left;
	
}
.tabla-propiedad-titulo {
	width: 258px;
	height: 39px;
	padding: 6px 0px 0px 10px;
	background: #ffcb02;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin: 0px 0px 0px 2px;
	font-size: 23px; 
	color: #003c2f;
	float: left;
}

/* ------------------------ FIN - TABLA ------------------------- */
/* -------------------------------------------------------------- */


/* ------------------------ INICIO - FORMULARIO------------------ */

.form {
	width:320px;
	margin:-15px 0px 0px 0px;
}

.form p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 26px;
	color: #666666;
	text-align: justify;
	line-height: 25px;
	margin-top: -10px;
}

input, textarea {
	width:320px;	
	padding: 3px;
	background:#f1f1f1;	
	border: solid 1px #e1e0e0;
	outline: 0;
	}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background:#a9a9a9;
	color:#5a5a5a;
	font-size: 24px;
	
}


textarea {
	width:320px;
	max-width: 320px;
	height: 100px;
	max-height:100px;
	line-height: 150%;
	margin-bottom:0px;
}

form.form .ultimo{
    margin-bottom: 0;
    position: relative
}

form.form button {
	width: auto;
	margin:0px 0px 0px 255px;
	padding: 5px 15px;
	background: #555;
	border: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #FFFFFF;
	}

form.form button:hover{
	background: #ffcb02;
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 130px;
    top: 0px;
}
.msg{
	top: 0px;
    color:#ffffff;
    line-height: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300; 
	font-size: 17px;
    padding: 1px 5px 1px 5px;
	text-align:center;
    position: absolute;
    right: -150px;
    min-width: 100px;
}
.msg_ok{
    background: #589D05;
}
.msg_error{
    background: red;
}
/* ------------------------ FIN - FORMULARIO -------------------- */
/* -------------------------------------------------------------- */


/* ------------------------ INICIO - CELULAR -------------------- */

@media screen and (max-width: 800px) {
	
	
	.cuerpo-slide {
		width: 320px;
		height: 500px;
		background: url(/img/slide-01-celular.jpg) no-repeat;
		margin: auto;
		margin-top: 1px;
	}
	
	p { 
		width: 90%;
		margin: auto;
		font-size: 23px;
	}
	
}

/* ------------------------ FIN - CELULAR ----------------------- */
/* -------------------------------------------------------------- */


/* ---------------------- VOLUMEN VISUAL - INICIO ----------------*/
.cuerpo-volumen { width: 100%; height:auto; background: #c9c9c9; margin-top: 1px; padding: 5px 0px;}
.btn-volumen-visual {display:block; text-indent:-9000%; margin:auto;}
.btn-volumen-visual {width:82px; height:39px; background:url(../img/volumen-visual.png);}
.btn-volumen-visual:hover {background-position:-82px;}
/* ---------------------- VOLUMEN VISUAL - FIN -------------------*/
/* ----------------------------------------------------------------/



/* ------------------------ WHATSAPP - INICIO  ----------------------- */
#container-floating {
	position: fixed;
	width:120px;
	height:48px;
	bottom:20px;
	right: 0px;
	z-index: 50;
}


.edit{
	position: absolute;
	top: 0;
	display: block;
	bottom: 0;
	left: 0;
	display: block;right: 0;
	padding: 0;
	opacity: 0;
	margin: auto;
	line-height: 65px;
	transform: rotateZ(-70deg);
	transition: all 0.3s;
	animation: edit-out 0.3s;
}

/* ------------------------ WHATSAPP - FIN  ------------------------- */
/* ------------------------------------------------------------------ */