div#bl{
    position: relative;
    padding-top:100px; 
    display:block; 
    width:100%; 
    /*border:solid 1px #aaa; */
    min-height:1060px;
    background: url(../images/block_mapa.png) no-repeat center center;
    overflow:visible;
    overflow-y: -webkit-paged-y;
    
}


div#bl > .divHeader{
    position: relative;
    display: block;
    margin-left:50% !important;
    width: 48%;
    min-height: 100px;
    text-align: right;
    /*border:solid;*/
    font-size: 160% !important;
    font-weight:800;
    line-height:110% !important;
    
    
}

.divTableRow {
    display: block;
    position: relative;
    height: 320px; 
    float:left; 
    width:90% !important; 
    margin-left:5% !important; 
    text-align:center;
    /*border:solid 2px red !important;*/
}

.divTableCell {
	/*display: table-cell; */
    position:absolute; 
  
}
    
    
.divTableCell.left {
    top:0;
    left:0;
    border-left:0;
    border-bottom:0;
    border-top: 4px solid #999;
    border-right: 4px solid #999999;
    -moz-border-radius: 0 100px 0 100px;
    border-radius:0 100px 0 100px;
    transform: translate(-2px,0);

}
.divTableCell.right {
    top:0;
    right:0;
    border-right:0;
    border-bottom:0;

    border-top: 4px solid #999999;
    border-left: 4px solid #999999;
    -moz-border-radius: 100px 0 0 0;
    border-radius: 100px 0 0 0;
    transform: translate(2px,100px);
}
    
    
    
.contWrapper{
    background-color: #fff;
    display:block;
    position:absolute;
    -ms-transform:translateY(-40%);
    transform:translateY(-40%);
    border-top:0; border-left:0;
    border-bottom:4px;
    border-right:4px;
    -moz-border-radius: 0 60px 0 60px;
    border-radius:  0 60px 0 60px;
    box-shadow:5px 5px 10px #aaa;
    text-align: left;
    padding:20px;
    width: 80%;
    height:60%;  
}
.contWrapper img{
    max-width:60px !important;
}
.contWrapper > *{
    color:#4B4A4A;

}



.divTableCell.left .contWrapper{
    top:10%;
    left:0;
    
}
.divTableCell.right .contWrapper{
    top:10%;
    right:0;

}    
    
    
    
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}







/********************************************************************************/
/********************************************************************************/
@media only screen and (min-width : 200px) {

    
    div#bl{
        background-size: 100%;
        background-repeat:repeat-y;

    }
    
   
    .divTableRow {
        height:400px; 
        width:100% !important; 
        margin-left:0 !important; 
        
    }
        
    .divTableCell {
        height: 400px; 
        width:50%;        
        
    }
    
    .contWrapper{
        width:64%;
    }
    
    .contWrapper img{
        max-width:20px !important;
    }

    
}





/********************************************************************************/
/*  Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 768px) {

    div#bl{
        background-size: 100%;
        background-repeat: no-repeat;

    }
    
    .divTableRow {
        height:320px; 
        width:90% !important; 
        margin-left:5% !important; 
    }
        
    .divTableCell {
        height: 320px; 
        width:50%;        
        
    }
    .contWrapper{
        width:80%;
    }

    .contWrapper img{
        max-width:24px !important;
    }
    
    
}

/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 1024px) {

    div#bl{
        background-size: 100%;
        background-repeat: no-repeat;
        height:1540px;
    }
    
    .divTableRow {
        height:360px;
        width:90% !important; 
        margin-left:5% !important; 
    }
        
    .divTableCell {
        height: 360px; 
        width:50%;        
        
    }
    .contWrapper{
        width:80%;
    }

    .contWrapper img{
        max-width:40px !important;
    }
       
    
}


/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 1280px) {

    div#bl{
        background-size: 100%;
        background-repeat: no-repeat;
        height:1620px;
    }
    

    .divTableRow {
        height:380px; 
        width:90% !important; 
        margin-left:5% !important; 
    }
    .divTableCell {
        height: 380px; 
        width:50%;        
        
    }
    .contWrapper{
        width:80%;
    }

    .contWrapper img{
        max-width:60px !important;
    }

  
}



/********************************************************************************/
/* EXTRA Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1440px) {
  
    div#bl{
        background-size: 100%;
        background-repeat: no-repeat;
        height:1300px;
    }
    

    .divTableRow {
        height:400px; 
        width:90% !important; 
        margin-left:5% !important; 
    }
    
            
    .divTableCell {
        height:400px; 
        width:50%;        
    }

    
    .contWrapper{
        width:80%;
    }
    
    .contWrapper img{
        max-width:60px !important;
    }

    
}