/* Default CSS Stylesheet for a new Web Application project */

*
{
	margin:0;
	padding:0;
	border:0;
}

BODY
{
    BACKGROUND-COLOR: #666666;
	text-align:center;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	margin-top:2px;
}

.clear
{
	clear:both;
}

#mn
{
	text-align:center;	
}

#main
{
	float:left;
	position:relative;
	left:50%;
	border: 2px outset ;
	margin: 0px auto;
	width:770px !important;
	width: 774px;
	background-color: white;
	margin-left:-385px !important;
	margin-left:-387px;
}

#header
{
	float:left;
	background: silver url('imagens/header_fundo.gif') repeat-x top left;
	text-align:left;
	width:100%;
}

#header h1
{
	float:left;
	width:50%;
	margin:0px;
	padding:0px;
	text-indent:-9000px;
	height: 50px;
	background: transparent no-repeat url('imagens/logo.gif') top left;
}

#header h1.english
{
	background: transparent no-repeat url('imagens/logo_en.gif') top left;
}

#header h1 a
{
	float:left;
	width:100%;
	height:50px;
	
}

#header p.imagem
{
	float:left;
	background-color: White;
	border-right: 1px solid white;
}

#header p.idiomas
{
	float:left;
	width:48%;
	line-height:50px;
	text-align: right;
	color:	Blue;
}

#header p.idiomas input
{
margin-top:12px;
}


#header p.idiomas a:hover
{
text-decoration:underline;
}


/* Header AREA EM COMUM */

#header h2
{
	float:left;
	background-color:#003399;
	width:269px;
	height:85px;
	color:White;
	vertical-align:middle;
	font-size:16px;
	border-bottom:1px solid white;
	
}

#header h2 span
{
	float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
}

#header h3
{
	float:left;
	background-color:#003399;
	color:White;
	width:269px;
	font-size: 16px;
	height:55px;
	white-space: normal;
	vertical-align:middle;
	line-height:55px;
}

#header h3 span
{
	float:left;
	margin-top:10px;
	margin-left: 18px;
	line-height:normal;
}


/* Fim do Header */






#corpo
{
	float:left;
	width:100%;
	background: white url('imagens/mnFundo.gif') top left repeat-y;
	padding-bottom:40px;
}

#menu
{
	float:left;
	width:160px;
	text-align:left;
	min-height:400px;
}

#apresentacao
{
	float:left;
	display:inline;
	text-align:left;
	width:608px;
	margin-left:2px;
}

#apresentacao h1
{
	display:inline;
	float:left;
	background: silver url('imagens/header_fundo.gif') repeat-x top left;
	width:100%;
	height:50px;
	margin-left:0px;
	margin-bottom:40px;
}

#apresentacao .texto,
#apresentacao .textoImg
{
	float:right;
	display:inline;
	width:555px;
	margin-left: 16px;
	margin-right: 27px;
	margin-bottom:40px;
	
}

#apresentacao .textoImg p,
#apresentacao .texto p
{
padding-bottom:12px;
}

#apresentacao p.enunciado
{
	width:100%;
	font-weight:bold;
	text-align:center;
}



#apresentacao .texto table
{
	width:100%;
	font-size:10px;
	border-collapse:collapse;
	border: solid 2px silver;
	margin-bottom:40px;
}

#apresentacao .texto table th
{
	background-color: #e1e1e1;
	border: solid 2px lightgray;
	padding:4px;
	text-transform:uppercase;
}

#apresentacao .texto table td
{
	text-align:center;
	padding:4px;
	border: solid 2px lightgray;
}


#apresentacao .textoImg
{
	width:320px;
	float:right;
	margin-left:0;
}


#apresentacao .texto h4
{
	float:left;
	width:555px;
	font-size:18px;
	background: url(imagens/pontilhado.gif) repeat-x bottom left;
	padding-bottom:12px;
	margin-bottom:18px;
}

#apresentacao .texto h4 span,
#apresentacao .textoImg h4 span
{
	float:left;
	padding-left: 15px;
	height:24px;
}

#apresentacao .texto .paragrafo
{
	float:left;
	margin-bottom:18px;
	text-align:justify;
}

#apresentacao .texto .paragrafo p
{
	margin-bottom:10px;
}



#apresentacao a:hover,
#apresentacao .texto .paragrafo a:hover,
#apresentacao p.enunciado a:hover
{
	text-decoration:underline;
}

#apresentacao .texto .paragrafo hr
{
	background: url(imagens/pontilhado.gif) repeat-x center left;
	margin-bottom:20px;
	margin-top:20px;
	color:transparent;
	height:2px;
}

#apresentacao .texto .paragrafo ul
{
	margin-left:40px;
	margin-bottom: 20px;
	list-style-type: disc;
}

#apresentacao .texto .paragrafo ul li
{
	padding:0px;
	margin-left:20px;
	margin-bottom: 3px;
	width: 100%;
	height:20px;
}

#apresentacao .texto .paragrafo ul li a
{
	position:relative;
	float:left;
	color: dimgray;
	background-color:gainsboro;
	text-decoration:none;
	width: 200px;
	padding-left:20px;
	margin-left: -20px;
	line-height:20px;
	height:20px;
	
}

#apresentacao .texto .paragrafo ul li a:hover
{
	text-decoration: underline;
}

#apresentacao .texto .paragrafo span.data
{
	width:100%;
	text-align: right;
	font-size:9px;
}

#apresentacao .textoImg h4
{
	float:right;
	width:320px;
	font-size:18px;
	background: url(imagens/pontilhado.gif) repeat-x bottom left;
	padding-bottom:12px;
	margin-bottom:18px;
}

#apresentacao .textoImg .paragrafo
{
	float:right;
	margin-bottom:18px;
	text-justify:auto;
	text-align:justify;
	width:320px;
}

/*
Controla a aprencia das listas
Notícias por exemplo
*/

#apresentacao .listagem
{
	float:left;
	width:100%;
	margin-top:20px;
	background: url(imagens/pontilhado2.gif) repeat-x top left;
	padding-top:1px;
}

#apresentacao .listagem p
{
	float:left;
	width:100%;
	padding-top: 6px;
	font-size:10px;
	margin-bottom: 4px;
	padding-bottom: 6px;
	background: whitesmoke url(imagens/pontilhado2.gif) repeat-x bottom left;
}

#apresentacao .listagem p span
{
	float:left;
	width:48%;
}

#apresentacao .listagem p span.page
{
	float:right;
	text-align: right;
}

#apresentacao .listagem ul
{
	float:left;
	width:100%;
	list-style-type: none;
}

#apresentacao .listagem li
{
	float:left;
	width:100%;
}

#apresentacao .listagem li a
{
	float:left;
	width:100%;
	color:#666666;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}



#apresentacao .fechamento
{
	float:left;
	width:100%;
	text-align: right;
	background: url(imagens/pontilhado.gif) repeat-x top left;
	padding-top:8px;
}

#apresentacao .fechamento a:hover
{
	text-decoration: underline;
}

/* Controla aparencia da listagem dom legenda */


#apresentacao div.legenda
{
	padding-top: 10px;
	border: 1px silver solid;
}

#apresentacao div.legenda ul
{
	margin-bottom: 20px;
	text-indent:16px;
}


#apresentacao div.legenda ul li
{
	margin-left:20px;
	margin-bottom: 6px;
	width: 100%;
	height:20px;
}

#apresentacao div.legenda ul li.n01
{
	list-style-image: url(imagens/n01.gif);
}

#apresentacao div.legenda ul li.n02
{
	list-style-image: url(imagens/n02.gif);
}

#apresentacao div.legenda ul li.n03
{
	list-style-image: url(imagens/n03.gif);
}

#apresentacao div.legenda ul li.n04
{
	list-style-image: url(imagens/n04.gif);
}

#apresentacao div.legenda ul li.n05
{
	list-style-image: url(imagens/n05.gif);
}

#apresentacao div.legenda ul li.n06
{
	list-style-image: url(imagens/n06.gif);
}

#apresentacao div.legenda ul li.n07
{
	list-style-image: url(imagens/n07.gif);
}

#apresentacao div.legenda ul li.n08
{
	list-style-image: url(imagens/n08.gif);
}

#apresentacao div.legenda ul li.n09
{
	list-style-image: url(imagens/n09.gif);
}

#apresentacao div.legenda ul li.nobs
{
	list-style-image: url(imagens/nAsterisco.gif);
}

#apresentacao div.legenda ul li.nobs2
{
	list-style-image: url(imagens/nAsterisco2.gif);
}


/* Fim aparencia da listagem dom legenda */

/*
Controla a aparencia da coluna de fotos
*/

#apresentacao p.imagem
{
	float:left;
	height:150px;
	width:150px;
	margin-left:32px;
	margin-bottom:32px;
}

#apresentacao .dvFotos
{
	float:left;
	width:236px;
	text-align:center;
}

#apresentacao .dvFotos p
{
	float:left;
	margin-bottom:16px;
}

#apresentacao .dvFotos a img,
.dvAlbum a img,
.dvAlbum img,
.dvAlbum3 img
{
	border: 2px outset silver;
	text-align:center;
}

#apresentacao .dvFotos a,
.dvAlbum a,
.dvAlbum3 a
{
	float:left;
	color: #666666;
	text-decoration:none;
	margin-left:53px;
}

.dvAlbum3 a
{
	margin-left:35px;
}

#apresentacao .dvFotos a:hover,
.dvAlbum a:hover,
.dvAlbum3 a:hover
{
	color: black;
}

#apresentacao .dvFotos span,
.dvAlbum span,
.dvAlbum3 span
{
	float:left;
	width:100%;
	text-align:center;
	padding:4px;
}

#apresentacao .dvFotos span
{
	width:142px;
}


/* Controla a aparencia da coluna de álbum de fotos */

.dvAlbum,
.dvAlbum3
{
	float:left;
	width:100%;
}

.dvAlbum p
{
	float:left;
	width:277px;
	margin-bottom:20px;
	text-align:center;
}

.dvAlbum3 p
{
	float:left;
	margin-bottom:20px;
	text-align:center;
	min-width:167px;
}

* html .dvAlbum3 p
{
	width:167px;
}


#rodape
{
	clear:both;
	height:50px;
	float:left;
	background: silver url('imagens/header_fundo.gif') repeat-x top left;
	text-align:left;
	width:100%;
	border-top: 2px outset ;
}

#rodape p
{
	float:left;
	width:49.9%;
	text-align:center;
	line-height:50px;
	font-weight: bold;
	font-size:11px;
}

#rodape a
{
	color: #666666;
	text-decoration:none;
}

#rodape a:hover
{
	color: Blue;
}


/* Region Controle Foto */

#Foto
{
	margin:6px;
	padding:0;
}

#objFoto
{
	float:left;
	display:inline;
	width:100%;
}

#objFoto img
{
	float:left;
	display:inline;
	border:solid 1px white;
}

* html #objFoto img
{
	margin-left:-3px;
}

#objFoto p
{
	float:left;
	width: 100%;
	background-color:White;
	border:1px silver solid;
	margin-top:6px;
	margin-bottom:6px;
}

#ltLegenda
{
	display:block;
	padding:4px;
}

#objFotoControle
{
	width: 100%;
	float:left;
}

#objFotoControle p
{
	float:left;
	width:58%;
	background-color:Transparent;
	color:White;
	border:none;
	margin:0;
	height:20px;
	
}

#objFotoControle a,
#objFotoControle a.proximo
{
	float:left;
	width:20%;
	height:20px;
	background-color:White;
	border: outset 2px;
	text-decoration:none;
	font-weight:bold;
	padding-top: 5px !important;
	padding-top: 0;
	white-space:nowrap;
}

#objFotoControle a.proximo
{
	float:right;
}
/* Fim controle Foto */


/* Controle Página Inical */

#inicial #corpo
{
	background:none;
}

#inicial #canais
{
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:32px;
	width:182px;
}

#inicial #canais p
{
	float:left;
	background: gainsboro;
}

#inicial #canais p img
{
	float:left;
}

#inicial #canais p a
{
	float:left;
	color:Navy;
	text-decoration:none;
}

#inicial #canais p a:hover
{
	color:Royalblue;
}

#inicial #canais p span
{
	float:left;
	font-size:17px;
	width:180px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:4px;
	padding-bottom:4px;
}

#inicial #fotos
{
	float:left;
	margin-top:20px;
}

#inicial #fotos img
{
	display:inline;
	margin-bottom:30px;
	margin-left:68px;	
}
	


/* Fim Pagina Inicial */



/* Início de formulário */

#UcContato1_pnEndereco,
#UcContato1_pnDepartamento,
#UcContato1_pnFax,
#UcContato1_pnEmail,
#UcContato1_pnFds
{
	float:left;
	width:555px;
	margin-left: 16px;
	margin-bottom:16px;
	font-size:11px;
}

#UcContato1_pnDepartamento table
{
	width:100%;
	font-size:11px;
	background: url(imagens/pontilhado2.gif) repeat-x top left;
	padding-top: 6px;
}

#UcContato1_pnDepartamento table td
{
	padding-bottom:6px;
}

#UcContato1_pnDepartamento table tr
{
	background: url(imagens/pontilhado2.gif) repeat-x bottom left;
}

#UcContato1_pnDepartamento a
{
	color:#CC0000;
	text-decoration:none;
}

#UcContato1_pnDepartamento a:hover
{
	text-decoration:underline;
}

#UcContato1_pnFds fieldset
{
	width:100%;
	background-color:gainsboro;
	border-bottom:1px solid silver;
	border-top:1px solid silver;
	padding-top:10px;
	padding-bottom:10px;
}

#UcContato1_fds p
{
	float:left;
	width:99%;
	padding-bottom:8px;
	margin:0;
}

#UcContato1_fds label
{
	float: left;
	width:25%;
	height:16px;
	line-height:16px;
	text-indent:10px;
}

#UcContato1_fds input, #UcContato1_fds select, #UcContato1_fds textarea
{
	float: right;
	width:70%;	
	font-size:11px;
	color:black;
	font-family: Verdana, Arial, Tahoma;
	border:2px inset;
}

#UcContato1_fds input.half
{
	display: inline;
	float:left;
	margin-left:5%;
	width:30%;
}

#UcContato1_fds span
{
	float:left;
	width:38%;
	margin-left:2%;
	font-size:9px;
}

span.botao
{
	float:right;
}

span.botao input
{
	width:auto;
	border:2px outset;
}


/* Fim de Form */

/* Controle Pad */

.pad
{
	float:left;
	width:100%;
	background:whitesmoke;
	line-height:22px;
	border-bottom: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
}

.pad a
{
	float:none;
	width:auto;
	text-decoration:none;
}

.pad a:hover
{
	text-decoration: underline;
}

.pad .previours
{
	float:left;
	width:20%;
}

.pad .previours a
{
	margin-left:4px;
	text-decoration:none;
}

.pad .next
{
	float:right;
	width:20%;
	text-align:right;
}

.pad .next a
{
	margin-right:4px;
}


.pad .index
{
	float:left;
	width:59%;
	text-align:center;
}

.pad .index a
{
	padding-left:4px;
	padding-right:4px;
}

.pad .index a.selected
{
	background-color:white;
	border:1px silver solid;
	font-weight:bold;
}

/* Fim COntrole Pad */

/* Quadro de Aviso */

.aviso
{
	width:100%;
	text-align:center;
}

/* Fim quadro de Aviso */


