﻿/* ### BEGIN - Geral ### */
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url("images/bkgRodape.jpg") repeat-x bottom;
}

#cabecalho {
	background: url("images/bkgTopo.gif") repeat-x top left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 114px;
	text-align: right;
}

#cabecalho h1 {
	background: url("images/logo.jpg") no-repeat top left;
	float: left;
	margin: 0px;
	width: 395px;
	height: 85px;
}

#cabecalho h1 a {
	display: block;
	width: 551px;
	height: 85px;
}

#cabecalho h1 span {
	display: none;
}

#cabecalho #areaAutenticacao {
	margin: 0px;
	height: 85px;
	float: right;
}

#cabecalho #areaAutenticacao #usuarioAutenticado {
	background: url("images/revendedora.gif") no-repeat top left;
	float: left;
	font-size: 12px;
	padding: 0px 10px 0px 90px;
	margin: 0px;
	height: 85px;
	color: #666666;
	text-align: left;
}

#cabecalho #usuarioAutenticado span,
#cabecalho #usuarioAutenticado a {
	display: block;
	text-decoration: none;
}

#cabecalho #usuarioAutenticado .textoBoasVindas {
	margin-top: 14px;
}

#cabecalho #usuarioAutenticado .usuarioLogadoNome {
	font-weight: bold;
	font-size: 16px;
	margin: 6px 0px;
	color: #7D74B6;
}

#cabecalho #usuarioAutenticado a:link,
#cabecalho #usuarioAutenticado a:visited {
	color: #FF66FF;
	text-decoration: underline;
}

#cabecalho #usuarioAutenticado a:hover,
#cabecalho #usuarioAutenticado a:active {
	color: #9966FF;
	text-decoration: underline;
}

#corpo {
	background: url("images/bkgCorpo.gif") repeat-x top left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

#rodape {
	background: url("../img/layout/down.gif") no-repeat bottom center;
	height: 20px;
	clear: both;
}

#bannerRodape {
	clear: both;
}
/* ### END - Geral ### */


/* ### BEGIN - Formulário de Login ### */
.loginFormInput {
	border-style: solid;
	border-color: #CF2176;
	border-width: 1px;
	font-size: 12px;
	color: #5E5199;
	width: 100px;
}

.loginFormLabel {
	font-size: 12px;
	color: #CF2176;
}

.loginFormTitulo {
	color: #CF2176;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.loginFormButton {
	display: block;
	background: url("images/btnOk.jpg") no-repeat top left;
	width: 20px;
	height: 16px;
	float: right;
}

.loginFormButton span {
	display: none;
}
/* ### END - Formulário de Login ### */


/* ### BEGIN - Menu ### */
.menuSite {
	background: Yellow url("images/bkgMenu.gif") repeat-x;
	height: 29px;
	width: 100%;
	clear: both;
	margin: 0px;
}

.menuSite td {
	background: url("images/bkgMenuSeparador.gif") no-repeat top left;
}

.menuSite a {
	display: block;
	padding: 7px 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #5E5199;
	margin-left:1px;
}

.menuSite a:hover {
	background: url("images/bkgMenuOver.gif") repeat-x;
}

.dynamicMenuStyle {
	z-index: 1;
}

.dynamicMenuItemStyle {
	display: block;
	padding: 4px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	color: #5E5199;
}

.dynamicMenuItemStyle:hover {
	background-color: #EAE9F1;
}
/* ### END - Menu ### */


/* ### BEGIN - Pagination ### */
.PaginationArea {
	display: block;
	clear: both;
	width: 200px;
}

.PaginationArea input {
	width: 40px;
	float: left;
	margin: 0px 2px;
	border: solid 1px #A8A6CB;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5E5199;
	text-align: right;
}

.PaginationArea span {
	display: block;
	float: left;
	padding: 2px 0px;
	margin: 0px 2px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5E5199;
}

.PaginationArea .TotalPagesPagination {
	width: 40px;
	float: left;
	margin: 0px 2px;
	background-color: #A8A6CB;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5E5199;
	text-align: right;
}

.FirstPaginationButton,
.PreviousPaginationButton,
.NextPaginationButton,
.LastPaginationButton,
.FirstPaginationButtonDisabled,
.PreviousPaginationButtonDisabled,
.NextPaginationButtonDisabled,
.LastPaginationButtonDisabled,
.GoToPagePaginationButton {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px 2px;
}

.FirstPaginationButton span,
.PreviousPaginationButton span,
.NextPaginationButton span,
.LastPaginationButton span,
.FirstPaginationButtonDisabled span,
.PreviousPaginationButtonDisabled span,
.NextPaginationButtonDisabled span,
.LastPaginationButtonDisabled span,
.GoToPagePaginationButton span {
	display: none;
}

.FirstPaginationButton {
	background: url(images/FirstPaginationButton.gif) no-repeat top left;
}

.FirstPaginationButtonDisabled {
	background: url(images/FirstPaginationButtonDisabled.gif) no-repeat top left;
}

.PreviousPaginationButton {
	background: url(images/PreviousPaginationButton.gif) no-repeat top left;
}

.PreviousPaginationButtonDisabled {
	background: url(images/PreviousPaginationButtonDisabled.gif) no-repeat top left;
}

.NextPaginationButton {
	background: url(images/NextPaginationButton.gif) no-repeat top left;
}

.NextPaginationButtonDisabled {
	background: url(images/NextPaginationButtonDisabled.gif) no-repeat top left;
}

.LastPaginationButton {
	background: url(images/LastPaginationButton.gif) no-repeat top left;
}

.LastPaginationButtonDisabled {
	background: url(images/LastPaginationButtonDisabled.gif) no-repeat top left;
}

.GoToPagePaginationButton {
	background: url(images/GoToPagePaginationButton.gif) no-repeat top left;
}
/* ### END - Pagination ### */


/* ### BEGIN - Formularios ### */
.FormFieldArea {
	display: block;
	float: left;
	padding: 6px 4px;
}

.FormFieldCaption {
	display: block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EE208C;
}

.FormFieldValue {
	font-weight: bold;
}

.FormFieldInput {
	border-style: solid;
	border-color: #EE208C;
	border-width: 1px;
	font-family: Tahoma;
	font-size: 12px;
	color: #5E5199; /*#7D74B6;*/ /*#A8A6CB;*/
	width: 94%;
}

.FormActionArea {
	display: block;
	float: right;
	clear: both;
	margin: 4px 0px;
}

.EditFormButton,
.SaveFormButton,
.CancelFormButton {
	display: block;
	float: left;
	margin: 4px;
	padding: 4px 2px 4px 26px;
	font: bold 12px Tahoma;
	color: #5E5199;
	text-decoration: none;
	cursor: pointer;
}

.EditFormButton:hover,
.SaveFormButton:hover,
.CancelFormButton:hover {
	text-decoration: underline;
}

.EditFormButton	{
	background: url(images/btnEditarForm.gif) no-repeat top left;
}

.SaveFormButton {
	background: url(images/btnSalvarForm.gif) no-repeat top left;
}

.CancelFormButton {
	background: url(images/btnCancelarForm.gif) no-repeat top left;
}

.FormButtonAddItem {
	background: url("images/btnAddItem.gif") no-repeat top left;
	display: block;
	margin: 0px 4px;
	padding: 4px 0px 4px 32px;
	font: bold 10px Tahoma;
	color: #5E5199;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	width: 60px;
}

.FormButtonSendItem {
	background: url("images/btnEnviarItem.gif") no-repeat top left;
	display: block;
	margin: 0px 4px;
	padding: 10px 0px 10px 36px;
	font: bold 12px Tahoma;
	color: #5E5199;
	text-decoration: none;
	cursor: pointer;
}

.BackFormButton {
	background: url("images/btnVoltarForm.gif") no-repeat top left;
	display: block;
	margin: 0px 4px;
	padding: 6px 0px 6px 30px;
	font: bold 12px Tahoma;
	color: #5E5199;
	text-decoration: none;
	cursor: pointer;
}

.SearchFormButton {
	background: url("images/btnPesquisarForm.gif") no-repeat top left;
	display: block;
	margin: 0px 4px;
	padding: 10px 0px 10px 36px;
	font: bold 12px Tahoma;
	color: #5E5199;
	text-decoration: none;
	cursor: pointer;
}

.FormButtonSend {
	background: url("images/btnEnviar.jpg") no-repeat top left;
	display: block;
	width: 71px;
	height: 25px;
}

.FormButtonSend span {
	display: none;
}

.FormButtonAddItem:hover,
.FormButtonSendItem:hover,
.BackFormButton:hover,
.SearchFormButton:hover {
	text-decoration: underline;
}

.ValidationText {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
/* ### END - Formularios ### */


/* ### BEGIN - Grids ### */
.gridHeader th,
.gridFooter td {
	background-color: #7D74B6;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border: solid 2px #5E5199;
	padding: 6px 0px;
	text-align: center;
}

.gridRow {
}

.gridAlternateRow {
}

.gridEmptyDataRow td {
	border: solid 2px #5E5199;
	padding: 10px 0px;
	font-size: 12px;
	color: #5E5199;
	font-weight: bold;
	text-align: center;
}

.celulaGridGeral,
.celulaGridTexto,
.celulaGridNumero,
.celulaBotoes {
	font-size: 12px;
	color: #5E5199;
	border: solid 2px #5E5199;
	padding: 2px;
}

.celulaBotoes {
	background-color: #FFFFFF;
}

.celulaBotoes,
.celulaGridGeral {
	text-align: center;
}

.celulaGridTexto {
	text-align: left;
}
.celulaGridNumero {
	text-align: right;
}

.AddGridButton,
.EditGridButton,
.SaveGridButton,
.CancelGridButton,
.DeleteGridButton,
.SelectGridButton {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

.AddGridButton span,
.EditGridButton span,
.SaveGridButton span,
.CancelGridButton span,
.DeleteGridButton span,
.SelectGridButton span {
	display: none;
}

.AddGridButton	{
	margin-left: 40px;
	background: url(images/AddGridButton.png) no-repeat top left;
}

.EditGridButton	{
	background: url(images/btnEditarGrid.gif) no-repeat top left;
}

.SaveGridButton {
	background: url(images/btnSalvarGrid.gif) no-repeat top left;
}

.CancelGridButton {
	background: url(images/btnCancelarGrid.gif) no-repeat top left;
}

.DeleteGridButton {
	background: url(images/btnExcluirGrid.gif) no-repeat top left;
}

.SelectGridButton {
	background: url(images/btnSelecionarGrid.gif) no-repeat top left;
}
/* ### END - Grids ### */


/* ### BEGIN - Componente Revendedora ### */
.ComponenteRevendedora,
.ComponenteRevendedora .ReadArea,
.ComponenteRevendedora .EditArea {
	width: 500px;
	height: 130px;
	margin: 0px;
	padding: 0px;
}

.ComponenteRevendedora .ReadArea .TituloArea,
.ComponenteRevendedora .ReadArea .RepresArea,
.ComponenteRevendedora .ReadArea .BairroArea,
.ComponenteRevendedora .ReadArea .CidadeArea {
	display: block;
}

.ComponenteRevendedora .ReadArea .TituloCaption,
.ComponenteRevendedora .ReadArea .RepresCaption,
.ComponenteRevendedora .ReadArea .BairroCaption,
.ComponenteRevendedora .ReadArea .CidadeCaption {
	display: block;
	float: left;
	padding: 2px;
	margin: 0px;
	width: 96px;
	color: #EE208C;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

.ComponenteRevendedora .ReadArea .TituloCaption {
	float: none;
	width: 480px;
	font-weight: bold;
	text-align: left;
}

.ComponenteRevendedora .ReadArea .TituloValue,
.ComponenteRevendedora .ReadArea .RepresValue,
.ComponenteRevendedora .ReadArea .BairroValue,
.ComponenteRevendedora .ReadArea .CidadeValue {
	display: block;
	float: left;
	padding: 2px 0px;
	margin: 0px;
	width: 390px;
	color: #5E5199;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.ComponenteRevendedora .ReadArea .TituloValue {
	float: none;
	width: 480px;
	padding: 6px;
	font-size: 14px;
}

.ComponenteRevendedora .ReadArea a {
	display: block;
	float: left;
	margin-top: 6px;
	padding: 2px 6px;
}

.ComponenteRevendedora .ReadArea a,
.ComponenteRevendedora .ReadArea a span {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #5E5199;
	text-decoration: none;
}

.ComponenteRevendedora .EditArea p {
	display: block;
	margin: 0px;
	padding: 2px 0px;
	border: #A8A6CB 1px solid;
	color: #5E5199;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.ComponenteRevendedora .EditArea .ScrollHeader {
	width: 500px;
}

.ComponenteRevendedora .EditArea .ScrollBody {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.ComponenteRevendedora .EditArea .ScrollHeader .gridHeader th,
.ComponenteRevendedora .EditArea .ScrollHeader .gridFooter td,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridHeader th,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridFooter td {
	background-color: #A8A6CB;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	border: #A8A6CB 1px solid;
	padding: 2px;
}

.ComponenteRevendedora .EditArea .ScrollHeader .gridFooter td {
	text-align: left;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridRow td,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridAlternateRow td,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridEmptyRow td {
	border: #A8A6CB 1px solid;
	margin: 0px;
	padding: 0px;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridRow td a,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridAlternateRow td a {
	display: block;
	padding: 2px;
}

.ComponenteRevendedora .EditArea .ScrollHeader .gridFooter td a,
.ComponenteRevendedora .EditArea .ScrollHeader .gridFooter td a span {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridRow td a,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridRow td a span,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridAlternateRow td a,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridAlternateRow td a span {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #5E5199;
	text-decoration: none;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridAlternateRow {
	background-color: #EAE9F1;
}

.ComponenteRevendedora .EditArea .ScrollBody .Grid .gridEmptyRow td {
	text-align: center;
}

.ComponenteRevendedora .EditArea .ScrollHeader .colRevTitulo,
.ComponenteRevendedora .EditArea .ScrollHeader .colRevRepres,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .colRevTitulo,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .colRevRepres {
	width: 140px;
}

.ComponenteRevendedora .EditArea .ScrollHeader .colRevBairro,
.ComponenteRevendedora .EditArea .ScrollHeader .colRevCidade,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .colRevBairro,
.ComponenteRevendedora .EditArea .ScrollBody .Grid .colRevCidade {
	width: 100px;
}

.ComponenteRevendedora .EditArea .ScrollHeader .colRevScroll {
	width: 18px;
}
/* ### END - Componente Revendedora ### */


/* ### BEGIN - Home ### */
#BannerHomeCorpoEsquerdo {
	width: 117px;
	float: left;
	padding: 0px;
}

#BannerHomeCorpoDireito {
	width: 120px;
	float: right;
	padding: 0px;
}

#destaque {
	margin: 0px 120px 0px 120px;
	vertical-align: top;
	font-size: 12px;
	color: #666666;
}

#destaque h3 {
	margin: 0px;
	padding: 0px;
}

#areaDestaque {
	width: 98%;
}

#areaDestaque td {
	width: 50%;
	padding: 10px;
}

#areaDestaque td img {
	display: block;
	float: left;
	margin: 0px 6px 4px 0px;
}

#areaDestaque td p {
	margin-top: 24px;
}

#areaDestaque td a {
	color: #FF66FF;
	font-size: 10px;
	text-decoration: none;
}

#areaDestaque td a:hover {
	color: #9966FF;
	text-decoration: underline;
}

.destaqueOfertasArea {
	background-color: #5E5199;
}

.destaqueOfertasArea p {
	color: #FFFFFF;
}

#destaqueOfertasTitulo {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF00CC;
}

#destaqueCatalogoTitulo,
#destaqueEventosTitulo,
#destaqueRankingTitulo {
	display: block;
	height: 18px;
	width: 110px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#destaqueCatalogoTitulo span,
#destaqueEventosTitulo span,
#destaqueRankingTitulo span {
	display: none;
}

#destaqueCatalogoTitulo {
	background: url("images/tituloCatalogosHome.jpg") no-repeat top left;
}

#destaqueEventosTitulo {
	background: url("images/tituloEventosHome.jpg") no-repeat top left;
}

#destaqueRankingTitulo {
	background: url("images/tituloRankingHome.jpg") no-repeat top left;
}

.tituloRankingTextoHome {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D74B6;
	font-weight: bold;
	margin-top: 40px;
}

.textoRankingHome strong {
	color: #7D74B6;
}

.areaNoticiasHome {
	background: url("images/franquinhoNoticiasHome.gif") no-repeat 4px 4px;
	border: solid 2px #AB9FCF;
	margin: 20px;
	clear: both;
	height: 180px;
}

.areaNoticiasHome h3 {
	background: #AB9FCF url("images/tituloNoticiasHome.gif") no-repeat 4px 8px;
	display: block;
	float: right;
	width: 42px;
	height: 180px;
	margin: 0px;
}

.areaNoticiasHome h3 span {
	display: none;
}

.noticiasHome {
	height: 180px;
	margin: 0px;
	padding: 0px;
	margin-left: 150px;
	padding-left: 70px;
	overflow: auto;
}

.noticiasHome ul {
	margin: 0px;
	padding: 0px;
}

.noticiasHome ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D74B6;
	font-weight: bold;
	margin: 16px 0px;
}

.noticiasHome ul li a {
	color: #7D74B6;
	text-decoration: none;
	padding: 0px;
	width: 98%;
	cursor: pointer;
}

.noticiasHome ul li a:hover {
	color: #FF66FF;
	text-decoration: underline;
}

/* ### END - Home ### */


/* ### BEGIN - Quem Somos ### */
#BannerQuemSomosCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgQuemSomosPagDireito.gif") no-repeat 10px bottom;
}

#tituloQuemSomos {
	background: url("images/tituloQuemSomos.gif") no-repeat 20px 10px;
	display: block;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloQuemSomos span {
	display: none;
}

#QuemSomos {
	padding: 0px;
	margin: 0px 130px 0px 10px;
}

#QuemSomos #conteudo {
	background: url("images/franquinhoQuemSomos.gif") no-repeat top right;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#QuemSomos #conteudo a {
	text-decoration: none;
}

#QuemSomos #conteudo a img {
	border: none;
}

#QuemSomos #conteudo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-right: 300px;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

#QuemSomos #conteudo p strong {
	color: #7D74B6;
}

#QuemSomos #conteudo p a:link,
#QuemSomos #conteudo p a:visited {
	color: #FF66FF;
	text-decoration: underline;
}

#QuemSomos #conteudo p a:hover,
#QuemSomos #conteudo p a:active {
	color: #9966FF;
	text-decoration: underline;
}

#QuemSomos #conteudo #cliqueParaAmpliar {
	margin: 40px 0px 10px 0px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #7D74B6;
}
/* ### END - Quem Somos ### */


/* ### BEGIN - Catalogos ### */
#BannerCatalogoCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgCatalogoPagDireito.gif") no-repeat 24px bottom;
}

#tituloCatalogo {
	background: url("images/tituloCatalogo.gif") no-repeat 20px 10px;
	display: block;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloCatalogo span {
	display: none;
}

#Catalogo {
	background: url("images/franquinhoCatalogo.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px 130px 20px 0px;
}

#Catalogo table {
	margin-top: 120px;
}

#Catalogo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 300px 20px 20px;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

.areaCatalogo {
	padding: 6px;
	margin: 10px;
	width: 130px;
	height: 130px;
	float: left;
	/*border: solid 2px #7D74B6;*/
}

.areaCatalogo a {
	display: block;
}

.linkCatalogoImg {
	display: block;
	float: left;
	width: 63px;
	height: 99px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.linkCatalogoImg:hover {
	background-position: 0px -99px;
}

.linkCatalogoPedido {
	display: block;
	float: right;
	width: 48px;
	height: 49px;
	text-decoration: none;
	background-image: url("images/btnCatalogoPedido.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.linkCatalogoPedido:hover {
	background-position: 0px -49px;
}

/*
.linkCatalogoImg img,
.linkCatalogoPedido img {
	border: None;
}
*/
.linkCatalogoImg span,
.linkCatalogoPedido span {
	display: none;
}
/*
.linkCatalogoPedido span {
	color: #7D74B6;
	font-size: 12px;
	display: block;
	line-height: 12px;
	text-align: center;
}
*/
.linkCatalogoTitulo {
	clear: both;
	display: block;
	color: #7D74B6;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

.linkCatalogoTitulo:hover {
	text-decoration: underline;
}

#BannerCatalogoRodapeCentral {
	text-align: center;
	clear: both;
}
/* ### END - Catalogos ### */


/* ### BEGIN - Pedidos ### */
#tituloPedido {
	background: url("images/tituloPedido.gif") no-repeat 20px 10px;
	display: block;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloPedido span {
	display: none;
}

#tituloNovoPedido,
#tituloDetalhePedido,
#tituloHistoricoPedido,
#tituloListaPedido,
#tituloListaPedidosTemp {
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #EE208C;
	text-align: center;
}

#tituloListaPedidosTemp {
	clear: both;
	margin-top: 20px;
}

#tituloHistoricoPedido {
	padding-top: 20px;
}

#NovoPedido {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#NovoPedido .gridHeader .FormFieldArea {
	float: none;
}

#NovoPedido .gridHeader .FormFieldCaption {
	color: White;
}	

#NovoPedido .gridHeader .FormFieldInput {
	border-color: #5E5199;
}

#NovoPedido #RevendedoraPedido {
	border: solid 2px #5E5199;
	margin: 20px 0px;
	padding: 2px;
	height: 132px;
	width: 600px;
	background: url("images/revendedora.gif") no-repeat 0px 10px;
}

#NovoPedido #RevendedoraPedido .ComponenteRevendedora {
	margin-left: 90px;
}

#NovoPedido #CatalogoPedido {
	border: solid 2px #5E5199;
	margin: 20px 0px;
	padding: 2px;
	height: 148px;
	width: 600px;
}

#NovoPedido #CatalogoPedido h5 {
	display: block;
	margin: 0px;
	padding: 4px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E5199;
}

#NovoPedido #CatalogoPedido h5,
#NovoPedido #CatalogoPedido .CatalogoTitulo,
#NovoPedido #CatalogoPedido .FormFieldArea,
#NovoPedido #CatalogoPedido .FormActionArea {
	display: block;
	float: left;
	width: 470px;
}

#NovoPedido #CatalogoPedido .CatalogoTitulo {
	margin: 0px;
	padding: 10px 0px;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #EE208C;
}

#NovoPedido #CatalogoPedido .FormFieldArea {
	margin: 0px;
	height: 34px;
}

#NovoPedido #CatalogoPedido img {
	display: block;
	float: left;
	margin-right: 8px;
}

#NovoPedido #CatalogoPedido .FormActionArea {
	clear: none;
}

.gridPedidoHeader,
.gridPedidoBodyForm,
.gridPedidoBody,
.gridPedidoStatus,
.gridListaPedido,
.ListaPedidoSearchForm {
	width: 98%;
	margin-top: 20px;
	margin-left: 1%;
}

.gridPedidoBodyForm,
#DetalhePedido .gridPedidoHeader {
	border: solid 2px #5E5199;
}

.gridPedidoBodyForm .FormFieldArea {
	width: 98%;
}

#DetalhePedido {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#DetalhePedido .gridPedidoHeader th {
	background-color: #5E5199;
	width: 50%;
}

#DetalhePedido .gridPedidoHeader td {
	width: 50%;
}

#DetalhePedido .gridPedidoHeader th .FormFieldCaption,
#DetalhePedido .gridPedidoHeader th .FormFieldValue {
	display: block;
	float: left;
	margin-right: 4px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#DetalhePedido .gridPedidoHeader td .FormFieldCaption {
	color: #5E5199;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#DetalhePedido .gridPedidoHeader td .FormFieldValue {
	display: block;
	color: #EE208C;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.gridPedidoHeader .colReferencia,
.gridPedidoHeader .colPagina,
.gridPedidoHeader .colTamanho,
.gridPedidoHeader .colProduto,
.gridPedidoHeader .colCorNome,
.gridPedidoHeader .colCorCodidgo,
.gridPedidoHeader .colCampanha,
.gridPedidoHeader .colLinha,
.gridPedidoHeader .colQtde,
.gridPedidoHeader .colValorUnit,
.gridPedidoHeader .colValorTotal,
.gridPedidoHeader .colBotoes {
	border-width: 2px;
	border-style: none;
}
.colQtde,
.colPagina {
	width: 50px;
}

.colTamanho,
.colCorCodigo {
	width: 60px;
}

.colReferencia,
.colValorUnit,
.colValorTotal,
.colBotoes {
	width: 100px;
}

#PedidoActionArea {
	margin-top: 20px;
	margin-right: 1%;
}

#ListaPedido #ctl00_ContentPlaceHolder1_PedidoId_FieldArea {
	width: 200px;
}

#ListaPedido #ctl00_ContentPlaceHolder1_DataInicio_FieldArea,
#ListaPedido #ctl00_ContentPlaceHolder1_DataFim_FieldArea {
	float: left;
	width: 200px;
}

#ListaPedido .ListaPedidoSearchForm td {
	width: 50%;
}

#ListaPedido .ComponenteRevendedora {
	margin-left: 18px;
}

#ListaPedido .FormActionArea {
	display: block;
	width: 100%;
	float: left;
}

#ListaPedido .FormActionArea .SearchFormButton {
	float: right;
	width: 80px;
}

#ListaPedido .gridListaPedido {
	clear: both;
}
/* ### END - Pedidos ### */


/* ### BEGIN - Ofertas ### */
#BannerOfertaCorpoCentral {
	text-align: center;
}

#BannerOfertaCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgOfertaPagDireito.gif") no-repeat 24px bottom;
}

#tituloOferta {
	background: url("images/tituloOferta.gif") no-repeat 20px 10px;
	display: block;
	width: 200px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloOferta span {
	display: none;
}

#Oferta #conteudo {
	margin-right: 130px;
}

.areaOferta {
	clear: both;
	padding: 6px;
	margin: 10px;
	border: solid 2px #7D74B6;	
}

.areaOferta img {
	display: block;
	float: left;
}

.areaOferta span {
	display: block;
	margin-left: 114px;
}

.areaOferta .tituloCatalogo {
	color: #7D74B6;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

.areaOferta .tituloOferta {
	font-size: 12px;
	color: #000099;
	font-weight: bold;
	margin-bottom: 4px;
}

.areaOferta .conteudoOferta {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* ### END - Ofertas ### */


/* ### BEGIN - Revendedora ### */
#BannerRevendedoraCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgRevendedoraPagDireito.gif") no-repeat 34px bottom;
}

#tituloRevendedora {
	background: url("images/tituloRevendedora.gif") no-repeat 20px 10px;
	display: block;
	width: 360px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloRevendedora span {
	display: none;
}

#Revendedora {
	background: url("images/franquinhoRevendedora.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#Revendedora #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#Revendedora #conteudo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 4px 350px 4px 10px;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

#Revendedora #conteudo p strong {
	color: #7D74B6;
}

#Revendedora #conteudo fieldset {
	border: none;
	display: block;
	margin: 20px 350px 0px 0px;
}

#Revendedora .FormFieldArea {
	width: 98%;
}

#Revendedora .FormActionArea {
	display: block;
	float: left;
	width: 92%;
}

#Revendedora .FormButtonSend {
	float: right;
}
/* ### END - Revendedora ### */


/* ### BEGIN - Ranking ### */
#BannerRankingCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgRankingPagDireito.gif") no-repeat 14px bottom;
}

#tituloRanking {
	background: url("images/tituloRanking.gif") no-repeat 20px 10px;
	display: block;
	width: 540px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloRanking span {
	display: none;
}

#Ranking {
	background: url("images/franquinhoRanking.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#Ranking #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#Ranking h4 {
	margin: 10px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7D74B6;
}

#Ranking #areaPremio {
	display: block;
	margin: 10px;
	width: 600px;
}

#Ranking #areaPremio img {
	display: block;
	float: left;
	margin-right: 10px;
}

#Ranking #areaPremio p {
	display: block;
	float: left;
	width: 400px;
	margin: 0px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7D74B6;
}

#Ranking #areaPremio .FormFieldArea {
	display: block;
	float: left;
	width: 400px;
}

#Ranking #areaRanking {
	margin: 10px;
	margin-right: 300px;
}

#Ranking #areaRanking #tituloPromocao {
	margin: 20px 0px;
	padding: 0px;
	display: block;
	width: 99%;
}

#Ranking #areaRanking .revendedoraColocacao {
	margin: 0px;
	padding: 20px 0px;
	display: block;
	width: 99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7D74B6;
}


#Ranking #areaRanking .revendedoraColocacao strong {
	font-size: 18px;
	font-weight: bold;
	color: #FF00CC;
}

#Ranking #areaRanking .gridRanking {
	border: none;
	width: 98%;
}

.gridRanking .gridHeader th,
.gridRanking .gridFooter td {
	border: none;
	background-color: #FF66FF;
	padding: 6px 12px;
}

.gridRanking .gridRow td, 
.gridRanking .gridAlternateRow td {
	border: none;
	padding: 6px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.gridRanking .gridAlternateRow td {
	background-color: #FFCCFF;
}
/* ### END - Ranking ### */


/* ### BEGIN - Convenio ### */
#BannerConvenioCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgConvenioPagDireito.gif") no-repeat 4px bottom;
}

#tituloConvenio {
	background: url("images/tituloConvenio.gif") no-repeat 20px 10px;
	display: block;
	width: 300px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloConvenio span {
	display: none;
}

#Convenio {
	background: url("images/franquinhoConvenio.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#Convenio #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#Convenio h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	margin: 10px 350px 10px 10px;
}

#Convenio #conteudo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 310px 20px 10px;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

#Convenio #conteudo .areaConvenio {
	margin: 2px 0px 2px 10px;
}

#Convenio #conteudo .areaConvenio span,
#Convenio #conteudo .areaConvenio a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF66FF;
}

#Convenio #conteudo .areaConvenio a:link,
#Convenio #conteudo .areaConvenio a:visited {
	color: #FF66FF;
	text-decoration: underline;
}

#Convenio #conteudo .areaConvenio a:hover,
#Convenio #conteudo .areaConvenio a:active {
	color: #9966FF;
	text-decoration: underline;
}

#Convenio #conteudo p strong {
	color: #7D74B6;
}

#Convenio #conteudo p a:link,
#Convenio #conteudo p a:link strong,
#Convenio #conteudo p a:visited,
#Convenio #conteudo p a:visited strong {
	color: #FF66FF;
	text-decoration: underline;
}

#Convenio #conteudo p a:hover,
#Convenio #conteudo p a:hover strong,
#Convenio #conteudo p a:active,
#Convenio #conteudo p a:active strong {
	color: #9966FF;
	text-decoration: underline;
}
/* ### END - Convenio ### */


/* ### BEGIN - Fale Conosco ### */
#BannerFaleConoscoCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgFaleConoscoPagDireito.gif") no-repeat 30px bottom;
}

#tituloFaleConosco {
	background: url("images/tituloFaleConosco.gif") no-repeat 20px 10px;
	display: block;
	width: 320px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloFaleConosco span {
	display: none;
}

#FaleConosco {
	background: url("images/franquinhoFaleConosco.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#FaleConosco #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#FaleConosco h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	margin: 10px 350px 10px 10px;
}

#FaleConosco #conteudo fieldset {
	border: none;
	display: block;
	margin: 20px 350px 0px 0px;
}

#FaleConosco address {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 20px 10px;
}

#FaleConosco address strong {
	display: block;
	color: #7D74B6;
	margin-top: 16px;
}

#FaleConosco address a {
	color: #666666;
	text-decoration: none;
}
#FaleConosco address a:hover {
	color: #FF33FF;
	text-decoration: underline;
}

#FaleConosco .FormFieldArea {
	width: 98%;
}

#FaleConosco .FormActionArea {
	display: block;
	float: left;
	width: 92%;
}

#FaleConosco .FormButtonSend {
	float: right;
}
/* ### END - Fale Conosco ### */


/* ### BEGIN - Eventos ### */
#BannerEventoCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgEventoPagDireito.gif") no-repeat 4px bottom;
}

#tituloEvento,
#tituloEventoFotos,
#tituloEventoFotosDetalhe {
	background: url("images/tituloEvento.gif") no-repeat 20px 10px;
	display: block;
	width: 260px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloEvento span,
#tituloEventoFotos span,
#tituloEventoFotosDetalhe span {
	display: none;
}

#Evento {
	background: url("images/franquinhoEvento.gif") no-repeat right 40px;
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#EventoFotos,
#EventoFotosDetalhe {
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#Evento #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#EventoFotos #conteudo,
#EventoFotosDetalhe #conteudo {
	padding: 10px;
	margin: 0px;
	margin-bottom: 20px;
}

#Evento #conteudo .areaEventoLista {
	clear: both;
	padding: 6px;
	margin: 10px;
}

#Evento #conteudo .areaEventoLista img,
#EventoFotos #conteudo .imgEventoFotosCapa {
	display: block;
	float: left;
}

#Evento #conteudo .areaEventoLista span,
#EventoFotos #conteudo .tituloEventoFotosLista,
#EventoFotos #conteudo .dataLocalEventoFotosLista,
#EventoFotos #conteudo .descricaoEventoFotosLista,
#Evento #conteudo .areaEventoLista a {
	display: block;
	margin-left: 120px;
}

#EventoFotosDetalhe #conteudo .tituloEventoFotosDetalhe,
#EventoFotosDetalhe #conteudo .dataLocalEventoFotosDetalhe {
	display: block;
}

#Evento #conteudo .areaEventoLista .tituloEventoLista,
#EventoFotos #conteudo .tituloEventoFotosLista,
#EventoFotosDetalhe #conteudo .tituloEventoFotosDetalhe {
	color: #FF00FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}

#Evento #conteudo .areaEventoLista .dataLocalEventoLista,
#EventoFotos #conteudo .dataLocalEventoFotosLista,
#EventoFotosDetalhe #conteudo .dataLocalEventoFotosDetalhe {
	color: #7D74B6;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}

#EventoFotosDetalhe #conteudo .dataLocalEventoFotosDetalhe {
	margin-bottom: 30px;
}

#Evento #conteudo .areaEventoLista .descricaoEventoLista,
#EventoFotos #conteudo .descricaoEventoFotosLista {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	margin: 10px 300px 10px 120px;
}

#EventoFotos #conteudo .linkEventoFoto {
	display: block;
	width: 55px;
	height: 55px;
	margin: 0px 8px 8px 0px;
	float: left;
}

#Evento #conteudo .areaEventoLista a {
	color: #FF66FF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#Evento #conteudo .areaEventoLista a:hover {
	color: #9966FF;
	text-decoration: underline;
}

#EventoFotosDetalhe #conteudo .areaEventoFotoDetalhe {
	width: 99%;
}

#EventoFotosDetalhe #conteudo .areaNavegacaoFotos,
#EventoFotosDetalhe #conteudo .areaEventoFotoDetalhe td {
	text-align: center;
}

#EventoFotosDetalhe #conteudo .areaEventoFotoDetalhe span {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

#EventoFotosDetalhe #conteudo .areaNavegacaoFotos .PaginationArea {
	margin-top: 20px;
}

#EventoFotos #conteudo .FormActionArea,
#EventoFotosDetalhe #conteudo .FormActionArea {
	float: left;
	margin-bottom: 40px;
}
/* ### END - Eventos ### */


/* ### BEGIN - Downloads ### */
#BannerDownloadsCorpoDireito {
	float: right;
	height: 540px;
	background: url("images/bkgDownloadsPagDireito.gif") no-repeat 10px bottom;
}

#tituloDownloads {
	background: url("images/tituloDownloads.gif") no-repeat 20px 10px;
	display: block;
	width: 260px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloDownloads span {
	display: none;
}

#Downloads {
	padding: 0px;
	margin: 0px;
	margin-right: 150px;
}

#Downloads #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#Downloads #conteudo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: justify;
	margin-left: 10px;
}

#Downloads #conteudo p a {
	color: #9966FF;
	text-decoration: none;
	cursor: pointer;
}

#Downloads #conteudo p a:hover {
	color: #FF66FF;
	text-decoration: underline;
}

#Wallpapers {
	width: 98%;
}

#Wallpapers td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}

#Wallpapers td a {
	color: #9966FF;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
	width: 70px;
}

#Wallpapers td a:hover {
	color: #FF66FF;
	text-decoration: underline;
}
/* ### END - Downloads ### */


/* ### BEGIN - Primeiro Acesso ### */
#tituloPrimeiroAcesso {
	background: url("images/tituloPrimeiroAcesso.gif") no-repeat 20px 10px;
	display: block;
	width: 320px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#tituloPrimeiroAcesso span {
	display: none;
}

#PrimeiroAcesso {
	padding: 0px;
	margin: 0px 10px;
}

#PrimeiroAcesso #conteudo {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#PrimeiroAcesso #conteudo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}


#PrimeiroAcesso #conteudo fieldset {
	border: none;
	display: block;
	margin: 20px 350px 0px 0px;
}

#PrimeiroAcesso .FormFieldArea {
	width: 98%;
}

#PrimeiroAcesso .FormActionArea {
	display: block;
	float: left;
	width: 92%;
}

#PrimeiroAcesso .FormButtonSend {
	float: right;
}
/* ### END - Primeiro Acesso ### */


