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

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	margin:0;
	font-family: 'Raleway', sans-serif;
}

img{
	border:none;
}

a{
	text-decoration:none;
	color:inherit;
}

input:focus, textarea:focus{
	outline:none;
}

#base{
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	margin:0;
}

#base.home{
	background:url(../images/bg_home.jpg);
	background-size:cover;
}


#menu{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:30%;
	height:100%;
	background:rgba(63,103,53,.9);
	border-right:#3f6735 solid thin;
	/*color:#555;*/
	color:#FFF;
}

#body{
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:70%;
	height:100%;
	overflow:auto;
	/*background:#FCF1C7;*/
	background-color:rgba(252,241,199,.2);
}

#logo{
	position:relative;
	display:table;
	width:196px;
	height:142px;
	margin:20px auto;
	background:url(../images/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

#menu ul{
	position:relative;
	margin:20px auto;
	list-style:none;
	display:table;
	padding:0;
	width:220px;
}

#menu li{
	position:relative;
	display:table;
	float:left;
	clear:both;
	width:200px;
	text-align:center;
	padding:10px;
	border-bottom:#FFF dotted thin;
	margin:0;
	font-variant:small-caps;
}

#menu li:before, #menu li:after{
	position:absolute;
	display:table;
	top:10px;
	opacity:0;
	transition:opacity .2s, left .2s, right .2s;
}

#menu li:before{
	content:'>';
	left:0;
}

#menu li:hover:before{
	opacity:.5;
	left:20px;
}


#menu li:after{
	content:'<';
	right:0;
}

#menu li:hover:after{
	opacity:.5;
	right:20px;
}

#menu li.last{
	border:none;
}

#menu #dados{
	position:absolute;
	display:table;
	width:100%;
	bottom:20px;
	text-align:center;
}

#menu #dados #social{
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

#menu #social svg {
    width: 2rem;
    height: 2rem;
}

#menu #fone{
	position:relative;
	margin:5px;
	font-size:20px;
}

#menu #endereco{
	position:relative;
	display:table;
	width:100%;
	margin-top:20px;
}


#logo-home{
	position:relative;
	display:table;
	width:200px;
	height:147px;
	margin:20px auto;
	background:url(../images/logo-home.png);
}


#apresentacao{
	position:relative;
	display:table;
	width:80%;
	margin:0 auto;
	margin-top:40px;
	color:#333;
	text-align:justify;
	font-weight:600;
}

#servicos{
	position:relative;
	display:table;
	margin:10px auto;
	width:80%;
	font-weight:600;
}

#servico{
	float:left;
	display:table;
	margin-right:50px;
	width:40%;
}

#servicos h3{
	color:#333;
	font-variant:small-caps;
	font-weight:600;
}

#servico h2{
	color:#333;
	font-size:16px;
	font-weight:600;
	margin:2px 0;
}

#img-grande{
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	background:url(../images/novo%20site/Image00005.jpg);
	background-size:cover;
	background-position:center center;
}

#prod{
	display:none;
}

#prod h2{
	position:relative;
	display:table;
	margin:20px auto;
	color:#FFF;
	font-weight:300;
	font-variant:small-caps;
	margin-bottom:20px;
	background:rgba(0,0,0,.6);
	padding:6px 20px;
}

#menu-produtos{
	position:absolute;
	display:block;
	width:94%;
	margin:0 auto;
	overflow:hidden;
	background:rgba(0,0,0,.8);
	padding:10px;
	left:2%;
	bottom:2%;
	z-index:999;
}

#menu-produtos ul{
	position:relative;
	left:10%;
	display:block;
	width:80%;
	margin:0;
	padding:0;
	list-style:none;
}

#menu-produtos li{
	position:relative;
	display:table;
	float:left;
	cursor:pointer;
	text-align:center;
}

#menu-produtos li img{
	position:relative;
	display:table;
	margin:0 auto;
	opacity:1;
	transition:opacity .2s;
	padding:6px;
	border:#333 solid thin;
	width:80px;
	height:80px;
}

#menu-produtos li:hover img{
	opacity:.8;
}


#form{
	position:relative;
	display:table;
	margin:20px auto;
	color:#333;
	font-weight:600;
	width:700px;
}

input[type=text], textarea{
	font-family: 'Raleway', sans-serif;
	color:#666;
	padding:5px 8px;
	margin:2px 0 5px 0;
	width:320px;
	background:#EEE;
	border:#999 solid thin;
	font-size:16px;
}

#left{
	position:relative;
	display:table;
	float:left;
}

#right{
	position:relative;
	display:table;
	float:right;
}

textarea{
	height:133px;
	max-width:320px;
	max-height:133px;
}

#btn{
	position:relative;
	display:block;
	float:none;
	clear:both;
	width:100%;
}

input[type=submit]{
	position:relative;
	display:table;
	margin:5px auto;
	background:rgba(63,103,53,.9);
	color:#FFF;
	font-variant:small-caps;
	padding:5px;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	width:100px;
	border:none;
	cursor:pointer;
}

#mapa{
	position:absolute;
	display:table;
	width:100%;
	bottom:0;
}