@import url("../js/ui/css/smoothness/ui.css");
    body{
        background: url("../images/body.jpg") #36434C top left repeat-x;
    }
    
    .esconde{
        display: none;
    }
    
    .aleft{
        float: left;
    }
    
    .aright{
        float:right;
    }
    
    .clear{
        clear: both;
    }
    
    #geral{
        margin: 0 auto;
        width: 960px;
        min-height: 640px;
    }
    #header{
        width: 100%;
        background: url("../images/header.jpg") transparent top left no-repeat;
        height: 120px;
    }
    #main{
        background-color: #f5f5f5;
        width: 100%;
        min-height: 500px;
        border: 1px solid #666;
        position: relative;
    }
    #logo{
        width: 200px;
        height: 200px;
        display: block;
    }
    #topMenu{
        position: absolute;
        right: 0;
        top: -7px;
    }
    #topMenu ul li{
        display: inline;
    }
    #topMenu ul li a{
        font-family: "Lucida sans", "Trebuchet MS", Arial;
        font-size: 18px;
        background: url("../images/a-menu.jpg") #009742 repeat-x top left;
        color: #fff;
        padding:10px 10px 11px;
        float: left;
    }
    .canto{
        background: url("../images/canto.jpg") transparent no-repeat top left;
        width: 7px;
        height: 39px;
        float: left;
        margin-right: 10px;
    }
    #carrossel{
        background: url("../images/carrossel_bg.jpg") transparent repeat-x top left;
        width: 100%;
        height: 213px;
        float: left;
        margin-top:45px;
        position: relative;
    }
    
    #carrossel-int{
        width: 750px;
        height: 200px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    #carrossel-int img{
        width: 200px;
        height: 200px;
    }
    
    #carrossel-int ul{
        list-style: none;
    }
    
    #carrossel-int ul li{
        float: left;
        display: inline;
        margin-left: 40px;
    }
    
    .next{
        position: absolute;
        bottom: 0px;
        right: 0;
        cursor: pointer;
        background: url("../carrossel/next.png") no-repeat;
        width: 60px;
        height: 20px;
        display: block;
    }
    
    .prev{
        position: absolute;
        bottom: 0px;
        left: 0;
        cursor: pointer;
        background: url("../carrossel/prev.png") no-repeat;
        width: 60px;
        height: 20px;
        display: block;
    }
    
    .next:hover{
        background: url("../carrossel/next-hover.png") no-repeat;
    }
    
    .prev:hover{
        background: url("../carrossel/prev-hover.png") no-repeat;
    }
    
    #canto-esq{
        background:url("../images/carro_canto_esq.jpg") no-repeat scroll left top transparent;
        height:217px;
        left:-10px;
        position:absolute;
        top:-4px;
        width:12px;
    }
    #canto-dir{
        background: url("../images/carro_canto_dir.jpg") transparent no-repeat top left;
        position: absolute;
        top: -4px;
        right: -12px;
        width: 12px;
        height: 217px;
    }
    #footer p{
        color: #fff;
        font-family: "Trebuchet MS", Arial;
        font-size: 9px;
        padding: 5px;
    }
    #logoWeb{
        -moz-border-radius:4px 4px 4px 4px;
        -webkit-border-radius:4px 4px 4px 4px;
        border-radius:4px 4px 4px 4px;
        background:url("../images/laarberg.jpg") no-repeat scroll left top transparent;
        border:1px solid;
        display:block;
        float:right;
        height:17px;
        width:45px;
    }
    .cell{
        width: 33%;
        text-align:center;
    }
    .b_left{
        float: left;
        background: url("../images/cr1.jpg") top left transparent no-repeat;
        height: 28px;
        width: 6px;
        
    }   
    .b_mid{
        background:url("../images/bg00.jpg") repeat-x scroll left top red;
        float:left;
        height:18px;
        padding:5px;
        text-align:center;
        width:170px;
        color: #fff;
    }   
    .b_right{
        float: left;
        background: url("../images/cr2.jpg") top left transparent no-repeat;
        height: 28px;
        width: 6px;
    }
    
    #cont{
        width: 100%;
        float: left;
        padding: 5px;
    }
    #esquerda{
        width: 50%;
    }
    #direita{
        width: 50%;
    }
    #bloco1{
        border-top:1px solid #aaa9a9;
        margin-right:10px;
        padding:5px;
    }
    #bloco1 p{
        text-align: justify;
        font-family: "Trebuchet MS", Arial;
        color: #3d403f;
        font-size: 14px;
    }
    
    #bloco2{
        border:1px solid #aaa9a9;
        background-color: #fff;
        padding:5px;
        width:90%;
        overflow:hidden;
    }
    #bloco2 table{
        width: 100%;
    }
    #bloco2 td{
        padding: 5px;
        text-align: center;
    }
    #bloco2 a img:hover{
    }
    
    #tabelaCat{
        width: 100%;
    }
    
    .imgCat{
        width: 128px;
        height: 128px;
        display: block;
        float: left;
        margin: 3px;
    }
    

    
    #chaveiros{
        background: url("../images/chaveiros3.png") #fff top left no-repeat;
        
    }
    
    #mapa{
        width: 100%;
        height: 500px;
        padding-top: 10px;
        margin-top: 15px;
        margin-bottom: 30px;
        float: left;
        
    }
    
    #mapa-int{
        margin: 0 auto;
        border: 1px solid #069A46;
        width: 650px;
        display: block;
    }

    #produtosFrente{
        margin-top: 43px;
    }
    
    #prodSidebar{
        width: 190px;
        padding-left: 10px;
        float: left;
        min-height: 1000px;
    }
    
    #prodSidebar div{
        padding: 0 !important;
        background: #E4E4E4;
    }
    
    #prodSidebar ul li a{
        color: #666;
        background: url("c02.png") no-repeat left center;
        font-size: 16px;
        padding-left: 21px;
    }
    
    #prodSidebar ul li a:hover{
        color: #333;
        background: url("c04.png") no-repeat left center;
        font-size: 16px;
        padding-left: 21px;
    }
    
    #fbusca{
        float: left;
        width: 100%;
        height: 30px;
        text-align: right;
    }
    #fbusca input[type=text]{
        width: 360px;
        -moz-box-shadow: 1px blue;
    }
    
    .botao{
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #07782c;
        color: #fff;
    }
    
    input:focus, textarea:focus, select:focus{
        border: 1px solid #fafafa;
        -webkit-box-shadow: 0px 0px 6px #007eff;
        -moz-box-shadow: 0px 0px 5px #007eff;
        box-shadow: 0px 0px 5px #007eff;
    }
    #resultados{
        float: left;
        padding: 10px;
        width: 740px;
        position: relative;
    }
    .showProd{
        float: left;
        width: 200px;
        height: 235px;
        margin: 20px;
    }
    
    .showProd h3,h4,a{
        font-family: "Trebuchet MS";
    }
    
    .showProd img{
        width: 200px;
        height: 200px;
        border: 1px solid green;
    }
    
    .showProd h4{
        font-weight: bold;
        color: #109D4E;
    }
    
    .showProd h5{
        color: #D8261A;
        display: block;
        height: 40px;
    }
    
    #nave{
        position: absolute;
        bottom: -20px;
        right: 400px;
    }
    
    #nave a{
        border: 1px solid #22b046;
        padding: 5px;
    }
    
    #nave a:hover{
        background: #ccc;
    }
    
    #contato{
        padding: 10px;
        float: left;
        width: 100%;
    }
    
    #contato input[type=text]{
        background: none;
        border: 1px solid #666;
    }
    
    #contato textarea{
        background: none;
        border: 1px solid #666;
    }
    
    #contato label{
        width: 70px;
        float: left;
        display: block;
    }
    
    #fcontato_esq{
        float: left;
        width: 495px;
        padding: 25px 0 0 20px;
    }
    #fcontato_dir{
        float: left;
    }
    #contatoInfo{
        margin-top: 20px;
    }
    
    #ci_email{
        background: transparent url("../images/mail.png") no-repeat top left;
        display: block;
        width: 315px;
        height: 60px;
        padding: 50px 10px 10px 130px;
        color: #109D4E;
        font-size: 22px;
        font-family: "Trebuchet MS";
        float: left;
    }
    
    #ci_telefone{
        background: transparent url("../images/phone.png") no-repeat top left;
        display: block;
        width: 250px;
        height: 60px;
        padding: 50px 10px 10px 130px;
        color: #109D4E;
        font-size: 22px;
        font-family: "Trebuchet MS";
        float: left;
    }