* {
	margin:0px;
	padding:0px;
	list-style:none;

}
body {
	background:#616161 url(imagens/fundo_browser.jpg) center top no-repeat;
}

#wrapper {
	width:778px;
	margin:0px auto;
	
}
#parte1 {
	width:778px;
	height:80px;
}
#header {
	width:778px;
	height:80px;
	float:left;
	background:#616161 url(http://www.fernandasalles.com.br/imagens/fundo_header.jpg) top right no-repeat;
}
#header h1 a{
	width:292px;
	height:59px;
	float:left;
	background:url(imagens/logo_fsa.jpg) left top no-repeat;
	display:block;
	text-indent:-999px;
	overflow:hidden;	
	margin: 10px 0px 0px 33px;
	_margin: 10px 0px 0px 21px;
}

#header #menu_topo {
	float:right;
	margin: 10px 25px 0px 0px;
	_margin: 10px 12px 0px 0px;
}

#header #menu_topo ul li{
	float:left;
}

#header #menu_topo #divisoria {
	display:block;
	width:12px;
	height:30px;
	background:url(imagens/1_menu_topo_divisoria.jpg) no-repeat;
}

#header #menu_topo #quem_somos a{
	display:block;
	width:91px;
	height:30px;
	background:url(imagens/1_menu_topo_quemsomos1.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
#header #menu_topo #quem_somos a:hover{
	display:block;
	width:91px;
	height:30px;
	background:url(imagens/1_menu_topo_quemsomos2.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#header #menu_topo #contato a{
	display:block;
	width:59px;
	height:30px;
	background:url(imagens/1_menu_topo_contato1.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
#header #menu_topo #contato a:hover{
	display:block;
	width:59px;
	height:30px;
	background:url(imagens/1_menu_topo_contato2.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#header #menu_topo #trabalhe a{
	display:block;
	width:115px;
	height:30px;
	background:url(imagens/1_menu_topo_trabalhe1.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
#header #menu_topo #trabalhe a:hover{
	display:block;
	width:115px;
	height:30px;
	background:url(imagens/1_menu_topo_trabalhe2.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#header #menu_topo #home a{
	display:block;
	width:46px;
	height:30px;
	background:url(imagens/1_menu_topo_home1.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
#header #menu_topo #home a:hover{
	display:block;
	width:46px;
	height:30px;
	background:url(imagens/1_menu_topo_home2.jpg) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}



#parte2 {
	width:778px;
	height:219px;
	margin:0px;
	padding:0px;
}

#parte2 br{
	clear:both;
}

#parte2 #flash {

	width:604px;
	height:219px;
	float:right;
	margin:0px;
	padding:0px;	
}
#parte2 #menu_projetos {
	width:174px;
	height:219px;
	float:left;
	background:url(imagens/fundo_menu_projetos.jpg) left top no-repeat;
	margin:0px;
	padding:0px;
}



#menu_projetos h2{
	
	margin:10px 0px 10px 87px;
	width:87px;
	height:30px;
	background:url(imagens/2_projetos.jpg) right top no-repeat;
	text-indent:-999px;
	overflow:hidden;		
}




#parte3 {
	margin:0px;
	padding:0px;
	width:778px;
	float:left;
	_position:relative;
	_top:-2px;
}



#conteudo_home {
	float:left;
	width:425px;
	padding:20px 0px 0px 59px;
	margin:0px;
	background:url(imagens/fundo_conteudo.jpg) left top no-repeat;
	
	
}



#conteudo_home h2 {
	font:15px/18px "Bold Trebuchet", Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
	padding:20px 0px 10px 130px;
	
}

#conteudo_home p {
	font:12px/18px Trebuchet, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding: 7px 30px 7px 130px;
	
}

#conteudo_home p.ultimo {
	padding: 0px 30px 60px 130px;
	
}

#conteudo_home p.ultimo2 {
	padding: 0px 30px 120px 130px;
	
}

#conteudo_home a{
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:underline;
	
}
#conteudo_home a:hover{
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;	
	
}


#conteudo {
	float:left;
	width:425px;
	padding:20px 0px 0px 58px;
	margin:0px;
	background:url(imagens/fundo_conteudo.jpg) left top no-repeat;
	
	
}
#conteudo ul{
	width:365px;
	padding:6px 0px 6px 40px;
	margin:0px;
	
	
	
}

#conteudo a{
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:underline;
	
}
#conteudo a:hover{
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;	
	
}

#texto_interna{
	width:350px;
	margin:60px 0px 5px 0px;

}

#texto_interna p{
	width:350px;
	margin:0px 5px 2px 5px;

}

#conteudo ul li{
	display:inline;
	padding:4px 2px 4px 2px;
	
	
	
}
#parte3 #conteudo #tipo{
	margin:20px 0px 5px 184px;
	
	
	
}
#conteudo h2 {
	font:15px/18px "Bold Trebuchet", Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
	padding:20px 0px 10px 184px;
	
}


#conteudo p {
	font:12px/18px Trebuchet, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding: 7px 0px 7px 20px;
	
}

#conteudo p.ultimo {
	padding: 0px 0px 60px 20px;
	
}

#conteudo p.ultimo2 {
	padding: 0px 0px 120px 20px;
	
}

#coluna_direita {
	float:right;
	width:293px;
	height:230px;
	background:url(imagens/fundo_coluna_direita.jpg) left top no-repeat;
	margin:0px;
	padding:0px;	

}

#coluna_direita_interna {
	float:right;
	width:293px;
	height:230px;
	background:url(imagens/fundo_coluna_direita2.jpg) left top repeat;
	margin:0px;
	padding:0px;	

}

#coluna_direita h2{
	width:240px;
	height:15px;
	background:url(imagens/4_titulo_newsletter.gif) left top no-repeat;
	text-indent:-999px;
	overflow:hidden;
	margin: 42px 0px 0px 35px;
}

#coluna_direita_interna h2{
	width:41px;
	height:31px;
	background:url(imagens/4_titulo_destaque.gif) right top no-repeat;
	text-indent:-999px;
	overflow:hidden;
	margin: 10px 0px 0px 35px;
}

#coluna_direita p{
	font:11px Trebuchet, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 15px 0px 0px 35px;
}

#coluna_direita #formulario{
	font:11px Trebuchet, Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 10px 0px 0px 40px;
}

#coluna_direita #formulario #campo_1{
	font:11px Trebuchet, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 5px 5px 5px 5px;
}
#coluna_direita #formulario #campo_2{
	font:11px Trebuchet, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 10px 5px 5px 5px;
}

#coluna_direita_interna p{
	font:11px Trebuchet, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 15px 0px 0px 35px;
}


#rodape {
	clear:both;
	background:#FFFFFF;
}

#rodape #rodape2{
	width:778px;
	height:200px;
	margin:0px auto;
	text-align:center;
}

#rodape #rodape2 p {
	font:11px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#999999;
	padding: 50px 0px 10px 0px;
	
}

#rodape #rodape2 a {
	color:#999999;
	text-decoration:underline;
	
}

#rodape #rodape2 a:hover {
	color:#5a541e;
	text-decoration:none;
	
}



#rodape #rodape3{
	width:778px;
	height:200px;
	margin:0px auto;
	text-align:center;
}

#rodape #rodape3 p {
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 30px 0px 10px 0px;
	
}

#rodape #rodape3 p.assinatura {
	font:10px/16px Trebuchet, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 50px 0px 10px 0px;
	
}

#rodape #rodape3 a {
	color:#333333;
	text-decoration:underline;
	
}

#rodape #rodape3 a:hover {
	color:#5a541e;
	text-decoration:none;
	
}

/*Formulario trabalhe**********************************************   */


form#f2 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:12px/18px bold Trebuchet, Arial, Helvetica, sans-serif;
  color:#fff;
  margin: 0;
  padding: 0;
  min-width: 300px;
  max-width: 350px;
  width: 350px; 
}

form#f2  fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border:none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form#f2  label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	vertical-align:middle;
}

form#f2  fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form#f2  fieldset legend {
	display:none;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form#f2  input, form#f2  textarea, form#f2  select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 20px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form#f2  textarea {
	height:150px;
}

form#f2  input#submit, form#f2  input#reset{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:70px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	/*margin:5px 0 0 20px;  set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form#f2  input#submit {
	margin:5px 0 0 120px;  /*set margin-left back to zero on reset button (set above) */
	/*margin-bottom:150px;*/
}


form#f2  input#reset {
	margin:5px 0 0 5px; /* set margin-left back to zero on reset button (set above) */
	/*margin-bottom:150px;*/
}

form#f2 textarea { overflow: auto; }

form#f2  small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form#f2 .required{font-weight:bold;} /* uses class instead of div, more efficient */

form#f2 br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/*Formulario **********************************************   */


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:12px/18px bold Trebuchet, Arial, Helvetica, sans-serif;
  color:#fff;
  margin: 0;
  padding: 0;
  min-width: 300px;
  max-width: 350px;
  width: 350px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border:none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	vertical-align:middle;
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	display:none;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 20px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form textarea {
	height:150px;
}

form input#submit, form input#reset{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:70px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 20px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	margin-bottom:150px;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/*Formulario zartana**********************************************   */


form#zartana {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:12px/18px bold Trebuchet, Arial, Helvetica, sans-serif;
  color:#fff;
  margin: 0;
  padding: 0;
  min-width: 220px;
  max-width: 250px;
  width: 250px; 
}

form#zartana fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border:none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form#zartana label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	vertical-align:middle;
}

form#zartana fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form#zartana fieldset legend {
	display:none;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form#zartana input, form#zartana textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:140px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 90px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}



form#zartana input#botao, form#zartana input#reset{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:70px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:20px 0 0 90px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form#zartana input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	margin-bottom:20px;
}




form#zartana .required{font-weight:bold;} /* uses class instead of div, more efficient */

form#zartana br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#smensagem {
	font:13px/16px Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00CCFF;
}

/*Menu projetos -------------------------------------------------------------------------------*/


	#nav, #nav ul { /* all lists */
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00CCFF;
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 150px;
	}
	
	#nav {
		margin-top:20px;
	}

	#nav li a.principal { 
	
		text-align:right;
		background:none;
		border:none;
		font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#666666;
	}
	#nav li a.principal:hover { 
	
	text-align:right;
		background:none;
		border:none;
		font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#282c2f;
	}
			
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 150px;
		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 154px;
		margin-top : -1.35em;

	}
	

	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
	font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#ffffff;
		margin-left:10px;
		width: 150px;
		w\idth : 140px;
		display : block;
		font-weight : normal;
		text-decoration : none;
		background-color:#494949;
		border : none;
		padding : 2px 2px;
	}
	
	#nav li a:hover {
		font:12px/16px Trebuchet, Arial, Helvetica, sans-serif;
		color:#cccccc;
		margin-left:10px;
		color : #ffffff;
		background-color : #333333;
		
	}
	
	#nav li li a {
		padding: 3px 3px 3px 10px;
		
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}