﻿@charset "utf-8";
/* CSS Document */

/*ESTILO GERAIS*/
body {
	margin:0px;
	padding:0px;
}

br{
	clear:both;
}

/*ESTILOS GERAIS --- LINKS*/
a:link, 
a:active,
a:hover,
a:visited{
	color: #000000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	line-height:1.2em;
	margin-top:0px;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:hover.semhover{
	text-decoration:none;
	cursor: text;
}

/*ESTILOS GERAIS --- LISTAS*/
ul, ol{
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	line-height:1.2em;
	list-style-position:outside;
}

ul{
	list-style-type:disc;
}

ul li, ol li{
	margin:5px 0 10px 5px;
}


/*ESTILO GERAIS --- IMAGEM*/
img{
	border:none;
}

/*ESTILOS GERAIS --- TEXTOS*/
p, span{
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	line-height:1.2em;
}

p{
	padding:0;
	margin:5px 0 5px 0;
}

/*ESTILOS GERAIS --- TITULOS*/
h1, h2, h3, h4, h5, h6{
	color:#000;
	font-family:arial,verdana,sans-serif;
	margin:5px 0 5px 0;
}

/*ESTILOS GERAIS --- TABELAS*/

table,
table caption{
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	line-height:1.2em;
}

table{
	border-collapse:collapse;
	font-size:11px;
}

/*table tr td{
	vertical-align:top;
}*/

td.tituloCelula1{
	font-weight:bold;
	text-align:right;
	padding-right:12px;
	vertical-align:top;
}

td.tituloCelula2{
	font-weight:bold;
	text-align:left;
}

/*ESTTLOS GERAIS --- FORMULÁRIO*/
form, form fieldset{
	padding:0;
}

form fieldset{
	margin:0 0 5px 0;
}

input {
	padding-left:2px;
	padding-top:0px;
	margin:0px;
	padding-bottom:0px;
	font-family:arial;
	font-size:10px;
	line-height:12px;
	color:#000;
	width:100px;
	height:12px;
	vertical-align:top;
	border:1px solid #000;
	outline:0px;
}

/*form input,*/
form select,
form textarea,
form label,
form legend{
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	line-height:13px;
	/*vertical-align:top;*/
}

/*form input,*/
form select,
form textarea{
	border:1px solid #002C42;
	margin:0px;
	outline:0px;
	padding: 0 0 0 2px;
}

form fieldset,
form legend,
form label{
	border: none;
}

/*form input{
	height:12px;
	width:100px;
}*/

form label{
	font-size:11px;
	line-height:normal;
	display:block;
	margin:0 0 10px 0;
}

form input.botao{
	background-color:Transparent;
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:10px;
	height:auto;
	width:auto;
}

form input.checkbox,
form input.radio{
	border:none;
	height:12px;
	margin: 1px, 2px, 2px, 0;
	padding:0;
	width:18px;
}

span.label{
	display:block;
	float:left;
	font-weight:bold;
	margin-right:10px;
	width:100px;
}

form label.inline{
	display:inline;
	float:left;
}

form input.botao-imagem{
	border:none;
	height:14px;
	margin:0 0 0 -3px;
	*margin-top: 1px; /*hack para resolver o alinhamento vertical da imagem no IExplorer*/ 	
	padding: 0;	
	vertical-align: top; 
	width:14px; 	 
}

select.t1{
	width:123px;
}
select.t2{
	width:267px;
}
select.t3{
width:411px;
}
select.t4{
	width:555px;
}
select.t5{
	width:699px;
}
/*FIM ESTILO GERAIS*/

/*ESTILOS ESPECIFICOS*/
/*CORPO DA PÁGINA*/
.corpo {
	position:relative;
	width:984px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	right:0px;
}

/*CORPO DA PÁGINA --- USUÁRIO LOGADO*/
body.contentLogado{
	background-color: #E5EAEC;
}

body.contentLogado div#A2 *{
	background-color: #E5EAEC;
}

/* MAPA DAS POSIÇÕES --- CAMPOS DE CONTEÚDO */
#A1 {
position:absolute;
left:0px;
top:0px;
}
#A2 {
position:absolute;
left:144px;
top:216px;
}
#A3 {
position:absolute;
left:144px;
top:276px;
}
#C3 {
position:absolute;
left:0px;
top:442px;
}

#A {
position:absolute;
left:0px;
}
#B {
position:absolute;
left:144px;
}

#BC{
position:absolute;
left:216px;
}

#C {
position:absolute;
left:288px;
}
#CD {
position:absolute;
left:360px;
}

#CD2 {
position:absolute;
left:330px;
}

#D {
position:absolute;
left:432px;
}

#DE{
position:absolute;
left:488px;
}

#E {
position:absolute;
left:576px;
}

#E1 {
position:absolute;
left:576px;
width:60px;
}

#E2 {
position:absolute;
left:636px;
width:60px;
}

#F{
position:absolute;
left:696px;
}

#principal {
	width:576px;
	float:left;
	left:0;
	min-height:400px;
	margin-bottom:24px;
}

#navegacao {
	float:left;
	left:576px;
	width:120px;
}

#navegacao ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navegacao li{
	margin-bottom:10px;
}

#elemento{
	position:relative;
	float:left;
}

/* DEFINIÇÃO DE TAMANHOS - CONTEUDO COM POSICIONAMENTO ABSOLUTO*/
.t1{
width:120px;
}
.t2{
width:264px;
}
.t3{
width:408px;
}
.t4{
width:552px;
}
.t5{
width:696px;
}

/* DEFINICAO DE TAMANHO - CONTEUDO COM POSICIONAMENTE RELATIVO*/
.tam1{
	width:144px;
}
.tam2{
	width:288px;
}
.tam3{
	width:432px;
}
.tam4{
	width:576px;
}
.tam5{
	width:720px;
}

/* BARRAS DO CABEÇALHO - Fundo infinito branco superior */
div.barraTopFundo {
position:absolute;
top:0px;
width:100%;
left:0px;
right:0px;
margin:auto;
height:144px;
background-color:#FFFFFF;
}

div.barraNavegacao{
height:30px;
}


/* BARRAS DO CABEÇALHO - MENU */
div.barraMenu {
position:absolute;
top:0px;
left:0px;
width:696px;
min-width:696px;
height:36px;
border-top:1px solid #002C42;
}

p.barraMenu {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#002C42;
font-weight:normal;
margin-top:0px;
padding-top:2px;
}

/* BARRAS DO CABEÇALHO - MENU NO INDEX */
div.barraMenuB {
position:absolute;
top:0px;
left:0px;
width:696px;
min-width:696px;
height:36px;
border-top:1px solid #FFFFFF;
}

p.barraMenuB {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#FFFFFF;
font-weight:normal;
margin-top:0px;
padding-top:2px;
}

/* BARRAS DO CABEÇALHO - BUSCA */
div.barraBusca1 {
position:absolute;
top:72px;
left:432px;
width:408px;
height:36px;
border-top:0px solid #000000;
}

div.barraBusca1 a:link, 
div.barraBusca1 a:active,
div.barraBusca1 a:hover,
div.barraBusca1 a:visited{
	color: #000000;
	font-family:arial,verdana,sans-serif;
	font-size:13px;
	margin-top:0px;
	text-decoration:none;
}

div.barraBusca1 a:hover{
	text-decoration:underline;
}

div.barraBusca2 {
position:absolute;
top:104px;
left:432px;
width:408px;
height:12px;
}
p.barraBusca {
font-family:arial,verdana,sans-serif;
font-size:13px;
line-height:13px;
color:#002C42;
font-weight:normal;
margin-top:3px;
}

/* BARRAS DO CABEÇALHO - USUÁRIO */
div.barraUser{
position:absolute;
top:144px;
left:144px;
width:696px;/*Altera, pagina ultrapassando o lado direito, 912px*/
height:24px;
vertical-align:middle;
}

div.barraUser select{
background-color:#E5EAEC;
border:solid 1px #002C42;
}

div.barraUserFundo{
position:absolute;
top:144px;
width:100%;
min-width:912px;
left:0px;
right:0px;
margin:auto;
height:24px;
background-color:#E5EAEC;
}

p.barraUser, 
div.barraUser select, 
span.barraUser {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#002C42;
font-weight:normal;
}

div.barraUserLogin {
position:absolute;
top:138px;
left:144px;
width:696px;
height:24px;
padding-top:11px;
}

a:link.barraUser,
a:active.barraUser,
a:hover.barraUser,
a:visited.barraUser {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#002C42;
font-weight:normal;
margin-top:0px;
}

/* BARRAS DO CABEÇALHO - NAVEGAÇÃO */
div.barraNav{
position:absolute;
top:168px;
left:144px;
width:696px;
height:24px;
vertical-align:middle;
}

div.barraNavFundo {
position:absolute;
top:168px;
width:100%;
min-width:912px;
left:0px;
right:0px;
margin:auto;
height:24px;
background-color:#002C42;
}

p.barraNav, a.barraNav, a.barraNav b{
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#FFFFFF;
vertical-align:top;
}

p.barraNav,
a.barraNav{
	font-weight:normal;
}

/*BARRA EXPANDIDA*/
img.barraCompacta{
	display:block; 
	position:absolute; 
	left:705px; 
	top:102px;
}

div.contentBarraUser{
	width:80px;
	height:105px;
	margin-right:20px;	
}

div.contentBarraUser p.barraUser{
	height: 80px;
}
/* DEFINIÇÃO DO CONTEÚDO */

div.contentHomeLinhaA2 {
width:696px;
height:300px;
margin-bottom:24px;
}

div.contentHomeMainT3 {
width:336px;
height:300px;
margin-bottom:24px;
}

div.contentHomeMainTituloB {
width:336px;
height:26px;
margin-top:12px;
}

div.contentHomeMainTituloB p.B,
div.contentHomeMainTituloB p.B a{
font-family:arial,verdana,sans-serif;
font-size:14px;
line-height:16px;
padding-top:6px;
color:#FFFFFF;
font-weight:bold;
margin:0px;
}

div.contentHomeMainFotoB {
width:336px;
height:220px;
border:none;
margin:0 0 0 0;
padding:0px;
}

div.contentHomeLinhaA {
/*width:696px;*/
height:408px;
margin-bottom:24px;
}

div.contentHomeLinhaB {
/*width:696px;*/
height:110px;
margin-bottom:24px;
}

div.contentHomeMainT4 {
width:264px;
height:552px;
margin-bottom:24px;
}

div.contentHomeLat {
width:120px;
height:408px;
margin-bottom:24px;
}

div.contentHomeMainTitulo {
width:auto;
height:auto;
border-top:1px solid #CCCCCC;
}

div.contentHomeMainTitulo p {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
padding-top:2px;
color:#002C42;
font-weight:bold;
margin:0px;
}

div.contentHomeMainFoto {
width:552px;
height:408px;
border:0px;
margin:0 0 24px 0;
padding:0px;
}

div.contentHomeSecT1 {
width:120px;
height:120px;
margin-bottom:24px;
border-top:1px solid #CCCCCC;
}

div.contentHomeSecT2 {
width:264px;
height:120px;
margin-bottom:24px;
border-top:1px solid #CCCCCC;
}

div.contentHomeSecTitulo {
width:auto;
height:auto;
}
div.contentHomeSecTitulo p {
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
padding-top:2px;
color:#002C42;
font-weight:bold;
margin:0px
}

div.contentHomeSecTitulo p span {
font-weight:normal;
}

div.contentHomeSecFoto {
width:120px;
height:auto;
border:0px;
margin-top:12px;
padding:0px;
}

div.contentHomeTxt {
width:auto;
height:auto;
border:0px;
}

div.contentHomeTxt p {
margin-top:0px;
padding-top:12px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#002C42;
}

div.contentHomeLeg {
width:auto;
height:auto;
border:0px;
}

div.contentHomeLeg p {
margin:0px;
padding-top:4px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#002C42;
}

div.content {
width:120px;
height:265px;
margin-right:24px;
margin-bottom:24px;
/*margin:0px;*/
padding:0px;
}

div.content:hover {
background-color:#F5F5F5;
outline:12px solid #F5F5F5;
}

div.fim {
position:relative;
width:696px;
height:24px;
border-top:0px solid #000000;
margin-top:36px;
clear:both;
}

/* DEFINIÇÃO DO CONTEÚDO - PASTAS */
div.contentLinhaPastas{
width:696px;
height:120px;
margin-bottom:24px;
}

div.contentLinhaVisualizaPastas{
width:696px;
height:auto;
min-height:120px;
margin-bottom:24px;
}

div.contentPastas {
width:120px;
height:120px;
border:0px;
margin-right:24px;
padding:0px;
}
div.contentPastasTitulo {
width:120px;
height:auto;     /*---------------------------------------*/
min-height:24px; /*alteração devido a problema de exibicao*/
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
padding-top:6px;
color:#000000;
font-weight:normal;
border-top:1px solid #000000;
text-transform:uppercase;
overflow:hidden;
}
div.contentPastasInfo {
width:120px;
height:46px;
border:0px;
margin:0px;
padding:0px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}
div.contentPastasFunc {
width:120px;
height:45px;
border:0px;
margin:0px;
padding:0px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}

/*Inclusoes*/
div.contentItemImagem, 
div.contentItemTexto{
border-top:solid 1px #cccccc;
width:552px;
height:120px;
margin-bottom:24px;
text-transform:lowercase;
}

div.contentItemTexto{
width:696px;
}

.tituloItemPasta{
width:264px;
height:24px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
}

.itemInfo{
margin-top:50px;
text-transform:lowercase;
}
/* DEFINIÇÃO DO CONTEÚDO - IMAGENS E TEXTOS */
div.contentLinha {
width:720px;
height:264px;
margin-bottom:24px;
}
div.contentFoto {
width:120px;
height:120px;
border:0px;
margin:0px;
padding:0px;
}
div.contentMenu {
width:120px;
height:24px;
border:0px;
margin:0px;
padding:0px;
}
div.contentOlho {
width:120px;
height:90px;
border:0px;
margin:0px;
padding:0px;
padding-top:6px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}
div.contentAutor {
width:120px;
height:18px;
border:0px;
margin:0px;
padding:0px;
padding-top:6px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}
div.contentTitulo {
width:120px;
height:54px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
padding-top:6px;
color:#000000;
font-weight:normal;
border-top:1px solid #000000;
text-transform:uppercase;
}
div.contentFtec {
width:120px;
height:60px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}

div.contentTitulo a:hover, 
div.contentPastasTitulo a:hover{
text-decoration:none;
}

/* DEFINIÇÃO DO CONTEÚDO - IMAGEM ESPECÍFICA */
div.contentLinhaDet {
width:696px;
height:400px;
margin-bottom:24px;
}
div.contentDetFoto {
width:408px;
height:auto;
border:0px;
margin:0px;
padding:0px;
}
div.contentDetTxt {
width:264px;
height:auto;
border:0px;
margin:0px;
padding:0px;
border-top:1px solid #CCCCCC;
}
div.contentDetTitulo {
width:264px;
height:39px;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
padding-top:6px;
color:#000000;
font-weight:normal;
text-transform:uppercase;
}

div.contentDetMenu {
width:264px;
height:34px;
border:0px;
margin:0px;
padding:0px;
}
div.contentDetFtec {
width:264px;
height:auto;
font-family:arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:normal;
}

/*DEFINIÇÃO DE ESTILOS --- PÁGINA DE CONTRATO*/
div.contentContrato,
div.contentContratoPrint{
width:408px;
}

div.contentContrato p{
margin-top:10px;
font-size:11px;
}

div.contentContratoPrint p{
margin-top:10px;
font-size:13px;
line-height:14px;
}

div.contentContrato table,
div.contentContratoPrint table{			
border: 1px solid #ccc;
border-collapse:collapse;
border-left:none;
border-right:none;
margin: 10px 0 0 0;			
width:696px;
}
div.contentContrato table thead td,
div.contentContrato table tbody td,
div.contentContrato table tfoot td,
div.contentContratoPrint table thead td,
div.contentContratoPrint table tbody td,
div.contentContratoPrint table tfoot td{
padding: 5px 10px 0 0px;		
}

div.contentContrato table thead td,
div.contentContrato table tfoot td,
div.contentContratoPrint thead td,
div.contentContratoPrint table tfoot td{
padding-bottom: 15px;			
}

div.contentContrato table tbody td,
div.contentContratoPrint table tbody td{		
padding-bottom: 10px;
}

div.contentContrato table tbody td,
div.contentContrato table tfoot td,
div.contentContratoPrint table tbody td,
div.contentContratoPrint table tfoot td{
border-top: 1px solid #ccc;	
}

div.contentContrato table tbody td.contentTituloConteudo,
div.contentContratoPrint table tbody td.contentTituloConteudo{
text-transform:uppercase;
}/*FIM ESTILO CONTRATO*/


/*ARRUMAR*/
.oculto{
	display:none;
}

img.botao{
	padding: 0px; 
	margin: 0px;
	margin-left: -2px;
	*margin-top:1px; /*hack para o IE*/
}

img.icone{
margin-top: 7px;
margin-right: 12px;
height:12px;
width:12px;
border:none;
}

/*DEFINIÇÃO DE ESTILOS --- TAMANHO DAS IMAGENS*/
/*IMAGEM QUADRADA*/
img.quadrado_a{	
	height:120px;
	width:120px;
}

img.quadrado_b{	
	height:336px;
	width:336px;
}

img.quadrado_c{	
	height:552px;
	width:522px;
}

img.quadrado_d{
	height:60px;
	width:60px;
}

/*IMAGEM VERTICAL*/
img.vertical_a{
	height:120px;
	width:80px;
}

img.vertical_b{
	height:336px;
	width:210px;
}

img.vertical_c{
	height:552px;
	width:348px;
}

img.vertical_d{
	height:60px;
	width:40px;
}

/*IMAGEM HORIZONTAL*/
img.horizontal_a{
	height:80px;
	width:120px;
}

img.horizontal_b{
	height:210px;
	width:336px;
}

img.horizontal_c{
	height:348px;
	width:552px;
}

img.horizontal_d{
	width:60px;
	height:40px;
}

div.contentMostraTexto{
	overflow:auto;
	height:400px;
	width:408px;
}

/*DEFINIÇÃO DE ESTILO --- BARRA FORNECEDORES*/
ul.contentMenuFornecedores{
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	line-height:12px;
	list-style:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

ul.contentMenuFornecedores li{
margin: 5px 0 0px 0;
padding:1px;
}

div.tituloMenu{
	width:auto;
	height:auto;
	border-top:1px solid #CCCCCC;
}

/*ESTILOS PARA PAGINA VISUALIZA PASTA*/
#tudo{
	min-height:425px;
	height:auto !important;
	height:425px;	/*Hack para Bug do IE anterior a versão 7*/
	margin-bottom:24px;
	
}

div.imagemPasta,
div.descricaoPasta,
div.descricaoPastaB,
div.utilizacaoPasta,
div.menuOpcoesPasta{
	border-top:1px solid #ccc;
	float:left;
	display:inline;
	position:relative;		
	min-height:180px;	      /*Hack para Bug do IE anterior a versão 7 */
	height:auto !important; 
	height:180px;		        /*Deve estar nesta ordem para funcionar*/
	margin:0;
	margin-bottom:24px;
	padding-right:24px;
}

div.imagemPasta,
div.descricaoPastaB,
div.utilizacaoPasta{
	width: 120px;
}

div.descricaoPasta{
	width: 264px;
}

div.descricaoPastaB p{
	margin-top:45px;
}

div.menuOpcoesPasta{
	width:120px;
	padding-right:0;
}

div.imagemPasta{
	border:none;
}

p.tituloPasta{
	text-transform:uppercase;
	font-weight:bold;
	height:3em;
}

p.utilizacaoPasta{		
	text-transform:lowercase;
	height:164px;
}

div.barraMenuPasta{
	height:72px;
	width:696px;
}

div.menuOpcoesPasta ul,
div.barraMenuPasta ul{
	list-style:none;
	margin:0;
	padding:0;	
	width:120px;
}

div.menuOpcoesPasta ul li,
div.barraMenuPasta ul li{
	float:left;	
	height:50px;
	width:30px;
	margin:0;
	margin-top:5px;
	padding:0;
}

/*Estilo para a página FAQ*/
ol.listaFaq{
	margin:0;
	margin-bottom:24px;
	padding:0;
	list-style-position:inside;
}

ol.listaFaq li{
	margin: 4px 0;
}

/*ESTILOS PARA BOTOES GRÁFICOS*/
.botaoIcone{	
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
}

button.botaoIcone img{
	border:none;
	height:12px;
	width:12px;
	margin:0;
	padding:0;
	text-align:left;
}

.container-inline{
	display: inline;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

/*Estilos para pop-up*/
div#corpo-popup{
	height:100%;
	width:100%
}		
div#barraUsuario, 
div#barraTitulo{
	height:24px;			
}

div#barraTitulo{
	background-color:#002C42;;
}		
div#barraTitulo p{
	color:#FFF;
}		
div#barraTitulo p,
div#barraUsuario p{
	font-weight:bold;
	padding: 5px 0;
	margin:0;
}		
div#barraUsuario, 
div#barraTitulo,
div#conteudo-popup{
	padding-left:12px;
}	
div#conteudo-popup{
	margin-top:12px;
}
.contentLogado div#conteudo-popup *{
	background-color:#E5EAEC;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #ffffff;
 color: #000000;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

.negrito{
	font-weight:bold;
}

a.cin{
color: #ffffff;
}


