@font-face {
font-family: Oswald;
    src: url('../fonts/oswald-regular-webfont.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/oswald-regular-webfont.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/alwyn.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/calibri.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 */
}
@font-face {
font-family: Swiss;
    src: url('../fonts/swiss.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/swiss.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/swiss.woff') format('woff'), /* Modern Browsers */
    url('../fonts/swiss.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/swiss.svg#Oswald') format('svg'); /* Legacy iOS */
}

body { font: 1.0em Alwyn; color: #000;}
a { color: #000; 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 5px; }
.sb-slidebar ul li a{
    color: #333!important;
    font-size: 1.2em!important;
    font-weight: bold;
    font-family: Calibri;
}
.sb-slidebar ul li a:hover{color: #d76c1d!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:1.3em;}
#texto-conteudo h2 { font-size: 1.250em; font-weight: bold; margin-bottom: 10px;color:#698714;}
#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:#333;}
#idocumentos-form input { border: 0px; padding: 1%; font-size: 1em;}
#idocumentos-form button { background: #333; border: 0px; cursor: pointer; color: #FFF; padding: 1%; font-size: 1em;}

#icalendario h3 {
    font-size: 1.65em;
    margin-bottom: 10px;
    color: #fff;
}
#icalendario thead th {
    color: #d76c1d;
    background: #ffffff;
    padding: 5px;
    font-weight: bold;
}
#icalendario tbody .titulo {
    color: #fff;
    background: #b2b2b2;
}
#icalendario td { padding: 5px; border: 1px solid #999; color: #222;}
#icalendario a { color: #d76c1d; }
#icalendario .atual { color: #000; font-weight: bold; }
#icalendario #icalendario_agenda_estadual { margin-top: 10px; }
#icalendario #icalendario_agenda_estadual a{ color: #fff;}


#box-news  h2 { font-size: 2.0em; margin-bottom: 10px; color:#3aa3f5; }
#texto-inewsletter h1  { font-size: 1.250em; font-weight: bold; margin-bottom: 10px; color: #698714;}
#texto-inewsletter p { color: #000; }
#inewsletter input { border: 1px solid #fff; padding: 1%; font-size: 1em;}
#inewsletter button {
    background: #3a3937;
    border: 0px;
    cursor: pointer;
    color: #FFF;
    padding: 1%;
    font-size: 1em;
}

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


#rodape a{ color: #fff;}
#rodape p { font-size:1.0em; color: #fff;}
#rodape p a{ font-size:1.0em; color: #fff;}
#rodape h4 { font-size:1.0em; color: #fff; padding-bottom: 10px;}


#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 }