body {
    margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
    width: 100%;
    color: #999;
    padding: 0px;
}


/* marcador validacion formulario */
.warning {
    border: 1px solid #c00 !important;
}


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


	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }


	/* utils
	------------------------------------------------------------------------------------------------------  */
	.back-lightgray	{ background-color: #f6f6f6; }
	.back-white		{ background-color: #ffffff; }
	.back-lightblue	{ background-color: #f0f3f4; }	

	.textcenter	{text-align: center;}


	.margintop10	{ margin-top: 10px; }
	.margintop20	{ margin-top: 20px; }
	.margintop30	{ margin-top: 30px; }
	.margintop40	{ margin-top: 40px; }
	.margintop50	{ margin-top: 50px; }
	.margintop250	{ margin-top: 250px; }

	.paddingtop10	{ padding-top: 10px; }
	.paddingtop20	{ padding-top: 20px; }
	.paddingtop30	{ padding-top: 30px; }
	.paddingtop40	{ padding-top: 40px; }
	.paddingtop50	{ padding-top: 50px; }

	.paddingbottom10	{ padding-bottom: 10px; }
	.paddingbottom20	{ padding-bottom: 20px; }
	.paddingbottom30	{ padding-bottom: 30px; }
	.paddingbottom40	{ padding-bottom: 40px; }
	.paddingbottom50	{ padding-bottom: 50px; }

	.paddingtb10	{ padding-top: 10px; padding-bottom: 10px; }
	.paddingtb20	{ padding-top: 20px; padding-bottom: 20px; }
	.paddingtb30	{ padding-top: 30px; padding-bottom: 30px; }
	.paddingtb40	{ padding-top: 40px; padding-bottom: 40px; }
	.paddingtb50	{ padding-top: 50px; padding-bottom: 50px; }


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

        .texto {
                font-weight: 300;
        }

	/* slider
	------------------------------------------------------------------------------------------------------  */
	/*#slider{
		float: left;
		display: table;
		width: 100%;
		height: 700px;
	}
	#slider .slide{
		position: absolute;
		display: table-cell;
		width: 100%;
		height: 700px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}*/
        
        #slider {
            float: left;
            width: 100%;            
        }
        #slider img.main {
            width: 100%;
        }
        
        #slider .text_slide {
            width: 100%;
            height: 30%;
            background-color: rgba(0,0,0,0.5);
            margin-top: 40%;
        }
        
        #slider .text_slide .line1 {
            width: 2560px;
            float: left;
            margin-top: 100px;
        }        
        #slider .text_slide .line1 .nums {
            width: 7%;
            float: left;
            text-align: right;
            color: #ddd;
            font-size: 30px;
            padding-right: 2%;
        }        
        #slider .text_slide .line1 .line {
            width: 19%;
            float: left;
            text-align: center;
            margin-top: 14px;
            background-image: url('../img/blanc.jpg');
	    background-position: center center;
            background-repeat: repeat-x;
            height: 10px;
        }
        #slider .text_slide .line1 .arrows {
            width: 9%;
            float: left;
            text-align: left;
        }
        #slider .text_slide .line1 .tit {
            width: 44%;
            float: left;
            text-align: center;   
            margin-top: -150px;
        }
        #slider .text_slide .line1 .tit h1 {
            color: #fff;
            font-size: 130px;
            font-weight: 300;                                
        }
        
        #slider .text_slide .line1.small .line {
            width: 8%;
            float: left;
            text-align: center;
            margin-top: 14px;
            background-image: url('../img/blanc.jpg');
	    background-position: center center;
            background-repeat: repeat-x;
            height: 10px;
        }
        #slider .text_slide .line1.small .tit {
            width: 66%;
            float: left;
            text-align: center;   
            margin-top: -120px;
        }
        #slider .text_slide .line1.small .tit h1 {
            color: #fff;
            font-size: 120px;
            font-weight: 300;                                
        }
        
        #slider .text_slide .line2 {
            width: 2560px;
            float: left;
        }
        #slider .text_slide .line2 .masinfo {
            width: 15%;
            float: left;
            text-align: right;
            padding-right: 2%;
            margin-top: -45px;
            height: 50px;                    
        }
        #slider .text_slide .line2 .masinfo a {
            color: #fff;       
            font-size: 38px;    
            padding-top: 2px;
        }
        #slider .text_slide .line2 .masinfo a:hover {
            color: #ddd;   
            text-decoration: none;
        }
        #slider .text_slide .line2 .masinfo.icon {
            background-image: url('../img/home/info_icon.png');
	    background-position: 30px center;
            background-repeat: no-repeat;
            background-size: 10%;
        }
        #slider .text_slide .line2 .masinfo.txt {
            color: #fff;       
            font-size: 38px;     
            margin-left: 115px;
            text-align: left;
        }
        
        #slider .text_slide .line2 .subtit {
            width: 60%;
            float: left;
            text-align: center;  
            margin-top: -140px;
        }
        #slider .text_slide .line2 .subtit h2 {
            color: #c3d401;
            font-size: 80px;
            font-weight: 100;
        }
        
        


	/* cabecera
	------------------------------------------------------------------------------------------------------  */
	#cabecera{
		float: left;
		display: table;
		width: 100%;
		height: 700px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 60px;
	}
	#cabecera .logo-promo{
		float: left;
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	#cabecera .logo-promo img{
		width: 250px;
	}
        #cabecera .logo-promo .fase{
		color: #fff;
                font-size: 20px;
                padding-top: 20px;
	}
	#cabecera h1{
		float: left;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 80px;
		font-weight: 300;
		margin-bottom: 0px;
                font-weight: 100;
	}
    #cabecera h1.titol{		
		font-size: 60px;
        margin-top: 90px;
        line-height: 65px;
	}
	#cabecera h2{
		float: left;
		width: 100%;
		text-align: center;
		color: #c3d32b;
		font-weight: 300;
		font-size: 25px;
		letter-spacing: 5px;
        font-weight: 300;
        text-transform: uppercase;
	}
	#cabecera h2.subtitol{
		color: #fff;
		font-weight: 200;
		font-size: 22px;
		letter-spacing: 5px;        
	}
	.textos{
		float: left;
		width: 60%;
		margin: 0px 10%;
		padding: 0px 10%;
		text-align: left;
		font-size: 18px;
		line-height: 25px;
		color: #666;
		margin-top: -40px;
	}
	
	
	.menu_promo{
		float: left;
		width: 60%;
		margin: 0px 10%;
		margin-top: -425px;
		padding: 100px 10%;
		text-align: left;
		font-size: 18px;
		line-height: 25px;
		color: #444;
		background-color: #f2f2f2;		
	}
	.menu_promo .content-menu{
		border-bottom: 1px solid #ccc;
		margin-top: -60px;
		text-align: center;
		padding-bottom: 18px;
		position: relative;
	}
	.menu_promo .content-menu a{
		color: #666;
		text-transform: uppercase;
		margin: 0 40px;
		font-size: 22px;
		font-weight: 400;
		padding-bottom: 16px;
	}	
	.menu_promo .content-menu a:hover{
		text-decoration: none;
		opacity: 0.8;
	}	
	.menu_promo .content-menu a.active{
		border-bottom: 3px solid #c00;
	}	
	.menu_promo .content-menu .ico-home{
		position: absolute;
		width: 46px;
		height: 30px;
		left: -40px;
		top: -15px;
		background-image: url('../img/promocions/modolell/descripcio/home.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
	}
	

	.content-cabecera{
		float: left;
		width: 60%;
		margin: 0px 10%;
		margin-top: -430px;
		padding: 100px 10%;
		background-color: #fff;
		text-align: left;
		font-size: 18px;
		line-height: 25px;
		color: #666;
	}    
	.content-cabecera.with-menu {
        margin-top: -340px;
        padding: 100px 10%;
    }    
    .content-cabecera.promos {
        width: 70%;
		padding: 100px 5%;
    }
    .content-cabecera .destacado {
            font-weight: 400;
    }
	.content-cabecera .submenu{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -95px;
	}
	.content-cabecera .submenu a{
		float: left;
		width: auto;
		color: #444;
		padding: 15px 3.2%;
		font-size: 1.1vw;
		border-bottom: 1px solid #ccc;
	}
        .content-cabecera .submenu.es a{		
		padding: 15px 3.1%;	
                font-size: 1.1vw;
	}
	.content-cabecera .submenu a:hover{
		float: left;
		text-decoration: none;
		color: #666;
	}
	.content-cabecera .submenu .active{
		border-bottom: 3px solid #c00;
	}
    .content-cabecera .submenu.v{
		margin-left: 8%;
	}
	.content-cabecera .submenu.v2{
		margin-left: 13%;
	}
	.content-cabecera .submenu.pm{
		margin-left: 18%;
	}
	
	.content-cabecera .submenu.with_menu{
		margin-top: -45px;		
		text-align: left;
		margin-bottom: 20px;
	}	
	.content-cabecera .submenu.with_menu a{
		width: 23%;
		margin-right: 1%;	
		margin-left: 1%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.content-cabecera .submenu.with_menu a.first{
		margin-left: 0;
		width: 24%;
	}
	.content-cabecera .submenu.with_menu a.last{
		margin-right: 0;
		width: 24%;
	}
	
	.content-cabecera .fases{
		float: left;
		width: 100%;
	}
	.content-cabecera .fases .fase{
		width: 39%;
		background-color: #f0f3f4;
		padding: 30px 4%;
	}
        .content-cabecera .fases .fase:hover{
		opacity: 0.6;
	}
	.content-cabecera .fases .fase .line{
		display: table;
		margin: 0 auto;
		height: 1px;
		border-bottom: 1px solid #999;
		width: 40px;
		margin-bottom: 25px;
		margin-top: 70px;
	}
	.content-cabecera .fases .fase-left{
		float: left;
	}
	.content-cabecera .fases .fase-right{
		float: right;
	}
	.content-cabecera .fases .fase .num{
		float: left;
		width: 100%;
		text-align: center;
		font-size: 58px;
		font-weight: 300;
		color: #c00;
		margin-top: 10px;
	}
	.content-cabecera .fases .fase .txt{
		float: left;
		width: 100%;
		text-align: justify;
		min-height: 170px;
	}
	.content-cabecera .content-div{
		float: left;
		width: 50%;
	}
	.content-cabecera .content-div ul{
		float: left;
		width: 90%;
		list-style-image: url('../img/ul-li.png');
		margin-left: -18px;
	}
	.content-cabecera .content-div ul li{
		float: left;
		width: 100%;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 5px;
	}
        .content-cabecera .content-div .caption{
		font-weight: 500;
                font-size: 16px;
	}
        .content-cabecera .obs{
		width: 100%;
                float: left;
                margin-top: 20px;
                border-top: 1px solid #ddd;
                padding-top: 20px;
                font-size: 13px;
	}
        .content-cabecera .obs p{
		line-height: 18px;
	}
        
        .content-cabecera.privacitat {
                font-weight: 100;
        }
        .content-cabecera.privacitat .tit {
                font-weight: 400;
        }
        
        .content-cabecera .content-img {
                width: 100%;                
        }
        .content-cabecera .content-img img {
                width: 60%;
                display: block;
                margin: 0 auto;
        }

	.content-cabecera .content-img.video-img {
    	position: relative;                            
    }
    .content-cabecera .content-img.video-img .video-link {
    	position: absolute;   
    	width: 120px;
    	height: 150px;    	
    	cursor: pointer; 
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;   	   	                  
    }
    .content-cabecera .content-img.video-img .video-link:hover {
		opacity: 0.8;    
    }
    .content-cabecera .content-img.video-img .video-link .video-ico {
    	width: 100px;
    	height: 100px;
    	background-image: url('../img/promocions/modolell/descripcio/video_button.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;    	                    
    }
    .content-cabecera .content-img.video-img .video-link .video-txt {
    	text-align: center;  	
    	color: #fff;   
    	padding-top: 20px;        
    	font-size: 20px;    
    	font-weight: 200;     
    }
    .content-cabecera .content-img.video-img .video_iframe {
        display: none;
    }
    .content-cabecera .content-img.video-img .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    .content-cabecera .content-img.video-img .embed-container iframe, #video .embed-container object, #video .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

	.content-cabecera .content-tree{
		float: left;
		width: 100%;
	}

	.content-cabecera .content-tree .tree{
		float: left;
		width: 30%;
		font-size: 16px;
		color: #c00;
	}
        .content-cabecera .content-tree .tree .app-tree-subitem {
                display: none;
        }

	.content-cabecera .content-tree .tree .raiz{
		float: left;
		width: 100%;
		font-weight: 700;
		color: #c00;
                cursor: pointer;
	}
	.content-cabecera .content-tree .tree .int{
		float: left;
		width: 90%;
		margin-left: 10%;
		line-height: 24px;
		font-weight: 300;
		color: #000;
                cursor: pointer;                
	}
        .content-cabecera .content-tree .tree .int.selected{		
		color: #c00;                              
	}
        .content-cabecera .content-tree .tree .int:hover{		
		color: #aaa;
                text-decoration: none;
	}
	.content-cabecera .content-tree .tree .space{
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.content-cabecera .content-tree .tree .line{
		float: left;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.content-cabecera .content-tree .tree .line .lin{
		float: left;
		margin: 0 auto;
		width: 45px;
		border-bottom: 3px solid #c00;
	}

        .content-cabecera .ilus {
                width: 31.3%;
                margin-right: 2%;
                float: left;
        }
        .content-cabecera .ilus img {
                width: 100%;
        }


	.content-cabecera .content-tree .carousel{
		float: left;
		width: 70%;
	}

	.content-cabecera .content-tree .carousel .com_imagen{
		float: left;
		width: 100%;
	}
	.content-cabecera .content-tree .carousel .com_imagen img{
		float: left;
		width: 100%;
		display: table;
	}
	.content-cabecera .content-tree .carousel .pag{
		float: left;
		width: 100%;
		height: 30px;		
		display: table-cell;
		vertical-align: middle;
		padding: 15px 0px;
		background-color: #f0f3f4;                
	}
	.content-cabecera .content-tree .carousel .pag .txt{
		float: left;
		width: 80%;
		padding-left: 2%;
                font-size: 14px;
                line-height: 16px;              
	}
	.content-cabecera .content-tree .carousel .pag .navs{
		float: right;
		width: 10%;
		text-align: right;
		margin-right: 5%;                
	}
	.content-cabecera .content-tree .carousel .pag .navs .nav{
		float: right;
                cursor: pointer;
	}
	.content-cabecera .content-tree .carousel .pag .navs .nav:hover{
		opacity: 0.6;
	}
	.content-cabecera .content-tree .carousel .pag .navs .nav img{
		width: 13px;
		margin-left: 20px;
	}
        
        .content-cabecera .content-tree .carousel .slide .text_slide {
                width: 100%;
		height: 30px;
		margin-top: 47%;
		display: table-cell;
		vertical-align: middle;
		padding: 15px 0px;
		background: rgba(255, 255, 255, 0.8);                
        }
        .content-cabecera .content-tree .carousel .slide  .text_slide .txt{
		float: left;
		width: 100%;
		padding: 6% 14%;
                font-size: 70px;
	}
        
        
        .content-cabecera .comercializa {
                width: 50%;    
                font-size: 13px;
                line-height: 18px;
                margin-bottom: 35px;
                text-align: right;
                display: inline-block;      
                vertical-align: top;  
                margin-top: 20px;        
        }
        .content-cabecera .comercializa div {                
                display: inline-block;  
                text-align: left;         
                margin-left: 25px;
        }
        .content-cabecera .comercializa img {
                margin-top: 15px;
                margin-bottom: 20px;
        }
        .content-cabecera .sello {
                width: 47%;                    
                text-align: left;
                display: inline-block;
        }






	.content-cabecera form{
		float: left;
		width: 100%;
	}
	.content-cabecera form input,textarea{
		float: left;
		width: 96%;
		background-color: #f0f3f4;
		border: 0px;
		padding: 20px 2%;
		font-size: 16px;
		margin-bottom: 15px;
		outline: none;
	}
	.content-cabecera form textarea{
		height: 200px;
	}
        .content-cabecera form select{
		float: left;
		width: 100%;
		background-color: #f0f3f4;
		border: 0px;		
		font-size: 16px;
		margin-bottom: 15px;
		outline: none;
                height: 50px; 
                color: #777;
	}
        
	.content-cabecera form div{
		float: right;
		width: auto;
		text-align: right;
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.content-cabecera form div input{
		float: left;
		width: auto;
		text-align: right;
		margin-top: 5px;
	}
	.content-cabecera form div span{
		float: left;
		width: auto;
		text-align: right;
		margin-left: 2px;
	}
        .content-cabecera form div.tels{
		width: 100%;
		text-align: center;
		font-size: 24px;
                font-weight: 400;
	}
	.content-cabecera form a{
		float: right;
		clear: both;
		border: 1px solid #999;
		color: #999;
		font-weight: 700;
		letter-spacing: 5px;
		padding: 15px 40px;
		text-decoration: none;
	}
	.content-cabecera form a:hover{
		background-color: #f0f3f4;
	}
        .content-cabecera form .acepto{
		font-size: 12px;
	}
        .content-cabecera form #confirm_send{
		font-size: 14px;
                color: #c00;
                width: 100%;
                float: right;
	}
        


	.back-gray{
		float: left;
		width: 100%;
		text-align: center;
		background-color: #f6f6f6;
	}

	.back-bluegray{
		float: left;
		width: 100%;
		text-align: center;
		background-color: #f0f3f4;
	}

	
	

	.back-promocion{
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 2250px;
	}
        .back-promocion.jr{
		height: 1800px;
	}
        .back-promocion.v{
		height: 1800px;                  
	}
    .back-promocion.bar{
		height: 2000px;                  
	}
	.back-promocion.pm{
		height: 1700px;                  
	}

	.line-gray{
		float: left;
		width: 40px;
		height: 1px;
		border-bottom: 1px solid #999;
	}
	.boxes{
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.boxes .box{
		width: 47%;
		background-color: #f0f3f4;
	}
	.boxes .box-promocion{
		float: left;
		width: 31.33%;
		margin: 0px 1%;
		margin-top: -50px;
                margin-bottom: 100px;
	}
	.boxes .box-promocion .foto .nova{
		display: table;
		margin: 0 auto;
		width: auto;
		margin-top: -35px;
		font-weight: 700;
		letter-spacing: 3px;
		font-size: 1.3vw;
		line-height: 20px;
		/*background-color: #000;*/
		color: #fff;
		text-align: center;
		padding: 18px 15% 22px 15%;
                background-image: url('../img/promocions/nova_promo.png');
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 100%;
                text-transform: uppercase;
	}
        .boxes .box-promocion .foto.promo1:hover{
		background-image: url('../img/promocions/banner_roses_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo2:hover{
		background-image: url('../img/promocions/banner_armenteres_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo3:hover{
		background-image: url('../img/promocions/banner_traters_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo4:hover{
		background-image: url('../img/promocions/banner_tc_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo5:hover{
		background-image: url('../img/promocions/banner_armen2_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo6:hover{
		background-image: url('../img/promocions/banner_boix_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo7:hover{
		background-image: url('../img/promocions/banner_vilassar_2.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo8:hover{
		background-image: url('../img/promocions/banner_trasters_jr_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo9:hover{
		background-image: url('../img/promocions/banner_bardina_on.jpg') !important;                
	}
        .boxes .box-promocion .foto.promo10:hover{
		background-image: url('../img/promocions/banner_marina_on.jpg') !important;                
	}
	.boxes .box-promocion .foto.promo11:hover{
		background-image: url('../img/promocions/banner_torre_hereu_on.jpg') !important;                
	}
	.boxes .box-promocion .foto.promo12:hover{
		background-image: url('../img/promocions/banner_maragall_on.jpg') !important;                
	}
	.boxes .box-promocion a.more{
		font-size: 15px !important;
		color: #000 !important;
	}
	.boxes .box-left{
		float: left;
	}
	.boxes .box-right{
		float: right;
	}
        .boxes .box-full{
		float: left;
                width: 100%;
	}
        .boxes .box-full img{
		width: 100%;
	}
        
	.boxes .foto{
		float: left;
		width: 100%;
		height: 350px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.boxes .box .datos{
		float: left;
		width: 86%;
		padding: 15px 7%;
		color: #999;
		min-height: 80px;
	}
        .boxes .box-full .datos{
		padding: 10px 5%;
	}
	.boxes .box .opc{
		float: left;
		width: 86%;
		padding: 0px 7%;
		padding-bottom: 15px;
		color: #999;
	}
	.boxes .box .datos .que{	
		float: left;
		width: 100%;
		margin-top: 10px;
		text-transform: uppercase;
		color: #000;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 5px;
		line-height: 16px;
                text-transform: uppercase;
	}
	.boxes .box .datos .direccion{
		float: left;
		width: 100%;
		font-size: 14px;
		line-height: 14px;
		margin-top: 12px;
	}
	.boxes .box .opc a{
		float: left;
		color: #999;
		font-size: 12px;
	}
        .boxes-content{
		max-width: 400px;
                margin: 0 auto;                
	}
        .boxes .boxes-content .box{
		width: 100%;		
	}

        
        


	/* content
	------------------------------------------------------------------------------------------------------  */
	.content{
		max-width: 1500px;
		margin: 0 auto;
		width: 100%;
	}



	/* content galeria
	------------------------------------------------------------------------------------------------------  */
	.content-galeria{
		float: left;
		width: 60%;
		margin: 0px 10%;
		padding: 70px 10%;
		text-align: left;
		font-size: 18px;
		line-height: 25px;
		color: #666;
	}
	.content-galeria .img-sup{
		float: left;
		width: 100%;
	}
	.content-galeria .imgs-izq {
		float: left;
		width: 50%;
	}
	.content-galeria .img-der{
		float: left;
		width: 50%;
	}

	.content-galeria .item{
		float: left;
		display: table;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.content-galeria .item .txt{
		display: table-cell;
		width: auto;
		padding-bottom: 30px;
		padding-left: 40px;
		vertical-align: bottom;
		color: #fff;
		text-align: left;
		font-size: 22px;
	}
        .content-galeria .item .txt.der{
		width: auto;	
		text-align: right;	
                padding-right: 40px;
                color: #000;
	}
	.content-galeria .height_big{
		height: 600px;
	}
	.content-galeria .height_medium{
		height: 700px;	
	}
	.content-galeria .height_small{
		height: 350px;
	}






	/* content comunicaciones
	------------------------------------------------------------------------------------------------------  */
	.content-comunicaciones{
		float: left;
		width: 60%;
		margin: 0px 10%;
		padding: 70px 10%;
		text-align: left;
		line-height: 25px;
		color: #666;
	}
	.content-comunicaciones .com_imagen{
		float: left;
		width: 50%;
	}
	.content-comunicaciones .com_imagen img{
		float: left;
		width: 100%;
		display: table;
	}
        /*.content-comunicaciones .com_imagen .content-pag{
                width: 60%;
                position: absolute;
                z-index: 1000;
                bottom: 0;                
        }*/
	.content-comunicaciones .com_imagen .pag{
		float: right;
		width: auto;
		height: 50px;
		margin-top: -50px;
		display: table-cell;
		vertical-align: middle;
		background-color: #fff;
		padding: 15px 40px;                    
	}
        .content-comunicaciones .com_imagen #slider .pag{		
                position: absolute;
                right: 0;
	}
	.content-comunicaciones .com_imagen .pag .nav{
		float: left;
                cursor: pointer;
	}
	.content-comunicaciones .com_imagen .pag .nav:hover{
		opacity: 0.6;
	}
	.content-comunicaciones .com_imagen .pag .nav img{
		width: 13px;
	}
	.content-comunicaciones .com_imagen .pag .nums{
		float: left;
		text-align: center;
		padding: 0px 20px;
		color: #000;
		font-size: 16px;
		font-weight: 300;
		margin-top: -3px;
		color: #999;
	}
	.content-comunicaciones .com_imagen .pag .nums div{
		float: left;
		font-size: 26px;
		font-weight: 300;
		margin-top: 5px;
		color: #999;
		margin-right: 5px;
	}
	.content-comunicaciones .com_imagen .pag .nums strong{
		font-size: 26px;
		font-weight: 400;
		color: #000;
	}

	.content-comunicaciones .com_txt{
		float: left;
		width: 40%;
		padding: 30px 5%;
	}

    .content-comunicaciones .com_txt .caption{
    	font-size: 19px;
	}

	.caption_center{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.caption_center span{ 
		margin: 0 auto !important;
	}

	.txt_small{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 20px;
		font-size: 13px;
	}

    .content-comunicaciones .com_txt .caption span{
		padding-bottom: 5px;
		border-bottom: 3px solid #c00933;
		display: block;
		width: 50px;
	}

	.content-comunicaciones .com_txt ul{
		float: left;
		width: 100%;
		list-style-image: url('../img/ul-li.png');
		margin-left: -18px;
	}
	.content-comunicaciones .com_txt ul li{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.content-comunicaciones .com_txt .more{
		background-image: url('../img/promocions/armenteres/descripcio/icona_maps.png');
		color: #000;
		font-weight: 400;
	}


	.boxes50{
		float: left;
		width: 100%;
	}
	.boxes50 .box50{
		float: left;
		width: 46%;
		margin: 0px 2%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 30px;
	}
	.boxes50 .box50:hover{
		opacity: 0.6;
	}
        .boxes50 .box50.img{
		padding-bottom: 50px;
	}
        .boxes50 .box50 .foto{
		width: 100%;
		margin: 0;	
                margin-bottom: 0px;    
                float: left;                
	}
        .boxes50 .box50 .etiq{
		width: 96%;
		height: 20px;		
		vertical-align: middle;		
		background-color: #f0f3f4;                  
                font-size: 13px;
                line-height: 15px;    
                float: left;
                padding: 12px 0 10px 4%;
                margin-bottom: 40px;
	}
	
        
        
        /* trasters
	------------------------------------------------------------------------------------------------------  */
        .trasters a {
            color: #c00;
        }
        .trasters .subline {
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #ccc;
            margin-top: -42px;
            margin-bottom: 50px;
        }
        .trasters .submenu a {
            border: none;
            padding: 15px 7%;
        }
        .trasters .submenu-content {
            max-width: 500px;
            margin: 0 auto;            
        }
        .trasters ul {
            padding: 0; 
            max-width: 475px;
            margin: 0 auto;
        }
        .trasters ul li {
            margin: 0;
            padding: 0;     
            text-align: left;
        }
        .trasters ul li span {
            font-weight: 400;
        }



        
        /* evolucion obra
	------------------------------------------------------------------------------------------------------  */

	.boxes50_evolucio{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.boxes50_evolucio .box50_evolucio{
		float: left;
		width: 46%;
		margin: 0px 2%;
	}
	.boxes50_evolucio .box50_evolucio .tit{
		float: left;
		width: 84%;
		padding: 0px 1%;
		margin: 0px 6%;
		text-align: center;
		font-size: 4vw;
		color: #c00;
		font-weight: 100;
		border-bottom: 1px solid #ccc;
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
	.boxes50_evolucio .box50_evolucio a{
		float: left;
		width: 100%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 30px;
	}
	.boxes50_evolucio .box50_evolucio a:hover{
		opacity: 0.6;
	}


        
        .evoluciones{
            float: left;
            width: 100%;
            text-align: center;
            margin-bottom: 150px;

        }
        .evoluciones .evolucion{       
            margin:0 auto;        
            width: 30%;
            height: auto;
            margin-left:1%;
            margin-right: 1%;
            background-color: #f0f0f0;
            vertical-align: top;
            margin-top: 20px;
            cursor: pointer;
            float: left;
            height: 300px;       
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
        }        

        .evoluciones .content_evol {
            /*width: 965px;*/
            width: 100%;
            max-width: 965px;
            margin: 0 auto;      
        }
        .evoluciones .content_evol .caption_evol {
            margin: 0 auto;
            margin-top: 30px;        
            color: #c00;        
            font-family: 'Roboto';
            text-align: center;
            padding-bottom: 20px;
            font-size: 30px;
            margin-bottom: 25px;
        }    
        .evoluciones .content_evol .caption_evol span {        
            color: #c00 !important;        
            font-family: 'Roboto' !important;    
            text-align: center !important;          
            font-size: 50px !important;    
            float: none !important;    
            padding-top: 10px;            
            font-weight: 100;
            padding: 8px 15px;
        }    
        .evoluciones .content_evol .caption_evol span.line {                
            width: 250px;
            border-bottom: 1px solid #555;
            height: 5px;
            display: block; 
            margin: 0 auto;
        }

        .evoluciones .evolucion.meses {        
            background-color:rgba(207, 51, 89, 1);
        }
        .evoluciones .evolucion.meses:hover {        
            background-color:rgba(207, 51, 89, 0.8);
        }
        .evoluciones .evolucion.meses.selected {        
            cursor: default;
        }
        .evoluciones .evolucion.meses.selected:hover {        
            background-color:rgba(207, 51, 89, 1);
        }

        .evoluciones .evolucion.meses.gris {        
            background-color:rgba(150, 150, 150, 1);
            cursor: default;
        }

        .evoluciones .evolucion.fases {        
            background-color: rgba(0,0,0,0.8);
        }
        .evoluciones .evolucion.fases:hover {        
            background-color: rgba(0,0,0,0.6);
        }
        .evoluciones .evolucion.fases.selected {        
            background-color:rgba(1, 55, 109, 1);
            cursor: default;
        }


        .evoluciones .evolucion .back{
            position: absolute;
            color: #fff;
            padding: 20px;
            cursor: pointer;
        }
        .evoluciones .evolucion .back:hover{
            text-decoration: underline;
        }

        .evoluciones .evolucion .info{
            position: relative;
            width: 100%;            
        }

        .evoluciones .evolucion .info .mes{
            float: right;
            text-align: right;
            margin-top: 200px;
            padding-right: 20px;
            width: 100%;
            font-size: 35px;
            color: #fff;
        }
        .evoluciones .evolucion.meses.gris .mes {        
            text-align: center;
            margin-top: 130px;
            padding-right: 0px;        
        }

        .evoluciones .evolucion .info .num_fotos{
            float: right;
            text-align: right;
            padding-right: 20px;
            width: 100%;
            font-size: 20px;        
            color: #fff;
            margin-top: 15px;
        }

        .evoluciones .evolucion.foto:hover {        
            opacity: 0.8;
        }





	/* interiores
	------------------------------------------------------------------------------------------------------  */
	.content-interiores{
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.c_interiores{
		float: left;
		width: 100% !important;
	}
	.imagen-3d{
		float: left;
		width: 100%;
		margin-top: -300px;
		text-align: center;
	}
	.imagen-3d img{
		width: 65%;
	}
        .content-interiores .txt-info{
		float: left;
		width: 100%;
		text-align: center;
                font-size: 14px;
                padding-top: 20px;
	}

        .content-interiores .menu_int {
		float: left;
                width: 100%;
                margin-bottom: 30px;
                margin-top: 15px;
	}       
        .content-interiores .menu_int ul {
		padding: 0;
                margin: 0;
                list-style: none;
	}
   .content-interiores .menu_int ul li {
				cursor: pointer;
                float: left;
                width: 22%;
                margin-right: 2%;
                font-size: 16px;
                line-height: 18px;
                border-bottom: 2px solid #ccc;
                padding-bottom: 5px;
	}
	.content-interiores .menu_int.pm ul li {
				width: 12%;                
	}
        .content-interiores .menu_int ul li.selected {
                border-bottom: 2px solid #c00933;
        }                
        .content-interiores .menu_int ul li span {
		font-weight: bold;
	}



	/* content galeria
	------------------------------------------------------------------------------------------------------  */
	.content-ubicaciones{
		float: left;
		width: 60%;
		margin: 0px 10%;
		padding: 70px 10%;
		text-align: left;
		line-height: 25px;
		color: #666;
	}
	.content-ubicaciones .ubicaciones{
		float: left;
		width: 100%;
	}
	.content-ubicaciones .ubicaciones .ubicacion{
		float: left;
		width: 32.43%;
		margin: 0.4%;
	}
        .content-ubicaciones .ubicaciones .ubicacion.w50{
		float: left;
		width: 42%;
		margin: 0.4% 2% 0.4% 3%;
	}
	.content-ubicaciones .ubicaciones .ubicacion iframe{
		float: left;
		width: 100%;
		height: 280px;
	}
	.content-ubicaciones .ubicaciones .ubicacion .info{
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.content-ubicaciones .tit{
		float: left;
		width: 100%;
		font-size: 18px;
		line-height: 20px;
		font-weight: 400;
		text-align: center;
	}
	.content-ubicaciones .line{
		float: left;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.content-ubicaciones .line .lin{
		margin: 0 auto;
		width: 45px;
		border-bottom: 3px solid #c00;
	}

	.content-ubicaciones .ubicaciones.pm .link_map img{
		width: 100%;
	}




	/* caption
	------------------------------------------------------------------------------------------------------  */
	
    .content .caption{
		float: left;
		width: 86%;
		margin: 0px 7%;
		font-size: 18px;
	}
	.content .caption span{
		padding-bottom: 5px;
		border-bottom: 3px solid #c00933;
	}
        .content-cabecera .caption{
		float: left;
		width: 100%;
		font-size: 18px;
	}
        .content-cabecera .caption span{
		padding-bottom: 15px;
		border-bottom: 4px solid #c00933;
                display: block;
                width: 50px;
                margin-bottom: -6px !important;
	}
        

	/* menu
	------------------------------------------------------------------------------------------------------  */
	#menu{
		position: fixed;
		width: 100%;
		text-align: center;
		background: rgba(255, 255, 255, 0.8);
		z-index: 10;
		padding: 5px 0px;
		padding-bottom: 0px;
	}
	#menu .content-menu{
		display: inline-block;
		width: auto;
	}
	#menu .content-menu img{
		float: left;
		width: 120px;
		margin-right: 20px;
		margin-top: 8px;
	}
	#menu .content-menu ul{
		float: left;
		list-style: none;
	}
	#menu .content-menu ul li{
		float: left;
		padding: 0px 10px;
	}
	#menu .content-menu ul li a{
		float: left;
		font-size: 12px;
		color: #000;
		font-weight: 400;
		text-decoration: none;
                text-transform: uppercase;
	}
        #menu .content-menu ul li a.active{
		color: #999;
	}
	#menu .content-menu ul li a:hover{
		/*text-decoration: underline;*/
                color: #999;
	}
	#menu .content-menu a.idioma{
		float: left;
		font-size: 12px;
		margin-left: 60px;
		color: #000;
		font-weight: 400;
		margin-top: 16px;
		text-decoration: none;
	}
	#menu .content-menu a.idioma:hover{
		/*text-decoration: underline;*/
                color: #999;
	}
        
        #menu .content-menu .tel{
		float: left;
                color: #000;
                font-size: 13px;
                background-image: url('../img/info_icon.png');
		background-position: left center;
		background-repeat: no-repeat;	
                background-size: 20%;
                padding: 12px 0 10px 25px;
                margin-top: 3px;
                margin-left: 25px;     
                font-weight: 500;
	}


	#menu #menu_responsive{
		display: none;
		float: left;
		width: 90%;
		padding: 10px 5%;
	}
	#menu #menu_responsive .logo{
		float: left;
	}
	#menu #menu_responsive .logo img{
		float: left;
		width: 120px;
		margin-top: 4px;
	}
	#menu #menu_responsive #pull{
		float: right;
		text-align: right;
		margin-top: -2px;
	}
	#menu #menu_responsive #pull:hover{
		opacity: 0.6;
	}
	#menu #menu_responsive #pull img{
		width: 38px;
		margin-top: 0px;
	}
	#menu #menu_responsive #menu_res{
		display: none;
		float: left;
		width: 100%;
		padding-top: 20px;
		margin-top: 10px;
	}
	#menu #menu_responsive #menu_res a{
		float: left;
		width: 100%;
		padding: 10px 0px;
		margin-bottom: 5px;
		font-size: 16px;
		color: #000;
		font-weight: 400;
		text-decoration: none;
		border: 1px solid #fff;
		border-radius: 50px;
                text-transform: uppercase;
	}
	#menu #menu_responsive #menu_res a:hover{
		background-color: #fff;
		color: #c00933;
	}
	#menu #menu_responsive a.idioma{
		float: right;
		font-size: 12px;
		margin-right: 40px;
		color: #000;
		font-weight: 400;
		margin-top: 10px;
		text-decoration: none;
	}
	#menu #menu_responsive a.idioma:hover{
		text-decoration: underline;
	}





	/* items
	------------------------------------------------------------------------------------------------------  */
	.items{
		float: left;
		width: 86%;
		margin: 0px 7%;
		margin-top: 30px;
	}
	.items .item{
		float: left;
		display: table;
		width: 50%;
		height: 330px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-decoration: none;
	}
        .items .item.big{
		width: 100%;		
	}
	.items .item .info{
		display: none;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		background: rgba(149, 24, 50, 0.8);
	}
	.items .item:hover .info{
		display: table-cell;
	}
	.items .item .info .txt{
		width: 100%;
		color: #fff;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
        .items .item .info .txt .pob{		
		font-weight: 300;
                font-size: 12px;
                padding-top: 20px;
	}
	.more{
		margin: 0 auto;
		display: inline-block;
		padding: 5px 0px;
		padding-left: 32px;
		background-image: url('../img/home/info_icon.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 24px;
		text-transform: lowercase;
		color: #fff;
                cursor: pointer;
	}
        
        .download{
		margin: 0 auto;
		display: block;
		padding: 5px 0px;
		padding-left: 32px;
		background-image: url('../img/arrow_red.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 24px;
		cursor: pointer;
                font-size: 14px;
                color: #333;
                max-width: 185px;                
	}
        
        .volver{
		margin: 0 auto;
		display: block;
		padding: 5px 0px;
		padding-left: 32px;
		background-image: url('../img/arrow_red_left.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 24px;
		cursor: pointer;
                font-size: 14px;
                color: #333;
                max-width: 100px;                     
	}
        
        
        
        /* jiSlider
	------------------------------------------------------------------------------------------------------  */
        
        .jislide {
            cursor: pointer;
        }
        #jxSlider {
            width: 100%;
            height: 100%;
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99999;
	}    
        #jiSlideFrame {
            width: 100%;
            height: 100%;   
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99999;
        }        


	/* f_items
	------------------------------------------------------------------------------------------------------  */
	.f_items{
		float: left;
		width: 86%;
		margin: 0px 7%;
		padding: 80px 0px;
	}
	.f_items .f_item{
		float: left;
		width: 33.33%;
	}
	.f_items .f_item .ico{
		float: left;
		width: 75%;
		padding-left: 25%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.f_items .f_item .ico img{
		height: 30px;
	}
	.f_items .f_item .tit{
		float: left;
		width: 75%;
		padding-left: 25%;
		color: #000;
		font-size: 13px;
		letter-spacing: 2px;
		font-weight: 700;
                text-transform: uppercase;
	}
	.f_items .f_item .dato{
		float: left;
		width: 75%;
		padding-left: 25%;
		margin-top: 10px;
	}
	.f_items .f_item .dato a{
		float: left;
		width: 100%;
		color: #999;
		text-decoration: none;
	}
	.f_items .f_item .dato a:hover{
		text-decoration: underline;
	}


        /* Cookies
	------------------------------------------------------------------------------------------------------  */

        #container_cookies {
            width: 100%;
            background-color: rgba(0,0,0,0.7);
            text-align: center;
            position: fixed;
            bottom: 0px;
            border-top: 1px solid #eee;
            z-index: 2000;
        }
        #container_cookies .mensaje {
            margin: 0 auto;
            width: 100%;
            max-width: 975px;
            text-align: left;
            font-size: 13px;
            color: #fff;
            padding: 25px 50px 25px 50px;            
        }
        #container_cookies .mensaje .txt {
            padding-right: 225px;
            line-height: 18px;    
            float: left;
            padding-bottom: 25px;
        }
        #container_cookies .mensaje a {
            color: #ddd;
            text-decoration: none;
            text-decoration: underline;
        }
        #container_cookies .mensaje a:hover {
            
        }
        #container_cookies .acepto {
            float: right;            
            padding: 8px 25px;
            background-color: #eee;
            cursor: pointer;                        
            color: #000;   
            font-size: 14px;
            margin-top: -70px;
        }
        #container_cookies .acepto:hover {
            background-color: #bbb;
        }

        
        
        /* Popup
	------------------------------------------------------------------------------------------------------  */
        
        #popup {
            left: 20%;            
            top: 0;
            margin-top: 12%;
            z-index: 9999;
            position: fixed;
            width: 60%;
            height: 60%;
            min-height: 450px;
            background-color: rgba(0,0,0,0.8);            
        }
        #popup .popup_close {    
            position: absolute;            
            cursor: pointer;
            right: 0;
            margin-top: 16px;
            margin-right: 16px;    
            background-image: url("../img/cross_close.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;  
            z-index: 100;
            width: 24px;
            height: 24px;
        }
        #popup .popup_content {    
            text-align: center;
            color: #fff;
            font-weight: 200;
            font-size: 30px;
            margin-top: 120px;
        }
        #popup .popup_content span {
            display: block;
        }
        #popup .popup_content span.tit {
            color: #c40129;
            font-size: 48px;
            font-weight: 700;
        }
        #popup .popup_content span.txt {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        #popup .popup_content span.tel {
            font-size: 32px;
            font-weight: 400;
        }
    
        

	/* responsive
	------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------  */
        
        
        @media only screen and (min-width: 1800px) {
            
                #popup {
                    left: 25%;                            
                    width: 50%;
                    height: 60%;                           
                }
        }   
        
        @media only screen and (min-width: 1500px) {
            
                .trasters .submenu a {
                    border: none;
                    padding: 15px 5%;
                }
                
        }   
        
        @media only screen and (max-width: 1350px) {
            
                .content-cabecera .content-tree .carousel .pag .txt{
                        font-size: 13px;  
                        width: 75%;
                }
                .content-cabecera .content-tree .carousel .pag .navs{
                        width: 15%;                                   
                }
        }   
        
        @media only screen and (max-width: 1280px) {
        
            .evoluciones .evolucion:nth-child(2n+1) {
                clear: both;
            }
            
            .evoluciones .evolucion {
                width: 48%;
            }
        }
        
        
        
        @media only screen and (max-width: 1024px) {
        
            
            #popup {
                left: 10%;                            
                width: 80%;
                height: 50%;                       
            }

        }
                
        
        @media only screen and (max-width: 1090px) {
        
            
            #container_cookies .mensaje {
                    max-width: 700px;            
            }
            #container_cookies .acepto {
                    margin-top: -90px;
            }
            .back-promocion.v{
		height: 1600px;                  
            }

        }
        
        @media only screen and (max-width: 900px) {
            
                #menu .content-menu{
			display: none;
		}
		#menu #menu_responsive{
			display: inline-block;
		}
                #container_cookies .mensaje {
                        max-width: 550px;            
                }

        }

	@media only screen and (max-width: 825px) {
		
		#menu .content-menu{
			display: none;
		}
		#menu #menu_responsive{
			display: inline-block;
		}
		#cabecera h1{
			font-size: 50px;
			line-height: 40px;
		}
		#cabecera h2{
			font-size: 20px;
			letter-spacing: 3px;
		}
		.textos{
			width: 68%;
			margin: 0px 8%;
			padding: 60px 8%;
			font-size: 15px;
			line-height: 23px;
			margin-top: -40px;
		}
		.content-cabecera{
			width: 68%;
			margin: 0px 8%;
			margin-top: -480px;
			padding: 60px 8%;
			font-size: 15px;
			line-height: 23px;
		}
		.boxes .box{
			width: 100%;
			margin-bottom: 40px;
		}
		.boxes .box-right{
			float: left;
		}
		.boxes .box-promocion{
			margin: 0px;
			margin-bottom: 60px;
			margin-top: 0px;
		}
		.boxes .box-promocion .foto .nova{
			font-size: 15px;
			line-height: 18px;
			padding: 18px 10% 22px 10%;                        
		}                
		.content-cabecera form div{
			float: left;
			width: 100%;
		}
		.content-cabecera form div input{
			width: 5%;
			text-align: left;
			margin-top: 2px;
		}
		.content-cabecera form div span{
			width: 88%;
			text-align: left;
			margin-left: 1%;
		}
                

		.content-cabecera .fases .fase{
			width: 90%;
			padding: 30px 5%;
			height: auto;
			margin-bottom: 20px;
		}
		.content-cabecera .fases .fase .num{
			font-size: 45px;
		}

		.content-galeria .imgs-izq {
			width: 100%;
		}
		.content-galeria .img-der{
			width: 100%;
		}
		.content-galeria .height_big{
			height: 300px;
		}
		.content-galeria .height_medium{
			height: 300px;	
		}
		.content-galeria .height_small{
			height: 300px;
		}
		.content-galeria .item .txt{
			padding-left: 20px;
			font-size: 18px;
		}

		.content-ubicaciones .ubicaciones .ubicacion{
			width: 100%;
			margin: 0px;
			margin-bottom: 30px;
		}
                .content-ubicaciones .ubicaciones .ubicacion.w50{
			width: 100%;			
		}
                
                .content-comunicaciones{
                        margin-top: 250px;
                }
		.content-comunicaciones .com_imagen{
			width: 100%;
		}
		.content-comunicaciones .com_imagen .pag{
			height: 100px;
			margin-top: -50px;
		}
		.content-comunicaciones .com_txt{
			margin-top: 0px;
			width: 100%;
			padding: 0px;
		}



		.content-cabecera .submenu{
			margin-top: -50px;
			margin-bottom: 30px;
		}
		.content-cabecera .submenu a,.content-cabecera .submenu.es a,.content-cabecera .submenu.with_menu a{
			width: 90%;
			padding: 15px 5%;
			font-size: 16px;
			text-align: center;
		}
		
		.content-cabecera .submenu.with_menu a.first,.content-cabecera .submenu.with_menu a.last {
			width: 90%;
			text-align: center;
			margin-left: 1%;
		}
                .trasters .submenu a {
                    border-bottom: 1px solid #ccc;                    
                }
                .trasters .subline {
                    display: none;                 
                }


		.content-cabecera .content-div{
			width: 100%;
		}
		.content-cabecera .content-div ul{
			width: 100%;
			margin-left: -18px;
			margin-bottom: 0px;
			margin-top: 0px;
		}


		.content-cabecera .content-tree .tree{
			width: 100%;
			margin-bottom: 30px;
		}
		.content-cabecera .content-tree .carousel{
			width: 100%;
		}


		.boxes50 .box50{
			width: 100%;
			margin: 0px;
			margin-bottom: 30px;
		}

		.boxes50_evolucio .box50_evolucio{
			width: 100%;
			margin: 0px;
			margin-bottom: 40px;
		}

		.boxes50_evolucio .box50_evolucio .tit{
			font-size: 45px;
		}
                
                .back-promocion.bar{
                    height: 2100px;                  
                }
                
                .content-cabecera .submenu.v {
                    margin-left: 0;
                }
                
                .content-cabecera .submenu.pm{
					margin-left: 0;
				}
				
				.content-interiores .menu_int.pm ul li {
					font-size: 13px;             
				}
                
	}

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

		.items .item{
			width: 100%;
			height: 330px;
		}
		.f_items .f_item{
			width: 100%;
			margin-bottom: 50px;
		}
                .content-comunicaciones{
                        margin-top: 400px;
                }
                #container_cookies .mensaje {
                        width: auto !important;  
                        width: 100% !important;
                }
                #container_cookies .mensaje .txt {
                        padding-right: 100px;
                }
                #container_cookies .acepto {
                        margin-top: 0px !important;
                        float: none;
                        clear: both;
                        width: 50px !important;
                }
                
                .evoluciones .evolucion:nth-child(n+1) {
                    clear: both;
                }

                .evoluciones .evolucion {
                    width: 100%;
                }
                
                .back-promocion.bar{
                    height: 2400px;                  
                }
                
                .menu_promo{
					width: 68%;		
					margin-left: 32px;					
				}
				.menu_promo .content-menu {
					margin-top: -85px;
					padding-bottom: 10px;
				}
				.menu_promo .content-menu a {
					font-size: 18px;
					line-height: 30px;
					padding-bottom: 10px;
				}
				
				.content-cabecera .content-img.video-img .video-link .video-ico {
					width: 50px;
					height: 50px;
					margin-top: 30px;
				}
				.menu_promo .content-menu a.active {
					padding-bottom: 2px;
				}
				.menu_promo .content-menu .ico-home {
					height: 35px;
					top: 6px;
				}
				
				
				.content-cabecera .comercializa {
		                width: 100%;    
		                text-align: left;				                 
		        }
		        .content-cabecera .sello {
		                width: 100%;                    
		                text-align: center;		                
		        }
		        
				.back-promocion.pm{
					height: 1500px;                  
				}
	}
        
        @media only screen and (max-width: 600px) {
        
            
            #popup {
                left: 5%;                            
                width: 90%;
                height: 60%;       
                top: 10%;
            }
            
            #cabecera h1.titol{		
		margin-top: 50px;                
            }

        }


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

		.back-promocion{
			height: 2400px;
		}
                .content-cabecera .content-tree .carousel .pag .navs{
                        display: none;                                
                }
                .content-cabecera .content-tree .carousel .pag .txt{
                        font-size: 11px;                                    
                }
                .content-comunicaciones{
                        margin-top: 0px;
                }
                .content-interiores {
                    margin-top: 0;
                }
                #slider {
                    margin-top: 65px;         
                }

	}

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

		.back-promocion{
			height: 2650px;
		}
                
                .content-ubicaciones {
                    margin-top: 100px;
                }
                
                .ubicacion.w50 img {
                    width: 100%;
                }

	}