.containerdesktop{
    max-width: 1500PX;
    width: 100% auto;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    padding-bottom: 2%;
}
.titulo-infografia{
    text-transform: uppercase;
}

.list-inline>li{
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
}
.list-inline {
    padding-left: 0;
    margin: 0px;
    list-style: none;
    height: 0;
}
.container{
    width: 100%;
    padding: 0;
    border: 0;
}
.info-container img{
    opacity: 1.4;
    width: 100%;
    z-index: 1111111111;
    margin-top: -1px;
    height: 210%;
}
.info-container{
    padding:0;
}
.wrap{
    width: 0 auto;
    position: relative;
}
.info-bar-item{
    font-family: sans-serif, lighter;
    border: none;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 19px;
    text-transform: uppercase;
    opacity: 0.6;
    width: 8%;
    padding: 0;
    margin: 0 auto;
    z-index: -111111111;
} 
.dropdown-menu>li{
    padding: 0;
    margin: 0 auto;
    position: 0;
    max-height: 53px;
} 
li > img {
    width: 100%;
}

/*botoes em cima da timeline*/
.btntimeline{
    padding: 0.3%;
    border-radius: 150%;
    cursor:pointer;
    margin-top: -0.1775%;
}
.btntimeline:hover{
    z-index: 9999999;
    transform: scale(2.0);
    transition: all .5s ease-in-out;
    border-radius: 550%;
}
.contentor{
    position: relative;
    width: 0 auto;
    text-align: center;
    font-weight: lighter;
    margin-top: -1px;
}
/*circulos no menu*/

.circle-border{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #969696;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-saude{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #027eb3;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-educacao{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #b72126;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-desenvolvimento{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #26785c;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-ambiente{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #a3b852;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-autarquias{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #7a1f5a;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-sociedade{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #dd1767;
    margin-left: -2px;
    margin-top: -5px;
}

.circle-border-mpa{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #f78a49;
    margin-left: -2px;
    margin-top: -5px;
}
.circle-border-cultura{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #fcbf60;
    margin-left: -2px;
    margin-top: -5px;
    z-index: 999999;
}
.circle-border-cidadania{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #39b3a6;
    margin-left: -2px;
    margin-top: -5px;
    z-index: 999999;
}
.circle-saude{
    background: #027eb3;
}
.circle-home{
    background: gray;
}
.circle-educacao{
    background: #b72227;
}
.circle-desenvolvimento-rural{
    background: #26785c;
}
.circle-ambiente{
    background: #a3b852;
}
.circle-sociedade-civil{
    background: #dd1767;
}
.circle-autarquias{
    background: #7a1f5a;
}
.circle-cultura{
    background: #fcbf60;
}
.circle-cidadania{
    background: #39b3a6;
}
.circle-mpa{
    background: #f78a49;
}
.circle-eed{
    background: #41b5e7;
}

.saudebtn{
    background: #027eb3;
}
.educacaobtn{
    background: #b72126;
}
.Desenvolvimento-ruralbtn{
    background: #26785c;
}
.Ambientebtn{
    background: #a3b852;
}
.sociedadeCivilbtn{
    background: #dd1767;
}
.autarquiasbtn{
    background: #7a1f5a;
}
.culturabtn{
    background: #fcbf60;
}
.cidadaniabtn{
    background: #39b3a6;
}
.mpabtn{
    background: #f78a49;
}
.eedbtn{
    background: #41b5e7;
}


/*
    width: 50vw;
    height: 50vw;
    background: linear-gradient( -45deg, blue, blue 49%, white 49%, white 51%, red 51% ); 
    border-radius: 50%;
*/



/*posição dos botoes em cima da timeline*/
    /*SAUDE*/
#saudeangola2001{
    position: absolute;
    top: 19.5%;
    left: 39.5%;
}
#saudeangola2016{
    position: absolute;
    top: 21%;
    left: 91.6%;
}
#saudeangola2016-1{
    position: absolute;
    top: 19.5%;
    left: 91.6%;
}
#saudecaboverde2007{
    position: absolute;
    top: 33.9%;
    left: 60.3%;
}
#saudecaboverde2009{
    position: absolute;
    top: 34.5%;
    left: 67.3%;
}
#saudecaboverde2016{
    position: absolute;
    top: 35.1%;
    left: 91.6%;
}
#saudeguine-bissau2013{
    position: absolute;
    top: 49%;
    left: 81.2%;
}
#saudeguine-bissau2017{
    position: absolute;
    top: 48.6%;
    left: 95.1%;
}
#saudemocambique2001-1{
    position: absolute;
    top: 63.1%;
    left: 38.85%;
}
#saudemocambique2001{
    position: absolute;
    top: 63.1%;
    left: 39.5%;
}
#saudesaotome1988-1{
    position: absolute;
    top: 75.8%;
    left: 21.3%;
}
#saudesaotome1988-2{
    position: absolute;
    top: 77.2%;
    left: 21.3%;
}
#saudesaotome2005{
    position: absolute;
    top: 76.2%;
    left: 53.4%;
}
#saudesaotome2008{
    position: absolute;
    top: 76.2%;
    left:63.8%;
}
#saudesaotome2009{
    position: absolute;
    top: 74.7%;
    left: 67.3%;
}
#saudesaotome2011{
    position: absolute;
    top: 76.2%;
    left: 74.2%;
}
#saudesaotome2012-1{
    position: absolute;
    top: 75.8%;
    left: 77.7%;
}
#saudesaotome2012-2{
    position: absolute;
    top: 77.2%;
    left: 77.7%;
}
#saudesaotome2016{
    position: absolute;
    top: 76.2%;
    left: 91.6%;
}
#saudesaotome2017{
    position: absolute;
    top: 76.2%;
    left:95.1%;
}
#saudetimorleste2000{
    position: absolute;
    top: 82.5%;
    left:36.1%;
}

    /*educação*/

#educacaoguinebissau2006{
    position: absolute;
    top: 49%;
    left: 56.85%;
}
#educacaomocambique1988{
    position: absolute;
    top: 62.3%;
    left: 21.3%;
}
#educacaomocambique2001{
    position: absolute;
    top: 63.1%;
    left: 38.85%;
}
#educacaoportugal2017{
    position: absolute;
    top: 69.9%;
    left: 95.4%;
}
#educacaosaotome2009{
    position: absolute;
    top: 76.2%;
    left: 67.3%;
}

#educacaosaotome2013-1{
    position: absolute;
    top: 74.7%;
    left: 81.2%;
}

#educacaosaotome2013-2{
    position: absolute;
    top: 76.2%;
    left: 81.2%;
}
#educacaosaotome2017{
    position: absolute;
    top: 76.2%;
    left: 95.1%;
}


/*desenvolvimento rural*/
#Desenvolvimento-angola2001{
    position: absolute;
    top: 21%;
    left: 39.5%;
}
#Desenvolvimento-angola2004-1{
    position: absolute;
    top: 19.5%;
    left: 49.9%;
}
#Desenvolvimento-angola2004-2{
    position: absolute;
    top: 21%;
    left: 49.9%;
}
#Desenvolvimento-angola2007{
    position: absolute;
    top: 20.1%;
    left: 60.3%;
}
#Desenvolvimento-angola2008{
    position: absolute;
    top: 20.1%;
    left: 63.8%;
}
#Desenvolvimento-angola2009{
    position: absolute;
    top: 21%;
    left: 67.3%;
}
#Desenvolvimento-brasil2001{
    position: absolute;
    top: 27.1%;
    left: 39.5%;
}
#Desenvolvimento-brasil2004{
    position: absolute;
    top: 28.6%;
    left: 49.9%;
}
#Desenvolvimento-brasil2013{
    position: absolute;
    top: 27.1%;
    left: 81.2%;
}
#Desenvolvimento-caboverde2003{
    position: absolute;
    top: 34.5%;
    left: 46.45%;
}
#Desenvolvimento-caboverde2007{
    position: absolute;
    top: 35.4%;
    left: 59.3%;
}
#Desenvolvimento-caboverde2007-1{
    position: absolute;
    top: 35.4%;
    left: 60.3%;
}
#Desenvolvimento-caboverde2007-2{
    position: absolute;
    top: 33.9%;
    left: 61.3%;
}
#Desenvolvimento-caboverde2007-3{
    position: absolute;
    top: 35.4%;
    left: 61.3%;
}
#Desenvolvimento-caboverde2007-4{
    position: absolute;
    top: 36.9%;
    left: 61.3%;
}
#Desenvolvimento-caboverde2017{
    position: absolute;
    top: 35.1%;
    left: 95.1%;
}
#Desenvolvimento-colombia2017{
    position: absolute;
    top: 41.3%;
    left: 95.1%;
}
#Desenvolvimento-guinebissau2001{
    position: absolute;
    top: 49%;
    left: 39.5%;
    left: 39.5%;
}
#Desenvolvimento-guinebissau2003-1{
    position: absolute;
    top: 47.5%;
    left: 46.45%;
}
#Desenvolvimento-guinebissau2003-2{
    position: absolute;
    top: 49%;
    left: 46.45%;
}
#Desenvolvimento-guinebissau2004{
    position: absolute;
    top: 49%;
    left: 49.9%;
}
#Desenvolvimento-guinebissau2005{
    position: absolute;
    top: 48.6%;
    left: 53.4%;
}
#Desenvolvimento-guinebissau2007{
    position: absolute;
    top: 49%;
    left: 60.3%;
}
#Desenvolvimento-guinebissau2008{
    position: absolute;
    top: 48.6%;
    left: 63.8%;
}
#Desenvolvimento-guinebissau2009-1{
    position: absolute;
    top: 48.6%;
    left: 67.3%;
}
#Desenvolvimento-guinebissau2009-2{
    position: absolute;
    top: 50%;
    left: 67.3%;
}
#Desenvolvimento-guinebissau2011-1{
    position: absolute;
    top: 48.6%;
    left: 74.2%;
}
#Desenvolvimento-guinebissau2011-2{
    position: absolute;
    top: 50%;
    left: 74.2%;
}
#Desenvolvimento-guinebissau2015-1{
    position: absolute;
    top: 47.5%;
    left: 88.2%;
}
#Desenvolvimento-guinebissau2015-2{
    position: absolute;
    top: 49%;
    left: 88.2%;
}
#Desenvolvimento-guinebissau2016{
    position: absolute;
    top: 66.2%;
    left: 18.6%;
}
#Desenvolvimento-guinebissau2016{
    position: absolute;
    top: 49%;
    left: 91.6%;
}
#Desenvolvimento-mocambique1988{
    position: absolute;
    top: 60.8%;
    left: 21.3%;
}
#Desenvolvimento-mocambique2001-1{
    position: absolute;
    top: 61.5%;
    left: 40.2%;
}
#Desenvolvimento-mocambique2001-2{
    position: absolute;
    top: 61.5%;
    left: 39.5%;
}
#Desenvolvimento-mocambique2001-3{
    position: absolute;
    top: 61.5%;
    left: 38.85%;
}
#Desenvolvimento-mocambique2004{
    position: absolute;
    top: 62.3%;
    left: 49.9%;
}
#Desenvolvimento-mocambique2005{
    position: absolute;
    top: 62.3%;
    left: 53.4%;
}
#Desenvolvimento-mocambique2006{
    position: absolute;
    top: 63.1%;
    left: 56.85%;
}
#Desenvolvimento-mocambique2010{
    position: absolute;
    top: 62.3%;
    left: 70.8%;
}
#Desenvolvimento-saotome2009{
    position: absolute;
    top: 77.6%;
    left: 67.3%;
}
#Desenvolvimento-saotome2013{
    position: absolute;
    top: 77.6%;
    left: 81.2%;
}
#Desenvolvimento-timorleste2001{
    position: absolute;
    top: 83.3%;
    left:39.5%;
}
#Desenvolvimento-timorleste2002{
    position: absolute;
    top: 89.3%;
    left:43%;
}
#Desenvolvimento-timorleste2004{
    position: absolute;
    top: 84%;
    left:49.9%;
}
#Desenvolvimento-timorleste2010{
    position: absolute;
    top: 83.3%;
    left: 70.8%;
}
#Desenvolvimento-timorleste2012{
    position: absolute;
    top: 83.3%;
    left: 77.7%;
}
#Desenvolvimento-gambia2018{
    position: absolute;
    top: 90.3%;
    left: 98.6%;
}
#Desenvolvimento-colombia2018{
    position: absolute;
    top: 41.3%;
    left: 98.6%;
}



/*Ambiente-sustentabilidade*/
#ambienteangola2000{
    position: absolute;
    top: 20.1%;
    left: 36.1%;
}
#ambienteangola2010{
    position: absolute;
    top: 20.1%;
    left: 70.8%;
}
#ambienteangola2011{
    position: absolute;
    top: 19.5%;
    left: 74.2%;
}
#ambienteangola2011-1{
    position: absolute;
    top: 21%;
    left: 74.2%;
}
#ambienteangola2013{
    position: absolute;
    top: 20.1%;
    left: 81.2%;
}
#ambientecaboverde2001{
    position: absolute;
    top: 33.0%;
    left: 39.5%;
}
#ambientecaboverde2003{
    position: absolute;
    top: 34.5%;
    left: 46.45%;
}
#ambientecaboverde2004{
    position: absolute;
    top: 35.1%;
    left: 49.9%;
}
#ambientecaboverde2006{
    position: absolute;
    top: 34.5%;
    left: 56.85%;
}
#ambientecaboverde2007-1{
    position: absolute;
    top: 36.9%;
    left: 59.3%;
}
#ambientecaboverde2007-2{
    position: absolute;
    top: 35.4%;
    left: 61.3%;
}
#ambientecaboverde2016{
    position: absolute;
    top: 35.1%;
    left: 91.6%;
}
#ambientecaboverde2017{
    position: absolute;
    top: 33.5%;
    left: 95.1%;
}
#ambienteguinebissau2004{
    position: absolute;
    top: 47.5%;
    left: 49.9%;
}
#cultura-guinebissau2009{
    position: absolute;
    top: 51.2%;
    left: 67.3%;
}
#ambienteguinebissau2010{
    position: absolute;
    top: 48.6%;
    left: 70.8%;
}
#ambienteguinebissau2013{
    position: absolute;
    top: 47.5%;
    left: 81.2%;
}
#ambienteindonesia2011{
    position: absolute;
    top: 55.2%;
    left: 74.2%;
}
#ambienteportugal2003{
    position: absolute;
    top: 69.3%;
    left: 46.45%;
}
#ambienteportugal2009{
    position: absolute;
    top: 70.8%;
    left: 67.3%;
}
#ambientesaotome2006{
    position: absolute;
    top: 76.2%;
    left: 56.85%;
}


/*sociedade-civil*/
#sociedade-brasil2004{
    position: absolute;
    top: 27.1%;
    left: 49.9%;
}
#sociedade-caboverde2001-1{
    position: absolute;
    top: 34.5%;
    left: 39.5%;
}
#sociedade-caboverde2001-2{
    position: absolute;
    top: 35.9%;
    left: 39.5%;
}
#sociedade-caboverde2007-1{
    position: absolute;
    top: 33.9%;
    left: 59.3%;
}
#sociedade-caboverde2007-2{
    position: absolute;
    top: 32.1%;
    left: 59.3%;
}
#sociedade-caboverde2007-3{
    position: absolute;
    top: 32.1%;
    left: 60.3%;
}
#sociedade-caboverde2007-4{
    position: absolute;
    top: 32.1%;
    left: 61.3%;
}
#sociedade-caboverde2012{
    position: absolute;
    top: 34.5%;
    left: 77.7%;
}
#sociedade-guinebissau2000{
    position: absolute;
    top: 48.6%;
    left: 36.1%;
}
#sociedade-guinebissau2001{
    position: absolute;
    top: 47.5%;
    left: 39.5%;
}
#sociedade-guinebissau2007{
    position: absolute;
    top: 47.5%;
    left: 60.3%;
}
#sociedade-guinebissau2011{
    position: absolute;
    top: 47.2%;
    left: 74.2%;
}
#sociedade-guinebissau2016{
    position: absolute;
    top: 47.5%;
    left: 91.6%;
}
#sociedade-mocambique2001{
    position: absolute;
    top: 63.1%;
    left: 40.2%;
}
#sociedade-mocambique2006{
    position: absolute;
    top: 61.5%;
    left: 56.85%;
}
#sociedade-mocambique2009{
    position: absolute;
    top: 62.3%;
    left: 67.3%;
}
#sociedade-timor2000{
    position: absolute;
    top: 84.0%;
    left: 36.1%;
}
#sociedade-timor2011{
    position: absolute;
    top: 83.3%;
    left: 74.2%;
}

/*CULTURA*/
#cultura-brasil2004{
    position: absolute;
    top: 25.7%;
    left: 49.9%;
}
#cultura-brasil2009{
    position: absolute;
    top: 27.1%;
    left: 67.3%;
}
#cultura-caboverde2004{
    position: absolute;
    top: 33.5%;
    left: 49.9%;
}
#cultura-caboverde2007{
    position: absolute;
    top: 36.9%;
    left: 60.3%;
}
#cultura-caboverde2011{
    position: absolute;
    top: 33.5%;
    left: 74.2%;
}
#cultura-caboverde2016{
    position: absolute;
    top: 33.5%;
    left: 91.6%;
}
#cultura-guinebissau2006{
    position: absolute;
    top: 47.5%;
    left: 56.85%;
}
#cultura-guinebissau2009{
    position: absolute;
    top: 47.2%;
    left: 67.3%;
}
#cultura-timorleste2002{
    position: absolute;
    top: 82.5%;
    left: 49.9%;
}


/*AUTARQUIAS*/
#autarquias-angola2002{
    position: absolute;
    top: 20.1%;
    left: 43%;
}
#autarquias-angola2005{
    position: absolute;
    top: 19.5%;
    left: 53.4%;
}
#autarquias-angola2009{
    position: absolute;
    top: 19.5%;
    left: 67.3%;
}
#autarquias-brasil2007{
    position: absolute;
    top: 27.1%;
    left: 60.3%;
}
#autarquias-caboverde2007{
    position: absolute;
    top: 32.1%;
    left: 59.3%;
}
#autarquias-caboverde2011{
    position: absolute;
    top: 35.1%;
    left: 74.2%;
}
#autarquias-caboverde2012{
    position: absolute;
    top: 34.5%;
    left: 77.7%;
}
#autarquias-portugal2010{
    position: absolute;
    top: 70.8%;
    left: 70.8%;
}
#autarquias-portugal2014{
    position: absolute;
    top: 68.5%;
    left: 84.6%;
}

/*CIDADANIA*/
#cidadania-portugal1999{
    position: absolute;
    top: 69.3%;
    left: 32.55%;
}
#cidadania-portugal2001{
    position: absolute;
    top: 69.3%;
    left: 39.5%;
}
#cidadania-portugal2005-1{
    position: absolute;
    top: 68.5%;
    left: 53.4%;
}
#cidadania-portugal2005-2{
    position: absolute;
    top: 69.9%;
    left: 53.4%;
}
#cidadania-portugal2006{
    position: absolute;
    top: 69.3%;
    left: 56.85%;
}
#cidadania-portugal2007-1{
    position: absolute;
    top: 68.5%;
    left: 60.3%;
}
#cidadania-portugal2007-2{
    position: absolute;
    top: 69.9%;
    left: 60.3%;
}
#cidadania-portugal2009-1{
    position: absolute;
    top: 67.8%;
    left: 67.3%;
}
#cidadania-portugal2009-2{
    position: absolute;
    top: 69.3%;
    left: 67.3%;
}
#cidadania-portugal2009-3{
    position: absolute;
    top: 70.8%;
    left: 67.3%;
}
#cidadania-portugal2009-4{
    position: absolute;
    top: 70.8%;
    left: 67.3%;
}
#cidadania-portugal2010-1{
    position: absolute;
    top: 67.8%;
    left: 70.8%;
}
#cidadania-portugal2010-2{
    position: absolute;
    top: 69.3%;
    left: 70.8%;
}
#cidadania-portugal2011-1{
    position: absolute;
    top: 67.8%;
    left: 73.8%;
}
#cidadania-portugal2011-2{
    position: absolute;
    top: 69.3%;
    left: 73.8%;
}
#cidadania-portugal2011-3{
    position: absolute;
    top: 70.8%;
    left: 73.8%;
}
#cidadania-portugal2011-4{
    position: absolute;
    top: 69.3%;
    left: 74.6%;
}
#cidadania-portugal2011-5{
    position: absolute;
    top: 70.8%;
    left: 74.6%;
}
#cidadania-portugal2012-1{
    position: absolute;
    top: 68.5%;
    left: 77.7%;
}
#cidadania-portugal2012-2{
    position: absolute;
    top: 69.9%;
    left: 77.7%;
}
#cidadania-portugal2013-1{
    position: absolute;
    top: 67.8%;
    left: 80.8%;
}
#cidadania-portugal2013-2{
    position: absolute;
    top: 69.3%;
    left: 80.8%;
}
#cidadania-portugal2013-3{
    position: absolute;
    top: 70.8%;
    left: 80.8%;
}
#cidadania-portugal2013-4{
    position: absolute;
    top: 70.8%;
    left: 81.6%;
}
#cidadania-portugal2015-1{
    position: absolute;
    top: 68.5%;
    left: 88.2%;
}
#cidadania-portugal2015-2{
    position: absolute;
    top: 69.9%;
    left: 88.2%;
}
#cidadania-portugal2016-01{
    position: absolute;
    top: 68.5%;
    left: 91.3%;
}
#cidadania-portugal2016-02{
    position: absolute;
    top: 69.9%;
    left: 91.33%;
}
#cidadania-portugal2017{
    position: absolute;
    top: 69.9%;
    left: 94.6%;
}
#cidadania-portugal2016-1{
    position: absolute;
    top: 68.5%;
    left: 98.6%;
}
#cidadania-portugal2016-2{
    position: absolute;
    top: 69.9%;
    left: 98.6%;
}
#cidadania-portugal2018-1{
    position: absolute;
    top: 69.3%;
    left: 98.6%;
}
#cidadania-portugal2018-2{
    position: absolute;
    top: 67.8%;
    left: 98.6%;
}


/*MPA*/
#MPA-angola1988-1{
    position: absolute;
    top: 19.5%;
    left: 29.05%;
}
#MPA-angola1988-2{
    position: absolute;
    top: 21%;
    left: 29.05%;
}
#MPA-angola1999{
    position: absolute;
    top: 20.1%;
    left: 32.55%;
}
#MPA-angola2005{
    position: absolute;
    top: 21%;
    left: 53.4%;
}
#MPA-caboverde2017{
    position: absolute;
    top: 35.1%;
    left: 95.1%;
}
#MPA-colombia2018{
    position: absolute;
    top: 41.3%;
    left: 98.6%;
}
#MPA-mocambique1988{
    position: absolute;
    top: 63.9%;
    left: 21.3%;
}
#MPA-mocambique1999-1{
    position: absolute;
    top: 61.5%;
    left: 32.55%;
}
#MPA-mocambique1999-2{
    position: absolute;
    top: 63.1%;
    left: 32.55%;
}
#MPA-mocambique2002{
    position: absolute;
    top: 62.3%;
    left: 43%;
}
#MPA-mocambique2007{
    position: absolute;
    top: 62.3%;
    left: 60.3%;
}
#MPA-mocambique2008{
    position: absolute;
    top: 62.3%;
    left: 63.8%;
}
#MPA-portugal2017-1{
    position: absolute;
    top: 68.5%;
    left: 95.4%;
}
#MPA-portugal2017-2{
    position: absolute;
    top: 68.5%;
    left: 94.6%;
}
#MPA-gambia2018{
    position: absolute;
    top: 90.3%;
    left: 98.6%;
}


/*EED*/
#EED-portugal2013{
    position: absolute;
    top: 69.3%;
    left: 81.6%;
}
#EED-portugal2014{
    position: absolute;
    top: 69.9%;
    left: 84.6%;
}
#EED-portugal2016{
    position: absolute;
    top: 68.5%;
    left: 92%;
}    
#EED-portugal2018{
    position: absolute;
    top: 70.8%;
    left: 98.6%;
}



/*TOOLTIP*/
.tooltip > .tooltip-inner{
    font-size: 14px;
    line-height: 16px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 999999999;
    text-rendering: optimizeLegibility;
    
}
.tooltip.top > .tooltip-arrow{
    border-top: 5px solid rgba(0, 0, 0, 0.85);
}
.infog-tooltip, .infog-tooltiptext {
    visibility: hidden;
    opacity: 0.5;
    transition: opacity 0.0s;
    background-color: black;
    width: auto;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    position: absolute;
    top: 10%;
    margin-left: -100%;
    z-index: 999999999;
}*/
.info-bar-item.info-button:hover{
    opacity: 1.0;
    z-index: 9999999;
    box-sizing: border-box;
    transition: all .5s ease-in-out;
} 

.info-bar-item.info-button:focus{
    outline: none;
    border: none;
    opacity: 9.0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.info-bar-item.info-button:active{
    opacity: 1.0;
}
.info-bar-item.info-button:target{
    opacity: 1.0;
}

.nav-tabs{
    display: none;
}
.botoes{
    font-weight: lighter;
    text-align: center;
    margin-top: 10px;
}

button.active{
  /* after click state */
}

@media only screen and (max-width: 730px){
.circle-border{
    border: 1px solid #969696;
}
.circle-border-saude{
    border: 1px solid #027eb3;
}
.circle-border-educacao{
    border: 1px solid #b72126;
}
.circle-border-desenvolvimento{
    border: 1px solid #26785c;
}
.circle-border-ambiente{
    border: 1px solid #a3b852;
}
.circle-border-autarquias{
    border: 1px solid #7a1f5a;
}
.circle-border-sociedade{
    border: 1px solid #dd1767;
}
.circle-border-mpa{
    border: 1px solid #f78a49;
}
.circle-border-cultura{
    border: 1px solid #fcbf60;
}
.circle-border-cidadania{
    border: 1px solid #39b3a6;
}   
    
.botoes{
    display: none;
}
.nav-tabs{
    display: block;
}  
.tab-pane img{
    width: 100%;
}
.nav-tabs{
    border: none;
}
.btntimeline{
    margin-top: -0.6%;
}
.dropdown{
    z-index: 111111;
    height: 52px;
    list-style: none;
}
.tab-content, ul, li{
    list-style: none;
}
.info-bar-item{
    float: left;
    font-size: 16px;
    width: 53px;
    background-color: none;
    margin: 0px;
}
.dropdown-menu{
    width: auto;
    opacity: 1.0;
    padding: 0px;
    margin: 0;
}
.dropdown-menu li{
    line-height:10px;
}
.menu-icone {
    width: 35px;
    height: 4px;
    background-color: #a0a0a0;
    margin: 4px 0;
    margin-left: -1px;
}
.menu-total{
    position: relative;
    top:-4px;
}
.open>.dropdown-menu {
    display: inline;
    width: 477%;
}
img{
    vertical-align: baseline;
}
.dropdown-toggle{
    height: 53px;
    width: 54px;
    margin-right: -10px;
}
.home{
    margin-left: -1.7px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #333333;
    border-color: none;
    outline: none;
    border: none;
}
a .caret {
    color: #a0a0a0;
    margin-top: 3px;
    border-top: 6px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; 
    height: 32px;
}
.btntimeline:hover{
    z-index: 9999999;
    transform: scale(3.0);
    transition: all .3s ease-in-out;
}
.btntimeline:focus, .btntimeline:active,  {
    transform: scale(3.0);
}
.info-bar-item.info-button:hover, .info-button:focus,.info-button:active{
    z-index: 9999999;
    outline: none;
    border: none;
    opacity: 9.0;
    transform: scale(1);
}
.nav>li>a {
    padding: 10px 10px;
}
.circle>img{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
}