/* planos
------------------------------------------------------------------------------------------------------  */
        
#planos {
    width: 100%;        
    float: left;
}

    .planta{
        margin: 0 auto;
        margin-top: 30px;        
        color: #c00;        
        font-family: 'Roboto';
        text-align: center;
        padding-bottom: 20px;
        font-size: 30px;
        opacity: 0;
        margin-bottom: 25px;
    }
    .planta.sel{        
        opacity: 1;        
    }
    .planta span {        
        color: #c00 !important;        
        font-family: 'Roboto' !important;    
        text-align: center !important;          
        font-size: 50px !important;    
        float: none !important;    
        padding-top: 10px;
        display: none;
        font-weight: 100;
        padding: 8px 15px;
    }
    .planta span.active {                
        display: block;        
    }
    .planta span.def {                
        opacity: 0.4;
    }
    .planta span.line {                
        width: 250px;
        border-bottom: 1px solid #555;
        height: 5px;
        display: block; 
        margin: 0 auto;
    }
    
    
    .vendido {
        margin: 0 auto;
        width: 150px;
        text-align: center;        
        padding-top: 0px;      
        position: absolute;
        left: 46%;
        margin-top: -30px;
    }
    .vendido span {
        font-size: 24px !important;
        color: #b42323 !important;
        font-weight: 300;
        display: none;
        text-transform: uppercase;
    }
    
    
    .planta_plano{
        margin: 0 auto;
        width: 100%;  
        max-width: 950px;        
    }
    .planta_plano img{
        width: 100%;        
    }
    .planta_plano .zona {
        display: none;    
    }
    .planta_plano .zona.active {
        display: block;    
    }
    
    .planta_plano .area {
        position: absolute; 
        cursor: pointer;
    }
    
    
    /***************** MAPA EDIFICIS  ******************/
    
    
    .planta_plano.gen .area#area_1 {
        width: 17%;
        height: 130px;
        margin-top: 22%;  
        margin-left: 21%;           
    }
    .planta_plano.gen .area#area_2 {
        width: 10%;
        height: 120px;
        margin-top: 23%;    
        margin-left: 43%;            
    }
    .planta_plano.gen .area#area_3 {
        width: 10%;
        height: 110px;
        margin-top: 15%;    
        margin-left: 44%;            
    }
    
    .planta_plano.gen .area#area_1_tc {
        width: 10%;
        height: 310px;
        margin-top: 10%;  
        margin-left: 13%;           
    }
    .planta_plano.gen .area#area_2_tc {
        width: 15%;
        height: 200px;
        margin-top: 8%;    
        margin-left: 26%;              
    }
    
    .planta_plano.gen .area#area_1_fase2 {
        width: 10%;
        height: 120px;
        margin-top: 22%;  
        margin-left: 4%;         
    }
    
    .planta_plano.gen .area#area_1_jr {
        width: 7%;
        height: 275px;
        margin-top: 12%;  
        margin-left: 10%;  
    }
    .planta_plano.gen .area#area_2_jr {
        width: 15%;
        height: 100px;
        margin-top: 21%;    
        margin-left: 16%;                
    }
    
    
    
    /***************** EDIFICI E2  ******************/
    
    
    .planta_plano.e2 .area#area_1 {
        width: 50%;
        height: 80px;
        margin-top: 35%;        
    }
    .planta_plano.e2 .area#area_2 {
        width: 50%;
        height: 80px;
        margin-top: 30%;        
    }
    .planta_plano.e2 .area#area_3 {
        width: 50%;
        height: 80px;
        margin-top: 25%;        
    }
    .planta_plano.e2 .area#area_4 {
        width: 50%;
        height: 80px;
        margin-top: 22%;        
    }
    .planta_plano.e2 .area#area_5 {
        width: 50%;
        height: 80px;
        margin-top: 18%;              
    }
    .planta_plano.e2 .area#area_6 {
        width: 50%;
        height: 80px;
        margin-top: 15%;              
    }
    .planta_plano.e2 .area#area_7 {
        width: 50%;
        height: 80px;
        margin-top: 11%;              
    }
    .planta_plano.e2 .area#area_8 {
        width: 50%;
        height: 80px;
        margin-top: 6%;              
    }
    
    
    /* planta baixa */
    
    .planta_plano.e2 .area#planta_a_0_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_0_2 {
        width: 15%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_0_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;  
    }
    .planta_plano.e2 .area#planta_b_0_2 {
        width: 20%;
        height: 50%;
        margin-left: 40%;  
    }
    
    
    /* planta 1 */
    
    .planta_plano.e2 .area#planta_a_1_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_1_2 {
        width: 18%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_1_1 {
        width: 15%;
        height: 50%;
        margin-left: 32%;  
    }
    .planta_plano.e2 .area#planta_b_1_2 {
        width: 15%;
        height: 50%;
        margin-left: 44%;  
    }
    
    /* planta 2 */
    
    .planta_plano.e2 .area#planta_a_2_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_2_2 {
        width: 18%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_2_1 {
        width: 15%;
        height: 50%;
        margin-left: 32%;  
    }
    .planta_plano.e2 .area#planta_b_2_2 {
        width: 15%;
        height: 50%;
        margin-left: 44%;  
    }
    
    
    /* planta 3 */
    
    .planta_plano.e2 .area#planta_a_3_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_3_2 {
        width: 15%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_3_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;  
    }
    .planta_plano.e2 .area#planta_b_3_2 {
        width: 20%;
        height: 50%;
        margin-left: 40%;  
    }
    
    /* planta 4 */
    
    .planta_plano.e2 .area#planta_a_4_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_4_2 {
        width: 15%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_4_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;  
    }
    .planta_plano.e2 .area#planta_b_4_2 {
        width: 20%;
        height: 50%;
        margin-left: 40%;  
    }
    
    /* planta 5 */
    
    .planta_plano.e2 .area#planta_a_5_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_5_2 {
        width: 15%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_5_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;  
    }
    .planta_plano.e2 .area#planta_b_5_2 {
        width: 20%;
        height: 50%;
        margin-left: 40%;  
    }
    
    /* planta 6 */
    
    .planta_plano.e2 .area#planta_a_6_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_6_2 {
        width: 15%;
        height: 50%;
        margin-left: 20%;   
    }    
    .planta_plano.e2 .area#planta_b_6_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;  
    }
    .planta_plano.e2 .area#planta_b_6_2 {
        width: 20%;
        height: 50%;
        margin-left: 40%;  
    }

    /* planta 7 */
    
    .planta_plano.e2 .area#planta_a_7_1 {
        width: 22%;
        height: 50%;
        margin-left: 0%;   
    }
    .planta_plano.e2 .area#planta_a_7_2 {
        width: 25%;
        height: 50%;
        margin-left: 20%;   
    }        
    
    
    
    /***************** EDIFICI E3A  ******************/
    
    
    .planta_plano.e3a .area#area_L {
        width: 40%;
        height: 100px;
        margin-top: 36%;  
        margin-left: 10%;            
    }
    .planta_plano.e3a .area#area_1 {
        width: 40%;
        height: 90px;
        margin-top: 31%;  
        margin-left: 10%;             
    }
    .planta_plano.e3a .area#area_2 {
        width: 40%;
        height: 90px;
        margin-top: 24%;  
        margin-left: 10%;           
    }
    .planta_plano.e3a .area#area_3 {
        width: 40%;
        height: 90px;
        margin-top: 18%;     
        margin-left: 10%;           
    }
    .planta_plano.e3a .area#area_4 {
        width: 40%;
        height: 90px;
        margin-top: 11%;     
        margin-left: 10%;           
    }
    .planta_plano.e3a .area#area_5 {
        width: 40%;
        height: 90px;
        margin-top: 5%;      
        margin-left: 10%;                 
    }
    
    /* planta 1 */
    
    .planta_plano.e3a .area#planta_a_1_1 {
        width: 32%;
        height: 25%;
        margin-left: 0%;   
    }
    .planta_plano.e3a .area#planta_a_1_2 {
        width: 30%;
        height: 25%;
        margin-left: 2%;
        margin-top: 15%;
    }    
    
    /* planta 2 */
    
    .planta_plano.e3a .area#planta_a_2_1 {
        width: 32%;
        height: 25%;
        margin-left: 0%;   
    }
    .planta_plano.e3a .area#planta_a_2_2 {
        width: 30%;
        height: 25%;
        margin-left: 2%;
        margin-top: 15%;
    }    
    
    /* planta 3 */
    
    .planta_plano.e3a .area#planta_a_3_1 {
        width: 32%;
        height: 25%;
        margin-left: 0%;   
    }
    .planta_plano.e3a .area#planta_a_3_2 {
        width: 30%;
        height: 25%;
        margin-left: 2%;
        margin-top: 15%;
    }   
    
    /* planta 4 */
    
    .planta_plano.e3a .area#planta_a_4_1 {
        width: 32%;
        height: 25%;
        margin-left: 0%;   
    }
    .planta_plano.e3a .area#planta_a_4_2 {
        width: 30%;
        height: 25%;
        margin-left: 2%;
        margin-top: 15%;
    }   
    
    /* planta 5 */
    
    .planta_plano.e3a .area#planta_a_5_1 {
        width: 40%;
        height: 25%;
        margin-left: 0%;   
    }
    .planta_plano.e3a .area#planta_a_5_2 {
        width: 30%;
        height: 25%;
        margin-left: 2%;
        margin-top: 15%;
    }   
    
    
    
    /***************** EDIFICI E3B  ******************/
    
    
    .planta_plano.e3b .area#area_L {
        width: 23%;
        height: 70px;
        margin-top: 24%;  
        margin-left: 28%;             
    }
    .planta_plano.e3b .area#area_1 {
        width: 23%;
        height: 65px;
        margin-top: 21%;  
        margin-left: 28%;            
    }
    .planta_plano.e3b .area#area_2 {
        width: 23%;
        height: 65px;
        margin-top: 16%;  
        margin-left: 28%;          
    }
    .planta_plano.e3b .area#area_3 {
        width: 23%;
        height: 65px;
        margin-top: 12%;     
        margin-left: 28%;                
    }
    .planta_plano.e3b .area#area_4 {
        width: 23%;
        height: 65px;
        margin-top: 7%;     
        margin-left: 28%;               
    }
    
    /* planta 1 */
    
    .planta_plano.e3b .area#planta_b_1_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;   
    }
    .planta_plano.e3b .area#planta_b_1_2 {
        width: 15%;
        height: 50%;
        margin-left: 42%; 
    }        
    
    /* planta 2 */
    
    .planta_plano.e3b .area#planta_b_2_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;   
    }
    .planta_plano.e3b .area#planta_b_2_2 {
        width: 15%;
        height: 50%;
        margin-left: 42%; 
    }    
    
    /* planta 3 */
    
    .planta_plano.e3b .area#planta_b_3_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;   
    }
    .planta_plano.e3b .area#planta_b_3_2 {
        width: 15%;
        height: 50%;
        margin-left: 42%; 
    }   
    
    /* planta 4 */
    
    .planta_plano.e3b .area#planta_b_4_1 {
        width: 15%;
        height: 50%;
        margin-left: 30%;   
    }
    .planta_plano.e3b .area#planta_b_4_2 {
        width: 15%;
        height: 50%;
        margin-left: 42%; 
    }   
        
    
    
    /***************** TORRE CORZANA - EDIFICI  ******************/
    
    
    .planta_plano.e .area#area_1 {
        width: 60%;
        height: 60px;
        margin-top: 17%;             
    }
    .planta_plano.e .area#area_2 {
        width: 50%;
        height: 55px;
        margin-top: 13%;                 
    }
    .planta_plano.e .area#area_3 {
        width: 50%;
        height: 90px;
        margin-top: 5%;                 
    }
    
    
    /***************** TORRE CORZANA - TORRE  ******************/
    
    
    .planta_plano.torre .area#area_1 {
        width: 40%;
        height: 80px;
        margin-top: 15%;         
    }
    .planta_plano.torre .area#area_2 {
        width: 40%;
        height: 80px;
        margin-top: 10%;               
    }
    .planta_plano.torre .area#area_3 {
        width: 40%;
        height: 90px;
        margin-top: 5%;               
    }
    
    
    /***************** EDIFICI FASE 2 - E1  ******************/
    
    
    .planta_plano.e1 .area#area_1 {
        width: 45%;
        height: 80px;
        margin-top: 38%;
        margin-left: 12%;        
    }
    .planta_plano.e1 .area#area_2 {
        width: 45%;
        height: 80px;
        margin-top: 32%;     
        margin-left: 12%;            
    }
    .planta_plano.e1 .area#area_3 {
        width: 45%;
        height: 80px;
        margin-top: 26%;    
        margin-left: 12%;          
    }
    .planta_plano.e1 .area#area_4 {
        width: 45%;
        height: 80px;
        margin-top: 20%;  
        margin-left: 12%;             
    }
    .planta_plano.e1 .area#area_5 {
        width: 45%;
        height: 80px;
        margin-top: 14%;   
        margin-left: 12%;            
    }
    .planta_plano.e1 .area#area_6 {
        width: 45%;
        height: 80px;
        margin-top: 9%;     
        margin-left: 12%;              
    }
    
    
    /* planta baixa */
    
    .planta_plano.e1 .area#planta_0_1 {
        width: 18%;
        height: 80%;
        margin-left: 40%;          
    }
    .planta_plano.e1 .area#planta_0_2 {
        width: 35%;
        height: 50%;
        margin-left: 3%;           
    }    
    .planta_plano.e1 .area#planta_0_3 {
        width: 35%;
        height: 30%;
        margin-left: 2%;  
        margin-top: 30%;        
    }
    
    
    /* planta 1 */
    
    .planta_plano.e1 .area#planta_1_1 {
        width: 16%;
        height: 75%;
        margin-left: 42%;   
        margin-top: 5%;        
    }
    .planta_plano.e1 .area#planta_1_2 {
        width: 33%;
        height: 50%;
        margin-left: 3%;           
    }    
    .planta_plano.e1 .area#planta_1_3 {
        width: 40%;
        height: 30%;
        margin-left: 3%;   
        margin-top: 25%;        
    }    
    
    
    /* planta 2 */
    
    .planta_plano.e1 .area#planta_2_1 {
        width: 16%;
        height: 75%;
        margin-left: 42%;   
        margin-top: 5%;        
    }
    .planta_plano.e1 .area#planta_2_2 {
        width: 33%;
        height: 50%;
        margin-left: 3%;           
    }    
    .planta_plano.e1 .area#planta_2_3 {
        width: 40%;
        height: 30%;
        margin-left: 3%;   
        margin-top: 25%;        
    }    
    
    
    /* planta 3 */
    
    .planta_plano.e1 .area#planta_3_1 {
        width: 16%;
        height: 75%;
        margin-left: 42%;   
        margin-top: 5%;        
    }
    .planta_plano.e1 .area#planta_3_2 {
        width: 33%;
        height: 50%;
        margin-left: 3%;           
    }    
    .planta_plano.e1 .area#planta_3_3 {
        width: 40%;
        height: 30%;
        margin-left: 3%;   
        margin-top: 25%;        
    }    
    
    
    /* planta 4 */
    
    .planta_plano.e1 .area#planta_4_1 {
        width: 16%;
        height: 75%;
        margin-left: 42%;   
        margin-top: 5%;        
    }
    .planta_plano.e1 .area#planta_4_2 {
        width: 33%;
        height: 50%;
        margin-left: 3%;           
    }    
    .planta_plano.e1 .area#planta_4_3 {
        width: 40%;
        height: 30%;
        margin-left: 3%;   
        margin-top: 25%;        
    }    
    
    
    /* planta 5 */
    
    .planta_plano.e1 .area#planta_5_1 {
        width: 16%;
        height: 75%;
        margin-left: 42%;   
        margin-top: 5%;        
    }
    .planta_plano.e1 .area#planta_5_2 {
        width: 36%;
        height: 75%;
        margin-left: 3%;   
        margin-top: 5%;            
    }    
    
    
    /***************** EDIFICI JR  ******************/
    
    
    .planta_plano.jr_a .area#area_1 {
        width: 20%;
        height: 60px;
        margin-top: 20%;     
    }
    .planta_plano.jr_a .area#area_2 {
        width: 20%;
        height: 55px;
        margin-top: 15%;              
    }
    .planta_plano.jr_a .area#area_3 {
        width: 20%;
        height: 140px;
        margin-top: 5%;            
    }
    
    .planta_plano.jr_b .area#area_1 {
        width: 25%;
        height: 60px;
        margin-top: 20%;   
        margin-left: 19%;        
    }
    .planta_plano.jr_b .area#area_2 {
        width: 25%;
        height: 55px;
        margin-top: 15%;     
        margin-left: 19%;             
    }
    .planta_plano.jr_b .area#area_3 {
        width: 25%;
        height: 140px;
        margin-top: 5%;      
        margin-left: 19%;          
    }
    
    
    /***************** VILASSAR  ******************/
    
    .planta_plano.main {
        margin-top: -30px;
    }
    .planta_plano.v .area#area_1 {
        width: 45%;
        height: 95px;
        margin-top: 32%;
        margin-left: 6%;                       
    }
    .planta_plano.v .area#area_2 {
        width: 45%;
        height: 80px;
        margin-top: 27%;     
        margin-left: 6%;               
    }
    .planta_plano.v .area#area_3 {
        width: 45%;
        height: 80px;
        margin-top: 21%;    
        margin-left: 6%;                 
    }
    .planta_plano.v .area#area_4 {
        width: 45%;
        height: 80px;
        margin-top: 15%;  
        margin-left: 6%;     
    }
    
    
    /* planta 1 */
    
    .planta_plano.v .area#planta_1_1 {
        width: 16%;
        height: 66%;
        margin-left: 38%;   
        margin-top: 1%;               
    }
    .planta_plano.v .area#planta_1_2 {
        width: 31%;
        height: 25%;
        margin-left: 3%;       
        margin-top: 18%;            
    }    
    .planta_plano.v .area#planta_1_3 {
        width: 35%;
        height: 31%;
        margin-left: 3%;   
        margin-top: 2%;              
    }    
    
    
    /* planta 2 */
    
    .planta_plano.v .area#planta_2_1 {
        width: 16%;
        height: 66%;
        margin-left: 38%;   
        margin-top: 1%;               
    }
    .planta_plano.v .area#planta_2_2 {
        width: 31%;
        height: 25%;
        margin-left: 3%;       
        margin-top: 18%;            
    }    
    .planta_plano.v .area#planta_2_3 {
        width: 35%;
        height: 31%;
        margin-left: 3%;   
        margin-top: 2%;              
    }    
    
    
    /* planta 3 */
    
    .planta_plano.v .area#planta_3_1 {
        width: 16%;
        height: 66%;
        margin-left: 38%;   
        margin-top: 1%;               
    }
    .planta_plano.v .area#planta_3_2 {
        width: 31%;
        height: 25%;
        margin-left: 3%;       
        margin-top: 18%;            
    }    
    .planta_plano.v .area#planta_3_3 {
        width: 35%;
        height: 31%;
        margin-left: 3%;   
        margin-top: 2%;              
    }    
    
    
    
    /***************** JAUME RIBAS  ******************/
    
    .planta_plano.main {
        margin-top: -30px;
    }
    .planta_plano.ribas .area#area_1 {
        width: 45%;
        height: 95px;
        margin-top: 37%;
        margin-left: 6%;           
    }
    .planta_plano.ribas .area#area_2 {
        width: 45%;
        height: 80px;
        margin-top: 31%;     
        margin-left: 6%;            
    }
    .planta_plano.ribas .area#area_3 {
        width: 45%;
        height: 390px;
        margin-top: 3%;    
        margin-left: 6%;               
    }
    
    
    /***************** BARDINA  ******************/
    
    .planta_plano.main {
        margin-top: -30px;
    }
    .planta_plano.bardina .area#area_1 {
        width: 45%;
        height: 150px;
        margin-top: 31%;
        margin-left: 8%;             
    }
    .planta_plano.bardina .area#area_2 {
        width: 40%;
        height: 125px;
        margin-top: 22%;     
        margin-left: 12%;              
    }
    .planta_plano.bardina .area#area_3 {
        width: 38%;
        height: 310px;
        margin-top: 3%;    
        margin-left: 12%;            
    }
    
    
    /***************** MARINA  ******************/
    
    .planta_plano.main {
        margin-top: -30px;        
    }
    .planta_plano.marina .area#area_1 {
        width: 55%;
        height: 100px;
        margin-top: 19%;
        margin-left: 0%;     
    }
    .planta_plano.marina .area#area_2 {
        width: 55%;
        height: 90px;
        margin-top: 13%;     
        margin-left: 0%;            
    }
    .planta_plano.marina .area#area_3 {
        width: 55%;
        height: 100px;
        margin-top: 7%;    
        margin-left: 0%;               
    }
    
    
    /***************** TORRE HEREU  ******************/
    
    .planta_plano.gen .area#area_1_th {
        width: 25%;
        height: 275px;
        margin-top: 10%;  
        margin-left: 6%;          
    }
    .planta_plano.gen .area#area_2_th {
        width: 25%;
        height: 150px;
        margin-top: 1%;    
        margin-left: 20%;                   
    }
    
    .planta_plano.main {
        margin-top: -30px;        
    }
    .planta_plano.modolell .area#area_1 {
        width: 12%;
        height: 350px;
        margin-top: 0%;
        margin-left: 28%;         
    }
    .planta_plano.modolell .area#area_2 {
        width: 20%;
        height: 90px;
        margin-top: 10%;     
        margin-left: 8%;                    
    }
    .planta_plano.modolell .area#area_3 {
        width: 20%;
        height: 100px;
        margin-top: 5%;    
        margin-left: 10%;                     
    }
    
    .planta_plano.edifici_nou .area#area_1 {
        width: 14%;
        height: 70px;
        margin-top: 6.5%;
        margin-left: 11%;              
    }
    .planta_plano.edifici_nou .area#area_2 {
        width: 22%;
        height: 70px;
        margin-top: 6.5%;
        margin-left: 27%;             
    }
    .planta_plano.edifici_nou .area#area_3 {
        width: 14%;
        height: 70px;
        margin-top: 2.5%;
        margin-left: 11%;             
    }
    .planta_plano.edifici_nou .area#area_4 {
        width: 22%;
        height: 70px;
        margin-top: 2.5%;
        margin-left: 27%;             
    }
    
    
    /***************** PI MARAGALL  ******************/
    
    .planta_plano.pi_maragall.main {
        margin-top: -30px;        
    }
    .planta_plano.pi_maragall .area#area_1 {
        width: 8%;
        height: 50px;
        margin-top: 8.5%;
        margin-left: 1%;                    
    }
    .planta_plano.pi_maragall .area#area_2 {
        width: 5%;
        height: 30px;
        margin-top: 6%;
        margin-left: 6%;                         
    }
    .planta_plano.pi_maragall .area#area_3 {
        width: 5%;
        height: 30px;
        margin-top: 6%;
        margin-left: 1%;                        
    }
    .planta_plano.pi_maragall .area#area_4 {
        width: 5%;
        height: 30px;
        margin-top: 3.5%;
        margin-left: 6%;                               
    }
    .planta_plano.pi_maragall .area#area_5 {
        width: 5%;
        height: 30px;
        margin-top: 3.5%;
        margin-left: 1%;                            
    }
    .planta_plano.pi_maragall .area#area_6 {
        width: 8%;
        height: 80px;
        margin-top: 6%;
        margin-left: 38%;                       
    }
    .planta_plano.pi_maragall .area#area_7 {
        width: 8%;
        height: 80px;
        margin-top: 6%;
        margin-left: 46%;                       
    }