@charset "utf-8";
@import url("form_permutas.css");
/* CSS Document  */

/*****************************************
http://www.ugeirm.com.br
Copyright 2010 Fabricasoft - Sistemas WEB
escrito por/written for Renato Corrêa
*******************************************/

/*
div{
   outline:1px solid #000;
   }
*/  

#pop { /* Comentar quando não utilizar mais um pop-up. Não esquecer de ajustar o tamanho e largura*/
	position:absolute;
	left:320px;
	top:210px;
	width:121px;
	height:501px;
	z-index:100;
}

* {
   margin:0;
   padding:0;
   }
    
   
body {
   background: url(../images/uger_bckg_topo.gif) no-repeat top center;
   font: normal 62.5%/100% verdana, Helvetica, sans-serif;
   height:100%;
   text-align:center;
   }
   


   
h4 {
   color: #18477E;
   font: bold 1.5em/130% verdana, Helvetica, sans-serif;
   margin: 20px;
   text-align: center;
   } 

h5 {
   font: bold 1.6em/100% verdana, Helvetica, sans-serif;
   text-align: left;
   }
  
#container {
   margin:0 auto 0 auto;
   padding:0;
   width:996px; 
   height:100%;
   }
   
/************************
 ***   CABEÇALHO  ***
*************************/ 
   
#cabecalho{
   margin-top:10px;
   padding-bottom: 25px; 
   width: 100%;
   } 
   

/********************************
 ***   CONTEUDO DA PÁGINA  ***
*********************************/ 
#conteudo{
   width: 100%;
   padding-top:25px;
   }
   
.spacer{
   height: 10px;
   width: 100%;
   clear:left;
  }

#centro {
   padding: 0;
   margin-top: 0;
   margin-left:45px;
   float: left;
   max-width: 372px;
   max-height: 300px;
   background-color: #261360;
   }
   
.imgCentro{
   margin: 5px 5px 2px 5px;
   border: 1px #FFF solid;
   width: 360px;
   height: 235px;
   }
   
#centro ul {
   list-style:none; 
   padding: 0;
   margin: 0;
   max-width: 372px;
   max-height: 300px;
   }
   
#centro ul li div {
   padding-left: 3px;
   margin: 0 5px 5px 5px;
   color:#000;
   text-align:left;
   background: #EAE8EF;
   }

#rodo {
    height: 25px;
    margin: 0 5px 2px 5px;
    }

.categ {
   color: #FEFEFE;
   float: left;
   font: bold 1.6em/100% verdana, Helvetica, sans-serif;;
   margin: 3px auto 5px 5px;
   }

#texto_destaque  {
   float: left;
   font-family: verdana;
   font-size: 12px;
   font-weight: normal;
   line-height: 100%;
   padding: 2px;
   width: 357px;
   height:26px;

}

#paginacao  {
   float: right;
   font: bold 1em/90% verdana, Helvetica, sans-serif;
   margin-top: 2px;
   margin-right:2px;
   }
      
#paginacao a {
   color: #261360;
   margin-right:5px;
   padding: 2px;
   background-color:#FFF;
   }

#paginacao a:hover {
    background-color:#B6EDF1;
	}

/* divNews */

.divNews {
   width: 320px;
   height: 100%;
   text-align:left;
   float:right;
   margin: 0; 
   padding: 0;  
   }
   
   
.not_destaque { 
   font: 13px/130% Verdana, Arial, Helvetica, sans-serif;
  
   }
   
.cat_0 { color: #0E6C09; }
.cat_1 { color: #1F4974; }
.cat_2 { color: #BC1020; } 
.cat_3 { color: #EF8933; }
.cat_4 { color: #890201; }

.cat_0, .cat_1, .cat_2, .cat_3, .cat_4 {
   text-transform:uppercase;
   font-weight: bold;
   float:left;
   }
   
.dataNoticia .cat_0, .dataNoticia  .cat_1, .dataNoticia  .cat_2, .dataNoticia  .cat_3, .dataNoticia  .cat_4 {  
   margin-left: 10px;
   
   }
   
.not_destaque .data {
   font-size: 14px;  
	}
   
      
   
.news{
   color: #000;
    font: 14px/120% Verdana, Arial, Helvetica, sans-serif;
   }
   
a:hover.news{
   text-decoration:underline; 
   }
   
.listaNoticias {
   margin-left: 10px ;
   }
   

   
/* exibe noticias */

.dataNoticia  {
   font: bold 12px/150% verdana, Helvetica, sans-serif;
   color:#333;
   background: #F7F7F7;
   text-align:right;
   padding-right: 10px;
   margin: 5px 0;
}

.dataNoticiaM .dataP {
   color: #777;
   font: bold 12px/150% verdana, Helvetica, sans-serif;
   
   }

.cat{
   color: #000000;
   font-size:15px;
   font-weight: bold;
   float:left;
   margin: 0 7px;
   text-transform:uppercase;
   
   } 
.tituloNoticia,  .tituloNoticia a {
   font: bold 15px/120% verdana, Helvetica, sans-serif;
   color:#B62928;
   text-align:left;
   padding-left: 10px;
   }

.texto_capaNoticia {
   font: normal 13px/120% verdana, Helvetica, sans-serif;
   color:#666;
   text-align:left;
   padding-left: 10px;
   margin: 10px 0;
   }

.corpoNoticia{
   font: 13px/120% verdana, Helvetica, sans-serif;
   text-align:justify;
   padding-left: 10px;
   margin: 10px 0;

   }

a:hover.news1 {
   color:#000;
   text-decoration:underline;
   }

.divConteudo .listaNoticias .mais {
   float:right;
   margin-right: 35px;

}

.mais{
   margin: 10px auto 1em auto;
   font: bold 11px/130% Verdana, verdana, Helvetica, sans-serif;
   color: #261360;
  }
  
.mais_2 {
   color: #000;
   }
   
a:hover.mais_2  {
  color:#B62928;
  text-decoration:underline;
  } 

	
a:hover.mais {
  color:#B62928;
  }
  
#bloco_A {
   padding: 0;
   width:180px;
   height: 395px;
   margin-right: 22px;
   float: left;
   text-align:left;
   }
#bloco_A div  {
   text-align:center;
   }
   
.enquete {
   padding: 25px 0 15px 5px;
   text-align:left;
   font: bold 12px/130% Verdana, verdana, Helvetica, sans-serif;
   }
   
.pergunta{
   color: #261360;
   text-align:center;
   margin-bottom: 10px;
   }
   
.opcoes {
   font-size:11px;
   font-weight: normal; 
   }

.opcoes .radio { 
   width: 10px;
   }
   
.opcoes #submit  { 
   margin-left: 50px ;
   width: 60px;
   }

   
.blocoCentro,.blocoCentrobckgd{
   text-align:center;
   padding:0;
   width: 180px;
   height: 395px;
   margin-right:23px;
   float: left;
   }

.blocoCentrobckgd{
   background:url(../images/fundo.gif) no-repeat center;
   }
     
#bloco_B{
   text-align: left;
   padding: 0;
   width: 180px;
   height: 395px;
   float: right;
   }
   
#bloco_A img,  #bloco_B img, .blocoCentro img {
   margin-bottom: 15px;
   }

#divisa1 {
   width: 996px;
   height:355px;
   }
   
#divisa2 {
   padding: 0;
   width: 996px;
   height:395px;
   }
   
#divisa3 {
   padding: 0;
   width: 996px;
   height:165px;
   }
   
   
.ex2 {
   margin: 10px 0 5px 0;
   }
   
.dataAgen, .textAgen {
   font: bold 1.1em/120% Verdana, verdana, Helvetica, sans-serif; 
   } 
   
.textAgen {
   color:#000;
   font-weight:normal; 
   }

a:hover {
   color: #A52021;
   }
 
.jornal2 {
   font: bold 13px/120% verdana, Verdana, Helvetica, sans-serif;
   color: #261360
   }
	

.barra {
   float: left;
   margin: 15px 0 15px 0; 
   width: 100%;
   height: 5px;
   background-color: #F0F0F0;
   }
 
.box1, .box4  {
   background:url(../images/bkgdBox.jpg) no-repeat center center;
   width: 221px;
   height:100px;
   }
   
.box1 {
   float:left;
   margin: 0 26px 0 15px;
   }

.box2,.box3 {
   float:left;
   margin: 0 26px 0 0;
   }

.box4 {
   float:right; 
   margin: 0 15px 0 0;
   }
   
/* div de varias Paginas */   
   
#divPaginas, .divPagAtualCadas, .divPagAssedio, .divPag, .divPagEstatuto, .divFaleConosco {
    width: 702px;
	height: 100%;
    padding:0px 10px;
	margin: 0;
	float:right;
	}
	
.divConteudo, .divPermutas, .exibePermutas {
   width: 721px;
   color: #333;
   font: 12px/150% verdana, Helvetica, sans-serif;
   margin-top: 20px;
   margin-left: 10px;
   float:right;
   }
 
.divConteudo{
   text-align:left;
    }


.divPagAtualCadas {
   text-align:center;
   }

#divPaginas {  /* TEMPORARIO */
   height: 700px;
   background-color: #EEE;
   }
	
.divPag p, .divPagEstatuto p {
   font: 1.3em/130% verdana, Helvetica, sans-serif;
   text-indent: 15px;
   text-align:justify;
   color: #18477E;
   }

.divPagAtualCadas p, .divPagAtualCadas h5 {
   color: #18477E;
   font: 1.4em/130% verdana, Helvetica, sans-serif;
   }

.divPagAtualCadas h5 {
   font-weight:bold;
   text-align: center;
   font-size: 18px
}

.divPag p{
   margin-top: 10px;
   line-height: 160%;
   } 
   
 

.divConteudo img {
    margin-top: 20px;
	margin-right: 20px;
	float:left;
    }

.link {
   color: #18477E;
   }
   
a:hover.link{
   color: #A52021;
   }

.titlecomu, .titleInstit, .titleservicos{
   background: url(../images/tile_comu.jpg) repeat center center; 
   width: 722px;
   height: 25px;
   float:right;
   text-align: right;
   }
   
.titleInstit {
   background: url(../images/tile_inst.jpg) repeat center center; 
   }

.titleservicos{
   background: url(../images/title_serv.jpg) repeat center center; 
   }

.divPagEstatuto ul, .divPagEstatuto ul li ul {
   font: bold 1.6em/150% verdana, Helvetica, sans-serif;
   list-style: none;
   margin-top:  10px;
   text-align: left;
   color: #18477E;
   }

.divPagEstatuto ul li ul {
  font-size: 1em;
  margin-bottom:  10px;
}

.divPagEstatuto ul li a {
   background: transparent url(../images/tile2.gif) no-repeat left center;
   color: #18477E;
   padding: 0 0 0 20px;
   }
   
.divPagEstatuto ul li ul li a {
   margin: 0 0 0 30px;
   }

.botEstat{
   text-align:center;
   margin-top: 20px;
   }

.botVoltar {
   margin-left: 276px;
   border-width: 0;
   }
   
.botMeio, .botMeio1 {
   margin-left: 10px;
   margin-right: 10px;
   border-width: 0;
   }
   
.botMeio1{
   margin-left: 300px;
   }  
   
.botMeio2{
   margin-left: 10px;
   margin-right: 300px;
   border-width: 0;
   } 
  
.botAvancar {
   float:right;
   margin-right: 320px;
   border-width: 0;
   }
   
   
.a_fdentro { 
   color: #C00;
   }
   
a:hover.a_fdentro {
   text-decoration:underline;
   }
   
.mais_img, .mais_img_2 {
   text-align: center;
   width: 300px;
   float: left;
   margin-right: 10px;
   } 
.legenda, .legenda_mais  {
   
   text-align: left;
   float: left;
   font-size: 10px;
   background-color: #E3E3E3;
   padding: 0 3px;
   }
   
.mais_img_2 {
   width:215px;
   height: 240px
   }
   
.legenda_mais {
   width:195px
   }
   
/* Paginação da noticias */

.paginacao_noticias, .pagi_news   {
   color: #261360;
   font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
   margin: 2px;
   padding:  2px;
   background: #F2F2F2;
   border: 1px #C73A39 solid;
   }

a:hover.paginacao_noticias {
  color:#B62928;
  background-color:#E2E2E2;
 
  }
  
.pagi_news {
   color:#B62928;
   background-color: #FFFFFF;
   font-weight: bold;
   }
   
#centro ul li a:hover {
   color: #000;
   }  
   
   
/* Newsletter */

#newsletter {
   text-align: left;
   }
   
#submit_news {
   width: 70px;
   font-weight: bold; 
   color: #BC0000;
   border: 3px #CCCCCC double;
   margin-bottom: 5px;
   }

.input_news {
   border: 1px #CCCCCC solid;
   margin: 0;
   padding:0;
   margin-top: -10px;
   width: 162px;
   }
   
.label {
   margin: 0 0 0 10px;
   padding: 0;
   float:left;
   }   
   
   
   
/* Links Uteis */

dd { margin-left: 20px; }

dd,  {
   font:  bold 13px/150% Arial, Helvetica, sans-serif ;
}

dt {
   font-weight: bold;
   line-height: 200%;
   font-size: 14px;
   color: #C00;
}

a { 
   color:#666666;
   }
a:hover {
   text-decoration:underline;
}

/* Enquete*/

.title_enquete {
  font: bold 15px/100% Arial, Helvetica, sans-serif;
  color:#BC0000;
  }
  
.pergunta { 
  font: bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  margin-left: 5px;
  }
  
.opcao, .votos {
  font: bold 13px/100% Verdana, Arial, Helvetica, sans-serif;
  margin-left: 10px;
}
  
  
.grafico { 
  width: 400px;
  float:left;
  vertical-align:middle;
  
  }  
  
.votos { 
  width: 80px;
  float:left;
  margin-top: 12px;
  
  } 
   
.bkg_enquete { 
  background-color:#F2F2F2;
 }

   
/***********************************
 ***  LISTA DE CARGOS E CIDADES  ***
************************************/ 

.exibePermutas table { 
   border: 1px solid #333; 
   font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
   width: 100%;
   }

.exibePermutas td, .exibePermutas th { 
   padding:3px; 
   }

.exibePermutas th { 
   font-weight:bold; 
   text-align: left; 
   color: #FFF; background-color:  #333; 
   border-style: solid; 
   border-width: 1px; 
   border-color: #CCC #AAA #666 #EEE 
   }

.exibePermutas td { 
   border-style: solid; 
   border-width: 1px; 
   border-color: #CCC #AAA #666 #EEE 
   } 

.exibePermutas a { 
   color:#339; 
   }
   
/***
Controla Album de Foto, jornal da Ugeirm
***/  


.listar {
   max-width:730px;
   outline: 1px #F00 dashed; 
   padding: 0;
   margin: 0;
   }
   
.capsula, .capsulaJornal {
   width:300px;
   float: left;
   margin: 12px;
   }
   

   
.listar capsula div {
   float:left;
   max-width:150px; 
   
   }
   
.titulo{
   text-align:center;
   width: 100%;
   background-color: #E2E2E2;
   color: #C22;
   font-weight:bold;
   font-size:11px;
   }
   
.descricao{
   margin: 0;
   padding: 0;
   text-align:left;
   font-size:10px;
   color: #B62928;
   font-weight:normal;
   width: 100%;
   }
   
.imgAlbum { 
   text-align:center; 
   border: 3px #B62928 double;
   padding: 3px;
   }
   
.dataAlbum { 
   color: #B62928;
   text-align:left; 
   margin: 5px auto 0 5px; 
   font-weight:bold;
   }
   
   
 


 /***************************
 ***  ATUALIZAR CADASTRO  ***
*****************************/    
  


.AtulizaCadastro {
   text-align: center;
   width: 620px;
   margin: 10px auto 1em auto;
   }
   
.divPagAtualCadas form  {
   width: 620px;
   }
  
#formAtulizaCadastro table tr td  {
   background-color: #FEFEFE;
   border: 1px #CCC solid;
   padding: 3px;
  }
  
#formAtulizaCadastro table tr td label {
   color: #333;
   }
#formAtulizaCadastro table tr .tdmensagem .mensagem {
  color: #CA7900;  
   }

#formAtulizaCadastro table tr .tdmensagem {
   background-color:#F2F2F2;
   font-weight: bold;
   line-height: 150%;
   }
   
.divPagAtualCadas form table tr td input , .divPermutas input, .divPermutas select { 
   width: 60%;
   }
   
.formsexo .radio, .tbLadoB .radio, .formsexo .label {
   color: #333;
   width: 10px;
   }

.divPagAtualCadas form table tr .formnome input  { 
   width: 190px;
   }
   
tbLadoA{
   width: 400px
   }

tbLadoB{
   width: 220px
   }
   
.exemplo {
   font: bold 11px/100% verdana, Helvetica, sans-serif;
   color: #B62928;
   }
   
#data_emissao, #tbFone2, #tbData_nasc2 {
   width:90px;
   }
   
#uf, .formnome{
   width: 195px;
   }
.formsexo {
   width: 180px;
  } 
.formparentesco {
   width: 158px;
   } 

.formDataNasc{
   width: 140px;

   }


/************************
 ***   FALE CONOSCO  ***
*************************/ 

#lado_a {
   margin: 10px 5px auto 0;
   width: 335px;
   height: 491px;
   float: left;
   border: 1px solid #EEE;
   padding: 5px;
   }

#lado_b {
   text-align:center;
   margin: 10px 0 auto 5px;   
   width: 330px;
   height: 100%;
   float: right;
   border: 1px solid #EEE;
   padding: 5px;
}

table {
   border: 0; 
   padding: 0;
   margin: 0;
   font: bold 1.4em/120% verdana, Helvetica, sans-serif;
   width: 100%;
   }
   
td, tr {
   padding: 2px;
   }
   
td { 
   text-align:left;
}   

form {
   border: 0; 
   padding: 0;
   margin: 0;
   width: 100%;
   }
   
input, textarea, #uf {
   background-color: #F2F2F2;
   border: 3px double #C0C0C0; 
   width: 100%;
   }

#tbcidade {
  width: 80%
}


#tbsubmit, #tbreset, #tbsubmit2, #tbreset2 {
   color: #18477E; 
   width: 78px;
   height: 23px;  
   font-weight: bold; 
}

#tbpais {
   margin-left: 5px;
}

label {
   font-size:14px;
   color: #18477E;
   font-weight: bold;
   }
.label {
   font-size:14px;
   color: #18477E;}
   
fieldset {
   border: 0; 
   padding: 0;
   padding: 5px;
   }



.mensagem {
   color: #B62928;
   font: bold 16px/120% verdana, Helvetica, sans-serif;
   }


.Pcontato {
   color: #18477E;
   font: bold 1.4em/120% verdana, Helvetica, sans-serif;
   }
   
.contato {
   color: #18477E;
   } 
   
.obrig {
   color: #18477E;
   font: bold 1.0em/110% verdana, Helvetica, sans-serif;
   }
.asterisco {
   color: #F00
   }
   
     
   
/********************
 ***   RODAPÉ  ***
*********************/

#rodape {
   color:#FFF;
   width: 100%;
   height:120px;
   font: bold 1em/140% Verdana, verdana, Helvetica, sans-serif;
   margin: 0 auto 0 auto;
   background-color: #261360; 
   padding: 20px 0 0 0;
   }
   
#containerRodaPe{
   margin: auto auto 1em auto;
   width: 996px;
   height:100px;
   }
   
#topRodDir,#topRodEsq {
   margin: 0 0 25px 0;
   width: 468px;
   height: 15px;
   text-align:left;
   float: left;
   padding: 0 10px 0 10px;
   } 
   
#topRodEsq {
   font-weight:normal;
   text-align:right;
   float: right;
   }
   
#topbaseDir, #topbaseEsq  {
   text-align:left;
   float: left;
   padding: 10px 10px 0 12px;
   font-weight:normal;
   }
   
#topbaseEsq {
   float: right;
   padding: 10px 30px 0 12px;
   font-weight:normal;
   }

  
/* TAGS <lu> do menu2 */
#ulrodape { 
   list-style-type: none;
   margin: 0;
   padding: 0;

   }

/* TAGS <li> do menu2 */
.itemMenuRod {
   padding: 0 5px 0 5px; 
   display:inline;
   margin: 0;
  }
  
.botrodape{
   margin: 0;
   color:#FFF;
   }
   
a:hover.botrodape {
   color: #A52021;
   }
   
#pRod, .botrodape{
   font: bold 1em/140% Verdana, verdana, Helvetica, sans-serif;
   }
   
#pRod {
   float:right;
   }
   
/*****************************
 ***  BARRAS DE NAVEGAÇÃO ***
******************************/ 

a {
   text-decoration:none;
   } 

/*** Menu 1(Pagina Inicial e Fale conosco) ***/

#navbar1 { 
   float: right;
   margin-right: 40px;
   width: 225px;
   text-align: center;
   }

#menu1A, #menu1B, #menu1C {
   text-align: center;
   width: 72px;
   float: left;
   margin: 0 3px 0 0;
   }

#menu1C a:hover {
  text-decoration: none;
  border: 0;
}

   
.botmenu1 {
   font: 9px/120% Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-decoration: none;
   }
   
a:hover.botmenu1 {
   color: #B62928;
   border-bottom: 1px #A52021 solid; 
   } 
   
/*** Menu 2 (Barras  Coloridas em FLASH) ***/ 

#menu2 {
   float:left;
   margin-left: 280px;
   width: 372px;
   height: 23px;
   border: 0;
   padding: 0
   }

   


/*** Menu 3 ***(Menu Comunicação) - Menu 5 ***(Menu Institucional) - Menu 6 ***(Menu Serviços)***/ 
#navbar3, #navbar5, #navbar6 {
   width: 210px;
   height: 100%;
   float: left;
   margin: 0 0 0 25px;
   padding: 0;
   }
 
/* TAGS <lu> do menu3 */   
#menu3, #menu5, #menu6{
   color: #000; 
   text-align:left;
   font: 1.3em/150% Verdana;
   list-style-type:none;
   width: 192px;
   padding: 0;
   }
   
/* TAGS <li> do menu3 */    
.it_menu3, .it_menu5, .it_menu6 {
   margin: 0 0 0 10px; 
   padding: 5px 5px 5px 20px ;
   border-bottom-width:thin;
   border-bottom-style:dashed;
   background:transparent url(../images/tile.gif) no-repeat left center
   } 
   
.menu3, .menu5, .menu6{
   color: #000;
   } 
   
a:hover.menu3{
   font-weight:bold;
   color:#B62928;
   }  
   
a:hover.menu5{
   font-weight:bold;
   color: #B35927;
   } 
   
a:hover.menu6{
   font-weight:bold;
   color: #1F4974;
   }  
   
/*** Menu 4 ***(Barras de atalhos)*/ 
#navbar4 {
   width: 180px;
   height: 100%;
   float: left;
   margin: 0;
   padding: 10px 0 0 0;
   }
 
/* TAGS <lu> do menu4 */   
#menu4{
   color: #000; 
   text-align:left;
   font: 1.1em/140% Verdana, verdana;
   list-style-type:none;
   width: 180px;
   margin: 0;
   padding: 0;
   }
   
/* TAGS <li> do menu4 */    
.it_menu4 {
   margin: 0;
   padding: 5px ;
   border-bottom-width:thin;
   border-bottom-style:dashed;
   } 
   
.menu4{
   color: #000;
   } 
   
a:hover.menu4{
   color: #B62928;
   }

.midia {
   float:left;
   width: 320px;
   min-height: 280px;
   }

.midia_texto {
   float:left;
   width: 350px;
   height: 280px;
   margin-left: 20px;
   }

.imagens {
   float:left;
   width: 680px;
   margin-top: 40px;
   }
  
/*** Menu 6 ***(Menu Serviços)***/ 

a.menu7 {
   font: bold 12px/130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/botao.gif) no-repeat;
	line-height: 25px;
	color: #1F4974;
	text-decoration: none;
	display: block;
	width: 175px;
	margin-bottom: 15px;
	margin-left: 7px;
	margin-top: 10px;
}
 
a:hover.menu7 {
	color: #B62928;
}

.menu_Servicos {
   text-indent: 15px;
	display: block;
	
   
}

#pop{
display:none;
position:absolute;
top:25%;
left:auto%;
padding:10px;
width:300px;
height:200px;
border:1px solid #d0d0d0}