﻿/* Default Padrao */
#Body{ width:1001px; }
img {
	border:0;
	padding:0;
	margin:0;
}
h1, h3 {
	padding:0;
	margin:0;
}
#NavLateralEsquerda {
	margin: 0 0;
	padding-top: 0;
	width: 175px;
	position: relative; z-index:1;
}
#NavLateralDireita {
	width: 162px;
	margin: 0;
}
#NavCentral {
	margin:0 175px 0 175px;
	position:relative; z-index:0;
}
#NavSuperior {
	margin:0 0 0 0;
}
#NavInferior {
	margin:10px 0 0 0;
}
h5 {
	font-size:13px;
}

.alignLeft
{
      float: left;
}
.alignRight
{
      float: right;
}
#Page{
	background:url(images/cornerHome.png) no-repeat left top #fff;
	padding:10px 0 0 7px;
	}
/* CSS Cabecalho (cima.php) */
#bg_cabecalho {
	display:table;
	width:100%;
      padding-bottom: 10px;
	background: #000 url(images/bgTopFirst.png) repeat-x;
	text-align:center;
      overflow: hidden;
}
	#bg_cabecalho h1 {
		float:left;
	}
	#cabecalho_carrinho {
		display: block;
		float: right;
		width: 160px;
		height: 106px;
		background:url(images/areaSakola.png) no-repeat left;
	}
		#cabecalho_carrinho span {
			display: block;
			width: 160px;
			text-align:right;
			margin: 10px 0 0 0;
		}
		#cabecalho_carrinho span a {
			font: bold 12px Arial, Helvetica, sans-serif;
			color:#000; margin-right:5px;
		}
		#cabecalho_carrinho span, #cabecalho_carrinho a {
			
		}
	.psComprePorTelefone
      {
            margin: 20px 47px 0 0;
            float: right;
            overflow: hidden;
      }
      #saudacao {
		width: 174px;
		margin: 7px 0 0 43px;
		text-align: left;
            float: left;
            overflow: hidden;
          }
            #saudacao span {
                  display: block;
                  font: 11px Arial, Helvetica, sans-serif;
                  color: #eeeff4;
                  margin: 0 0 0 5px;
            }
            #saudacao a {
                  font: 11px Arial, Helvetica, sans-serif;
                  color: #fff; text-decoration:underline;
                  text-align: left;
                  padding: 0 2px 0 0;
            }
     #menuTop
      {
       margin-left:202px;
	   text-align:left;  
      }
            #menuTop ul
            {
                  margin: 12px 0;
            }
                  #menuTop ul li
                  {
                        list-style: none;
                        display: inline;
                        color: #717171;
                        margin: 2px;
                  }
                        #menuTop ul li a
                        {
                              font: 11px Arial, Helvetica, sans-serif;
                              color: #ff7a37;
                              text-transform: uppercase;
                              margin: 3px;
                        }
      .psAtendimento
      {
		  	background:#000; width: 160px; height: 70px;
            margin: 7px 0 0 0; text-align:center; 
      }

      #psElements
      {
            
      }

#bg_busca {
	height: 25px;
      margin: 0 0 0 75px;
      padding: 0 0 0 25px;
    
}
#bg_busca #bg-busca-marcas2{ float:left; margin-left:48px; }
      
	.sBusca
      {
            font: bold 11px Arial, Helvetica, sans-serif;
            color: #000;
            margin: 0 0;
            padding: 2px 0;
            width: 150px;
            border: 0;
      }
      .iBusca
      {
            font: bold 11px Arial, Helvetica, sans-serif;
            color: #000;
            margin: 0 0 0 5px;
            padding: 3px 0;
            width: 317px;
            border: 0;
            text-align: center;
      }
      .psButtom
      {
            margin: 0 0 -7px 0;
      }

#cabecalho_menu {
	clear: both;
	background: #1a1a1a;
	margin: 0 auto;
	padding: 10px 0 0 0;
      width: 1001px;
      height: 32px;
	text-align: center;
}
	#cabecalho_menu li {
		display:inline;
	}
	
	#cabecalho_menu li a{
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#000000;
			padding:0 0;
			text-transform:uppercase;
			line-height:43px;
	}
            #cabecalho_menu li a img{
			float: left;
                  margin-left: 1px;
	}

/* CSS Lateral Esquerdo (esquerdo.php) */
#wraperLeft
{
      background: #000;
      width: 175px;
}
.categorias_clara, .categorias_clara li {
	padding:0; margin:0; border:0; list-style:none;
      margin: 0 0 0 3px;
	}
	.categorias_clara{ }
	.categorias_clara a{
		background-color:#ff6c21; display:block; text-align:center;
		font:normal 12px Arial, Helvetica, sans-serif; color:#000;
		border:outset 2px #ff6c21; padding:2px 0; cursor:pointer;
        width: 161px;
		}
		
		.categorias_clara ul{ 
			position:absolute; width:165px; left:125px; top:0; display:none; 
			}
		.categorias_clara > li { position:relative; }
		.categorias_clara > li:hover > ul{
			display: block; width: 165px;
			}
		.categorias_clara > li.bg-submenu h3 a {
			background:url(images/icoSub.gif) no-repeat right center #ff6c21;
            width: 161px; text-decoration:none;
			} .categorias_clara li a{ text-decoration:none; }
			.categorias_clara > li:hover h3 a, .categorias_clara li a:hover{
			background:url(images/latEsquerdoHover.gif) no-repeat center;
			border:0; padding:4px 2px; color:#fff;
			}
				 .categorias_clara li {
					  background-color:#ff6c21; width:165px;
					 }
	/*#NavLateralEsquerda span {
		display:block;
		font:bold 18px Arial, Helvetica, sans-serif;
		color:#e56b00;
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;
		padding:8px;
		text-align:center;
	}
	.categorias_clara {
		list-style:none;
		margin:0;
		padding:0;
	}
	.categorias_clara li {
		border-bottom:1px solid #000000;
		padding:8px;
	}
	.categorias_clara li a {
		display:block;
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#e56b00;
		padding:0 0 0 21px;
		background:url(images/seta.jpg) no-repeat left;
	}
	.categorias_clara li ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	.categorias_clara li ul li {
		border:0;
		padding:0;
	}
	.categorias_clara li ul li a {
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#000000;
		background:none;
	}
	.categorias_clara li ul li.lista_vejamais a {
		color:#000000;
	}
*/
.banner_lateral {
	text-align:center;
	margin:10px 0 0 0;
}
.banner_lateral_cima {
	text-align:center;
	margin-top: 31px;
}

/* CSS Lateral Direito (direito.php) */
		#lat-news{
			background:url(images/newsletter.jpg) no-repeat bottom;
			height:148px;
			width:162px;
		}
		#lat-news form {
			width:128px;
			margin:0;
			padding:40px 0 0 15px;
			text-align:center;
		}
		#lat-news fieldset{ border:0; margin:0; padding:0;}
		#lat-news label{ font:11px Arial, Helvetica, sans-serif; color:#000000; display:block; margin:5px 0 0 0; text-align:left; }
		#lat-news input.campo_news{ background:#FFFFFF; border:1px solid #d6d3ce; width:135px; padding:1px 5px; width:118px; }
		#lat-news input.botao{margin:5px 0 0 0;}



/* CSS Home (home.php) */
#banner_cabecalho {
	clear:both;
	text-align:center;
}
#home{ padding:10px; }
#home table td{ text-align:center; padding:20px 5px; width:33%; }
	.FotoVitrine {
		display:block;
		height:180px;
		text-align:center;
	}
 .NomeProdutoVitrine {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	}
	.NomeProdutoVitrine a{ font:bold 14px  Arial, Helvetica, sans-serif; color:#000000; }
	.preco_vitrine {
		font:10px Arial, Helvetica, sans-serif;
		color:#737373;
	}
	.precoNormal{
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#cb691b;
		}
	.trataFonte{
		font: 11px Arial, Helvetica, sans-serif;
		color: #cb691b;
		display: block;
		margin: 15px 0 0 0; 
	}
	.trataFonte a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #cb691b;
	}


/* CSS Baixo (baixo.php) */
#BannerBaixo {
	clear:both;
	text-align:center;
	margin-bottom:10px;
}
	#menu-baixo{
		display:table;
		width:960px;
		margin:0 auto 10px auto;
		clear:both; 
	}
		#menu-baixo ul{
			float:left;
			width:135px;
			margin:0 134px 0 0;
			padding:0;
			list-style:none;
			text-align:left;
		}
				#menu-baixo ul li {
					margin-left:14px;
				}
				#menu-baixo ul li a{
					font: 11px Arial, Helvetica, sans-serif;
					color:#000;
				}
			#selos_rodape {
				display:block;
				float:left;
				width:270px;
				text-align:center;
				margin:0 53px;
			}
			#selos_rodape span {
				float:left;
			}
			.img_esq {
				float:left;
			}

	#rodape_aviso {
		clear:both;
		margin:0;
		padding:10px 0;
		font: 11px Arial, Helvetica, sans-serif;
		color:#333;
		border:0;
		text-align:center;
		background:#f3f3f3;
	}
	#rodape_direitos {
		margin:2px 0;
		padding:0;
		font: 12px Arial, Helvetica, sans-serif;
		color:#000;
		border:0;
		text-align:center;
	}