/* -------------------------------------------------------------- 
  
   Estilos para tela
	 * baseado no framework Blueprint v0.6 - http://code.google.com/p/blueprintcss/
	 
	 *** Seletores marcados com *IE FIX* indicam relação com o documento ie6.css onde ***
	 *** as propriedades são configuradas específicamente para o Internet Explorer 6  ***
   
-------------------------------------------------------------- */

@import 'reset.css';	/* Zera valores igualando os navegadores */
@import 'tipo.css';		/* Tipografia, fontes, cores e tamanhos */
@import 'grid.css';		/* Estrutura (container, colunas, etc) */
@import 'forms.css';	/* Formulários */

/* -------------------------------------------------------------- 
	
	MENUS (Navegação, menu lateral, submenu, etc.)
		*Utilize a classe desejada na div que contém a UL
		
-------------------------------------------------------------- */
h1.logo {
	float:left;
	margin:10px 0 0;
}
	h1.logo a {
		display: block;
		background:url(../img/logo.gif) center no-repeat;
		width:179px;
		height:45px;
		text-indent:-9000px;
		padding:0;
	}

ul.navul { float:left; display:inline; padding-left:265px; width:350px; }
ul.navul li { display:inline; float:left; padding:20px 12px 0pt 6px; background:url(../img/linha.gif) bottom left no-repeat; width:auto; white-space:nowrap;  }
ul.navul li a:hover { text-decoration:none; color:#8c8c8c; width:auto; white-space:nowrap; }

ul.idiul { display:inline; float:left; width:62px; padding:34px 0pt 0pt 50px;}
ul.idiul li { display:inline; }

/*------------------------------------------------------------

Submenu com níveis em CSS:

Primeiro, considere a estrutura máxima de 3 níveis, sendo:
* Nível 1
* Nivel 1
	* Nível 2
	* Nivel 2
	* Nivel 2
		* Nivel 3
		* Nivel 3
	* Nivel 2
* Nivel 1

Esses três níveis podem ser exibidos de 2 maneiras diferentes:
1- classe .sub-1:
	O método mais clássico onde o usuário passa o mouse sobre o link e o nível seguinte aparece flutuando.

2- classe .sub-2:
	Nesse método, o segundo nível aparece dentro do nível principal, abaixo do link, e o nível seguinte aparece flutuando ao apontar o mouse sobre o ítem desejado.
	
Por questões de usabilidade, não é aconselhável que o menu ultrapasse os 3 níveis propostos.
Se for o caso, o ideal é repensar a estrutura do site (Arquitetura da Informação), ou em último caso, deixar apenas os 3 níveis na navegação e os níveis subsequentes dentro das páginas internas, como subnavegação.

/*-------------------------------------------------------------*/

.submenu ul {
	margin:0;
	list-style:none;
	float:left;
	width:100%; /* a largura é definida pela DIV onde a UL está contida */
	}
	
	.submenu ul ul { display:none; } /* Esconde os subníveis  */

	
.submenu ul li { /* Define os ítens de lista de todos os níveis */
	float:left;
	width:100%;
	clear:left;
	} /* Garante que os ítens de lista sejam exibidos corretamente nos navegadores IE 6 e 7 */
	
	.horizontal ul li { float:left; width:auto; clear:none; }
		.horizontal ul li li { width:100%; }

.submenu li:hover,
.submenu li.over { 
	position:relative;  /* O ítem sobre o qual o mouse está posicionado se torna a referência para o submenu */
 }

.submenu li a { /* IEFIX */ 
	text-decoration:none; 
	display:block; /* o visual é definido no link <a> ao invés do ítem de lista <li>, por isso o display:block*/
	padding:5px 25px 4px 26px;
	background:url(../img/menu_bg.gif) top repeat-x;
	}
	
	.horizontal li a { 
		text-align:center;
		float:left;
		}
		
		.horizontal li li a { text-align:left; float:none; padding:4px; }
	

	.submenu li a:hover,
	.submenu li:hover a,
	.submenu li.over a {
		background-position:bottom;
		text-decoration:none;
		color:#5c5c5c;
		}
	
	
.submenu li li a,				
.submenu li:hover li a,
.submenu li.over li a  { 
	background-color:#DCE9DF;/* Visual do segundo nível */
	color:#006;
	}
		
	.submenu li li a:hover,
	.submenu li li:hover a,
	.submenu li li.over a { background-color:#D1DFD4; }
		
		
.submenu li li li a,
.submenu li li:hover li a,
.submenu li li.over li a {
	background-color:#EDEFF3; /* Visual do terceiro nível */
	color:#069;
	}
			
.submenu li li li a:hover { background-color:#E0E5EF;	}

/* Exibe o submenu do primeiro e segundo níveis no mouse over */
.sub-1 li:hover ul,
.sub-1 li.over ul,
	.sub-1 ul ul li:hover ul,
	.sub-1 ul ul li.over ul,
.sub-2 ul ul li:hover ul,
.sub-2 ul ul li.over ul {
	display:block;
	}
	
	/* Mantém os próximos níveis escondidos até chegar a hora deles */
	.sub-1 li:hover ul ul,
	.sub-1 li.over ul ul {
		display:none;
	}

/* Posiciona os submenus */	
.sub-1 ul ul,
.sub-2 ul ul ul,
.horizontal ul ul ul {
	position:absolute;
	top:15%;
	left:75%;
	width:150px;
	z-index:200;
	}
	
	.horizontal ul ul ul {
		width:170px;
		}
	
	.horizontal ul ul {
		left:0%;
		top:100%;
		}
		

.sub-2 ul ul a { padding-left:15px; } /*Identação para o segundo nível */


/* -------------------- Lista de Notícias -------------------- */

ul.listanoticia { 
	list-style:none;
	margin:0;
	float:left;
	}
	
	ul.listanoticia li {
		clear:both;
		border-bottom:1px solid #ddd;
		margin-bottom:1em;
		padding-bottom:0.5em;
		}
	
	ul.listanoticia li img{
		float:left; 
		margin:0 5px 0 0;
	}
	
	ul.listanoticia h4 {
		line-height:1em;
		margin-bottom:0.4em;
		}
	
	ul.divide div {
		float:left;
		width: 75%;
		}

/* -------------------- Texto de Notícia -------------------- */

.detnoticia h3 { margin-bottom:4px; }
.data { display:block; font-style:italic; color:#666; }
.anexos { 
	float:left;
	margin:5px 0 0;
	list-style:none;
	}
	.anexos li {
		padding:3px 12px 3px 18px;
		background:#f5f5f5 url(../img/ico_anexo.gif) no-repeat 5px;
		margin-bottom:2px;
		border:1px solid #ccc;
		float:left;
		margin-right:3px;
	}
	
.fonte { margin: 5px 0; }
	.fonte cite { display:block; line-height:1; }

/* -------------------- Galeria de Imagens -------------------- */

table.galeria {
	list-style:none;
	margin:15px 0 0 0;
	float:left;
	border-collapse:separate;
	border-spacing:5px;
	width:100%;
	}
	
	table.galeria td { 
		padding:10px;
		line-height:0;
		vertical-align:middle;
		text-align:center;
		}
		
		table.galeria td img {
			margin:0;
			padding:3px;
			border:1px solid #E0E0E0;
			}
			
/* -------------------- informativos -------------------- */

ul.infocateg li { float:left; width:227px; background:top left no-repeat; padding-bottom:6px; margin-bottom:4px; }
ul.infocateg li.linews { background-image:url(../img/infonews.gif); }
ul.infocateg li.lijornal { background-image:url(../img/infojornal.gif); }
ul.infocateg li.linews p, ul.infocateg li.lijornal p { height:141px; }
ul.infocateg li.liartigos { background-image:url(../img/infoartigos.gif); }
ul.infocateg li.libiblioteca { background-image:url(../img/infobiblioteca.gif); }
ul.infocateg li.liartigos p, ul.infocateg li.libiblioteca p { height:63px; }
ul.infocateg li p { margin:0; float:left; clear:both; padding:41px 10px 0;  }

ul.lisinfo { padding-bottom:20px; }
ul.lisinfo li p { background:url(../img/prof_pesq.gif) top left no-repeat; padding:12px 10px;  color:#000099; font-weight:bold;  }
ul.lisinfo li p a { color:#000099; }
ul.lisinfo li cite { float:left; width:374px; color:#888888; }
ul.lisinfo li cite a { color:#888888; }
ul.lisinfo li div { padding:0 10px; }

/* -------------------- escritorios -------------------- */

ul.escul li { float:left; width:454px; background:bottom left no-repeat url(../img/escritorio_li_bg.gif); padding-bottom:6px; margin-bottom:4px;}
ul.escul h4 { margin:15px 0 0; } 
ul.escul img { float:left; display:inline; margin:0 38px 0 0; } 
ul.escul h5 { display:block; width:auto; } 


/* -------------------- profissionais -------------------- */

div.barra { background:url(../img/intra_barra.gif) top left no-repeat; padding:10px 8px 0 35px; margin:0 0 30px 0;}

div.cadprof { background:url(../img/prof_pesq.gif) top left no-repeat; height:53px; padding:10px 8px 0 35px; margin:0 0 30px 0; }
div.cadprof span { display:block; margin:0 0 10px 0; }
div.cadprof a { font-weight:bold; }
div.cadprof form { float:left; clear:both; padding:10px 0 0 164px; }
div.cadprof form input { float:left; font-size:11px; padding:2px; border:none; background:none; width:180px; margin-right:5px; }
div.cadprof form button { float:left; background:transparent none; width:55px; text-indent:-999999px;  border:0 none; outline:0 none; }
ul.lisprof { padding-bottom:15px; }
ul.lisprof li { color:#777; background:url(../img/prof_ul.gif) bottom left no-repeat; padding:0 0 4px 30px; margin:5px 0; }

/* -------------------- aniversariantes -------------------- */
div.meses { text-align:center; }

/* -------------------- Rodape -------------------- */

.rodape ul {float:left; display:inline; margin-left:65px; padding-bottom:10px; height:50px; }
.rodape ul li { display:inline; float:left; overflow:hidden; text-align:left; margin:0 7px 0 0; }
.rodape ul li a { float:left; overflow:hidden; display:inline; width:163px; height:20px; }
.rodape ul li a span { display:block; font-size:0.85em; text-align:left; }
.rodape ul li a:hover { text-decoration:none; }
.rodape ul li a:hover { height:auto;  }
.rodape p { text-align:right; color:#adadad; font-size:10px; }
.rodape p a, .rodape p a:hover, .rodape p a:focus { color:#adadad;  }