


* {
    margin: 0;
    padding: 0;
    border:none;
}

html {
    /*background:#E5E5E5 url("../images/bg-degrade.jpg") repeat-x top;*/
    }
/*------------------------------------------------------------------------------------------------*/
#general{
    margin:0 auto;
    padding:40px;
    width:950px;
    background:#FFFFFF;
   }

    #topo{
        
        width:949px;
        height:99px;
        /*background:#fff url("../images/logo_topo.jpg") no-repeat center center;*/
    }
    
    #chamada {
        margin:25px 0 0 0;
        /*width:945px;*/
        height:324px;
    }
        #chamada.home{background:#fff url("../images/chamada-home2.jpg") no-repeat center center;}
                /*#chamada.home:hover{background:#fff url("../images/chamada-home.jpg") no-repeat center center;}*/
        #chamada.empresa{background:#fff url("../images/chamada-empresa.jpg") no-repeat center center;}
        #chamada.servicos{background:#fff url("../images/chamada-servicos.jpg") no-repeat center center;}
        #chamada.produtos{background:#fff url("../images/chamada-produtos.jpg") no-repeat center center;}
        #chamada.clientes{background:#fff url("../images/chamada-clientes.jpg") no-repeat center center;}
        #chamada.dicas{background:#fff url("../images/chamada-dicas.jpg") no-repeat center center;}
        #chamada.links{background:#fff url("../images/chamada-links.jpg") no-repeat center center;}
        #chamada.contato{background:#fff url("../images/chamada-contato.jpg") no-repeat center center;}

/*------------------------------------------------------------------------------------------------*/
    #menu.topo{
        height:68px;
        background:#3E5D71 url("../images/bg_footer.jpg") repeat-x bottom;
    }

        #menu.topo ul {
        	width:100%;
            height:100%;
            padding:25px 0 0 0;
        }
    
        #menu.topo li{
            margin:0 20px 0 15px;
            display:inline;
        }
    
        #menu.topo li a{
            padding:10px 10px;
            color:#FFF;
            text-transform:uppercase;
            font-weight:bold
        }
        
        #menu.topo li a:hover{color:#FFC502;}
        
        #menu.topo .selected{
        	padding:10px 10px;
        	background:#FDD000 url("../images/bg_menu_topo_selected.jpg") repeat-x;
        }
    	#menu.topo .selected a{color:#283C47; }
    	#menu.topo .selected a:hover{color:#283C47;outline:none}
/*------------------------------------------------------------------------------------------------*/
    #content{
    	width:950px;
        margin:20px 0 0 0;
    }
        
        #content-left{
            float:left;
            margin:0 0 20px 0;
            width:582px;
        }

            /*-----------------home---------------------*/
            #presentation.home{
                margin:0 0 37px 0;
                padding:10px;
                /*height:190px;*/
                background:#3E5D71;
                border-bottom: 4px solid #FFC502;
                color:#FFFFFF;
            }
            #presentation.home p{}
            #presentation.home img{float:right; padding:0 0 0 15px}
            #services-home{margin:0 0 10px 0}
                #services-home td{padding:0 10px 5px 0}
            ul.lst-home{margin: 10px 0 0 25px;}
            .more{color: #FEA201;font-weight:bold; float:right;}
            .more:hover{text-decoration:underline}

            /*-----------------empresa---------------------*/
            #presentation.empresa p{}
            #presentation.empresa h4{color: #7b7b7b}
            ul.lst-empresa{margin:10px 0 10px 30px}
            ul.lst-empresa li{margin:4px}

            /*-----------------produtos---------------------*/
             #produtos p{}
            .prod-container{float:left;width:100%;}
                span.sub-cat h4{margin:10px 0 0 0 ;color: #575757; font-weight:bold; text-align:justify}
                div.prod-list {}
                
                 div.prod-list div.prod {float:left; margin:5px 30px 0 0;}
                    div.prod-list div.image-prod {float:left}
                    div.prod-list div.desc-prod {float:left; width:90px; height:112px;padding:0 0 0 5px;}
                    

            /*-----------------clientes--------------------*/
            #central{}
                #client-list{height:100px;}
                #client-info{margin:50px 0 20px 0; height:220px;}
                    
                    #client-left{float:left; padding:15px; width:315px; height:190px; background:#345759 url("../images/bottom_triangle.png") no-repeat bottom right;}
                        #client-left p {color: #FFFFFF; font-weight:normal; font-size: 14px }
                        #client-left span {color:#FFC502}
                    
                    #client-center{float:left; width:255px; height: 190px; margin:0 12px 0 12px;}
                    #client-center {background:#345759 url("../images/presentation_clientes_list.jpg") no-repeat top;}


                    #client-center #client-list-names ul{margin:35px 0 0 0; list-style:none; background:#FFC502;}
					#client-list-names{}
					#client-names{height:165px;overflow-y:scroll;}
                    #client-list-names ul {color:#345759;padding:10px}
                    #client-list-names li {margin: 3px 0 3px 0}
                    #client-right{}
                    
            /*-------------------dicas-------------------*/
            #presentation-dicas{width:auto;height:auto;padding:10px 0 10px 10px; margin: 0 0 20px 0; background: #355562 url("../images/bottom_triangle_dicas.jpg") no-repeat bottom right; color: #FFFFFF;}
            #dicas{}
                #dicas h3{margin:10px;}
                #dicas h3 a{color: #FFFFFF;}
                #dicas h3 .selected{color:#FFC502}
                
                
                ul.lst-dicas{width:98%}
            ul.lst-dicas li{list-style:none; margin:5px 0 0 20px; }
                
            
            /*-------------------links-------------------*/
            ul.lst-dicas li{list-style:none; margin:20px 0 20px 20px; font-weight: bold}
            ul.lst-dicas li a {color: #FFFFFF}
            ul.lst-dicas li a:hover {color: #FFC502}
            
            /*-------------------contato-------------------*/
            #presentation-contato{font-family:tahoma;height:390px; background:#355562;padding:20px 20px;}
            
            #contact-left{float:left; width:420px;height:auto;}
            	#info1{width:355px; height:90px;color:#FDD000; font-size:18px; text-align:justify; margin:0 0 80px 0;}
            	#info2{color:#FFFFFF; font-size:14px;}
            		#info2 .end{width:200px;font-size:14px;margin:10px 0 25px 0;}
            
            #contact-right{float:right;width:450px;}
            	
            
            
            div.orcamento{}
        
            #content-right{
                float:right;
                width:320px;
            }
            
	            #content-right h3{
	                line-height: 1.2em;
	                padding:10px;
	                margin:0 0 10px 0;
	                background: #3E5D71;
	                color: #FFFFFF;
	                border-bottom: 4px solid #FFC502;
	            }
            
            #clientes{
            	margin-top:26px;
                width:318px;
                height:225px;
                
                
            }
            
            	#clientes-gallery{margin: 0 0 0 10px}
            
            
            
/*------------------------------------------------------------------------------------------------*/
    #footer{
        height:79px;
        margin:10px 0 0 0;
        background:#3E5D71 url("../images/bg_footer.jpg") repeat-x top;
        color:#FFFFFF;
        clear:both;
        
    }
        #container-menu{
            width:455px;
            float:left;
            padding:0 0 0 15px;
            clear:right;
            
        }
        
            #menu.footer{
                font-size:12px;
                width:450px;
                float:left;
                margin:20px 0 10px 0;
            }
            
            #menu.footer li{
                display: inline;
                list-style-type: none;
            }
            
            #menu.footer a{
                color:#FFFFFF;
                text-decoration:none;
                font-weight:bold;
            }
            
            #menu.footer a:hover{text-decoration:underline}
            
            .copyright{
                font-size:10px;
            }
        
        #container-address{
            padding:20px 10px 0 0;
            float:right;
            width:45%;
        }
            #address{
                float:left;
                width:190px;
                
            }
            address{
                font-size:12px;
                font-weight: normal;
                font-style:normal;
                text-align:justify;
            }
            span.tel{color:#FDD000}
            
            #by{
                margin:10px 30px 0 0;
                float:right;
                font-size:9px;
                width:125px;
            }
            #by a{color:#FFFFFF}
            
			/* message styles */
			div.error, div.message {
			    background: #FFC;
			    
			    padding: 10px;
			}
			
			div.error h2 {
			    color: #A00;
			    font-size: 14px;
			}
			
			div.error p {
			    color: #333;
			    font-size: 12px;
			    padding: 0;
			}
			
			div.message h2 {
			    color: #4E7F00;
			    font-size: 14px;
			}



#selo-peixe-grande{
	margin:0 0 20px 75px;
	

}
