/***************************************************************
			Indice de Sessoes - Modularizao Interna
			
			@Hackless
			@Body			
				@Wrapper « Geral
					@header
					@pagebody
					@footer
					
 
***************************************************************/


/***************************************************************
						 @Hackless

  "Zerando" todas as propriedades dos navegadores
   para evitar o uso de Hacks 
   							...
							
					Erik Meyer’s CSS Reset		
  http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/  
		
****************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: normal;/*inherit;*/
	font-style: normal;/*inherit;*/
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* Lembre-se de definir estilos para :focus */
:focus {
	outline: 0;
	}
body {
	background: white;
	/*line-height: 1em;*//* Problemas com o menu pop-up */
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tabelas ainda precisam usar cellspacing="0" na marcação xHTML */
table {
	border-collapse: separate;
	/*border-spacing: 0;*/
	}
caption, th, td, strong {
	font-weight: normal;
	text-align: left;
	}
strong{
	font-weight: bold;
	}
	
/* Remove possiveis aspas (") de <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/*abbr, acronym, .help {
  border-bottom: 1px dashed #333;
  cursor: help;
  }*/

/*===================================================

				@geral

=====================================================*/
*
{
	margin:0;
	padding:0;
}

html, body 
{
	height: 100%;
}

body
{
	background-color:#ECE9D8;
	background-image: url("../img/img.gif");
	background-repeat: repeat;
}

a{
	color: #987710;
	background-color: #fff;
	text-decoration: none;
	padding: 0 2px;
	}
	a:link{
		color: #987710;
		background-color: #fff;
		text-decoration: none;
		padding: 0 2px;
		}
	a:visited{
		color: #987710;
		background-color: #fff;
		text-decoration: none;
		padding: 0 2px;
	}
	a:hover{
		background-color: #987710;
		color: #fff;
		padding: 0 2px;
		text-decoration: none;
	}
	a:active{
		color: #fff;
		background-color: #987710;
		text-decoration: none;
		padding: 0 2px;
		}
	a:focus{ 
		background-color: #987710;
		color: #fff;
		text-decoration: none;
		padding: 0 2px;
		}
	
li.separador{
	width: 20px;
	float: left;
}


	
li.separador{
	width: 20px;
	float: left;
}



/* ===================================================

				@wrapper

===================================================== */
#wrapper
{
	background-color:#fff;
	border: 1px solid #B1AFA2;
	border-top: none;
	border-bottom: none;
	width: 775px;
	margin: 0 auto;
	min-height: 100%;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*HACK para o IE6 - que não entende min-height*/
* html #wrapper
{
	height: 100%;
}
/* __fim Wrapper__ */



/***************************************************************
							@Topo Fiocruz

***************************************************************/

#topo_fiocruz{
	margin: 0;
	padding: 0;
	/* TURNAROUND */
	/*height: 1%;*/ /* problema do sumiço da div */
	/*zoom: 1;*/ /* define qdo o problema é de renderização do IE6 - hasLayout */
	/*display: inline OU block*/ /* para bugs gerais */
	color: #cdcdcd;
	border-bottom: #cdcdcd solid 1px;
	}
	#topo_fiocruz a{ /* LoVe & HAte => ordem das declarações de link */
		color: #666;		
		text-decoration: none;
		margin:0 0.5em;
		font-size: 10px;
		font-weight: bold;
		}
		#topo_fiocruz a:link{
			color: #666;
			border: none;
			background-color: transparent;
			}
		#topo_fiocruz a:visited{
			color: #666;
			}
		#topo_fiocruz a:hover{
			/*color: #fff;*/
			text-decoration: underline;
			border: none;
			background-color: transparent;
			}
		#topo_fiocruz a:active{
			color: #fff;
			}
	#topo_fiocruz div#sup{
		background: url(../img/filete_sup.jpg) repeat-x;
		background-color: #FFCC01;
		width: 100%;
		/*display: table;*/
		}
		#topo_fiocruz div#sup span#ministerio a{
			margin:0;
			}
			#topo_fiocruz div#sup span#ministerio a:hover{
    			margin:0;
    			border: none;
    			background-color: transparent;
    			}
	#topo_fiocruz div#sup:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height:0;
        overflow:hidden;
		}
		#topo_fiocruz div#sup span{
			float: left;
			}
	#topo_fiocruz div#inf{
		background: url(../img/filete_inf.jpg) repeat-x;
		width: 100%;
		clear: both;
		font-size: 0.8em;
		/*display: table;*/
                height:32px; 
		}
		#topo_fiocruz div#inf:after{
			content:".";
			display:block;
			clear:both;
			visibility:hidden;
			height:0;
			overflow:hidden;
			}
		#topo_fiocruz div#inf span#marca_txt{
			float: right;
			}
			#topo_fiocruz div#inf span#marca_txt a:hover{
			     border: none;
			     background-color: transparent;
			     }
		#topo_fiocruz div#inf span#marca_simb{
			float:left;
			}
			#topo_fiocruz div#inf span#marca_simb a:hover{
			     border: none;
			     background-color: transparent;
			     }
		#topo_fiocruz div#inf div#links_txt{
			float:left;
			padding: 0.3em 0;
			}
			#topo_fiocruz div#inf div#links_txt ul{
				display: inline;
				width: 388px;
				/*height: 1em;*/
				position: absolute;
				top: 28px;
				/*margin-top:-0.5em;*/				
				}
				#topo_fiocruz div#inf div#links_txt ul li{
					display: inline;
					}
				






/*================ @header ====================*/
	#header{
		/*height: 1%;*/
		/*display: block;*/
		display:inline;
		background-color: #fff;
		}
		#imgMarca{
			width: 200px;
			background-color: #fff;
			float: left;
		    }
		    #imgMarca a{
		      border:none;
		      padding: 0;
		      background-color: #fff;
		      }
		      #imgMarca a:hover{
		          border: none;
		          padding: 0;
		          background-color: #fff;
		          }
		#info{
			width: 71%;
			float: right; 
			padding-right: 20px;
			}
			#marca_contato{
				height: 40px;
				margin-top: 20px; 
				}
				#marca{ 
					float:left;
					}
					#marca h1{ 
						font-size: 22px;
						text-transform: uppercase;  
						color: #AC8C35; 
						font-weight: bold;
						letter-spacing: 1px; 
					}
					#marca span#escola{ 
						font-size:12px; 
						color: #7F7576; 
						font-weight: bold; 
					}
				#contato{ 
					float: right;
					/*margin-right: 20px;*/
					margin-top: 10px;
					}
					#contato a{
						color: #333;
						text-decoration: none;
						padding: 5px 10px;
						text-transform: uppercase;
						font-size: 11px; 
						}
						#contato a:hover{
							background-color: #FFF;
							color: #AE8A32;
							}
						#contato a:active{
							background-color: #FFF;
							color: #AE8A32;
							}
						#contato a:focus{
							background-color: #FFF;
							color: #AE8A32;
							}
			#abas{ 
				clear: both;
				/*height: 2em;*/
				height: 25px;
				/*border-bottom: 3px solid #DED9C6;*/ /* rsouto */
				margin-top: 20px;
				}
				#abas ol{
					/*margin-top: 20px;*/
					}
					#abas ol li{ 
						display: inline; 
						float: left;
						line-height: 2em; 
						margin-right: 1px;
						}
						#abas ol li a{							
							display: block;
							float: left;
							font-weight: bold;
							height: 1%;
							border: 1px solid #E1D6B6;
							/*border-bottom: none;*//* rsouto */
							/*margin-right: 2px;*/
							padding: 0 4px;
							}
						#abas ol li a.marcador{
							background-image: url("../img/fileteMenu.jpg");
							background-repeat: repeat-x;
							color: #6D5E33;
							}

							#abas ol li a:hover.marcador{ color:#6D5E33; }
							#abas ol li a.marcador:hover{ color:#6D5E33; } 
							#abas ol li a.marcador:active{ color:#6D5E33; } 
							#abas ol li a.marcador:focus{ color:#6D5E33; } 
							
			#breadcrumbs_utilitarios{
				/*height: 40px;*/
				padding-top: 10px;
				}
				#breadcrumbs{ 
					float: left; 
					margin-top: 10px;
					font-size: 11px;
					}
				#utilitarios{ 
					float: right; 
					/*margin-right: 10px;*/
					}
					#utilitarios div#btns{
						/*width: 400px;*/
						margin-right: 1px;
						}
						#utilitarios div#btns ol li#voltar a{
							padding: 10px;
							border: none;
						}
						#utilitarios div#btns ol li{
							display: inline;
							}
							#utilitarios div#btns ol li a{
								color: #898883;
								font-weight: bold;
								display: block;
								float: left;
								border: 3px solid #fff;
								background-color: #fff;
								height: 1%;
								padding: 0;
								display: inline-block;
								}
								#utilitarios div#btns ol li a:hover{
									background-color: #FFF;
									color: #AE8A32;
									border: 3px solid #DDD7C7;
									}
								#utilitarios div#btns ol li a:active{
									background-color: #FFF;
									color: #AE8A32;
									border: 3px solid #DDD7C7;
									}
								#utilitarios div#btns ol li a:focus{
									background-color: #FFF;
									color: #AE8A32;
									border: 3px solid #DDD7C7;
									}
			
/*================= @pagebody ===================*/
	#pagebody{
		/*height: 100%;*/
		background-color: #efefef;
		margin-right: 20px;
		}
		#menuAuxiliar{
			width: 170px;
			/*overflow: auto; */
			background-color:#fff;
			float: left;
			padding: 15px;
			}
			#menuAuxiliar ul li{
				border-bottom: 1px solid #DDD7C7;
				}
				#menuAuxiliar ul li a{
					display: block;
					padding: 4px 2px;
					}
					
					#menuAuxiliar ul li a:link{
						color: #987710;
						background-color: #fff;
						text-decoration: none;
						padding: 4px 2px;
						}
					#menuAuxiliar ul li a:visited{
						color: #987710;
						background-color: #fff;
						text-decoration: none;
						padding: 4px 2px;
						}
					#menuAuxiliar ul li a:hover{
						background-color: #987710;
						color: #fff;
						text-decoration: none;
						padding: 4px 2px;
					}
					#menuAuxiliar ul li a:active{
						color: #fff;
						background-color: #987710;
						text-decoration: none;
						padding: 4px 2px;
						}
					#menuAuxiliar ul li a:focus{ 
						background-color: #987710;
						color: #fff;
						text-decoration: none;
						padding: 4px 2px;
						}
					
					#menuAuxiliar ul li a.marcador{ 
						color: #6D5E33; 
						background-color: #efefef; 
						/*
            font-weight: bold;
						letter-spacing: 1px;
						*/
						}
						#menuAuxiliar ul li a:link.marcador{ color: #6D5E33; background-color: #efefef; }
						#menuAuxiliar ul li a:visited.marcador{ color: #6D5E33; background-color: #efefef; }
						#menuAuxiliar ul li a:hover.marcador{ color: #6D5E33; background-color: #efefef; }
						#menuAuxiliar ul li a:active.marcador{ color: #6D5E33; background-color: #efefef; }
						#menuAuxiliar ul li a:focus.marcador{ color: #6D5E33 ; background-color: #efefef; }
						
				/* Workaround - Estilo para manter altura minima tbm para o IE */
				#menuAuxiliar div#min_height{ /*height: 138px;*/ margin-bottom: 138px; }
				#menuAuxiliar div#min_height_main{ /*height: 138px;*/ margin-bottom: 38px; }
						
						
		#marcas{
			text-align: center;
			margin-top: 20px;
			}
			#marcas ol li a{
				border: 3px solid #fff;
				background-color: #fff;
				padding: 2px;
				height: 1%;
				display: inline-block;
				}
				#marcas ol li a:hover{
					border: 3px solid #DDD7C7;
					}
				#marcas ol li a:active{
					border: 3px solid #DDD7C7;
					}
				#marcas ol li a:focus{
					border: 3px solid #DDD7C7;
					}
		
		/* @content */
		#content{
			/*height: 100%;*/
			width: 73%;
			background-color: #fff;
			float: right;
			padding: 20px;
			padding-left: 0;
			padding-right: 0;
			/*min-height: 300px;*/
			/*margin-right: 20px;*/
			}
			#content a{
				text-decoration: underline;
				}
				#content a:link{ text-decoration: underline; }
				#content a:visited{ text-decoration: underline; }
				#content a:hover{ text-decoration: none; }
				#content a:active{ text-decoration: none; }
				#content a:focus{ text-decoration: none; }
			#wrap_noticia{
				}
				#faixa1{}
					#btns1{}
				#noticia{}
					#noticia h2{ 
                        font-size: 150%; 
                        color: #474643; 
                        text-transform: uppercase; 
                        margin-bottom: 10px; }
					#corpo{}

	
/*================= @footer ========================*/
	.cb{ clear:both; }
	#footer{
		/*height: 1%;*/
		background-color: #efefef;
		text-align: center;
		padding: 10px;
		}
		#identif{}
		#copyr{ 
			font-style: italic; 
			font-size: 10px;
			}
			#footer #identif address span a{
				color: #987710;
				background-color: #EFEFEF;
				text-decoration: none;
				padding: 0 2px;
				}
				#footer #identif address span a:link{
					color: #987710;
					background-color: #EFEFEF;
					text-decoration: none;
					padding: 0 2px;
					}
				#footer #identif address span a:visited{ 
					color: #987710;
					background-color: #EFEFEF;
					text-decoration: none;
					padding: 0 2px;
				}
				#footer #identif address span a:hover{
					background-color: #987710;
					color: #fff;
					padding: 0 2px;
					text-decoration: none;
				}
				#footer #identif address span a:active{
					color: #fff;
					background-color: #987710;
					text-decoration: none;
					padding: 0 2px;
					}
				#footer #identif address span a:focus{ 
					background-color: #987710;
					color: #fff;
					text-decoration: none;
					padding: 0 2px;
					}
			 
/************************************
		    @lista padrão
************************************/
table#tbl_padrao{
	width: 100%;
	/*border: 1px solid #000;*/
	}
	table#tbl_padrao tr{
		/**/
		}
		table#tbl_padrao tr.estilo1 td{
			background-color: #f7f5ee;
			border-bottom: 0.1em solid #fff;
			border-right: 0.1em solid #fff;
			/*padding: 0.3em 1em;*/
			}
			table#tbl_padrao tr.estilo1 td a{
				display: block;
				color: #6D5E33;
				text-decoration: none;
				font-weight: bold;
				padding: 0.3em 1em;
				height: 1%;
				}
				table#tbl_padrao tr.estilo1 td a:link{
					background-color: #f7f5ee;
				text-decoration: none;
					}
				table#tbl_padrao tr.estilo1 td a:visited{
					background-color: #f7f5ee;
				text-decoration: none;
					}
				table#tbl_padrao tr.estilo1 td a:hover{
					background-color: #8D8A7B;/*#52524D;*//*#B3B2A6;*/
					color: #fff;
					text-decoration: none;
					}
				table#tbl_padrao tr.estilo1 td a:active{
				  text-decoration: none;
					}
				table#tbl_padrao tr.estilo1 td a:focus{
				  text-decoration: none;
					}
		table#tbl_padrao tr.estilo2 td{
			background-color: #efedde;/*#f7f5ee;*/
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			/*padding: 0.3em 1em;*/
			}
			table#tbl_padrao tr.estilo2 td a{
				display: block;
				color: #6D5E33;
				text-decoration: none;
				font-weight: bold;
				padding: 0.3em 1em;
				height: 1%;
				}
				table#tbl_padrao tr.estilo2 td a:link{
					background-color: #efedde;
				  text-decoration: none;
					}
				table#tbl_padrao tr.estilo2 td a:visited{
					background-color: #efedde;
				  text-decoration: none;
					}
				table#tbl_padrao tr.estilo2 td a:hover{
					background-color: #8D8A7B;/*#B3B2A6;*//*#B76477;*/
					color: #fff;
					/*background-color: #fff;
					color: #b76477;*/
					text-decoration: none;
					}
				table#tbl_padrao tr.estilo2 td a:active{
				  text-decoration: none;
					}
				table#tbl_padrao tr.estilo2 td a:focus{
			   	text-decoration: none;
					}

			
ul#espec_lista{
	}
	ul#espec_lista li.espec_item{
		font-weight:bold;
		color: #505050;/*#924357;*/
		/*padding-top: 1em;*/
		margin-top: 1em;
		}
	ul#espec_lista li{
		/*height: 1%;
		display: inline;*/
		}

#pVideo
{
	margin-top:1.5em;
    text-align:center;
}

#avisoSelecao a{
	color: #000000;
	text-decoration: none;
	padding: 0 2px;
	}
	#avisoSelecao a:link{
		color: #fff;
		background-color: #987710;
		text-decoration: none; 
		padding: 0 2px;
		}
	#avisoSelecao a:visited{
		color: #fff;
		background-color: #987710;
		text-decoration: none;
		padding: 0 2px;
	}
	#avisoSelecao a:hover{
		background-color: #fff;
		color: #987710;
		padding: 0 2px;
		text-decoration: none;
	}
	#avisoSelecao a:active{
		color: #fff;
		background-color: #fff;
		text-decoration: none;
		padding: 0 2px;
		}
	#avisoSelecao a:focus{ 
		background-color: #fff;
		color: #987710;
		text-decoration: none;
		padding: 0 2px;
		}


/**
* Barra Fiocruz
*/
/*logo fiocruz */
div.fiocruz-logo a { line-height: 0; font: 0/0 a; }
.fiocruz-logo a {
    display: block;
    width: 119px;
    height: 33px;
    background: url(../images/logo.jpg) left top no-repeat;
}
/* barra fiocruz*/
#barra-fiocruz { height: 33px; background: url(../images/bg_fiocruz.jpg) left top repeat-x; }
/* barra fiocruz menu*/
#barra-fiocruz ul li { border-left: 1px solid #ccc; }
#barra-fiocruz ul li:first-child { border-left: none; }
#barra-fiocruz .navbar-nav a {
  color: #999;
  text-decoration: none;  
  font-size: 10px;
  font-weight: bold;
  padding: 6px 10px; 
}
/* Toggle icon */
#barra-fiocruz .navbar-toggle {
    margin-right: 4px;
    padding: 0 0 0 80px;
    margin-top: 8px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#barra-fiocruz .icon-bar {
    background-color: #888;
    display: block;
    width: 19px;
    height: 4px;
    border-radius: 1px;
}


@media (min-width: 768px) {
  #barra-fiocruz ul.navbar-nav {
    margin-top: 7px;
  }
  .navbar-collapse-fiocruz.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
  }
}


@media (max-width: 768px) {
  #barra-fiocruz .container { padding: 0; }
  #barra-fiocruz ul li { border-left: none; }
  .navbar-collapse-fiocruz {      
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    clear: right;
    position: relative;
    background: #fff;
    text-align: center;
    z-index: 1;
  }
  #barra-fiocruz .navbar-nav a { color: #333; }
  #barra-fiocruz ul li:hover { background: #ccc; }
}