@font-face {
font-family: Arial;
font-style: normal;
src: url(../font/arial_bold.ttf);
}

@font-face {
font-family: Segoe Script;
font-style: normal;
src: url(../font/segoesc.ttf);
}

*{
	margin:0;
	padding:0;
	outline: none;
	border:none;
	list-style:none;
}

html{
	height: 100%;
	background:#D7CC75;
	background: -moz-linear-gradient(top, #F2E478 0%,#A29641 100%); /* firefox */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2E478), color-stop(100%,#A29641)); /* webkit */
}

body{
	font: 15px Arial, Helvetica, sans-serif;
	color: #000;
	overflow:hidden;
}

a{
	text-decoration: none;
	list-style:none;
	color: #FFF;
}

#container{
	width: 1100px;
	margin: -220px auto;
	z-index: 10;
}

#fundo_header{
	background: url(../img/fundo_header.jpg) no-repeat;
	background-position: center -1px;
	box-shadow: 0 0 30px #000;
	width: 100%;
	height: 340px;
	z-index: 3;
	position:absolute;
	top: 0px;
	left:0px
}

#header{
	position: relative;
	z-index: 10;
	margin: 0 auto;
}

#logoanimada{
	float:right;
	height: 220px;
	margin-top: -20px;
	margin-right: 100px;
	z-index: 999;
}

#menu{
	font: 18px Tahoma, Helvetica, sans-serif;
	float: left;
	width: 100%;
	padding-top: 170px;
	margin: 80px 10px;
	z-index: 99;
	text-shadow: 0 0 10px #000;
	font-weight: bold;
}

#menu ul{
	list-style:none;
	/*overflow:hidden;*/
}

#menu ul li{
	float: left;
	text-align: center;
	position:relative;
	font-size: 15px;
	z-index: 99;
	margin-left: 10px;
}

#menu ul li a{
	float: left;
	padding: 12px 19px;
	text-decoration: none;
	color: #FFF;
	display:block;
	position:relative;
    z-index:2;
	height: 58px;
	
}

#menu ul li a:hover{
	text-shadow: 0 0 10px #000;
	font-weight: bold;
}

#menu_2_linhas{
	margin-top: -8px;
}

#menu span {
	position:absolute;
	display:block;
	height:0;
	width:100%;
	background:#D7CC75;
	background: -moz-linear-gradient(top, #F2E478 0%,#A29641 100%); /* firefox */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2E478), color-stop(100%,#A29641)); /* webkit */
	top:-62px;
	left:0;
	z-index:1;
	box-shadow: 0 0 10px #000;
}

#menu_foto{
	padding-left: 50px;
}

#menu_foto img{
	position:relative;
	margin-top: 20px;
	margin-left: 50px;
	box-shadow: 0 0 20px #000;
	cursor: pointer;
}

#footer{
	width: 100%;
	height:96px;
	text-align:center;
	position: absolute;
	top:590px;
	z-index: 10;
	padding-top: 10px;
}

#footer > a{
	color: black;
	text-decoration: none;
	font-size: 12px;
}

#footer > a:hover{
	color: black;
}

#footer a:hover span {
	color: #DD137B;

}

#footer a > span {
	color: #FFF;
	font-size: 12px;
}

/********************
	Slideshow
********************/
#slides{
	float: left;
	width: 900px;
	box-shadow: 0 0 30px #000;
	position: relative;
	margin-top: -210px;
	margin-left: 50px;
	z-index: 10;
}

.slides_container {
	width:950px;
	height:310px;
}
.slides_container div {
	width:950px;
	height:310px;
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:70px;
	left:-39px;
	width:77px;
	height:143px;
	display:block;
	z-index:101;
}

#slides .next {
	left:914px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



/********************
	Paginas Geral
********************/
.conteudo_pag{
	position:absolute;
	top: 90px;
	left:-2000px;
	z-index: 99;
	overflow: hidden;
	box-shadow: 0 0  30px #000;
}

.conteudo_pag iframe{
	width:1060px;
	height: 330px;
	z-index: 99;
}

.paginas{
	overflow: hidden;
	text-align: justify;
	height: 350px;
	background-color: #FFF;
}

.conteudo_pag_grd{
	position:absolute;
	top: 90px;
	left:-2000px;
	z-index: 99;
	overflow: hidden;
	box-shadow: 0 0  30px #000;
}
.conteudo_pag_grd iframe{
	width:1060px;
	height: 510px;
	z-index: 99;
}

.paginas_grd{
	overflow: hidden;
	text-align: justify;
	height: 510px;
	background-color: #FFF;
}


/********************
	Empresa
********************/

.foto_pag{
	float: right;
	margin-top: 40px;
}

.titulo_pag{
	font: 30px Segoe Script, Helvetica, sans-serif;
	color: #838C43;
	margin-top: 20px;
	margin-left: 100px;
	padding-left: 20px;
}

#empresa{
	float: left;
	width: 650px;
	margin-top: 10px;
	margin-left: 20px;
	font: 15px Tahoma, Helvetica, sans-serif;
	line-height:25px;
}

.imagem_esq{
	float: left;
}

.imagem_dir{
	float: right;
	margin-right: 20px;
}

/********************
	Produtos
********************/

.titulo_pag_prod{
	font: 30px Segoe Script, Helvetica, sans-serif;
	color: #838C43;
	margin-top: 15px;
	margin-left: 70px;
	padding-left: 20px;
}

#produtos{
	background: url(../img/fundo_produtos.jpg) no-repeat;
}

#produtos_esq{
	float:left;
	line-height:72px;
	width: 300px;
	height: 300px;
	text-align: center;
	margin-top: 90px;
	margin-left: 30px;
	color: #605F54;
}

#produtos_dir{
	float:right;
	line-height:72px;
	width: 300px;
	height: 300px;
	text-align: center;
	margin-top: 90px;
	margin-right: 30px;
	color: #605F54;
}

/********************
	Meio Ambiente
********************/

.titulo_pag_med_ambiente{
	font: 35px Segoe Script, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 0 0 10px #000;
	margin-top: 15px;
	margin-left: 70px;
	padding-left: 20px;
}

#meioambiente{
	background: url(../img/fundo_meioambiente.jpg) no-repeat;
}

.subtitulo{
	font: 22px Segoe Script, Helvetica, sans-serif;
	color: #847059;
}

#meioambiente_esq{
	float:left;
	width: 330px;
	height: 300px;
	text-align: center;
	margin-top: 125px;
	margin-left: 30px;
	color: #605F54;
}

#meioambiente_dir{
	float:right;
	width: 350px;
	height: 300px;
	text-align: center;
	margin-top: 85px;
	margin-right: 30px;
	color: #605F54;
}

/********************
	Aluguel
********************/

.titulo_pag_med_ambiente{
	font: 35px Segoe Script, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 0 0 10px #000;
	margin-top: 15px;
	margin-left: 70px;
	padding-left: 20px;
}

#aluguel{
	background: url(../img/fundo_aluguel.jpg) no-repeat;
}

#subtitulo_cacamba{
	float:left;
	font: 22px Segoe Script, Helvetica, sans-serif;
	color: #847059;
	border-left: 40px solid #847059;
	padding-left: 10px;
	margin-top: 250px;
	margin-left: 220px;
}

#aluguel_esq{
	float:left;
	width: 330px;
	height: 300px;
	text-align: right;
	margin-top: 280px;
	margin-left: -325px;
	color: #605F54;
	font-size: 13px;
}

#subtitulo_retro{
	float:right;
	font: 22px Segoe Script, Helvetica, sans-serif;
	color: #847059;
	border-right: 40px solid #847059;
	padding-right: 10px;
	margin-top: -30px;
	margin-right: 80px;
}

#aluguel_dir{
	float:right;
	width: 300px;
	height: 300px;
	text-align: left;
	margin-top: 0px;
	margin-right: 26px;
	color: #605F54;
	font-size: 13px;
}




/********************
	Serviços
********************/

.foto_servicos{
	margin-top: 60px;
	margin-left: 32px;
	box-shadow: 0 0  20px #CCC;
}
#desc_servicos{
	float: left;
	width: 500px;
	margin-top: 60px;
	margin-left: 150px;
	color: #3E4095;
	font: 18px Tahoma, Helvetica, sans-serif;
	line-height:25px;
}

.foto_serv{
	float: right;
	margin-right: 30px;
	margin-top: 80px;
}

#voltar{
	position: absolute;
	bottom: 20px;
	left: 30px;
	color: #000;
}
#voltar:hover{
	color: #CCC;
}

/********************
	Benefícios
********************/

.titulo_pag_beneficios{
	font: 30px Segoe Script, Helvetica, sans-serif;
	color: #838C43;
	margin-top: 15px;
	margin-left: 30px;
	padding-left: 20px;
	border-left: 80px solid #838C43;
}

#beneficios{
	float:left;
	line-height:21px;
	width: 90%;
	height: 300px;
	text-align: justify;
	margin-top: 15px;
	margin-left: 50px;
	color: #000;
}

/********************
	Contato
********************/

#contato{
	width: 500px;
	position: absolute;
	left: 20px;
	top: 30px;
	text-align: center;
	font: 15px Tahoma, Helvetica, sans-serif;
	margin-top: 10px;
	color: #000;
}

.whatsapp{
		width: 35px;
		margin-right: 10px;
		margin-bottom: -10px;
}


#contato  a{
	color: #858474;
	text-decoration: none;
}

#form_contato{
	width: 500px;
	float:right;
	padding-right: 40px;
	margin-top:10px;
	color: #858474;
}

#contato span{
	font-size: 22px;
	color: #FFCC29;
	text-shadow: 1px 1px 2px #F5874F;
}

#contato_borda{
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	border-radius: 5px;
	width: 320px;
	margin-top: -20px;
	margin-left: 90px;
}

input.text,textarea.text,select.text {
	width:500px;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:10px;
	background:url(../img/input-bg.gif) top left no-repeat;
	border-radius: 5px;
}

textarea.text {
	height:80px;
	margin-top:5px;
}

.submit{
	float:right;
	margin-right: 10px;
	cursor:pointer;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 5px;
}