*{
  list-style-type:none;
  margin:0;
  padding:0;
  border:none;
}
body{
  background:#6da5ca url(../imagens/pattern.jpg) repeat-x;
  text-align:center;
  margin:0;
  padding:0;
}
#divGeral{
  width:778px;
  margin:0 auto;
  text-align:left;
}
#divTopo{
  width:778px;
  height:236px;
  background:url(../imagens/img_01.jpg) no-repeat;
  font-family:verdana, arial;
  font-size:10px;
  color:#FFF;
  text-align:center;
}
#divTopo a{
  color:#FFF;
  font-weight:bold;
}

#divConteudo{
  width:613px;
  background:url(../imagens/bg_conteudo.gif) repeat-y;
  float:left;
  margin:0;
}
#divRodape{
  width:613px;
  height:15px;
  clear:both;
}
#divKaerea{
  width:69px;
  height:30px;
  float:right;
  padding:8px 8px 0 0;
}

#divLoading {
  border: 1px solid #000000;
  background: #FFFFFF;
  color: #000000;
  background-image: url("/CMS/img/loading.gif");
  background-repeat: no-repeat;
  background-position: 5px 5px;
  position: absolute;
  top: 350px;
  left: 600px;
  width: 100px;
  height: 20px;
  display: block;
  font-family: verdana;
  font-weight: bold;
  font-size: 11px;
  padding-top: 6px;
  padding-left: 25px;
  z-index:2;
}

/*****************************
      BUSCA PRODUTOS HOME
*****************************/
#divBuscaProdutos{
  width:122px;
  height:40px;
  position:absolute;
  top:165px;
  padding:0 0 0 20px;
}
.fontTexto1{
  font:11px verdana;
  color:#FFF;
}
#divTextFieldBuscaProdutos{
  width:100%;
  padding:5px 0 0 0;
}
.textField1{
  width:90px;
  background:#FFF;
  border:1px solid #d32e2e;
}
.button1{
  width:24px;
  height:20px;
  background:#d32e2e;
  font:11px verdana;
  color:#FFF;
  font-weight:bold;
  border:0;
}


/*****************************
            MENU
*****************************/
#divMenu{
  width:165px;
  float:left;
}
#divMenuMiddle{
 background:url(../imagens/bgmenu.gif) repeat-y;
}
#divMenuBottom{
  width:165px;
  height:55px;
  background:url(../imagens/menubottom.gif) no-repeat;
}
.listaMenu{ /* ul - menu */
  margin:0;
  padding:0;
  list-style-type:none;
}
.listaMenuItemLink{ /* li - link menu */
  margin:0;
  padding:0 20px 0 25px;
  font:11px verdana;
  color:#024380;
  font-weight:bold;
  text-decoration:none;
}
.listaMenuItemLink:hover{ /* li - link menu hover */
  font:11px verdana;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}
.listaSubMenu{ /* ul - submenu */
  width:125px;
  padding:0 0 0 12px;
  background:url(../imagens/bgsubmenu.gif);
  list-style-type:none;
  margin:0 10px 0 13px;
}
.listaSubMenuLink{ /* li - link submenu */
  width:165px;
  margin:0;
  font:11px verdana;
  color:#FFF;
  text-decoration:none;
  line-height:22px;
}
.listaSubMenuLink:hover{ /* li - link submenu - hover */
  width:165px;
  font:11px verdana;
  color:#FFF;
  text-decoration:underline;
  line-height:22px;
}


/*****************************
     CAIXAS DE ENDEREÇO
*****************************/
#divEndereco1Titulo{
  width:165px;
  height:57px;
  background:url(../imagens/star_loja1.gif) no-repeat;
  float:left;
}
#divEndereco2Titulo{
  width:165px;
  height:54px;
  background:url(../imagens/star_loja2.gif) no-repeat;
  float:left;
}
.divEnderecoTexto{
  width:100%;
  background:url(../imagens/bg_endereco.gif) repeat-y;
  font:11px verdana;
  color:#013465;
  text-align:center;
}
.divEnderecoBottom{
  width:100%;
  height:37px;
  background:url(../imagens/rodape_endereco.gif) no-repeat;
}


/*****************************
 CONTEUDO INTERNO - Produtos
*****************************/
#divProdutos{
  width:550px;
  float:left;
}
.listaProdutos{
  width:24%;
  float:left;
  text-align:center;
  height:193px;
  overflow:hidden;
  padding:0 0 10px 0;
}

/*****************************
 CONTEUDO HOME - Lançamentos
*****************************/
#divTitulo{ /* Título de Lançamentos e Eventos da Home */
  width:592px;
  height:59px;
  float:left;
  padding-left:8px;
}
#divLancamentos{
  width:428px;
  float:left;
  padding:0 0 0 22px;
}
.listaLancamentos{
  width:33%;
  float:left;
  text-align:center;
  height:193px;
  overflow:hidden;
  padding:0 0 10px 0;
}
#divThumbLancamentos{
  width:100%;
  float:left;
}
.classTituloThumbLancamentos{
  font:10px verdana;
  color:#c00000;
  font-weight:bold;
  text-decoration:none;
}
.classTituloThumbLancamentos:hover{text-decoration:underline;}

.classDestaqueThumbLancamentos{
  font:10px verdana;
  color:#000;
  text-decoration:none;
}
.classDestaqueThumbLancamentos:hover{text-decoration:underline;}

#divBotaoDetalhes{
  width:100%;
  float:left;
  padding:7px 0 0 0;
}

/*****************************
   CONTEUDO HOME - Eventos
*****************************/
#divEventos{
  width:121px;
  float:left;
  margin-left:19px;
  margin-top:5px;
  padding-bottom:14px;
  background:#e4eff5;
}
.listaEventosHome{
  padding:0 5px 0 6px;
  float:left;
}
.classEventosData{
  font:10px verdana;
  color:#990000;
  text-decoration:none;
}
.classEventosData:hover{text-decoration:underline;}

.classEventosTitulo{
  font:10px verdana;
  color:#003c64;
  font-weight:bold;
  text-decoration:none;
}
.classEventosTitulo:hover{text-decoration:underline;}

.classEventosDestaque{
  font:10px verdana;
  color:#003c64;
  text-decoration:none;
}
.classEventosDestaque:hover{text-decoration:underline;}

.classEventosSaibamais{
  font:10px verdana;
  color:#990000;
  text-decoration:none;
}
.classEventosSaibamais:hover{text-decoration:underline; font-weight:bold;}

#divEventosDivisor{
  width:121px;
  height:36px;
  float:left;
  background:url(../imagens/pontos.gif) no-repeat;
}

/*****************************
      CONTEUDO INTERNAS
*****************************/
#divInternas{
  width:557px;
  min-height: 150px;
  background:url(../imagens/base_titulo.gif) no-repeat;
  margin-left:8px;
  padding:20px;
}
#divInternasTitulo{
  width:530px;
  font:18px arial;
  color:#C00000;
  font-style:italic;
  margin-bottom:18px;
}
#divInternasTitulo a{
  font:18px arial;
  color:#C00000;
  font-style:italic;
  text-decoration: none;
}
#divInternasTitulo a:hover {
  font:18px arial;
  color:#C00000;
  font-style:italic;
  text-decoration: underline;
}
#ulInternasBreadcrumbs{
  width:100%;
  font:14px arial;
  color:#255b89;
  font-weight:bold;
  margin-bottom:20px;
  font-style:italic;
}
.listaInternasBreadcrumbs{
  display:inline;
}
.linkBreadcrumbs{
  font:13px arial;
  color:#255b89;
  font-weight:bold;
  text-decoration:none;
  font-style:italic;
  padding:0 5px 0 0;
}
.linkBreadcrumbs:hover{
  color:#C00000;
}
.classInternasFont{
  font:11px verdana;
  color:#000;
}
.classInternasFont a{
  font:11px verdana;
  color:#CC6600;
  text-decoration:none;
}
.classInternasFont a:hover{
  font:11px verdana;
  color:#C00000;
  text-decoration:underline;
}

/*****************************
      CONTEUDO PRODUTOS
*****************************/
#divProdutoImagem{
  width:220px;
  float:left;
  text-align:center;
  margin-bottom:20px;
  margin-top:10px;
}
#divProdutoTitulo{
  width:280px;
  font:14px verdana;
  font-weight:bold;
  color:#000;
  float:left;
  clear: right;
  margin-top:10px;
}
#divProdutoChamada{
  width:500px;
  font:11px verdana;
  color:#6f6f6f;
  float:left;
  clear: right;
  font-style:italic;
  padding:8px 0 8px 0;
}
.classProdutoChamada {
  font:11px verdana;
  color:#6f6f6f;
  font-style:italic;
}
.classProdutoTitulo {
  font:14px verdana;
  font-weight:bold;
}

/**************************
  PAGINADOR
  ************************/
#divPaginator {
  clear: both;
  text-align: center;
}
.classPaginatorTexto a {
  font:11px verdana;
  color:#024380;
  text-decoration: none;
}
.classPaginatorTexto a:hover {
  text-decoration: underline;
}
.classPaginatorCombo {
  border: 1px solid #6DA5CA;
  font:11px verdana;
  color:#024380;
}

/*######################################
/* formulário
########################################*/
#divForm{
  width:500px;
  margin:0;
  font:11px verdana;
  color:#666;
}
.divFormTexto{
  width:120px;
  float:left;
  margin:2px;
  font:11px verdana;
  font-weight:bold;
  color:#666;
  text-align:right;
}
.divFormTextField {
  background:#EAEAEA;
  width:200px;
  font:11px verdana;
  color:#000;
  border: 1px solid #CCC;
  margin:2px;
}
.divFormComent {
  background:#EAEAEA;
  width:200px;
  height:70px;
  font:11px verdana;
  color: #000;
  border: 1px solid #CCCCCC;
  margin:2px;
}
.divFormBotao{
  width: 100px;
  border:1px solid #c3d2a3;
  background:#85ab3d;
  padding:2px;
  font:11px verdana;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:50px;
  cursor: pointer;
  margin: 0px 0px 0px 229px;
}
.divSubmit{
  width:100%;
  float:left;
  padding:10px;
  text-align:center;
  font:11px verdana;
  color:#CC0000;
}
.divSubmit a{
  width:100%;
  float:left;
  text-align:center;
  font:11px verdana;
  color:#CC0000;
  font-weight:bold;
  text-decoration:underline;
}
.erroEmail {
  font:11px verdana;
  color:#CC0000;
  font-weight:bold;
}
.erroEmail a {
  font:11px verdana;
  color:#CC0000;
  font-weight:bold;
  text-decoration:underline;
}


/*************************
         fontes
*************************/
.fontStyle1{
  font:14px arial;
  color:#85ab3d;
  font-weight:bold;
  text-decoration:none;
}
.fontStyle1:hover{text-decoration:underline;}

.fontStyle2{
  font:10px verdana;
  color:#666;
  text-decoration:none;
}
.fontStyle2:hover{text-decoration:underline;}

.fontStyle3{
  font:11px verdana;
  color:#000;
  font-style:italic;
  text-decoration:none;
}
.fontStyle3:hover{ text-decoration:underline;}

.fontStyleButton{
  font:11px verdana;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  border:1px solid #c3d2a3;
  background:#85ab3d;
  padding:3px;
}
.fontStyleButton:hover{
  font:11px verdana;
  color:#578107;
  font-weight:bold;
  text-decoration:none;
  border:1px solid #85ab3d;
  background:#c3d2a3;
  padding:3px;
}
.divAlinhaRight{
  width:95%;
  text-align:right;
  padding:5px;
}
/**********************
      eventos
**********************/
.eventoTitulo{
  font:14px arial;
  color:#85ab3d;
  font-weight:bold;
  text-decoration:none;
}

.eventoData{
  font:10px verdana;
  color:#666;
  text-decoration:none;
}

.eventoResumo{
  font:11px verdana;
  color:#000;
  font-style:italic;
  text-decoration:none;
}
