/* Corpo Centralizado */	
body {
background-color: white;
margin:0;
padding:0;
text-align:center; /* hack para o IE */	
font:		normal 500 8pt "Verdana";
font-family:Verdana, Arial, Helvetica, sans-serif
font-stretch: expanded;
line-height:	normal;
	}
#tudo {
width: 784px;
margin:0 auto;			
padding: 10px;
padding-top:0;
text-align:left;
 /* "remdio" para o hack do IE */	
	}
#conteudo {
padding: 5px;
}

#corpodireito{
width: 100%;
padding: 0.1em 0 0.1em 1em;
text-decoration: none;
background-color:white;
}

#meio{
width:490px;
background-color:white;
margin-left:5px;
margin-right:-10px;
}
tr#meio td#noticias_box
{
text-align:justify;
width: 208px;
background-color:floralwhite;
}

#tacs{
text-align:justify;
}

/* Fim do cdigo do corpo centralizado */	
/* INICIO DO CODIGO PARA EFEITO DAS FOTOS DOS OFICIOS */



/* CSS para a galeria */

.photopreview { 
    width: 100%;
    margin: 0 auto;
    position: relative;
	margin: 0; border: 0 solid black; padding: 0; list-style: none;

}

.photopreview li {
    float: left;
    width: 100px; height: 75px;
    padding: 10px;
}
.photopreview li img {
    position: relative;
    width: 100px; height: 75px;
    border: 1px outset #CCC;
    padding: 5px; background: #FFF;
}
.photopreview li:hover img {
    cursor: default;
    width: 200px; height: 150px;
    top: -37px; left: -50px;
    border: 1px outset #CCC; padding: 5px;
    z-index: 100; background: #EEE;
}
.photopreview li:active img, .photopreview:active li:hover img {
    width: 400px; height: 300px;
    position: absolute;
    left: 0; top:1px;
}


/*FIM DO EFEITO DAS FOTOS*/

/* COMEÇO CODIGO DO EFEITO DAS FOTOS DAS MAQUETES DO PROJETO DA NOVA SEDE */

.photopreview2 { 
    width: 100%;
    margin: 0 auto;
    position: relative;
	margin: 0; border: 0 solid black; padding: 0; list-style: none;

}

.photopreview2 li {
    float: left;
    width: 100px; height: 75px;
    padding: 10px;
}
.photopreview2 li img {
    position: relative;
    width: 100px; height: 75px;
    border: 1px outset #CCC;
    padding: 5px; background: #FFF;
}
.photopreview2 li:hover img {
    cursor: default;
    width: 350px; height: 250px;
    top: -37px; left: -50px;
    border: 1px outset #CCC; padding: 5px;
    z-index: 100; background: #EEE;
}
.photopreview2 li:active img, .photopreview:active li:hover img {
    width: 400px; height: 300px;
    position: absolute;
    left: 0; top:1px;
}

/*FIM DO CODIGO DO EFEITO DAS FOTOS DAS MAQUETES DO PROJETO DA NOVA SEDE */


/* ****** Cabecalho  ********** */

#cab-cabecalho {
margin-bottom:3pt;
color:#fff;
text-transform:uppercase;
background:#990000;
background-repeat: repeat;
font-size:10px;
height: auto;
width: 774px;
position:relative;
top: 0px;
left: 0px;
vertical-align:top;
}
#cab-cabecalho2 {
margin-bottom:3pt;
text-align:left;
color:#fff;
background:#990000;
background-repeat: repeat;
font-size:10px;
font-weight:bold;
height: 12px;
width: 774px;
position:relative;
top: 0px;
left: 0px;
vertical-align:top;
}

/* ****** Fim do Cabaealho  ********** */

/* ****** FORMS IMAGENS E BARRAS DO MENU SUPERIOR ********** */
h4 { font: small-caps bold 9pt "Arial Unicode MS"; font-stretch: expanded; color:#990000; text-decoration: underline ;}

#popup{position: absolute;
top: 18%;
 left: 22%;width: 500px;height: auto;
 padding: 20px 20px 20px 20px;
 border-width: 2px;border-style: solid;
 background:#990000;display: none; 
 font:Verdana, Arial, Helvetica, sans-serif; 
 color:#ffffff;
 }
 p#pop{
 
 margin:3px;
 padding:3px;}
 
#titulos {
font: small-caps bold 9pt "Arial"; color:#990000; text-decoration: underline ;
}
#acessibilidade {color:#ffffff;
  text-decoration:none;
  }
  #acessibilidade:hover {color:#000000;
  text-decoration:none;
  }
#links_oficios {
font: small-caps bold 9pt "Arial";;

}
     input { border-width:1px; height:1.1em; margin:0; padding:1px; vertical-align:middle; }
     input[type=text],textarea { display:inline-block; background-color: ghostwhite; }
     input[type=submit],input[type=reset] { border-color:lightblue; height:17px; padding:0em 0.3em 0.2em 0.3em ;border:0 solid red; } 
     input[type=submit]:hover { background-color:darkred; color:ghostwhite;}
     input:focus { background-color:white; }
     input:hover,textarea:hover,textarea:focus { background-color: #fcfcfc; }
  
    table,tr,td { border:1; outline:0; margin:0; padding:0; }
	

	    img {
	border: 0px solid blue;
	margin:	0px;
	outline: transparent solid 0px;
	padding: 0px;
	vertical-align:top;

	}
	
	
	
	a.classe1:link {text-decoration:none;
	color:#000000;}
	
	a.classe1:hover {
	text-decoration: underline; 
	color: #990000;

	}
	a.classe1:visited {text-decoration: none; 
	color:#660066;
	}
	  .destaque-vermelho {
	display:inline-block;
	font:	small-caps bold 8pt "Arial";
	font-stretch: expanded;
	color:	DarkRed;
	text-decoration:none;
	}
	
	.vermelho {
	color:	99000;
	text-decoration:none;
	}
	
	.BarraRolagemPequena {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: thin;
width: 80px;
top: 0px;
}

.BarraRolagemMedia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: thin;
width: 150px;
}

.pesquisar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
}

.SelectTacs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-color:#660000
width: auto;
}
.inputTacs {
height:15px;
}

  
.tabelas{
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  }
  .tabelas td{
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
}
 .tabelas td a:link{
  text-decoration:none;
}
 .tabelas td a:hover{
  text-decoration:underline;
}
  .tabelas td a#resumo{
  color:#000000;
  text-decoration:none;
}
 .tabelas td a#resumo:hover{
  color:#990000;
}

.tabelas td#subtitulo{
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  background-color:#F0E7D7;
  font-family: arial;
font-size: 11px;
color:#990000;
padding:2px;
font: small-caps bold 8pt "Arial";
text-decoration: underline ;
font-weight:bold;
}
.tabelas tr{
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

.tabelas tr#lista:hover{
  /* background-color: #F8F8F8; */
  color:#0000FF;
}


	/* ****** FIM DOS FORMS   ********** */ 
	 
	 /* ****** CÓDIGO DO MENU ESQUERDO background: #E7E1C7;********** */ 
#menuesquerdo
{

background: #FFFFFF;
margin: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: LEFT;
width: 130px;
text-align:center;
font-weight:bold;
}

tr#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: auto;
}

tr#navlist td
{
display: block;
margin: 0;
padding: 0;

}



tr#navlist td a
{
display: block;
width: 120px;
padding: 0.2em 0 0.2em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style:solid;
color: #777;
text-decoration: none;
background: #f7f2ea;

}

#menuesquerdo>tr#navlist td a { width: auto; }

tr#navlist td#active a
{
background: #F0E7D7;
color: #000000;
}



tr#navlist td a:hover, tr#navlist td#active a:hover
{
color: #000000;
background: #F0E7D7;
border-color: #aaab9c #fff #fff #ccc;
text-decoration:underline;

}


/*INÍCIO DO CÓDICO DO MENU DIREITO*/
#menudireito
{
background:inherit;
margin: 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
vertical-align:top;
width: 150px;
}


tr#navlist2
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: auto;
}

tr#navlist2 td
{
display: block;
margin: 0;
padding: 0;
border-color: #aaab9c #fff #fff #ccc;
}

tr#navlist2 td a
{
display: block;
padding: 0.2em 0 0.2em 1em;
border-width: 0px;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
width:132px;
}

#menudireito>tr#navlist2 td a { width: auto; }

tr#navlist2 td#active
{
background: #F8F8F8;
color: #990000;

}

tr#navlist2 td#active a
{
background: #F8F8F8;
color: #000000;
}

tr#navlist2 td a:hover, tr#navlist2 td#active a:hover
{
color: #000000;
background: transparent;
text-decoration:underline;

}

tr#navlist2 td#active2
{
background: #E2E7E7;
color: #990000;
}


tr#navlist2 td#active2 a
{
background: #E2E7E7;
color: #000000;
}
/*FIM DO CÓDICO DO MENU DIREITO*/