@charset "utf-8";
@import "reset.css";
* {
	font-family: Arial Narrow, Helvetica, sans-serif;
	text-decoration:none;
}

/*
Containers
*/

html {
	background:url(../images/bg_geral_2.gif) no-repeat top right;
}

body { 
	font-size: 13px;
	text-decoration:none; 
	}

#geral {
	width:940px;
	margin: 0 auto;
}

#extra {	
	width:100%;
	background: url(../images/fundo_extra_2.gif) no-repeat center top;
	margin:0 auto;
	}
	
.border { border: 2px solid #fff }
.border:hover, .border.hover { border-color: #2a8986}
a.border { display: block }

.border2 { border: 1px solid #e7e7e7 }
.border2:hover, .border2.hover { border-color: #bfbfbf}
a.border2 { display: block }

.border3 { border: 15px solid #21b1ac }
.border3:hover, .border3.hover { border-color: #24bcb7}
a.border3 { display: block }


/* Breadcrumb */

	#bread {
	font-size:0.9em;
	width:645px;
	margin: 0 auto;
	padding: 3px 0;
	margin-left:20px;
	margin-top:0px;
	}
	
	.breadcrumb { padding: 5px 0 }
	.breadcrumb {
		width: 600px;
		padding: 4px 0;
	}
	.breadcrumb {  }

	.breadcrumb ul {
		float: left;
		padding-left: 8px;
		background: url(../images/bullet_crumb.gif) no-repeat 0 60%;
	 	background:#fff;
	}
	.breadcrumb li { display: inline;  background:#fff;  }
	.breadcrumb li.title, .breadcrumb .voltar { color: #76787a;  background:#fff; }
	.breadcrumb li a { text-decoration: none; color:#a6b3b3; background:#fff; }
	.breadcrumb li a:hover, .breadcrumb li a:focus, .breadcrumb li a.focus { text-decoration: underline; background:#fff; }

	.breadcrumb span {
		float: right;
		padding-left: 10px;
		background:url(../images/bullet_crumb2.gif) no-repeat 0 60%;
	}
/* Termina: Breadcrumb */

	#decreases {
		float:right;
		width:40px;
		height:16px;
		margin-left:20px;
		margin-right:20px;
	}

	#decreases #decrease {
		float:left;
		background: url(../images/a-.gif) no-repeat;
		text-indent:-9999px;
		width:16px;
		margin-right:5px;
	}

	#decreases #increase {
		float:left; 
		background: url(../images/a+.gif) no-repeat;
		text-indent:-9999px;
		width:16px;
	}

/* CONTEUDO TOPO */

#topo {
	float:left;
	background:url(../images/topo.gif) no-repeat center;
	width:940px;
	height:219px;
	margin:0 auto;
	}

.logo {
	float:left;
	width:114px;
	height:107px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:55px;
	margin-left:85px;
	}
	
.tel {
	float:right;
	display:block;
	width:113px;
	height:16px;
	background:url(../images/tel.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:30px;
	margin-right:20px;
}

#menu_topo {
	float:left;
	width:660px;
	height:51px;
	margin-left:73px;
	margin-top:31px;
}

#menu_topo li.menu a.menu span.menu {
	display:block;
	height:82px;
	text-align:center;
}

#menu_topo li.menu {
	float:left;
	background:url(../images/menu1.jpg) no-repeat left top;
	height:51px;
	color:#fff;
	list-style:none;
	}
	
#menu_topo span, #menu_topo a {
	display:block;
	text-align:left;
	color:#FFF;
	text-indent:-9999px;
	cursor:pointer;
}
	
#menu_topo li#mn_apresentacao {width:100px;}
#menu_topo li#mn_apresentacao span { height:51px; }
#menu_topo li#mn_apresentacao:hover, #menu_topo li#mn_apresentacao:hover, #menu_topo li#mn_apresentacao.hover {background-position:left bottom;}

#menu_topo li#mn_resp_social {width:93px; background-position:-103px top;}
#menu_topo li#mn_resp_social span { height:51px; }
#menu_topo li#mn_resp_social:hover, #menu_topo li#mn_resp_social.hover {background-position:-103px bottom;}

#menu_topo li#mn_campanhas_patty {width:119px; background-position:-198px top;}
#menu_topo li#mn_campanhas_patty span { height:51px; }
#menu_topo li#mn_campanhas_patty:hover, #menu_topo li#mn_campanhas_patty.hover {background-position:-198px bottom;}

#menu_topo li#mn_area_atuacao {width:118px; background-position:-319px top;}
#menu_topo li#mn_area_atuacao span { height:51px; }
#menu_topo li#mn_area_atuacao:hover, #menu_topo li#mn_area_atuacao.hover {background-position:-319px bottom;}

#menu_topo li#mn_bisemana {width:87px; background-position:-439px top;}
#menu_topo li#mn_bisemana span { height:51px; }
#menu_topo li#mn_bisemana:hover, #menu_topo li#mn_bisemana.hover {background-position:-439px bottom;}

#menu_topo li#mn_noticias {width:68px; background-position:-528px top;}
#menu_topo li#mn_noticias span { height:51px; }
#menu_topo li#mn_noticias:hover, #menu_topo li#mn_noticias.hover {background-position:-528px bottom;}

#menu_topo li#mn_contato {width:67px; background-position:-599px top;}
#menu_topo li#mn_contato span { height:51px; }
#menu_topo li#mn_contato:hover, #menu_topo li#mn_contato.hover {background-position:-599px bottom;}
	
	#aempresa li#mn_apresentacao {
		background-position:left bottom;
		}
		
	#responsabilidadesocial li#mn_resp_social {
		background-position:-103px bottom;
		}
		
	#campanhaspatty li#mn_campanhas_patty {
		background-position:-198px bottom;
		}
		
	#areadeatuacao li#mn_area_atuacao {
		background-position:-319px bottom;
		}
		
	#bisemana li#mn_bisemana {
		background-position:-439px bottom;
		}
		
	#noticia li#mn_noticias {
		background-position:-528px bottom;
		}
		
	#contato li#mn_contato {
		background-position:-599px bottom;
		}
	
#titulo_topo {
	float:left;
	margin-left:120px;
	margin-top:35px;
	}


/* FIM: CONTEUDO TOPO */


/* DIV CONTEUDO GERAL */
#conteudo {
	float:left;
	width:940px;
	margin:0 auto;
	}
	
#esquerda {
	float:left;
	height:auto;
	z-index:20;
	position:relative;
	}
	
#menu_esquerdo {
	float:left;
	background:url(../images/bg_menu_03.gif) repeat-x;
	width:272px;
	height:335px;
	} 
	
#menu_esquerdo h3 {
	float:left;
	background:url(../images/bg_menu_04.gif) no-repeat;
	width:271px;
	height:44px;
	text-indent:-9999px;
	margin-top:5px;
	margin-bottom:0;
}
	
#menu {
	width:228px;
	margin-left:18px;
	margin-top:50px;
	*margin-top:1px;
	_*margin-top:1px;
	}
	
#menu li {
	background:url(../images/roll_menu1.gif) no-repeat;
	line-height:25px;
	padding-left:10px;
	margin-left:10px;
	display:block;
	_height:1px;
	height:25px;
	width:224px;
	}
	
#menu li:hover, #menu li.hover {
	background:url(../images/roll_menu.jpg) no-repeat;
	}
	
#menu a {
	display:block;
	color: #405a74;
	cursor:pointer;
	font-size:1.1em;
	}

#menu a span {
	padding: 0 0 0 12px;
	float:right;
	margin-right:30px;
	color:#a7edea;
}

#menu ul {
	position:relative;
}

#menu li:hover a, #menu li.hover a {
	color:#0a9a96;
	text-decoration:none;
}
#menu li:hover span, #menu li.hover span {
	color:#0a9a96;
}
	
#menu li:hover, #menu li.hover {
	position:relative;
}

#menu li:hover ul, #menu li.hover ul {
	display:block;
}

#menu li ul li {
	background:none;
	margin:0;
}

#menu li:hover ul li span, #menu li.hover ul li span {
	color: #a7edea;
}


#menu li ul li:hover span, #menu li ul li.hover span {
	color: #0a9a96;
}

#menu li ul li {
	background:url(../images/divisoria.gif) no-repeat center bottom;
	margin:0;
	width:190px;
}

#menu .none {
	background:none;
	}

#menu li ul li:hover, #menu li ul li.hover {
	background: url(../images/bg_menu_roll.gif) no-repeat center;
}

#menu li ul {
	display:none;
	position:absolute;
	top:0%;
	left:95%;
	background: #00a9ab url(../images/bg_sub_menu.gif) repeat-x;
	z-index:10;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
 	opacity:0.9;
	padding:6px 0;
}
#direita {
	float:left;
	background:#fff;
	}
	
#portfolio {
	padding-top:160px;
	padding-left:50px;
	margin-top:60px;
	*margin-top:5px;
	float:left;
	background:url(../images/area_atuacao.gif) no-repeat center center;
	width:222px;
	height:37px;
	}
	
.vejamais1 {
	display:block;
	background:url(../images/veja-mais1.gif) no-repeat;
	width:187px;
	height:24px;
	text-indent:-9999px;
	margin-left:10px;
	}
	
.vejamais1:hover{
	background:url(../images/veja-mais2.gif) no-repeat;
	}
	
#localizacao {
	padding-top:70px;
	padding-left:50px;
	float:left;
	background: url(../images/localizacao.gif) no-repeat ;
	width:220px;
	height:107px;
	}
	
#localizacao p {
	color:#464a5b;
	font-size:1.0em;
	text-align:right;
	margin-right:30px;
	}
	
#localizacao a {
	text-decoration:none;
	}
	
#localizacao a:hover #localizacao a.hover {
	text-decoration:underline;
	}
	
#localizacao img {
	float:right;
	margin-right:30px;
	margin-top:10px;
	}
	
#copyright {
	float:left;
	}

#copyright span {
	margin-left:10px;
	color:#464a5b;
	font-size:1.0em;
	}
	
.cycle {
	z-index:1;
	height:334px;
	width:668px;
	margin-top:1px;
	}
	
.cycle2 {
	z-index:1;
	height:217px;
	width:610px;
	}

.publicidade1 a {
	float:left;
	display:block;
	background:url(../images/publicidade1.jpg) no-repeat;
	text-indent:-9999px;
	width:222px;
	height:196px;
	margin-right:1px;
	}
	
.publicidade1 a:hover {
	background:url(../images/publicidade-1.jpg) no-repeat;
	}
	
.publicidade2 a {
	float:left;
	display:block;
	background:url(../images/publicidade2.jpg) no-repeat;
	text-indent:-9999px;
	width:222px;
	height:196px;
	margin-right:1px;
	}
	
.publicidade2 a:hover {
	background:url(../images/publicidade-2.jpg) no-repeat;
	}
	
.publicidade3 a {
	float:left;
	display:block;
	background:url(../images/publicidade3.jpg) no-repeat;
	text-indent:-9999px;
	width:221px;
	height:197px;
	}
	
.publicidade3 a:hover {
	background:url(../images/publicidade-3.jpg) no-repeat;
	}
	
#resp_ambiental {
	background:url(../images/bg_resp_ambiental.gif) repeat-x;
	padding:35px;
	height:140px;
	width:595px;
}

#resp_ambiental img {
	float:left;
	margin-right:20px;
	}

#resp_ambiental span {
	float:left;
	width:350px;
	font-size:1.1em;
	color:#008b8b;
	margin-bottom:10px;
	margin-top:39px;
	}
	
#noticias {
	width:615px;
	_width:580px;
	float:left;
	margin-left:30px;
	margin-top:30px;
}

#noticias h3 {
	float:left;
	background:url(../images/ultimas-noticias.gif) no-repeat;
	text-indent:-9999px;
	width:112px;
	height:26px;
}

.vejamais2 {
	float:right;
	display:block;
	background:url(../images/veja-mais2-1.gif) no-repeat;
	width:71px;
	height:24px;
	text-indent:-9999px;
	}
	
.vejamais2:hover{
	background:url(../images/veja-mais2-2.gif) no-repeat;
	}
	

	
.noticia a {
	float:left;
	width:615px;
	_width:580px;
	padding:10px;
	background:#ededed;
	margin-bottom:3px;
	text-decoration:none;
	}
	
.noticia a:hover {
	background:#dfdfdf;
	text-decoration:none;
	}
	
descri_noti {
	float:left
	}
	
.date {
	display:block;
	float:left;
	padding-right:5px;
	color:#008b8b;
	display:block;
	width:54px;
	height:30px;
	padding-top:12px;
	background:url(../images/noti_date1.png) no-repeat;
	_background:url(../images/noti_date1.gif) no-repeat;
	cursor:pointer;
	}

	
.date strong {
	display:block;
	font-weight:bold;
	font-size:1.3em;
	color:#a0baba;
	padding-left:7px;
	cursor:pointer;
	}
	
#titulo_noticia {
	background:#fff;
	display:block;
	width:615px;
	_width:580px;
	float:left;
	margin-bottom:10px;
	}

.noticia h2 {
	font-size:1.1em;
	font-weight:normal;
	color:#008b8b;
	}
	
.noticia span {
	display:block;
	font-size:1.0em;
	color:#5c5f6e;
	}
	
#rodape {
	padding-top:50px;
	width:920px;
	height:50px;
	margin: 0 auto;
}

#rodape2 {
	float:left;
	background:#f5f5f5;
	width:630px;
	margin-left:90px;
	height:50px;
}

#rodape ul {
	float:left;
	margin-left:10px;
	}

#rodape li {
	float:left;
	margin-left:15px;
	_margin-left:10px;
	margin-top:19px;
	}
	
#rodape span {
	font-size:1.1em;
	}
	
#rodape a {
	color:#208b85;
	text-decoration:none;
	}
	
#rodape a:hover, #rodape a.hover {
	color:#0d5f5a;
	text-decoration:underline;
	}
	
#rodape .link2 span {
	color:#666666;
	}

#rodape .link2 span a {
	display:block;
	color:#666666;
	}
	
	
#rodape .link2 span a:hover, #rodape .link2 span a.hover {
	color:#424242;
	text-decoration:none;
	}

.vejamais3 {
	float:right;
	display:block;
	background:url(../images/top1.gif) no-repeat;
	width:60px;
	height:22px;
	text-indent:-9999px;
	margin-top:15px;
	margin-right:10px;
	}
	
.vejamais3:hover {
	background:url(../images/top2.gif) no-repeat;
	}
	
.interag {
	text-indent:-9999px;
	float: right;
	width: 29px;
	height: 10px;
	margin-top:20px;
	background: url(../images/interag.png) no-repeat top;
	_background: url(../images/interag.gif) no-repeat top;
	font-size:0.4em;
}

.interag:hover, .interag.hover { background-position: bottom; }
	

/* FIM: CONTEUDO GERAL */