/* Deixando o conteudo responsivo*/
html, body{
min-width:300px;
}
img,embed,object,video {max-width: 100%;}
.both{clear:both;}
.fleft{float: left;}
.fright{float: right;}
#wrap-topo { width: 100%; height: 278px; border-bottom: 2px solid #fff;}
#div-logo-topo { max-width: 444px; height: 122px; /*margin-left: 33%;*/margin-left: 3%; float: left; margin-top: 19px; }
#div-menu-topo { height: 56px; clear: both; padding-top: 103px; float:left; margin-left: 31%;}
/* Menu do topo */
.nav {
position: relative;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
display: inline-block;
}
.nav a {
padding: 6px 15px;
text-decoration: none;
color: #30abda;
line-height: 78px;
font: 17px Calibri;
font-weight: bold;
}
.nav a:hover {
color: #fff;
}
.nav .current a {
color: #30abda;
font: 17px Calibri;
font-weight: bold;
display:none;
}
.nav .current a:hover {
color:#fff;
}
/* Conteudo */
#utilitarios-1 { width: 100%; }
#utilitarios-1-parte1 {width: 26%; float: left; margin: 0px 1% 0px 10%; text-align:center;}
#utilitarios-1-parte2 {width: 26%; float: left; margin: 0px; text-align:center; }
#utilitarios-1-parte3 {width: 26%; float: left; margin: 0px 10% 0px 1%; text-align:center; margin-bottom: 27px;}
#icone-indices, #icone-utilcont, #icone-manualcont { width: 90%; float: left; margin-top:6%; margin-bottom:5%;}
#texto-indices, #texto-utilcont, #texto-manualcont { width: 90%; text-align:center; margin-bottom:5%; }
#wrap-conteudo #conteudo { width: 100%; }
#texto-conteudo {width: 80%; margin-left: 8%; float: left; text-align: center; margin-bottom: 55px; margin-top: 36px; font-size: 1.2em; color:#20a0d6;}
.box-conteudo{ margin-left:10%; margin-right:10%; margin-top:20px; margin-bottom:20px; min-height:300px; color:#000;}
.box-conteudo ul li{list-style:circle;margin-left:25px;}
#idocumentos { float: right;}
#idocumentos-form{width:90%; padding-top:0}
#idocumentos-form input { width: 100%; height: 1em; margin: 3px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left;}
#idocumentos-form button { width: 102%; height: 1.5em; margin:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left;}
#idocumentos-form p { margin-top: 0px;}
#utilitarios-2 { width: 100%; min-height: 400px; clear:both; float: left;}
#utilitarios-2-container { width: 60%; float:right; margin-right: 0%;}
#utilitarios-2-parte1 {width: 100%; min-height: 100px; float: right; }
#utilitarios-2-parte2 {width: 100%; min-height: 100px; float: right; }
#utilitarios-2-parte3 {width: 100%; min-height: 100px; float: right; }
#utilitarios-2-parte4 {width: 35%; min-height: 250px; float: left; margin: 0px 1% 0px 10%;}
#icone-iartigos, #icone-atendimentoonline, #icone-igaleria-video, #icone-igaleria-foto, #icone-trabalhe, #icone-idocumentos { width: 10%; height: 70px; margin-top: 60px; margin-right: 2%; float: left;}
#texto-iartigos, #texto-atendimentoonline, #texto-igaleria-video, #texto-igaleria-foto, #texto-trabalhe, #texto-idocumentos { width: 26%; margin-top: 60px;float: left; margin-right: 1%;}
#icalendario { width: 40%; text-align: center; float: right; margin-right: 10%; margin-top: 72px; margin-bottom: 30px; }
#icalendario table { width: 100%; margin: 0 auto;}
#inewsletter {text-align:left; float:right; width:60%; margin-top: -195px; }
#icone-inewsletter { width: 100%; margin:0 auto; margin-top: 30px; margin-bottom:5px; }
#icone-inewsletter img{ float:left;margin-left:25%; margin-right:2%; width:10%;}
#icone-inewsletter h1{margin-top:3%; font-size: 1.6em; color: #242424; font-weight:bold;}
#texto-inewsletter { width:85%; text-align:left; margin-bottom:30px; color:#242424; font-size:1.2em;}
#form-inewsletter { width: 100%; margin-top:0; clear:both;}
#inewsletter input { width: 54%; height: 30px; margin: 5px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#inewsletter button { width: 20%; height: 48px; margin-left:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#box-news { width: 80%; min-width:190px; height: 230px; }
#box-news h2{ text-align:center; margin-top:20px; }
#inews a{ color: #333;}
#inews span { display: block; margin: 5px 0px; }
#inews .veja_mais { width: 25%; height: 1em; float:right; }
#inews .slide{height:80px;}
#wrap-rodape{ width:100%; min-height:250px; }
#wrap-rodape #rodape{ min-height:180px; margin-left:10%; margin-right:10%; }
#wrap-rodape #rodape #esquerdo{ padding: 10px 40px 10px 0; margin-top:10px;}
#wrap-rodape #rodape #meio{ margin-left:49px; padding-top:32px; font-size: 16px;}
#wrap-rodape #rodape #direita{ margin-left:5%; margin-right:5%; padding-top:32px; max-width:50%; font-size: 16px; color: #fff;}
#wrap-rodape #rodape #under_center #w3c_logo{ margin-top:31px; margin-bottom:0%; }
#wrap-rodape #redes-sociais-rodape{margin-top:24px; text-align:center;}
#wrap-rodape #redes-sociais-rodape li{display:inline; margin:0px;}
#wrap-rodape #redes-sociais-rodape li a{padding:0px 4px;}
/* CONTATO */
#contato{
width:30%;
padding:15px;
border-radius:15px;
background-color: #30abda;
border: 1px solid black;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
position:absolute;
z-index:999999;
}
#contato .tb-form { width: 90%; }
#contato input { width: 100%; }
#contato textarea { width: 100%; }
#contato .first { width: 20%; }
#contato .second { width: 80%; }
#contato .valigntop { vertical-align: top; }
#mapa-contato{width:100%;}
#mapa{min-height: 720px; width: 100%}
.btnenvia{margin-left:10px;}
---------------------
/*
STATUS:
ERRO -> Mensagens de erro no sistema
OK -> Mensagens de sucesso no sistema
INFO -> Mensagens com informações sobre determinadas ações
*/
.status{ /* Configuração default das caixas de avisos */
padding:4px 0px 4px 24px;
margin:20px auto;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.box-status p{font:11px Tahoma;}
.box-status p strong,
.box-status p b{font:bold 12px Arial;}
#status_erro,
.status_erro{
background:url(../img/ico-erro-1.png) #FFCACA 4px center no-repeat;
border:1px solid #AE0000;
}
#status_erro p,
.status_erro p{color:#B70000;}
#status_ok,
.status_ok{
background:url(../img/ico-ok-1.png) #D7FFEB 4px center no-repeat;
border:1px solid #00592D;
}
#status_ok p,
.status_ok p{color:#006600;}
#status_info,
.status_info{
background:url(../img/ico-info-1.png) #FF9 4px center no-repeat;
border:1px solid #FF0;
}
#status_info p,
.status_info p{color:#666600;}
#iartigos{ margin-left:10%; padding-top:20px; padding-bottom:20px;}
#wrap-conteudo #wrap-conteudo-artigos #conteudo{ margin:0;}
#iartigos ul li { margin-top: 10px; }
#iartigos ul li span { display: block; }
#iartigos-detalhes { width: 80%; margin: 10px auto; }
.box-parceiro { margin: 20px 0px; }
/* Box com link's úteis (utilitários) */
#box-links-uteis p a{padding:4px 2px; display: block;}
#box-links-uteis div{margin-top:10px;}
#box-links-uteis div ul{margin-left:30px; margin-bottom:10px; width:260px;}
#box-links-uteis div ul li a{padding:3px 2px; display:block;}
.galeria-fotos { float: left; margin: 0 1%; }
.galeria-videos { float: left; margin: 0 1%; }