* {margin:0px;
  padding:0px;
  list-style:none;
  text-decoration:none;}

body {text-align:center;
    font-family:arial,verdana,helvetica,sans-serif;}

#geral {width:100%;
       margin:0 auto;
	   text-align:left;}
	   
h3 {font-size:16px;
   font-weight:bold;}
h4 {font-size:14px;
   font-weight:bold;
   color:#2f2d2d;}   
	   
/* topo */

#topo {width:100%;
      height:244px;
	  background:#ffffff;
	  position:relative;}

	  
#barra-topo	{width:100%;
             height:44px;
			 background:#681916 url(images/bg_barra_topo.jpg) repeat-x;}
			 
#barra-topo #busca {width:512px;
                   position:absolute;
                   left:132px;}			 


#menu-inst {width:512px;
           height:32px;
		   position:absolute;
		   right:132px;
		   background-color:#7e1f1b;
		   text-align:center;}
#topo-full {width:100%;
           height:138px;}		   
#menu-inst ul li {display:inline;
              color:#ffffff;
			  font-size:12px;
			  line-height:250%;
			  }
			  
#menu-inst ul li  a 	{color:#f2cc74;
                 margin-right:6px;
				 margin-left:6px;}		  

#logo {width:400px;
      height:72px;
	  
	  position:absolute;
	  margin-left:50px;
	  background-color:blue;}

#menu-hori {width:100%;
            /* erro para menu ficar  automatico */
		   position:absolute;
		   bottom:0px;
		   left:0px;
           background: #a02622 url(images/bg_menu_horizontal.jpg) repeat-y;
		   font-size:12px;
		   line-height:30px;}
		   
#menu-hori ul {text-align:center;}		   
#menu-hori ul li {display:inline;
              margin-right:15px;}
			  
#menu-hori ul li  a {color:#ffffff;}	
#menu-hori ul li  a:hover {background-color:red;
                       color:#ffffff;}
					   
#menu-hori ul li  a:focus {background-color:red;
                       color:#ffffff;}					   
					   
/* Topo fim */


/* Full banner */
#banner {width:100%;
        height:0px;
		background:purple;}   /* <--- para ie não deixar espaço em branco */
/* fim do full banner */	



/*a baixo do banner */
#sub-banner	{width:100%;
             height:23px;
			 background: gray url(images/sub_banner.jpg) repeat-x;}
			 
#sub-banner .carrinho {float:right;
                      width:155px;
					  height:23px;
					  
                      background: url(images/carrinho.gif) no-repeat;
					  text-indent:-9000px;
					  overflow:hidden;
					  margin-right:9px;}			 
/* fim de sub-baner */	



/* coluna da esquerda */
#coluna-left {width:157px;
             float:left;
			 background:#e5e4e4;
			 }
			 
#coluna-left h3 {width:157px;
                height:25px;
                background:red url(images/bg_categorias.jpg) no-repeat;
				color:#ffffff;
			    text-align:center;
			    line-height:160%;
			    text-transform:uppercase;
				margin-bottom:13px;}
				
#coluna-left h4 {margin-top:5px;}				
#coluna-left  ul {text-indent:7px;}

#coluna-left  ul li {color:#2f2d2d;
                 font-size:11px;}

#coluna-left  ul li a {color:#2f2d2d;}
#coluna-left  ul li a:hover {background: url(images/ico_newletter.png) no-repeat;
                        background-position:right;
                        padding-right:10px;
						}				 
				
/* fim coluna da esquerda */	



/* coluna direita */
#coluna-right {width:157px;
              float:right;
			  background:#ffffff;
			  height:800px;}


#coluna-right #area-cliente,#newsletter {background:#e3e2e2;}

#coluna-right #area-cliente,#newsletter h3 {color:#454545;}

#coluna-right .nota {font-size:10px;
                    color:#000000;
					width:120px;
					margin-left:30px;
					display:block;
					height:20px;
					line-height:10px;
					margin-top:-2px;
					margin-left:37px;}
					
#coluna-right .registro {font-size:10px;
                        color:red;
	                    text-decoration:underline;
						position:absolute;
						top:135px;}	

#coluna-right form  {position:absolute;
                  display:block;
				  top:60px;}
				  
#coluna-right form label {font-size:10px;
                      color:#000000;}				  
				  
#coluna-right form input  {
                       left:42px;
                       height:18px;
					   margin-bottom:6px;}						
		

		
#coluna-right #area-cliente {width:157px;
                            height:161px;
							position:absolute;
							background:url(images/bg_cliente.gif) no-repeat;}
							
#coluna-right #area-cliente label {
				  float:left;
				  left:5px;
				  display:block;
				  margin-bottom:15px;}			  
							
							

#area-cliente form input {width:108px;
                      float:right;
					  margin-right:6px;}

#area-cliente h3 {margin-left:37px;
                 margin-top:4px;
				}
        			  
					  
						
							
#coluna-right #newsletter {width:157px;
                          height:180px;
						  margin-top:400px;
						  position:absolute;
						  background:transparent url(images/bg_newletter.jpg) no-repeat;}
						  
#newsletter h3    {
				margin-top:5px;
				margin-left:37px;}  
						  
#newsletter form {position:absolute;
                top:55px;
				margin-top:0px;
				margin-bottom:0px;}
				
#newsletter form input {width:141px;
                    margin-bottom:4px;
					margin-top:0px;}

#newsletter  label {margin-left:6px;
                 margin-bottom:0px;
				 margin-top:0px;
				 height:10px;}	

#newsletter  input {width:141px;
                 margin-left:6px;
				 margin-bottom:0px;
				 margin-top:0px;}						  
						  
/*fim da coluna direita*/	


/* Conteudo */
#conteudo {width:55%;
          background:#ffffff;
		  margin:0 auto;
		  text-align:center;}
		 
#conteudo .produto {width:130px;
				   font-size:11px;
				   text-align:center;
				   margin:0 auto;
				   float:left;
				   margin-left:5px;
				   margin-right:5px;
				   margin-top:12px;}
				   
#conteudo .produto  img {margin:0 auto;
					   display:block;
					   }
					   
#conteudo .produto .nome-produto	{text-align:left;
                                 color:#000000;
                                 font-weight:bold;
								 display:block;}
								 
#conteudo .produto .descricao {text-align:left;
                             color:#000000;
                             font-weight:normal;
							 display:block;}
							 
#conteudo .produto  .preco {text-align:left;
                         display:block;}

#conteudo .produto .detalhes {background: url(images/detalhes.gif) no-repeat;
                            margin:0 auto;
							display:block;
							width:107px;
							height:22px;
							overflow:hidden;
							text-indent:-9000px;}							 
							 
								 

/*rodape */

#rodape {width:100%;
        height:208px;
		background:#9f2622 url(images/bg_rodape.jpg) repeat-x;
		clear:both;
	    text-align:center;
		}	


			
#direitos {color:#ffffff;
          font-size:11px;}