body { font: 0.875em Calibri; color: #333;}
a { color: #000; text-decoration: none; }

#wrap-topo {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background:#fff; border-bottom: 10px solid #828282;}

#utilitarios-1 h1, #utilitarios-2 h1 { font-size: 1.2em; font-weight: bold;}

#wrap-conteudo #conteudo { background: #eeeeee; }
#texto-conteudo h1 { font-size: 1.250em; font-weight: bold; margin-bottom: 10px;}
#texto-conteudo p { margin: 0px 0px 10px 0px; }

/* Links �teis */
/*#linksuteis h2 { font-size: 1.8em; margin-bottom: 40px; text-align:center; color:#000;}*/

.utilitario h1 { margin-bottom:5px; font-size: 27px; color: #212121;}
.utilitario p { font-size:1em; margin-bottom:15px; }

.utilitario-btn { background: #E2B607; height:30px; }
.utilitario-btn a{ color:#000; }
/* ------------------------------------------------------------------------ */

/* �rea do Cliente */
#areadocliente  h2 { font-size: 1.8em; margin-bottom: 40px; text-align:center; color:#4e525d; }

#idocumentos h1 { font-size: 2.5em; color:#3a3a3a; }
#idocumentos-form input { border: 1px solid #a0a0a0; padding: 1%; font-size: 1em; background:#fff;margin-right:10px;float:left;}
#idocumentos-form button { background: #545454; border: 0px; cursor: pointer; color: #fff; padding: 1%; font-size: 1em;}
#idoc-div-btn{padding:5px 0 5px 0; }
    
#inewsletter { }
#inewsletter h1  {
width: 20%;
    font-size: 26px;
    color: #fff;
    float: left;
    margin-top: 10px;
    margin-left: 13%;
    font-size: 2.5em;
}
#inewsletter p { color: #767981; font-size:0.8em;}
#inewsletter input { border: 0px; padding: 1%; font-size: 1em; background:#eee; text-align:center;float:left; }
#inewsletter button { background: #828282; border: 0px; cursor: pointer; color: #fff; padding: 1%; font-size: 1em;}
#inew-div-btn{ text-align:center; padding:2px 0 5px 0; }
/* ------------------------------------------------------------------------ */

/* iCalend�rio */
#icalendario h3 {
	font-size: 23px;
    margin-bottom: 10px;
    color: #212121;
}
#icalendario thead th { color: #FFF;  background: #373737; padding: 15px; font-weight: bold;}
#icalendario tbody .titulo { color: #333;  background: #eee;}
#icalendario td { padding: 5px; border: 1px solid #fff;}
#icalendario .first-td { color: #333;  background: #eee;}
#icalendario a { color:#683c7e; font-weight: bold;}
#icalendario .atual { color:#c05303; }
#icalendario #icalendario_agenda_estadual { margin-top: 10px; }
#icalendario #icalendario_agenda_estadual a{ color:#333; }
/* ------------------------------------------------------------------------ */

/* Ideal News */
#box-news  h2 {
	    font-size: 27px;
    margin-bottom: 40px;
    color: #212121;
}
#inews .veja_mais {
    background: #828282;
    border: 0px;
    cursor: pointer;
    color: #fff;
    padding: 9px;
    font-size: 1em;
}
/* ------------------------------------------------------------------------ */

/* Rodap� */
#wrap-rodape{ color:#fff; }
#wrap-rodape a{ color:#fff; }

#under-rodape-content p { text-align:left; color:#212121; }

#wrap-rodape #rodape #chat-rodape { background:#212121; }
#wrap-rodape #rodape #chat-rodape a{ text-align:center; color:#fff; font-size: 18px;}

#wrap-rodape #rodape #endereco-rodape{
    color: #fff;
    font-size: 15px;
    width: 60%;
}
#wrap-rodape #rodape #endereco-rodape a{ color:#fff; }
#wrap-rodape #rodape h4 { text-align:center; font-size:2.3em; color:#212121; padding:45px 0 45px 0; }

#redes-sociais-rodape { color:#212121; font-size: 20px; text-align: center; }
/* ------------------------------------------------------------------------ */

.box-conteudo strong{ font-weight:bold; }
.box-conteudo{ font-size:1.35em; text-align:justify; }
.box-conteudo h1{font-size:1.2em; font-weight:bold; margin-bottom:10px;}

#box-conteudo #iartigos #titulo{ font:bold 1.500em Verdana; font-weight:bold; margin-bottom:10px; }
#box-conteudo #iartigos ul li a{ font-size:1.2em; }

/* Box com link's úteis (utilitários contábeis) */
#box-links-uteis p{cursor:pointer;}
#box-links-uteis p a{color:#000;}
#box-links-uteis p:hover{background:#CCC}
#box-links-uteis p.t-ativo{background-color:#777; color:#FFF; border:1px solid #999;}
#box-links-uteis p.t-ativo span,#box-links-uteis p.t-ativo a{color:#FFF;}
#box-links-uteis div ul li{list-style: circle;}
#box-links-uteis div ul li:hover{list-style:disc;}
#box-links-uteis div ul li a{color:#080101; font:11px Tahoma;}
#box-links-uteis p a:hover{text-decoration: none;}

#wrap-conteudo #wrap-conteudo-artigos #conteudo{ background:#fff; }

/*---CSS mapa personalizado--*/

.infoBox { background-color: #FFF; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 2px solid #3fa7d8; border-radius: 3px; margin-top: 10px;padding:10px; }
.infoBox p { padding: 0 15px }
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3fa7d8; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }

--------------