/*
 * Nome do Tema: Rondon
 * Url do Tema: www.marceloanselmo.com.br
 * Descrição: Site desenvolvido por Marcelo Anselmo
 * Author: Marcelo Anselmo de Souza Filho
*/

/* --------------------------------------  DEFINICOES PADRAO  -------------------------------------- */

/* ZERANDO A FOLHA DE ESTILO PARA TODOS OS BROWSERS */

* { list-style:none; margin:0; padding:0; border:none;}
html, body, h1, h2, h3, h4, h5, h6, dt, dd, dl, ul, img, p {margin:0; padding:0; list-style:none; border:none;}
html {  background: url(img/bg/fundo-completo.png) center 21px #c8d2d6 no-repeat; position: relative; }
body { color: #131922; font-size: 12px; font-family: Arial, "Calibri", Verdana; height: 100%;}
body p { margin:0 0 10px 0; }
body a { color: #FFF; text-decoration: none;}
body a:hover { text-decoration: underline;}
table{border-collapse:collapse;border-spacing:0;border:0;line-height:1.3;}
caption,th,td{text-align:left;vertical-align:top;}
th,td{border:1px solid gray;padding:.5em 1em;}
caption{padding-bottom:1em;}
label {margin-bottom:3px; display:inline-block;}
input,textarea,select {border:1px solid #a7aeb4; background:#f6fffd;}
input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],button[type=button],button[type=reset],button[type=submit]{cursor:pointer;line-height:1;}
input[type=text],input[type=password],textarea{padding:1px;}
textarea{text-align:left;line-height:1.25;}
h4,h5,h6{margin-bottom:.571em;}

/* --------------------------------------  TITULOS  -------------------------------------- */

h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 15px;}
h4 { font-size: 14px;}
h5 { font-size: 13px;}
h6 { font-size: 12px;}

/* --------------------------------------  CLASSES ESPECIAIS  -------------------------------------- */
.direita { float:right; right:0; top:0; }
.esquerda { float:left; left:0; top:0; }
.absoluto { position:absolute; }
.relativo { position:relative; }
.hidden{ display: none; }
.clear { clear:both; }

.hide { display: none; }

.float-left {float:left;}
.float-right {float:right;}
.clear-both {clear:both;}

.margin-0 {margin:0 !important;}
.padding-0 {padding:0 !important;}
.border-none {border:none;}

.curvas { border-radius: 10px;}
.alinha-centro { width: 1007px; margin: 0 auto; position: relative;}
.fundo-azul-transparente { /*background: url(img/bg/fundo-azul-transparente.png) repeat;*/background-color: white; border: 1px solid #8ea6b2; padding: 15px;}

.botao { color: white; border: 1px solid #203240; padding: 5px 12px; text-align: center; border-radius: 5px; background: url(img/bg/fundo-bt.png) center center repeat-x; }
.botao.ativo { background-image: url(img/bg/fundo-bt-ativo.png); text-decoration: none;}
.botao:hover { background-image: url(img/bg/fundo-bt-ativo.png); text-decoration: none; }

/* --------------------------------------  ÍCONES  -------------------------------------- */

.icone { display: block; float: left; width: 15px; height: 15px; }
.icone.pdf-grande-v2 { width: 45px; height: 45px; background: url("img/ico/pdf-grande-v2.png") no-repeat; }
.icone.youtube { width: 66px; height: 24px; background: url("img/ico/youtube.png") no-repeat; }
.icone.brasil { width: 77px; height: 78px; background: url("img/ico/brasil.png") no-repeat; }
.icone.cidade { width: 69px; height: 79px; background: url("img/ico/cidade.png") no-repeat; }
.icone.configuracoes { width: 80px; height: 74px; background: url("img/ico/configuracoes.png") no-repeat; }
.icone.perfil { width: 91px; height: 75px; background: url("img/ico/perfil.png") no-repeat; }
.icone.seta-lista { width: 7px; height: 7px; background: url("img/ico/seta-lista.png") left center no-repeat; }
/* --------------------------------------  CORPO DO ESTILO  -------------------------------------- */

/* CABEÇALHO */

#cabecalho { background: url(img/bg/cabecalho.png) repeat-x; height: 123px; float: left; width: 100%; z-index: 10; position: relative;}
#cabecalho .logo { margin: 0 0 0 35px; float: left;}
#cabecalho .tamanho-fonte { float: right; margin: 30px 20px 0 0; height: 15px;}
#cabecalho .tamanho-fonte span { color: #FFF;}

.barra-do-governo { position: relative; z-index: 100;}

/* MENU */

#menu { float: right; width: 675px; margin: 33px 0 0 0; }
#menu ul { float: left; width: 675px; }
#menu ul li{ float: left; display: block;  }
#menu ul li a{ display: block; height: 15px; padding: 10px 14px; font-family: Calibri; font-size: 12px; float: left; text-decoration: none;}
#menu ul li a.ativo{ background: url(img/bg/menu-ativo.png) bottom no-repeat; }
#menu ul li a:hover{ background: url(img/bg/menu-ativo.png) bottom no-repeat; }

/* GALERIA PRINCIPAL DA HOME */

#galeria-principal { width: 1100px; height: 528px; position: absolute; z-index: 1; top: 0; margin: 0 0 0 -550px; left: 50%; overflow: hidden; }
#galeria-principal span { width: 1280px; height: 410px; bottom: 0; left: -90px; background: url(img/bg/mascara-galeria.png) bottom center no-repeat; position: absolute; z-index: 5; }
#galeria-principal .flecha { width: 28px; height: 48px; top: 300px; left: 50px; background: url(img/bt/seta-galeria-principal.png) left no-repeat; position: absolute; z-index: 6; }
#galeria-principal .flecha.direita { background-position: right; left: 990px; }
#galeria-principal ul { position: relative; z-index: 4; margin: 130px 0 0 0; }
#galeria-principal ul li { position: relative; display: none; text-align: center; width: 100%; }
#galeria-principal ul li.ativo { display: block; }
#galeria-principal ul.legendas { z-index: 6; position: absolute; right: 100px; bottom: 30px; margin: 0;}
#galeria-principal ul.legendas li a{ background: #035b2f; float: right; display: block; opacity: 0.9; filter: alpha(opacity=90); color: #FFF; font-size: 20px; position: relative; z-index: 100; padding: 5px; text-align: right;}
#galeria-principal ul.legendas li a.resumo {  margin: 5px 0 0 0; clear: both; font-size: 16px; background: #1b6a35; }


/* ALINHAMENTO NO CENTRO DA DIV #geral */

#geral {  z-index: 10; float: left; width: 100%; position: relative; margin: 336px 0 0 0; padding: 0 0 30px 0;}
#geral.interna { margin: 40px 0 0 0;}

/* CORPO */

#corpo { }
#corpo .caixa { float: left; margin: 0 0 0 15px;}
#corpo .caixa h3.aba{ text-align: center; float: left; width: 150px; padding: 10px 5px; color: #FFF; }
#corpo .caixa .corpo{ float: left; width: 470px; padding: 10px 9px;  }
#corpo .caixa .cabecalho { background: url(img/bg/cabecalho-caixa.png) repeat-x; padding: 0 5px; height: 28px; }
#corpo .caixa .cabecalho h2{ color: #FFF; float: left; margin: 2px 0 0 0;}
#corpo .caixa .cabecalho a.ver-todas{ float: right; font-weight: bold; background: url(img/ico/seta-ver-todas.png) left no-repeat; padding: 6px 5px 5px 10px; }
#corpo .caixa .anima-seta { clip:rect(0px,0,197px,0px); width: 360px; height: 197px; right: -40px; top: -56px; position: absolute; z-index: 1;  }
#corpo .caixa .anima-seta div.seta { width: 360px; height: 197px; background: url(img/bg/seta.png) no-repeat; }

#corpo .caixa.como-participar { background: url(img/bg/caixa-como-participar.png) no-repeat; width: 478px; height: 174px;}
#corpo .caixa.como-participar .corpo a{ float: left; margin: 15px 5px 0 0; width: 117px; padding: 32px 15px;}
#corpo .caixa.como-participar .corpo a.tipo-1{ padding: 24px 15px; }
#corpo .caixa.como-participar .corpo a.tipo-3{ margin: 15px 0 0 0; }

#corpo .caixa.convite { float: right; width: 489px; height: 135px; background: url(img/bg/convite.png) no-repeat; position: relative; margin: 38px 15px 0 0; }
#corpo .caixa.convite .corpo { position: relative; z-index: 2; }
#corpo .caixa.convite .corpo div.titulo { font-size: 20px; }
#corpo .caixa.convite .corpo div.leia-edital { width: 210px; float: left; margin: 20px 0 0 0;  padding: 0 15px 0 0; border-right: 1px solid #697782;}
#corpo .caixa.convite .corpo div.leia-edital .pdf-grande-v2 { margin: 0 5px 0 0; }
#corpo .caixa.convite .corpo div.inscreva-se { width: 210px; float: left; margin: 20px 0 0 0; padding: 0 0 0 15px; border-left: 1px solid #f4f9fe;}
#corpo .caixa.convite .corpo div.inscreva-se h4{ text-align: center;}
#corpo .caixa.convite .corpo div.inscreva-se a.botao{ float: left; margin: 3px 0 0 55px;}

#corpo .caixa.depoimento { float: right; width: 489px; height: 135px; margin: 38px 15px 0 0; }
#corpo .caixa.depoimento .corpo { position: relative; z-index: 2; }
#corpo .caixa.depoimento .corpo p { font-weight: bold; }
#corpo .caixa.depoimento .corpo p.descricao{ padding: 5px 0 0 48px; background: url(img/ico/quote-grande.png) top left no-repeat; }
#corpo .caixa.depoimento .corpo p.assinatura{ float: right;  }

#corpo .caixa.novidades { width: 630px; margin: 15px 0 0 15px; }
#corpo .caixa.novidades .cabecalho a.ver-todas{ padding: 6px 0 5px 10px; }
#corpo .caixa.novidades .corpo{ width: 612px; height: 281px; margin: 15px 0 0 0; background: url(img/bg/corpo-novidades.png) no-repeat; }
#corpo .caixa.novidades .corpo .float-left { width: 296px; }
#corpo .caixa.novidades .corpo ul { margin: 0 15px; float: left; width: 266px; }
#corpo .caixa.novidades .corpo ul li { margin: 0 0 10px 0; padding: 10px 0 0 0; float: left; }
#corpo .caixa.novidades .corpo ul li.primeiro { border-top: none; padding: 0; }
#corpo .caixa.novidades .corpo ul li a { width: 266px; float: left; display: block; font-weight: bold;  }
#corpo .caixa.novidades .corpo ul li a.titulo { color: #1e465b; }
#corpo .caixa.novidades .corpo ul li a.resumo { margin: 5px 0 0 0; color: #000; }

#corpo .caixa.novidades .corpo .novidades-destaque { width: 296px; height: 151px; background: url(img/bg/caixa-novidades-destaque.png) no-repeat;  }
#corpo .caixa.novidades .corpo .novidades-destaque ul { margin: 15px; }
#corpo .caixa.novidades .corpo .novidades-destaque ul li { border-top: 1px solid #4c4c4c; }
#corpo .caixa.novidades .corpo .novidades-destaque ul li.primeiro { border-top: none; padding: 0; }
#corpo .caixa.novidades .corpo .novidades-destaque ul li a.titulo { color: #1b232e; }
#corpo .caixa.novidades .corpo .novidades-destaque ul li a.resumo { color: #224a5f; }
#corpo .caixa.novidades .corpo a.botao{ padding: 14px 47px; margin: 10px 0 0; width: 200px; float: left; font-size: 14px; }

#corpo .caixa.youtube { width: 332px; margin: 15px 0 0 15px;  }
#corpo .caixa.youtube .cabecalho{ padding: 0;  }
#corpo .caixa.youtube .cabecalho h2{ margin: 0;  }
#corpo .caixa.youtube .corpo { width: 332px; padding: 15px 0; overflow: hidden; }
#corpo .caixa.youtube .corpo .listagem { width: 332px; margin: 10px 0 0 0; float: left;}
#corpo .caixa.youtube .corpo .listagem .container { float: left; width: 288px; margin: 0 4px; overflow: hidden;}
#corpo .caixa.youtube .corpo .listagem .container ul li{ width: 56px; height: 49px; display: block; float: left; margin: 0 2px 0 0; }
#corpo .caixa.youtube .corpo .listagem div.seta { float: left; width: 18px; }
#corpo .caixa.youtube .corpo .listagem div.seta a.botao { display: block; padding: 18px 5px; width: 5px; }
#corpo .caixa.youtube .corpo .listagem div.seta .flecha{ width: 6px; height: 12px; display: block; background: url(img/bt/seta-galeria-youtube.png) left no-repeat; }
#corpo .caixa.youtube .corpo .listagem div.seta.direita .flecha{ width: 6px; background: url(img/bt/seta-galeria-youtube.png) right no-repeat; }

#corpo .caixa.rondom-em-numeros{ width: 975px; margin: 15px 15px 0 15px;  }
#corpo .caixa.rondom-em-numeros .corpo { width: 967px; margin: 10px 0 0 0; padding: 10px 0 10px 10px; }
#corpo .caixa.rondom-em-numeros .corpo .tipo { width: 130px; margin: 0 10px 0 0; float: left; }
#corpo .caixa.rondom-em-numeros .corpo .tipo a { width: 100px; margin: 0 0 10px 0; float: left; }
#corpo .caixa.rondom-em-numeros .corpo .dados{ display: none; float: left; width: 825px;}
#corpo .caixa.rondom-em-numeros .corpo .dados.ativo { display: block; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna { margin: 0 5px 0 0; overflow: hidden; padding: 0 0 0 81px; width: 74px; float: left;  }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.perfil { padding: 0 0 0 95px; width: 99px; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.cidade { padding: 0 0 0 70px; width: 85px; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.configuracoes { padding: 0 0 0 85px; width: 112px; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.configuracoes a{ width: 112px; float: left; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.acompanhar { padding: 24px 0; margin: 0; width: 103px; text-decoration: underline; border-left: 1px solid #1d2b36; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna.acompanhar a { text-align: center; display: block; font-size: 11px;}
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna h4{ color: #1E465B; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna a{ color: #1E465B; font-weight: bold; }
#corpo .caixa.rondom-em-numeros .corpo .dados .coluna strong{ font-size: 30px; color: #000;  }

#corpo .caixa.downloads { width: 332px; margin: 15px 0 0 14px;  }
#corpo .caixa.downloads .corpo{ padding: 10px 0; }
#corpo .caixa.downloads .corpo .guias-e-manuais{ width: 334px; height: 128px; background: url(img/bg/fundo-azul-guias-e-manuais.png) no-repeat; }
#corpo .caixa.downloads .corpo .guias-e-manuais div{ width: 158px; float: left; padding: 10px 5px 0 170px; background: url(img/ico/guia-rondom-livros.png) left no-repeat; }
#corpo .caixa.downloads .corpo .guias-e-manuais div h3{ margin: 0 0 5px 0; border-bottom: 1px solid #000;}
#corpo .caixa.downloads .corpo .guias-e-manuais div p a.fazer-download{ width: 116px; height: 23px; padding: 5px 17px 5px 25px; background: url(img/bt/fazer-download.png) no-repeat; }
#corpo .caixa.downloads .corpo .documentos { margin: 10px 0 0 0; padding: 10px 0 0 0; float: left; width: 334px;  border-top: 1px solid #000; }
#corpo .caixa.downloads .corpo .documentos ul li { margin: 15px 0;}
#corpo .caixa.downloads .corpo .documentos ul li a { color: #000; font-weight: bold; background: url(img/ico/detalhe-listagem-documentos.png) left no-repeat; padding: 0 0 0 15px;}

#corpo .caixa.redes-sociais { width: 630px; margin: 15px 0 0 14px;  }
#corpo .caixa.redes-sociais .corpo{ padding: 10px 0; width: 630px;}
#corpo .caixa.redes-sociais .corpo .curta-facebook{ padding: 8px 0 8px 50px; width: 130px;  background: url(img/ico/curta-facebook.png) left no-repeat; }
#corpo .caixa.redes-sociais .corpo .curta-facebook p { color: #1e465b; margin: 0; }
#corpo .caixa.redes-sociais .corpo .curta-facebook a:hover { text-decoration: none; }
#corpo .caixa.redes-sociais .corpo .curta-facebook strong{ font-size: 25px; color: #1e465b; }
#corpo .caixa.redes-sociais .corpo .brasil-verde { float: left; position: relative; width: 206px; height: 210px; background: url(img/ico/brasil-verde.png) no-repeat; }
#corpo .caixa.redes-sociais .corpo .brasil-verde .bt-curtir{ position: absolute; right: 10px; bottom: 10px; width: 56px; height: 24px; }
#corpo .caixa.redes-sociais .corpo .feed-perfis { margin: 0 0 0 10px; width: 350px; height: 270px; }
#corpo .caixa.redes-sociais .corpo .feed-perfis ul li { margin: 10px 0 0 0; }
#corpo .caixa.redes-sociais .corpo .feed-perfis ul li a.foto-perfil { float: left; }
#corpo .caixa.redes-sociais .corpo .feed-perfis ul li .comentarios { float: left; margin: 0 0 0 10px; width: 272px; }
#corpo .caixa.redes-sociais .corpo .feed-perfis ul li .comentarios p a.nome { color: #09412a; font-weight: bold; }

#corpo .caixa.patrocinadores { width: 975px; margin: 15px;  }
#corpo .caixa.patrocinadores .corpo { width: 975px; padding: 10px 0; overflow: hidden; }
#corpo .caixa.patrocinadores .corpo .listagem { width: 975px; margin: 10px 0 0 0; float: left;}
#corpo .caixa.patrocinadores .corpo .listagem .container { float: left; width: 800px; height: 80px; position: relative; margin: 0 4px; overflow: hidden;}
#corpo .caixa.patrocinadores .corpo .listagem .container ul {float: left;}
#corpo .caixa.patrocinadores .corpo .listagem .container ul li{ width: 200px; height: 80px; display: block; float: left; }
#corpo .caixa.patrocinadores .corpo .listagem div.seta { float: left;  }
#corpo .caixa.patrocinadores .corpo .listagem div.seta a{ margin: 30px 36px; display: block; width: 11px; height: 17px; display: block; background: url(img/bt/seta-galeria-associados.png) left no-repeat; }
#corpo .caixa.patrocinadores .corpo .listagem div.seta.direita a{ background: url(img/bt/seta-galeria-associados.png) right no-repeat; }

/* SIDEBAR*/

#sidebar { width: 225px; float: left; margin: 0 15px;}
#sidebar .caixa{ width: 225px; margin: 0;}
#sidebar .caixa .corpo{ width: 205px; margin: 10px 0 0 0;}
#sidebar .caixa .corpo h3 { padding: 0 0 1px 0; border-bottom: 1px solid #8EA6B2;}
#sidebar .caixa .corpo ul { margin: 15px 0 0 0; float: left;}
#sidebar .caixa .corpo ul li a { font-family: Calibri; font-size: 14px; color: #131922; display: block; padding: 5px; width: 201px;}
#sidebar .caixa .corpo ul li a:hover { text-decoration: none; background: url(img/bg/sidebar-menu-ativo.png) repeat; color: #FFF;}
#sidebar .caixa .corpo ul li a.ativo { text-decoration: none; background: url(img/bg/sidebar-menu-ativo.png) repeat; color: #FFF;}

/* INTERNA */

#geral.interna .conteudo { width: 735px; float: left; margin: 0 15px 0 0;}

#geral.interna .conteudo a { color: #025373; }
#geral.interna .conteudo .breadcumb { width: 735px; float: left; margin: 5px 0 0 0; }
#geral.interna .conteudo .breadcumb ul li { background: url("img/ico/seta-lista.png") left center no-repeat; float: none; padding: 0 0 0 15px; display: inline; margin: 0 10px 0 0; color: #025373; font-weight: bold;}
#geral.interna .conteudo .breadcumb ul li.home { background: none; padding: 0;}
#geral.interna .conteudo .breadcumb ul li.pagina-atual {  color: #025373; background: none; padding: 0; font-size: 14px;}
#geral.interna .conteudo .breadcumb ul li a{ text-decoration: underline; color: #131922; }

#geral.interna .conteudo .publicacao { width: 705px; float: left; margin: 16px 0 0 0;}
#geral.interna .conteudo .publicacao h1{ padding: 0 0 1px 0; border-bottom: 1px solid #8EA6B2;}
#geral.interna .conteudo .publicacao .corpo { margin: 15px 0 0 0;}
#geral.interna .conteudo .publicacao img { margin: 0 0 5px 0;}

/* RODAPÉ */

#rodape { color: #320707; background: url(img/bg/rodape-continuo.png) repeat-x; height: 238px; float: left; width: 100%; position: relative; }
#rodape .luz {  height: 238px; width: 100%;}
#rodape p { margin: 0 0 10px 0; font-weight: bold;}

#rodape .float-left { margin: 30px 0 0 50px;}
#rodape .float-left .endereco { margin: 10px 0 0 0; }
#rodape .float-left .redes-sociais { margin: 30px 0 0 0; }
#rodape .float-left .redes-sociais a{ float: left; margin: 0 5px 0 0; display: block; }
#rodape .float-left .redes-sociais a.facebook{ width: 32px; height: 32px; background: url(img/bt/facebook.png) no-repeat; }
#rodape .float-left .redes-sociais a.twitter{ width: 32px; height: 32px; background: url(img/bt/twitter.png) no-repeat; }
#rodape .float-left .redes-sociais a.youtube{ width: 32px; height: 32px; background: url(img/bt/youtube.png) no-repeat; }

#rodape .float-right {  margin: 30px 50px 0 0 ;}
#rodape .float-right a.governo-federal{ float: right; }
#rodape .float-right a.ministerio-da-defesa{ float:left; margin: 10px 20px 0 0;}

#resultados { width:100%; height:100%; }
#resultados .boxResultado { width:100%; float:left; margin-bottom:20px; }
#resultados .boxResultado h4 { border:none; margin:0; padding:0; text-transform:none; margin-bottom:5px; display:block; width:auto; }
#resultados .boxResultado p { display:block; margin:0; padding:0; margin-bottom:8px; }
#resultados .numResultados { font-size:11px; font-weight:bold; margin-bottom:20px; font-size:12px; }

#paginacao { width:100%; text-align:center; margin:10px 0; border-top:1px solid #8EA6B2; clear:both; }
#paginacao a { display:inline-block; font-weight: bold; margin:10px 2px; width:20px; height:18px; padding-top:2px; border: 1px solid #8EA6B2; }
#paginacao a.selecionado { background:#FFFFFF; }