@charset "iso-8859-1";

/* propriedades gerais */

body {
	background-color:#f0f0f0;
}

a:link {
	color: #003366;
	text-decoration: none;
}

a:visited {
	color: #003366;
	text-decoration: none;
}

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

a:active {
	color: #003366;
	text-decoration: none;
}
a.linkConteudo:link {
	color:#737373;
	text-decoration: none;
}

a.linkConteudo:visited {
	color:#737373;
	text-decoration: none;
}

a.linkConteudo:hover {
	color:#737373;
	text-decoration:underline;
}

a.linkConteudo:active {
	color:#737373;
	text-decoration: none;
}
a.linkClientes:link {
	color:#B5B5B5;
	font-size:large;
	font-weight:bolder;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.linkClientes:visited {
	color: #B5B5B5;
	font-size:large;
	font-weight:bolder;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.linkClientes:hover {
	color: #669999;
	font-size:large;
	font-weight:bolder;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.H1 {
	font-size: large;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: bold;
	background:url(../images/fundo_h1.gif) left bottom repeat;
}

li {
	list-style:  url(../images/li.gif);
	margin-left: 0px;
	padding: 0px;
}

cite{
	width:200px;
	clear:both;
	vertical-align:top;
	font-family:Tahoma, sans-serif, "Trebuchet MS";
	font-size:14px;
	color:#999999;
	padding: 0px 0px 20px 30px;
	background: url(../images/quote.gif) no-repeat top left;
}

acronym{
	text-decoration:underline;
}

abbr{
	text-decoration:underline;
}

/* propriedades de texto */

.submenu {	
	font-size: small;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

.cabecalho {
	color: #999999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.conteudo {
	color:#737373;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.conteudoMenor {
	color: #737373;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
}

.conteudoMenorVerde {
	color:#009966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.conteudoMenorAzul {
	color:#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.conteudoMenorBranco {
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.subtituloAzul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #003366;
}

.subtituloCinza {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #666666;
}
.subtituloVerde {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #669999;
}

/* propriedades boxes */

.boxNews {
	float:left;
	clear:both;
	width:170px;
	height:90px;
	text-align: left;
	background:url(../images/fundo_boxnews.gif) top no-repeat;
	padding: 36px 0px 0px 10px;
}


/* propriedades divs */

.divContainer{
	margin:0 auto;
	width:780px;
	z-index:1;
	background:#FFFFFF;
}
.divTopo {
	margin:0 auto;
	clear:both;
	width:780px;
	height:112px;
	background-image:url(../images/topo.gif);
	background-repeat:no-repeat;
	z-index:2;
}
.divLogo {
	float:left;
	clear:left;
	width:215px;
	height:100px;
	text-align:left;
	padding: 5px 0px 0px 8px;
	z-index:3;
}
.divTopoLatSup {
	float:right;
	clear:right;
	width:500px;
	height:64px;
	text-align:right;
	padding: 5px 8px 0px 8px;
	z-index:3;
}
.divTopoLatInf {
	float:right;
	clear:right;
	width:500px;
	height:26px;
	text-align:right;
	padding: 5px 8px 0px 8px;
	z-index:3;
}
.divMenu{
	margin:0 auto;
	clear:both;
	width:780px;
	height:34px;
	text-align:left;
	z-index:2;
}

.divSubTopo {
	margin:0 auto;
	clear:both;
	width:780px;
	height:25px;
	text-align:right;
	z-index:2;
}
.divSubTopoEsq {
	float:left;
	clear:left;
	width:230px;
	height:25px;
	text-align:left;
	padding: 5px 0px 0px 8px;
	z-index:3;
}
.divSubTopoDir {
	float:right;
	clear:right;
	width:475px;
	height:25px;
	text-align:right;
	padding: 5px 5px 0px 0px;
	z-index:3;
}
.divAnimaHome {
	margin:0 auto;
	clear:both;
	width:780px;
	height:330px;
	z-index:3;
	text-align:left;
}
.divAnima {
	margin:0 auto;
	clear:both;
	width:780px;
	height:240px;
	z-index:3;
	text-align:left;
}
.divLateral {
	float:left;
	clear:left;
	width:205px;
	height:300px;
	padding: 10px 0px 0px 10px;
	z-index:2;
}

.divConteudo {
	float:left;
	clear:right;
	width:540px;
	z-index:2;
	text-align:left;
	padding: 15px 0px 0px 0px;
}
.divMoldTopoConcession {
	float:left;
	clear:both;
	width:530px;
	height:35px;
	z-index:3;
	text-align:left;
	background:url(../images/moldura_topoConcession.gif) no-repeat;
	padding: 0px 0px 0px 0px;
}
.divMoldTopoAdm {
	float:left;
	clear:both;
	width:530px;
	height:35px;
	z-index:3;
	text-align:left;
	background:url(../images/moldura_topoAdm.gif) no-repeat;
	padding: 0px 0px 0px 0px;
}
.divMoldTopoComercio {
	float:left;
	clear:both;
	width:530px;
	height:35px;
	z-index:3;
	text-align:left;
	background:url(../images/moldura_topoComercio.gif) no-repeat;
	padding: 0px 0px 0px 0px;
}
.divMoldTopoIndustria {
	float:left;
	clear:both;
	width:530px;
	height:35px;
	z-index:3;
	text-align:left;
	background:url(../images/moldura_topoIndustria.gif) no-repeat;
	padding: 0px 0px 0px 0px;
}
.divMoldCorpo{
	float:left;
	clear:both;
	width:525px;
	height:auto;
	z-index:3;
	text-align:left;
	background:url(../images/molduraCorpo.gif);
	padding: 0px 0px 0px 5px;
}
.divMoldTexto{
	float:center;
	clear:both;
	width:510px;
	height:auto;
	z-index:3;
	text-align:left;
	padding: 0px 5px 0px 10px;
}
.divMoldRodape{
	float:left;
	clear:both;
	width:530px;
	height:30px;
	z-index:3;
	text-align:left;
	background:url(../images/molduraRodape.gif)  no-repeat;
	padding: 0px 0px 0px 0px;
}
.divConteudoPrinc {
	float:left;
	clear:left;
	width:380px;
	height:auto;
	z-index:3;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	
.divConteudoDir {
	float:right;	
	clear:right;
	width:170px;
	height:auto;
	z-index:3;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	
.divSeparaChamada{
	float: left;
	width:250px;
	vertical-align:top;
	padding: 0px 0px 0px 0px;
	}
.divChamada{
	float: left;
	width:200px;
	clear:both;
	text-align:left;
	padding: 0px 0px 20px 0px;
}
.divSeparaNoticia{
	float: left;
	width:420px;
	vertical-align:top;
	padding: 0px 5px 0px 0px;
	}
	
.divNoticia{
	float: left;
	width:400px;
	clear:both;
	vertical-align:top;
	padding: 0px 10px 20px 18px;
	background: url(../images/barra.gif) no-repeat top left;
}

.divTexto{
	float: left;
	width:580px;
	vertical-align:top;
	padding: 0px 10px 0px 0px;
	}
.divSubcont {
	clear:both;
	width:760px;
	height:115px;
	z-index:2;
	padding: 0px 0px 10px 10px;
	text-align:left;
}
.divMenuRodape {
	margin:0 auto;
	clear:both;
	width:760px;
	height:10px;
	z-index:2;
	padding: 0px 0px 5px 10px;
	text-align:right;
}
.divRodape {
	margin:0 auto;
	clear:both;
	width:780px;
	height:60px;
	z-index:1;
	background:url(../images/rodape.jpg) no-repeat top;
	text-align:center;
	padding: 10px 0px 0px 0px;
}
.divRodapeEsq {
	float: left;
	clear:left;
	width:380px;
	height:60px;
	z-index:2;
	text-align:left;
	padding: 5px 0px 0px 5px;
}
.divRodapeDir {
	float: left;
	clear:right;
	width:370px;
	height:60px;
	z-index:2;
	text-align:right;
	padding: 8px 0px 0px 8px;
}
.divAssinatura {
	margin:0 auto;
	clear:both;
	width:775px;
	height:20px;
	z-index:1;
	text-align:right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
}

#anima2{
	margin-top:-80px;
	margin-left:10px;
	clear:left;
	width:179px;
	height:115px;
}