body
{
	padding:5px;
	margin:0px;
	font: 12px Arial, Helvetica, sans-serif;
	background:#ccc;
	text-align:center;
}

#tudo
{
	width:900px;
	text-align:left;
	margin:0 auto;
	padding:0px;
	background:#fff;
}

#conteudo
{	
		padding:10px;
		background:#fff;
}

/**** TOPO ******/
#topo
{
width:900px;
height:123px;
}


/**************** MENU **************/
#menu
{
color:#018E42;
width:900px;
height:28px;
display:table;
margin:0px;
background:#f2f2f2;
}

#menu ul
{
width:900px;
list-style-type: none;
margin: 0px;
padding-top: 7px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
text-align: center;
}

#menu ul li { display: inline; padding: 0px; height: 20px; }

#menu ul li a {
	font: bold 12px verdana, helvetica, sans-serif;
	color:#018E42;
	text-decoration:none;
	margin: 0px;
	height: 19px;
	padding-top: 13px;
	padding-right: 17px;
	padding-bottom: 3px;
	padding-left: 17px;
}

#menu ul li a.selecionado {
	font: bold 12px verdana, helvetica, sans-serif;
	color:555;
	text-decoration: none;
	margin: 0px;
	height: 19px;
	padding-top: 13px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}


#menu ul li a:hover
{
	text-decoration:underline;
}

#menu a
{
font:bold 10px verdana, helvetica, sans-serif;
color:#018E42;
width:900px;
text-align:center;
}

/********** CONTEUDO HOME *************/
#home
{
margin:0px;
padding:0px;
}

#servicos
{
padding:5px;
height:208px;
background:url(img/fundo.gif) repeat repeat;
border:2px solid #f2f2f2;
}

#servicos h2
{
margin:0px;
padding:0px;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
font:16px verdana, helvetica, sans-serif;
color:#018E42;
}

.serv
{
margin:10px;
display:inline;
float:left;
width:195px;
height:157px;
background:#ccc;
}

#meio-ambiente
{
clear:both;
margin-top:20px;
padding:0px;
height:100px;
border:2px solid #f2f2f2;
text-align:center;
background:url(img/ambiente_mgd.jpg) no-repeat;
}

#meio-ambiente h2
{
margin:0px;
margin-bottom:12px;
padding-top:10px;
padding-right:10px;
padding-left:200px;
font:bold 20px verdana, helvetica, sans-serif;
color:#018E42;
}

#meio-ambiente h3
{
margin:0px;
padding-right:10px;
padding-left:200px;
font:18px verdana, helvetica, sans-serif;
color:#666;
}


#box-inferior
{
clear:both;
margin-top:20px;
margin-bottom:20px;
height:126px;
}

#esquerda
{
float:left;
width:390px;
height:105px;
padding:10px;
border:2px solid #f2f2f2;
}


#esquerda h2
{
margin:0px;
margin-bottom:12px;
font:bold 16px verdana, helvetica, sans-serif;
color:#018E42;
}

#esquerda h2 a
{
font:bold 16px verdana, helvetica, sans-serif;
color:#018E42;
text-decoration:none;
}

#esquerda h2 a:hover
{
text-decoration:underline;
}


#esquerda h3
{
margin:0px;
font:14px verdana, helvetica, sans-serif;
color:#666;
}

#esquerda h3 a
{
font:14px verdana, helvetica, sans-serif;
color:#666;
text-decoration:none;
}

#esquerda h3 a:hover
{
text-decoration:underline;
}

#direita
{
float:right;
width:400px;
height:125px;
border:2px solid #f2f2f2;
background:url(img/box_girassol.jpg) no-repeat;
background-position:right bottom;
}

#direita h2
{
padding-top:10px;
padding-left:10px;
padding-bottom:0px;
width:250px;
margin:0px;
margin-bottom:12px;
font:bold 16px verdana, helvetica, sans-serif;
color:#018E42;
}

#direita h2 a
{
font:bold 16px verdana, helvetica, sans-serif;
color:#018E42;
text-decoration:none;
}

#direita h2 a:hover
{
text-decoration:underline;
}


#direita h3
{
padding:0px;
padding-left:10px;
width:250px;
margin:0px;
font:14px verdana, helvetica, sans-serif;
color:#666;
}

#direita h3 a
{
font:14px verdana, helvetica, sans-serif;
color:#666;
text-decoration:none;
}

#direita h3 a:hover
{
text-decoration:underline;
}


/******* CONTATO & A EMPRESA ********/
#contato
{
padding:10px;
margin-left:120px;
}

#contato h1
{
padding:0px;
margin:0px;
font:bold 20px Arial, Helvetica, sans-serif;
color:#018E42;
}

#contato h2
{
padding:0px;
font:18px Arial, Helvetica, sans-serif;
color:#018E42;
}


#contato p
{
font:11px Arial, Helvetica, sans-serif;
color:#444;
}

#empresa
{
padding:20px;
margin-left:50px;
margin-right:50px;
border:1px solid #f2f2f2;
}

#empresa h1
{
padding:0px;
margin:0px;
padding-bottom:25px;
font:bold 22px Arial, Helvetica, sans-serif;
color:#018E42;
}

#empresa h2
{
margin:0px;
padding:0px;
font:bold 16px Arial, Helvetica, sans-serif;
color:#018E42;
}



#empresa p
{
margin:0px;
padding-top:8px;
padding-bottom:20px;
font:13px Arial, Helvetica, sans-serif;
color:#444;
}


/********* RODAPE **********/
#rodape
{
color:#fff;
width:900px;
height:60px;
display:table;
padding-top:5px;
margin:0px;
background-color:#888;
}

#rodape ul
{
width:900px;
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
}

#rodape ul li { display: inline; padding: 0px; height: 20px; }

#rodape ul li a {
	font: bold 11px verdana, helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
	margin: 0px;
	height: 19px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#rodape ul li a:hover {
	text-decoration:underline;
}

#rodape p
{
margin:0px;
padding:0px;
padding-top:6px;
font:bold 10px verdana, helvetica, sans-serif;
color:#fff;
width:900px;
text-align:center;
}


#rodape a
{
font:bold 10px verdana, helvetica, sans-serif;
color:#fff;
width:900px;
text-align:center;
}