*{ border:0px;}

body{
  background:url(../imagens/pattern.gif);
  padding:0px;
  margin:0px;
}

#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: 265px;
  left: 550px;
  width: 100px;
  height: 20px;
  display: none;
  font-family: verdana;
  font-weight: bold;
  font-size: 11px;
  padding-top: 6px;
  padding-left: 25px;
  z-index:2;
}

#divAlert{
  position:absolute;
  width:500px;
  height:400px;
  top:50%;
  margin-top:-200px;
  left:50%;
  margin-left:-250px;
  background:url(../imagens/alert.jpg) no-repeat;
}
#divBotaoEntrar{
  width:169px;
  height:43px;
  margin-top:348px;
  padding-left:35px;
  float:left;
}

#divBotaoNaoEntrar{
  width:169px;
  height:43px;
  margin-top:348px;
  padding-left:80px;
  float:left;
}

#divTopo{
  background:url(../imagens/bg_topo.gif) repeat-x;
  height:256px;
  width:100%;
  font:11px verdana;
  color:#f1b601;
}

#divTopo a{
  font:11px verdana;
  color:#f1b601;
}

#divGeral{
  position:absolute;
  width:778px;
  left:50%;
  margin-left:-389px;
  margin-top:-126px;
  text-align:left;
}
/*********************
      CONTEUDO
*********************/
#divConteudo{ /* A divConteudo é a de fundo vermelha e que sustenta as outras */
  width:590px;
  margin-left:6px;
  padding:10px;
  float:left;
  background:#aa0000;
}
.divConteudoBranco{ /* Usada para todas as internas */
  width:560px;
  background:#FFFFFF;
  float:left;
  padding:0 15px 15px 15px;
  font:11px verdana;
  color:#000;
}
#divConteudoBrancoDestaques{
  width:560px;
  background:#FFFFFF;
  float:left;
  margin-top:10px;
  padding:0 15px 15px 15px;
}
#div45Graus{
  width:32px;
  height:32px;
  position:absolute;
  background:url(../imagens/45graus.gif) no-repeat;
  left:746px;
  top:0;
}

#divButtonBack{
  width:100px;
  float:left;
}

/*********************
        MENU
*********************/
#divMenu{
  width:162px;
  float:left;
}
#divMenuTop{
  width:162px;
  height:48px;
  background:url(../imagens/menu_topo.gif) no-repeat;
  float:left;
}
#divMenuMiddle{
  width:162px;
  background:url(../imagens/menu_meio.gif) repeat-y;
  float:left;
  padding:15px 0 0 0;
  margin:0;
}
#divMenuBottom{
  width:162px;
  height:41px;
  background:url(../imagens/menu_base.gif) no-repeat;
  float:left;
}
#divMenuBlocoAbaixo{
  width:143px;
  height:35px;
  margin-left:4px;
  float:left;
  background-color:#7e0000;
  padding:115px 3px 0 0;
  text-align:right;
}

#divVejaPedido{
  width:146px;
  float:left;
  padding:0 0 0 13px;
  background:url(../imagens/bg_menu.gif) repeat-y;
}

/*********************
    MENU - Lista
*********************/
ul.menu{
  padding:0;
  width:162px;
  margin:0;
  text-align:left;
  list-style-type:none;
}
ul.menu li{
  font:11px verdana;
  color:#FFFFFF;
  font-weight:bold;
  height:24px;
  background:url(../imagens/menu_bgopcoes.gif);
  padding:1px 0 0 15px;
}
ul.menu li a{
  font:11px verdana;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background:url(../imagens/menu_bgopcoes.gif);
  padding:1px 0 0 15px;
}
ul.menu li a:hover{
  font:11px verdana;
  color:#eeaa01;
  font-weight:bold;
  text-decoration:none;
  background:url(../imagens/menu_bgopcoes.gif);
  padding:1px 0 0 20px;
}

/*********************
  SUBMENU - Lista
*********************/
ul.submenu{
  list-style-type:none;
  text-align:left;
  margin:0px;
  padding-left:30px;
}
ul.submenu li{
  height:24px;
  font:11px verdana;
  color:#FFFFFF;
}
ul.submenu li a{
  height:24px;
  font:11px verdana;
  color:#FFFFFF;
  text-decoration:none;
}
ul.submenu li a:hover{
  height:24px;
  font:11px verdana;
  color:#eeaa01;
  text-decoration:none;
  padding-left:5px;
}

/*********************
      TÍTULOS
*********************/

#divTitulos{width:550px; height:55px; float:left;}

.classTitulosAloja{background:url(../imagens/tit_aloja.gif) no-repeat;}

.classTitulosDicas{background:url(../imagens/tit_dicas.gif) no-repeat;}

.classTitulosContato{background:url(../imagens/tit_contato.gif) no-repeat;}

.classTitulosProdutos{background:url(../imagens/tit_produtos.gif) no-repeat;}

.classTitulosDestaques{background:url(../imagens/tit_destaques.gif) no-repeat;}


/*********************
 CONTEUDO - HOME - DICAS - lista
*********************/
#divDica {
  min-height: 300px;
}
ul.dicasHome{
  list-style-type:none;
  float:left;
  margin:0px;
  padding:0px;
}
ul.dicasHome li{
  font:11px verdana;
  color:#000;
  float:left;
  text-decoration:none;
}
ul.dicasHome li a{
  font:11px verdana;
  color:#000;
  text-decoration:none;
}
ul.dicasHome li a:hover{
  font:11px verdana;
  color:#666;
  text-decoration:underline;
}
.classIconeLista{
  font:11px verdana;
  color:#CC0000;
  font-weight:bold;
}
.divPontilhado{
  width:554px;
  height:13px;
  background:url(../imagens/pontos.gif) no-repeat;
  float:left;
}
#divButtonMaisDicas{
  float:right;
  padding:5px 0 0 0;
}


/*********************
 CONTEUDO - PRODUTOS - lista
*********************/

ul.thumb_produtos{display:block; margin:0px;}

ul.thumb_produtos li{
  height: 220px;
	display:block;
	float:left;
	width:33%;
	padding:0 0 10px 0;
	margin:0px;
}		
ul.thumb_produtos li a{
   width:90%;
   display: block;
   float:left;
   text-align:center;
   margin:0px;
}
ul.thumb_produtos li h4 a{ /* Nome do produto */
	font:11px verdana;
	color:#aa0000;
	text-decoration:none;
	width:90%;
	margin:0px;
	font-weight:bold;
	line-height:11px;
	padding:0 0 8px 0;
}
ul.thumb_produtos li h4 a:hover{text-decoration: underline;}

ul.thumb_produtos li h5 a{ /* preço */
	font:11px verdana;
	color:#000;
	text-decoration: none;
	width:90%;
	margin:0px;
	padding:0 0 8px 0;
}
ul.thumb_produtos li h5 a:hover{text-decoration: underline;}

ul.thumb_produtos li h6 a{ /* Veja + detalhes */
	font:11px verdana;
	color:#d18000;
	text-decoration:none;
	font-weight:bold;
	width:90%;
	margin:0px;
}
ul.thumb_produtos li h6 a:hover{text-decoration: underline;}



/*********************
  PRODUTOS - detalhes
*********************/
ul.breadcrumbs{
  width:500px;
  margin:0;
  list-style-type:none;
  float:left;
  padding:0px;
}
ul.breadcrumbs li{
  list-style-type:none;
  display:inline;
  font:11px verdana;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}
ul.breadcrumbs li a{
  font:11px verdana;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}
ul.breadcrumbs a:hover{ text-decoration:underline;}


ul.subdirs{
  width:550px;
  margin:0;
  list-style-type:none;
  float:left;
  padding:0px;
}
ul.subdirs li{
  float:right;
  list-style-type:none;
  display:inline;
  font:11px verdana;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
  padding: 0 10px 0 0;
}
ul.subdirs li a{
  font:11px verdana;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}
ul.subdirs a:hover{ text-decoration:underline;}


#divProdutosFoto{
  width:270px;
  height:340px;
  float:left;
}
#divProdutosDescricao{
  width:275px;
  float:right;
}
#divProdutosDescricao h3 {
  font: 14px verdana;
  font-weight: bold;
}
#divProdutosDescricao h4 {
	color:#d18000;
}
#divProdutosDescricao a {
  text-decoration: none;
  color: #B72626;
}
#divProdutosDescricao a:hover {
  text-decoration: underline;
  color: #B72626;
}
/*********** thumbnails ************/
#divSustentaThumbnails{
  width:300px;
  height:115px;
  float:right;
  font:11px verdana;
  color:#bc0000;
  font-weight:bold;
}
.classSetas{
  width:27px;
  float:left;
}
#divThumbnails{
  width:246px;
  height:75px;
  float:left;
  overflow:hidden;
}
ul.produtosThumbs{
  float:left;
  list-style-type:none;
  display:inline;
  margin:0px;
  padding:0px;
}
ul.produtosThumbs li{
  float:left;
  list-style-type:none;
  display:inline;
}




/*********************
     FORMULÁRIOS
*********************/
#divForm{
  width:300px;
  margin:0;
  padding:65px 0 0 100px;
}
.divTexto{
  width:80px;
  float:left;
  margin:2px;
  font:11px verdana;
  color:#FFFFFF;
  font-weight:bold;
  color:#990000;
  text-align:right;
}
.textField { 
  background:#E5E5E5;
  width:200px;
  font:11px verdana;
  color: #003399;
  border: 1px solid #999999;
  margin:2px;
}
.coment { 
  background:#E5E5E5;
  width:200px;
  height:70px;
  font:11px verdana;
  color: #003399;
  border: 1px solid #999999;
  margin:2px;
}
.botao{
  background:#990000;
  border:1px solid #CC3300;
  font:11px verdana;
  color:#FFFFFF;
  font-weight:bold;
  float:right;
  margin-bottom:50px;
}

/**************************
  PAGINADOR
  ************************/
#divPaginator {
  clear: both;
  text-align: center;
}
.classPaginatorTexto a {
  font:11px verdana;
  color:#7E0000;
  text-decoration: none;
}
.classPaginatorTexto a:hover {
  text-decoration: underline;
}
.classPaginatorCombo {
  border: 1px solid #6DA5CA;
  font:11px verdana;
  color:#7E0000;
}

/***************************
  CMS_Kart
  *************************/
#divKart {
  clear: both;
}
.classKart {
  padding: 0;
  margin: 0;
}
.classKart th {
  background-color: #AA0000;
  color: #FFFFFF;
}
.classKart td {
  border: 1px solid #E4B1B1;
  color: #000000;
  font-weight: bold;
}
.classKart a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.classKart a:hover {
  text-decoration: underline;
}
.classKart input {
  color: #000000;
  border: 1px solid #E4B1B1;
}