/* MAPA */

.MapaSilueta {
    background-image: url(../imagenes/mapa1.png);
    width: 509px;
    height: 603px;

}

#Antioquia {
    background-image: url(../imagenes/antioquia.png);
    width: 133px;
    height: 126px;
    position: absolute;
    left: 98px;
    top: 136px;
    opacity: 0.7;
}
#Antioquia:hover {
    opacity: 1;
    cursor: pointer;
}


#Caldas {
    background-image: url(../imagenes/caldas.png);
    width: 52px;
    height: 37px;
    position: absolute;
    left: 150px;
    top: 249px;
    opacity: 0.7;
}
#Caldas:hover {
    opacity: 1;
    cursor: pointer;
}


#Caqueta {
    background-image: url(../imagenes/caqueta.png);
    width: 200px;
    height: 130px;
    position: absolute;
    left: 142px;
    top: 356px;
    opacity: 0.7;
}
#Caqueta:hover {
    opacity: 1;
    cursor: pointer;
}

#Choco {
    background-image: url(../imagenes/choco.png);
    width: 79px;
    height: 173px;
    position: absolute;
    left: 68px;
    top: 146px;
    opacity: 0.7;
}
#Choco:hover {
    opacity: 1;
    cursor: pointer;
}

#Cesar {
    background-image: url(../imagenes/cesar.png);
    width: 74px;
    height: 136px;
    position: absolute;
    left: 160px;
    top: 68px;
    opacity: 0.7;
}
#Cesar:hover {
    opacity: 1;
    cursor: pointer;
}

#Cordoba {
    background-image: url(../imagenes/cordoba.png);
    width: 71px;
    height: 78px;
    position: absolute;
    left: 124px;
    top: 116px;
    opacity: 0.7;
}
#Cordoba:hover {
    opacity: 1;
    cursor: pointer;
}

#Guajira {
    background-image: url(../imagenes/guajira.png);
    width: 99px;
    height: 77px;
    position: absolute;
    left: 234px;
    top: 0px;
    opacity: 0.7;
}
#Guajira:hover {
    opacity: 1;
    cursor: pointer;
}

#Putumayo {
    background-image: url(../imagenes/putumayo.png);
    width: 134px;
    height: 70px;
    position: absolute;
    left: 109px;
    top: 414px;
    opacity: 0.7;
    z-index: 1;
}
#Putumayo:hover {
    opacity: 1;
    cursor: pointer;
}

#Quindio {
    background-image: url(../imagenes/quindio.png);
    width: 21px;
    height: 26px;
    position: absolute;
    left: 153px;
    top: 288px;
    opacity: 0.7;
}
#Quindio:hover {
    opacity: 1;
    cursor: pointer;
}

#Risaralda {
    background-image: url(../imagenes/risaralda.png);
    width: 41px;
    height: 34px;
    position: absolute;
    left: 132px;
    top: 258px;
    opacity: 0.7;
}
#Risaralda:hover {
    opacity: 1;
    cursor: pointer;
}

#SanAndres {
    background-image: url(../imagenes/sanandres.png);
    width: 81px;
    height: 105px;
    position: absolute;
    left: 47px;
    top: 29px;
    opacity: 0.7;
}
#SanAndres:hover {
    opacity: 1;
    cursor: pointer;
}


.CasillaDpto {
    width: 300px;
    height: 180px;
    background-color: #EEEEEE;
    top: 220px;
    right: 10px;
    position: absolute;
    text-align: center;
    display: none;
}


#TituloDescMapa {
    position: absolute;
    top: 10px;
    font-family: 'PT Serif', serif;
    font-weight: 600;
    font-style: italic;
    width: 100%;
}

#DescMapa {
    position: absolute;
    top: 40px;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    font-style: italic;
    width: 90%;
    left: 15px;

}