/* CSS Document 
www.sisflex.com.br
Noticias*/
#noticias{width:550px;min-height:170px;height:auto !IMPORTANT;height:170px;margin:0;float:left}
#noticias h1{text-align:left;font:bold 12px Arial, Helvetica, sans-serif;margin:10px 0 10px 7px;color:#666666;clear:left;background:#FFFFFF}
#noticias h2, #noticias h3{text-align:left;font:bold 12px Arial, Helvetica, sans-serif;margin:10px 2px 5px 2px;color:#CC3300}
#noticias h3{color:#006600}
#noticias p{text-align:justify;font:normal 12px Arial, Helvetica, sans-serif;color:#333333;margin:3px}
#noticias a, #noticias a:visited, #noticias a:link, #noticias a:active{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:none}
#noticias a:hover{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:underline}
#noticias a.todas, #noticias a.todas:visited, #noticias a.todas:link, #noticias a.todas:active{font:bold 12px Arial, Helvetica, sans-serif;color:#000000;text-decoration:none}
#noticias a.todas:hover{text-decoration:underline}
/*saiba mais*/
#noticias p.saiba_mais{text-align:right}
#noticias a.saiba_mais, #noticias a.saiba_mais:visited, #noticias a.saiba_mais:link, #noticias a.saiba_mais:active{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:none;color:#000099}
#noticias a.saiba_mais:hover{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:underline;color:#000099}

/*Destaque*/
.destaque{width:99%;min-height:170px;height:auto !IMPORTANT;height:170px;background:#FFFFFF}
.destaque img{float:left;margin:0 1px}
.noticia, .ultimas{width:55%;min-height:100px;float:right;clear:right;margin:0}
.ultimas{width:99%;min-height:90px}
h2.ultimas_not{text-align:left;font:bold 12px Arial, Helvetica, sans-serif;margin:10px 5px 5px 5px;color:#CC3300}
p.ultimas_not {text-align:justify;font:normal 12px Arial, Helvetica, sans-serif;color:#333333;margin:0 5px}
/*Com imagem*/
.noticias_img{width:98%;min-height:210px;height:auto !IMPORTANT;height:210px;margin:5px;clear:left;overflow:hidden;background:url(http://www.asufepar.org.br/imagens/fundo_noticia_img2.jpg)}
.noticias_img img{float:left;clear:left}
/*colunas com alturas iguais [http://www.positioniseverything.net/articles/onetruelayout/equalheight]*/
.not_esquerda, .not_central, .not_direita, .not_segunda{width:175px;min-height:200px;height:auto !IMPORTANT;height:200px;margin:0px;background:#FFFFFF}
.not_esquerda {float:left;margin-bottom:-800em}
.not_central, .not_segunda {margin:0 0 0 183px;padding-bottom:1000em;margin-bottom:-999.5em}
.not_direita{float:right;padding-bottom:1000em;margin-bottom:-999.5em}
/*Notícias Simples*/
.noticias_txt{width:98%;height:150px;margin:5px;clear:left;overflow:hidden}
.txt_esquerda, .txt_central, .txt_direita, .txt_segunda{width:175px;min-height:180px;height:auto !IMPORTANT;height:180px;margin:0px;background:#FFFFFF}
.txt_esquerda {float:left;margin-bottom:-800em}
.txt_central, .txt_segunda {margin:0 0 0 183px;padding-bottom:1000em;margin-bottom:-999.5em}
.txt_direita{float:right;padding-bottom:1000em;margin-bottom:-999.5em}
/*Leitura*/
#leitura {width:99%;min-height:150px;background:#FFFFFF}
#leitura img{float:left;margin:0 10px}
#leitura h1{text-align:left;font:bold 16px Arial, Helvetica, sans-serif;margin:10px 5px 5px 5px;color:#CC3300}
#leitura h2, #leitura h3{text-align:left;font:bold 12px Arial, Helvetica, sans-serif;margin:10px 2px 5px 2px;color:#CC3300}
#leitura h3{color:#006600;font:bold 12px Arial, Helvetica, sans-serif}
#leitura p{text-align:justify;font:normal 12px Arial, Helvetica, sans-serif;color:#333333;margin:5px}
#leitura p.chamada{text-align:justify;font:italic 12px Arial, Helvetica, sans-serif;color:#666666;margin:5px}
#leitura a, #leitura a:visited, #leitura a:link, #leitura a:active{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:none}
#leitura a:hover{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:underline}
#leitura a.arquivo, #leitura a.arquivo:visited, #leitura a.arquivo:link, #leitura a.arquivo:active{font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none}
#leitura a.arquivo:hover{font:bold 12px Arial, Helvetica, sans-serif;text-decoration:underline}
.figura{float:left;margin:0.5em;padding:0.5em}
.figura p{text-align:left;clear:left;font-style:italic;text-indent:0;margin:0 10px}
/*Arquivo de notícias*/
#not_arquivo{width:165px;min-height:310px;height:auto !IMPORTANT;height:310px;margin:0 3px 0 0;background:#F0F8FF;float:right}
#not_arquivo p{font:normal 12px Arial, Helvetica, sans-serif;color:#000000;margin:3px 5px}
#not_arquivo p.selecao{font:bold 12px Arial, Helvetica, sans-serif;color:#000000;margin:3px 5px}
#not_arquivo a, #not_arquivo a:visited, #not_arquivo a:link, #not_arquivo a:active{font:normal 12px Arial, Helvetica, sans-serif;color:#000000;text-decoration:none}
#not_arquivo a:hover{font:normal 12px Arial, Helvetica, sans-serif;text-decoration:underline}
#not_arquivo ul li{width:140px;font:normal 11px Arial, Helvetica, Sans-Serif;color:#666666;margin:5px 10px}
#not_arquivo ul li a{font:normal 11px Arial, Helvetica, Sans-Serif;color:#666666}
#not_arquivo ul li a:hover{text-decoration:underline;color:#CC3300}
#not_arquivo ul li a:visited{color:#000000}
#not_arquivo ul li a:active{color:#000000}
/* comentarios*/
#comentarios {width:98%;height:auto;font:normal 12px Arial, Helvetica, sans-serif;background:#F5F5F5;margin:5px 1%}
.comentario{width:50%;height:200px;background:#FFFFFF;margin:0;float:left;clear:left}
.comente{width:45%;height:200px;background:#F5F5F5;margin:0;float:right;clear:right}
#indique fieldset {width:99%;float:left;margin:5px 1px}
#indique fieldset.simples{width:280px;margin:0 5px;float:left;border:dotted #FFF 2px}
#indique fieldset.simples legend{width:28%;margin:5px;font:bold 12px Arial, Helvetica, sans-serif;color:#000000}
#indique label.campo{width:265px;margin:0 5px;float:left;font:normal 12px Arial, Helvetica, sans-serif}
#indique label.campo input{width:260px;height:20px;border:1px solid #000;float:left;background:#fff}
#indique label.texto{width:550px;margin:0 7px;float:left;font:normal 12px Arial, Helvetica, sans-serif}
#indique label.texto textarea{width:540px;height:120px;margin:0 5px;float:left;border:1px solid #000;background:#fff;font:normal 12px Arial, Helvetica, sans-serif}
#indique span.barra {width:10px;text-align:left;margin:0 5px 10px 5px}
#indique input {width:350px;height:14px;border:1px solid #CCCCCC;background-color:#FFFFFF;;margin-bottom:5px;clear:right;font:normal 12px Arial, Sans-Serif}
/*formularios de envio*/
#indique {width:98%;height:auto;font:normal 12px Arial, Helvetica, sans-serif;background:#F5F5F5;margin:5px 1%}
.interacao{width:100%;height:290px;background:#F5F5F5;margin:0;float:left;clear:left}
#indique fieldset {width:99%;float:left;margin:5px 1px}
#indique fieldset.simples{width:280px;margin:0 5px;float:left;border:dotted #FFF 2px}
#indique fieldset.simples legend{width:28%;margin:5px;font:bold 12px Arial, Helvetica, sans-serif;color:#000000}
#indique label.campo{width:265px;margin:0 5px;float:left;font:normal 12px Arial, Helvetica, sans-serif}
#indique label.campo input{width:260px;height:20px;border:1px solid #000;float:left;background:#fff}
#indique label.texto{width:550px;margin:0 7px;float:left;font:normal 12px Arial, Helvetica, sans-serif}
#indique label.texto textarea{width:540px;height:120px;margin:0 5px;float:left;border:1px solid #000;background:#fff;font:normal 12px Arial, Helvetica, sans-serif}
#indique span.barra {width:10px;text-align:left;margin:0 5px 10px 5px}
#indique input {width:350px;height:14px;border:1px solid #CCCCCC;background-color:#FFFFFF;;margin-bottom:5px;clear:right;font:normal 12px Arial, Sans-Serif}
img.botao1{cursor:pointer;margin:5px 0 0 40%}
img.botao2{cursor:pointer;margin:5px 0 0 10px}