@charset "iso-8859-1";
/*FONTE SABEDORIA: Mas se algum de vós necessita de sabedoria, peça-a a Deus que dá a todos liberalmente e não impropera, e ser-lhe-á dada. - Tiago 1:5*/

*{ padding:0; margin:0;}

#corpo{width: 99%; overflow: auto; background: #FFF; margin: 0 auto; margin-top: 10px;}
#corpo #topo {height: 180px; background: #CCC;}
#corpo #topo #logo {float: left; position: absolute;  width: 20%; height: 180px; border: 0;}
#corpo #topo #logo a img {float: center; width: 100%; height: 180px; }
#corpo #topo #banner { float: right; width: 100%; height: 100px;  background: #FFF;  }
#corpo #topo #banner img { width: 100%; height: 180px; }/*Fonte sabedoria - Tiago 1:5*/

/*Menu*/
#corpo #menu {width: 100%; overflow: auto; background: #01A9DB; }
#corpo #menu ul{ list-style-type: none;}
#corpo #menu ul li {float: left; position: relative; }
#corpo #menu ul li a{display: block; padding:8px 14px; font: 15px Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; text-decoration: none;}
#corpo #menu ul li a:hover{background: #069; text-decoration: underline;}

/*Conteúdo*/
#corpo #conteudo {width: 100%; overflow: auto; background: #FFF;}
#corpo #conteudo #direita {float: right; width: 15%; margin-top: 5px;}
#corpo #conteudo #centro {float: left; width: 69%; margin-top: 5px; border-left: 2px solid #999; border-right: 2px solid #999;}
#corpo #conteudo #esquerda {float: left; width: 15%;  margin-top: 5px ;}


/*Postagem*/
#corpo #conteudo #centro #artigo {float: left; width: 100%; overflow: auto; border-bottom: 1px dashed #999; margin-bottom: 10px;}
#corpo #conteudo #centro #artigo h5{ font: 14px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; background: #CEF6F5;}
#corpo #conteudo #centro #artigo h1{ font: 22px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; margin-top: 10px;}
#corpo #conteudo #centro #artigo h1 a {font: 22px Arial, Helvetica, sans-serif; color: #0B0B61; font-weight: bold; text-decoration: none; }
#corpo #conteudo #centro #artigo h1 a:hover{ text-decoration: underline; color: #09c; }
#corpo #conteudo #centro #artigo p{text-align:justify; text-indent: 5px; font: 16px Arial, Helvetica, sans-serif; color: #000; margin-top: 10px;}
#corpo #conteudo #centro #artigo p a{font: 16px Arial, Helvetica, sans-serif; color: #09c; text-decoration:none; }
#corpo #conteudo #centro #artigo p a{text-decoration:underline;}
#corpo #conteudo #centro #artigo img {float: left; width: 20%; height: auto; border: 1px solid #09c; margin: 0px 10px 10px 0px;}
#corpo #conteudo #centro #artigo a img {float: left; width: 20%; height: auto; border: 1px solid #333; margin: 0px 10px 10px 0px;}
#corpo #conteudo #centro #artigo a:hover img {border-color: #09c;}


/*Paginação*/
.paginacao{float:left; height:4%; padding: 10px;} /*Fonte sabedoria - Tiago 1:5*/
.paginacao a{ font: 14px Arial, helvetica, sans-serif; color: #000; font-weight: bold; text-decoration: none; background-color: #01A9DB; padding: 5px; margin: 2px; border-radius:3px;}
.paginacao a:hover{background-color: #069; transition: background-color 1s; border-radius:3px; cursor:point;} /*Fonte sabedoria - Tiago 1:5*/

/*Postagem Completa*/
#corpo #conteudo #centro #artigo2 {float: left; width: 100%; overflow: auto; border-top: 1px dashed #999; margin-bottom: 10px;}
#corpo #conteudo #centro #artigo2 h1{ font: 18px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; margin-top: 5px;}
#corpo #conteudo #centro #artigo2 h1 a {font: 18px Arial, Helvetica, sans-serif; color: #0B0B61; font-weight: bold; text-decoration: none; }
#corpo #conteudo #centro #artigo2 h1 a:hover{ text-decoration: underline; color: #09c; }
#corpo #conteudo #centro #artigo2 h3{ text-align:left; font: 16px Arial, Helvetica, sans-serif; color: #000; background: #CEF6F5;}
#corpo #conteudo #centro #artigo2 img {float: center; width: 98%; height: outo; border: 1px solid #09c; margin: 0px 10px 10px 0px;}
#corpo #conteudo #centro #artigo2 h5{ font: 14px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; background: #ccc;}




/*Lateral*/
#corpo #conteudo #direita #midia{float: center; width: 100%; overflow: auto; }
#corpo #conteudo #direita #midia a img {width: 97%; height; auto;  border-radius:10px; border: 1px solid #999; margin-bottom: 10px;}


#corpo #conteudo #direita #postSide{float: center; width: 100%; overflow: auto; border-bottom: 1px dashed #999; background: #A9F5F2;}
#corpo #conteudo #direita h2{text-align:center; font: 16px Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; background: #01A9DB;}
#corpo #conteudo #direita h2 a:hover{text-decoration: underline; }
#corpo #conteudo #direita #postSide a img {width: 99%; height; 110px;  border-radius:10px; border: 1px solid #999; }
#corpo #conteudo #direita #postSide a:hover img {border-radius:13px; border: 1px solid #01A9DB; }
#corpo #conteudo #direita #postSide h4{ text-align:center; font: 12px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-decoration:none;}
#corpo #conteudo #direita #postSide h4 a{  font: 12px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-decoration:none;}
#corpo #conteudo #direita #postSide h4 a:hover{ color: #01A9DB; font-weight: bold; text-decoration:underline;}

/*Interna*/
#corpo #conteudo #centro #interna {float: left; width: 100%; overflow: auto; border-top: 1px dashed #999; margin-bottom: 10px;}
#corpo #conteudo #centro #interna h1{text-align:center; font: 18px Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; background: #01A9DB;}
#corpo #conteudo #centro #interna p{text-align:justify; text-indent: 5px; font: 16px Arial, Helvetica, sans-serif; color: #000; margin-top: 10px;}
#corpo #conteudo #centro #interna p a{font: 16px Arial, Helvetica, sans-serif; color: #09c; text-decoration:none; }
#corpo #conteudo #centro #interna p a{text-decoration:underline;}
#corpo #conteudo #centro #interna h5{  font: 12px Arial, Helvetica, sans-serif; color: #000; background: #ccc; }


/*Links*/
#corpo #conteudo #esquerda #links { width: 98%; overflow: auto;  margin: 0 auto; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;}
#corpo #conteudo #esquerda #tipo h1{ text-align:center;  font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: #0080FF; margin:0 auto; }
#corpo #conteudo #esquerda #tipo p a {display: block; text-align:left; font: 14px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;  padding: 5px; border-bottom: 1px dashed #999;}
#corpo #conteudo #esquerda #tipo p a:hover{display: block; background: #CEE3F6; font-weight: bold; color: #000; transition: background-color 1s; cursor: pointer;}

/*Rodape*/
#rodape{width: 99%; overflow: auto; background: #FFF; margin: 0 auto; margin-top: 5px; border-top: 3px solid #01A9DB; margin-bottom: 10px;}
#rodape p{text-align: center; font: 14px Arial, Helvetica, sans-serif; color: #000;}
#rodape h5{text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #000;}