body{
    margin: 0;
    min-width: 1000px;
    padding: 0;
    font-family: 'hero', arial, sans-serif;
    color:#FFFFFF;
}

@font-face {
    font-family: 'hero';
    src: url('fontes/hero-webfont.eot');
    src: url('fontes/hero-webfont.eot?#iefix') format('embedded-opentype'),
        url('fontes/hero-webfont.woff') format('woff'),
        url('fontes/hero-webfont.ttf') format('truetype'),
        url('fontes/hero-webfont.svg#heroregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lightHouse';
    src: url('fontes/lighthouse_personaluse-webfont.eot');
    src: url('fontes/lighthouse_personaluse-webfont.eot?#iefix') format('embedded-opentype'),
        url('fontes/lighthouse_personaluse-webfont.woff') format('woff'),
        url('fontes/lighthouse_personaluse-webfont.ttf') format('truetype'),
        url('fontes/lighthouse_personaluse-webfont.svg#lighthouse_personal_useRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.lightHouse{
    font-family: 'lightHouse';
}

img{
    border:none;
}

a{
    color:#FFFFFF;
    text-decoration:none;
}

#bg1{
    background:url(../imagens/bg1.jpg) no-repeat fixed center center / cover  transparent;
}
#bg1 .botao{
    float:left;
    width:259px;
    height:68px;
    margin-top:20px;
    margin-left:350px;
    background:url(../imagens/bg1-botao.png) no-repeat 0 0;
    overflow: hidden;
    text-align: center;
    color:#FFFFFF;
}
#bg1 .botao:hover{
    width:259px;
    height:68px;
    background:url(../imagens/bg1-botao.png) no-repeat 0 -68px;
    overflow: hidden;
}
#bg1 .botao:active{
    width:259px;
    height:68px;
    background:url(../imagens/bg1-botao2.png) no-repeat bottom left;
    overflow: hidden;
}

#bg2{
    background:url(../imagens/bg2.jpg) no-repeat fixed center center / cover transparent;
}

#bg3{
    background:url(../imagens/bg3.jpg) no-repeat fixed center center / cover transparent;
}

#bg4{
    background:url(../imagens/bg4.jpg) no-repeat fixed center center / cover transparent;
}

#bg5{
    background:url(../imagens/bg5.jpg) no-repeat fixed center center / cover transparent;
}
#bg1, .bg2, .bg3, .bg4, .bg5{
    min-height: 650px;
}
.bg1{
    min-height: 450px;
}
.botao-mapa{
    margin-top:17px;
    width:154px;
    height: 44px;
    background:url(../imagens/bg5-botao1.png) no-repeat top left;
    overflow: hidden;
    cursor: pointer;
}
.botao-mapa:hover{
    background-position: bottom left;
}
.botao-enviar{
    float:left;
    margin-top:9px;
    width:182px;
    height: 68px;
    background:url(../imagens/bg5-botao2.png) no-repeat top left;
    overflow: hidden;
    cursor: pointer;
    border:none;
    outline: none;
}
.botao-enviar:hover{
    background-position: bottom left;
}

#submenu{
    position:fixed;
    display: none;
    top:98px;
    right:0px; 
    background: #2a2a2a; 
    overflow: hidden;
    height:360px;
    width: 86px;
    z-index: 1;

    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-left-radius: 50px;    
}
.item-menu{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
}
.item-menu:hover{
    background:#383838;
    cursor: pointer;
    transition: .3s;
}

.borda-servico-e{
    position:relative;
    margin-top: 12px;
    margin-left:12px;
    width:133px;
    height:189px;
    border: 2px solid white;
    border-right:2px solid transparent;

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;     
}
.borda-servico-d{
    position:relative;
    margin-top: 12px;
    margin-left:-2px;
    width:133px;
    height:189px;
    border: 2px solid white;
    border-left:2px solid transparent;

    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;     
}
.lateral-servico-e{
    position:absolute;
    margin-left: -150px;
    width:147px;
    height:218px; 
    margin-top:-323px; 
    background:url(../imagens/servicos-fundo.png);
    transition: .3s;
}
.lateral-servico-d{
    position:absolute;
    margin-left:296px;
    width:147px; 
    height:218px; 
    margin-top:-323px; 
    background:url(../imagens/servicos-fundo.png);
    transition: .3s;
}

.item-servico{
    position: absolute; 
    width:294px; 
    height:218px; 
    line-height: 218px;
    cursor: pointer;
    overflow: hidden; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
}
.item-servico:hover .lateral-servico-e, .lateral-servico-e-ativo{
    margin-left: 0px !important;
    transition: .3s;
}
.item-servico:hover .lateral-servico-d, .lateral-servico-d-ativo{
    margin-left: 147px !important;
    transition: .3s;    
}
.formulario{
    float:left;
    width:369px;
    height:33px;
    border:1px solid #949494;
    background:none;
    outline:none;
    padding:10px 20px;
    color:#C7C7C6;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'hero', arial, sans-serif;
    font-size: 10px;
    resize: none;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;     
}
.formulario:hover, .formulario:focus{
    background:#333;
} 

.foto-empresa{
    width:190px;
    height: 190px;
    overflow: hidden;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;      
}