body, #top, h1#logo, h1#logoen { margin: 0; padding: 0; }

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	color: #000000;
	}
	
h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	color:#005b3f;
	margin: 0.3em 0 0.3em 0;
	letter-spacing: 0.04em;
	}
	
h3 {
	font-size: 2em;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	color:#b38c0a;
	margin: 0.3em 0 0.3em 0;
	padding: 22px 0 44px 0;
	}
	
h4 {
	font-size: 1em;
	line-height: 1.5em;
	color:#56bb00;
	margin: 0.3em 0 0.3em 0;
	padding-bottom: 8px;
	letter-spacing: 0.03em;
	}
	
a { color: #018099; text-decoration: none; }
a:focus, a:hover {color: #b38c0a; text-decoration: underline; }
	
p {padding: 0 0 17px 0;}

.text_left {text-align: left;}	
.text_center {text-align: center;}
.text_right {text-align: right;}
		

a.linktop {display: block; float: right; height: 21px; padding: 4px 10px 0 30px; margin-bottom: 10px; 
	font-size: 0.85em; color: #ffffff; font-weight: bold; background:url(../images/go_top.gif) 0px 0px no-repeat;}
a:hover.linktop  {color: #b38c0a; text-decoration: none; background: url(../images/go_top.gif) 0px -25px no-repeat;}

#back_top {
	width: 100%; height: 387px;
	margin: 0; padding: 0;
	background-color: #ffffff;
	clear: right;
	}
	
#top {
	height: 387px; width: 100%;
	background-color: #ffffff;
	}
	
#logo_container {width:100%; height: 89px; margin: 0 auto 0 auto;}
			
h1#logo {
	position: absolute;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow: hidden;
	width:586px;
	height:89px;
	background-image: url(../imagens/logo2004.jpg);
	background-repeat: no-repeat;
	}

#menuprincipal_container {
	width:66%;
	height: 24px;
	margin:0 auto 0 auto;
	background-color: #004198;
	float: right;
	background-repeat: no-repeat;
	background-position: left top;
}

#menuprincipal { height: 24px; margin:0 auto 0 auto; margin:0 auto 0 auto;}

#menuprincipal ul {display: table; margin:0 auto; padding:0; list-style:none; white-space:nowrap; list-style:none; height: 24px; position:relative; font-size:0.85em;}
#menuprincipal li {display: table-cell; margin:0; padding:0;}
#menuprincipal li a {color: #FFFFFF; display:block; float:left; height: 24px; text-transform:uppercase; line-height: 24px; padding:0 5px 0 5px; color:#FFFFFF; text-decoration:none; letter-spacing: 0.1em; text-align:center; cursor:pointer; border-right: 1px solid #b38c0a;}
#menuprincipal li a.home {border-left: 1px solid #b38c0a;}
#menuprincipal li a:hover {background-color: #d5c079; color: #3f1b08;}
#menuprincipal li.active a {background-color:#b38c0a; color: #3f1b08; cursor:default;}


#visaolinks {position:relative; top:20px; left:17px; display:block; margin: 0; padding: 0; width:200px; list-style:none;}

#visaolinks a {display:block; width:150px; height:50px; font-size: 1.1em; line-height: 10px; margin: 0; padding: 20px 0 0 55px; color:#3f1b08; text-align:left;}

#visaolinks a:hover {color:#018099;text-decoration: none;}

a#visao_visao {height:30px; background:url(../images/menuvisao_visao.jpg) left top no-repeat;}
a:hover#visao_visao, a#visao_visao.selec {background:url(../images/menuvisao_visao.jpg) 0px -50px no-repeat;}

a#visao_problemas {height:30px; background:url(../images/menuvisao_problemas.jpg) left top no-repeat;}
a:hover#visao_problemas, a#visao_problemas.selec {background:url(../images/menuvisao_problemas.jpg) 0px -50px no-repeat;}

a#visao_ecras {height:30px; background:url(../images/menuvisao_ecras.jpg) left top no-repeat;}
a:hover#visao_ecras, a#visao_ecras.selec {background:url(../images/menuvisao_ecras.jpg) 0px -50px no-repeat;}

a#visao_criancas {height:30px; background:url(../images/menuvisao_criancas.jpg) left top no-repeat;}
a:hover#visao_criancas, a#visao_criancas.selec {background:url(../images/menuvisao_criancas.jpg) 0px -50px no-repeat;}

a#visao_visao.selec, a#visao_problemas.selec, a#visao_ecras.selec, a#visao_criancas.selec {color: #018099; cursor:default;}
	
	
	#back_conteudos {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	background-color:#9bb7ea;
	}
		
	.container {
	width: 100%; height: 100%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	top: 0px;
	background: url(../imagens/fundop.jpg) repeat;
	overflow: hidden; 
	}
	
	.container p {margin-left: 17px;}
	
	.txtbranco {color: #ffffff;}
	.txtpreto {color: #000000;}
	
	.colunas_all {width:100%; height: auto; float:left; margin: 1% 0 1% 0;}
	

	.sidebar_left {width:32%; float:left; display:inline;}
	.sidebar_right {width:60%; height: 100%; float:right; display:inline; margin: 0 6% 44px 0;}
	

	.sidebar_left_visao {width:35%; height: 300px; float:left; display:inline;background: url(../images/sidebar_left_left.jpg) top left no-repeat;}
	.sidebar_left_visao_right {margin-left: 24px; height: 300px; background: url(../images/sidebar_left_right.jpg) top right no-repeat;}
	.sidebar_right_visao {width:57%; height: 100%; float:right; display:inline; margin: 0 6% 44px 0;}
	
	.duas_colunas {float: left; width:45%; height: 100%; display: block; margin-left: 0%; margin-right: 3%;}
	
	.clear_left {clear: left;}
	.clear_right {clear: right;}
	.clear_both {clear: both;}
	
	.topicos, .topicos.sem_bullet {margin: 10px 0px 15px 30px; padding: 0; list-style-image: url(../images/bullet.gif); line-height: 22px;}
	.topicos.sem_bullet {list-style: none;}
	
	.imagem, .imagemsemlegenda {display: block; clear: right; margin-left: auto; margin-right: auto; padding: 22px 0 22px 0;}
	.imagemsemlegenda {padding: 22px 0 35px 0;}
	.legenda_imagens {font-style: normal; font-weight: normal; text-align: center; color: #b38c0a; letter-spacing: 0.5px; margin: -15px 0 22px 0;}
	
	.assinatura {font-style: normal; font-weight: normal; text-align: right; color: #b38c0a; letter-spacing: 0.5px; margin-right: 17px;}
	
	#logos_bottom {width: 100%; height: 90px; max-width: 960px; margin: 0 auto 0 auto; top: 0px; overflow: hidden;}

	#footer {
	font-size: 0.8em; line-height: 1.5em; text-align: center;
	position: relative; width:100%; clear: both;
	}
		

/* -------------------------------------------- */
/* SLIDESHOW HOMEPAGE ------------------------- */
/* -------------------------------------------- */

#slideshow {
		height: 253px;
		background: url(../imagens/fundob.jpg) repeat-x left;
	}
	
#slideshow_images { 
		border: 0;		
	}
	

.accordion {width: 100%; color: #000000}

.accordion h3 {font-size: 0.85em; letter-spacing: 0.2em; text-transform:uppercase; color: #018099; background: url(../images/bullet_down_close.gif) no-repeat right -51px; padding: 7px 15px; margin: 2px 0; cursor: pointer;}

.accordion h3.destaque {border: solid 1px #005b3f;}

.accordion h3.accorlinks {padding: 0px 15px; margin: 2px 0; cursor: pointer; color: #018099; text-decoration: none; font-size: 1em; font-weight: normal;}

.accordion h3.accorlinks, .accordion h3.accorlinks:hover, .accordion h3.accorlinks.active, .accordion .accortainer.links {border: 0; background: none;}

.accordion h3.accorlinks:hover {text-decoration: underline;}

.accordion h3:hover {color: #b38c0a;}

.accordion h3.active {background-position: right 2px; background-color: #b38c0a; color: #3f1b08;}

.accordion .accortainer {margin-top: -2px; margin-bottom: 17px; background-color: #e8ffd4;}

.accordion .accortainer p {margin: -2px 0 2px 0; padding: 10px 15px 10px;}

.accordion .accortainer ul {padding: 15px 5px 0px; list-style-image: url(../images/bullet_visao.gif);}

.accordion .accortainer ul li {line-height: 1.2em; padding: 0px 0 10px 0;}

.accordion .accortainer ul li ul {padding: 5px 0 0 0;}

.accordion .accortainer ul li ul li {line-height: 0.5em;}

.accordion .accortainer ul li ul li ul {padding: 10px 0 0 0;}

.accordion .accortainer h4 {margin-left: 14px;}

.accordion .close {position: relative; display:block; bottom: 4px; right: 0px; width: 100%; height: 25px; padding: 0; margin: 0; 
	background: url(../images/bullet_down_close_alt.gif) no-repeat right 5px; cursor: pointer;}