@charset "UTF-8";

/* RM */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	margin: 0;
	font-size: 16px
}

h1,
h2,
h3,
h4,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

li {
	display: block
}

h1,
h2,
h3,
h4 {
	font-size: inherit
}

a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

img {
	max-width: 100%;
	height: auto;
	border: 0
}

/* FIN RM */

/* ESTILOS GENERALES */
body {
	font-family: "GotBookReg", sans-serif;
	background: rgba(238, 244, 230, 1);
}

.oculto {
	display: none;
}

.bold {
	font-weight: 700;
}

.max-wrapper {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	background: rgba(255, 255, 255, 1);
}

.upper {
	text-transform: uppercase;
}

/* HEADER */
header {
	background: rgba(79, 66, 83, 1);
	width: 100%;
}

header h1 {
	margin: 0 auto;
	display: block;
	padding: 30px 0 40px 0;
}

header h1 img {
	margin: 0 auto;
	display: block;
}

header nav#menu-desktop ul {
	width: 100%;
	background: rgba(248, 247, 244, 1);
	box-shadow: rgba(24, 21, 25, 0.1) 0px 3px 1px;
	vertical-align: middle;
	height: 70px;
	text-align: center;
}

header nav#menu-desktop ul li {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	width: 159px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	padding-top: 22px;
	box-sizing: border-box;
}

header nav#menu-desktop ul li.plano {
	width: 250px;
	padding-top: 12px;
}

header nav#menu-desktop ul li.avances {
	width: 206px;
	padding-top: 12px;
}

header nav#menu-desktop ul li:hover {
	background: rgba(192, 98, 76, 1);
}

header nav#menu-desktop ul li:hover a {
	color: rgba(236, 244, 230, 1);
}

header nav#menu-desktop ul li a {
	color: rgba(0, 0, 0, 1);
	height: 100%;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}

header nav#menu-desktop ul li.activo {
	background: rgba(192, 98, 76, 1);
}

header nav#menu-desktop ul li.activo a {
	color: rgba(236, 244, 230, 1);
}

/* SECCION NOSOTROS */
section#nosotros .inicio-resp {
	display: none;
}

section h2,
section h2 img {
	margin: 0 auto;
	display: block;
}

section h2 {
	margin: 100px 0px 85px 0px;
}

section div.caja {
	max-width: 1175px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 65px;
}

section div.caja1 {
	background: rgba(236, 244, 230, 1);
	height: 442px;
}

section div.caja1 p {
	padding: 60px 0px 0px 80px;
	max-width: 540px;
	width: 100%;
	font-size: 22px;
	line-height: 30px;
	color: rgba(79, 66, 83, 1);
	display: inline-block;
	vertical-align: top;
}

section div.caja1 p img {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}

section div.caja2 {
	background: rgba(79, 66, 83, 1);
	height: 445px;
}

section div.caja2 p {
	padding: 35px 0px 0px 56px;
	max-width: 580px;
	width: 100%;
	font-size: 22px;
	line-height: 28px;
	color: rgba(236, 244, 230, 1);
	display: inline-block;
	vertical-align: top;
}

section div.caja2 p img {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}

section div.caja3 {
	background: rgba(236, 244, 230, 1);
	height: 443px;
	margin-bottom: 0;
}

section div.caja3 p {
	padding: 80px 0px 0px 75px;
	max-width: 520px;
	width: 100%;
	font-size: 22px;
	line-height: 30px;
	color: rgba(79, 66, 83, 1);
	display: inline-block;
	vertical-align: top;
}

section div.caja3 p img {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}

section img.big-right {
	display: inline-block;
	float: right;
	text-align: right;
	right: 0px;
}

section img.big-left {
	display: inline-block;
	float: left;
	text-align: left;
	right: 0px;
}

/* SECCION PROYECTO */
section.proyecto h2 {
	margin: 60px 0px 60px 0px;
}

section.proyecto .big-box {
	max-width: 1159px;
	width: 100%;
	background: rgba(79, 66, 83, 1);
	margin: 0 auto;
	color: rgba(238, 244, 230, 1);
	margin-bottom: 16px;
}

section.proyecto .big-box p {
	font-size: 20px;
	padding: 28px 115px;
	line-height: 25px;
	text-align: justify;
}

.primera-linea {
	padding: 28px 115px 0px 115px !important;
}

section.proyecto .big-box2 {
	max-width: 1159px;
	width: 100%;
	background: rgba(245, 248, 240, 1);
	margin: 0 auto;
	color: rgba(79, 66, 83, 1);
	margin-bottom: 74px;
}

section.proyecto .big-box2 ul {
	display: inline-block;
	text-align: center;
	margin-bottom: 200px;
}

section.proyecto .big-box2 ul li {
	max-width: 360px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	margin: 110px 0px 0px 0px;
}

section.proyecto .big-box2 ul li p {
	line-height: 25px;
	margin-top: 20px;
}

section.proyecto .ir-a-galeria {
	margin: 0 auto;
	display: block;
	margin-bottom: 110px;
	margin-top: 76px;
}

/* SECCION UBICACION */
section#ubicacion h2 {
	margin: 70px 0px 105px 0px;
}

section#ubicacion .big-box {
	max-width: 1169px;
	width: 100%;
	background: rgba(238, 238, 238, 1);
	margin: 0 auto;
}

section#ubicacion .big-box h3 {
	font-size: 23px;
	text-align: center;
	color: rgba(79, 66, 83, 1);
	padding: 50px 0px 46px 0px;
}

section#ubicacion .big-box p {
	background: rgba(79, 66, 83, 1);
	width: 100%;
	padding: 42px 50px;
	box-sizing: border-box;
	color: rgba(239, 244, 230, 1);
	font-size: 19px;
	margin: 0;
}

section#ubicacion .big-box .gmap {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 85px;
}

section#ubicacion .big-box .gmap .google-map {
	width: 100%;
	height: 450px;
	margin: 0;
	padding: 0;
}

section#ubicacion .big-box .gmap .mapa-equipamiento {
	width: 100%;
	margin: 0;
	padding: 0;
}

section#ubicacion .descarga-plano {
	margin: 0 auto;
	display: block;
	margin-bottom: 172px;
	margin-top: 70px;
}

/* SECCION PRECIOS */
section#precios .tabla-responsive {
	display: none;
}

section#precios h2 {
	margin: 70px 0px 95px 0px;
}

section#precios h3 {
	color: rgba(102, 51, 102, 1);
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

section#precios p.contacto {
	font-size: 21px;
	color: rgba(79, 66, 83, 1);
	background: rgba(238, 244, 230, 1);
	max-width: 1168px;
	width: 100%;
	padding: 57px 52px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 100px;
}

section#precios p.aviso {
	font-size: 21px;
	text-align: center;
	color: rgba(192, 98, 76, 1);
	margin: 75px 0px 110px 0px;
}

section#precios table.precios-1,
section#precios table.precios-2 {
	max-width: 1188px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

section#precios table.precios-1 tr td:first-child {
	padding: 26px 50px;
	text-align: left;
}

section#precios table.precios-1 tr:first-child td {
	background: rgba(191, 98, 76, 1);
	color: rgba(238, 244, 230, 1);
	font-size: 26px;
}

section#precios table {
	font-size: 23px;
	color: rgba(102, 51, 102, 1);
	text-align: center;
}

section#precios .fondo-col1 {
	background: rgba(238, 238, 238, 1);
	font-size: 30px;
}

section#precios table.precios-1 tr:nth-child(even) td {
	background: rgba(238, 238, 238, 1);
}

section#precios table.precios-2 {
	margin-top: 100px;
}

section#precios table.precios-2 tr:first-child td {
	padding: 26px 10px;
	text-align: center;
}

section#precios table.precios-2 tr.first-row td {
	background: rgba(191, 98, 76, 1);
	color: rgba(238, 244, 230, 1);
	font-size: 26px;
}

section#precios table.precios-2 table.five-rows {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 100%;
}

section#precios table.precios-2 table.five-rows td {
	padding: 26px 10px;
	text-align: center;
}

section#precios table.precios-2 table.five-rows tr:nth-child(odd) td {
	background: rgba(238, 238, 238, 1);
}

/* PLANO DE LOTIFICACION */
section#plano h2 {
	margin: 88px 0px 46px 0px;
}

section#plano h3 {
	color: rgba(192, 98, 76, 1);
	font-size: 20px;
	margin-bottom: 50px;
}

section#plano .imagen-principal {
	max-width: 1159px;
	width: 100%;
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}

section#plano .contenedor-info,
section#plano .contenedor-mapa {
	margin: 0 auto;
	max-width: 1159px;
	width: 100%;
}

section#plano .contenedor-info {
	background: rgba(239, 244, 230, 1);
	margin-bottom: 25px;
	padding: 50px 70px 67px 28px;
	box-sizing: border-box;
}

section#plano .contenedor-info .consultar {
	color: rgba(79, 66, 83, 1);
	font-size: 20px;
	line-height: 33px;
}

section#plano .contenedor-info ul {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

section#plano .contenedor-info ul li {
	display: inline-block;
	max-width: 360px;
	vertical-align: top;
	padding-top: 15px;
}

section#plano .contenedor-info ul li:first-child {
	margin-right: 50px;
	max-width: 210px;
	padding-top: 0px;
}

section#plano .contenedor-info ul li:last-child {
	max-width: 455px;
	font-size: 19px;
	color: rgba(79, 66, 83, 1);
	margin-left: 60px;
	padding-top: 0px;
	line-height: 22px;
}

section#plano .contenedor-mapa {
	background: rgba(238, 238, 238, 1);
	padding: 70px 0 0;
	box-sizing: border-box;
	margin-bottom: 50px;
}

section#plano .ver-disponibilidad {
	margin: 0 auto;
	display: block;
	margin-bottom: 50px;
}

section#plano .nota {
	text-align: center;
	margin-bottom: 104px;
	color: rgba(79, 66, 83, 1);
	font-size: 18px;
}

/* CONTACTO */
section#contacto h2 {
	margin-top: 66px;
	margin-bottom: 120px;
}

section#contacto .imagen-principal {
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
}

section#contacto .llama-ahora,
section#contacto .formulario,
section#contacto .ejecutivos {
	max-width: 942px;
	box-sizing: border-box;
	margin: 0 auto;
}

section#contacto .llama-ahora {
	background: rgba(192, 98, 76, 1);
	margin-bottom: 25px;
	padding: 25px 55px;
}

section#contacto .llama-ahora img,
section#contacto .llama-ahora p {
	display: inline-block;
}

section#contacto .llama-ahora p {
	font-size: 27px;
	color: rgba(239, 244, 230, 1);
	vertical-align: top;
	margin-left: 65px;
	padding-top: 35px;
}

section#contacto .ejecutivos {
	background: rgba(239, 244, 230, 1);
	margin-bottom: 25px;
	font-size: 19px;
	color: rgba(79, 66, 83, 1);
	padding: 25px 80px;
}

section#contacto .formulario {
	background: rgba(79, 66, 82, 1);
	padding: 60px 70px;
	color: rgba(239, 244, 230, 1);
}

section#contacto .formulario input[type=text] {
	width: 100%;
	height: 60px;
	background: rgba(255, 255, 255, 1);
	border: none;
	margin-bottom: 40px;
	margin-top: 25px;
	font-size: 26px;
	font-family: "GotBookReg", sans-serif;
	padding: 10px;
	box-sizing: border-box;
}

section#contacto input[type=image] {
	display: block;
	margin: 0 auto;
	margin-top: 95px;
	margin-bottom: 106px;
}

section#contacto .formulario textarea {
	resize: none;
	width: 100%;
	height: 200px;
	margin-top: 25px;
	margin-bottom: 50px;
	font-size: 26px;
	font-family: "GotBookReg", sans-serif;
	padding: 10px;
	box-sizing: border-box;
}

section#contacto .formulario label {
	font-size: 26px;
	font-family: "GotBoldReg", sans-serif;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

section#contacto .formulario .leido {
	font-size: 26px;
	text-transform: none;
	font-family: "GotBookReg", sans-serif;
	margin-left: 10px;
}

section#contacto .formulario input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

section#contacto .formulario input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 32px;
	height: 27px;
	display: inline-block;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;

}

section#contacto .formulario input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -27px;
}

section#contacto .formulario label.css-label {
	background-image: url(../img/iconos/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

section#contacto .espacio-abajo {
	margin-bottom: 100px;
}

section#contacto .formulario select {
	width: 100%;
	height: 60px;
	background: rgba(255, 255, 255, 1);
	border: none;
	margin-bottom: 40px;
	margin-top: 25px;
	font-size: 26px;
	font-family: "GotBookReg", sans-serif;
	padding: 10px;
	box-sizing: border-box;
}

/* GALERIA DE AVANCES */
section#avances h2 {
	margin-top: 64px;
	margin-bottom: 50px;
}

section#avances .big-box {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	background: rgba(241, 241, 241, 1);
	margin-bottom: 73px;
	padding: 32px 0px;
}

section#avances .big-box img {
	display: block;
	margin: 0 auto;
}

section#avances .big-box p {
	max-width: 929px;
	width: 100%;
	margin: 0 auto;
	height: 90px;
	background: rgba(79, 66, 83, 1);
	margin-bottom: 54px;
}

section#avances .ver-video {
	margin: 0 auto;
	display: block;
	margin-bottom: 140px;
}

/* AVISO DE PRIVACIDAD  */
section#aviso h2 {
	margin-top: 60px;
	margin-bottom: 80px;
}

section#aviso .big-box {
	max-width: 1172px;
	width: 100%;
	margin: 0 auto;
	background: rgba(79, 66, 82, 1);
	margin-bottom: 68px;
	padding: 62px 110px;
	box-sizing: border-box;
	color: rgba(238, 244, 230, 1);
}

section#aviso .big-box p {
	font-size: 20px;
	line-height: 38px;
	margin-bottom: 38px;
	text-align: justify;
}

section#aviso .big-box p:last-child {
	margin-bottom: 0px;
}

/* SECCION INICIO */
div#inicio-wrapper {
	max-width: 1077px;
	width: 100%;
	margin: 0 auto;
}

section#inicio h2 {
	float: right;
	margin-top: 50px;
	margin-bottom: 60px;
}

section#inicio .slider-holder {
	max-width: 1077px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 87px;
	overflow: hidden;
}

section#inicio .slider-holder .contenedor {
	background: rgba(79, 66, 83, 1) url(../img/fondo-slider-bloque.png) center top no-repeat;
}

section#inicio .slider-holder .contenedor p {
	padding-top: 90px;
	text-align: right;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	font-size: 23px;
	line-height: 38px;
	padding-right: 37px;
	padding-bottom: 40px;
}

/* FOOTER */
footer {
	width: 100%;
	margin: 0;
	padding: 0;
}

footer div.footer-top {
	background: rgba(79, 66, 82, 1);
	height: 115px;
	width: 100%;
}

footer div.footer-bottom {
	background: rgba(209, 208, 206, 1);
	height: 69px;
	line-height: 69px;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: rgba(79, 66, 83, 1);
	font-family: "GotMedReg", sans-serif;
	letter-spacing: 2px;
}

footer ul.redes-sociales {
	float: right;
}

footer ul.redes-sociales li {
	float: left;
	height: 115px;
	display: inline-block;
	text-align: center;
	padding-top: 38px;
	box-sizing: border-box;
}

footer ul li.facebook {
	width: 90px;
}

footer ul li.twitter {
	background: rgba(192, 97, 75, 1);
	width: 92px;
}

footer ul li.youtube {
	background: rgba(238, 244, 230, 1);
	width: 108px;
}

footer div.telefono {
	float: left;
	padding-top: 17px;
	margin-left: 30px;
}

footer p.aviso {
	float: left;
	margin-left: 50px;
}

footer p.derechos {
	float: right;
	margin-right: 40px;
}