body {background:#ededed; font-family: 'UniversLTStd-Cn', Arial, sans-serif; overflow:hidden;}

.img_mapa {position:absolute; left:0; top:0; height:100%; width:500px; background:#00827d; color:white;}
.img_mapa img {display:block;}
.legenda {font-size:12px;}

.conteudo_mapa {float:right; width:370px; margin:10px 10px 0 0;}

.laranja {color:#f26722;}
.verde {color:#00827d;}

h3 {margin:0; color:white; font-size:20px; font-weight:400; display:block; position:absolute; top:0; left:0; z-index:10; background:#00827e; padding:0 5px 5px 0; font-family: 'UniversLTStd-Cn'}

ul.abas, ul.abas li, ul.abas li a {display:block; list-style:none; position:relative; margin:0}
ul.abas {height:25px;}
ul.abas li {float:left;}
ul.abas li a {font-size:15px; color:white; background:#f27324; border:1px solid white; padding:0 10px; height:25px; line-height:25px; transition:0.3s; -webkit-transition:0.3s;}
ul.abas li a.active {color:#f27324; background:white;}

.conteudo {background:white; position:relative; padding:10px; color:#404041; font-size:13px; line-height:1.3; width:350px; overflow-y:auto; height:500px;font-family: 'UniversLT';}
.conteudo h4 {background:#00827e; padding:4px 7px; color:white; display:inline-block; margin:0; position:relative; font-family: 'UniversLTStd-Cn'}
.conteudo h4 span {position:absolute; left:0; top:100%; width:8px; height:6px; background:url(../imagens/pontinha_titulo.png) no-repeat;}

.icone {display:inline-block; background:url(../imagens/pontos_exploracao/icones.png) no-repeat;}
.icone.exploracao {background-position: center 0; width:36px; height:34px;}
.icone.oleo {background-position: center -54px;  width:31px; height:33px;}
.icone.gas {background-position: center -107px;  width:24px; height:30px;}
.icone.agua {background-position: center -159px;  width:35px; height:27px;}
.icone.desenvolvimento {background-position: center -212px;  width:41px; height:19px;}
.icone.producao {background-position: center -262px;  width:29px; height:32px;}