#butMapWhil{

    background-color:rgb(240,237,229);

    border-radius:0px 0px 50px 50px;

    -o-border-radius:0px 0px 50px 50px;

    -ms-border-radius:0px 0px 50px 50px;

    -moz-border-radius:0px 0px 50px 50px;

    -webkit-border-radius:0px 0px 50px 50px;

    box-shadow:0px 0px 10px 1px rgb(153, 153, 153);

    display:inline-block;

    height:50px;

    left:46%;

    overflow:hidden;

    position:absolute;

    width:90px;
    z-index: 2;


}

#butMapWhil:before {

    content:'';

    border:2px solid rgb(204,204,204);

    box-shadow:47px -77px 0px 0px rgb(240,237,229),45px -75px 0px 0px rgb(204,204,204),35px -65px 0px 0px rgb(255,255,255),45px -63px 0px 0px rgb(204,204,204),33px -75px 0px 0px rgb(204,204,204),0px 0px 0px 10px rgb(255,255,255),0px 0px 0px 12px rgb(204,204,204);

    height:65px;

    left:10px;

    position:absolute;

    top:-22px;

    width:35px;

    transform:rotate(78deg);

    -o-transform:rotate(78deg);

    -ms-transform:rotate(78deg);

    -moz-transform:rotate(78deg);

    -webkit-transform:rotate(78deg);

}

#butMapWhil div{

    border-radius:50%;

    border-top:8px solid black;

    box-shadow:0px 0px 0px 7px red;

    height:0px;

    position:relative;

    top:7px;

    width:8px;

    transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -webkit-transition:all 0.5s ease-in-out;

}

#butMapWhil:hover div{

    transform:rotateY(360deg);

    -o-transform:rotateY(360deg);

    -ms-transform:rotateY(360deg);

    -moz-transform:rotateY(360deg);

    -webkit-transform:rotateY(360deg);

}

#butMapWhil div:before {

    border:2px solid rgb(153, 102, 51);

    border-radius:50%;

    box-shadow:0px 0px 0px 5px rgb(255,255,255),0px 0px 0px 6px rgb(204,204,204);

    content:'';

    height:0;

    left:2px;

    position:absolute;

    top:18px;

    width:0;

}

#butMapWhil div:after{

    border:10px solid transparent;

    border-top:20px solid red;

    content:'';

    height:0;

    left:-6px;

    position:absolute;

    top:0px;

    width:0;

}


.miniBanderas{

    display:inline-block;

    height:14px;

    margin:0px 4px -3px -4px;

    position:relative;

    width:15px;

}

.banEspanhol{

    background:linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);

    background:-o-linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);

    background:-ms-linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);

    background:-moz-linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);

    background:-webkit-linear-gradient(to bottom, rgb(198,11,30) 31%, rgb(255,196,0) 31%, rgb(255,196,0) 69%, rgb(198,11,30) 69%);

}

.banFrances{

    background:linear-gradient(to right, rgb(0,85,164) 34%, rgb(255,255,255) 34%, rgb(255,255,255) 67%, rgb(239,65,53) 67%);

    background:-o-linear-gradient(to right, rgb(0,85,164) 34%, rgb(255,255,255) 34%, rgb(255,255,255) 67%, rgb(239,65,53) 67%);

    background:-ms-linear-gradient(to right, rgb(0,85,164) 34%, rgb(255,255,255) 34%, rgb(255,255,255) 67%, rgb(239,65,53) 67%);

    background:-moz-linear-gradient(to right, rgb(0,85,164) 34%, rgb(255,255,255) 34%, rgb(255,255,255) 67%, rgb(239,65,53) 67%);

    background:-webkit-linear-gradient(to right, rgb(0,85,164) 34%, rgb(255,255,255) 34%, rgb(255,255,255) 67%, rgb(239,65,53) 67%);

}

.banIngles{

    background:linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);

    background:-o-linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);

    background:-ms-linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);

    background:-moz-linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);

    background:-webkit-linear-gradient(to bottom, rgb(255,0,0) 11.11%, rgb(255,255,255) 11.11%, rgb(255, 255, 255) 22.22%, rgb(255, 0, 0) 22.22%, rgb(255, 0, 0) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 44.44%, rgb(255, 0, 0) 44.44%, rgb(255,0,0) 55.55%, rgb(255, 255, 255) 55.55%, rgb(255,255,255) 66.66%, rgb(255, 0, 0) 66.66%, rgb(255,0,0) 77.77%, rgb(255, 255, 255) 77.77%, rgb(255, 255, 255) 88.88%, rgb(255, 0, 0) 88.88%);  

}

.banIngles:after{

    background:rgb(0,0,153);

    content:"";

    height:45%;

    left:0px;

    position:absolute;

    top:0px;

    width:40%;

}

.banAleman{
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.33, #da0),
        color-stop(0.33, #c00),
        color-stop(0.66, #c00),
        color-stop(0.66, #000)
        );
}