body{
    width: 940px;
    margin: 0 auto;
    
}
#footer {
    height: 97px;
    width: 940px;
    position: fixed;
    top: 0;
    z-index: 1010;
    background-color: #ffffff;
    box-shadow: 0px 3px 0 #ddd;
    margin-top:20px;
}
#ftitle{
    margin-top : 15px;
    text-align: center;
    color:#0a6972;
    
}

#fend{
    clear: both;
    float:left;
    margin-top: -20px;
}

#content {
    clear:both;
    float: left;
    width :910px;
    height :600px;
    margin-top:110px;
    margin-left: 15px;
    background-color:#f0f0f0;
}

/* Choose font family */

span{
    font-family: "Calibri";
}
div{
    font-family: "Calibri";
}

/* column setting */

.column {
    width : 90px;
    height : 600px;
}

.pi_rank {
    float:left;
    margin-left:0px;
}    

.highlight{
    border: 2px solid #fc4f46;
    z-index: 1000;
    /* color de las lineas antes #3333333 o #1e90ff nuevo*/
}
.highrank{
    background-color: #909090!important;
}
.highlight span{
    display : inherit; 
}
.economy {
    float:left;
    margin-left:80px;
}

.eo {
    float:left;
    margin-left:40px;
}

.governance {
    float:left;
    margin-left:40px;
}

.education {
    float:left;
    margin-left:40px;
}

.health {
    float:left;
    margin-left:40px;
}

.safety {
    float:left;
    margin-left:40px;
}

.personal {
    float:left;
    margin-left:40px;
}

.social {
    float:left;
    margin-left:40px;
}
 
.cell {
    
    height: 13px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    margin: 1px auto 0 auto;
    text-align: center;
}
.character {
    color: #333333;
    height: 12px;
    line-height: 13px;
    margin: 1px auto;
    font-size: 12px;
}

/* cell setting */
.econy{
    background-color: #75b83d;
}
.entre{
    background-color: #894e99;
}
.gover{
     background-color: #01a498;
}
.educa{
    background-color: #ed6c0c;
}
.healt{
    background-color: #0a69b3;
}
.safet{
    background-color: #d90c33;
}
.perso{
    background-color: #01a498;
}
.socia{
    background-color: #f2c703;
}

/* capacity */

.fullcapacity{
    opacity : 1.0;
}

.scapacity{
    opacity : 0.5;
}

.hcapacity{
    opacity : 0.4;
}

span{
    display: none;
    font-size: 8pt;
    color :white;
}


/*   footer setting    */

.fimage1{
    margin-left: 5px;
}
.fimage2{
    margin-left: 27px;
}
.fimage3{
    margin-left: 9px;
}
.fimage4{
    margin-left: 2px;
}
.fimage5{
    margin-left: -2px;
}
.fimage6{
    margin-left: 18px;
}
.fimage7{
    margin-left: 17px;
}
.fimage8{
    margin-left: 10px;
}
.fdiv{
     float:left;
     width:90px;
}
#id_rank{
    padding-left: 21px;
    float :left;
    margin-top: 47px;
    width :130px;
}

#id_eco{
    padding-left: 55px;
    margin-top: 25px;
}

#id_ent{
    padding-left: 20px;
    margin-top: 18px;
}
#id_gov{
    padding-left: 56px;
    margin-top: 23px;
}
#id_edu{
    padding-left: 45px;
    margin-top: 23px;
}
#id_hea{
    padding-left: 45px;
    margin-top: 23px;
}
#id_saf{
    padding-left: 19px;
    margin-top: 23px;
}
#id_per{
    padding-left: 40px;
    margin-top: 23px;
}
#id_soc{
    margin-left: 46px;
    margin-top: 21px;
}

/*///////////// popup //////////////////*/
#id_popup1{
    margin-left: 155px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup2{
    margin-left: 270px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup3{
    margin-left: 402px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup4{
    margin-left: 533px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup5{
    margin-left: 664px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup6{
    margin-left: 795px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup7{
    margin-left: 926px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#id_popup8{
    margin-left: 1036px;
    margin-top: 103px;
    width:170px;
    background-color: white;
    border: 3px solid #ddd;
}

#search_name{
    width : 140px;
	margin-left: -5px;
	margin-top:4px;
}