body { margin: 0; padding: 0;overflow-x: hidden;background-color:#d1d1d1;font-size:16px;font-family:"Arimo", sans-serif}
html, body, #map { height: 100%; }

#map {
    width:100%;
    position:fixed;
    z-index:1;
}

.mostrar {display:block !important}
.opacidade {opacity:1 !important}
.ocultar {display:none !important}
.active {
    background-color:rgba(0, 156, 81,0.8) !important;
    transition: background-color 0.7s ease
}
div.clear {clear:both}

aside {user-select: none}

.mpz_btn_ampliar {
	position:absolute;
	bottom:7px;
	left:50%;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:140px;
	padding:7px;
	margin:7px auto 0 -70px;
	background-color:rgba(0, 156, 81,1);
	border:1px solid #fff;
	border-radius:7px;
	z-index:10000;
	cursor:pointer;
}

.mpz_btn_ampliar:hover {
	background-color:rgba(100, 196, 91,1);
}

.mpz_btn_ampliar a {
	color:#fff;
	text-decoration:none;
}


@media screen and (max-width: 999px) {
    header#barra-top {
        position:fixed;
        width:100%;
        z-index:100;
    }
}

#div-logo {
    font-family:Verdana;
    position:fixed;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 2px 6px rgba(10,10,10,1);
    z-index:200;
}

a.lk-logo {
    text-decoration: none;
    color: white;
    }

@media screen and (max-width: 639px) {
    #div-logo {
        opacity:0.9;
        width:100%;
        font-size:1.8em;
    }
}
@media screen and (min-width: 640px) and (max-width: 999px) {
    #div-logo {
        opacity:0.9;
        margin:0px 0 0 15px;
        font-size:2.2em;
    }
}

@media screen and (min-width: 1000px) {
    #div-logo {
        opacity:0.8;
        font-family:Verdana;
        position:fixed;
        margin:0px 0 0 10px;
        font-size:2.5em;
        font-weight:bold;
        color: #fff;
        text-shadow:1px 2px 6px rgba(10,10,10,1);
        z-index:1000;
    }
}

@media screen and (min-width: 1800px) and (min-height:860px) {
    #div-logo {
        opacity:0.8;
        font-family:Verdana;
        position:fixed;
        margin:5px 0 0 15px;
        font-size:3em;
        font-weight:bold;
        color: #fff;
        text-shadow:1px 2px 6px rgba(10,10,10,1);
        z-index:1000;
    }
}

div.area-inicial {
      display:none;
      position:fixed;
      top:138px;
      left:0px;
      width:104px;
      padding:0px 0px 0px 0px;
      height:34px;
      background-color:rgba(255, 255, 255, 0.3);
      box-shadow:1px 1px 4px #777;
      border-radius:0px 7px 7px 0px;
      z-index:90;
      overflow:hidden;
      transition: left 0.5s ease-in-out,
                   height 0.5s ease-in,
                   width 0.5s ease-in-out;
    }

    @media screen and (min-width:640px) and (max-width:758px) {
        div.area-inicial {top:118px;}
    }

    @media screen and (min-width:759px) and (max-width:998px) {
        div.area-inicial {top:100px;}
    }

    @media screen and (min-width:999px) {
        div.area-inicial {top:67px;}
    }

    @media screen and (min-width:1000px) {
       .area-fase1 {
            left:0px;
            width:270px !important;
            height:115px !important;
        } 
    }
    

    .area-fase2 {
      width:320px !important;
      height:calc(100vh - 148px) !important;
    }

    @media screen and (min-height:600px) {
      .area-fase2 {
        width:320px !important;
        height:calc(100vh - 230px) !important;
      }
    }

    span.btn-pg-atual {
      position:absolute;
      display:block;
      width:96px;
      height:18px;
      font-family: "Arimo", sans-serif;
      font-size:1em;
      font-weight:bold;
      color:#fff;
      margin:5px 0px 0px -1px;
      padding:3px 3px 3px 10px;
      background-color:rgba(0, 156, 81,1);
      border-radius:0px 5px 5px 0px;
      cursor:pointer;
      opacity:1;
    }

    span.tl-btn-fechar {
      display:none;
      width:30px;
      font-family: "Arimo", sans-serif;
      font-size:1em;
      text-align:center;
      color:#444;
      margin:5px 7px 0px 0px;
      padding:3px 3px 3px 3px;
      background-color:rgba(220, 220, 220,1);
      border-radius:10px 10px 10px 10px;
      cursor:pointer;
      float:right;
      opacity:0;
      transition: opacity 0.5s ease-in-out;
    }

    div.conteudo-inicial {
      display:block;
      margin:36px 0 0 2px;
      padding:0px 5px 0px 5px;
      width:calc(100% - 18px);
      height:calc(100% - 46px);
      justify-content: center;
      align-items: center;
      font-size:16px;
      text-align:justify;
      border-radius:7px 7px 7px 7px;
      overflow:hidden;
      overscroll-behavior: contain;
      scrollbar-color: rgba(60,60,60,0.5) rgba(132,132,132,0.1);
      transition: height 0.5s ease-in,
                  width 0.5s ease-in-out,
                  background-color 0.7s ease;
    }

    .conteudo-fase2 {
      width:calc(100% - 16px) !important;
      background-color:rgba(255, 255, 255, 0.0) !important;
      overflow-y:scroll !important;
      overflow-x:hidden !important;
      scrollbar-width:thin !important;
    }

    div.conteudo-tl {
      display:flex;
      justify-content: center;
      align-items: center;
      width:calc(100% - 8px);
      min-height:58px;
      margin:0px 0 7px 0;
      padding:5px 4px;
      background-color:rgba(255, 255, 255, 0.9);
      border-radius:7px 7px 7px 7px;
      box-shadow: 1px 1px 3px #c1c1c1;
      transition: width 0.5s ease-in-out;
    }

    .conteudo-tl-fase2 {
      width:calc(100% - 10px) !important;
      padding:5px 6px !important;
    }

    div.conteudo-tx {
      width:calc(100% - 10px);
      padding:1px 6px 1px 6px;
      background-color:rgba(255, 255, 255, 0.9);
      border-radius:7px 7px 7px 7px;
    }

@media screen and (min-width: 1800px) and (min-height:860px) {

    div.area-inicial {top:107px;}

    .area-fase1 {
        left:0px;
        width:310px !important;
        height:115px !important;
    }

    .area-fase2 {
        width:360px !important;
        height:calc(100vh - 270px) !important;
        max-height:600px;
    }

    div.conteudo-inicial {
        min-width:292px;
    }

    .conteudo-fase2 {
        min-width:342px !important;
    }
}

h1.h1-mapa {
    font-family:"Arimo", sans-serif;
    font-size:16px;
    text-align:center;
    font-weight:bold;
    color:#000;
    padding:0px;
    margin:0px;
    text-shadow:2px 2px 3px #fff,
                -2px 2px 3px #fff,
                2px -2px 3px #fff,
                -2px -2px 3px #fff;
    overflow:hidden;
}

span.tl-linha {
    display:block;
    font-weight:bold;
    color:rgba(0, 156, 81,1);
    margin:0px;
    padding:7px 0px 0px 0px;
    text-shadow:2px 2px 3px #fff,
    -2px 2px 3px #fff,
    2px -2px 3px #fff,
    -2px -2px 3px #fff;
}

span.tl-linha-geo {
    display:block;
    font-size:1em;
    font-weight:bold;
    color:rgba(0, 156, 81,1);
    margin:6px 0 10px 0;
    text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff;
}

span.tl-linha-geo-tipo {
    font-size:1em;
    font-weight:bold;
    margin:6px 0 10px 0;
}

span.tl-desc-tipo {
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:10px 0 0 0;
    text-shadow:2px 2px 3px #fff,
    -2px 2px 3px #fff,
    2px -2px 3px #fff,
    -2px -2px 3px #fff;
}

span.tl-desc {
    font-weight: normal;
    font-size:1em;
}

span.tl-desc-ref {
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:10px 0 0 0;
    text-shadow:2px 2px 3px #fff,
    -2px 2px 3px #fff,
    2px -2px 3px #fff,
    -2px -2px 3px #fff;
    user-select: text;
}

cite.tl-desc-ref2 {
    display:block;
    font-size:0.9em;
    font-weight:normal;
    font-style:normal;
    margin:0px 0 0 0;
    text-shadow:2px 2px 3px #fff,
    -2px 2px 3px #fff,
    2px -2px 3px #fff,
    -2px -2px 3px #fff;
}

span.fonte-min {
    display:block;
    font-weight: normal;
    font-size:0.9em;
    margin-top:2px;
}

div.leg-bar-area, div.leg-bar-circ {
    width:95%;
    margin-top:10px;
    margin-left:5px;
}


span.leg-bar-min, span.leg-bar-max,span.leg-bar-circ-min,span.leg-bar-circ-max {
    display:block;
    width:70px;
    font-size:0.9em;
    font-weight:bold;
}

span.leg-bar-min, span.leg-bar-circ-min {
    float:left;
   }

span.leg-bar-max, span.leg-bar-circ-max {
    text-align:right;
    float:right;
}

div.leg-base, div.leg-circ {
    position:relative;
    width:100%;
    height:20px;
    margin:0px 0 0 0px;
    border:1px solid #d1d1d1;
    border-radius:4px;
}

@media screen and (max-width: 639px) {
    div#titulo-mobile {
        margin:38px 0 0 -7px;
        padding: 7px;
    }

    span#linha_1m, span#linha_2m, span#linha_3m {
        font-size:0.9em;
        text-shadow:1px 1px 3px rgb(55, 55, 55), 
                    -1px 1px 3px rgb(55, 55, 55),
                    1px -1px 3px rgb(55, 55, 55),
                    -1px -1px 3px rgb(55, 55, 55);
    }
}

@media screen and (min-width: 640px) and (max-width: 999px) {
    div#titulo-mobile {
        margin:55px 0 0 0;
        padding: 7px 7px 7px 10px;
        line-height:1.25em;
    }

    span#linha_1m, span#linha_2m, span#linha_3m {
        font-size:0.95em;
        letter-spacing:0.06em;
        text-shadow:2px 2px 3px rgb(55, 55, 55), 
                    -2px 2px 3px rgb(55, 55, 55),
                    2px -2px 3px rgb(55, 55, 55),
                    -2px -2px 3px rgb(55, 55, 55);
    }
}
div#titulo-mobile {display:none;}

@media screen and (mnin-width: 999px) {
    div#titulo-mobile {
        position:relative;
        width:100%;
        text-align:center;
    }

    span#linha_1m, span#linha_2m, span#linha_3m {
        font-family:"Arimo", sans-serif;
        font-weight:bold;
        color: #fff;
        margin:0px 0 -12px 0;
    }
}

    

input#pesquisa {
    height:2em;
    background-color:rgba(255,255,255,0.8);
    border:1px solid #999;
    border-radius:7px;
    padding:5px;
    font-size:1.0em;
}

div#area-lupa {
    float:right;
    height:1.88em;
    margin:0px 5px 0px 0px;
    padding: 0px 5px;
    background-color:rgba(255,255,255,0.8);
    border:1px solid #a1a1a1;
    border-radius:7px;
}

div#area-lupa:hover {
    background-color:#fff;
    border-bottom:2px solid #777;
    border-right:2px solid #777;
    margin:0px 4px 0px 0px;
}

button#botao {
    margin:0 0 -15px 0;
    padding:0px;
    border:none;
    background-color:transparent;
    cursor:pointer;
}

div#divresultados {
    display:block;
    margin-top:3px;
}

ul#resultado {
    width:254px;
    margin:0px;
    background-color:rgba(232,232,232,0.9);
    border-radius:10px;
}

li.lis {
    width:284px;
    color:#000;
    list-style: none;
    left:0px;
    padding:5px;
    margin-left:-40px;
    font-size:1em;
    font-family:"Arimo", sans-serif;
    border-radius: 5px;
    cursor: pointer;
}

.highlight { 
    background-color:green;
    color:white !important;
}
.highlightPrimeiro { 
    background-color:rgb(4, 170, 4);
    color:white !important;
}

div.ocultar_search {
    display:none;
}

@media screen and (max-width: 639px) {
    div#search {
        display:none;
    }

    input#pesquisa {width:251px;}
    div#divresultados {position:absolute;}
}

@media screen and (min-width: 640px) {
    div#search{
        position:fixed;
        right:20px;
        top:0px;
        width:294px;
        margin: -1px auto 0 auto;
        color:#4a4a4a;
        background-color:rgba(232, 232, 232, 0.501);
        border:1px solid #c1c1c1;
        border-radius:0px 0px 10px 10px;
        box-shadow:1px 1px 4px #777;
        padding:7px 5px 5px 5px;
        z-index:500;
    }

    input#pesquisa {width:245px;}
    div#divresultados {position:relative;}
}

@media screen and (min-width: 1000px) {
    div#search{right:340px;}
}

aside#direita {
    z-index:190;
    user-select: none;
}

div#area_btn_menu {
    position:fixed;
    right:0px;
    width:40px;
    height:42px;
    z-index:2900;
}

.mostrar_area_btn_menu {
    display:block;
    width:320px !important;
    background-color:rgba(232,232,232,0.9);
    border-bottom:1px solid #e2e2e2;
}

div#btn-menu {
	display:none;
    position:absolute;
    right:0px;
    width:35px;
    height:25px;
    background-color:rgba(232, 232, 232, 0.9);
    margin:5px 5px;
    border:1px solid #9f9f9f;
    border-radius:3px;
    padding:3px;
    cursor:pointer;
    z-index:3000;
}

hr.btn-line {
	border-width:1px;
	height:1px;
	border-color:#000;
	background:#000;
	border-top:0px;
	border-left:0px;
	margin:6px;
}

hr.btn-line-1 {margin-top:4px;}

div#menu {
    position:absolute;
    width:310px;
    min-height: 100vh;
    margin:0px 0px 0 0px;
    padding:0px 5px 0px 5px;
    right:0px;
    float:right;
    z-index:100;
    box-shadow:0px 0px 7px #999;
}

.mostrar-menu {
    display:block !important;
    margin: 0px 0px 0 0px !important;
    z-index:2000 !important;
    transition: display 1s;
}

@media screen and (max-width: 999px) {
    div#menu {display:none;background-color:rgba(232,232,232,0.8);}
    div#div-titulo {margin: 45px auto 7px auto;}
}

@media screen and (min-width: 1000px) {
    div#area_btn_menu {display:none;}
    div#menu {
        display:block;
        background-color:rgba(232,232,232,0.3);
    }
    div#select_countries {margin: 3px auto 7px auto;}
}

div#select_countries {
    width:294px;
    border: 1px solid #c1c1c1;
    background-color:rgba(255, 255, 255, 0.7);
    padding:5px 6px 3px 6px;
    border-radius: 7px;
}

div#flags {
    height:0px;
    overflow:hidden;
}

svg.svgi, img.svgi{
    width:35px;
    height:35px;
    margin:2px 6px 2px 0;
}

span#mas_paises {
    display:block;
    width:30px;
    height:39px;
    color:#000;
    text-shadow: 0px 0px 5px #fff;
    font-size:35px;
    font-weight:bold;
    margin-right:-8px;
    float: right;
}

div#selecionar_mundi {
    font-family:"Arimo", sans-serif;
    width:294px;
    border-radius:10px;
    box-shadow:0px 0px 2px #616161;
    margin:5px 0 5px 0;
    padding-top:0px;
    z-index:100;
}

div#mapamundi {
    background-color:rgba(0, 156, 81,0.8);
    color:#fff;
    font-weight:bold;
    width:141px;
    text-align:center;
    font-size:0.9em;
    border-radius:10px 0 0 10px;
    padding:4px 3px;
    float:left;
}

div#mapapais {
    background-color:rgba(0, 127, 156,0.8);
    color:#fff;
    font-weight:bold;
    width:141px;
    text-align:center;
    font-size:0.9em;
    border-radius:0 10px 10px 0;
    padding:4px 3px;
    float:right;
}

span#check {
    display:block;
    font-size:1.6em;
    color:rgb(122, 245, 122);
    margin:-9px -8px -10px 4px;
    float:left;
}

#div-titulo {
    width:294px;
    margin: 7px auto;
    padding:5px 7px;
    border:1px solid #c1c1c1;
    border-radius: 10px;
    background-color:rgba(255, 255, 255, 0.8);
    text-align:center;
}

span#mapa-atual {
    display:block;
    text-align:center;
    margin:3px 0 -22px 0;
}

span#geografico {
    font-size:0.88em;
}

span#referencia {
    display:block;
    text-align:left;
    line-height:1.1em;
    font-family:"Arimo", sans-serif;
    font-size:0.9em;
    font-weight:normal;
    color: #444;
    text-shadow:none;
    margin:10px 0 7px 0px;
}

span#referencia_lk {
    display:block;
    color:#fff;
    font-size:0.9em;
    font-weight:normal;
    cursor:pointer;
    text-align:center;
    text-shadow:none;
    margin:-2px 0 0 0;
    padding:0px 5px;
    background-color:rgba(0, 127, 156,0.8);
    border-radius:7px;
}

div#mais-referencia {
    display:none;
}

span.mais_ref {
    text-shadow:none;
    display:block;
    font-size:0.9em;
    font-weight:normal;
    line-height:1em;
    margin: 10px 0px 7px 0px;
}

div#resultado_dados {
    color:#000;
    text-align: center;
    font-weight: bold;
    width:294px;
    margin: 7px auto;
    padding:5px 7px;
    border:1px solid #c1c1c1;
    border-radius: 10px;
    background-color:rgba(255, 255, 255, 0.7);
}

div#opcoes-camadas {
    display:none;
    color:#000;
    font-family:"Arimo", sans-serif;
    text-align: center;
    text-shadow:2px 2px 2px #fff, -2px -2px 2px #fff;
    font-weight: bold;
    width:294px;
    margin: 7px auto;
    padding:5px 7px;
    border:1px solid #c1c1c1;
    border-radius: 10px;
    background-color:rgba(255, 255, 255, 0.7);
}

div#opcoes-area-botoes {
    display:inline-block;
    width:100%;
    margin:0px 0;
}

div#menu-bases, div#menu-circulos, div#menu-texto {
    position:relative;
    display:inline;
    color:white;
    text-shadow:none;
    margin:7px 1.6% 0px 0%;
    padding:3px 0px;
    box-sizing: border-box;
    background-color:rgba(0, 127, 156,0.8);
    border:1px solid rgba(0, 127, 156,0.8);
    float:left;
}

div#menu-bases {width:34.2%;border-radius: 10px 0px 0px 0px;}
div#menu-circulos {width:31.2%;border-radius: 10px 0px 0px 0px;}
div#menu-texto {width:31.2%;border-radius: 10px 0px 0px 0px;margin-right:0%;}

div#opcoes-resultados {
    border-top:1px solid #c1c1c1;
    height:60px;
    margin:0px 0 3px 0;
    background-color:#f7f7f7;
    box-sizing: border-box;
    border:1px solid #c1c1c1;
    border-radius: 0px 0px 5px 5px;
}


div#menu-dados {
    font-family:"Arimo", sans-serif;
    color:#000;
    text-align: center;
    font-weight: bold;
    width:294px;
    margin: 7px auto;
    padding:5px 7px;
    border:1px solid #c1c1c1;
    border-radius: 10px;
    background-color:rgba(255, 255, 255, 0.7);
}

div#area-sobre {
    color:#777;
    font-family:"Arimo", sans-serif;
    font-size:14px;
    text-align: center;
    font-weight: normal;
    width:282px;
    margin: 7px auto;
    padding:5px 5px;
    border:1px solid #c1c1c1;
    border-radius: 10px;
    background-color:rgba(255, 255, 255, 0.8);
    text-shadow:2px 2px 3px #fff, -2px -2px 3px #fff;
}

div#area-sobre a {
    color:#777;
}

aside#legenda {
    position:fixed;
    left:7px;
    bottom:2px;
    z-index:20;
}

div.bloco-legenda {
    color:#777;
    font-family:"Arimo", sans-serif;
    font-size:0.9em;
    text-align: center;
    font-weight: normal;
    width:62px;
    height:58px;
    margin: 7px 7px 7px 0;
    padding: 3px 0 0 0;
    text-shadow:2px 2px 5px #fff,
                -2px -2px 5px #fff,
                -2px 2px 5px #fff,
                2px -2px 5px #fff;
    background-color:rgba(232, 232, 232, 0.301);
    border:1px solid #c1c1c1;
    border-radius:5px;
    box-shadow:1px 1px 4px #777;
}

div.legenda-areas {
    width:54px;
    height:36px;
    margin:3px 0px 3px 4px;
    background-color:rgba(232,232,232, 0.801);
    border:1px solid #c1c1c1;
    border-radius:5px;
    cursor:pointer;
    float:left;
}

span.icon-texto {
    display:block;
    color:black;
    font-size:1.8em;
    margin-top:4px;
}

div#legenda-mapa-base {
    background-image:url("https://www.mapazoom.com/br/_images/brazil.png");
    background-repeat:no-repeat;
    background-position:8px 0px;
    background-size:34px;
    box-sizing: border-box;
}


span.tx-legenda {
    display:inline-block;
    color:#444;
    font-family:"Arimo", sans-serif;
    font-size:0.95em;
    font-weight:bold;
    margin:0 5px;
}


aside.area-config {
    position:fixed;
    font-family:"Arimo", sans-serif;
    font-size:14px;
    left:-332px;
    width:313px;
    height:60%;
    min-height:130px;
    max-height:420px;
    bottom:2px;
    padding:7px;
    background-color:rgba(232, 232, 232, 0.301);
    box-shadow:1px 1px 4px #777;
    border-radius:0px 7px 7px 0px;
    z-index:10;
    transition: left 0.5s ease-in-out;
}

@media screen and (min-height:600px) {
    aside.area-config {
        height:68vh;
        min-height:130px;
        max-height:420px;
    }
}

div.config {
    width:226px;
    height: calc(100% - 19px);
    margin-bottom:0px;
    padding:7px 12px 7px 7px;;
    background-color:rgba(255, 255, 255, 0.85);
    border-radius:7px;
    float:right;
    overflow-y:scroll;
    overflow-x:hidden;
    scrollbar-width:thin;
    overscroll-behavior: contain;
    scrollbar-color: rgba(60,60,60,0.5) rgba(132,132,132,0.1);
}

.deslizar {
    left:0px !important;
}

.deslizar-0 {
    left:0px !important;
}


div.config-fechar {
    display:block;
    color:#fff;
    font-size:1em;
    text-align:center;
    padding:4px 3px;
    width:50px;
    margin:0px 0 -18px 0px;
    background-color:red;
    border-radius:7px;
    cursor:pointer;
}

span.config-tl {
    display:block;
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 -7px 0;
}

span.config-stl {
    display:block;
    font-size:1.0em;
    font-weight:bold;
    margin:-8px 0 -7px 0;
}


/* TEXTO */

div.seletores, .abas-ajuda {
    margin:7px 0px;
    width:220px;
    border:1px solid #d1d1d1;
    border-radius:0px;
    padding:2px;
}

div.abas-ajuda p {
    font-size:14px;
    font-weight:normal;
    margin:5px 0px;
    text-shadow:3px 3px 1px #fff,-3px -3px 1px #fff,-3px 3px 1px #fff,3px -3px 1px #fff;
}

span.basetipo {
    font-weight:bold;
}

div.seletores p, div.seletores label {
    display:block;
    font-size:15px;
    font-weight:bold;
    margin:0px 0px 7px 0px;
}

datalist {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    writing-mode: horizontal-tb;
    width: 220px;
    font-size:0.9em;
  }
  
  option {
    padding: 0;
  }
  
  input[type="range"] {
    width: 220px;
    margin: 0;
  }

.italico-case {
    display:inline-block;
    font-size:10pt;
    color:white;
    text-align:center;
    padding:5px;
    margin:7px 3px;
    background-color:#1e85d4;
    border-radius:7px;
    cursor:pointer;
}

span.seletor-italico, span.seletor-normal {
    width:45px;
}

span.maiuscula, span.minuscula {
    width:26px;
}

.italicase-ativo {
    background-color:#33b074 !important;
    border-color:1px solid #777 !important;
}

span.seletor-italico {font-style:italic}

ul#tx-estilo {
    list-style-type: none;
    margin:0px;
    padding:0px;
    font-family:"Arimo", sans-serif;
    font-size:10pt;
}
  

ul#tx-estilo li {
    display:inline-block;
    font-size:10pt;
    color:white;
    padding:5px;
    margin:3px auto;
    background-color:#313695;
    border-radius:7px;
}

ul#tx-cor-nome-select {
    list-style:none;
    list-style-type: none;
    margin:0px 0px 0px -38px;
}

ul#tx-cor-nome-select li {
    display:inline-block;
    width:13px;
    height:8px;
    text-align:center;
    padding:5px 6px;
    margin:5px 0px;
    border:1px solid #c1c1c1;
    border-radius:5px;
    cursor:pointer;
}
  
ul#tx-cor-select {
    list-style:none;
    list-style-type: none;
    margin:0px 0px 0px -38px;
}

ul#tx-cor-select li {
    display:inline-block;
    width:13px;
    height:8px;
    text-align:center;
    padding:5px 6px;
    margin:5px 0px;
    border:1px solid #c1c1c1;
    border-radius:5px;
    cursor:pointer;
}

.txc01 {background-color:#fff;}
.txc02 {background-color:#DCDCDC;}
.txc03 {background-color:#C0C0C0;}
.txc04 {background-color:#A9A9A9;}
.txc05 {background-color:#808080;}
.txc06 {background-color:#444;}
.txc07 {background-color:#000;}

.txc08 {background-color:cyan;}
.txc09 {background-color:turquoise;}
.txc10 {background-color:#00FF00;}
.txc11 {background-color:yellow;}
.txc12 {background-color:#FFE4B5;}
.txc13 {background-color:#D8BFD8;}
.txc14 {background-color:magenta;}

.txc15 {background-color:#1E90FF;}
.txc16 {background-color:blue;}
.txc17 {background-color:green;}
.txc18 {background-color:#FF8C00;}
.txc19 {background-color:red;}
.txc20 {background-color:#ba3737;}
.txc21 {background-color:purple;}

.paleta-tx-ativa {
    border-color:#000;
    box-shadow:0px 0px 4px #000 !important;
}

ol#halo-select {
    list-style:none;
    list-style-type: none;
    margin:0px 0px 0px -38px;
}

ol#halo-select li {
    display:inline-block;
    width:20px;
    height:auto;
    text-align:center;
    padding:5px 6px;
    margin:0px 0px;
    background-color:#e2e2e2;
    border:1px solid #c1c1c1;
    border-radius:5px;
    cursor:pointer;
}

ul#halo-cor-select {
    list-style:none;
    list-style-type: none;
    margin:0px 0px 0px -38px;
}

ul#halo-cor-select li {
    display:inline-block;
    width:13px;
    height:8px;
    text-align:center;
    padding:5px 6px;
    margin:5px 0px;
    border:1px solid #c1c1c1;
    border-radius:5px;
    cursor:pointer;
}

.btn_restaurar {
    display:inline-block;
    font-size:10pt;
    color:white;
    text-align:center;
    padding:5px 7px;
    margin:7px 3px;
    background-color:#1e85d4;
    border-radius:7px;
    cursor:pointer;
}

span.btn_restaurar_tx_atual {
    width:calc(70px);
}

span.maiuscula {
    width:26px;
}

.italicase-ativo {
    background-color:#33b074 !important;
    border-color:1px solid #777 !important;
}

.cor1 {background-color:#fff;}
.cor2 {background-color:#e2e2e2;}
.cor3 {background-color:#c1c1c1;}
.cor4 {background-color:#888;}
.cor5 {background-color:#444;}

.pal {
    margin:3px;
    padding:5px;
    background-color:#e2e2e2;
    border:1px solid #c1c1c1;
    border-radius:5px;
    float:left;
    cursor:pointer;
}

.pal:hover {
    box-shadow:0px 0px 4px #444;
}

.paleta-ativa {
    background-color:#d1d1d1 !important;
    border-color:#000;
    box-shadow:0px 0px 4px #000 !important;
}

.paleta-ativa-circ {
    background-color:#d1d1d1 !important;
    border-color:#000;
    box-shadow:0px 0px 4px #000 !important;
}

div.paletas-random {
    width:45px;
}

div.paletas-neutro {
    width:35px;
}

div.paletas-cpl {
    width:15px;
    padding:5px 6px;
}


span.plt-num {
    display:block;
    font-family:"Arimo", sans-serif;
    font-size:0.8em;
    text-align:right;
    margin:0 1px -4px 0;
}

div.paletas-circ {
    width:16px;
    height:139px;
}

div.paletas-circ2 {
    width:174px;
    height:46px;
}

span#btn_circ_ocultar {
    display:inline-block;
    font-size:14px;
    color:white;
    text-align:center;
    padding:5px 7px;
    margin:7px 3px;
    background-color:#1e85d4;
    border-radius:7px;
    cursor:pointer;
}

span#btn_circ_ocultar:hover {
    background-color:#33b074 !important;
    border-color:1px solid #777 !important;
}

div.linhas-coropletico {
    margin-top:17px;
}

div.select-linha {
    margin:3px;
    padding:5px 6px;
    background-color:#e2e2e2;
    border:1px solid #c1c1c1;
    border-radius:5px;
    float:left;
    cursor:pointer;
    width:15px;
}

hr.hrln {
    width:100%;
    padding:0px;
    margin:3px 0px;
}

span.spln {
    display:block;
    width:100%;
    height:1px;
    padding:0px;
    margin:3px 0px;
}

span.ln01-reg {height:2px;background-color:#7f7f7f;opacity:1;}
span.ln01-uf {height:2px;background-color:#777;opacity:07;}
span.ln01-mun {height:2px;background-color:#fff;opacity:0.5;}

span.ln02-reg {height:2px;background-color:#7f7f7f;opacity:1;}
span.ln02-uf {height:2px;background-color:#777;opacity:0.7;}
span.ln02-mun {height:2px;background-color:#fff;opacity:1;}

span.ln03-reg {height:2px;background-color:#7f7f7f;opacity:1;}
span.ln03-uf {height:2px;background-color:#777;opacity:0.7;}
span.ln03-mun {height:2px;background-color:#fff;opacity:0.5;}

span.ln04-reg {height:2px;background-color:#7f7f7f;opacity:1;}
span.ln04-uf {height:2px;background-color:#777;opacity:0.7;}
span.ln04-mun {height:2px;background-color:#000;opacity:0.5;}

span.ln05-reg {height:2px;background-color:#c1c1c1;opacity:1;}
span.ln05-uf {height:2px;background-color:#c1c1c1;opacity:0.7;}
span.ln05-mun {height:2px;background-color:#c1c1c1;opacity:1;}

span.ln06-reg {height:2px;background-color:#fff;opacity:1;}
span.ln06-uf {height:2px;background-color:#fff;opacity:1;}
span.ln06-mun {height:2px;background-color:#fff;opacity:1;}

span.ln07-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln07-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln07-mun {height:2px;background-color:#ff0000;opacity:0.5;}

span.ln08-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln08-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln08-mun {height:2px;background-color:#00ff00;opacity:0.5;}

span.ln09-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln09-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln09-mun {height:2px;background-color:#0000ff;opacity:0.5;}

span.ln10-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln10-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln10-mun {height:2px;background-color:#ff00ff;opacity:0.5;}

span.ln11-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln11-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln11-mun {height:2px;background-color:#00ffff;opacity:0.5;}

span.ln12-reg {height:2px;background-color:#f7f7f7;opacity:1;}
span.ln12-uf {height:2px;background-color:#f7f7f7;opacity:0.7;}
span.ln12-mun {height:2px;background-color:#fff000;opacity:0.5;}

span.ln13-reg {height:2px;background-color:#ff0000;opacity:1;}
span.ln13-uf {height:2px;background-color:#ff0000;opacity:0.7;}
span.ln13-mun {height:2px;background-color:#ff0000;opacity:0.5;}

span.ln14-reg {height:2px;background-color:#00ff00;opacity:1;}
span.ln14-uf {height:2px;background-color:#00ff00;opacity:0.7;}
span.ln14-mun {height:2px;background-color:#00ff00;opacity:0.5;}

span.ln15-reg {height:2px;background-color:#0000ff;opacity:1;}
span.ln15-uf {height:2px;background-color:#0000ff;opacity:0.7;}
span.ln15-mun {height:2px;background-color:#0000ff;opacity:0.5;}

span.ln16-reg {height:2px;background-color:#ff00ff;opacity:1;}
span.ln16-uf {height:2px;background-color:#ff00ff;opacity:0.7;}
span.ln16-mun {height:2px;background-color:#ff00ff;opacity:0.5;}

span.ln17-reg {height:2px;background-color:#00ffff;opacity:1;}
span.ln17-uf {height:2px;background-color:#00ffff;opacity:0.7;}
span.ln17-mun {height:2px;background-color:#00ffff;opacity:0.5;}

span.ln18-reg {height:2px;background-color:#fff000;opacity:1;}
span.ln18-uf {height:2px;background-color:#fff000;opacity:0.7;}
span.ln18-mun {height:2px;background-color:#fff000;opacity:0.5;}

div.area-restaurar-coropletico {
    margin:14px 0 0 0;
}

span.tx-restaurar-coropletico {
    display:block;
    font-size:1.1em;
    font-weight:inherit;
    margin:0px 0 -16px 0;
    padding:0px;
}

.btn_restaurar_base {
    display:inline-block;
    font-size:10pt;
    color:white;
    text-align:center;
    padding:5px;
    margin:7px 2px;
    background-color:#1e85d4;
    border-radius:7px;
    cursor:pointer;
}

span.btn_restaurar_base_atual {
    width:calc(42% - 16px);
}