/*--------------------------------------------------------------------------------------*/
/*	TEMPLATE CSS PARA PÁGINA STANDARD						*/
/*--------------------------------------------------------------------------------------*/

/*----- LAYOUT--------------------------------------------------------------------------*/

/*HTML,BODY para que o height de #tbody* fique com width:100% do viewport*/
HTML,BODY{
	/*height: 100%; para que a o #tBody possa ter 100% da altura do viewport*/
}

BODY
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #EEEEEE;
	/*background: url('images/fundo_3.gif');*/
	text-align: center;
	color: #000000;
	font-family: 'Trebuchet MS', verdana, arial, sans-serif;
	font-size: 9pt;
	/* height: 100%;
	width: 100%; */
}

#tBody{
	position: relative;
	margin:  0px auto 0px auto;
	padding: 0px;
	width: 100% !important;
	/*height: 100%;*/
	color: #000000;
	text-align: center;
}

#tCab
{
	margin: 0px;
	padding: 0px;
	/*background: #FFFFFF; Esta cor serve apenas para teste*/
	color: #000000;
	width: 100%;
	height: 163px;
	text-align: center;
}

/*Tela para o corpo da página (elemento pai #tBody)*/
#tCont{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF; /*Esta cor serve apenas para teste*/
	color: #000000;
	display: inline;
	width: 1002px;
	text-align: center;
}
/*Nota: Ao definir position: relative; está-se a posicionar o elemento tCont relativamente */
/* ao ultimo elemento posicionado,ou seja, tCab. Desta forma, para além de criar um contexto de posicionamento */
/*para os elementos que se vão inserir nesta tela, faz-se com que o a tela para o conteudo suba ou desça */
/*consoante a altura do cabeçalho aumente ou diminua respectivamente*/


/*As duas telas que se seguem estão no interior da tela #tCont */
/*área para o conteúdos á esquerda - por ex. menu (elemento pai #tCont)*/
#contEsq{
	background: #FFFFFF;
	position: relative;
	margin-top: 5px;
	width: 160px; /* defenir aqui a largura máxima para o menu */
/*	display: inline; é opcional mas dá mais coerencia em conj. com a prop. imediatamente a seguir*/
	float: left; /*se esta prop. for omitida o layout da página não funciona*/
/*	overflow: visible; */
/*	background-color: #FFFFFF; cor para teste*/
}
/*Nota: Ao definir position: static; está-se a permitir que o elemeto siga o fluxo normal do documento*/
/*Aqui não é criado nenhum contexto de posicionamento pois é importante que seja a tela que se define*/
/*imediatamente a seguir a fazê-lo*/

/*área para conteudos à direita -conteudo propriamente dito (elemento pai #tCont)*/
#contDir 
{
	width: 834px;
	background: #FFFFFF;
	float: right;
	margin-bottom: 3px;
	margin-top: 5px;
	/*Atenção a este valor- em conjunto com o width de #contEsq não pode exceder o width de #tBody*/
	color: #000000;
/*	height: 320px; esta altura, em certos casos, tem de ser especificada de forma absoluta*/
	display: inline;
	position: relative;
/*	overflow: visible; O conteudo e renderizado para fora do elemento - o layout acompanha as alterações.*/
}
/*Nota: Ao definir position: relative; está-se a posicionar o elemento relativamente ao ultimo elemento posicionado*/
/*,ou seja, #tCont fazendo com que esta coluna também se posicione mais abaixo ou mais acima consoante a altura*/
/*de #tCab. Por outro lado, determina o fluxo normal do documento sempre abaixo de #tCab independentemente*/
/*da maior ou menor altura assumida por este ultimo*/
/*É também importante relembrar que vai definir o contexto de posicionamento dos elementos que contiver*/


/*A tela que se segue tem como elemento pai #tBody*/
/*Tela para o rodapé da página*/
#tRodape
{
	clear: both;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1002px;
	background: #EEEEEE;
	border-top: dashed 1px #FF8F2D;
/*	background: #36cf1e; Esta cor serve apenas para teste */
/*	color: #000000; */
}
/*Nota: Ao definir position: relative; está-se a posicionar o elemento relativamente ao ultimo elemento posicionado*/
/*,ou seja, #tCont, fazendo com que esta área acompanhe as variações de altura de #tCont. Além disso */
/*define o contexto de posicionamento para os elementos que nele forem inseridos*/

/*--------------------------------------------------------------------------------------*/
/*FIM PROPRIEDADES LAYOUT */

.small
{
	font-size: 8pt;
	color: #000000;
	}
	
.normal
{
	font-size: 9pt;
	color: #000000;
	}
	
.big
{
	font-size: 12px;
	color: #808080;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.bigVoltar
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	}
	
.bigBlack
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.bigSubClass
{
    font-size: 18px;
	color: #FF9900;
	text-transform: uppercase;
    }
    
a:link.bigSubClass
{
    font-size: 18px;
	color: #FF9900;
	text-transform: uppercase;
    }
    
a:hover.bigSubClass
{
    font-size: 18px;
	color: #FF9900;
	text-transform: uppercase;
    }
    
.voltar
{
    font-size: 12px;
	color: #FF9900;
	text-transform: uppercase;
    }
    
a:link.voltar
{
    font-size: 12px;
	color: #FF9900;
	text-transform: uppercase;
	text-decoration: underline;
    }
    
a:hover.voltar
{
    font-size: 12px;
	color: #FF9900;
	text-transform: uppercase;
	text-decoration: none;
    }
	
.smallBold
{
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	}
	
.normalBold
{
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	}
	
.smallLaranja
{
	font-size: 8pt;
	color: #FF8F2D;
	}
	
.normalLaranja
{
	font-size: 9pt;
	color: #FF8F2D;
	}
	
.smallLaranjaBold
{
	font-size: 8pt;
	color: #FF8F2D;
	font-weight: bold;
	}
	
.normalLaranjaBold
{
	font-size: 9pt;
	color: #FF8F2D;
	font-weight: bold;
	}
	
.bigLaranjaBold
{
	font-size: 24pt;
	color: #FF8F2D;
	font-weight: bold;
	text-transform: uppercase; 
	}
	
a:link.bigLaranjaBold
{
	font-size: 24pt;
	color: #FF8F2D;
	font-weight: bold;
	text-transform: uppercase; 
	}
	
a:hover.bigLaranjaBold
{
	font-size: 24pt;
	color: #FF8F2D;
	font-weight: bold;
	text-transform: uppercase; 
	}
	
a:visited.bigLaranjaBold
{
	font-size: 24pt;
	color: #FF8F2D;
	font-weight: bold;
	text-transform: uppercase; 
	}

a:link
{
	color: #000000;
	}
	
a:visited
{
	color: #000000;
	}
	
a:active
{
	color: #000000;
	}

a:hover
{
	color: #000000;
	text-decoration: none;
	}
	
a:link.LaranjaBold
{
	font-size: 10pt;
	color: #FF8F2D;
	font-weight: bold;
	text-decoration: underline;
	}
	
a:visited.LaranjaBold
{
	font-size: 10pt;
	color: #FF8F2D;
	font-weight: bold;
	}
	
a:active.LaranjaBold
{
	font-size: 10pt;
	color: #FF8F2D;
	font-weight: bold;
	}

a:hover.LaranjaBold
{
	font-size: 10pt;
	color: #FF8F2D;
	font-weight: bold;
	text-decoration: none;
	}
	
.destaqueProduto
{
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	}
	
/* Navegação Default */

.titmenu{  
	list-style: none;
	width: 157px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	float: left; 
	display: block;
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	height: 33px;
	font-weight: bold;
	}
/*
.titmenusel{  
	background: #FF9900; 
	border-bottom: 0;
	list-style: none;
	width: 138px;
	padding: 0; margin: 0;
	float: left; 
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	}	
*/

.titmenu li{
	padding: 0px;
	margin: 0px; 
	width: 177px;
	float: left; 
	display: block;
	padding: 0 0 0 0;
	height: 15px;
	font-weight: bold;
	}
	
.titmenu li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 157px;
	line-height: 8pt;
	padding: 10px 0 6px 20px;
	font-weight: bold;
	}

.titmenu li a:visited
{
    background: transparent;
    color: #000000;
    text-decoration: none;
    width: 157px;
    }

.titmenu li a:hover
{
    background: #FFECD9;
	padding: 10px 0 6px 20px;
    color: #000000;
    width: 157px;
    text-decoration:none;
	height: 15px;
	font-weight: bold;
    }
	
.titmenu li a span {padding-left: 5px; display: block;}

/* Fim de Navegação */

/* Navegação Páginas Internas */

.titmenuPI{  
	list-style: none;
	width: 137px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	float: left; 
	display: block;
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	}
/*
.titmenuselPI{  
	background: #FF9900; 
	border-bottom: 0;
	list-style: none;
	width: 138px;
	padding: 0; margin: 0;
	float: left; 
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	}	
*/

.titmenuPI li{
	padding: 0px;
	margin: 0px; 
	width: 137px;
	float: left; 
	display: block;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
	height: 25px;
	}
	
.titmenuPI li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 137px;
	line-height: 8pt;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	height: 20px;
	}

.titmenuPI li a:visited
{
    background: transparent;
    color: #000000;
    text-decoration: none;
    width: 137px;
    line-height: 10pt;
    }

.titmenuPI li a:hover
{
    background: #FFECD9;
    color: #000000;
    width: 137px;
    text-decoration:none;
	font-weight: bold;
    }
	
.titmenuPI li a span {padding-left: 5px; display: block;}

.titmenuPI2{  
	list-style: none;
	width: 157px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	float: left; 
	display: block;
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
    line-height: 10pt;
	}
/*
.titmenuselPI2{  
	background: #FF9900; 
	border-bottom: 0;
	list-style: none;
	width: 138px;
	padding: 0; margin: 0;
	float: left; 
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	}	
*/

.titmenuPI2 li{
	padding: 0px;
	margin: 0px; 
	width: 157px;
	float: left; 
	display: block;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
	height: 25px;
    line-height: 10pt;
	}
	
.titmenuPI2 li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 157px;
	line-height: 8pt;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	height: 20px;
    line-height: 10pt;
	}

.titmenuPI2 li a:visited
{
    background: transparent;
    color: #000000;
    text-decoration: none;
    width: 157px;
    line-height: 10pt;
    }

.titmenuPI2 li a:hover
{
    background: #FFECD9;
    color: #000000;
    width: 157px;
    text-decoration:none;
	font-weight: bold;
    line-height: 10pt;
    }
	
.titmenuPI2 li a span {padding-left: 5px; display: block;
    line-height: 10pt;}

.titmenuPI3{  
	list-style: none;
	width: 157px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	float: left; 
	display: block;
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
    line-height: 10pt;
	}
/*
.titmenuselPI3{  
	background: #FF9900; 
	border-bottom: 0;
	list-style: none;
	width: 138px;
	padding: 0; margin: 0;
	float: left; 
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	}	
*/

.titmenuPI3 li{
	padding: 0px;
	margin: 0px; 
	width: 157px;
	float: left; 
	display: block;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
	height: 25px;
    line-height: 10pt;
	}
	
.titmenuPI3 li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 157px;
	line-height: 8pt;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	height: 20px;
    line-height: 10pt;
	}

.titmenuPI3 li a:visited
{
    background: transparent;
    color: #000000;
    text-decoration: none;
    width: 157px;
    line-height: 10pt;
    }

.titmenuPI3 li a:hover
{
    background: #FFBF7F;
    color: #000000;
    width: 157px;
    text-decoration:none;
	font-weight: bold;
    line-height: 10pt;
    }
	
.titmenuPI3 li a span {padding-left: 5px; display: block;
    line-height: 10pt;}

.titmenuPI4{  
	list-style: none;
	width: 157px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	float: left; 
	display: block;
	color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	}
/*
.titmenuselPI4{  
	background: #FF9900; 
	border-bottom: 0;
	list-style: none;
	width: 138px;
	padding: 0; margin: 0;
	float: left; 
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	}	
*/

.titmenuPI4 li{
	padding: 0px;
	margin: 0px; 
	width: 157px;
	float: left; 
	display: block;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 12px;
	height: 35px;
	}
	
.titmenuPI4 li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 157px;
	line-height: 8pt;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	height: 30px;
	}

.titmenuPI4 li a:visited
{
    background: transparent;
    color: #000000;
    text-decoration: none;
    width: 157px;
    line-height: 10pt;
    }

.titmenuPI4 li a:hover
{
    background: #FFBF7F;
    color: #000000;
    width: 157px;
    text-decoration:none;
	font-weight: bold;
    }
	
.titmenuPI4 li a span {padding-left: 5px; display: block;}


/* Fim de Navegação */

.btnSubmeter
{
	background: #FBBF7D;
	font-size: 8pt;
	border: solid 1px #f78f1e;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	}
	
.btnLimpar
{
	background: #EAEAEA;
	font-size: 8pt;
	border: solid 1px #808080;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	}
	
.lblMSG
{
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	color: Blue;
	}
	
.erro{
	background: transparent;
	color: #FF0000;
	font-size: 8pt;
	text-align: center;
}
	
.lblMSGError
{
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	color: Red;
	}
	
textarea
{
	font-family: Trebuchet MS;
	font-size: 8pt;
	border: solid 1px #808080;
	}

input
{
	font-family: Trebuchet MS;
	font-size: 8pt;
	}
	
select
{
	font-family: Trebuchet MS;
	font-size: 8pt;
	}
	
.noborder
{
	border: 0px;
	}


.tab{
	background: #FFFFFF;
	color: #000032;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	padding: 8px 6px 0 6px;
	float: left;
	height: 21px;
	width: 90px;
	cursor: pointer;
	text-transform: uppercase;
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
}

/*
.tab_canto_esq
{
	background: #EAEAEA;
	width: 20px;
	height: 27px;
	float: left;
	border-left: solid 2px #000000;
	}
	
.tab_canto_dir
{
	background: #EAEAEA;
	width: 20px;
	height: 27px;
	float: right;
	border-right: solid 2px #000000;
	}
	
.tab_canto_esq_noselect
{
	background: #FFFFFF;
	width: 20px;
	height: 27px;
	float: left;
	border-left: solid 2px #000000;
	}
	
.tab_canto_dir_noselect
{
	background: #FFFFFF;
	width: 20px;
	height: 27px;
	float: right;
	border-top: solid 2px #000000;
	}
*/

.tabNoSelect{
	background: #EEEEEE;
	color: #000032;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	padding: 7px 6px 0 6px;
	float: left;
	height: 20px;
	width: 90px;
	cursor: pointer;
	text-transform: uppercase;
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	border-bottom: 2px solid #000000;
}

.tabNoContSmall{
    background: #EEEEEE;
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 0 0px;
    float: left;
    width: 10px;
    height: 29px;
	border-bottom: 2px solid #000000;
}

.tabNoContBig{
    background: #EEEEEE;
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 0 6px;
    float: left;
    width: 65px;
    height: 29px;
	border-bottom: 2px solid #000000;
}

.tabGroup{
	width: 600px;
	margin: 0 0px 0 10px;
	float: left;
}

.tabTableHomepage{
    background: #FFFFFF;
   	color: #000000;
	font-size: 8pt;
	text-align: left;
	padding: 6px 6px 6px 6px;
	float: left;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 580px;
}

.rowodd{
	background: transparent;
	color: #000000;
	margin: 0 0 0 0; /*-1px*/ /*top right bottom left*/
	padding: 2px;
	font-size: 8pt;
}

.roweven{
	background: #EAEAEA;
	color: #000000;
	margin: 0 0 0 0; /*-1px*/ /*top right bottom left*/
	padding: 2px;
	font-size: 8pt;
}