/*
BVS KIT  1.3
CSS com ajuda

features nessa versão
- estilo próprio para menus da lista de coleções: "tab_list", "tab_dadItem" , "tab_Item" 
*/

/* 
:: BODY 
	- corpo da página
	- fundo da página
  	- estilos cascading *
		* somente fora da tabela
		
*/
BODY {
	margin: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color : #494A4A;
	background: #F5F9F9;
}
/* end BODY */

/* 
:: Redefinição de elementos HTML
Lembrando que a redefinição desses elementos resultarão na mudança de todo o site.
Obs.: tomar cuidade com cores.
*/
TABLE {

}

TD {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;	
}

/*
A TAG <A> possui uma particularidade, sendo que ela é aplicada principalmente 
na parte de coleções e temas (na Home), lembrando que as características desse
elemento serão aplicadas a todo site. *

* menos as tags que contiverem um estilo próprio como veremos abaixo. Ex.: .portalList_item

*/
A {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color : #494A4A;
	line-height : 13pt;
	text-decoration : none;
}

A:hover {
	color: #5F5F9F;
	text-decoration: underline;
}

UL {
	list-style : square;
	margin : 25px;
}

LI {
	margin-bottom: 10px;	
}

LI.tab_list {
	margin-top: 0px;
	margin-bottom: 0px;
}

LI UL {
	margin-top: 0px;
	margin-bottom: 0px;
}

LI UL LI {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style : circle;	
}

.level2_text A {
	text-decoration: underline;
}

H1 {
	font-size: 14pt;
}

H2 {
	font-size: 12pt;
}



/*
:: Input's 
* Tomar cuidado com as incopatibilidades do nestcape 4.75.
* A tag <input> ela é aplicada de diferentes formas desde uma 
  input de texto até um radiobuttom.
  
* O estilo .text, refere-se exclusivamente ao inputfield do free-search.
* O estilo .submit, refere-se ao botão de busca ao lado do inputfield no free-search.

*/

INPUT {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

INPUT.text {
	border : 1px solid #B1C6CB;
	background-color: #D9E8E8;
	width : 300px;
	height: 18px;
}

INPUT.submit {
	vertical-align : bottom;
	font-size: 8pt;
	font-weight: bold;
	margin-left:10px;
	border-style : double;
	border : 2px solid #B1C6CB;	
	border-bottom-color: #555555;
	background-color: #E8F3F9;
}

/*
:: Top elements
estilo que refere-se à barra de cima onde estão encontrados 
o logo da BVS, o banner...

* lembrar de cascading visto que os estilos abaixo são "pseudo-classes"
do estilo .top . Ex.: .top_parent

*/
.top {
	background-color: #B4D0D0;
}

/*
:: top > parent 
Local onde se localiza o logo da BVS
*/
.top_parent{
	text-align : right;
	width: 120px;
}

/*
:: top > identification 
Local onde se localiza o banner, e a identificação do site.

* A "pseudo-classe" toptitle refere-se ao título da página. *
	* em caso de dois títulos, ex.: 
		"Biblioteca Virtual em Saúde
		KIT"
	  seria usado um outro estilo na palavra kit, assumindo o papel 
	  de subtítulo, portanto a "pseudo-classe" subtitle.

* A "pseudo-classe" subtitle refere-se ao exemplo dado acima.
	  
*/
.top_identification {
	background : url(/image/pt/banner.jpg) no-repeat;
	padding-left : 50px;
	padding-top: 60px;	
}

.identification_toptitle {
	font-size: 15pt;
	color: black;
}
.identification_subtitle {

}

/*
:: top > institutionList 
Esse estilo refere-se a área onde está a lista de instituições.
* Contemplar nesse mesmo estilo o estilo do título da lista. Ex.: "Instituições".
* A "pseudo-classe" item refere-se ao estilo das instituições. Ex.: "BIREME".

*/
.top_institutionList {
	font-weight: bold;
	color: #056B6B;
}

.top_institutionList LI {
	list-style: none;
	margin-bottom: 0px;
}

.institutionList_item {
	font-weight: normal;
	color: #056B6B;
}

.institutionList_item:hover {
	color: #056B6B;
}

/*
:: middle elements
Esse estilo refere-se a todo corpo do meio do site, onde estão contidos dentro
dele a lista de portais relacionados (portalList), a barra onde aparecerão 
possíveis chamadas e a lista de idiomas (bar), a busca livre (free-search) e a 
lista de coleçoes ou temas (tab).

* Tomar prestar atenção em cascading, visto que, ele não se concretiza quando
há uma nova tabela.

*/
.middle {
	
}

/*
:: middle > portalList 
Refere-se a lista de portais relacionados
* Contemplar nesse mesmo estilo o estilo do título da lista. Ex.: "BVS Temas".
* A "pseudo-classe" item refere-se ao estilo das instituições. Ex.: "Adolescência".

*/
.middle_portalList {
	margin-left : 10px;
	color: #505096;
}

.middle_portalList LI {
	list-style: none;
}

.portalList_item {
	font-size: 9pt;
	font-weight: normal;
}

/* 
:: middle > tab
Refere-se a barra onde se localizam possíveis chamadas (warnings) e a lista de possíveis 
versões.

* .bar_item refere-se aos itens das versões, ex.: "Português".
* .middle_warning refere-se ao estilo das chamadas (warnings).

*/
.middle_bar {
	background-color: #67A5A5;
	color: white;
}

.middle_bar A, .middle_bar A:hover {
	text-decoration: underline;
	color: white;
}

.middle_bar A:hover {
	text-decoration: none;
}

.bar_item {
	color: white;
}

.bar_item:hover {
	color: white;
}

.middle_warning {
	color: Red;
	font-weight: bold;
}

/*
:: middle > free search 
Refere-se a própria busca (free-search).

* .free-search_title refere-se ao título da busca, ex.: "Pesquisa livre"
* .free-search_content refere-se as áreas que contenham texto dentro da pesquisa
  ex.: "Todas as palavras"
* .free-search_options refere-se às opções da busca, ex.: "Pesquisa avançada".  

*/
.middle_free-search {
	font-size: 9pt;
}

.free-search_title {
	font-weight: bold;
	font-size: 10pt;
}

.free-search_content {

}

.free-search_options {

}

/*
:: middle > CollectionList 
Estilo corresponde a área externa do tab (Fontes de informação...) e dos boxes (destaques...).
* Tomar cuidado com cascading.

*/
.middle_collectionList {
	font-size: 9pt;
}

/* 
::middle > CollectionList > tab 
Estilo corresponde somente a área onde está localizada o "ficheiro", local onde estão
as fontes de informação, lista de temas...
* observar cascading

* .tab_option, tabela onde se localiza os botões de seleção do "ficheiro".
* .tab_content, estilo que trata da parte do conteúdo do "ficheiro".
* .tab_selected, trata-se da orelha que está selecionada.
* .tab_selected_text, texto da orelha selecionada.
* .tab_unselected, trata-se da(s) orelha(s) que não estão selecionadas.
* .tab_unsel_text, trata-se do texto da(s) orelha(s) que não estão selecionadas.
* .middle_info, texto que aparecerá caso não tenha figura para o objeto INFO.

*/
.middle_tab {
	
}

.tab_option {
	
}

.tab_content {
	font-size: 8pt;
	background : url(/image/pt/tab_background.gif);
	border: 1px solid #9B9BC3;
	border-top: 0px;
}

.tab_selected {
	background :  url(/image/pt/tab_selectedBg.gif) repeat-x;
	padding-bottom : 1;
	padding-left : 15;
	padding-right : 10;
}

.tab_selected_text {
	font-weight: bold;
	font-size: 9pt;
	color: black;

}

.tab_selected_text:hover {
	color: black;
	text-decoration: none;
}

.tab_unselected {
	background-image : url(/image/pt/tab_unselectedBg.gif);
	background-repeat : repeat-x;
	padding-bottom : 1;
	padding-left : 15;
	padding-right : 10;

}

.tab_list {

}

.tab_unsel_text {
	color: #44454C;
}

.tab_unsel_text:hover {
	color: #44454C;
	text-decoration: none;
}

.tab_dadItem {
	font-weight: bold;
	color: #5F5F9F;
}

.tab_Item {
	color: #171718;	
}

.middle_info {
	color: Silver;
	font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
	font-weight: bold;
	text-decoration : none;
}

/* 
:: middle > CollectionList > News | Calls | QPolls 
Estilo correspondente a caixa de destaques, notícias e enquete.
* observar cascading

* .box_label, refere-se a parte superior da caixa, onde está localizado o título
da caixa
* .box_content, refere-se ao conteúdo da caixa.
* .box_buttom, refere-se ao botões da caixa. ex.: votar, mais...
* .box_item, refere-se aos itens com link dentro da caixa.

*/
.middle_box {

}

.box_label {
	color: #000000;
	font-weight: bold;
	background-image : url(/image/pt/tab_unselectedBg.gif);
	height: 24px;
	border: 1px solid #505096;
	border-top: 0px;
	border-bottom: 0px;
}

.box_content {
	font-size: 9pt;
	background : url(/image/pt/tab_background.gif);
}

.box_content LI {
	list-style: none;
	list-style-position : outside;
	margin-bottom: 8px;
}

.box_buttom {
	color: black;
}

.box_item {
	color: black;
}

/*
:: bottom elements
São reservados pra se acrescentar alguma informação no rodapé da página
* .bottom, é o estilo principal (a ser definido)
* .botton_footer, estilo secundário (a ser definido) 

*/
.bottom {
	
}

.bottom_footer {
	
}

/* level2 elements 

* .navigationBar, muda o estilo da barra de navegação (abaixo do banner) no nível2.
* .navigationBar_text, trata-se do texto que aparece dentro da barra, inclusive possíveis links.
* .level2_link, trata-se do estilo do link que irá para o nível3, ex.: Bases de dados bibliográficas.
* .level2_text, muda o estilo da descrição do subnível (nível3).

*/

.navigationBar {

}

.navigationBar_text {
	color: #5F5F9F;
	font-weight: bold;
	font-size: 12pt;
}

.level2_link {
	font-weight: bold;
	color: #5F5F9F;
}

.level2_text {
	
}

.level3_title {
	font-weight: bold;
	font-size: 13pt;
}

/*News elements*/
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* 
::News pseudo-classes::
* todas as classes abaixo que começam com news, estão vinculadas à classe "pai" .news 

*/

.newsTitle {
	font-size: 10pt;
	font-weight: bold;
	color: #A44833;
	text-decoration: none
}

.newsTitle:hover {
	text-decoration: underline
}

.newsByline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.newsDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #104178
}

.newsDateList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #104178;
	text-decoration: none
}

.newsList {

}

BLOCKQUOTE {
	margin-left: 25px;
	margin-top: 2px;
	margin-bottom: 2px;	
}

#portal {
	padding: 10px;
}

#portal A {
	text-decoration: underline;
}