/*******************************************************************
**                                                                **
**            A R Q U I V O   P R I N C I P A L   D E             **
**            F O L H A   D E   E S T I L O S   C S S             **
**                                                                **
*******************************************************************/

/*******************************************************************
**                             G E R A L                          **
*******************************************************************/

body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Tahoma,Verdana;
	font-size: 100%;
	color: #2f6b94;
	background: url("../imagens/GerFundoPagina.png") repeat-x #447091 fixed;
}

a, a img{
	text-decoration: none;
	border: none;
	color: #2f6b94;
}

img{
	border: none;
}

/*******************************************************************
**                          P R I N C I P A L                     **
*******************************************************************/

div#Pagina{
	width: 775px;
	margin: 0 auto;
	text-align: left;
	background: url("../imagens/GerBGMenu.png") repeat-y;
	border: 2px solid #ffffff;
}

div#Cabecalho{
	width: 775px;
	height: 257px;
}

div#LateralEsquerda{
	width: 162px;
	float: left;
}

div#Conteudo{
	width: 583px;
	float: left;
	padding: 2px 15px 0px 15px;
	margin: 0px 0px 15px 0px;
	text-align: justify;
	font-size: 10pt;
}

div#ConteudoCentro{
	background:url("../imagens/GerBG.png") repeat-y #f1f5f6;
	width:775px;
	padding-bottom: 15px;
}

div#Rodape, div#RodapeInformativos{
	width:775px;
	height:32px;
	padding-top:11px;
	clear:both;
	font-weight: bold;
}

div#Rodape, div#RodapeInformativos,
div#Rodape a, div#RodapeInformativos a{
	color: #ffffff;
	text-align: center;
	font-size: 8pt;
}

div#Rodape{
	background:url("../imagens/GerRodapeMenu.png") no-repeat;
}

div#RodapeInformativos{
	background:url("../imagens/GerRodape.png") no-repeat;
}

/*******************************************************************
**                             L I N K S                          **
*******************************************************************/

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
}

a.ConteudoLink:link, a.ConteudoLink:visited{
	font-weight: bold;
	text-decoration: none;
}

a.ConteudoLink:hover{
	text-decoration: underline;
}

/*******************************************************************
**                           T Í T U L O S                        **
*******************************************************************/

div#Conteudo h1, h2, h3{
	font-size:12pt;
	font-weight:bold;
	color:#2f6b94;
}

div#Conteudo h1{
	height:50px;
	line-height:50px; /* Centraliza vericalmente o texto */
/*	margin-top:10px;*/
	padding-left:60px;
	background:url("../imagens/GerLogoSecaoCuboRech.png") no-repeat;
}

div#Conteudo h3{
	text-align:center;
}

/*******************************************************************
**                       P A R Á G R A F O S                      **
*******************************************************************/

div#Conteudo p{
/*	text-indent:30px;*/
}

div#Informativo p{
	text-indent: 30px;
}

/*******************************************************************
**                           L I S T A S                          **
*******************************************************************/

div#Conteudo ul{
	text-align:left;
}

div#Conteudo li{
	margin:5px 0px 5px 0px;
	list-style-image:url("../imagens/GerIconeLogoRech.png");
}

/*******************************************************************
**                     F O R M U L Á R I O S                      **
*******************************************************************/

.frmLogin{
	font-size: 12px;
}

/*******************************************************************
**                       C O N T A I N E R S                      **
*******************************************************************/

div.BoxPadrao{
	margin: 15px 0px 0px 0px;
	padding: 8px 0px 5px 15px;
	border-left: 2px solid #4a7695;
	text-align: justify;
	font-size: 12px;
	background: #e7ecef;
	height: 100%;
}

div.BoxPadrao p.BoxPadraoTitulo{
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 11pt;
	border-bottom: 2px solid #4a7695;
}

div.BoxPadrao p.BoxPadraoImagem{
	margin: 8px 10px 10px 0px;
	float:left;
}

div.BoxPadrao p.BoxPadraoRodape{
	clear: both;
}

a.BoxPadraoLink:hover{
	text-decoration: none;	
}

.BoxPadrao p{
	margin: 8px 0px 0px 0px;
}

div.ProAdicionalItem a{
	margin: 10px 20px 10px 20px;
	font-weight:bold;
	font-size:9pt;
	width:240px;
	height:45px;
	padding:5px;
	color:#2f6b94;
	text-align:left;
	float:left;
	background:url("../imagens/GerDivItem.png");
}

div.ProAdicionalItem a:hover{
	color: #2f6b94;
	text-decoration: none;
	background: url("../imagens/GerDivItemOver.png");
}

div.ProAdicionalItem img{
	margin: -3px 10px 10px 0px;
	width: 50px;
	height: 50px;
	float: left;
}

.AlertBox{
	background: #fff6bf url("../imagens/GerIconeAlerta.png") 15px center no-repeat;
	text-align: left;
	font-size: 8pt;
	color: #555;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
	
/*******************************************************************
**                            O U T R O S                         **
*******************************************************************/

#divConteudoSemBorda{ /* VERIFICAR O QUE PODE SER REMOVIDO (ELIMINAÇÃO DE CÓDIGO DESNECESSÁRIO) */
	padding:20px;
	font-size:10pt;
	text-align:justify;
	color:#2f6b94;
	width:735px;
}

#divConteudoSemBorda h1{
	font-size:12pt;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#divConteudoSemBorda h2{
	font-size:8pt;
	padding:0px;
	margin:0px;
}

.divItemDestaquePrincipal{
	font-size:9pt;
	color:#2f6b94;
	margin:0px 10px 10px 15px;
	border:0px;
	text-align: right;
}

.divItemDestaqueSecaoE,
.divItemDestaqueSecaoD{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	width:270px;
	height:190px;
	padding:5px;
	color:#2f6b94;
	background:url("../imagens/GerBGCentro.png") no-repeat;
	margin:0px;
}

.divItemDestaqueSecaoE{
	float:left;
}

.divItemDestaqueSecaoD{
	margin-right:3px;
	float:right;
}

.divItemDestaqueLarge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	height:145px;
	padding-right:15px;
	padding-bottom:5px;
	padding-left:12px;
	padding-top:10px;
	color:#2f6b94;
	float:left;
	background:url("../imagens/GerBGCentroLarge.png") no-repeat;
	margin-bottom:10px;
}

#divBarraFerramentasSuperior{
	padding-top:3px;
	margin:0px 0px 15px 0px;
	text-align:right;
	background:url("../imagens/GerSeparadorPaginaMenu.png") no-repeat;
	height: 27px;
	width: 583px;
}

#divBarraFerramentasSuperiorMaior{
	font-size:10px;
	font-weight:bold;
	padding-left:75px;
	width:700px;
	height:30px;
	line-height:30px; /* Centraliza o texto verticalmente */
	background:url("../imagens/GerSeparadorPagina.png") no-repeat;
}

div#BannerVertical{
	margin:10px 0px 10px 0px;
	text-align:center;
}

.spanTituloItemDestaquePrincipal{
	font-size:16pt;
	padding-top:5px;
}

.imgItemDestaque,
.imgItemDestaquePrincipal{
	margin-right:10px;
	margin-bottom:10px;
	margin-top:-3px;
	width:50px;
	height:50px;
}

.imgItemDestaqueProduto{
	margin:0px 20px 0px 0px;
	width:auto;
	height:auto;
}

.imgItemDestaquePrincipalMenor{
	margin-right:15px;
	margin-bottom:5px;
	float:left;
}

.imgItemDestaquePrincipal{
	width:208px;
	height:208px;
	float:left;
}

.aItemDestaque:hover{
	color:#2f6b94;
	text-decoration:none;
}

.imgRechLogo{
	margin:10px 0px 0px 5px;
}

.aItem{
	font-family:Arial,Verdana,Tahoma;
	font-size:8pt;
	color:#2f6880;
	font-weight: normal;
}

a.aItem:hover{
	text-decoration:underline;
}

.inputCampo,
.inputCampoLegenda{
	font-size:8pt;
}

.inputCampo{
	font-size:9pt;
	font-family:Arial,Verdana,Tahoma;
}

.divListagem{
	margin:0px;
	padding:0px;
	text-align:left;
}

#divPaginaImpressaoMaior{
	background-color:#ffffff;
	margin:0 auto;
	width:790px;
}

.spanFormContato{
	padding-right:11px;
	padding-bottom:8px;
	float:left;
}

/* ### Informativos ### */
 
div#BoxInformativosTopo{
	background:url("../imagens/GerBoxInformativosTopo.png") no-repeat;
	height:51px;
	width:147px;
	border:0px;
	margin-left:7px;
}
 
div#BoxInformativosRodape{
	background:url("../imagens/GerBoxInformativosRodape.png") no-repeat;
	height:44px;
	width:147px;
	border:0px;
	margin-left:7px;
	text-align:center;
}
 
div#BoxInformativos{
	background:url("../imagens/GerBoxInformativosFundo.png") repeat-y;
	width:147px;
	border:0px;
	margin-left:7px;
}

div#BoxInformativos ul{
	list-style:none;
	margin:0px;
	padding-left:10px;
	width:130px;
}

div#BoxInformativos ul li{
	padding-bottom:15px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

div#BoxInformativos ul li a{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* ### Menu ### */

#divMenuAdminH {
   float:left;
   width:100%;
   border-bottom:4px solid #369;
   overflow:hidden;
   position:relative;
   margin: 10px 0px 20px 0px;
}

#divMenuAdminH ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#divMenuAdminH ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0px 2px 0px 2px;
   position:relative;
   right:50%;
}

#divMenuAdminH ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#d2e2e6;
   color:#369;
   text-decoration:none;
   line-height:1.3em;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px; 
   -webkit-border-top-left-radius: 5px;
}

#divMenuAdminH ul li a:hover {
   background:#369;
   color:#fff;
}

#divMenuAdminH ul li a.active,
#divMenuAdminH ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

/* ### Admin ### */

#divPaginaAdmin{
	width:775px;
	margin:0 auto;
	text-align:left;
	background:url("../imagens/GerBG.png") repeat-y;
	border:2px solid #ffffff;
	font-size: 10pt;
}

#divFormLogin{
	color:#000099;
	margin:25pt;
	padding:0pt;
	text-align:center;
	background-color:#eaf0f7;
	background:url("../imagens/GerBG.png");
}

#divCabecalho{
	height:93px;
	width:775px;
	padding:5px 0px 0px 10px;
	background:url("../imagens/GerAdminCabecalho.png") no-repeat;
}

.inputBotao{
	font-size:10pt;
}

#frmInfImgs{
	width:683px;
	border:1px #cddadf solid;
	padding:10px;
	margin:5px 0px 5px 0px;
	background:#ffffff;
}

#divPaginaImgInformativos{
	color:#000099;
	text-align:left;
	width:683px;
	background:#ffffff;
}

.admFrmCampo{
	font-size:8pt;	
}

p.ParagrafoInformativo{
/*	margin:5px 0px 5px 0px;
	padding:0px;*/
}