@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}

body{
background-image:url(../images/layout/background.png);
}

/*Ínicio Layout*/
#geral{
width:960px;
min-height:600px;
margin:auto;
position:relative;
}

/*Topo*/
.topo{
width:838px; 
height:302px;
background-image:url(../images/layout/fundo_topo.png);
position:relative;
top:120px;
left:63px;
}

/*Endereço e Telefone*/
.topo address{
width:430px;
height:70px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#FFF;
position:absolute;
text-align:right;
top:-80px;
left:390px;
}

.topo span{
width:450px;
height:70px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
text-align:right;
position:absolute;
color:#000;
top:38px;
left:-121px;
z-index:2;
}

.topo h1{
font-size:medium;
color:#E39929;
position:absolute;
top:140px;
left:20px;
}

.topo p{
width:280px;
font-size:small;
text-align:justify;
color:#3B3932;
position:absolute;
top:180px;
left:20px;
}

/* Logo */
.logo{
width:376px;
height:235px;
position:absolute;
background-image:url(../images/layout/fundo_logo.png);
background-repeat:no-repeat;
top:-80px;
left:-10px;
z-index:1;
}

.logo img{
width:269px;
height:72px;
position:absolute;
top:50px;
left:43px;
border:none;
outline:none;
}

.logo a:link, a:visited a:hover{
border:none;
outline:none;
}

/* Menu */
.menu{
width:600px;
height:50px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:x-small;
color:#39372F;
top:-20px;
left:345px;
}

.menu li{
width:93px;
height:34px;
display:block;
float:left;
background-image:url(../images/layout/fundo_menu.png);
background-repeat:no-repeat;
text-align:center;
line-height:35px;
margin-left:3px;
}

.menu a:link{
text-decoration:none;
color:#39372F;
}

.menu a:visited{
text-decoration:none;
color:#39372F;
}

.menu a:hover{
text-decoration:underline;
color:#39372F;
}

/* Galeria Topo */

.galeria{
width:480px;
height:231px;
position:relative;
left:335px;
top:45px;
}


.galeria_topo{
width:500px;
height:231px;
position:absolute;
left:15px;
z-index:1;
}

.galeria_topo img{
width:460px;
height:231px;
}

.comandos{
width:128px;
height:50px;
position:absolute;
display:block;
z-index:4;
top:194px;
left:200px;
}

.comandos img{
border:none;
outline:none;
}

.faixa_comandos{
width:495px;
height:51px;
position:absolute;
background-image:url(../images/layout/faixa_galeria_topo.png);
background-repeat:no-repeat;
z-index:2;
top:225px;
left:330px;

}

.faixa_comandos p{
width:100px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
font-weight:bold;
color:#3B3932;
position:absolute;
z-index:3;
top:23px;
left:286px;
}

.faixa_comandos span{
width:100px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
font-weight:bold;
color:#3B3932;
position:absolute;
z-index:3;
top:23px;
left:97px;
}

/* Corpo */
.corpo{
width:835px;
min-height:600px;
position:relative;
background-image:url(../images/layout/fundo_corpo.png);
background-repeat:no-repeat;
border-bottom:1px solid #000;
top:140px;
left:64px;
}

.corpo h2{
width:200px;
height:50px;
font-family:Verdana, Geneva, sans-serif;
font-size:medium;
color:#E39929;
position:absolute;
top:50px;
left:30px;
}

.corpo span{
width:700px;
height:200px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
text-align:justify;
position:absolute;
top:100px;
left:30px;	
}

.servicos_oferecidos{
width:835px;
height:200px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
top:260px;
left:30px;
}

.servicos_oferecidos h2{
width:350px;
height:50px;
position:absolute;
top:-30px;
left:0px;
}

.servicos_oferecidos li{
list-style:none;
}


.galeria_corpo{
width:783px;
height:122px;
position:relative;
background-image:url(../images/jcarousel/fundo_carrosel.jpg);
background-repeat:no-repeat;
top:440px;
left:27px;
} 

/*Página Serviços*/
.servicos{
width:835px;
height:150px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
top:80px;
left:30px;
}

.servicos li{
list-style:none;
}

.servicos1{
width:835px;
height:150px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
top:250px;
left:30px;
}

.servicos1 h2{
width:250px;
height:50px;
position:absolute;
top:-30px;
left:0px;
}

.servicos1 li{
list-style:none;
}

/*Página Produtos*/
.produtos{
width:694px;
height:420px;
position:relative;
top:90px;
left:75px;
}

.produtos p{
width:660px;
height:40px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
top:450px;
left:10px;
}

.coluna1{
width:311px;
height:420px;
float:left;
}

.coluna1 img{
width:311px;
height:420px;
margin-top:5px;
}

.coluna2{
width:356px;
height:420px;
float:right;
}

.coluna2 img{
width:80px;
height:60px;
float:left;
margin-left:8px;
margin-top:10px;
cursor:pointer;
}

/*Rodape*/
.rodape{
width:835px;
height:100px;
position:relative;
top:170px;
left:320px;
}

.rodape span{
width:835px;
height:100px;	
font-family:Verdana, Geneva, sans-serif;
color:#39352F;
font-size:small;
}

.rodape a:link{
text-decoration:none;
color:#39352F;
}

.rodape a:visited{
text-decoration:none;
color:#39352F;
}

.rodape a:hover{
text-decoration:underline;
color:#39352F;
} 

.html{
width:81px;
height:31px;
position:absolute;
left:650px;
top:-10px;
}

.html img{
border:none;
}

.css img{
border:none;
}

.css{
width:81px;
height:31px;
position:absolute;
left:650px;
top:25px;

}



/*Localização*/
.localizacao{
width:580px;
height:370px;
position:relative;
left:130px;
top:120px;
}

.localizacao p{
width:350px;
height:60px;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
top:-40px;
left:120px;
	
	
}

/*Formulario Contato*/
.formulario{
width:750px;
height:600px;
position:relative;
top:80px;
}

.formulario p{
width:700px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#3B3932;
position:relative;
left:30px;
}

.formulario span{
width:250px;
height:40px;
font-family:Tahoma, Geneva, sans-serif;
font-size:small;
font-weight:bold;
color:#666;
position:absolute;
top:367px;
left:238px;
}

.formulario a:link{
text-decoration:none;
color:#E39929;
}

.formulario a:visited{
text-decoration:none;
color:#E39929;
}

.formulario a:hover{
text-decoration:underline;
color:#E39929;	
}

fieldset {
border:none;
display:block;
height:500px;
margin:auto;
position:relative;
width:510px;
top:40px;
}

label {
color:#666;
display:block;
float:left;
font-family:Tahoma, Geneva, sans-serif;
font-size:small;
font-weight:bold;
line-height:30px;
margin:5px;
min-height:30px;
position:relative;
width:510px;
}

input,select {
border:#000 1px solid;
color:#666;
display:block;
float:right;
font-family:Tahoma, Geneva, sans-serif;
font-weight:700;
height:30px;
line-height:30px;
position:relative;
width:390px;
}

input:focus {
border:#fff 1px solid;
}

#enviar {
cursor:pointer;
display:block;
height:30px;
left:450px;
line-height:30px;
position:absolute;
top:1px;
width:60px;
}

textarea {
border:#000 1px solid;
display:block;
float:right;
height:150px;
width:390px;
}

.popup{
    background-color: #333132;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 30%;
    z-index: 9999999999;
}

.popup, .popup a{
    color: #fff;
    font-size: 2rem;
}

.popup a:hover{
    color: #fff;
}

.popup p:first-child{
    text-transform: uppercase;
}
.popup img{
    width: 100%;
}

.close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
    background: rgba(29, 29, 29, .5);
    padding: 0rem .8rem;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

@keyframes Opacity{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}