body
{ font-size:11px;
 font-family: verdana;
 } 
 
 /*TOPO*/
 
 #topo{        
  height:185px; width:100%;
  background: url("../../img/bg-topo.png"); position:relative; float:left; 
 }
 #conteudo-topo{        
  height:185px; width:1050px;
  position:relative; margin:0 auto;
  background: url("../../img/bg-conteudo-topo.png");
 }
   #conteudo-topo img{ 
   position:relative; float:left; 
   margin-top:10px; margin-left:20px;
  }
   
   #conteudo-topo .frase{          
    position:relative; float:left; 
    width:540px;  
    margin-top:20px; margin-left:38px;
   
   }
    #telefone{                
    position:relative; float:left; 
    width:190px; height:40px;
    margin:135px 26px;
   }
    
     #telefone img{
      position:relative; float:left; 
     }
      
       #telefone  p{
       position:relative; float:left;
       margin-top:16px;  
      font-size:14px;      
      font-weight:bold;
     }
   
    .frase p{ 
     position:relative; float:left; 
     font-size:18px;   font-style:italic;  font-weight:bold;
     color:#42a2d3; 
     margin:0 50px;
    }
    
   .topo-lado-1{         
    height:185px; width:30px;
    position:relative; float:left;
    background: url("../../img/bg-topo-lado-1.png");
   }
   
     .topo-lado-2{         
      height:185px; width:30px;
      position:relative; float:left;
      margin-left:0px;
      background: url("../../img/bg-topo-lado-2.png");
     }
     
  /*CONTEUDO*/  
  
      #geral{                 
       width:100%; 
       position:relative; float:left; 
       background: url("../../img/bg-geral-2.png");
      }
        #central{       
         width:990px;
         position:relative; margin:0 auto;
         background:#fff;
         margin-bottom:5px;
        }
       
        
        #coluna-1{          
         position:relative; float:left; 
         width:246px;  margin-top:30px; margin-left:5px;
        }
        
        #menu{                     
         position:relative; float:left;
         width:245px; 
        }
        #menu ul{ 
         position:relative; float:left;
        }
        
        #menu ul li{ 
         position:relative; float:left;
         height:28px; width:243px;
         background: url("../../img/bg-menu.png");
         margin-bottom:5px;
         border:1px solid #ccc;
        }
        
        #menu ul li a{ 
         text-decoration:none; 
		 display:block;
         text-align:center;
         font-size:18px; color:#666666;
         margin-top:5px;
		
        }
        #menu ul li:hover{
         border:1px solid; color:#000;
        }
        
         #menu ul li a:hover{
          color:#000;
        }
        
        #novidades{    border:1px solid #2895CD;          
         position:relative; float:left;
         width:245px; 
         margin-top:25px;
        }
		
		#novidades #listNov{
			width:244px;
			height:250px;
			overflow:hidden;	
		}
		
        #novidades .texto{         
         width:240px; 
         position:relative; float:left;
         argin:3px 2px;
        }
        #novidades .titulo{
         border:1px solid:#2895CD;
         height:30px;
         background: url("../../img/bg-titulo-novidades.png");
         }
         #novidades  .titulo h1{
          position:relative; float:left;
          color:#fff;
          font-size:20px; margin:5px 70px;
         }
         
           #novidades p{     
           position:relative; float:left;
           display:block; margin-top:8px; margin-bottom:8px; margin-left:20px;
           width:200px;
           border-bottom:1px dashed #E2E2E2;
		    padding-bottom:5px;
          }
          #chat{   
            border:1px solid #2895CD;
           position:relative; float:left;
           width:245px; height:210px;  
           margin-top:30px; margin-bottom:5px;
           
          }
           #chat .imagem{          
            width:240px;  height:159px;
            position:relative; float:left;
            margin:3px 2px;
            background:transparent url("../../img/bg-chat.png");
            
           }
           
            #chat .titulo{
             border:1px solid:#2895CD;
             height:30px;
             background: url("../../img/bg-titulo-novidades.png");
            }
            
            #chat .titulo h1{
             position:relative; float:left;
             color:#fff;
             font-size:20px; margin:5px 70px;
             }
                
              #chat .chat-1{
               position:relative; float:left;
              margin-bottom:10px; margin:left:5px; margin-top:4px;
               }
               
              #chat img.chat-2{
               position:relative; float:left;
                margin-bottom:0px; margin-top:12px; margin-left:5px;
               }
               
              #chat .pe-1 {
              
               position:relative; float:left;
               margin:3px 10px; 
               font-size:18px; font-weight:bold;
               color:#fff;
               }
                #chat .pe-1 a  , .pe-2 a{
                text-decoration:none; 
                color:#fff;
                }
               
                 #chat .pe-2{
                 position:relative; float:left;
                 margin-top:2px; margin-left:16px; 
                 font-size:18px; font-weight:bold;
                 color:#fff;
                 
               }
               
               #coluna-2{    
                position:relative; float:left; width:730px;
               }
               #coluna-2 p{
                position:relative; float:left;
                width:670px; margin:0px 20px;
                line-height:20px;
                }
                .titulo-2{
                position:relative; float:left;
                margin-top:30px; margin-left:30px; margin-bottom:5px;
                font-size:22px;   color:#349BD0;
                }
               
                   .boot{ 
                    clear:both;
                    
                   }
                 
                   #conteudo-contato h4,  h3,h2{
                    position:relative; float:left; margin:20px;
                    font-size:20px;
                    }
                    
                   #conteudo p, h3{
                    position:relative; float:left;
                    }
                    #endereco p{
                    font-size:14px;
                    margin-left:30px;
                    }
                    #conteudo  h2{
                     width:700px;
                     font-size:16px;}
                    .lista-1 li{ 
                     width:100px; height:20px;
                     position:relative; 
                     font-size:14px;
                     margin-left:30px;  margin-top:5px;  margin-bottom:10px;
                    }
                     .lista-1 {
                      position:relative; float:left;
                      } 
                      #conteudo-chat{
                        position:relative; float:left; margin:20px;
                        font-size:20px;
                        color:#349BD0;
                       }
                       
                       .msn{
                        position:relative; float:left;
                        width:620px;
                        height:500px;
                        margin:30px;}
                      
                      #formulario-contato img{
                      margin-top:70px; margin-left:70px;
                      width:20px; height:20px;
                      }
                    .lista-2 {
                      position:relative; float:left;
                      } 
                    .lista-2 li{  
                     width:300px;  height:20px;
                     position:relative; 
                     font-size:12px;
                     margin-left:30px; margin-top:5px;   margin-bottom:10px;
                    }
                  
                    .form{ 
                      border:1px solid;    position:relative; float:left;
                      -webkit-border-radius: 3px;
                      -moz-border-radius: 3px;
                      border-radius: 3px;
                      border:1px solid #E5E5E5;
                      width:610px;
                      margin-left:50px;
                       }
                    .form  input, .form  textarea { 
                      border: solid 1px #E5E5E5; outline: 0;
                      background: -webkit-gradient(linear, left top, left 20, from(#F9F9F9), color-stop(50%, #F9F9F9), to(#F9F9F9));
                      background: -moz-linear-gradient(top, #F9F9F9, #F9F9F9 1px, #F9F9F9 20px); 
                      box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px; 
                      -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px; 
                      -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
                      }
                      .form  input:hover, .form  textarea:hover, .form p input:focus, .form  textarea:focus {
                       border-color: #999999; 
                      }
                       .form input[type="text"]{
                         width:400px;
                        }
                        
                        .form textarea{
                         position:relative; float:left;
                          width:400px; height:80px;
                         margin-left:30px;  margin-bottom:5px;
                        }
                        
                        #botao{ 
                         color:#999999;
                         padding-left:25px; padding-top:11px;
                         display:block;                        
                          position:relative; float:left;
                          width:75px; height:24px;
                          margin-left:25px;
                          background: url("../../img/botao-2.png");                 
                        }
                        
                          #botao:hover{
                          background: url("../../img/botao-hover.png");
                          color:#000;}
                        
                        .form .mensagem{
                         position:relative; float:left;
                         margin-left:0px;  margin-top:40px; margin-bottom:5px;
                         }
                         
                         #resposta{
                         
                          position:relative; float:left;
                          width:300px; height:30px;
                          margin-left:70px;
                          }
                          
                      
                   #rodape{ 
                     position:relative; float:left;  
                     width:100%; height:51px;
                     background: url("../../img/bg-rodape.png");
                   }
                   #conteudo-rodape{       
                    position:relative;
                    margin:0 auto;                   
                    width:1005px; height:51px;
                    background:url("../../img/bg-conteudo-rodape.png");
                    }
                   
                    
                     .rodape-lado-1{ 
                      width:7px; height:51px;                   
                      position:relative; float:left;
                      background:url("../../img/rodape-lado-1.png");
                      }
                      .rodape-lado-2{ 
                      width:8px; height:51px;                    
                      position:relative; float:left;
                      background:url("../../img/rodape-lado-2.png");
                     
                      }
                      #conteudo-rodape ul{  
                      position:relative; float:left;
                      margin:15px 265px;
                      font-size:11px;
                      }
                     
                      .rodape-pe-1{
                       margin-left:160px;
                      }
                      
                      .rodape-pe-2{
                       margin:0px 62px;
                      }
#title{font-size:16px; margin:30px 0 10px 5px;}		


/* ---------------- Carrinho ------------------------ */
#orca{
	
	width:100px;
	height:35px;
	position:absolute;
	margin-left:650px;
	margin-top:145px;
	color:#29166f;
}

#orca span{
	float:left;
	margin-top:17px;
	font-weight:bold;
}

#orca span#cqtd{
	width:30px;
	height:16px;
	float:left;
	
	margin-top:17px;
	text-align:center;	
	background-position:center;
	background-repeat:no-repeat;
}


#orca a#cvazio{
	display:block;
	width:32px;
	height:32px;
	background-image:url("../../img/basket.png");
	float:left;
	margin-top:2px;	
	display:none;
}
#orca a#ccheio{
	display:block;
	width:32px;
	height:32px;
	background-image:url("../../img/basket.png");
	float:left;	
	display:block;	
}
#orca a#view{
	display:block;
	width:32px;
	height:32px;
	background-image:url("../../img/view.png");
	float:left;	
	display:none;	
}

.botaoOrca{
	display:block;
	
	float:right;
	margin-bottom:10px;
	margin-right:10px;
	background-image:url(../../img/basket_put.png);
	background-repeat:no-repeat;
	width:250px;
	height:22px;
	padding-left:40px;
	clear:both;	
	color:#29166f !important;
	font-weight:bold;
	text-decoration:none;
	padding-top:10px
}
/* ----------- fim carrinho ---*/			  
					  
					  
					  
/*orcamento */					  
#earn { padding: 15px 5px; margin-bottom:15px;  }
#earnbox { float: left; width: 110px; }
#earnbox h5 { display: block; padding-left: 3px; padding-bottom: 10px; }
#earnbox .earnbutton { margin-bottom: 10px; display: block; width: 100px; height: 24px; text-indent: -9999px; background: url("../../img/img_button_orcamento.png") 0 0 no-repeat;  }
#earnbox .earncart { margin-bottom: 5px; display: block; width: 100px; height: 24px; text-indent: -9999px; background: url("../../img/img_button_visualize.png") 0 0 no-repeat; }

#earnbox label{}
#earnbox label input{ width:25px; color:#000; margin-bottom:10px }

#earntable { width: 100%; border: 1px solid #1e68bb; border-top: 0 none; }
#earntable td { vertical-align : center; padding: 5px; line-height: 20px; }
#earntable td input { width: 30px; border: 1px solid #1656ab;  }
#earntable td input:hover { border: 1px solid red; }


.prod_ref { width: 70px; color: #ffffff; }
.prod_name { width: 400px; color: #ffffff; }
.prod_value { width: 150px; text-align: center; color: #ffffff;  }
.prod_quantity { width: 150px; text-align: center; color: #ffffff;  }
.prod_pote { width: 150px; text-align: center; color: #ffffff;  }
.prod_remove { width: 150px; text-align: center; color: #ffffff; }

.name { font-weight: bold; color: #1656ab; }
.value { text-align: center; }
.quantity { text-align: center; }
.quantity input { text-align: center;  color:#333}

.pote { text-align: center; }
.pote input { text-align: center;  color:#333; width:100px !important;}
.editar { text-align: center; }
.editar a{ display:block; width:16px; height:16px; background-image:url(../../img/arrow_refresh.png); margin:0 auto}
.remove { text-align: center; }

.tabletitle { background-color: #1e68bb; }

#contact { padding: 15px 5px; }
#contact .title { background-position: 0px -120px; }
#contact input, #contact textarea {color:#000}

#btns{float:left; width:100%; height:60px}

#btns a{ float:left; text-decoration:none }
#btns img{float:left; margin:5px 0 0 10px; display:none}
#btns #resp{clear:both; width:90%; color:red; padding-left:25px; padding-top:5px; }