* {
	margin: 0;
	padding: 0;
	}
body {
	padding: 10px 0 50px;
	text-align: center;
	font: 11pt arial, sans-serif;
	color: #333;
	background: #0166a9 url("img/bg_body.jpg") repeat-x;
	}
div#container {
	width: 880px;
	margin: auto auto;	
	text-align: left;
	}
div#header {
	height: auto;
	}
div#fundobranco {
	float: right;
	width: 710px;
	background: white;
	}
div#fundocolorido {
	float: left;
	width: auto;
	background: #e37913 url("img/bg_nav.jpg") repeat-x center top;
	}
div#left {
	float: left;
	width: 170px;
	}
div#right {
	float: right;
	width: 150px;
	}
div#contents {
	margin-right: 150px;
	}
div#footer {
	clear: both;
	height: 82px;
	text-align: center;
	background: url("img/bg_footer.jpg") repeat-x;
	border-left: 1px solid #368bc2;
	border-right: 1px solid #368bc2;
	}

/* === Header === */
p#data {
	margin-bottom: 10px;
	font-size: 8pt;
	color: white;
	}
p#data a {
	color: white;
	text-decoration: none;
	}
p#data a:hover {
	text-decoration: underline;
	}

#cab
{
	padding:5px;
	padding-bottom:3px;
	background:#fff;
}
/* === Navegation === */
div#nav {
	padding: 8px 5px;
	}
#nav ul {
	list-style: inside square url(img/bullet.gif);
	color: white;
	}
#nav li {
	padding: 5px 0;
	}
#nav a {
	font: 11pt tahoma, verdana, sans-serif;
	text-decoration: none;
	color: white;
	}
#nav a:hover {
	text-decoration: underline;
	}

/* === Main === */
div#main {
	padding: 5px;
	}
#main .commargem {
	margin-bottom: 5px;
	}
#main h2, #main h3 {
	margin-top: 30px;
	}
#main p {
	margin-bottom: 1em;
	text-align: justify;
	}
#main p span {
	color: #e61;
	}
#main img {
	border: none;
	}
#main .imagemnotexto {
	float: right;
	margin-left: 5px;
	border: 1px solid #ccc;
	}
#main .credito_foto {
	margin: 0;
	font-size: 8pt;
	font-style: italic;
	text-align: right;
	}
img.direita {
	float: right;
	}
img.horizontal {
	width: 100%;
	}
img.meia {
	width: 50%;
	}
/* == Narcóticos Anônimos ==*/
#main div#na {
	height: 150px;
	padding: 5px;
	color: #457;
	background: #def;
	border: 1px solid #457;
	}
#main div#depoimento {
	width: 90%;
	margin: 5px;
	padding: 10px 20px 20px;
	color: #666;
	font-size: 90%;
	font-style: italic;
	background: #eee;
	border: 1px solid #aaa;
	}
#na h4 {
	font-size: 11pt;
	padding-top: 20px;
	text-align: center;
	text-transform: uppercase;
	background: #bcd;
	border-bottom: 1px solid;
	}
#na h5 {
	margin-top: 24px;
	text-align: center;
	}
#na p#alcance {
	margin-right: 155px;
	padding: 10px;
	font-size: 10pt;
	text-align: center;
	border: 1px solid #bcd;
	}
#na div {
	float: right;
	}
#na div img {
	margin: 0;
	}

/* === Eventos === */

#eventos
{
padding:0px;
}

#eventos h2
{
padding:5px;
font:bold 20px arial, verdana, sans-serif;
color:#EA6901;
}

#eventos p.veja-mais
{
padding:5px;
font:bold 12px arial, verdana, sans-serif;
color:#EA6901;
}

#eventos p.veja-mais a
{
font:bold 12px arial, verdana, sans-serif;
color:#EA6901;
}



.evento
{
padding:5px;
width:260px;
height:120px;
display:inline;
float:left;
}


.evento img
{
margin-top:5px;
margin-right:5px;
float:left;
}


.evento h3
{
padding:3px;
}

.evento h3 a
{
font:bold 14px arial, verdana, sans-serif;
color:#EA6901;
text-decoration:none;
}

.evento p
{
padding:3px;
}

.evento p a
{
font:11px arial, verdana, sans-serif;
color:#666;
text-decoration:none;
}

.evento a:hover
{
text-decoration:underline;
}

#jornal-revista2
{
margin-left:10px;
width:140px;
height:198px;
background:#000;
border:2px solid #fff;
}


#jornal-revista2 p
{
padding:10px;
font:bold 14px arial, verdana, sans-serif;
color:#fff;
text-align:center;
}

#jornal-revista2 p a
{
margin-top:10px;
padding:5px;
font:bold 14px arial, verdana, sans-serif;
color:#fff;
text-align:center;
}


#jornal-revista
{
margin-left:10px;
width:140px;
height:235px;
background:#000;
border:2px solid #fff;
}

#jornal-revista p
{
padding:10px;
font:bold 14px arial, verdana, sans-serif;
color:#fff;
text-align:center;
}

#jornal-revista p a
{
margin-top:10px;
padding:5px;
font:bold 14px arial, verdana, sans-serif;
color:#fff;
text-align:center;
}


/* === Links === */
div#links {
	padding: 5px 0;
	text-align: center;
	}
#links ul {
	list-style: none;
	}
#links img {
	border: none;
	margin-bottom: 4px;
	}

/* === Footer === */
#footer ul {
	list-style: none;
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer ul#navfoot {
	float: right;
	width: 725px;
	padding-top: 15px;
	color: white;
	}
#navfoot li {
	display: inline;
	}
#navfoot li a {
	padding: 0 5px;
	font-size: 10pt;
	color: white;
	}
#footer p.copyright {
	float: right;
	width: 725px;
	padding: 15px 0;
	font-size: 8pt;
	color: #235;
	}
p.copyright a {
	color: #18b;
	}
p.copyright a:hover {
	color: #5be;
	}
#footer div#quicklink {
	float: right;
	width: 142px;
	padding: 5px 0 0;
	text-align: center;
	}
#quicklink img {
	border: none;
	margin-top: 5px;
	}	


	
/*======== Contato ========*/
#contato fieldset {
	width: 400px;
	margin: auto;
	border: none;
	}
#contato fieldset legend {
	padding: 20px 0;
	}
#contato fieldset span {
	color: orange;
	}
#contato fieldset div {
	float: left;
	text-align: right;
	}
#contato fieldset div.labels {
	width: 20%;
	}
#contato fieldset div.inputs {
	width: 280px;
	}
#contato input, #contato textarea {
	width: 280px;
	color: #333;
	margin-bottom: 5px;
	border: 1px solid #aaa;
	}
#contato fieldset label {
	display: block;
	height: 18px;
	margin-bottom: 5px;
	margin-right: 4px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	}
/* correção */
*body#contato fieldset label {padding-top: 2px;}

#contato textarea {
	height: 100px;
	}
#contato input.botao {
	width: 40%;
	height: 20px;
	font-size: 12px;
	text-transform: capitalize;
	color: #fff;
	background: #999;
	border-color: #666;
	}