/* ------------------------------------ *
            autor:Gazebos
            email:sac@jovialmagazine.com.br
* ------------------------------------ */
 
 

/*Zerando formatação*/   

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

/*Formatação Default*/

img{border:none;}   


a{color:#333333;
  background-color:inherit;  
            
} 

a:hover{color:#ee7822;
        background-color:inherit;
		} 


/*Body*/  
 
body{background-color:#fff;
     color: #333333;
	 }


/* ------------------------------------ *
    Divs
 * ------------------------------------ */


/* Top*/ 

#top{background-image:url(arquivos/bg_topo.jpg);
     width: 100%;      
     height: 111px;
	 }

         
#center_top{width:900px;
            height: 16px;
            margin:auto;
			} 


        
#logo{background-image:url(arquivos/logo.jpg);
      width: 305px;      
      height: 111x;
      overflow: hidden;
      text-indent: -5000px;
      float:left;
      margin:0px 20px 0px 0px;
      
	  }  


#logo a{display: block;
        width: 305px;
        height: 111px;
		}



/* Menu */ 


#center_menu{width: 539px;
             height: 136px;
             margin:auto;
float:left;
			 }
        
        
#menu{width: 553px;      
      height: 111px;
      background-image: url(arquivos/bg_menu.jpg);
padding-top:0px;
float:left;

	  }


#menu_efeitos {width: 553px;
			   height: 111px;
			   background-image: url(arquivos/menu.jpg);
               position: relative;
		       overflow: hidden;
		       text-indent: -5000px;
			   display: block;
			   }



#menu_efeitos li {position: absolute;}
#menu_efeitos li, #menu_efeitos a {height: 134px; display: block;}




#menu_home {left: 10px; width: 50px;}
#menu_sobre {left: 68px; width: 98px;}
#menu_produtos {left: 175px; width: 83px;}
#menu_novidades {left: 265px; width: 150px;}
#menu_fale {left: 420px; width: 135px;}


#menu_home a:hover {background: transparent url(arquivos/menu.jpg) -10px -111px no-repeat;}
#menu_sobre a:hover {background: transparent url(arquivos/menu.jpg) -68px -111px no-repeat;}
#menu_produtos a:hover {background: transparent url(arquivos/menu.jpg) -175px -111px no-repeat;}
#menu_novidades a:hover {background: transparent url(arquivos/menu.jpg) -265px -111px no-repeat;}
#menu_fale a:hover {background: transparent url(arquivos/menu.jpg) -420px -111px no-repeat;}





.lista_categorias{
width: 800px;
display:table;
border:1px solid #CCCCCC;
background-color:#fff;
margin:10px 0px 10px 40px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
}

.lista_categorias li{
float:left;
padding:10px 5px 10px 5px;
 height: 20px;

}

.destaque{
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#666;
font-weight:bold;
float:left;
padding:10px px 0px 0px;
 height: 20px;

}


/* ----------------------------
   Index
---------------------------*/ 

#principal{
width: 856px;
height: 100%; 
margin:auto;
padding-top:20px;
background-color:#ffffff;


}

#principal h2{
width: 120px; 
height: 36px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#8d1516;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_ofertas.jpg);
overflow: hidden;
text-indent: -5000px;  
display:table;     
            
}

#principal h3{
font-size: 16px;
width: 250px; 
height: 36px;
padding:20px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#000000;
margin:auto;   
            
}

#produtos{
width: 100%;
padding:0px 5px 0px 10px;
display:table;


}

#produtos strong{
color:#666;

}
#produtos ul {margin-top: 20px;
display:block;

}

#produtos li {width: 50%;
                        float: left;
                        font-size: 11px;
						font-family:Arial, Helvetica, sans-serif;
						color: #646464;
                        margin-bottom:20px;
                        height:100px;
                        display:block;
                        

}

#produtos a strong {color: #1a1e20;

}

#produtos a strong:hover {color: #ee7822;

}

#produtos img {
border:none;
float: left;
width: auto;
margin: 7px 10px;
}

/* ----------------------------
   Descrição Produtos
---------------------------*/ 


#descricao_produto{
width: 900px;
height: 100%; 
margin:auto;
padding-top:20px;
background-color:#ffffff;
} 



#descricao_produto h2{
height: 25px;
margin-left:10px;
width: 745px;  
color:#1a1e20;
font-family:Georgia, Tahoma, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;   
margin:0px 0px 15px 20px;

}

#descricao_produto h3{
height: 25px;
margin-left:10px;
width: 350px;  
color:#1a1e20;
font-family:Georgia, Tahoma, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;   
margin:0px 0px 1px 580px;

}

#descricao{
width: 500px; 
float:left;
font-size: 12px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color: #696969;
padding-left:10px;
}


#descricao b{
display:block;
margin:10px 0px 10px 0px;
font-size: 12px;
font-style:italic;

}

#descricao img{
margin: 20px 0px 20px 150px;

}


#box_carrinho{
margin:30px 0px 20px 0px;
width:250px;
height:auto;
margin:15px auto;
display:table;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#696969;

}
#box_carrinho ul{
border:1px solid #D6D7D9;
}

.alerta_top{
display:block;
width: 250px;
height: 30px;
background-image:url(arquivos/alerta_carrinho_segu.jpg);
text-indent:-50000px;
overflow:hidden;

}

.alerta_top a{
display:block;
width: 250px;
height: 32px;
}



.preco_avista{ 
background-color:#F5F5F5;
display:block;
width: 250px;
height: auto;
text-align:center;
border-bottom:1px solid #D6D7D9;
padding:0px 0px 10px 0px;
}

.preco_avista strong{
text-align:center;
color:#1a1e20;

}

.preco_avista b{color:#1a1e20;}

.preco_avista p{
padding:10px 0px 10px 0px;

}

.desconto{
background-color:#FFFFFF;
display:block;
width: 250px;
height: auto;
text-align:center;
padding:10px 0px 10px 0px;
border-bottom:1px solid #D6D7D9;
}

.desconto b{
color:#1a1e20;
}


.parcelado{
background-color:#FFFFFF;
display:block;
width: 250px;
height: auto;
text-align:center;
padding:10px 0px 10px 0px;
border-bottom:1px solid #D6D7D9;

}
.parcelado b{
color:#1766B7;
font-size:11px;
}



#box_carrinho table{
width: 250px;
height: auto;
}

#box_carrinho .parcela_titulo{
border-top:1px dashed #D6D7D9;
border-bottom:1px dashed #D6D7D9;
background-color:#F5F5F5;


}

#box_carrinho .parcela_numeros{
border-bottom:1px dashed #D6D7D9;
background-color:#FFFFFF;

}


/* ----------------------------
          Fale Conosco
---------------------------*/ 


#faleconosco{width: 900px;
             height: 100%; 
             margin:auto;
             padding-top:40px;
             background-color:#ffffff;
         

} 



#faleconosco h2{
width: 97px; 
height: 38px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_fale.jpg);
background-repeat:no-repeat;
overflow: hidden;
text-indent: -5000px;  
display:table;                
}

#faleconosco p{
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}



/* ----------------------------
        newsletter 
---------------------------*/ 


#newsletter {width: 770px;
             height: 100%; 
             margin:auto;
} 



#newsletter  h2{width: 712px;      
                height: 51px;
                background-image:url(arquivos/titulo_newsletter.jpg);
                overflow: hidden;
                text-indent: -50000px;
                margin-top:10px;
}

#newsletter p{
padding-left:20px;
margin-top:25px;
color:#791F91;
}



/* ----------------------------
        lista 
---------------------------*/ 


#lista {
width: 900px;
height: 100%; 
margin:auto;
padding-top:20px;
background-color:#ffffff;

}

#lista h2{
width: 108px; 
height: 36px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_produtos.jpg);
overflow: hidden;
text-indent: -5000px;  
display:table; 
background-repeat:no-repeat;
}          


#lista p{
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}

/* ----------------------------
        curiosidade
---------------------------*/ 


#curiosidade {width: 770px;
             height: 100%; 
             margin:auto;
             padding-top:40px;
} 



#curiosidade  h2{
font-size: 16px;
width: 680px; 
height: 23px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 0px;
             
}

#curiosidade  h3{
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#444;
font-style:italic;
padding:10px 0px;
             
}


#curiosidade  h4{
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#444;
font-style:italic;
padding:10px 0px 10px 0px;
             
}

#curiosidade p{
padding:10px 0px 10px 20px;
color:#444;
}

#curiosidade img{
float:left;
padding:0px 10px 10px 0px;
}


/* ----------------------------
        Sobre-nos
---------------------------*/ 


#sobre-nos {
width: 900px;
height: 100%; 
margin:auto;
padding-top:20px;
background-color:#ffffff;

}

#sobre-nos  h2{
width: 89px; 
height: 37px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_sobre.jpg);
overflow: hidden;
text-indent: -5000px;  
display:table;  
background-repeat:no-repeat;    
}

#sobre-nos p{
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}




/* ----------------------------
       Ampliar Imagem
---------------------------*/ 

#amp_imagem{width:100%;
            height: 100%; 
         
}


#amp_imagem  h2{
background-image:url(arquivos/bg_topo.jpg);
height: 35px;
padding:22px 0px 0px 10px ;
color:#fff; 
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
}

#amp_imagem  ul{
text-align:center;

}

.bot_fechar{
border:none;
width: 150px;
height:22px;
cursor: pointer;
display:block;
border:2px solid #1a1e20;
margin:auto;
padding-top:6px;
background-color:#1a1e20;
margin-top:10px;
color:#FFFFFF;
text-align:center;
}

.bot_fechar a{
width: 150px;
height:22px;
display:block;
color:#FFFFFF;


}





/* ----------------------------
       Ampliar segura
---------------------------*/ 

#amp_segura{width:100%;
            height: 100%; 
           
}


#amp_segura h2{
background-image:url(arquivos/bg_topo.jpg);
height: 35px;
padding:22px 0px 0px 10px ;
color:#fff; 
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;

}

#amp_segura  ul{
text-align:center;

}


/* ----------------------------
          Formulário Padrão
---------------------------*/ 

#faleconosco form{
padding-left:20px;
margin-top:25px;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:12px;
color: #1a1e20;
} 

#faleconosco form fieldset{
border:none;

}

#faleconosco form legend{
display:none;
}
 
#faleconosco form label{
display: block;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:14px;
color:#1a1e20;

}

#faleconosco form input{
margin:10px 0px ;
width: 200px;
border: 2px solid #D6D7D9;
background-image:url(arquivos/bg_input.jpg);
height:20px;
color:#1a1e20;
padding:0px 0px 0px 5px;


}

#faleconosco form select {
margin:10px 0px ;
width: 200px;
border: 2px solid #D6D7D9;
height:22px;
color:#1a1e20;

}


#faleconosco form textarea{
margin:10px 0px ;
width: 400px;
border: 2px solid #D6D7D9;
background-image:url(arquivos/bg_form_text.jpg);
height:150px;
color:#1a1e20;
padding:0px 0px 0px 5px;
}


#faleconosco .botao{
border:none;
width: 150px;
height:28px;
cursor: pointer;
display:block;
color:#1a1e20;
border:2px solid #DBD4D4;

}



#faleconosco form select:focus{border-color:#1a1e20;}
#faleconosco form input:focus {border-color:#1a1e20;}
#faleconosco form textarea:focus {border-color:#1a1e20;}





/* ----------------------------
        curiosidade
---------------------------*/ 


#curiosidade {width:830px;
             height: 100%; 
             margin:auto;
             font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:12px;
} 



#curiosidade  h2{
font-size: 16px;
width: 680px; 
height: 23px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 0px;
              
             
}

#curiosidade  h3{
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#1a1e20;
font-style:italic;
padding:10px 0px;
             
}






 /*
------------------------------------------------------ 
 
Rodape
 
-------------------------------------------------------------
 */
 
#rodape{
width: 100%;
height: 100%;
margin:auto;
font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-top:8px solid #323742;
background-color:#1a1e20;

}


.rodape_center{
margin:auto;
height: 100%;
width: 780px;
text-align:center;  
padding:10px 0px 40px 0px;
display:table;
} 
 
 /*Formas de pagamento*/
 
 
.formas_pagamento{
margin-bottom:10px;
text-align:left;
float:left;
width: 268px;
height: 240px;
padding:10px 150px 10px 50px;
_padding-left:50px;
}

.formas_pagamento li {
padding:2px 0px 4px 0px;


}


 /*rodape informacoes*/
 
 
 
.rodape_informacoes {
text-align:left;
width: 268px;
height: 150px;
float:left;
padding:10px 0px 10px 0px;
}

.rodape_informacoes li {

padding:2px 0px 4px 0px;
}

.rodape_center a {
	font-family: Tahoma,Georgia,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;

}
.rodape_center a:hover {
	color:#ee7822;

}

 
#rodape h2{
text-align:left;	
width: 171px;
height: 44px;
color:#1a1e20;
font-size: 14px;
background-image:url(arquivos/rodape_title_formas.jpg);	
overflow: hidden;
text-indent: -5000px;	   		  
}

#rodape h3{
text-align:left;	
width: 97px;
height: 39px;
color:#1a1e20;
font-size: 14px;
background-image:url(arquivos/rodape_title_info.jpg);	
overflow: hidden;
text-indent: -5000px;		
}

.rodape_direito{font-family: Verdana, Arial, Helvetica, sans-serif;
	            font-size: 11px;
	            color:#fff;
	            clear:left;
	            margin-top:25px;
	          


}

.rodape_direitos{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

}

#rodape .rodape_titulo{border:none;}  




 #imageContainer {
position: relative;
width: 780px;
border:1px solid #CCCCCC;
margin-left:20px;
}


#imageContainer {
height: 200px;
}



#imageContainer img {
width: 780px;     
height: 200px;
display: none;
position: absolute;
top: 0; 
left: 0;

}