/* ------------------------------------ *
            autor:Triciclo Infantil
            email:sac@jovialmagazine.com.br
            site:http://www.triciculoinfantil.com.br
            date:05/04/2007
 * ------------------------------------ */
 
 

/*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:#A5C124;
        background-color:inherit;
		} 


/*Body*/  
 
body{background-image:url(arquivos/bg.jpg);
color: #333333;
 }


/* ------------------------------------ *
    Divs
 * ------------------------------------ */

         
#center_top{width: 1000px;
            height: 100%;
            margin:auto;
			} 


/*logo*/          
#logo{background-image:url(arquivos/logo.jpg);
      width: 660px;      
      height: 327px;
      overflow: hidden;
      text-indent: -5000px;
      float:left;
     
	  }  


#logo a{display: block;
        width: 667px;
        height: 327px;
		}




/*Menu categorias*/  

#menu_categorias{
      width: 278px;      
      height: 327px;
      background-image: url(arquivos/menu_produtos01.jpg);
      float:left;
   
    
	  }

#menu_categorias_efeitos{
               width: 100px;
			   height: 100px;
			   display: block;
               padding:100px 0px 0px 30px;
               text-align:center;
        }


#menu_categorias_efeitos li{
margin-top:10px;
width: 200px;
height: 25px;
font-size: 18px;
font-family:Arial, Helvetica, sans-serif;
color: #619CBE;
}


#menu_categorias_efeitos li a{
color: #619CBE;

}
#menu_categorias_efeitos li a:hover{
color: #D878A8;

}



        
#menu{width: 930px;      
      height: 99px;
      background-image: url(arquivos/menu_principal.jpg);
      clear:left;
      clear:left;
	  }


#menu_efeitos {width: 930px;
			   height: 99px;
			   background-image: url(arquivos/menu_principal.jpg);
               position: relative;
		       overflow: hidden;
		       text-indent: -5000px;
			   display: block;
			   }



#menu_efeitos li {position: absolute;}
#menu_efeitos li, #menu_efeitos a {height: 99px; display: block;}




#menu_sobre {left: 72px; width: 120px;}
#menu_produtos{left: 192px; width: 114px;}
#menu_novidades {left: 306px; width: 173px;}
#menu_fale {left: 479px; width: 127px;}



#menu_sobre a:hover {background: transparent url(arquivos/menu_principal.jpg) -72px -99px no-repeat;}
#menu_produtos a:hover {background: transparent url(arquivos/menu_principal.jpg) -192px -99px no-repeat;}
#menu_novidades a:hover {background: transparent url(arquivos/menu_principal.jpg) -306px -99px no-repeat;}
#menu_fale a:hover {background: transparent url(arquivos/menu_principal.jpg) -479px -99px no-repeat;}




/* ----------------------------
   Index
---------------------------*/ 
#center{
width: 1000px;
height: 100%; 
margin:auto;

}

#center_tudo{
width: 899px;
height: 100%; 
margin:auto;

}


#principal{
width: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
background-color:#ffffff;

}

#principal h2{
width: 220px;      
height: 34px;
background-image:url(arquivos/titulo_grandes_ofertas.jpg);
overflow: hidden;
text-indent: -50000px;
margin-left:10px;

}

#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%;
margin-top:20px;
padding:0px 10px 0px 10px;
display:table;


}

#produtos strong{
color:#1D3E72;

}
#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 {color: #646464;

}

#produtos a:hover {text-decoration: underline;

}

#produtos img {
border:none;
float: left;
width: auto;
margin: 7px 10px;
}

#loja_especiais{
width:700px;      
height: 70px;
background-image:url(arquivos/loja_especial.gif);
display:block;
padding:40px 0px 0px 115px;
color: #646464;
margin:20px 0px 0px 150px;
background-repeat:no-repeat;

}


#loja_especiais li{
display:inline;


}

#loja_especiais li a{
font-size: 16px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #EE7A1F;
font-weight:bold;
}

#loja_especiais li a:hover{
color: #E31A22;

}
						
/* ----------------------------
   Descrição Produtos
---------------------------*/ 

#descricao_produto{
width: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
background-color:#ffffff;
}



#descricao_produto h2{
font-size: 14px;
width: 800px; 
height: 30px;
background-image:url(arquivos/bg_titulo_v.jpg);
background-repeat:no-repeat;
padding:5px 0px 0px 40px;
font-size: 12px;
font-family:Verdana,Tahoma,Arial, sans-serif,Verdana;
color: #1D3E72;
margin:0px 0px 20px 10px;
font-weight:bold;
}

#descricao_produto h3{
font-size: 14px;
width: 330px; 
height: 1px;
padding:5px 0px 0px 40px;
font-size: 12px;
font-family:Verdana,Tahoma,Arial, sans-serif,Verdana;
color: #1D3E72;
margin:0px 0px 20px 530px;
font-weight:bold;
}

#descricao{
width: 530px; 
float:left;
font-size: 12px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color: #1C3D71;
padding-left:20px;
}


#descricao b{
display:block;
margin:10px 0px 10px 0px;
font-size: 12px;
font-style:italic;

}

#descricao img{
margin: 20px 0px 20px 150px;

}


#box_carrinho{
border:1px solid #D6D7D9;
margin:30px 0px 20px 0px;
width:250px;
height:auto;
margin:auto;
display:table;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#696969;

}

.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: 30px;
}



.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:#1C3D71;

}

.preco_avista b{color:#1766B7;}

.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:#1C3D71;
}


.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: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
background-color:#ffffff;
}






#faleconosco h2{width: 180px;      
                height: 29px;
                background-image:url(arquivos/titulo_faleconosco.jpg);
                overflow: hidden;
                text-indent: -50000px;
                margin-left:10px;
}

#faleconosco p{
padding-left:20px;
margin-top:25px;
color:#1D3E72;
}




/* ----------------------------
        Produtos
---------------------------*/ 


#l_produtos{width: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
margin:auto;
background-color:#ffffff;
margin-left:51px;
} 



#l_produtos  h2{width: 138px;      
                height:31px;
                background-image:url(arquivos/titulo_produtos.jpg);
                overflow: hidden;
                text-indent: -50000px;
                margin-left:10px;
}

#l_produtos p{
padding-left:20px;
margin-top:25px;
color:#791F91;
}


#lista{
width: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
background-color:#ffffff;

}

#lista h2{
width: 138px;      
height: 31px;
 background-image:url(arquivos/titulo_produtos.jpg);
overflow: hidden;
text-indent: -50000px;
margin-left:10px;

}

/* ----------------------------
        Sobre-nos
---------------------------*/ 
#sobre-nos{
width: 860px;
height: 100%; 
border:8px solid #91C1D7;
border-top:0px;
border-bottom:0px;
background-color:#ffffff;

}

#sobre-nos h2{
width: 165px;      
height: 30px;
background-image:url(arquivos/titulo_sobre.jpg);
overflow: hidden;
text-indent: -50000px;
margin-left:10px;

}


#sobre-nos p{
padding:0px 10px 0px 10px;
margin-top:25px;
color:#791F91;
}



/* ----------------------------
        Busca
---------------------------*/ 


#busca {width: 770px;
             height: 100%; 
             margin:auto;
} 



#busca h2{width: 712px;      
                height: 51px;
                background-image:url(arquivos/titulo_busca.jpg);
                overflow: hidden;
                text-indent: -50000px;
                margin-top:10px;
}

#busca p{
padding-left:20px;
margin-top:25px;
color:#791F91;
}


/* ----------------------------
       Ampliar Imagem
---------------------------*/ 


#amp_imagem{width:100%;
            height: 100%; 
}
#amp_imagem  h2{
background-image:url(arquivos/bg_amp_title.jpg);
height: 35px;
padding:22px 0px 0px 10px ;
color:#fff; 
font-size:12px;
}

#amp_imagem  ul{
text-align:center;

}

.bot_fechar{
background-image:url(arquivos/bg_amp_fechar.jpg);
margin-top:10px;
height:44px;
width: 100px; 
overflow: hidden;
text-indent: -50000px;
display:block;
margin-left:200px;
}

.bot_fechar a{
display:block;
height: 44px;
width: 100px; 
margin:auto;
}





/* ----------------------------
   Formulário busca rapida
---------------------------*/ 
#form_busca_rapida form {
padding:60px 0px 0px 0px;

}


#form_busca_rapida form fieldset{
border:none;

}

#form_busca_rapida form legend{
display:none;
}
 
#form_busca_rapida form label{
display: block;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:14px;
color:#7C2294;

}

#form_busca_rapida form input{
border:0px;
width: 188px;
background-image:url(arquivos/bg_busca_rapida.jpg);
height:25px;
color:#771D8F;
padding:8px 0px 0px 10px;
float:left;
}

#form_busca_rapida form input.botao{
width: 30px;
background-image:url(arquivos/bg_busca_rapida_envia.jpg);
height:32px;
cursor: pointer;
border:none;
border:0px;
overflow: hidden;
text-indent: -50000px;
display:block;
}


#form_busca_rapida form select:focus{border-color:#D88EE5;}
#form_busca_rapida form input:focus {border-color:#D88EE5;}
#form_busca_rapida form textarea:focus {border-color:#D88EE5;}





/* ----------------------------
          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: #1D3E72;
} 

#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:#1D3E72;

}

#faleconosco form input{
margin:10px 0px ;
width: 200px;
border: 2px solid #91C1D7;
background-image:url(arquivos/bg_input.jpg);
height:20px;
color:#771D8F;
padding:0px 0px 0px 5px;


}

#faleconosco form select {
margin:10px 0px ;
width: 200px;
border: 2px solid #91C1D7;
height:22px;
color:#1D3E72;

}


#faleconosco form textarea{
margin:10px 0px ;
width: 400px;
border: 2px solid #91C1D7;
background-image:url(arquivos/bg_form_text.jpg);
height:150px;
color:#791F91;
padding:0px 0px 0px 5px;
}


#faleconosco form input.botao{
width: 100px;
background-image:url(arquivos/bg_form_botom.jpg);
height:44px;
cursor: pointer;
border:none;
border:0px;
overflow: hidden;
text-indent: -50000px;
margin:15px 0px 0px 0px;
display:block;
}

#faleconosco form input.botao:focus{
background-image:url(arquivos/bg_form_botom_on.jpg);
}

#faleconosco form select:focus{border-color:#D878A8;}
#faleconosco form input:focus {border-color:#D878A8;}
#faleconosco form textarea:focus {border-color:#D878A8;}







 /*
------------------------------------------------------ 
 
Rodape
 
-------------------------------------------------------------
 */
 
#rodape{
margin:auto;
width: 1000px;
height: 100%;

}

.rodape_center{
width: 826px;
height: 104px;
background-image:url(arquivos/rodape.png);
margin-left:51px;
padding-left:50px;

} 
 
 
.rodape_center h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
	                  font-size: 11px;
	                  color:#000000;
					  margin-bottom:2px;
					  margin-left:30px;
					  
					  
}



 /*Formas de pagamento*/
 
 
.formas_pagamento{
margin-bottom:10px;
text-align:left;

}
.formas_pagamento li {
display:inline;

}


 /*rodape informacoes*/
 
 
 
 .rodape_informacoes {
text-align:left;
margin-bottom:10px;

}

.rodape_informacoes li {display:inline;

}

.rodape_informacoes a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#1D3E72;
}

.rodape_informacoes a:hover {text-decoration:underline;
}
 
#rodape h2{font-family: Verdana, Arial, Helvetica, sans-serif;
	       font-size: 11px;
	       color:#1D3E72;
	       text-align:left;			  
}


.rodape_direito{font-family: Verdana, Arial, Helvetica, sans-serif;
	            font-size: 11px;
	            color:#FFFFFF;
                 margin-left:350px;

}

.rodape_direitos{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
margin:auto;
text-alingn:center;


}


	  
