/* -------------------------------------
	CSS SITE DOE SEU LIXO
---------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,li,table {
    margin:0;
    padding:0;
	border:none;
    list-style:none;
}
body, div, table, td {
	font:11px Verdana, Arial; color:black;
	text-align:left;
	line-height:13px;
}
body { background:url(../imgs/fdoPapel.jpg) white; }
html,body { height:100%; }

h1 {
	position:relative; left:24px; top:6px;
	width:166px; height:10px;
	display:block;
	font-size:160px; letter-spacing:260px; text-indent:-130px; /*para funcionar no IE */
	padding-top:50px; /*para funcionar no IE */
	overflow:hidden;
}
h2 { font-size:11px; font-weight:bold; color:#355c87; }
h2.other { background:url(../imgs/dotH4.gif) repeat-x top; padding-top:10px; }
h4 { font-size:12px; font-weight:bold; color:#355c87; margin-bottom:14px; }

p { margin:8px 0; }
p.p1 { margin:16px 0; }
blockquote { margin-left:0; margin-top:10px; font-size:10px; color:#797979; }
cite { font-size:10px; color:#797979; float:right;}

/* -------------------------------------
	ESTRUTURA
---------------------------------------- */
#container {
	width:744px;
	margin:auto; margin-top:37px;
	background:white;
}
#area {
	width:714px;
	background:white;
	margin:15px 0 15px 15px;
	border:1px solid #dcdcdc;
}
#topo {
	width:528px; height:118px;
	background:url(../imgs/topo.jpg) no-repeat;
}
#conteudo {
	position:relative;
	width:520px;
	margin-left:17px; padding-bottom:20px;
	float:left;
}
#isabelInterna {
	width:184px; height:221px;
	background:url(../imgs/isabelInterna.gif) no-repeat transparent;
	position:absolute; top:4px;
	margin-left:528px;
	overflow:hidden;
	text-indent:-200px;
}
#isabelHome {
	width:184px; height:508px;
	background:url(../imgs/isabelHome.gif) no-repeat transparent;
	position:absolute; top:16px;
	margin-left:528px;
	overflow:hidden;
	text-indent:-2400px;
}
#rodape, #rodape td {
	width:744px; height:20px;
	margin:auto;
	padding:0 15px;
	font-size:9px; color:#828282;
}

/* ------------------------------
	NAVEGACAO PRINCIPAL
------------------------------ */
#nav {
	width:151px;
	margin-left:4px;
	float:left;
	clear:both;
}

/* ------------------------------
	NAVEGACAO AUXILIAR
------------------------------ */
#navAux li { display:inline; }
#navAux a {
	height:17px; width:83px;
	margin-left:2px;
	background:url(../imgs/navAux.gif) no-repeat;
	overflow:hidden;
	display:block;
	float:left;
	text-indent:-300px;
}
#btQuem a { background-position: 0 0px; margin-left:6px; margin-bottom:20px; }
#btQuem a:hover, #btQuem a.active { background-position: 0 -17px; }
#btHistorico a { background-position: -85px 0px; }
#btHistorico a:hover, #btHistorico a.active { background-position: -85px -17px; }
#btObjetivos a { background-position: -170px 0px; }
#btObjetivos a:hover, #btObjetivos a.active { background-position: -170px -17px; }
#btMetodologia a { background-position: -255px 0px; }
#btMetodologia a:hover, #btMetodologia a.active { background-position: -255px -17px; }
#btApoio a { background-position: -340px 0; }
#btApoio a:hover, #btApoio a.active { background-position: -340px -17px; }
#btFale a { background-position: -425px 0; }
#btFale a:hover, #btFale a.active { background-position: -425px -17px; }

/* ------------------------------
	LINKS
------------------------------ */
a.linkAmarelo, a:visited.linkAmarelo { color:#dcca48; font-weight:bold; text-decoration:underline; }
a:hover.linkAmarelo { color:#c6b326; }

a.linkAzul, a:visited.linkAzul { color:#4370a2; font-weight:bold; font-size:10px; text-decoration:underline; }
a:hover.linkAzul { color:#254c77; }

a.ancora, a:visited.ancora { color:#90bc83; text-decoration:underline; }
a:hover.ancora { color:#5e8f4f; }

#rodape a, #rodape a:visited { color:#828282; text-decoration:none; }
#rodape a:hover { text-decoration:underline; }

/* ------------------------------
	ESTILOS ESPECIFICOS
------------------------------ */
.txt9 { font-size:9px; color:#7E7E7E; margin-top:20px; }
.txt9 img { border:1px solid #7E7E7E; margin:4px 0; }

.img01 { float:right; margin-left:14px; margin-bottom:14px; }
.img02 { float:left; margin:14px 14px 14px 0; }

#conteudo ul { margin-top:12px; }
#conteudo li { 
	height:100%;	
	background:url(../imgs/bullet.gif) no-repeat 0 4px;
	margin:8px 0; padding-left:10px;
}

#apoiadores { 
	width:453px; 
	/*height:200px;*/ 
	margin-left:30px; 
}
#apoiadores li {
	float:left;
	background:none;
	padding:0;
	margin-bottom:30px;
}
#imgParticipar {
	z-index:1;
	position:absolute; right:10px; top:126px;
	width:440px; height:254px;
	background:url(../imgs/imgParticipar.jpg) no-repeat;
}
#txtParticipe {
	z-index:2;
	position:relative;
	width:290px; height:260px;
}
#col1 { width:250px; margin-right:20px; float:left; }
#col2 { width:250px; float:right; }

.hr { width:520px; height:1px; border-bottom:1px solid #d9dfe8; margin:20px 0; }

/* ------------------------------
	ESTILOS DE FORMULARIOS
------------------------------ */
input, textarea, select {
	font:11px Verdana;
	color:#000000;
	border:1px solid #b4b4b4;
	background-color:white;
	margin-top:4px;
}
#formFale {
	width:349px; height:186px; 
	background:url(../imgs/fdoRecado.jpg) no-repeat;
	margin:auto;
	padding-top:78px; padding-left:44px;
}
#formFale label { display:block; float:left; width:80px; }
.btEnviar {
	float:right;
	margin-right:90px;
	border:none;
}
#formFB {
	width:460px;
	background:#eff2f4;
	padding:16px; padding-left:44px;
}
#btForm {
	width:502px; height:16px;
	background:white;
	padding-right:16px; padding-top:6px;
	text-align:right;
	border:1px solid #d9dfe8;
	margin-top:4px;
}
#navFB li {
	width:96px; height:16px;
	float:left;
	margin-top:-6px;
	font-size:10px;
	margin-right:4px;
	background:#3a618c;
	padding:0;
	text-align:center;
}
#navFB li a, #navFB li a:visited {
	display:block; 
	width:96px; height:16px;
	color:white;
	text-decoration:none;
}
#navFB li a:hover  { background:#709ac9; }
#navFB li a.active {
	display:block; 
	width:94px; height:14px;
	border:1px solid #3a618c;
	background:white;
	color:#3a618c;
}


/* ------------------------------
	ESTILOS EXCLUSIVOS HOME
------------------------------ */
#boxDoador {
	width:181px;
	background:url(../imgs/fdoAmarelo.gif) repeat-y 6px 0;
	margin-top:16px;
	float:left;
	position:relative;
}
#txtBoxDoador {
	padding:2px 12px; padding-bottom:10px; 
	background:url(../imgs/fdoAmareloFim.gif) no-repeat 6px bottom;
}
#boxRelatorio {
	width:181px;
	background:url(../imgs/fdoVerde.gif) repeat-y 6px 0;
	margin-top:16px;
	clear:both;
	float:left;
	position:relative;
}
#txtBoxRelatorio {
	padding:2px 12px; padding-bottom:10px; 
	background:url(../imgs/fdoVerdeFim.gif) no-repeat 6px bottom;
}
#boxNoticias {
	width:164px;
	background:url(../imgs/fdoAzul.gif) repeat-y 6px 0;
	float:left;
	margin-top:-136px; margin-left:7px;
	*margin-top:16px; margin-left:7px;
	position:relative;
}
#txtBoxNoticias {
	padding:2px 12px; 
	background:url(../imgs/fdoAzulFim.gif) no-repeat 6px bottom;
}
.imgRight img {
	float:left;
}