/* INICIO - Zerar todas as margens e bordas de todos os elementos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Lembre-se de definir foco estilos! */
:focus {
outline: 0;
}
body {
width: 100%;
height: 100%;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
background: #28166f url(imagens/bkg_site.gif) /*repeat-x*/ repeat-x top center;
}
ol, ul {
list-style: none;
}
/* Tabelas ainda precisam de "cellspacing ="0" 'na marcação */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* FIM */

/****************** Formatação dos links ***********************
a {color: #333; text-decoration: none;}
a:visited {color: #333}
a:visited:hover{color: #333}
a:active {color: #333}
a:hover { color: #333;}
*/
/*
a:link {color: #333; text-decoration: none;}
a:visited {color: #333}
a:visited:hover{color: #333}
a:hover { color: #333;}
a:active { color: #333;}
*/

/******************************************* layout fixo para todas as paginas **************************************************/

/****************** layout total todas as outras divs vão dentro desta ********************/
div#layout {
width: 1000px;
height: auto !important;
display:table;
padding: 0 0 0 0px;
margin : 0 auto;
text-align: center;
float: inherit;
color: #000;
background: transparent url(imagens/bkgConteudo2.png) no-repeat;
background-position: 0px 220px;
}
/****************** Topo ************************/
div#layout div#topo {
width: 1000px;
height: auto !important;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
}
/****************** Logo 2 ************************/
.logo {
width: 170px;
height: 117px;
background: transparent url(imagens/logo.gif) no-repeat top left;
left: 50%;
top:0;
margin: 0px 0px 0px -85px;
position: absolute;
}
/****************** Centro ************************/
div#layout div#centro {
width: 1000px;
height: auto !important;
background-color: transparent;
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
float: left;
color: #fff;
display: table;
}
/****************** Conteudo ************************/
div#layout div#centro div#conteudo {
width: 808px;
height: auto !important;
background-color: transparent;
padding: 0px 95px 10px 95px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
}
/****************** Conteudo ************************/
div#layout div#centro div#conteudoHome {
width: 900px;
height: auto !important;
background-color: transparent;
padding: 0px 0px 10px 95px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
}
/****************** heightmini ************************/
.heightmini {
width: 1px;
height: 350px;
background-color: transparent;
float: left;
display: table;
}
/****************** heightmini2 ************************/
.heightmini2 {
width: 1px;
height: 350px;
background-color: transparent;
float: left;
display: table;
}
/****************** Rodapé ************************/
div#layout div#rodape {
width: 100%;
height: auto !important;
background-color: reansparent;
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
.txtrodape1 {
width: 600px;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
float: left;
color: #fff;
padding: 0px 0px 0px 95px;
}
.txtrodape1 a{
color: #fff;
text-decoration: none;
}
.txtrodape1 a:hover{
color: #adc3c7;
}
.txtrodape2 {
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align: center;
}
/****************** Div Menu Topo ************************/
div#layout div#topo div#menuTopo{
width: 170px;
height: 65px;
float: right;
display: inline;
margin: 0px 0px 0px 0px;
background: transparent url(imagens/links_topo.gif) no-repeat top left;
}
/****************** Menu Topo ************************/
.menuTopo{
width: auto !important;
height: auto !important;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
.menuTopo li {
padding: 0px 0px 0px 16px;
display: inline;
float: left;
}
.menuTopo li a {
width:36px;
height:38px;
display:block;
margin:23px 0 0 0;
}
/****************** Div Menu ************************/
div#layout div#topo div#menu{
width: 1000px;
height: 65px;
float: left;
display: inline;
margin: 40px 0px 0px 0px;
}
/****************** Menu ************************/
.menu{
width: auto !important;
height: auto !important;
padding: 0px 0px 0px 0px;
font: 14px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: transparent;
color: #000;
}
.menu li {
padding: 0px 20px 0px 20px;
display: inline;
}
.menu li a {
height: 23px; 
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #fff; 
}
.menu li a:visited {
height: 23px; 
text-decoration: none;
color: #fff; 
}
.menu li a:hover {
height: 23px; 
text-decoration: none;
color: #adc3c7; 
}
.menu li a:active {
height: 23px; 
text-decoration: none;
color: #adc3c7; 
}

#bodyHome .menu li.menu1 a,
#bodySobre .menu li.menu2 a,
#bodyProdutos .menu li.menu3 a,
#bodyLancamentos .menu li.menu4 a,
#bodyLocalizacao .menu li.menu5 a{
color: #adc3c7; 
}
#bodyHome .menu li.menu1 a:hover,
#bodySobre .menu li.menu2 a:hover,
#bodyProdutos .menu li.menu3 a:hover,
#bodyLancamentos .menu li.menu4 a:hover,
#bodyLocalizacao .menu li.menu5 a:hover{
color: #ccc; 
}

.menu li.menu4 a{
	margin:0 0 0 200px;
}

.slogan {
width: 690px;
height: 70px;
background: transparent url(imagens/slogan.gif) no-repeat top left;
background-position: -5px 0px;
margin:12px 0 0 0;
float:left;
}

.titulo {
width: 100%;
height: auto !important;
font: 17px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
color: #fff;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
text-align:right;
border-bottom:1px solid #fff;
}




/****************** class powered by connexion ************************/
.assinatura {
width: 100%;
height: 18px;
margin: 10px 0px 0px 0px;
}
.assinatura a {
padding: 2px 95px 5px 0px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
float: right;
color: #fff;
display:block;
}
.assinatura a:hover {
color: #adc3c7;
}
/*********************************************************** HOME ***************************************************/
/****************** Div Home *************************/
.divHome {
width: 650px;
height: auto !important;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-align: justify;
background-color: transparent;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
}
.divHome p{
padding: 0px 0px 20px 0px;
}

/****************** Div Imagens *************************/
.divHomeImgs {
width: 200px;
height: auto !important;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
display: table;
}

/****************** Div Imagem 01 *************************/
.HomeImg01 {
width: 200px;
height: 130px;
background: transparent url(imagens/imgHome01.jpg) no-repeat bottom left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
display: table;
text-decoration:none;
color: #c6d6da;
}
/****************** Div Imagem 02 *************************/
.HomeImg02 {
width: 200px;
height: 130px;
background: transparent url(imagens/imgHome02.jpg) no-repeat bottom left;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
float: left;
display: table;
text-decoration:none;
color: #c6d6da;
}
/****************** Div Imagem 03 *************************/
.HomeImg03 {
width: 200px;
height: 130px;
background: transparent url(imagens/imgHome03.jpg) no-repeat bottom left;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
float: left;
display: table;
text-decoration:none;
color: #c6d6da;
}
.HomeImg01 p, .HomeImg02 p, .HomeImg03 p{
padding: 0px 0px 0px 10px;
margin: 112px 0px 0px 0px;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
text-align: left;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
}
.HomeImg01:hover, .HomeImg02:hover, .HomeImg03:hover{
color: #fff;
}
/*********************************************************** SOBRE ***************************************************/
/****************** Div Sobre *************************/
.divSobre {
width: 808px;
height: auto !important;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-align: justify;
background-color: transparent;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
}
.divSobre p{
padding: 0px 0px 20px 0px;
}
/****************** Div com a imagem ************************/
.imgSobre {
width: auto !important;
height: auto !important;
color:#000;
background-color: transparent;
border: 1px solid #fff;
float: left;
padding: 5px 5px 5px 5px;
margin: 0px 10px 10px 0px;
}
/*********************************************************** CATEGORIAS *******************************************************/
/****************** Div Categorias ************************/
.divCategorias {
width: 808px;
height: auto !important;
background: transparent url(imagens/bkgConteudo.png) repeat top left;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
text-align:left;
}
/****************** Menu ************************/
.menuCategorias{
width: 160px;
height: auto !important;
padding: 0px 10px 0px 10px;
font: 14px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
background-color: transparent;
color: #000;
float:left;
}
.menuCategorias li {
padding: 0px 0px 5px 0px;
}
.menuCategorias li a { 
height: 23px;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #fff; 
background: transparent url(imagens/seta.png) no-repeat top right;
padding: 0px 25px 0px 0px;
}
.menuCategorias li a:visited {
height: 23px; 
text-decoration: none;
color: #fff; 
}
.menuCategorias li a:hover {
height: 23px; 
text-decoration: none;
color: #adc3c7; 
}
.menuCategorias li a:active {
height: 23px; 
text-decoration: none;
color: #adc3c7; 
}
/************************************************************ PRODUTOS ********************************************************/
/****************** divProdutos ************************/
.divProdutos {
width: 620px;
height: auto !important;
background-color: transparent;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
border-left:1px solid #0C44AD;
}
/****************** Div com a imagem ************************/
.imgsshow {
width: 270px;
height: auto !important;
font : 11px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 1px solid #fff;
float: left;
padding: 5px 5px 5px 5px;
margin: 0px 0px 15px 20px;
}
.imgsshow img {
float:left;
margin: 0px 5px 0px 0px;
border: 1px solid #000;
}
.imgsshow a { color:#54767c; text-decoration: none; }
.imgsshow a:hover { color:#fff; }
.imgsshow a:hover .imgtitulo { color:#fff; background-color: #54767c; border: 1px solid #fff;}
/****************** Div com todas as imagens ************************/
.centerdivimgs {
width: 480px;
height: 310px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
padding: 5px 5px 5px 5px;
margin: 50px 0px 0px 35px;
}
/****************** Class titulo das imagens ************************/
.imgtitulo {
width: 175px;
height: 54px;
font : 11px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
text-align: left;
background-color: #fff;
border: 1px solid #000;
cursor: pointer;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
/************************************************************ PRODUTO ********************************************************/
/****************** divProduto ************************/
.divProduto {
width: 470px;
height: auto !important;
background-color: transparent;
padding: 5px 0px 0px 10px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
text-align:left;
display: table;
border-left:0px solid #fff;
}
/****************** Div com a imagem ************************/
.imgProduto {
width: auto !important;
height: auto !important;
font : 11px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 1px solid #fff;
float: left;
padding: 5px 5px 5px 5px;
margin: 0px 0px 15px 10px;
float:left;
}
.imgProduto img {
float:left;
margin: 0px 0px 0px 0px;
border: 0px solid #000;
}
/********************************************* Include Promoções **********************************************/
.descPromocao {
width: auto !important;
height: auto !important;
float: left;
text-align: left;
padding: 10px 10px 0px 0px;
color: #000;
overflow: hidden;
}
/************************************************************ LANÇAMENTOS ********************************************************/
/****************** divProdutos ************************/
.divLancamentos {
width: 100%;
height: auto !important;
background-color: transparent;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #fff;
display: table;
}
/****************** Div com a imagem ************************/
.imgsshow2 {
width: 230px;
height: auto !important;
font : 11px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 1px solid #fff;
padding: 5px 5px 5px 5px;
margin: 0px 0px 15px 20px;
float: left;
}
.imgsshow2 img {
float:left;
margin: 0px 5px 0px 0px;
border: 1px solid #000;
}
.imgsshow2 a { color:#54767c; text-decoration: none; }
.imgsshow2 a:hover { color:#fff; }
.imgsshow2 a:hover .imgtitulo2 { color:#fff; background-color: #54767c; border: 1px solid #fff;}

/****************** Class titulo das imagens ************************/
.imgtitulo2 {
width: 135px;
height: 54px;
font : 11px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
text-align: left;
background-color: #fff;
border: 1px solid #000;
cursor: pointer;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
/************************************************************ LOCALIZAÇÃO ********************************************************/
/****************** formatação de textos para a pagina localização ************************/
.divtextlocalizacao {
width: 802px;
height: auto !important;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #aaa;
border: 3px solid #54767c;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: left;
display: inline;
}
/****************** formatação de textos para a pagina localização ************************/
.localiza {
width: 100%;
height: 20px;
font: 14px Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
color: #000;
background-color: #ccc;
border-bottom: 3px solid #54767c;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/****************** formatação de link para a pagina localização ************************/
.localink {
width: 600px;
height: 20px;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 5px 50px 0px 0px;
float: right;
color: #525252;
}
/****************** Formatação dos links ************************/
.localink:hover { color: #fff; cursor:pointer; text-decoration: underline; }

/*********************************************************** CONTATO ***************************************************/
/****************** Div com conteúdo da Contato *************************/
.divcontato {
width: 460px;
height: auto !important;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 194px;
background-color: transparent;
float: left;
color: #000;
display: inline;
}
/****************** Div com Textos da Contato *************************/
.divtxtcontato {
width: 90px;
height: auto !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
background-color: transparent;
float: left;
color: #000;
display: table;
}
/****************** Div com campos da Contato manos o campo da mensagem *************************/
.divcampocontato {
width: 330px;
height: auto !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
background-color: transparent;
float: left;
color: #000;
display: table;
}
/****************** Texto da Contato *************************/
.txtcontato{
width: 100%;
height: 20px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
float: left;
}
/****************** Colocar os campos a direita *************************/
.txtcampo {
width: 100%;
height: 20px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
height: 20px;
text-align: right; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
float: right;
}
/****************** Formatar os Campos *************************/
.campo {
width: 310px;
height: 15px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
border: 1px solid #54767c;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}
/****************** Formatar o Campo Mensagem *************************/
.campomensagem {
width: 398px;
height: 100px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
border: 1px solid #54767c;
float: left;
overflow: auto;
padding: 0px 5px 0px 5px;
}
/****************** Formatar o Botão Enviar *************************/
.botaoenvia {
width: 100px;
height: 20px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
background-color: #54767c;
border: 1px solid #fff;
cursor: pointer;
float: right;
margin: 10px 50px 10px 0px;
}
/****************** For,atar o Campo Limpar *************************/
.botaoreset {
width: 100px;
height: 20px;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
background-color: #54767c;
border: 1px solid #fff;
cursor: pointer;
float: right;
margin: 10px 06px 10px 0px;
}
/****************** Div com a mensagem de E-mail enviado com Sucesso! *************************/
.divemailok {
width: 400px;
height: auto !important;
font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
display: inline;
margin: 60px 0 0px 200px;
padding: 20px 0px 20px 0px;
color:#fff;
border: 2px solid #fff;
background-color: #54767c;
float: left;
}
/******************************************************* Galeria de Imagens *****************************************************/
#ImageBoxOverlay
{
	background-color: #000;
	
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	border-top: 1px solid #A40414;
	border-left: 1px solid #A40414;
	border-right: 2px solid #A40414;
	border-bottom: 2px solid #A40414;
	overflow: hidden;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	border-top: 1px solid #A40414;
	border-left: 1px solid #A40414;
	border-right: 2px solid #A40414;
	border-bottom: 0px solid #A40414;
	overflow: hidden;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
	overflow: hidden;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #999;
	font: 87% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
	
}
#ImageBoxNextImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(imagens/galeria/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(imagens/galeria/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
/********************************************* BOTÃO VOLTAR PADRÃO **********************************************/
.divBtVoltar {
width: 100%;
height: auto !important;
text-align: left;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
}
.btVoltar {
width: 115px;
height: 26px;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: transparent url(imagens/btVoltar.png);
border: 0px solid #fff;
padding: 0px 0px 0px 0px;
margin: 0px 100px 0px 0px;
color: #fff;
cursor: pointer;
float: right;
text-decoration: none;
display: table;
}
.btVoltar:hover { color: #fff; display:block}