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

body {
	font-family: 'Open Sans', sans-serif, Verdana, Geneva, sans-serif;
	background-color: #fff;
	background-image:url(../images/fundosite_large.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0;
	padding: 0;
	color: #000;
}
.destaqtexto {font-weight:700}
.destaqtextoverde {font-weight:700; color:#007236;}
.txtitalic {font-style:italic;}
.linktexto {color:#007236;}
/* ~~ Seletores de elementos/tag ~~ */
ul, ol, dl { /* Devido a variações entre navegadores, é recomendado zerar o padding e as margem nas listas. É possível especificar as quantidades aqui ou nos itens da lista (LI, DT, DD) que eles contêm. Lembre-se: o que você fizer aqui ficará em cascata para a lista de navegação a não ser que você escreva outro seletor mais específico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* ao remover a margem superior, as margens podem escapar das suas containing block. A margem inferior restante vai mantê-la afastada de qualquer elemento que se segue. */
	margin-bottom:10px;
}
h1 {
	font-size:22px;
	font-weight:700;
	color:#00a651;	
}
h2 {
	font-size:20px;
	font-weight:700;
	color:#00a651;	
}
p {
	font-size:15px;
	font-weight:400;
	color:#3b3e46;	
}
a img { /* esse seletor remove a borda azul padrão exibida em alguns navegadores ao redor de uma imagem circundada por um link. */
	border: none;
}
img {max-width: 100%;}
/* ~~ A estilização dos links do seu site deve permanecer nesta ordem – incluindo o grupo de seletores que criam o efeito hover. ~~ */
a:link {
	text-decoration: none; /* a não ser que você crie o estilo de seus links para que pareçam totalmente exclusivos, é melhor utilizar links sublinhados para uma identificação visual mais rápida. */
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* esse grupo de seletores dará ao navegador que estiver usando um teclado, a mesma sensação de focalizar como se estivesse usando um mouse. */
	text-decoration: underline;
}
/* ~~ Esse contêiner de largura fixa envolve todos os outros blocos~~ */
.container {
	max-width: 960px;
	padding-right:10px;
	padding-left:10px;
	margin: 0 auto; /* o valor automático nos lados, combinado com a largura, centraliza o layout */
}
/* ~~ O cabeçalho não tem uma largura predeterminda. Ele se estenderá por toda a largura do seu layout. ~~ */
header {
	background-color: #fff;
	height: 146px;
	position:relative;
}
.mgmlogo {
	position:absolute;
	top:50px;
	width:170px;
}
#fotodestaque {
	margin-bottom:10px;
	height:auto;
	position:relative;
}

#fotodestaquemgm {
	margin-bottom:32px;
	background:url(../images/foto_destaque_mgm_l.jpg) no-repeat left 0px;
	height:415px;
}
#fotodestaqueeq {
	margin-bottom:32px;
	background:url(../images/foto_destaque_eq_l.jpg) no-repeat left 0px;
	height:415px;
}

#fotodestaquecon {
	margin-bottom:32px;
	background:url(../images/foto_destaque_con_l.jpg) no-repeat left 0px;
	height:415px;
}
#fotodestaqueor {
	margin-bottom:32px;
	background:url(../images/foto_destaque_or_l.jpg) no-repeat left 0px;
	height:415px;
}

.infocontainer {
	width:100%;
}
.infocontainerint {
	width:31.5%;
	float:left;
	margin-right:3%;
	background-image:url(../images/fundo_infocontainer.jpg);
	background-repeat:repeat-x;
	background-position: top;
}
.infocontainerintright {
	width:31%;
	float:left;
	background-image:url(../images/fundo_infocontainer.jpg);
	background-repeat:repeat-x;
	background-position: top;
}
.infocontainertxt {
	margin:0;
	padding:30px;
}
.infocontainerfoto {
	width:100%;
	padding:0;
	margin:0;
	height:auto;
}
.infocontainerinteq {
	width:43.5%;
	float:left;
	margin-left:4.3%;
	background-image:url(../images/fundo_infocontainereq.jpg);
	background-repeat:repeat-x;
	background-position: top;
}
.infocontainerintrighteq {
	width:45%;
	float:left;
	background-image:url(../images/fundo_infocontainereq.jpg);
	background-repeat:repeat-x;
	background-position: top;
}

.listadeeq {
	font-size: 20px;
	font-weight: 600;
	color: #FFF;
	padding: 7px 0px 7px 50px;
	background-image: url(../images/fundo_barraverde.gif);
	background-position: right;
	background-repeat: no-repeat;
	}

.listadeeq2 {
	padding:0 0 10px 20px;; 
	border-bottom:dashed #00a651 1px;	
}
	

#fadeshow1 { /* make all images inside fadeshow4 scale to 100% of slideshow width */
width: 100%;
height: auto;
background:#FFF;
}
/* ~~ Essas são as colunas do layout. ~~ 

1) O padding é colocado somente na parte superior e/ou inferior dos elementos de blocos. Os elementos nesses blocos têm padding em seus lados impedindo o surgimento do “modelo tipo caixa”. Lembre-se: ao adicionar qualquer padding lateral ou borda ao próprio blco, ele será adicionado à largura que você define para criar a largura *total*. Também é possível remover o padding no elemento dentro do bloco e estabelecer um segundo elemento de bloco dentro do primeiro, sem largura, e com o padding necessário para o seu design.

2) Como as colunas são todas flutuantes, não foi atribuída nenhuma margem a elas. Se for necessário adicionar margem, evite colocá-la no lado flutuante (por exemplo, uma margem direita em um blco definido para flutuar à direita). Em vez disso, muitas vezes é utilizado o padding . Para os blocos em que essa regra tem que ser quebrada, é necessário adicionar a declaração "exibição: inline" à regra do elemento de bloco para solucionar um erro recorrente em algumas versões do Internet Explorer em que a imagem é duplicada.

3) Como as classes podem ser usadas diversas vezes em um documento (e um elemento também pode ter várias classes aplicadas), foram atribuídas às colunas nomes de classe ao invés de IDs. Por exemplo, se for necessário, os blocos com duas barras laterais podem ser empilhados. Se preferir, é possível alterar facilmente para os IDs desde que esteja usando-os somente uma vez em cada documento.

4) Caso prefira seu navegador à esquerda ao invés de à direita, simplesmente flutue essas colunas para a direção oposta, todas à esquerda ao invés de à direita, e elas serão apresentadas na ordem inversa. Não há necessidade de mover os blocos em torno da fonte HTML.

*/
.sidebar1 {
	float: right;
	width: 180px;
	background-color: #EADCAE;
	padding-bottom: 10px;
}
.content {
	max-width: 1203px;

}

/* ~~ Esse seletor agrupado fornece as listas dentro do espaço da área de conteúdo ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* esse padding espelha o padding direito nos cabeçalhos e na regra de parágrafo acima. O padding foi colocado na parte inferior para obter espaço entre outros elementos das listas e à esquerda para criar o recuo. Estes podem ser ajustados como desejar. */
}

/* ~~ Os estilos de lista de navegação (podem ser removidos se for escolhido o uso de um submenu criado anteriormente, como o Spry) ~~ */
ul.nav {
	list-style: none; /* isso remove o marcador de lista */
	position:absolute;
	right:0px;
	top:90px;
	width:60%;
	}

ul.nav a, ul.nav a:visited { /* ao agrupar esses seletores, seus links mantêm a aparência de botão mesmo após terem sido visitados. */
	display: block; /* isso fornece as propriedades de bloqueio de links, preenchendo todo o LI. Assim, toda a área responderá ao clique do mouse. */
	text-decoration: none;
	float: right;
	border-left:solid 1px #007236;
	color:#000;
	padding:4px 16px 4px 16px;
	font-size:15px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* isso altera o fundo e a cor do texto para navegação com o mouse ou teclado. */
	background-color: #00a651;
	color: #FFF;
}
body#rental a.ren, body#equipamentos a.equ, body#orcamento a.orc, body#contato a.con { 
	background-color: #00a651;
	color: #FFF;
}

/* ~~ O rodapé ~~ */
.containerfooter {
	margin-top:32px;
	background-color: #007236;
	clear: both; /* essa propriedade de limpeza força o contêiner a reconhecer o conteúdo das colunas e onde elas terminam. */
	
}
footer {
	max-width:960px;
	height:180px;
	padding-left:10px;
	padding-right:10px;
	background-color: #007236;
	position: relative;/* isso possibilita que o hasLayout do IE6 faça a limpeza corretamente. */
	clear: both; /* essa propriedade de limpeza força o contêiner a reconhecer o conteúdo das colunas e onde elas terminam. */
	margin: 0 auto; /* o valor automático nos lados, combinado com a largura, centraliza o layout */
}

/*Suporte HTML 5 – Define novas tags do HTML 5 para exibir blocos. Assim os navegadores saberão como processar as tags de forma apropriada. */
header, section, footer, aside, article, figure {
	display: block;
}

#navfooter {
	width:70%;
	position:absolute;
	top: 45px;
	background-image:url(../images/fundonavfooter.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#00a651;
	height:33px;
}
#navfooter li {
	list-style-type:none;
	float:left;
	height:20px;
	border-right:#FFF solid 1px;
	padding:0px 25px 0px 25px;
	margin-top:6px;

}
#navfooter li a {
	display:block;
	color:#FFF;
	font-size:14px;
}

address {
	position:absolute;
	color:#FFF;
	font-size:15px;
	font-style:normal;
	top:95px;
	width:80%;
}
address a{ color:#FFF;}

address p{ color:#FFF; float:left; font-size:13px; margin-right:20px;}
 

#logotipofooter {
	width: 190px;
	height: 73px;
	position: absolute;
	right:0px;
	top:45px;
}

section.home {
	background-image:url(../images/fundosectionhome.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	width:100%;
	padding:0;
	margin-bottom:32px;
}
section.int {
	background-image:url(../images/fundosectionhome.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	padding:30px;
	margin-bottom:32px;
	
}
section.inthalf {
	background-image: url(../images/fundosectionhome.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	padding: 30px;
	margin-bottom: 32px;
	width: 45%;
}
section.inthalfor {
	background:none;
	float: left;
	padding: 0px;
	margin-bottom: 32px;
	width: 49.5%;
}
section.inthalfrightfoto {
	float: right;
	margin-bottom: 32px;
	width: 45%
}
section.inthalfrightor {
	float: right;
	margin-bottom: 32px;
	width: 45%
}

section.orc {
	background-image:url(../images/fundosectionhome.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	padding:30px
	margin-bottom:32px;
	width:93.5%;
	
}
.fotohome {
	float:left;
	margin-right:28px;
	width:38%;
}
.txthome {
	float:left;
	padding-top:25px;
	width:55%;
}
.saibamais
{
	font-size:13px;
	font-weight:600;
	color:#FFF;
	background-image:url(../images/fundosaibamais.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:3px 0 7px 0;
	width:106px;
	text-align:center;
	margin-top:25px;
}
.linksaibamais {
	text-decoration:none;
	color:#FFF;
}
.clear-fix {clear:both; line-height: 1px;}

form {
	font-size:15px;
	font-weight:700;
	color:#00a651;
	}

fieldset {
	text-align: right;
	display:block;
	border:0;
	margin-bottom:25px;
	padding:0;
}
.input {
	border: #cccccc solid 1px;
	box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	height: 30px;
	padding-left: 6px;
	color: #666;
	font-size: 14px;
	margin-left: 3%;
	width: 59%;
}
.textarea {
	border: #cccccc solid 1px;
	box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	height: 150px;
	padding-left: 6px;
	color: #666;
	font-size: 14px;
	margin-left: 3%;
	width: 59%;
}
.btn {
	font-size:14px;
	font-weight:600;
	color:#FFF;
	background-image:url(../images/fundosaibamais.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 0 6px 0;
	width:106px;
	text-align:center;
	margin-top:25px;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

/* slideshow */
div#itemBox {
width: 100%;                                
height:0;
padding: 0 ;
margin: 0 auto;
overflow: hidden; 
position: relative;
}

.fadeItem {
position: absolute;
width:100%;
height:auto;
display:none;
}

.fadeItem img {
width:100%;
height:auto;
display: block; /* to avoid nasty extra space under your img */
}