@charset "utf-8";
/* CSS Document */

#orca { padding:20px; background-color:#012849; width:900px; height:100%; color:#FFF; }
#orca_dir       { width:400px; border-left:#FFF solid 1px; float:right; padding-left: 52px; color:#FFF; }
#orca_dir label { color:#FFF; }
#orca_esq       { width:400px; float:left; color:#FFF; }
#orca_esq label { color:#FFF; }

* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:16px; text-align: justify; }

body { background:url(../images/bg_header.jpg) repeat-x; }

select {
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   border-radius: 3px;
	   color: #446d8c;
	   -moz-box-shadow: 3px 3px 10px #ccc;
	   -webkit-box-shadow: 3px 3px 10px #ccc;
	   box-shadow: 3px 3px 10px #ccc;
	   height: 25px;
	   font-size: 12px;
	   padding-left: 5px;
	   padding-right: 0px;
	   background: #f6f6f6;
	   border: 1px solid #acacac;	
       }

input, textarea {
	            -moz-border-radius: 3px;
	            -webkit-border-radius: 3px;
	            border-radius: 3px;
	            color: #446d8c;
	            -moz-box-shadow: 3px 3px 10px #ccc;
	            -webkit-box-shadow: 3px 3px 10px #ccc;
	            box-shadow: 3px 3px 10px #ccc;
	            height: 25px;
	            font-size: 12px;
	            padding-left: 5px;
	            padding-right: 5px;
	            background: #f6f6f6;
	            border: 1px solid #acacac;
                }

.botao {
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   border-radius: 3px;
	   color: #ffffff;
	   -moz-box-shadow: 3px 3px 10px #ccc;
	   -webkit-box-shadow: 3px 3px 10px #ccc;
	   box-shadow: 3px 3px 10px #ccc;
	   height: 25px;
	   font-size: 12px;
	   padding-left: 5px;
	   padding-left: 5px;
	   background: #446d8c;
	   border: 1px solid #acacac;
       }

h1         { color: #0d5a9e; font-size:19px; }
h1 a       { color: #0d5a9e; font-size: 19px; text-decoration: none; }
h1 a:hover { text-decoration: underline; }

h2 { color:#b8c0fe; font-size:25px; }

img { border:0; }

#header, #triangulo_boxes, #footer_boxes, #content { margin:0 auto; width:960px; clear:both; height:100%; }
#banner                                            { margin:0 auto; width:960px; clear:both; height:345px; }

.content { margin:0 auto; width:960px;  clear:both; height:100%; }

#header { height: 240px; padding-top:20px; }

#nav                  {margin: 0; padding: 0;}
#nav ul               { position: absolute; margin: 10px 0 0 0; list-style:none; }
#nav li               { display: inline-block; position: relative; z-index:10000; margin: 0; }
#nav li:hover > ul    { display: block; }
#nav ul ul            { position: absolute; z-index:10000; display: none; margin-top: 9px; }
#nav ul ul li a#assoc { display: block; margin: 0px; width: 260px; background: #00cc00; text-align: left; }
#nav ul ul li a#conve { display: block; margin: 0px; width: 340px; background: #666699; text-align: left; }
#nav ul ul ul         { position: absolute; top: 0; left: 100%; }
#nav li a             { color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; padding: 9px 13px; position: relative; text-decoration: none; }

a#principal:hover, 
a#associacao:hover, 
#nav a#assoc:hover,
a#jornal:hover, 
a#convenios:hover, 
#nav  a#conve:hover, 
a#acoes:hover, 
a#socios:hover, 
a#links:hover, 
a#contato:hover, 
a#estatistica:hover, 
a#ultimasnoticias:hover,
a#colunaaarffsa:hover,
a#colunafntf:hover,
a#cartaleitores:hover  { background:#c40000; }

.active{background: #012849;}

#principal       { background: #003366; }
#associacao      { background: #666699; }
#jornal          { background: #003366; }
#convenios       { background: #666699; }
#acoes           { background: #003366; }
#socios          { background: #666699; }
#links           { background: #003366; }
#estatistica     { background: #666699; }
#contato         { background: #003366; }
#ultimasnoticias { background: #666699; }
#colunaaarffsa   { background: #003366; }
#colunafntf      { background: #666699; }
#cartaleitores   { background: #003366; }

/* BANNER */

.contents           { width: 960px; }
.contents h1 a      { margin-left: 36px; line-height: 20px; float: left; margin-top: 55px; color: #0D5A9E; margin-bottom: 30px; text-align: left; }
.contents p.data    { font-style: italic; color: #7a7a7a; margin-left: 36px; margin-bottom: 10px; }
.contents p.texto   { width: 330px; margin-top: 20px; margin-left: 36px; line-height: 20px; text-align: left; }
.contents .box      { width: 420px; float: right; height: 340px; background: #fff; -moz-box-shadow: inset 0px 0px 10px 0px #555; -webkit-box-shadow: inset 0px 0px 10px 0px #555; box-shadow: inset 0px 0px 10px 0px #555; }
/*.contents .box h1 a { color: #0D5A9E; text-decoration: none; width:330px; margin-top:50%; line-height:30px; position:relative; text-align:center; top:-100px; font-size:24px; display:block; } */
.contents .box h1 a { color: #0D5A9E;
	                  font-size: 24px;
	                  text-decoration: none;
	                  width:330px;
	                  margin-top:-89px;
	                  margin-left:94px;
	                  line-height:30px;
	                  position:absolute;
	                  text-align:center;
	                  top:50%;
	                  left:50%; }

/* DOCUMENTOS */

#triangulo          { height:182px; width:100%; }
#triangulo_boxes    { }
#triangulo_boxes_01 { height:260px; width:300px; margin-top:60px; float:left; margin-left:40px; margin-right:29px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
#triangulo_boxes_02 { height:260px; width:300px; margin-top:60px; float:left; margin-right:29px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
#triangulo_boxes_03 { height:260px; width:300px; margin-top:60px; float:left; margin-right:29px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
#triangulo_boxes_04 { height:260px; width:300px; margin-top:60px; float:left; text-align:center; color:#fff; font-size:14px; font-weight:bold; }

#ultimos-trabalhos { width:960px; margin-top: 50px; margin-bottom: 35px; float:left; margin-right:50px; line-height:20px; }

#crivella                   { padding: 20px; width: 920px; height: 228px;  background-color: #ffffff; margin-top: 0px; }
#divoglobo                  { padding: 20px; width: 920px; height: 550px; background-color: #99ffcc; margin-top: -250px; margin-bottom: -450px;}

#servicos                   { padding: 20px; width: 920px; height: 228px; background-color: #e0e0e0; margin-top: 10px; margin-bottom: 20px; }
#servicos .box-servico      { width: 166px;  margin-right: 22px; height: 84px; margin-top: 10px; background: #fff; font-size: 16px; float: left; }
#servicos .box-servico p    { margin-left: 12px; }
#servicos .box-servico.last { margin-right: 0; }

#divaniversariantes  { overflow:auto; padding: 0 15px; width: 444px; height: 250px; background: #e7c0bf; float: left; border-right: 1px solid #bed3e5; margin-top: 0px;  text-align: left; margin-bottom: 20px; }
#divefemerides       { overflow:auto; padding: 0 15px; width: 444px; height: 250px; background: #e7c0bf; float: left; border-right: 1px solid #bed3e5; margin-top: 0px;  text-align: left; margin-bottom: 20px; margin-left: 10px; }

#divcartaleitores    { overflow:auto; padding: 0 15px; width: 930px; height: 352px; background: #d0d0d0; float: left; border-right: 1px solid #bed3e5; margin-top: 0px; text-align: left; margin-bottom: 40px; }
#divcartaleitores a  { text-decoration: none; }

#divnoticias         { overflow:auto; padding: 0 15px; width: 930px; height: 375px; background: #91e072; float: left; border-right: 1px solid #bed3e5; margin-top: -29px; text-align: left; margin-bottom: 40px; }
#divnoticias a       { text-decoration: none; }

#divpensamentos      { overflow:auto; padding: 0 15px; width: 930px; height: 200px;  background: #166267; float: left; border-right: 1px solid #bed3e5; margin-top: 0px; text-align: left; margin-bottom: 40px; color: #ffffff; }

#divcolunaaarffsa    { overflow:auto; padding: 0 15px; width: 444px; height: 352px; background: #9dd1df; float: left; border-right: 1px solid #bed3e5; margin-top: -29px; text-align: left; margin-bottom: 40px; }
#divcolunaaarffsa a  { text-decoration: none; }

#divcolunafntf       { overflow:auto; padding: 0 15px; width: 444px; height: 352px; background: #e7c0bf; float: left; border-right: 1px solid #bed3e5; margin-top: -29px; text-align: left; margin-bottom: 40px; margin-left: 10px; }
#divcolunafntf a     { text-decoration: none; }

#divdepex            { padding: 0 15px; width: 930px; height: 140px; background: #ff0000; float: left; border-right: 1px solid #bed3e5; margin-top: -29px; margin-bottom: 40px; }
#divdepex h1         { color: #fff; text-align: center;}

#divcolaboradores    { padding: 0 15px; width: 930px; height: 240px; background: #000000; float: left; background-color: #d0d0d0; margin-top: -29px; margin-bottom: 40px; }

#divtituloshome h1   { text-align: center; color: #fff; background-color: #022e64; margin-top: 15px; padding: 10px;} 

#divalertapopup h1   { text-align: center; font-size: 17px; color: #fff; background-color: #009b17; margin-top: 0px; margin-bottom: 10px; padding: 10px; }
#divglobo h1         { text-align: center; font-size: 17px; color: #fff; background-color: #339966; margin-top: 0px; margin-bottom: 10px; padding: 10px; }

#ulaniversariantes, #ulefemerides, #ulcartadosleitores, #ulcolunaaarffsa, #ulcolunafntf { margin-left: 15px; margin-right: 5px; font-size:13px; line-height: 20px;}
#ulaniversariantes li, #ulefemerides li, #ulcartadosleitores li, #ulcolunaaarffsa li, #ulcolunafntf li { text-align: left; }

#olnoticias    { margin-left: 25px; margin-right: 5px; font-size:13px; line-height: 20px;}
#olnoticias li { text-align: left; }

.box-noticia-index    { width: 490px; margin-top: 40px; }
.box-noticia-index h2 { font-size: 16px; color: #012849; }
.box-noticia-index p  { font-size: 15px; color: #222222; }

.box-noticia           { margin-bottom: 40px; }
.box-noticia h2        { font-size: 16px; color: #012849; }
.box-noticia p         { font-size: 15px; color: #222222; }
.box-noticia span#data { font-style: italic; }

#social        { width: 400px; height: 242px; float: left; margin-left: 37px; margin-bottom: 40px; }
#social iframe { margin-top: 10px; }

#parceria     { width: 400px; float: left; margin-left: 37px; }
#parceria img { margin-top: 10px; }

#footer                                                                      { font-size:12px; height:460px; width:100%; background-color: #000000;}
#footer_boxes                                                                { font-size:12px; padding-top:50px; height:400px; background-color: #000000; }
#footer_boxes_01, #footer_boxes_03                                           { font-size:12px; width:300px; height:295px; border-left: 1px solid #fff; float:left; color:#FFF; padding-left:20px; line-height: 20px;}
#footer_boxes_02                                                             { font-size:12px; width:296px; height:295px; border-left: 1px solid #fff; float:left; color:#FFF; padding-left:20px; line-height: 20px;}
#footer_boxes_01 a, #footer_boxes_02 a, #footer_boxes_03 a                   { font-size:12px; text-decoration:none; color:#FFF; }
#footer_boxes_01 a:hover, #footer_boxes_02 a:hover, #footer_boxes_03 a:hover { font-size:12px; text-decoration:none; color:#0d5a9e; font-weight:bold; }
#footer_a a                                                                  { font-size:12px; text-decoration:none; color:#FFF; }
#footer_a a:hover                                                            { font-size:12px; text-decoration:none; color:#0d5a9e; font-weight:bold; }

#rodape { color:#0d5a9e; font-size:12px; display:block; margin-top:336px; }

.diretor { color:#0d5a9e; font-weight:bold; }

.change_link { display: block; width: 20px; height: 20px; font-size: 10pt; color:#FFF; background-color: #96713c; float: right; margin-right: 5px; margin-bottom:15px; text-align: center; text-decoration: none; }

/* CLIENTES */
.image-grid           { width: 1000px; margin-top:20px; }
.image-grid:after     { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
.image-grid li        { width: 130px; margin-left:25px; margin-top:20px; float: left; height: 130px; overflow: hidden; border:3px solid #46469c; }
.image-grid li strong { color: #fff; }

form#filter { margin-left:25px; }

/* PORTFOLIO */
.image-grid2           { width: 1000px; margin-top:20px; }
.image-grid2:after     { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
.image-grid2 li        { width: 290px; margin-left:25px; margin-top:20px; float: left; height: 290px; overflow: hidden; border:3px solid #46469c; }
.image-grid2 li strong { color: #fff; }

.font-18 { color: #0d5a9e; font-size: 18px; }
.font-12 { color: #0d5a9e; font-size: 12px; font-weight: 100; }

a.botao-l       { width: 102px; height: 30px;  text-decoration: none; color: #fff; display: block; font-size: 16px; background: #ec9e2e; padding-top: 10px; padding-left: 20px; }
a.botao-l.todas { width: 170px; }

/* QUEM SOMOS */
#quemsomos_esq { width: 520px; float:left; margin-right:30px; font-size: 16px; text-align:justify; }
#quemsomos_dir { width: 370px; float:left; padding:0px 20px 5px; color:#FFF; font-size: 16px; text-align:justify; }
#quemsomos_missao   { width: 960px; padding-top:20px; margin:20px 0; font-size: 16px; text-align:justify; }
#quemsomos_missao a { color: blue; text-decoration: none; }

.missao { color: #b8c0fe; font-weight:bold; }
.diretor_quem { color: #FC0; }
.mensagem { font-size: 18px; font-weight:bold; color:#FFF; }

/* SERVIÇOS */
#serv_desc { border-bottom: #999 solid 1px; width: 100%; padding-bottom: 50px; margin-bottom: 50px; }
#serv_web, #serv_sis, #serv_plan, #serv_midia, #serv_rede, #serv_cont { width: 450px; float: left; text-align: justify; margin-bottom: 50px; }
#serv_web, #serv_plan, #serv_rede { margin-right: 60px; }
#serv_web ul, #serv_midia ul { margin: 15px; }

/* CONTATO */
#cont_dir              { width: 450px; float: left; margin-bottom: 50px; }
#cont_esq              { background: #012849; padding: 30px; width: 400px; float: left; margin: 0 40px 50px 0; }
#cont_esq form         { color: #FFF; }
#cont_esq form label   { color: #fff; }
#cont_esq form .enviar { width: 100px; height: 30px; }

form#contato textarea { width: 395px; height: 87px;  }

input.error { border: 2px solid #F00; }

textarea.error { border: 2px solid #F00; }

/* PAGINACAO */
#paginacao { margin-right: 25px; margin-top: 20px; float: right; font-size: 14px; color: #ccc; }
#pages { float: right; }
#paginacao .page_link { width: 30px; text-align: center; padding-top: 5px; height: 25px; display: block; margin-left: 10px; border: 1px solid #e2e5e5; background: #fcfcfc; float: left;
	                    -moz-border-radius: 5px;
	                    -webkit-border-radius: 5px;
	                    border-radius: 5px;
                      }
#paginacao .first { float: left; }
#paginacao .last  { float: right; }
#paginacao .next  { width: 30px; text-align: center; padding-top: 5px; height: 25px; display: block; margin-left: 10px; border: 1px solid #e2e5e5; background: #fcfcfc; float: left;
	               -moz-border-radius: 5px;
	               -webkit-border-radius: 5px;
	               border-radius: 5px;
                  }
#paginacao a       { color: #8ca2b1; text-decoration: none; }
#paginacao a:hover { text-decoration: underline; }

#noticia{ line-height: 20px;