@import url("fonts.css");
@import url("select.css");
@import url("flexslider.css");
@import url(bootstrap.min.css);
/*  CSS definations for Hughes and Rienzi  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
	2.2 Drop Down Nav
	2.3 Description
	2.4 Content Box
		2.4.1 Table
		2.4.2 Content Box
		2.4.3 Search Form
		2.4.4 Property Container
		2.4.5 Blue Bar
	2.5 Footer
		2.5.1 Footer Main Navigation Links
		2.5.2 Footer Links

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	outline: none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}
.ficha {
	text-transform:uppercase;
}
.left {
	float: left;
}

.right {
	float: right;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: '';
}

.clearfix:after {
	clear: both;
}

.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
}

textarea {
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration:underline;
}

address {
	font-style: normal;
}
{
 box-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px;
 box-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px inset;
 text-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 position:relative;
}

/* 1.2 Common Tags */

.social{
	min-width:95px;
	float:right;
}
.social ul li:first-child a{
	margin-left:0;
}
.social ul li a{
	background:url(../images/icon_social_sprite.png) no-repeat;
	float:left;	
	width:20px;
	height:30px;
	margin-left:11px;
	text-decoration:none;
	text-indent:-9999px;
}
.social ul li a.whatsapp{
	background-position:0px top;
}
.social ul li a.linkedin{
	background-position:-32px top;
}
.social ul li a.twitter{
	background-position:-64px top;
}
.social ul li a.facebook{
	background-position:-96px top;
}
.social ul li a.instagram{
	background-position:-128px top;
}

.whatsapp_boton {
	height: 30px;
    width: 185px;
    margin: 10px auto;
    margin-bottom: 40px;	
}
.whatsapp_boton a {
	font-size: 14px !important;
	line-height: 20px;
}

.whatsapp_boton .icono {
	background:url(../images/icon_social_sprite.png) no-repeat;
	float:left;	
	width:20px;
	height:30px;
	text-decoration:none;
	text-indent:-9999px;
	background-position:0px top;
	margin-right: 10px;
}
.instagram_boton {
	height: 30px;
    width: 185px;
    margin: 10px auto;
    margin-bottom: 40px;	
}
.instagram_boton a {
	font-size: 14px !important;
	line-height: 20px;
}

.instagram_boton .icono {
	background:url(../images/icon_social_sprite.png) no-repeat;
	float:left;	
	width:20px;
	height:30px;
	text-decoration:none;
	text-indent:-9999px;
	background-position:0px top;
	margin-right: 10px;
}

.social_pie{
	min-width:125px;
	margin:10px 0 0 -2px;
}
.social_pie ul li:first-child a{
	margin-left:0;
}
.social_pie ul li a{
	background:url(../images/icon_social_sprite.png) no-repeat;
	float:left;	
	width:30px;
	height:20px;
	margin-left:11px;
	text-decoration:none;
	text-indent:-9999px;
}
.social_pie ul li a.twitter{
	background-position:-45px top;
}
.social_pie ul li a.facebook{
	background-position:-95px top;
}
.separator{
	border-top:1px dotted #EBEBEB;
	height:25px;
	display:block;
	margin-top:30px;
}
.submit-btn{
	background:#466692;
	border:none;
	color:#b2b4b5;
	cursor:pointer;
	width:100%;
	height:37px;
	-webkit-appearance: none;
}
.submit-btn:hover{
	background:#ffffff;
	border:none;
	color:#466692;

}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

body {
/*	background: #fff;*/
	background-image:url(../images/fondo.jpg);
	background-attachment:fixed;
	/*font-family: 'avenirltstd', Arial, Helvetica, sans-serif;*/
	font-family: "Avenir LT Std 35 Light", "Avenir LT Std 45 Book", "Avenir LT Std 55 Roman", "Avenir LT Std 65 Medium", Avenir, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	position:relative;
}
body.ficha_fondo {
	background: #fff;
	/*font-family: 'avenirltstd', Arial, Helvetica, sans-serif;*/
	font-family: "Avenir LT Std 35 Light", "Avenir LT Std 45 Book", "Avenir LT Std 55 Roman", "Avenir LT Std 65 Medium", Avenir, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	position:relative;
}
body.home {
	background: url(../images/bg_body.jpg) no-repeat center top;
}
body.hr {
	background: url(../images/conceptohr.jpg) no-repeat center top;
}
body.inversiones {
	background: url(../images/inversiones.jpg) no-repeat center top;
}
body.contacto {
	background: url(../images/contacto.jpg) no-repeat center top;
}

html, body{
	height:100%;
}
.inner-wrapper{
	min-height:850px;
/*	background:url(../images/bg_header-inner.jpg) repeat-x center top;*/
}
.inner-wrapper .header{
	min-height:125px;
}
.header_background{
	width: 100%;
	/* height:101px; */
	margin: 0 auto;
	background-color:#FFF;
	position: relative;
	z-index: 2;
 }
.box {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.content-form {
	width: 940px;
	margin: 0 auto;
	position: relative;
	background-color: rgba(186, 186, 186, 0.65);
	padding:15px;
}

/* 2.1 Header */
.header h4{
	color:#54a33a;
	font-size:12px;
	font-weight:normal;
	line-height:17px;	
	width:225px;
	float:left;
	font-weight:bold;
}

.header .right {
	/*width: 470px;*/	
	margin-right: 15px;
}

/* 2.1.1 Logo */
.inner-wrapper .logo{
	margin-left:15px;
}
.logo{
	width:180px;
	float:left;
	margin-left:15px;
}
.top-links-container{
	padding:0px 0 0 0;
	display:block;
	background: rgba(255,255,255,1);
}
.top-links-container .top-links{
	margin-top:0px;
/*	width: 430px;*/
	float: right;
	font-size:11px;
}
/*  2.2 Drop Down Nav  */
.drop-nav{
	margin:60px auto 150px 0;
	float:left;
	position:relative;
	z-index:9999;
}
#dropdown {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#dropdown > li {
    float:left;
    padding:10px 0 0 0;
    position:relative;
}
#dropdown > li > a {
    background:url('../images/sprite_dropdown_menu.png') no-repeat 10px top;	
    border:1px solid transparent;
    color:#FFF;
    display:block;
    font-size:12px;
    text-transform:uppercase;
    padding:0;
    width:25px;
    height:25px;
    margin-left:20px;
    position:relative;
    text-decoration:none;
}
#dropdown > li > a:hover {
    background:url('../images/sprite_dropdown_menu.png') no-repeat right -3px;	
}
#dropdown > li.selected  > a {
    background:url('../images/sprite_dropdown_menu.png') no-repeat right -3px;	
    z-index:2;
}
#dropdown li div {
    position:relative;
}
#dropdown li div div {
    width:160px;    
    padding:0;
    display:none;
    margin:0;
    position:absolute;
    top:0px;
    left:-10px;
    z-index:1;
}
#dropdown li div ul {
    position:relative;
    width:150px;
    float:right;
    list-style-type:none;
}
#dropdown li div ul li {
    margin:0;
    margin-bottom:1px;
    padding:0;
}
#dropdown li div ul li a{
    background-color:#274d7e;	
	color:#FFF;
	font-size:12px;
	text-align:left;
	text-transform:uppercase;
	display:block;
	padding:10px 25px;
}
#dropdown li div ul li a:hover{
    background-color:#FFF;
    color:#076f9f;
}
.fotos {
width:970px;
height:100px;	
}
/*  2.3 Description */
.description{
	/*margin-bottom:100px;*/
	font-size:15px;
}
.description .left a{
	color:#54a33a;
	font-size:15px;
}
.description .left a:hover{
	text-decoration:underline;
}
.description a.right{
	color: #FFF;
	font-size: 10px;
	line-height: 15px;
	right: 10px;
	position: absolute;
	top: 42px;
}

/*  2.4 Content Box  */
.content-box .left-block{
	width:640px;
	float:left;
}
.content-box .left-block p{
	color:#666;
	margin:0 15px 0 15px;
	line-height:20px;
	font-size:13px;
}
.carousel ul.slides li{
	width:168px!important;
	height:auto;
	margin-right:10px;
	float:left;
	cursor:pointer;
/*	border:2px solid #FFF*/
}
.slider{
	margin-bottom:7px;
}

.table-container .entrada {
	font-size: 12px;
	float: left;
	width: 320px;	
}

.table-container .entrada .odd{
	width: 155px;
	color: #466692;
	display: inline-block;
	height: 25px;
	vertical-align: top;	
}
.table-container .entrada .even{
	color:#54a33a;
	display: inline-block;	
	height: 25px;
	width: 155px;
	vertical-align: top;	
}

.table-container{
	width:100%;
	display:block;
/*	margin:40px auto 70px 15px;*/
	margin:0 auto 70px 0;
    box-sizing: border-box;	
}
/* 2.4.1 Table */
.table td{
	font-size:15px;
	padding:10px 10px;
}
.table td.odd{
	width:25%;
	color:#466692;
}
.table td.even{
	width:22%;
	color:#54a33a;
}
.table td {
	width:12%;
}
.table-container p{
	margin-left:0!important;
}
/* 2.4.2 Content Box */
.content-box .right-block{
	width:305px;
	float:right;
}
.content-box .right-block .google-map{
	border:#CCC 1px solid;
	/*cambios*/
	width:303px;
	margin:0 auto 0 auto;
}
.content-box .right-block .google-map img{
	width:100%;
}
.content-box .right-block .submit-btn{
	margin-bottom:15px;
}
.content-box .right-block p{
	margin-left:15px;
}
.content-box .right-block h3{
	margin-left:15px;
}
.floor-plan-details{
	margin-top:30px;
}
.floor-plan{
	width:300px;
	float:left;
	position:relative;
}
.floor-plan .zoom-icon{
	position:absolute;
	left:5px;
	bottom:0;
}
.floor-details{
	width:280px;
	float:right;
}
.floor-details ul li{
	line-height:28px;
	font-size:15px;
	color:#284b7c;
}
.property-details{
	padding:10px 0 70px 0;
	height: 195px;
	background-color:#FFF;
}
.content-box .right-block .property-price{
	display:block;
	font-size:18px;
	text-align:left;
	padding-top:10px;
}
.contact-form-container{
	margin:45px auto 0px auto;
	/*text-align:center;*/
}
.contact-form-container h4{
	margin:0 0 25px 16px !important;
}
.contact-form-container-contacto{
	margin:53px auto 0px auto;
	/*text-align:center;*/
}
.contact-form-container-contacto p{
	margin-left:0 !important;
}
.contact-form-container-contacto h4{
	margin:0 0 25px 16px !important;
}
.contact-form-container .input, .contact-form-container .textarea{
	width:272px;
	padding:7px 15px;
	border:#CCC 1px solid;
	display:block;
	font-size:12px;
	color:#466692;
	margin:0 auto 8px auto;
	float:none;
}
.contact-form-container-contacto .input, .contact-form-container-contacto .textarea{
	width:243px;
	padding:7px 15px;
	border:#CCC 1px solid;
	display:block;
	font-size:15px;
	color:#466692;
	margin:0 auto 8px auto;
	float:none;
}
.contact-form-container .submit-btn{
	margin-top:20px;
}
.content-box h3, .content-box h4{
	color:#004178;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	padding-left: 15px;
}
.content-box .right-block h3 p{
	margin:0 0 10px 0;
	font-size:18px;
}

.content-box h3 span, .content-box h4 span{
	display:block;
}
.content-box h4{
	font-size:15px;
}
.content-box p{
	margin:0 0 10px 0;
	font-size:14px;
	letter-spacing:0.2px;
	line-height:20px;
	margin-left: 25px;
}
.content-boxinterna{
	margin-top:320px;
}
.content-boxinterna p{
	margin:0 0 10px 0;
	font-size:13px;
	letter-spacing:0.2px;
	line-height:20px;
	margin-left: 25px;
}
.content-boxinterna .contenido{
	width:545px;
	float:left;
	color:#666;
	min-height:130px;
}
.content-boxinterna .contenido h3{
	margin:0 0 20px 25px;
	font-size:13px;
	color: rgb(0, 65, 120);
}
.content-boxinterna .contenido_der{
	width:275px;
	float:left;
	margin-left:125px;
	min-height:130px;
}
.contenido_contacto_inversiones{
	width:245px;
	position:relative;
	top: 185px;
    left: 670px;
	padding:15px;
	color:#FFF;
	font-size:11px;
	text-align:center;
}
.contenido_contacto{
	width:245px;
	position:relative;
	background-color:#004178;
	top: 185px;
    left: 670px;
	padding:15px;
	color:#FFF;
	font-size:11px;
	text-align:center;
}
.contenido_contacto a{
	color:#fff;
	text-decoration:none !important;
}
/* 2.4.3 Search Form */
.select-container{
	width:305px;
	float:left;
}
.mix-elements-container{
	width: 613px;
	float: right;
}
.style2, .input-container{
	width:90px!important;
	float:left;
	background-color:#FFF;
}
.style2 span.select{
	background-position:85% 50%;
}
.input-container {
	margin-left:15px;
}
.input-container input{
	font-family: 'avenirltstd', Arial, Helvetica, sans-serif;
	color:#466692;
	border:1px solid #cbccce;
	font-size:13px;
	font-weight:bold;
	width:70px;
	padding:10px;
	height:15px;
	line-height:35px;
}
form.search-form .submit-btn{
	float:right;
	width:280px;
}
form.search-form .radio-box{
	width:106px;
	float:left;
	height:41px;
}
form.search-form label {
  width: 110px;
}
form.search-form input.radio:empty {
	margin-left: -9999px;
}
form.search-form input.radio:empty ~ label {
	position: relative;
	color:#466692;
	float: left;
	font-size:12px;
	font-weight:bold;
	line-height: 20px;
	text-indent: 30px;
	margin: 10px auto 9px 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'avenirltstd', Arial, Helvetica, sans-serif;
}

form.search-form input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 18px;
	border:#5C92A8 1px solid;
	border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-webkit-border-radius:100%;			
}
form.search-form input.radio:hover:not(:checked) ~ label:before {
	content:'\2022';
	text-indent: 4px;
	font-size:22px;
	color:#466692;
}
form.search-form input.radio:hover:not(:checked) ~ label {
	color:#466692;
}
form.search-form input.radio:checked ~ label:before {
	content:'\2022';
	text-indent: 4px;
	font-size:22px;	
	color:#466692;
	background-color: #e8e7e7;
}

form.search-form input.radio:checked ~ label {
	color:#466692;
}
/* 2.4.4 Property Container */
.property-container{

	margin-top:25px;
}
.property-container ul{
	margin-left:-28px;
}
.property-container ul li{
	float:left;
	width:304px;
	height:325px;
	margin:0 0 10px 28px;
}
.property-container ul li h4{
	font-size:13px;
	font-weight:bold;
	color:#54a33a;
	margin:0px auto 10px -15px;
	line-height:18px;
}
.property-container ul li p{
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
	margin-left: 0px !important;
}

.dir_listado {
	height:25px;
}

.property-container ul li p.title{
	margin-bottom:15px;
	height:30px;
	margin-left: 0px !important;
}
.property-container ul li .txtb, .property-container ul li .property-caption{
	padding:10px 15px;
	background-color:#FFF;
}
.property-container ul li .property-caption{
	background:#466692;
	background:rgb(70, 102, 146, 0.75);
	margin:1px auto;
	height: 15px;	
	margin-top: -37px;
	position: relative;	
}
.property-container ul li .property-caption a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	text-decoration: none;
}
.property-container ul li .txtb{
/*	border:#CCC 1px solid;*/
	height:80px;
	background-color:#F5F5F5;
}
.property-price{
	color:#54a33a;
	text-align:right;
	font-size:13px;
}
/* 2.4.5 Blue Bar */
/*.blue-bar, .footer-main-navigation {
	padding: 0 25px;
}*/
.blue-bar {
	padding:10px 10px;
	color:#FFF;
	background:rgba(44,49,55,0.75);
	display:block;
	position:absolute;
	top:150px;
	width: auto;
	right:25px;
}
.pie-bar {
	padding: 15px;
	color:#FFF;
	background: rgb(70, 102, 146, 0.75);
	display: block;
}
.pie-bar-center {
	margin:0 auto;
	width:965px;
}
.pie-bar-center a{
	color:#54a33a;
}
.pie-bar-center-inner {
	margin:0 auto;
	width:950px;
	padding-left:15px;
}
.pie-bar-center-inner a{
	color:#54a33a;
}

/* 2.5 Footer */ 
.footer-container-inner{
/*	position:fixed;*/
	bottom:0;
	width:100%;
	background: rgba(186, 186, 186, 0.85);
	left:0;
}
.footer-container{
	position:fixed;
	bottom:0;
	width:100%;
	background: rgba(186, 186, 186, 0.85);
	left:0;
}
.footer{
	font-size:12px;
	color:#FFF;
	line-height:16px;
    margin: 0 auto;
    /*width: 100%;*/
}
.footer-inner{
	font-size:11px;
	color:#FFF;
	line-height:16px;
    margin: 0 auto;
}
/* 2.5.1 Footer Main Navigation Links */
.footer-main-navigation {
	margin-bottom:1px;
	width: 968px;
	margin:0 auto;
}
.footer-main-navigation ul ul {
	display: none;
}

.footer-main-navigation ul li:hover > ul {
	display: block;
}
.footer-main-navigation ul {
	list-style: none;
	position: relative;
}
.footer-main-navigation ul:after {
	content: "";
	clear: both;
	display: block;
}
.footer-main-navigation ul li {
	float: left;
	cursor:pointer;
	background-repeat: no-repeat;	
	background-position:top left;
	transition: background-color 0.3s ease;
	background-color: rgba(184, 184, 184, 1);
}
.footer-main-navigation ul li:hover {
	background-color: #54a33a;
	background-position:top right;
}
.footer-main-navigation ul li:hover a {
	color: #fff;
}
.footer-main-navigation ul li a {
	font-size:11px;
	display: block;
	padding: 110px 25px 0 25px;
	color: #466692;
	height:42px;
	min-width:111px;
	text-decoration: none;
	line-height:14px;
}
.footer-main-navigation ul ul {
	padding: 0;
	position: absolute;
	top: 45%;
}

.footer-main-navigation ul ul li {
	float: none;
	position: relative;
}
.footer-main-navigation ul ul li a{
	min-height:18px;
	padding:0 25px;
	min-width:111px;	
}
.footer-main-navigation ul li.dropdown:hover{
	background:none;
}
.footer-main-navigation ul li.dropdown:hover a{
	color: #466692;	
}
.footer-main-navigation ul li.dropdown:hover ul li{
	background:none;
}
.footer-main-navigation ul li.dropdown:hover ul li a{
	color:#FFF;
}
.footer .left a{
	color:#54a33a;
}
.footer .left a:hover{
}
/* 2.5.2 Footer Links  */
.footer-links, .top-links{
}
.footer-links ul li, .top-links ul li{
	float:left;
	height:25px;
	margin-left:15px;
	letter-spacing:1px;
}
.footer-links ul li a, .top-links ul li a{
	color:#466692;
}
.footer-links ul li a:hover, .top-links ul li a:hover{
	text-decoration:none !important;
	color:#54a33a !important;
	margin-bottom:-10px;
}
.top-links ul li:hover{
	border-bottom:solid 10px #54a33a;
	color:#54a33a;
	margin-bottom:-10px;
}

.li_activo {
	border-bottom:solid 10px #54a33a;
	color:#54a33a;
}


#map_ccanvas {
  width: 520px;
  height: 255px;
  float: left;
  margin-left: 25px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: rgb(229, 227, 223);	
}

/*  Font Family */
.content-box h3, .content-box p{
font-family: 'avenirltstd';
}
.submit-btn1{
		display:none;
}

#form_contacto_smart {
	display:none;
}

@media only screen (min-width: 968px) and (max-width: 1200px) {
	.footer-container {
		position:relative;
	}
	.description a.right {
		display:none;
	}
	#form_contacto_smart {
		display:none;
	}
}
@media only screen and (max-width: 969px) {
	.box {
		width:auto;
	}
	.footer-container {
		width:auto;
	}
	.footer-main-navigation {
		background:none;
		padding:0;
	}
	.footer-container-inner {
		width:auto;
	}
	.footer-main-navigation ul li {
		background:#b2b4b5;
		margin-bottom:5px;
	}
	.footer-main-navigation ul li a {
		min-width:123px;
	}
	.footer-main-navigation ul li.dropdown:hover {
		background:#b2b4b5;
	}
	.footer-main-navigation ul ul {
		top:18%;
	}
	.content-box {
		padding:0 15px;
	}
	.content-box h3 span, .content-box h4 span{
		display:inline;
	}
	.content-box h3, .content-box h4{
		margin-left:0;
	}
	.submit-btn1{
		float:right;
		width:35%;
		margin-top:-10px;
		display:block;
	}
	
	.datos_proyecto_1{
		display:none;	
	}
	.contenido_der{
	float:none !important;	
	padding-bottom:10px; !important;	
	padding-left:25px; !important;	
	}
	
	#form_contacto_smart {
		display:none;
	}
	
	
}

@media only screen and (min-width: 768px) and (max-width: 969px) {
	#form_contacto_smart {
		display:block;
	}
	.mix-elements-container {
		width:420px;
	}
	form.search-form .submit-btn {
		width:115px;
	}
	.content-box .left-block{
		width:100%;
	}
	.content-box h3 span, .content-box h4 span{
		display:inline;
	}
	.content-box h3, .content-box h4{
		margin-left:0;

	}
	.table-container .property-details{
		padding:0;
		border-bottom:1px solid #CCC;
		margin-bottom:30px;
	}
	.table-container2 .property-details{
		padding:0;
		border-bottom:none!important;
		margin-bottom:0px!important;
	}
	.table-container .property-details p{
		font-size: 15px;
		letter-spacing: 0.2px;
		line-height: 20px;
		margin-bottom:20px;
	}
	.table-container .property-details .property-price {
		display: block;
		font-size: 24px;
		padding-top: 20px;
		text-align: left;
	}

	.table-container .table{
		display:none;
	}
	.floor-plan-details2 .right-block{
		padding-top:30px!important;
		border-top:#CCC 1px solid!important;
		margin-top:30px!important;
		padding-bottom:0px!important;
		border-bottom:none!important;
		margin-bottom:0px!important;

	}
	.floor-plan-details .right-block{
		display:block;
		width:100%;
		padding-bottom:30px;
		border-bottom:#CCC 1px solid;
		margin-bottom:30px;
	}
	.contact-form-container h4{
		text-align:left;
	}
	.contact-form-container .input-holder, .contact-form-container .textarea-holder{
		width:48%;
	}
	.contact-form-container .input-holder{
		float:left;
	}
	.contact-form-container .input-holder .input{
		width:99%;
	}
	.contact-form-container .textarea-holder .textarea{
		width:90%;
		height:60px;		
	}
	.contact-form-container .textarea-holder{
		float:right;
	}
	.contact-form-container .submit-btn{
		width:46%;
		float:right;
		margin:0 7px 0 auto;
	}
	.right-block .submit-btn2{
		display:none;
	}
	.submit-btn1{
		float:right;
		width:35%;
		margin-top:-10px;
		display:block;
	}
	
}

/* For iPhone Landscape Mode */
@media (min-width: 320px) and (max-width: 767px) {
	.blue-bar p.left {
		font-size:13px;
		line-height:18px;
	}
	.content-box {
		padding:0 5px;
	}
	.footer-main-navigation ul li a {
		min-width:70px;
	}
	.header h4 {
		display:none;
	}
	.top-links ul li a {
		padding:5px 13px;
	}
	.footer-links ul li a {
		padding:5px;
	}
	.mix-elements-container {
		width:auto;
	}
	form.search-form .submit-btn {
		width:305px;
	}
	.inner-wrapper .top-links ul li a {
		padding:5px 4px;
	}
	.property-container ul {
		margin-left:0;
	}
	.property-container ul li {
		margin:0 auto 28px auto;
		float:none;
	}
	.content-box .left-block{
		width:100%;
	}
	.content-box h3 span, .content-box h4 span{
		display:inline;
	}
	.content-box h3, .content-box h4{
		margin-left:0;
	}
	
	.table-container .property-details{
		padding:0;
		border-bottom:1px solid #CCC;
		margin-bottom:30px;
	}
	.table-container2 .property-details{
		padding:0;
		border-bottom:none!important;
		margin-bottom:0px!important;
	}
	.table-container .property-details p{
		font-size: 15px;
		letter-spacing: 0.2px;
		line-height: 20px;
		margin-bottom:20px;
	}
	.table-container .property-details .property-price {
		display: block;
		font-size: 30px;
		padding-top: 20px;
		text-align: left;
	}
	.table-container .table{
		display:none;
	}
	.floor-plan-details .right-block{
		display:block;
		width:100%;
		padding-bottom:30px;
		border-bottom:#CCC 1px solid;
		margin-bottom:30px;
	}
	.floor-plan-details2 .right-block{
		padding-top:30px!important;
		border-top:#CCC 1px solid!important;
		margin-top:30px!important;
		padding-bottom:0px!important;
		border-bottom:none!important;
		margin-bottom:0px!important;

	}
	.contact-form-container h4{
		text-align:left;
	}
	.contact-form-container .input-holder, .contact-form-container .textarea-holder{
		width:45%;
	}
	.contact-form-container .input-holder{
		float:left;
	}
	.contact-form-container .input-holder .input{
		width:96%;
	}
	.contact-form-container .textarea-holder .textarea{
		width:88%;
		height:60px;
	}
	.contact-form-container .textarea-holder{
		float:right;
	}
	.contact-form-container .submit-btn{
		width:44%;
		float:right;
		margin:0 2px 0 auto;
	}
	.right-block .submit-btn2{
		display:none;
	}
	.floor-plan {
		width:45%;
	}

	.floor-plan img{
		max-width:100%;
	}
	.floor-details{
		width:45%;
	}
	.floor-details ul li{
		font-size:14px;
		line-height:20px;
	}
	.property-container{
		text-align:center;
	}
	.submit-btn1{
		float:right;
		width:42%;
		margin-top:-10px;
		display:block;
	}
	#form_contacto_smart {
		display:block;
	}
	

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.footer-main-navigation ul li a {
		min-width:89px;
	}
	.content-box {
		padding:0 15px;
	}
	.footer-links ul li a {
		padding:5px;
	}
	.inner-wrapper .top-links ul li a {
		padding:5px 15px;
	}
	.content-box h3 span, .content-box h4 span{
	display:inline;
	}
	.content-box h3, .content-box h4{
		margin-left:0;
	}
	.submit-btn1{
		float:right;
		width:42%;
		margin-top:-10px;
		display:block;
	}
	#form_contacto_smart {
		display:block;
	}
	
}

@media only screen and (min-width: 321px) and (max-width: 479px) {
.contact-form-container .input-holder, .contact-form-container .textarea-holder{
		width:95%;
	}
	.contact-form-container .input-holder{
		float:none;
	}
	.contact-form-container .input-holder .input{
		width:96%;
	}
	.contact-form-container .textarea-holder .textarea{
		width:96%;
		height:60px;
	}
	.contact-form-container .textarea-holder{
		float:none;
	}
	.contact-form-container .submit-btn{
		width:100%;
	}
	.right-block .submit-btn2{
		display:none;
	}
	.floor-plan {
		width:100%;
	}
	.floor-plan img{
		max-width:100%;
	}
	.floor-details{
		width:100%;
		margin-top:25px;
	}
	.submit-btn1{
		display:none;
	}
	#form_contacto_smart {
		display:block;
	}
	
	
}

.datos_proyecto_2 {
	display:none;
}
/* ESTILOS DE SMARTPHONE */
/* ******************************************************************************* */
@media only screen and (max-width:  767px) {
	
	#form_contacto_smart {
		display:block;
	}
	
	.content-box .right-block {
		float: left;
		/*margin: 0 25px 0 25px;*/
		width:100%;
	}
	
	.pie-bar-center-inner p {
		font-size: 9px;
	}
	
	.content-boxinterna .contenido	{
		width:100%
	}
	
	.content-boxinterna .contenido_der {
		margin-left: 25px;
	}
	
	.pie-bar-center-inner {
  		width: 100%;
	}
	
	.primer_p {
		clear: both;
	}

	.contenido_contacto {
		left: auto;
		margin: 0 auto;
  	}

	.content-box h3 {
	  margin-top: 20px;
	}
	.select-container, .mix-elements-container, form.search-form .submit-btn {
		float: none;
		width: 100%;		
	}

	.content-form {
	  width: 100%;
	  box-sizing: border-box;
	  padding: 15px;
	}
	
	#map_ccanvas {
		width: 90%;
		float: none;
		margin: 0 auto;		
	}	

	.content-boxinterna .contenido_der {
		margin-bottom: 25px;	
		float:none;
	}

	.datos_proyecto_1 {
		display:none;
	}
	.datos_proyecto_2 {
		display:block;
	}
	.property-details {
	  padding: 10px 0 10px 0;
	  height: auto;
	}
	
	.header_ultimo_li {
	  /*clear: both;
	  float: right !important;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;*/
	}
	.top-links ul li {
	  float: none;
	  display: inline-block;
		margin-bottom: 10px;
	  
	}
	.li_activo:hover {
	margin-bottom:10px !important;
	}

	.top-links-container .top-links {
	  width: 100%;	
	text-align: center;
	/* margin-top:16px; */
	}
	.header .right {
	  /*width: 100%;	*/
	  margin-top:15px;
	  margin-bottom:10px;
	}
	.li_activo {
	  border-bottom: solid 10px #54a33a;	
	}
	.top-links ul li {
	  	height: 16px;
	}
	.footer-main-navigation {
	  margin-bottom: 1px;
	  width: 330px;
	  margin: 0 auto;	
	}
	.footer-container {	
		/*position: relative;*/
  		width: 100% !important;	
		/*margin-top: 405px;
		margin-top: 300px;	*/	
	}
	.footer-main-navigation ul li {	
		background-repeat: no-repeat !important;
		background-position: top left !important;
		background-color: rgba(184, 184, 184, 1) !important;	
	}
	.footer-main-navigation ul li a {
	  min-width: 111px;	
	}
	.blue-bar {
	  top: 195px;
	  width: auto;
	  left: 15px;
	  right: 15px;
	}
	.footer_home .footer {
	  width: 100%;
	  box-sizing: border-box;		
	}
	.footer_home .pie-bar-center {
		width: 100%;
	}
	.footer_home .pie-bar-center p {
		/*font-size:9px;*/
		line-height: 16px;
	}
	.top-links ul li a {
	  padding: 5px 4px;	
		font-weight: normal;	  
	}
	.top-links ul li {
  		/*margin-left: 14px;*/
	}
	.social {
		float: none;
	  position: absolute;
	  top: 45px;
	  right: 0px;		
	}
	.input-container input {
		width: 58px;
	}
	.input-container {
	  width: 76px !important;
	}
	
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
	form.search-form input.radio:empty ~ label {
		margin-top:0;
	}
	.input-container input {
		line-height:20px;
	}
}

.link_blanco a{
	color:#FFF;
}
.link_blanco a:hover{
	color:#466692;
}
.lista li {
  list-style-type:  square;
  list-style-image: url("../images/square.jpg");
}
.content-box a {
  color: #54a33a;
  font-size: 12px;
}
.content-box a:hover{
	color:#999;
	text-decoration:none;
}

.paginado {
	height: 40px;
    background-color: rgba(186, 186, 186, 0.65);
	margin: 20px 0;
}

.paginado select {
	padding: 5px;
	border: 1px solid #ccc;
}

.paginado_cont {
	margin: 0 auto;
	width: 280px;
	height: 40px;	
}

.paginado_link {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 80px;
}

.paginado_cant {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 40px;
}

.paginado_sel {
	display: inline-block;
	width: 60px;
	height: 34px;
	line-height: 34px;
	position: relative;
	border: 1px solid #e2b9ba;
}

.imgb {
	background-color: #fff;
}

.imgb img {
	transition:opacity 0.3s ease;
}
.imgb:hover img {
	opacity: 0.8;
}

.titulo_proyecto {
	font-size: 20px !important;
	color: #fff !important;
	text-shadow: 0px 0px 5px rgba(100, 100, 100, 0.75);
	margin-top:10px;
}

.inversiones_caso {
	width:182px; 
	height:220px; 
	border-right:solid 2px #FFF; 
	background-color:#D3D4D7; 
	float:left; 
	margin-bottom:25px; 
	color:#595A5A;
	position:relative;
}

.info_caso {
  background: #466692;
  background: rgb(70, 102, 146, 0.75);
  position: absolute;	
  top: 0;
  left: 0;
  width: 182px;
  height: 122px;
  color: #fff;
  opacity: 0;
  transition:opacity 0.3s ease;
}

.inversiones_caso:hover .info_caso {
	opacity:1;
}
.inversiones_caso_01 {
	width:182px; 
	height:220px; 
	border-right:solid 2px #FFF; 
	background-color:#D3D4D7; 
	float:left; 
	margin-bottom:25px; 
	color:#595A5A;
	position:relative;
}

.info_caso_01 {
  background: #466692;
  background: rgb(70, 102, 146, 0.75);
  position: absolute;	
  top: 0;
  left: 0;
  width: 182px;
  height: 122px;
  color: #fff;
  opacity: 0;
  transition:opacity 0.3s ease;
}

.inversiones_caso_01:hover .info_caso_01 {
	opacity:1;
}

@media only screen and (max-width: 768px) {
	.header_title {
	  margin-top: 10px;
	}
  }