body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:11px;
	background:#C6D6E5;
}

td, p {
	font-family: Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:11px;
}

th { text-align:right; color:#395D83 }

img {border:0;}
div {position:relative}
p {margin:0; margin-bottom:10px;}

a:link, a:visited {
	color:#0067B9;
}
a:active, a:hover{
	color:#F27E00;

}

input, select, textarea {
	border:1px solid #D2DEE8;
	background: #FFF;
	color:#444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	margin-bottom:10px;
}
.large {width:246px }
.lbl_medium {float: left; width:50px; }
.sender {
	border:1px solid #333;
	background: #444;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.notice {padding:5px; background: #FBF197; border:1px solid #FBF197; color:#395D83; margin:5px 0 5px 0}
.warning {padding:5px; background: #FFD200; border:1px solid #FFD200; color:#2047A7; margin:5px 0 5px 0}
.form_errors {padding:5px; background:#e6e6e6; border: 1px dashed #CC0000; color:#666; margin:5px 0 5px 0; line-height: normal;}
.form_errors p { color:#333; margin:0; }
.disabled  { color:#999; }
.clear {width:auto; height:auto; border:none; background:none;}
.obs {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.err {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FF6600}

.error_list, .error_list li { margin: 0; color: red }

h1, .ttl { font-size:24px; font-weight:bold; margin:0 0 5px 0 }
h2 { margin:0 0 5px 0 }
h3, .sttl { font-size:16px; font-weight:bold; margin:0 0 5px 0 }

h1 { font-size:24px; font-weight:normal; border-bottom: 1px dashed #444 }


/* POS*/
#holder {margin: 0 auto; width: 974px; height:auto; background:#FFF; padding-left:20px; overflow:auto}
#headTop { background:url(../images/header.jpg) top left no-repeat; width:954px; height:31px }
#headMenu{ height:115px; width: 954px; }
#headMenu #menu { float:left; height:115px; }
#headMenu #busca { float:right; height:20px; margin-top:5px;}

#content { width:954px; background:url(../images/bg_conteudo.gif) top center repeat-y; height:auto;}
#content #left { width:164px; height:auto; float:left; background: url(../images/bg_left_top.gif) no-repeat top left; padding-top:20px;}
#content #center { width:551px; height:auto; float:left; margin-left:20px; padding-top:20px; }

#content #inst { width:770px; height:auto; float:left; margin-top:6px; padding:20px 0 40px 0; background:#DEE8F1 }
#content #insttop { width:770px; height:auto; float:left; background: url(../images/inst_mid_top.jpg) top left no-repeat #FFF; }
#content #instbottom { width:770px; height:auto; float:left; margin-left:20px; padding-bottom:6px; background: url(../images/inst_mid_bottom.jpg) bottom left no-repeat #FFF; }
#content #inst .core{ width:550px; height:auto; float:left; background: #DEE8F1; margin-left: 20px; _margin-left:10px; }

#content #right { width:170px; height:auto; float:right; background: url(../images/bg_right_top.gif) no-repeat top right; padding:20px 15px 0 15px;}
#content #right p { font-size: 10px }

#content #left .prodImages { margin-left:20px;}

#footer { background: url(../images/footer.jpg) top center no-repeat #C6D6E5; height:40px; width:994px; margin:0 auto; padding:30px 0 10px 0; text-align:center}
#footer .a2c { float:right; padding-right: 10px; font-size:9px; }
#footer .a2c a { color: #444444; text-decoration:none }

.sp_20 {height:20px;}

/*	HERITANCE */

h2 {
	margin:0 0 15px 0;
	font-size:24px;	
	width:550px;
	font-weight:bold;
	padding:0 0 10px 0;
	background:url(../images/pontilhado_semfundo.gif) repeat-x bottom;
	text-transform:uppercase;
	color:#444;
	line-height: 30px;
}
#inst h2 {
	background:url(../images/pontilhadotit.gif) no-repeat bottom;
}


/* MENU INST	*/
#menu-inst {
	float:left;
	width:170px;
	margin:50px 0 0 10px;
	color:#0067B9;

}
	#menu-inst a {
		float:left;
		width:150px;
		padding:0 0 0 13px;
		text-decoration:none;
		font-size:10px;
	}
	#menu-inst a:hover {
		background:#FD870B;
		color:#fff;
	}
	
	#menu-inst h4 {
		background:url(../images/menu_03.jpg) no-repeat;
		width:170px;
		height:53px;
		float:left;
		text-indent:-9999px;
		margin:0;
	}
	#menu-inst ul {
		float:left;
		list-style:none;
		background:url(../images/menu_09.jpg) no-repeat bottom;
		padding:0 0 23px 0;
		margin:0;
		width:170px;
	}
	#menu-inst li {
		float:left;
		background:url(../images/menu_08.jpg) no-repeat #fff left top;
		width:163px;
		height:19px;
		padding:3px 5px 0 2px;
		text-decoration:none;
	}
	html>body #menu-inst li {
		height:auto;
		min-height:19px;
	}
	#menu-inst strong {
		text-decoration:underline;
	}

	
	/* LOGOS SUSTENTAVEL */ 
	
	.logos-sustentavel-cima {
		float:left;
		background:url(../images/cima_logos_sustentavel.gif) no-repeat top;
		padding-top:3px;
	}
	.logos-sustentavel-baixo {
		float:left;
		background:url(../images/baixo_logos_sustentavel.gif) no-repeat bottom;
		padding-bottom:3px;
	}
	.logos-sustentavel {
		float:left;
		width:547px;
		background:#FFF;
		padding:10px 0 10px 0;
	}
		.logos-sustentavel .esgoto-e-vida {
			float:left;
			background:url(../images/inst/logo_esgoto.gif) no-repeat;
			width:79px;
			height:79px;
			text-indent:-9999px;
			margin:0 5px 0 15px;
		}
		.logos-sustentavel .agua-e-cidade {
			float:left;
			background:url(../images/inst/logo_agua.gif) no-repeat;
			width:152px;
			height:79px;
			text-indent:-9999px;
			margin:0 5px 0 0;
		}


/* CONTATO */
.contato { padding:10px; background:#EFF4F8; position:relative }
.contato label { float:left; width:100px; text-align:right; padding-right:20px }
.contato input, .contato select, .contato textarea {width:370px }
.contato .button-contato {
	color:#0067B9;
	text-decoration:underline;
	background:url(../images/marcador_login_2.gif) no-repeat;
	padding-left:12px;
	border:none;
	padding-left:20px;

}

.replistItem, .replistItemAlter { padding:20px 25px 20px 25px; margin-bottom:10px; background: #EEF3F8; line-height:20px; }
.replistItemAlter { background: #EEF3F8 }
.replistItem h3, .replistItemAlter h3 { color:#00599D; font-size:18px} 

.pdf_dld { padding:0 0 0 0}

.list_item, a:link.list_item,  a:visited.list_item {
	text-decoration: none;
}
a:hover.list_item,  a:active.list_item {
	color: #FF6633
}


/* PREMIOS  */

.bottom-premios {
	background:url(../images/rodape_premios.gif) no-repeat bottom;
	width:545px;
	float:left;
	padding-bottom:4px;
	margin-bottom:15px;
}
.premios {
	background:url(../images/topo_premios.gif) no-repeat top #EDF2F7;
	width:525px;
	float:left;
	padding:10px;	
}
.premios-left {
	width:245px;
	float:left;	
}
.premios-right {
	width:260px;
	padding:0 0 0 20px;
	float:left;
}

.crumbs { font-family: Tahoma, Arial, "Times New Roman"; font-size: 10px; margin: 0 0 30px 20px; _margin: 0 0 30px 10px; float: left; width: 730px; padding: 0 0 5px 0; border-bottom: 1px solid #ABC2D6; }
.crumbsMid { font-family: Tahoma, Arial, "Times New Roman"; font-size: 10px; margin: 0 0 30px 0; float: left; width: 550px; padding: 0 0 5px 0; border-bottom: 1px solid #ABC2D6; }
.crumbs a, .crumbsMid a { font-weight: bold }