/* fonts
------------------------------------------------------------------------------------------------------  */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src: url('fonts/AvenirNextLTPro-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-BoldCn';
	src: url('fonts/AvenirNextLTPro-BoldCn.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src: url('fonts/AvenirNextLTPro-Demi.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-DemiCn';
	src: url('fonts/AvenirNextLTPro-DemiCn.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-It';
	src: url('fonts/AvenirNextLTPro-It.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url('fonts/AvenirNextLTPro-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* font  */
	--font-titles: 'Playfair Display', serif;
	--font-body-bold: 'AvenirNextLTPro-Bold';
	--font-body-bold-condensed: 'AvenirNextLTPro-BoldCn';
	--font-body-demi: 'AvenirNextLTPro-Demi';
	--font-body-demi-condensed: 'AvenirNextLTPro-DemiCn';
	--font-body-italic: 'AvenirNextLTPro-It';
	--font-body-regular: 'AvenirNextLTPro-Regular';

	/* colores */
	--color-primary: #1b2735;
        --color-secondary: #C49871; 
	--color-black: #000000; 
	--color-white: #ffffff; 
	--color-alert: #c00000;
	--color-success: #5cac20;

}

	*{
		box-sizing: border-box;
		margin: 0px;
		padding: 0px;
	}


	/* body
	------------------------------------------------------------------------------------------------------  */
	body {
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		font-size: 16px;
		line-height: 1.5625em;
		font-family: var(--font-body-regular);
		text-align: left;
		z-index: 1;
	}


	/* layout cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
        .col_10     { float: left; margin: 0px; padding: 0px; width: 15%; }
        
        .col_33#i {
            width: 29%;
        }
        .col_33#t {
            width: 40%;
        }
        .col_33#t span {
            line-height: 40px;
            margin-top: 0.1em !important;
        }


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content-header{
		margin: 0 auto;
		width: 100%;
	    max-width: 1380px;
	}
	.content-header .izq{
		float: left;
		max-width: 80px;
		width: 100%;
		text-align: center;
		color: var(--color-primary);
	}	
	.content-header .der{
		max-width: 1200px;
		width: 100%;
                margin: 0 auto;
	}	
        .content-header .col_75{
		width: auto;
                float: right;
	}
	.content{
		margin: 0 auto;
		width: 90%;
                max-width: 1220px;            
	}
	.content-full{
		margin: 0 auto;
		width: 100%;
                max-width: 1600px;
	}
        .content .default-text{
		text-align: justify;
	}
        .content.w75{
		width: 74%;      
                text-align: justify;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-family: var(--font-titles);
		font-weight: 400;
		margin: 0em;
		font-size: 2.6em;
		line-height: 2rem;
	}
	h2{
		font-family: var(--font-titles);
		margin: 0px;
		font-size: 2.5em;
		line-height: 2.375rem;
	}
	h3{
		font-family: var(--font-titles);
		margin: 0px;
		font-size: 2em;
		line-height: 1.9375rem;
	}


	/* p
	------------------------------------------------------------------------------------------------------  */
	p {
		margin: 0px;
		padding: 0px;
	}


	/* a, link
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor: pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
		text-decoration: none;
	}

        a.link_email {
                font-size: 1.5em !important;
        }
        a.link_email:hover {
                color: var(--color-secondary) !important;
        }
	  
	/* btn
	------------------------------------------------------------------------------------------------------  */
	.btn{
		display: inline-block;
		color: var(--color-white);
		font-size: 1.1em;
		font-family: var(--font-body-demi);
		padding: 1.2em 1.25em;
		border-radius: 10px;
		background-color: var(--color-secondary);
		box-shadow: 0px 0px 10px #222;
	}
	.btn:hover{
		background-color: var(--color-primary);
	}
        
        
        .btn-azul{
                display: inline-block;
                color: var(--color-white);
                font-size: 1em;
                font-family: var(--font-body-regular);
                padding: 1em 1.25em;
                background-color: var(--color-primary);
        }
        .btn-azul:hover{
                background-color: var(--color-secondary);
        }


	/* link
	------------------------------------------------------------------------------------------------------  */
	.link{
		color: var(--color-white);
		background-image: url('../img/home/fletxa_mas.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 16px;
		padding-right: 25px;
		opacity: 0.7;
	}
	.link:hover{
		opacity: 1;
	}
        .link.no-arrow {
                background-image: none;
        }
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	.float-left{
		float: left;
	}
	.float-right{
		float: right;
	}


	/* forms
	------------------------------------------------------------------------------------------------------  */
	form{
		float: left;
		width: 100%;
	}
	form label{
		float: left;
		width: 100%;
		margin-top: 0.625em;
		padding: 0.25em 0.625em;
		box-sizing: border-box;
	}
	form input,textarea{
		float: left;
		width: 100%;
		margin-top: 0.625em;
		padding: 0.5em 0.625em;
		box-sizing: border-box;
		outline: none;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 1.25em 0em;
		box-sizing: border-box;
	}
	form .loschecks #lopd{
		margin-top: 0.25em;
	}				  
	.msgs_form{
		float: left; 
		clear: both; 
		display: none; 
		margin: 0.625em 0em; 
		color:var(--color-secondary); 
		padding: 0.625em 0.625em; 
		background-color: var(--color-lightgrey);
	}		  
	.msgs_send{
		float: left; 
		clear: left; 
		width: auto; 
		margin: 0.625em 0em;
		background-color: var(--color-success);
		color: var(--color-white);
		padding: 0.625em 0.625em;
		box-sizing: border-box;
		display: none; 
	}
        .warning {
            border: 1px solid #c00 !important;
        }
        .msg-alert {
            color: #c00;
            padding: 25px 0 10px 0;    
            font-size: 15px;
            display: none;
        }
		  

	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: right;
		margin-right: 1.25em;
		margin-top: 0.96em;
		margin-left: 0.5em;
	}
	#pull img{
		width: 1.875em;
	}
	#pull img:hover{
		opacity: 0.8;
	}
	

	/* header
	------------------------------------------------------------------------------------------------------  */
	#main-header{
		float: left;
		width: 100%;
		padding: 1em 0em;
		background-color: var(--color-primary);
                position: fixed;
                z-index: 9999;
	}
	#main-header #logo{
		display: inline-block;
	}
	#main-header #logo img{
		width: 10em;
	}
	#main-header nav{
		float: right;
		margin-right: 30px;
	}
	#main-header nav #nav-menu{
		float: left;
		padding: 0.5em 0em;
		margin-top: 0.8em;
		list-style: none;
	}
	#main-header nav #nav-menu li{
		float: left;
	}
	#main-header nav #nav-menu li a{ 
		display: inline-block;
		margin-left: 1.6em;
		color: var(--color-white);
		position: relative;
	}
	#main-header nav #nav-menu li a.active{ 
		color: var(--color-secondary);
	}
	#main-header nav #nav-menu li a.active:before{
		content: "";
		position: absolute;
		width: 50%;
		height: 1px;
		bottom: 0;
		left: 25%;
		border-bottom: 1px solid var(--color-secondary);
	}
	#main-header nav #nav-menu li a:hover{ 
		color: var(--color-secondary);
	}
	#main-header .idiomas{
		float: right;
		padding: 0.5em 0em;
		margin-top: 0.8em;
		margin-left: 3em;
		color: var(--color-secondary);
	}
	#main-header .idiomas a{
		color: var(--color-secondary);
		font-family: var(--font-body-demi);
		opacity: 0.6;
	}
	#main-header .idiomas a.active{
		opacity: 1;
	}
	#main-header .idiomas a:hover{
		opacity: 1;
	}






	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		display: inline-block;
		width: 100%;
		background-color: var(--color-primary);
                margin-top: 95px;
	}
	#home .social{
		display: table;
		width: 100%;
		height: 23.125em;
		padding-bottom: 0.9375em;
	}
	#home .social .box{
		display: table-cell;
		width: 100%;
		vertical-align: bottom;
		text-align: center;
	}
	#home .social .box a{
		display: inline-block;
		width: 100%;
	}
	#home .social .box a img{
		opacity: 1;
		margin: 0.7em 0em;
	}
	#home .social .box a img:hover{
		opacity: 0.7;
	}
	#home .slider{
		float: left;
		width: 100%;
		position: relative;
		z-index: 2;
	}
	#home .slider .slide{
		float: left;
		display: table;
		width: 100%;
		height: 35.625em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#home .slider .slide .con{
		display: table-cell;
		text-align: center;
		height: 35.625em;
		width: 1200px;
		vertical-align: middle;
	}
	#home .slider .slide .con .txt{
		display: inline-block;
		text-align: center;
		padding: 0em 2em;
		width: 100%;
		font-size: 4em;
		line-height: 0.9em;
		font-family: var(--font-body-demi);
		color: var(--color-white);
	}



	/* inicio
	------------------------------------------------------------------------------------------------------  */
	#inicio{
		display: inline-block;
		position: relative;
		z-index: 1;
		margin-top: -16em;
		width: 100%;
		background-color: var(--color-white);
	}
	#inicio .descubre{
		display: table;
		width: 100%;
		padding-top: 1.5625em;
	}
	#inicio .descubre img{
		width: 1em;
		opacity: 0.7;
	}
	#inicio .descubre img:hover{
		opacity: 1;
	}
	#inicio .der{
		padding-top: 17em;
	}
	#inicio .textos{
		display: inline-block;
		width: 100%;
		text-align: center;
		/*padding-right: 80px;*/
		color: var(--color-primary);
	}
	#inicio .textos .abstract{
		display: inline-block;
		width: 100%;
		max-width: 40em;
		font-size: 1.2em;
		margin-top: 2em;
	}
	#inicio .textos .abstract strong{
		font-family: var(--font-body-demi);
	}




	/* video
	------------------------------------------------------------------------------------------------------  */
	#video{
		display: inline-block;
		margin-top: 5em;
		width: 100%;
		height: 40.625em;
		background-image: url('../img/home/bg_indiana.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#video .video-item{
		display: inline-block;
		width: 100%;
		height: 40.625em;
		margin-top: 6.25em;
		background-image: url('../img/home/banner_video.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#video .video-item img{
		width: 5em;
		margin-top: 18.75em;
		opacity: 0.7;
	}
	#video .video-item img:hover{
		opacity: 1;
	}
        #video .video-item .txt{
		color: #fff;
                font-size: 18px;
                opacity: 0.7;                
	}
        
        .embed-container {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                max-width: 100%;
        }
        .embed-container iframe, .embed-container object, .embed-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
        }
        
        
        
        /* Tour Virtual
	------------------------------------------------------------------------------------------------------  */
        #tour-virtual .txt {
            position: absolute;
            color: #fff;
            display: block;
            margin-top: -22%;
            width: 100%;
            text-align: center;
            font-size: 1.3em;
        }





	/* info
	------------------------------------------------------------------------------------------------------  */
	#info{
		display: inline-block;
		margin-top: 5em;
		width: 100%;
		margin-top: 11.875em;
	}
	#info .box-info{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#info .box-info .item-info-left{
		margin-right: 2%;		
	}
	#info .box-info .item-info-center{
		margin-left: 1%;		
		margin-right: 1%;		
	}
	#info .box-info .item-info-right{
		margin-left: 2%;		
	}
	#info .box-info .item-info{
		float: left;
		width: 31.33%;		
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		box-shadow: 0em 1.25em 1.5625em #222;
		padding-bottom: 2.1875em;
	}
	#info .box-info .item-info h2{
		display: inline-block;
		width: 100%;
		margin-top: 10em;
		font-weight: 400;
		color: var(--color-white);
	}
	#info .box-info .item-info .link{
		display: inline-block;
		margin-top: 10px;
	}
	#info .box-info .back-ubicacion{
		background-image: url('../img/home/banner_ubicacion.jpg');
	}
	#info .box-info .back-viviendas{
		background-image: url('../img/home/banner_viviendas.jpg');
	}
	#info .box-info .back-acabados{
		background-image: url('../img/home/banner_acabados.jpg');
	}
	



	/* cabecera
	------------------------------------------------------------------------------------------------------  */
	#cabecera{
		float: left;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		color: var(--color-white);
		text-align: center;
                margin-top: 95px;
	}
	.cabecera-ubicacion{
		background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url("../img/ubicacion/ubicacion_cap.jpg");
		padding-top: 5.4em;
		padding-bottom: 6.25em;
	}
	.cabecera-edificio{
		background-image: url('../img/edificio/edificio_cap.jpg');
		padding-top: 7em;
		padding-bottom: 7.5em;
	}
	.cabecera-viviendas{
		background-image: url('../img/viviendas/viviendas_cap.jpg');
		padding-top: 7em;
		padding-bottom: 7.5em;
	}
	.cabecera-octavia{
		background-image: url('../img/viviendas/octavia/octavia_cap.jpg');
		padding-top: 2em;
		padding-bottom: 3em;
	}
        
        .cabecera-contacto{
                background-image: url('../img/contacto/contacto_cap.jpg');
                padding-top: 7em;
                padding-bottom: 7.5em;
        }
        .cabecera-acabados{
                background-image: url('../img/acabados/acabados_cap.jpg');
                padding-top: 7em;
                padding-bottom: 7.5em;
        }


	#cabecera h1{
		display: inline-block;
		font-family: var(--font-body-demi);
		font-size: 4.5em;
	}
	#cabecera span{
		display: inline-block;
		width: 100%;
		font-family: var(--font-titles);
		font-size: 2.6em;
		margin-top: 0.5em;
		line-height: 0.9em;
	}
	.cabecera-octavia img{
		display: inline-block;
		width: 11.875em;
	}
	.cabecera-octavia h1{
		display: inline-block;
		width: 100%;
		font-size: 3em !important;
		font-family: var(--font-titles) !important;
		margin-top: 0.8em;
	}



	#edificio-intro #nav-menu{
		display: inline-block;
		margin-top: 4em;
		list-style: none;
	}
	#edificio-intro #nav-menu li{
		float: left;
	}
	#edificio-intro #nav-menu li a{ 
		display: inline-block;
		margin: 0em 3em;
		color: var(--color-primary);
		font-family: var(--font-body-demi);
		position: relative;
		padding-bottom: 0.3em;
	}
	#edificio-intro #nav-menu li a.active{ 
		color: var(--color-secondary);
	}
	#edificio-intro #nav-menu li a.active:before{
		content: "";
		position: absolute;
		width: 30%;
		height: 1px;
		bottom: 0;
		left: 35%;
		border-bottom: 1px solid var(--color-secondary);
	}
	#edificio-intro #nav-menu li a:hover{ 
		color: var(--color-secondary);
	}	

	



	/* banners
	------------------------------------------------------------------------------------------------------  */
	#banners{
		float: left;
		width: 100%;
		margin-top: -2em;
		margin-bottom: -0.56em;
	}
	#banners .box-banners{		
		display: inline-block;
		width: 100%;
		margin-bottom: 3em;
	}
	#banners .box-banners .banner-saloncomedor{		
		background-image: url('../img/viviendas/octavia/banner_salon.jpg');
	}
	#banners .box-banners .banner-cocina{		
		background-image: url('../img/viviendas/octavia/banner_cocina.jpg');
	}
	#banners .box-banners .banner-habitaciones{		
		background-image: url('../img/viviendas/octavia/banner_habitaciones.jpg');
	}
	#banners .box-banners .banner-item{		
		float: left;
		width: 31.11%;
		margin: 0px 1.11%;
		height: 23em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
        #banners .box-banners .banner-item.duplex{		
		float: left;
		width: 22.75%;
		margin: 0px 1.11%;
		height: 23em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#banners .box-banners .banner-item:hover{		
		box-shadow: 0px 5px 40px #ccc;
	}
	#banners .box-banners .banner-item .texto{	
		display: table;
		width: 100%;
		height: 23em;		
		padding-bottom: 30px;
	}
	#banners .box-banners .banner-item .txt{		
		display: table-cell;
		vertical-align: bottom;
		text-align: center;
		color: var(--color-white);
		font-family: var(--font-body-demi);
		font-size: 1.8em;
                width:100%;     
                text-shadow: 0.05em 0.05em #555;
	}
	#banners .foto100{
		width: 100%;
	}





	/* mapa
	------------------------------------------------------------------------------------------------------  */
	#mapa{
		float: left;
		width: 100%;
		background: rgba(196, 152, 113, 0.3);
		padding-top: 4em;
	}
	#mapa #nombre .imagen{ 	
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 0px;
	}
	#mapa #nombre .imagen img{ 	
		width: 190px;
	}
	#mapa #nombre span{	
		text-align: right;
                padding-right: 40px;
		margin-top: 0.3em;
		display: inline-block;
		width: 100%;
		font-size: 2.8em;
		font-family: var(--font-titles);
		color: var(--color-primary);
	}
	#mapa #mapa-item{
		margin-top: 3em;
	}
	#mapa #info{
		margin-top: 0em;
		padding: 3em 0em;
		text-align: center;
	}
	#mapa #info .tit{	
		font-size: 1.2em;
		margin-bottom: 0.4em;
	}
	#mapa #info .val{	
		font-size: 2.2em;
	}
	#mapa #info .val sup{	
		font-size: 0.6em !important;
		font-family: var(--font-body-demi);
	}
	#mapa .foto100{
		width: 100%;
	}
	#mapa #btns{
		text-align: center;
		padding-top: 1em;
		padding-bottom: 4em;
	}
	#mapa #btns .btn{
		display: inline-block;
		padding: 1.2em 4em;
		box-shadow: 0px 0px 30px #999;
	}





	/* descubre
	------------------------------------------------------------------------------------------------------  */
	#descubre{
		float: left;
		width: 100%;
	}
	#descubre .box-title{		
		float: left;
		padding: 2.1875em;
		text-align: right;
		width: 100%;
		background-color: var(--color-primary);
		color: var(--color-white);
	}
	#descubre .box-title h2{	
		font-weight: 300;
		margin-top: 1em;
	}
	#descubre .box-title img{		
		float: right;
		width: 24em;
		margin-top: 2em;
	}
	#descubre .box-textos{		
		float: left;
		width: 85%;
		margin-top: 3em;
		padding: 2.1875em;
		color: var(--color-primary);
                text-align: justify;
	}
	#descubre .box-textos .destacado{	
		font-family: var(--font-body-demi);	
		font-size: 1.3em;
	}
	#descubre .box-textos strong{
		font-family: var(--font-body-demi);
	}	
	#descubre .foto100{
		position: relative;
		z-index: 1;
		width: 100%;
	}
	#descubre .mas{
		float: left;
		position: relative;
		z-index: 999;
		margin-left: 5%;
		margin-top: 5.2em;
	}
	#descubre .mas img{
		width: 1em;
		opacity: 1;
	}
	#descubre .mas img:hover{
		opacity: 0.7;
	}
	#descubre .mas .linea{
		position: absolute;
		z-index: 999;
		border-left: 1px solid var(--color-secondary);
		height: 31em;
		margin-left: 0.37em;
		margin-top: 0.7em;
	}





	/* origenes
	------------------------------------------------------------------------------------------------------  */
	#origenes{
		float: left;
		width: 100%;
	}
	#origenes .box-title{		
		float: left;
		padding: 2.1875em;
		text-align: right;
		width: 100%;
		color: var(--color-primary);
	}
	#origenes .box-title h2{	
		font-weight: 300;
		margin-top: 1em;
		line-height: 1.1em;
	}
	#origenes .box-textos{		
		float: left;
		width: 85%;
		margin-top: 3em;
		padding: 2.1875em;
		color: var(--color-primary);
                text-align: justify;
	}
	#origenes .box-textos .destacado{	
		font-family: var(--font-body-demi);	
		font-size: 1.3em;
	}
	#origenes .box-title-center{		
		float: left;
		text-align: center;
		width: 100%;
		color: var(--color-primary);
	}
	#origenes .box-title-center h2{	
		font-weight: 300;
		margin-top: 1em;
		line-height: 1.1em;
	}
	#origenes .foto100{
		margin-top: 3em;
		position: relative;
		z-index: 1;
		width: 100%;
	}
	#origenes #fondo-azul{
		position: relative;
		z-index: -1;
		width: 100%;
		height: 520px;
		background-color: var(--color-primary);
		margin-top: -440px;
	}







	/* historia
	------------------------------------------------------------------------------------------------------  */
	#historia{
		float: left;
		width: 100%;
		margin: 6em 0em;
	}
	#historia .box{
		float: left;
		padding: 0em 3em;
		margin-left: 25%;
		text-align: left;
		width: 75%;
		color: var(--color-primary);	
                text-align: justify;
	}
	#historia .box h2{
		font-weight: 300;
		line-height: 1.1em;
	}
	#historia .box p{
		margin-top: 2.5em;
	}
	#historia .foto100{
		width: 100%;
	}






	/* estuche
	------------------------------------------------------------------------------------------------------  */
	#estuche{
		float: left;
		width: 100%;
	}
	#estuche .content-full{
		width: 100%;
		background-image: url('../img/ubicacion/bg_cita.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		height: 510px;
		background-size: cover;
		padding-top: 210px;
		color: var(--color-primary);
		text-align: center;
	}
	#estuche .cita{
		display: inline-block;
		width: 80%;
		max-width: 610px;
		font-size: 2.1em;
		line-height: 1.1em;
		font-family: var(--font-body-demi);
	}
	#estuche span{
		display: inline-block;
		width: 100%;
		font-family: var(--font-titles);
		margin-top: 1.4em;
		font-size: 1.7em;
	}




	/* hoy
	------------------------------------------------------------------------------------------------------  */
	#hoy{
		float: left;
		width: 100%;
		margin: 6em 0em;
		color: var(--color-primary);	
	}
	#hoy .box{
		float: left;
		padding: 0em 3em;
		margin-left: 5%;
		text-align: left;
		width: 75%;
                text-align: justify;
	}
	#hoy .box h2{
		font-weight: 300;
		line-height: 1.1em;
	}
	#hoy .box p{
		margin-top: 2.5em;
	}
	#hoy .foto100{
		width: 100%;
	}



	/* edificio-intro
	------------------------------------------------------------------------------------------------------  */
	#edificio-intro{
		float: left;
		width: 100%;
		margin: 3em 0em;
		margin-bottom: 2em;
		font-size: 1.1em;
		color: var(--color-primary);
		text-align: center;
	}
	#edificio-intro .box{
		display: inline-block;
		width: 80%;
		max-width: 820px;
	}


        /* contacto
        ------------------------------------------------------------------------------------------------------  */
        #contacto{
                float: left;
                width: 100%;
                margin: 3em 0em;
                margin-bottom: 2em;
                font-size: 1.1em;
                color: var(--color-primary);
                text-align: center;
        }
        #contacto .box{
                display: inline-block;
                width: 80%;
                max-width: 730px;
        }
        #contacto .text_big{
                font-family: var(--font-titles);
                font-size: 2em;
        }
        #contacto .text_medium a{
                font-size: 1em;
                color: var(--color-black);
                font-family: var(--font-titles);
        }
        #contacto .text_small{
                font-size: 0.8em;
        }
        #contacto #formContact{
                display: inline-block;
                margin-top: 1.2em;
                width: 100%;
        }
        #contacto #formContact input{
                float: left;
                width: 48%;
                font-family: var(--font-body-regular);
                margin: 15px 1%;
                padding: 20px;
                font-size: 1em;
                box-sizing: border-box;
        }
        #contacto #formContact textarea{
                float: left;
                width: 98%;
                font-family: var(--font-body-regular);
                margin: 15px 1%;
                padding: 20px;
                font-size: 1em;
                box-sizing: border-box;
                height: 150px;
        }
        #contacto #formContact .btn-azul{
                max-width: 370px;
                width: 80%;
                margin-top: 1em;
        }
        #contacto #formContact .los_check{
                float: left;
                width: 100%;
        }
        #contacto #formContact .los_check input{
                float: left;
                width: 15px;
                margin-top: 2px;
        }
        #contacto #formContact .los_check span{
                float: left;
                font-size: 0.8em;
                line-height: 1em;
        }
        #contacto #formContact .los_check span a{
                color: var(--color-black);
                text-decoration: underline;
        }
        #contacto .logos{
                display: inline-block;
                width: 100%;
                max-width: 1200px;
                margin-top: 2em;
        }
        #contacto .logos .promueve{
                float: left;
                width: 20%;
                text-align: center;
                /*margin-right: 5%;*/
        }
        #contacto .logos .promueve .textos{
                width: 100%;
                min-height: 70px;
        }
        #contacto .logos .promueve .textos span{
                width: 130px;
                text-align: center;
                display: inline-block;
        }
        #contacto .logos .promueve img{
                width: 158px;
        }
        #contacto .logos .promueve.render img{
                width: 95px;
                margin-top: -15px;
        }
        #contacto .logos .promueve.all img{
                margin-top: -15px;
        }
        #contacto .logos .arquitectura{
                float: left;
                width: 20%;
                text-align: center;
                /*margin-left: 5%;*/
        }
        #contacto .logos .arquitectura .textos{
                width: 100%;
                min-height: 70px;
        }
        #contacto .logos .arquitectura img{
                width: 138px;
        }
        #contacto .logos .arquitectura .nombres{
                font-size: 0.7em;
                margin-top: 1em;
                line-height: 1em;
        }



        /* acabados
        ------------------------------------------------------------------------------------------------------  */
        #acabados{
                float: left;
                width: 100%;
                margin: 3em 0em;
                margin-bottom: 2em;
                font-size: 1.1em;
                color: var(--color-primary);
                text-align: center;
        }
        #acabados .list-acabados{
                display: inline-block;
                width: 100%;
        }
        #acabados .list-acabados .item{
                float: left;
                width: 24%;
                height: 160px;
                background-position: center center;
                background-repeat: no-repeat;
                background-color: #DADADA;
                margin: 0.5%;
        }
        .item-beeam{
                background-image: url('../img/acabados/logo-breeam.png');
                background-size: 40%;
        }
        .item-bulthaup{
                background-image: url('../img/acabados/logo_bulthaup.png');
                background-size: 70%;
        }
        .item-duravit{
                background-image: url('../img/acabados/logo_duravit.png');
                background-size: 75%;
        }
        .item-hansgrohe{
                background-image: url('../img/acabados/logo_hansgrohe.png');
                background-size: 80%;
        }
        .item-monparket{
                background-image: url('../img/acabados/logo_monparket.png');
                background-size: 80%;
        }
        .item-neff{
                background-image: url('../img/acabados/logo_neff.png');
                background-size: 50%;
        }
        .item-porcelanosa{
                background-image: url('../img/acabados/logo_porcelanosa.png');
                background-size: 80%;
        }
        .item-technal{
                background-image: url('../img/acabados/logo_technal.png');
                background-size: 80%;
        }
        .item-siemens{
                background-image: url('../img/acabados/logo_siemens.png');
                background-size: 70%;
        }

        #acabados .caracteristicas{
                display: inline-block;
                width: 100%;
                margin-top: 3em;
                margin-bottom: 5em;
        }
        #acabados .caracteristicas .caract{
                display: inline-block;
                width: 49.6%;
                margin: 0px;
                padding: 3em 4%;
                text-align: center;
                vertical-align: top;
        }
        #acabados .caracteristicas .linea{
                width: 100%;
                border-top: 1px solid var(--color-secondary);
        }
        .no-border-top{
                border-top: 0px !important;
        }
        #acabados .caracteristicas .caract .foto{
                display: inline-block;
                width: 100%;
        }
        #acabados .caracteristicas .caract .foto img{
                width: 72px;
        }
        #acabados .caracteristicas .caract .nom{
                display: inline-block;
                width: 100%;
                font-family: var(--font-body-bold);
                color: var(--color-secondary);
                margin-top: 1em;
        }
        #acabados .caracteristicas .caract .desc{
                text-align: justify;
        }
        #acabados .caracteristicas .caract .desc ul li{
                margin-bottom: 15px;
        }

        #acabados .caracteristicas .info{
                margin-top: 30px;
        }
        #acabados .caracteristicas .info p{
                font-size: 14px;
                text-align: left;
                line-height: 18px;
                padding-bottom: 10px;
        }



	/* slider-fotos
	------------------------------------------------------------------------------------------------------  */
	#slider-fotos{
		float: left;
		width: 100%;
	}
	#slider-fotos .slider{
		float: left;
		width: 100%;
		position: relative;
		z-index: 2;
	}
	#slider-fotos .slider .slide{
		float: left;
		position: relative;
		z-index: 0;
		display: table;
		width: 100%;
		height: 38.75em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}

	#slider-fotos .info{
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 12em;
		z-index: 9999;
		margin-top: -11.5em;
		margin-bottom: 6em;
	}
	#slider-fotos .info .nom{
		font-size: 1.2em;
		color: var(--color-primary);
                display: none;
	}
        #slider-fotos .info .nom.active{
		display: block;
	}
	#slider-fotos .info .num{
		background: rgba(27, 39, 53, 0.8);
		border-radius: 12px;
		padding-top: 1.3em;
		padding-bottom: 1.1em;
	}
	#slider-fotos .info .num a img{
		width: 9px;
		margin: 0em 0.5em;
	}
	#slider-fotos .info .num span{
		color: var(--color-white);
		font-family: var(--font-body-demi);
		font-size: 1.3em;
	}
	



	/* edificio-textos
	------------------------------------------------------------------------------------------------------  */
	#edificio-textos{
		float: left;
		width: 100%;
		font-size: 1.1em;
		color: var(--color-primary);
		margin-bottom: 5em;
	}
        #edificio-textos h2{
                width: 100%;
                font-weight: 300;
                font-size: 2em;
                text-align: center;
                margin-top: 0.3em;
                margin-bottom: 1.5em;
        }	
        #edificio-textos #item-img{
                text-align: center;
        }
        #edificio-textos #item-img .edificio-logo-beeam{
                max-width: 230px;
                width: 80%;
        }
        #edificio-textos strong{
                font-family: var(--font-body-demi);
        }
	#edificio-textos .separa{
		margin: 1.5em 0em;
		max-width: 31.25em;
		width: 100%;
	}
	#edificio-textos .box-texto{
		width: 90%;
                text-align: justify;
	}
	#edificio-textos .box-texto ul{
		margin-left: 20px;
	}
	#edificio-textos .box-texto ul li{
		margin-bottom: 5px;
	}
	#edificio-textos .box-texto .fotos{
		width: 100%;
		margin-top: 1em;
	}
	#edificio-textos .box-texto .fotos .img-peq{
		float: left;
		width: 18.4%;
		margin: 15px 0.8%;
	}
	#edificio-textos .box-texto .fotos .img-med{
		float: left;
		width: 39.2%;
		margin: 0px 0.4%;
	}
	#edificio-textos .box-texto .fotos .img-gran{
		float: left;
		width: 59.2%;
		margin: 0px 0.4%;
	}


        /* circulo
        ------------------------------------------------------------------------------------------------------  */
        #circulo{
                float: left;
                width: 100%;
                background-color: #DADADA;
                padding: 3em 0em;
                text-align: center;
        }
        #circulo img{
                width: 80%;
                max-width: 835px;
        }
        #circulo #el_ul{
                display: inline-block;
                width: 100%;
                margin-top: 3em;
                text-align: left;
                font-size: 1.1em;
        }	
        #circulo #el_ul ul li{
                margin-bottom: 0.3em;
        }


	/* perfecto
	------------------------------------------------------------------------------------------------------  */
	#perfecto{
		float: left;
		width: 100%;
	}
	#perfecto .box-textos{		
		float: left;
		padding: 2.1875em;
		margin-left: 3%;
		text-align: left;
		width: 80%;
		color: var(--color-primary);
                text-align: justify;
	}
	#perfecto .box-textos h2{	
		font-weight: 300;
		margin-top: 1em;
	}
	#perfecto .box-textos .txt{
		margin-top: 2em;
		font-size: 1.2em;
	}		
	#perfecto .capa-back{
		position: absolute;
		z-index: -1;
		width: 55%;
		max-width: 53.125em;
		height: 450px;
		background: rgba(196, 152, 113, 0.3);
	}
	#perfecto .foto100{
		position: relative;
		z-index: 1;
		width: 100%;
		margin-top: 5em;
	}
	#perfecto .mas{
		float: left;
		position: relative;
		z-index: 999;
		margin-left: 5%;
		margin-top: 5.2em;
	}
	#perfecto .mas img{
		width: 1em;
		opacity: 1;
	}
	#perfecto .mas img:hover{
		opacity: 0.7;
	}
	#perfecto .mas .linea{
		position: absolute;
		z-index: 999;
		border-left: 1px solid var(--color-secondary);
		height: 21em;
		margin-left: 0.37em;
		margin-top: 0.7em;
	}


        /* recuperacion
        ------------------------------------------------------------------------------------------------------  */
        #recuperacion{
                float: left;
                width: 100%;
                font-size: 1.1em;
                color: var(--color-primary);
                padding: 2em 0em;
                padding-bottom: 3em;
                text-align: justify;
        }
        #recuperacion h2{
                width: 100%;
                font-weight: 300;
                font-size: 2em;
                text-align: center;
                margin-top: 0.3em;
                margin-bottom: 1.5em;
        }		
        #recuperacion ul{
                display: inline-block;
                width: 90%;
                margin-left: 20px;
                margin-top: 2em;
        }
        #recuperacion .fotos{
                float: right;
                width: 95%;
                margin-top: 2em;
        }
        #recuperacion .fotos .foto{
                display: inline-block;
                width: 48%;
                vertical-align: top;
                margin-bottom: 0.7em;
        }
        #recuperacion .fotos .foto img{
                width: 95%;
        }
        #recuperacion .fotos .foto2{
                display: inline-block;
                width: 26.5%;
                vertical-align: top;
                margin-bottom: 0.7em;  
                margin-left: 0;
                margin-right: 0;
                text-align: center;
                margin-top: -25px;
        }
        #recuperacion .fotos .foto2 img{
                width: 80%;
        }
        #recuperacion .fotos .foto2 img.img2{
                width: 65%;
        }
        #recuperacion .fotos .foto2 img.img3{
                width: 67%;  
                margin-left: 12px;
        }
        #recuperacion .fotos .foto2.m{                
                margin-left: 9%;
                margin-right: 9%;                
        }        
	


	/* seleccione
	------------------------------------------------------------------------------------------------------  */
	#seleccione{
		float: left;
		width: 100%;
	}
	#seleccione .box-title-center{		
		float: left;
		text-align: center;
		width: 100%;
		color: var(--color-primary);
		margin-top: 3em;
		margin-bottom: 2em;
	}
	#seleccione .box-title-center h2{	
		font-weight: 300;
		line-height: 1.1em;
	}
	#seleccione #viviendas{
		display: inline-block;
		width: 100%;
		background: rgba(196, 152, 113, 0.3);
		margin-top: 6.25em;
		padding-bottom: 6em;
	}
	#seleccione #viviendas .box-viviendas{
		display: inline-block;
		width: 100%;
		margin-top: -4.2em;
	}
	#seleccione #viviendas .box-viviendas .vivienda-item{
		float: left;
		width: 31.11%;
		margin: 0px 1.11%;		
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .tipo{
		float: left;
		width: 100%;
		margin-bottom: 3em;		
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .tipo img{
		width: 100%;		
		box-shadow: 0px 5px 40px #ccc;
		border-radius: 12px;	
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta{
		float: left;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 11px;
		margin-bottom: 2em;
		border-radius: 12px;
		font-size: 1.1em;
		background-color: var(--color-white);
		color: #666;
		box-shadow: 0px 5px 40px #ccc;
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta:hover{
		background-color: var(--color-secondary);
		color: var(--color-white);
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta:hover .linea{
		border-top: 1px solid var(--color-white);
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta .text{
		float: left;
		/*width: 50%;*/
                width: 65%;
		text-align: center;
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta .linea{
		float: left;
		/*width: 10%;*/	
                width: 8%;	
		margin-top: 10px;
		border-top: 1px solid #777;
	}
	#seleccione #viviendas .box-viviendas .vivienda-item .planta .valor{
		float: left;
		/*width: 33%;*/
                width: 15%;
		font-family: var(--font-body-bold);
		margin-left: 7%;
		text-align: left;
	}



        
        /* legal
	------------------------------------------------------------------------------------------------------  */
	#legal-textos{
		float: left;
		width: 100%;
		font-size: 1.1em;
		color: var(--color-primary);
		margin-bottom: 5em;
                margin-top: 50px;
	}
        #legal-textos .destacado{	
		font-family: var(--font-body-demi);			
	}
        #legal-textos p{	
		margin-bottom: 15px;		
	}
        #legal-textos ul {	
		margin-left: 25px;
                margin-bottom: 20px;
	}
	



	/* footer
	------------------------------------------------------------------------------------------------------  */
	#main-footer{
		float: left;
		width: 100%;
		background-color: var(--color-primary);
		padding-top: 15.625em;
		margin-top: -11.25em;
	}
	#main-footer .box-btns{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#main-footer .box-btns .item-btns-left{
		margin-right: 2%;		
	}
	#main-footer .box-btns .item-btns-center{
		margin-left: 1%;		
		margin-right: 1%;		
	}
	#main-footer .box-btns .item-btns-right{
		margin-left: 2%;		
	}
	#main-footer .box-btns .item-btns{
		float: left;
		width: 31.33%;		
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 35px;
	}
	#main-footer .box-btns .item-btns .btn{
		box-shadow: 0em 0em 0.625em #222;
		width: 100%;
		line-height: 1em;
	}
	#main-footer .box-btns .item-btns .btn:hover{
		background-color: var(--color-white);
		color: var(--color-secondary);
	}
	#main-footer #copy{
		float: left;
		width: 100%;
		border-top: 1px solid #666;
		padding: 1.875em 0px;
		color: #999;
		font-family: var(--font-body-demi);
	}
	#main-footer #copy span{
		font-family: var(--font-body-demi);
	}
	#main-footer #copy a{
		color: var(--color-secondary);
		margin-left: 1.875em;
	}
	#main-footer #copy a:hover{
		color: var(--color-white);
	}

	#main-footer #copy a img{
		opacity: 1;
	}
	#main-footer #copy a img:hover{
		opacity: 0.7;
	}





	/* responsive
	------------------------------------------------------------------------------------------------------  */

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

		.content-header{
			max-width: 100%;
		}
		.content-header .izq{
			max-width: 3%;
		}	
		.content-header .der{
			/*max-width: 94%;*/
		}	

	}
        
        @media screen and (min-width: 1240px) {

		#interiores .slider .slide{
                        height: 46em !important;                           
                }
	}
        
        
        



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

		#descubre .box-title{		
			padding-bottom: 5em;
		}

	}

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

		#origenes #fondo-azul{
			height: 420px;
			margin-top: -340px;
		}

	}

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

		#main-header nav #nav-menu{
			display: none;
			position: absolute;
			left: 0;
			top: 4.8em;
			width: 100%;
			z-index: 99;
			background-color: var(--color-primary);
			padding: 2em 0em;
			text-align: center;
			padding-right: 30px;
			padding-left: 30px;
			z-index: 999;
		}
		#main-header nav #nav-menu li a{ 
			margin-left: 0em;
		}
		#main-header nav #nav-menu li{
			float: left;
			width: 100%;
			font-size: 1.5em;
			padding: 0.5em 0em;
			border-top: 1px solid #666;
		}
		#pull{
			display: inline-block;
		}
		body {
			font-size: 14px;
		}	
		.content{
			width: 80%;
		}

		#video{
			height: 30.625em;
		}
		#video .video-item{
			height: 30.625em;
		}
		#video .video-item img{
			margin-top: 13.75em;
		}
		#info .box-info .item-info h2{
			margin-top: 8em;
		}
		#hoy .box{
			margin-left: 5%;
			width: 100%;
		}
                
                #main-footer #copy .col_50{
			width: 100%;
			text-align: center;
		}
                #main-footer #copy a{
			display: inline-block;
			margin-left: 0em;
			margin: 1em 0.8em;
		}
                
                #seleccione #viviendas .box-viviendas .vivienda-item .planta .text{
                        width: 70%;                        
                }
                #seleccione #viviendas .box-viviendas .vivienda-item .planta .linea{
                        width: 5%;	                        
                }
                
                #mapa #nombre span{	
                        font-size: 2.3em; 
                        padding-right: 0;
                }
                
                #contacto .logos .promueve{
                        width: 50%;   
                        margin-bottom: 30px;
                }
                #contacto .logos .arquitectura{
                        width: 50%;    
                        margin-bottom: 30px;
                }
                #contacto .logos .promueve.render{
                        width: 100%;                           
                }
	
                #cabecera {
                    margin-top: 82px;
                }
                #home {
                    margin-top: 82px;
                }
	}


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

		#historia .box{
			margin-left: 0px;
			width: 100%;
		}
		#mapa #nombre #t{
			width: 66%;
		}
		#mapa #nombre span{	
			text-align: right;
		}
	
	}


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

		.content-header .izq{
			max-width: 10%;
		}	
		.content-header .der{
			/*max-width: 90%;*/
		}	
		body {
			font-size: 12px;
		}	
		#hoy .col_50{
			width: 100%;
		}
		#hoy .box{
			margin-top: 3em;
			width: 90%;
		}
		#hoy .content{
			width: 81.5%;
		}
		#slider-fotos .info{
			margin-top: -13.5em;
		}
		#edificio-textos .col_50{
			width: 100%;
		}
		#edificio-textos .box-texto{
			width: 100%;
		}
		#edificio-textos .box-texto .fotos{
			display: inline-block;
			margin-bottom: 2em;
		}
                
                #cabecera {
                    margin-top: 70px;
                }
                #home {
                    margin-top: 70px;
                }
                
                #contacto .logos .promueve .textos{
                        margin-top: 20px;
                        margin-bottom: -20px;
                }
                #contacto .logos .arquitectura .textos{
                        margin-top: 20px;
                        margin-bottom: -20px;
                }
	
	}


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

		#origenes #fondo-azul{
			height: 320px;
			margin-top: -240px;
		}
		#historia .col_45, #historia .col_55{
			width: 100%;
		}
		#historia .box{
			margin-bottom: 4em;
		}
	
	}


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

		#perfecto .col_45, #perfecto .col_55{
			width: 100%;
		}
		#perfecto .capa-back{
			display: none;
		}
		#perfecto .foto100{
			margin-top: 0em;
		}
		#perfecto .box-textos{		
			margin-left: 0em;
			width: 90%;
			color: var(--color-primary);
		}
		#perfecto .mas .linea{
			height: 13em;
		}
		
	}

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

		#info .box-info .item-info h2{
			font-size: 2em;
		}
		#descubre .col_40, #descubre .col_60{
			width: 100%;
		}
		#descubre .box-title{		
			text-align: center;
		}
		#descubre .box-title img{		
			float: left;
			width: 100%;
		}
		#origenes .col_40, #origenes .col_60{
			width: 100%;
		}
		#origenes .box-title{		
			text-align: center;
		}
		#origenes #textos-origenes{	
			margin-top: 0em;	
			width: 100% !important;
		}
		#banners .box-banners .banner-item{		
			height: 18em;
		}
		#banners .box-banners .banner-item .texto{	
			height: 18em;
		}
		#banners .box-banners .banner-item .txt{		
			font-size: 1.3em;
		}
		#mapa #nombre #i, #mapa #nombre #t{
			width: 100%;
		}
		#mapa #nombre .imagen{	
			text-align: center;
			margin-bottom: 1em;
		}
		#mapa #nombre span{	
			text-align: center;
			font-size: 2.0em;
		}
		#mapa #info .tit{	
			font-size: 1em;
                        line-height: 14px;
		}
		#mapa #info .val{	
			font-size: 1.3em;
		}
	
                
                #recuperacion .col_50{
                        width: 100%;
                }
                #recuperacion .fotos{
                        float: left;
                        width: 100%;
                }
                
                #seleccione #viviendas .box-viviendas .vivienda-item .planta .text{
                        width: 65%;                        
                }
                #seleccione #viviendas .box-viviendas .vivienda-item .planta .valor{
                        width: 20%;                        
                }

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

            #acabados .caracteristicas .caract{
                    width: 100%;
                    padding: 3em 4%;
                    border-top: 1px solid var(--color-secondary);
            }
            #acabados .caracteristicas .linea{
                    display: none;
            }

        }

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

		#seleccione #viviendas .box-viviendas .vivienda-item{
			width: 60%;
			margin: 0px 20%;		
		}
                
                #acabados .list-acabados .item{
                        width: 49%;
                }
                #edificio-textos #item-img, #edificio-textos #item-des{
                        width: 100%;
                }
                #edificio-textos #item-img .edificio-logo-beeam{
                        max-width: 160px;
                        width: 80%;
                        margin-bottom: 2em;
                }

	}

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

		#info .box-info .item-info-left{
			margin-right: 0em;		
		}
		#info .box-info .item-info-center{
			margin-left: 0em;		
			margin-right: 0em;		
		}
		#info .box-info .item-info-right{
			margin-left: 0em;		
		}
		#info .box-info .item-info{
			width: 100%;		
			padding-bottom: 2.1875em;
			margin-bottom: 3em;
		}	
		#info .box-info .item-info h2{
			margin-top: 18em;
			font-size: 2em;
		}
		#main-footer .box-btns .item-btns-left{
			margin-right: 0em;		
		}
		#main-footer .box-btns .item-btns-center{
			margin-left: 0em;		
			margin-right: 0em;		
		}
		#main-footer .box-btns .item-btns-right{
			margin-left: 0em;		
		}
		#main-footer .box-btns .item-btns{
			width: 100%;		
		}
	
		#main-footer #copy .col_50{
			width: 100%;
			text-align: center;
		}
		#main-footer #copy a{
			display: inline-block;
			margin-left: 0em;
			margin: 1em 0.8em;
		}
                
                #contacto #formContact input{
                        width: 98%;
                }
                #contacto .logos .promueve img{
                        width: 108px;
                }
                #contacto .logos .promueve.render img{
                        width: 88px;
                }
                #contacto .logos .arquitectura img{
                        width: 88px;
                }

	
	}

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

		#edificio-intro #nav-menu li a{ 
			margin: 0em 1em;
		}
		#banners .box-banners .banner-item,#banners .box-banners .banner-item.duplex{		
			width: 90%;
			margin: 0px 5%;
			height: 23em;
			margin-bottom: 1em;
		}
		#banners .box-banners .banner-item .texto{		
			height: 23em;
		}
			
	}

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

		#origenes #fondo-azul{
			height: 220px;
			margin-top: -140px;
		}

	}

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

		#seleccione #viviendas .box-viviendas .vivienda-item{
			width: 80%;
			margin: 0px 10%;		
		}

	}


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

		.content-header .izq{
			max-width: 15%;
		}	
		.content-header .der{
			/*max-width: 85%;*/
		}	
		body {
			font-size: 11px;
		}	
		#home .slider .slide .con .txt{
			font-size: 2.5em;
		}
		#inicio .textos{
			/*padding-right: 15%;*/
		}
	
			
                #acabados .list-acabados .item{
                    width: 99%;
                    height: 130px;
            }
            .item-beeam{
                    background-image: url('../img/acabados/logo-breeam.png');
                    background-size: 20%;
            }
            .item-bulthaup{
                    background-image: url('../img/acabados/logo_bulthaup.png');
                    background-size: 50%;
            }
            .item-duravit{
                    background-image: url('../img/acabados/logo_duravit.png');
                    background-size: 55%;
            }
            .item-hansgrohe{
                    background-image: url('../img/acabados/logo_hansgrohe.png');
                    background-size: 50%;
            }
            .item-monparket{
                    background-image: url('../img/acabados/logo_monparket.png');
                    background-size: 50%;
            }
            .item-neff{
                    background-image: url('../img/acabados/logo_neff.png');
                    background-size: 50%;
            }
            .item-porcelanosa{
                    background-image: url('../img/acabados/logo_porcelanosa.png');
                    background-size: 50%;
            }
            .item-technal{
                    background-image: url('../img/acabados/logo_technal.png');
                    background-size: 50%;
            }
            
                #cabecera {
                    margin-top: 65px;
                }
                #home {
                    margin-top: 65px;
                }
	}