@charset "utf-8";
/* CSS Document */
/* RESET */
* { margin: 0; padding: 0; list-style: none; border: none; }   
body { font-size: 13px; font-family:arial, verdana, tahoma, sans-serif;}  
body { min-width: 300px;background: url(../../imagens/fundo.jpg)repeat-x center top #828f96;} 
h1, h2, h3, h4, h5, h6 { color: #5d5e63; margin-bottom: 3px;} 
h1{font-family: 'Cuprum', sans-serif;font-size:25px;} 
h2{ font-weight: normal; font-size: 25px; margin-bottom: 10px;}
h3{ font-weight: normal; font-size: 20px; color: #000000;}
a { text-decoration: none;}  
a:hover { text-decoration: none; }    
p { margin-bottom: 5px; color:#444444;}  
hr{background: #8a969b;height: 1px;}  
.fleft { float: left; }  
.fright { float: right; }  
.clear { clear: both; }  
/* SITE */
#site{
    width:918px;
    min-height:740px;
    margin: 0 auto;
    position: relative;
    visibility: hidden;
}
/* TOPO */
#topo{
    width:918px;
    height:138px;
    position: relative;
}
/* MENU */
#menu li{float:left;position: relative;}
#menu li a{
    color:#ffffff;
    text-align: center;
    display: block;
    width:129px;
    height:25px;
    padding:14px 0 0 0;
    margin: 0 0 0 5px;
    background: url(../../imagens/fundo_botao_menu.png) no-repeat center top;
}
#menu li a.atual,#menu li a:hover{color:#adbdc5;}
#menu li ul{
    display:none;
    width:200px;
    min-height: 50px;
    position: absolute;
    left:-30px;
    z-index: 1000;
    border:2px solid #99A9AF;
    border-top: 10px solid #99A9AF;
    border-bottom:none;
    background: #808E95;
}
#menu li:hover ul{display:block;}
#menu li ul li{border-bottom:2px solid #99A9AF;}
#menu li ul li a{
    color:#ffffff;
    text-align: left;
    display: block;
    width:196px;
    height:27px;
    padding:12px 0 0 0;
    margin: 0 0 0 5px;
    background: none;
}
/* CONTATO */
#telefone{
    text-align: right;
    position: absolute;
    top:0px;
    right:5px;
    color:#afb4b7;
    font-size: 25px;
    font-weight: bold;
}
#telefone a{color:#afb4b7;}
/* SLIDER */
#slider{
    width:900px;
    height:315px;
    border:9px solid #99a9af;
    overflow: hidden;
}
/* CONTEUDO HOME */
#conteudo{
    width:918px;
    min-height: 200px;
    padding:10px 0 0 0;
    position: relative;
}
#conteudo #esq{
    width:650px;
    height: 192px;
    margin: 0 13px 0 0;
}
#conteudo #esq h3{font-size:13px;color:#ffffff;margin: 5px 0 5px 10px;font-weight: bold;}
#conteudo #esq hr{margin: 5px 0 5px 10px;}
#conteudo #esq p{font-size:12px;color:#ffffff;margin: 5px 0 5px 10px;}
#conteudo #esq #destaques{
    width:650px;
    height:110px;
    background: #8f9ba1;
}
#conteudo #esq #destaques .destaque{width:305px;padding:10px;}
#conteudo #esq #destaques .destaque img{border:5px solid #ffffff;margin: 5px 10px 10px 0;}
#conteudo #esq #destaques .destaque h2{color:#ffffff;font-size: 16px;font-weight: bold;}
#conteudo #esq #destaques .destaque h2 a{color:#ffffff;}
#conteudo #esq #destaques .destaque p{color:#ffffff;font-size: 12px;}
#conteudo #esq #destaques .destaque p a{color:#ffffff;text-align: right;display:block;}
#conteudo #esq #destaques .destaque p a:hover{color:#AFB4B7;}
#conteudo #dir{
    width:255px;
    height:192px;
    float:left;
}
/* CONTEUDO INTERNO */
#conteudo.interno{height:250px;}
#banner{
    width:900px;
    height:315px;
    border:9px solid #99a9af;
}
#conteudo #dir.galeria img{display:none;}
#conteudo #dir.galeria a span{width:255px;height:192px;display: block;}
#conteudo #dir.galeria a span.empilhadeiras{background: url(../../imagens/empilhadeiras/galeria.jpg) no-repeat center;}
#conteudo #dir.galeria a span.empilhadeiras_eletricas{background: url(../../imagens/empilhadeiras_eletricas/galeria.jpg) no-repeat center;}
#conteudo #dir.galeria a span.locacao{background: url(../../imagens/locacao/galeria.jpg) no-repeat center;}
/* EMPRESA */
#conteudo.empresa{height:100px;}
/* PRODUTOS */
#conteudo.eletricas{height:280px;}
/* LOCAÇÃO */
#conteudo.locacao{height:220px;}
/* CONTATO */
form{width:640px;height:120px;float:left;margin:0 0 0 10px;}
form input{width:315px;margin:4px 0;padding:2px 0;background: #ffffff;float:left;color:#000000;font-size: 11px;font-family: verdana, tahoma, sans-serif;border: 1px solid #444444;}
form input#inputDDD{width:30px;margin:5px 5px 5px 0;float:left;}
form input#inputTelefone{width:278px;margin:5px 0;clear: none;float:left;}
form input#email{margin:4px 0 0;}
form input[type="submit"]{width:70px;height:20px;clear: both;float: right;margin:5px 0;background:#8c989e;color:#ffffff;cursor: pointer;border: none;}
form label{width:90px;color:#ffffff;clear:left;float:left;}
form textarea{
    color:#000000;
    font-size: 11px;
    font-family: verdana, tahoma, sans-serif;
    width:315px;
    max-width:315px;
    min-width:315px;
    margin: 5px 0 0 0;
    background: #ffffff;
    height:78px;
    max-height:78px;
    min-height:78px;
    clear:right;
    float:right;
    border: 1px solid #444444;
}
#areaOrcamento textarea{height:107px;max-height:107px;min-height:107px;}
form .erro{float:left;}
/* RODAPE */
#rodape{
    width:918px;
    height:38px;
    position: relative;
    padding: 11px 0 0 0;
    background: url(../../imagens/fundo_rodape.png) no-repeat center top;
}
#rodape p{
    color:#ffffff;
    font-size: 11px;
    text-align: center;
}
#rodape a{color:#ffffff;}
#criatura{
    right:10px;
    width:5px; height:16px;
    background:url(../../imagens/criatura.png) -21px no-repeat;
    position:absolute;
    cursor:pointer;
    bottom:16px;
}