@font-face {
font-family: Oswald;
    src: url('../fonts/oswald-regular-webfont.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/oswald-regular-webfontd41d.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/oswald-regular-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oswald-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oswald-regular-webfont.svg#Oswald') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: Alwyn;
    src: url('../fonts/alwyn.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/alwynd41d.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/alwyn.woff') format('woff'), /* Modern Browsers */
    url('../fonts/alwyn.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/alwyn.svg#Oswald') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: Calibri;
    src: url('../fonts/calibri.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/calibrid41d.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/calibri.woff') format('woff'), /* Modern Browsers */
    url('../fonts/calibri.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/calibri.svg#Oswald') format('svg'); /* Legacy iOS */
}

body { font: 0.875em Calibri; color: #000;}
a { color: #525252; text-decoration: none; }
strong{font-weight:bold}


.sb-slidebar { 
    width: 200px;
    background: rgba(105,105,105)!important; overflow: hidden!important; z-index: 99999!important;
    border-left: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(128,128,128, 0.65);
    -moz-box-shadow:    0px 0px 10px 1px rgba(128,128,128, 0.65);
    box-shadow:         0px 0px 10px 1px rgba(128,128,128, 0.65);
}
.sb-slidebar ul li{margin: 20px 0px; }
.sb-slidebar ul li a{
    color: #7b7b7b!important;
    font-size: 1em!important;
    text-transform: uppercase;
    padding-left: 15px;
}
.sb-slidebar ul li a:hover{color: #ccc!important; }
.sb-close { overflow:hidden; width: 100%; height: 40px; line-height: 40px; color: #fff; background: url('../img/double-arrow-right.png') no-repeat 10px center; text-align: center; display: block; cursor: pointer}
.geral { overflow: hidden;}


#wrap-conteudo #conteudo-index { background: #FFF; font-size:1em;}
#texto-conteudo h2 { font-size: 1.250em; font-weight: bold; margin-bottom: 10px;color:#448ed3;}
#texto-conteudo p { margin: 0px 0px 10px 0px;color:#333; line-height: 25px; }
#texto-conteudo p a strong{font-weight:bold;color:#333; }

#idocumentos h1 { font-size: 1.250em; font-weight: bold; margin-bottom: 10px;color:#448ed3;}
#idocumentos-form input { border: 0px; padding: 1%; font-size: 1em;}
#idocumentos-form button { background: #448ed3; border: 0px; cursor: pointer; color: #FFF; padding: 1%; font-size: 1em;}

#icalendario h3 {
    font-size: 2em;
    margin-bottom: 20px;
    color: #384d5a;
    letter-spacing: 1px;
    font-family: Alwyn;
    font-weight: bold;
}
#icalendario thead th {
    color: #FFF;
    background: #384d5a;
    padding: 5px;
}
#icalendario tbody .titulo { color: #000;  background: #ccc;}
#icalendario td { padding: 5px;}
#icalendario a {
    color: #21658f;
    font-weight: bold;
}
#icalendario .atual { color: #000; font-weight: bold; }
#icalendario #icalendario_agenda_estadual { margin-top: 10px; }
#icalendario #icalendario_agenda_estadual a{ color: #616161;}


#inewsletter { }
#texto-inewsletter h1  { font-size: 1.250em; font-weight: bold; margin-bottom: 10px; color: #448ed3;}
#texto-inewsletter p { color: #000; }
#inewsletter input { border: 1px solid #b7b7b7; padding: 1%; font-size: 1em;}
#inewsletter button {
    background: #384d5a;
    border: 0px;
    cursor: pointer;
    color: #FFF;
    padding: 1%;
    font-size: 1em;
}

#box-news  h2 {
    font-size: 2em;
    margin-bottom: 40px;
    color: #384d5a;
    letter-spacing: 1px;
    font-family: Alwyn;
    font-weight: bold;
}
#inews .veja_mais {
        text-align: right;
    border: 0px;
    cursor: pointer;
    color: #4c83a5;
    padding: 1%;
    font-size: 0.8em;
}

#tools-4 p {
    color: #384d5a;
    font-size: 1.2em;
}

#contato h1{
    font-size: 2em;

}

.box-conteudo h1 {
    font-size: 2em;
    margin-bottom: 10px;
    color: #384d5a;
}
.btnenvia, .btnreseta { margin-left:10px; width: 20%; height: 2.5em; margin-top: 10px; background: #212121; border: 0px; cursor: pointer; color: #FFF; padding: 1%; font-size: 1em;}


#rodape{background:url(../img/img-rodape.jpg) center top no-repeat;}
#rodape a{ color: #fff;}
#rodape p { font-size:1.15em; color: #fff;}
#rodape ul li a{ font-size:0.8em;}
#rodape h4 { font-size:0.9em;}


#iartigos h1, #iartigos-detalhes h1 { font-size: 1.250em; font-weight: bold; margin-bottom: 10px;}

/* 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;}

/*---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 }