/* PÁGINAS INTERNAS */

* { margin: 0; padding: 0; }

Html { 	background: #F4F8FF url(../imagens/bgTopo.jpg) center top repeat-x; }

Body {
	background: url(../imagens/bgBase.jpg) bottom center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin-top: 20px;
}

Img { border: none; }

A { text-decoration: none; color: #000000; }

/* frame geral */

#layout {
	position: relative;
	display: block;
	width: 935px;
	margin: 0 auto;
	text-align: left;
}


/* frame topo */

#layout #topo {
	position: relative;
	display: block;
	width: 935px;
	height: 235px;
}

/* logo do topo */

#layout #topo A#logo {
	display: block;
	width: 458px;
	height: 75px;
	margin-bottom: 20px;
	background: url(../imagens/topoLogo.jpg) center no-repeat;
}

/* Idiomas */

#layout #topo #idioma {
	list-style: none;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 224px;
	height: 28px;
}
#layout #topo #idioma Li { float: right; }
#layout #topo #idioma Li A {
	display: block;
	width: 40px;
	height: 28px;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}
#layout #topo #idioma #uk A { background-image: url(../imagens/topo_uk.jpg) }
#layout #topo #idioma #es A { background-image: url(../imagens/topo_es.jpg) }
#layout #topo #idioma #br A { background-image: url(../imagens/topo_br.jpg) }

#layout #topo #idioma #legenda {
	display: block;
	width: 94px;
	margin-right: 10px;
	line-height: 20px;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	color: #003478;
}

/* Links do topo */

#layout #topo #links {
	list-style: none;
	display: block;
	width: 225px;
	height: 125px;
}
#layout #topo #links A {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 16px;
	color: #003478;
	border-left: 10px solid #003478;
}
#layout #topo #links A:hover {
	border-left-color: #61C250;
	color: #61C250;
}

/* Imagens do topo */

#layout #topo #imagens {
	position: absolute;
	right: 0px;
	top: 45px;
	display: block;
	width: 690px;
	height: 240px;
	background-position: center;
	background-repeat: no-repeat;
}

/* Conteudo  */

#layout #conteudo {
	float: right;
	display: block;
	width: 690px;
	margin-bottom: 10px;
	background: url(../imagens/conteudoBoxBase.jpg) bottom center no-repeat;
	padding-bottom: 40px;
}

#layout #conteudo Dl {
	float: left;
	display: block;
	width: 690px;
	background: url(../imagens/conteudoBoxBg.jpg) center repeat-y;
}
#layout #conteudo Dl Dt {
	display: block;
	width: 690px;
	height: 60px;
	background: url(../imagens/conteudoBoxTitle.jpg) top left no-repeat;
}
#layout #conteudo Dl Dt.sub { background-image: url(../imagens/conteudoBoxTitleSub.jpg); }

#layout #conteudo Dl Dt Strong {
	float: left;
	width: 203px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 18px;
	color: #003478;
	margin-left: 20px;
	text-align: center;
}
#layout #conteudo Dl Dt A {
	position: relative;
	float: left;
	display: block;
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #003478;
	text-align: center;
	margin-top: 8px;
}
#layout #conteudo Dl Dt A:hover { color: #FFFFFF; }

#layout #conteudo Dl Dd {
	position: relative;
	padding: 0px 20px;
	line-height: 16px;
	min-height: 440px;
}

/* Texto Principal */

#layout #conteudo Dl Dd #texto {
	float: left;
	display: block;
	width: 416px;
}

#layout #conteudo Dl Dd #texto H2 {
	font-size: 12px;
	line-height: 16px;
	color: #003478;
	margin-bottom: 10px;
}
#layout #conteudo Dl Dd #texto H3 {
	font-size: 11px;
	margin-bottom: 10px;
	border-top: 1px solid #003478;
	text-align: right;
}
#layout #conteudo Dl Dd #texto P { margin-bottom: 10px; }
#layout #conteudo Dl Dd #texto Img {
	float: left;
	margin: 0px 10px 10px 0px;
}
#layout #conteudo Dl Dd #texto A { color: #003478; }
#layout #conteudo Dl Dd #texto A:hover { color: #61C250; }

#layout #conteudo Dl Dd #texto Ul {	list-style: inside; margin-bottom: 10px; }
#layout #conteudo Dl Dd #texto Ol {	list-style: inside; }

#layout #conteudo Dl Dd #texto A.listar {
	float: left;
	display: block;
	border-bottom: 1px solid #003478;
	margin-bottom: 10px;
	width: 650px;
}
#layout #conteudo Dl Dd #texto A.listar Strong { display: block; padding-bottom: 5px; }

/* bloqueio de conteúdo */

#layout #conteudo Dl Dd #bloqueio {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 688px;
	height: 100%;
	margin: 0px 1px;
	z-index: 500;
	padding-top: 20px;
}
#layout #conteudo Dl Dd #bloqueio Div {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../imagens/conteudoBoxFade.png) center repeat-y;
}
#layout #conteudo Dl Dd #bloqueio Form {
	position: relative;
 	margin: 0 auto;
	background: #ECECEC url(../imagens/conteudoBlockTitle.jpg) center top repeat-x;
	padding: 30px 20px 30px 20px;
	border: 1px solid #003478;
}

/* Listagem de arquivos */

#layout #conteudo Dl Dd #texto #arquivos { list-style: none; }
#layout #conteudo Dl Dd #texto #arquivos Li {
	background: url(../imagens/conteudo_iconFile.gif) left center no-repeat;
	text-indent: 20px;
}

/* formulários */

#layout #conteudo Dl Dd Form {
	display: block;
	width: 316px;
	padding-bottom: 15px;
	margin: 0 auto;
}

#layout #conteudo Dl Dd Form Label {
	display: block;
	width: 316px;
	font-weight: bold;
}
#layout #conteudo Dl Dd Form Label.errobr { background: url(../imagens/formErro_br.gif) right bottom no-repeat; }
#layout #conteudo Dl Dd Form Label.errouk { background: url(../imagens/formErro_uk.gif) right bottom no-repeat; }
#layout #conteudo Dl Dd Form Label.erroes { background: url(../imagens/formErro_es.gif) right bottom no-repeat; }
#layout #conteudo Dl Dd Form Label.ok { background: url(../imagens/formOk.gif) right bottom no-repeat; }

#layout #conteudo Dl Dd Form Input, #layout #conteudo Dl Dd Form Select, #layout #conteudo Dl Dd Form Textarea {
	display: block;
	width: 316px;
	height: 20px;
	line-height: 20px;
	margin: 2px 0px;
	border: 1px solid #003478;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#layout #conteudo Dl Dd Form Textarea { height: 150px; }

#layout #conteudo Dl Dd Form Input.erro, #layout #conteudo Dl Dd Form Select.erro, #layout #conteudo Dl Dd Form Textarea.erro { border-color: #CC0000; }
#layout #conteudo Dl Dd Form Input.ok, #layout #conteudo Dl Dd Form Select.ok, #layout #conteudo Dl Dd Form Textarea.ok { border-color: #61C250; }

#layout #conteudo Dl Dd Form A#botao {
	display: block;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #003478;
}
#layout #conteudo Dl Dd Form A#botao:hover { color: #61C250; }


/* Menu lateral */

#layout #conteudo Dl Dd #menu {
	float: right;
	display: block;
	width: 194px;
	background: url(../imagens/conteudoBoxDiv.jpg) bottom left no-repeat;
	padding: 0px 0px 20px 20px;
}

#layout #conteudo Dl Dd #menu Img { margin-bottom: 20px; }

#layout #conteudo Dl Dd #menu Ul { list-style: none; }
#layout #conteudo Dl Dd #menu Ul Li { margin-bottom: 10px; }
#layout #conteudo Dl Dd #menu Ul Li A {
	font-weight: bold;
	padding-left: 10px;
	border-left: 10px solid #003478;
	color: #003478;
}
#layout #conteudo Dl Dd #menu Ul Li A:hover {
	color: #61C250;
	border-color: #61C250;
}

#layout #conteudo Dl Dd #menu Ul Li Span {
	display: block;
	font-size: 10px;
	margin-left: 10px;
}

#layout #conteudo Dl Dd #menu H2 {
	font-size: 12px;
	line-height: 16px;
	color: #003478;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}
#layout #conteudo Dl Dd #menu Li P {
	margin-left: 20px;
}
#layout #conteudo Dl Dd #menu Li P A {
	font-weight: bold;
	color: #003478;
	border: none;
	padding: 0px;
}

/* empresa */

#layout #conteudo.empresa Dl Dd #menu Li P {
	font-weight: normal;

}



/* Paginação de Itens */

#layout #conteudo Dl Dd #paginar {
	position: relative;
	float: left;
	display: block;
	height: 20px;
}
#layout #conteudo Dl Dd #texto #paginar { width: 650px; }
#layout #conteudo Dl Dd #menu #paginar { width: 194px; }

#layout #conteudo Dl Dd #paginar A {
	color: #003478;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
}
#layout #conteudo Dl Dd #paginar A:hover { color: #61C250; }

#layout #conteudo Dl Dd #paginar A#anterior {
	float: left;
	background: url(../imagens/conteudo_anteriorOff.gif) left center no-repeat;
	padding-left: 10px;
}
#layout #conteudo Dl Dd #paginar A#anterior:hover { background-image: url(../imagens/conteudo_anteriorOn.gif); }
#layout #conteudo Dl Dd #paginar A#proximo {
	float: right;
	background: url(../imagens/conteudo_proximoOff.gif) right center no-repeat;
	padding-right: 10px;
}
#layout #conteudo Dl Dd #paginar A#proximo:hover { background-image: url(../imagens/conteudo_proximoOn.gif); }

#layout #conteudo Dl Dd #paginar Small {
	position: absolute;
	display: block;
	top: 0px;
	left: 50%;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-left: -25px;;
}

/* Coluna  */

#layout #coluna {
	float: left;
	display: block;
	width: 225px;
}

#layout #coluna Dl {
	display: block;
	width: 225px;
	margin-bottom: 10px;
	background: url(../imagens/colunaBoxBg.jpg) center repeat-y;
}

#layout #coluna Dl Dt {
	display: block;
	height: 28px;
	background: url(../imagens/colunaBoxTitle.jpg) top center no-repeat;
}
#layout #coluna Dl Dt Strong {
	font-size: 12px;
	line-height: 28px;
	margin-left: 10px;
	padding: 0px 10px;
	background: #ECECEC;
	text-transform: uppercase;
	color: #003478;
}

#layout #coluna Dl Dd {
	display: block;
	padding: 0px 10px 10px 10px;
	background: url(../imagens/colunaBoxBase.jpg) bottom center no-repeat;
}

#layout #coluna Dl Dd A {
	display: block;
	margin-bottom: 10px;
}
#layout #coluna Dl Dd A:hover  { text-decoration: underline; }
#layout #coluna Dl Dd A Strong { color: #003478; }

#layout #coluna Dl Dd P { font-size: 10px; }

#layout #coluna Dl Dd Form {
	display: block;
	margin: 10px 0px;
}
#layout #coluna Dl Dd Form Input {
	font-size: 10px;
	border: 1px solid #003478;
	margin-bottom: 5px;
	width: 203px;
	height: 18px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#layout #coluna Dl Dd Form Input.erro { border-color: #CC0000; }
#layout #coluna Dl Dd Form Input.ok { border-color: #61C250; }

#layout #coluna Dl Dd Form A {
	text-align: right;
	text-transform: uppercase;
	color: #003478;
	font-weight: bold;
}

/* Rodape */

#layout #rodape {
	position: relative;
	clear: both;
	display: block;
	width: 935px;
	height: 70px;
	background: url(../imagens/rodapeBox.jpg) bottom right no-repeat;
}	

#layout #rodape Ul {
	list-style: none;
	position: absolute;
	display: block;
	bottom: 20px;
	right: 20px;
	width: 650px;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003478;
}
#layout #rodape Ul Li {
	float: left;
	width: 20%;
}


#layout #rodape A#cdi {
	position: absolute;
	display: block;
	left: 202px;
	bottom: 40px;
	width: 23px;
	height: 10px;
	background: url(../imagens/rodapeCDI.jpg) center no-repeat;	
}

#layout #rodape Small {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 20px;
	width: 225px;
	height: 10px;
	line-height: 10px;
	text-align: right;
}

/*========================================================================*/
/* HACKS PARA IE6 */

* Html #layout #topo #links A:hover { border-left-color: #003478; }
* Html #layout #conteudo Dl Dd { height: 440px; }

* Html #layout #conteudo Dl Dd #bloqueio Div {
	background: #FFFFFF;
	Filter: Alpha(Opacity=90, FinishOpacity=50, Style=3);
}

/* ============================================================================================================================= */
/* Pop Ups */

.caixa{
	width:445px;
	background-color:#e3e3e3;
	border:1px solid #FFFFFF;
	padding:12px 0px;
	position: absolute;
	margin-top:100px;
}
.caixa .centro{
	width:445px;
	background-color:#fff;
	margin:auto;
}
.caixa .centro #log{
	background:url(../imagens/logo.jpg) top no-repeat;
	width:105px;
	height:48px;
	display:inline-block;
	text-indent:-2000px;
	overflow:hidden;
	float:right;
}