/* tags */

body {margin:0; background:url(../img/fundo.jpg) repeat-x}
a {color:#00529b; outline:0; text-decoration:none}
a img {border:0}
a:hover {color:#00f}
a:active {color:#aaa}

/* estrutura */

#galeria img {position:absolute;}

.barraGoverno {width:100%; height:22px; background:#FFCD00}

.estrutura {
	width:800px;
	height:auto;
	margin:1% auto;
}

.superior {width:100%; height:23px; background:#fff}
.centro {width:100%; height:auto; background:#fff}
.pad {padding:0px; font:normal 11px arial; color:#333}
.scroller {max-height:285px; overflow:auto; margin:5px 0;}

.inferior {
	height:20px;
	background:#E0EFFF;
	color:#006699;
	line-height:20px;
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
}
.inferior div {text-align:right; margin-right:5px}
.inferior div a {color:#006699; float:left; margin-left:5px}

.menu-inferior {
	height:20px;
	background:#F5FAFE;
	color:#5189B9;
	margin-top: 20px;
}
.menu-inferior a {
	text-decoration:none;
	color:#00529B;
	line-height:20px;
	border-right:1px solid #5189B9;
	padding:0 20px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}
.menu-inferior a:hover {text-decoration:underline}

.parte_superior {width:100%; height:240px;}
.superior_esq {
	width:30%;
	height:100%;
	float:left;
	overflow:hidden
}
.superior_mid {width:30%; height:100%; float:left; overflow:hidden}
.superior_dir {
	width:40%;
	height:100%;
	float:left;
	overflow:hidden
}

.parte_inferior {width:100%; height:280px}
.inferior_esq {
	width:30%;
	height:100%;
	float:left;
	background:url(../img/barra_azul.jpg) repeat-y 100% 100%;
	text-align:right;
	padding-bottom: 0px;
}
.inferior_dir {
	width:70%;
	height:100%;
	float:right;
}

.logo {width:100%; height:45%; padding:10px 0 0 10px;}

.info {
	width:100%;
	height:auto;
	background:#E0F0FF;
	float:right;
	text-align:left;
	font:bold 11px verdana;
}
.info div {padding:10px 15px; color:#003366;}
.info a img {margin-top:-6px}

/* holder */

.holder {width:95%; margin:5px auto;}
.holder .titulo {background:url(../img/holder_titulo.jpg) repeat-x; height:22px; font:bold 11px verdana; line-height:22px; padding:0 5px 0 15px;}
.holder .titulo a {float:right; margin:0 5px; font:bold 10px verdana; line-height:22px}

/* overlay */

#overlay {position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:url(../img/overlay_bg.jpg);}

/* classes de controle */

.consultas {
	height:100%;
	float:right;
	margin-bottom: 30px;
}
.consultas .pad {margin:45px 20px 0 20px}
.consultas a span {display:block; margin-left:70px; line-height:18px; position:relative; top:15px}
.consultas a {
	display:block;
	font:bold 11px arial;
	margin-left: 35px;
}
.consultas a.principal {font:bold 13px arial; color:#003366}

.consultas_eng {float:right; height:auto; width:280px; }
.consultas_eng .pad {margin:45px 20px 0 20px}
.consultas_eng a span {display:block; margin-left:65px; line-height:18px; position:relative; top:15px}
.consultas_eng a {display:block; font:bold 11px arial;}
.consultas_eng a.principal {font:bold 12px arial; color:#003366}

.c_esq {
	float: left;
}

.acessibilidade {background:#F7FBFF; padding:7px 4px 6px 4px; float:right; margin-bottom:20px}

.informes {clear:both; border:0; text-align:justify; border-top:4px solid #E0F0FF; width:90%; margin:0 auto}
.informes legend {margin:0 10px; padding:0 10px; font:bold 12px arial; color:#00529b}
.informes img {float:left; margin-top:-5px; margin-right:5px}

.informes .pad {
	color:#00529b;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 95%;
}
.informes .pad em {font:bold 10px arial; display:block; margin:2px}
.informes .pad b {font:bold 12px arial; display:block; margin:2px}

.informes ul {list-style:url(../img/seta.jpg)}
.informes li {margin:2px 0;}

.idiomas {background:#E1F0FF; float:right; padding:10px}
.idiomas a {display:block}

.combo_governo {font:normal 10px arial; margin:1px 5px; color:#00529b}
.mct {float:left; margin:1px 5px;}
.brasil {float:right; margin:1px 5px}

.menu {list-style:none; margin:0px 45px 0 0; padding:0; clear:both}
.menu li {text-align:right; font:bold 13px verdana; margin:3px 0}

/* imagens (contraste padrao) */
.cnpq_logo {background:url(../img/cnpq_marca.jpg) no-repeat; display:block; width:186px; height:78px;}
.saber_mais {background:url(../img/icon_mais.jpg) no-repeat; display:block; width:210px; height:26px; text-align:center; margin:0 auto; line-height:23px}
.saber_mais_eng {background:url(../img/icon_mais.jpg) no-repeat; display:block; width:120px; height:26px; text-align:center; margin:0 auto; line-height:23px}
.icone_informes {background:url(../img/icon_informes.jpg) no-repeat; display:block; width:7em; height:28px; float:left; text-align:right; line-height:2em}
.icone_informes_eng {background:url(../img/icon_informes.jpg) no-repeat; display:block; width:5.5em; height:28px; float:left; text-align:right; line-height:2em}

/* logos */
.logo-holder {
	border-bottom:0px solid #EBEFF3;
	margin:30px 45px 10px 20px;
	padding-bottom:5px;
	text-align:center
}
.logo-holder-left {float:left; width:100%; border-right:0px solid #EBEFF3; overflow:hidden;}
.logo-holder-right {margin-left:0%; overflow:hidden;}

a.logo_isi {display:block; width:180px; height:30px; background:url(../img/logo-isi.gif); margin:0px auto}
a.logo_jcr {display:block; width:180px; height:30px; background:url(../img/logo-jcr.gif); margin:0px auto}
a.logo_researcher {display:block; width:180px; height:30px; background:url(../img/logo-researcher.gif); margin:0px auto}
a.logo_scielo {display:block; width:180px; height:30px; background:url(../img/logo-scielo.gif); margin:0px auto}

a.logo_scopus {display:block; width:180px; height:30px; background:url(../img/logo-scopus.gif); margin:0px auto}
a.logo_sjr {display:block; width:180px; height:30px; background:url(../img/logo-sjr.gif); margin:0px auto}
a.logo_crossref {display:block; width:180px; height:30px; background:url(../img/logo-cross.gif); margin:0px auto}
a.logo_science {display:block; width:180px; height:30px; background:url(../img/logo-scienti.gif); margin:0px auto}

.logo_lattes {width:100%; height:60px; background:url(../img/titulo_plat.gif) no-repeat 85% 0% #E0F0FF;}
.logo_lattes_eng {width:100%; height:60px; background:url(../english/img/titulo_plat.gif) no-repeat 85% 0% #E0F0FF;}

/* geral */			
.marca_lattes {
	background:url(../img/marca-lattes.gif) no-repeat;
	display:block;
	width:69px;
	height:66px;
	position:relative;
	top:-10px;
	left:2px;
	margin:0 0 0 57%
}

.icone_instituicao {background:url(../img/iconesinicial/instituicoes.gif) no-repeat; display:block; width:auto; height:68px;}
.buscar_inst {background:url(../img/iconesinicial/buscar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px}
.atualizar_inst {background:url(../img/iconesinicial/atualizar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px}
.cadastrar_inst {background:url(../img/iconesinicial/cadastrar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px}

.icone_pesquisadores {background:url(../img/iconesinicial/pesquisadoreseestudantes.gif) no-repeat; display:block; width:auto; height:68px;}
.buscar_cv {background:url(../img/iconesinicial/buscar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px;}
.atualizar_cv {background:url(../img/iconesinicial/atualizar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px;}
.cadastrar_cv {background:url(../img/iconesinicial/cadastrar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px;}

/* BOTOES */

.botao {display:block; height:24px; width:26px; cursor:pointer; float:left; margin:0 2px}
.b1, .b2, .b3 {display:block; font-size:1px; overflow: hidden; height:1px;}
.b1 {margin:0 4px; background:#666}
.b2 {margin:0 2px; border-style:solid; border-color:#666; border-width:0 2px;}
.b3 {margin:0 1px; border-style:solid; border-color:#666; border-width:0 1px;}
.bconteudo {display:block; overflow:hidden; height:18px; text-align:center; border-style:solid; border-color:#666; border-width:0 1px; font:bold 14px arial;}

.branco, .branco:hover {background:url(../img/branco.gif); color:#000}
.preto, .preto:hover {background:url(../img/preto.gif); color:#fff}
.azul, .azul:hover {background:url(../img/azul.gif); color:#fff}



a.twitter{ 
	background:url(../img/ico_twitter.png) no-repeat 0 0; 
	width:95px; 
	height:25px; 
	display: block;
    float: left;}

/*---botões de acessibilidade---*/
a.a_mais{ 
	background:url(../img/sprite-icons-acessib.png) no-repeat 0 0; 
	width:25px; 
	height:25px; 
	display: block;
    float: left;}
	
a.a_menos {
    background: url("../img/sprite-icons-acessib.png") no-repeat scroll -25px 0 transparent;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}

a.a_normal {
    background: url("../img/sprite-icons-acessib.png") no-repeat scroll -50px 0 transparent;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}

a.a_color_normal {
    background: url("../img/sprite-icons-acessib.png") no-repeat scroll -75px 0 transparent;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}
a.a_color_contraste{
    background: url("../img/sprite-icons-acessib.png") no-repeat scroll -100px 0 transparent;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}

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

.preto:hover, .azul:hover {color:#ff0}
.branco:hover {color:#00f}

div.clear {clear:both}

.bordaazul {
	border: thin solid;
	border-color: #E0F0FF;
	width: 220px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
}
.bordaazuldireita {
	border: thin solid;
	border-color: #E0F0FF;
	width: 280px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px;
}