/* tags */

body {margin:0; background:#555}
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:785px; height:auto; margin:1% auto;}

.superior {width:100%; height:23px;}
.centro {width:100%; height:auto; background:#000}
.pad {padding:0px; font:normal 11px arial;}
.scroller {max-height:285px; overflow:auto; margin:5px 0;}
.inferior {width:100%; height:20px; background:#777; color:#ff0; border-bottom:3px solid #000; font:bold 10px verdana; line-height:20px}
.inferior div {text-align:right; margin:0 5px;}
.inferior div a {margin:0 10px; color:#ff0}

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

.parte_inferior {width:100%; height:270px;}
.inferior_esq {width:34%; height:100%; float:left; background:url(../img/barra_cinza.jpg) repeat-y 100% 100%}
.inferior_esq img {float:right; display:block; clear:both; margin:2px 45px 2px 0;}
.inferior_dir {width:66%; height:100%; float:left;}

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

.info {width:100%; height:55%; background:#777; float:right; text-align:left; font:bold 11px verdana;}
.info div {padding:10px 15px; color:#ff0;}
.info a {color:#fff}
.info a:hover {color:#ff0}
.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 {width:50%; height:75%; float:right;}
.consultas .pad {margin:5px 20px}
.consultas a span {display:block; margin-left:70px; line-height:18px; position:relative; top:15px}
.consultas a {display:block; font:bold 11px arial; color:#fff}
.consultas a.principal {font:bold 12px arial; color:#fff}
.consultas a:hover {color:#ff0}

.consultas_eng {width:50%; height:75%; float:right;}
.consultas_eng .pad {margin:5px 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; color:#fff}
.consultas_eng a.principal {font:bold 12px arial; color:#fff}
.consultas_eng a:hover {color:#ff0}

.c_esq {background:url(../img/barra_cinza.jpg) repeat-y 100% 100%;}

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

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

.informes .pad {margin:10px;}
.informes .pad em {font:bold 10px arial; display:block; margin:2px;}
.informes .pad b {font:bold 12px arial; display:block; margin:2px;}
.informes a {color:#fff}
.informes a:hover {color:#ff0}

.informes ul {list-style:url(../img/altocontraste/seta.gif)}
.informes li {margin:2px 0; color:#fff}

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

.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:10px 45px 10px 0; padding:0; clear:both}
.menu li {text-align:right; font:bold 13px verdana; margin:3px 0;}
.menu li a {color:#ff0}
.menu li a:hover {color:#fff}

/* imagens (alto contraste) */
.cnpq_logo {background:url(../img/altocontraste/cnpq.gif) no-repeat; display:block; width:186px; height:78px;}
.saber_mais {background:url(../img/altocontraste/icon_mais.gif) no-repeat; display:block; width:210px; height:26px; text-align:center; margin:0 auto; line-height:23px}
.saber_mais_eng {background:url(../img/altocontraste/icon_mais.gif) 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}
.logo_scienti {background:url(../img/altocontraste/scienti.gif) no-repeat; display:block; width:101px; height:22px; float:right; clear:both; margin:6px 45px 0 0}
.logo_scopus {background:url(../img/altocontraste/scopus.gif) no-repeat; display:block; width:75px; height:16px; float:right; clear:both; margin:6px 45px 0 0}
.logo_crossref {background:url(../img/altocontraste/crossref.gif) no-repeat; display:block; width:57px; height:22px; float:right; clear:both; margin:6px 45px 0 0}
.logo_sjr {background:url(../img/altocontraste/sjr.gif) no-repeat; display:block; width:43px; height:24px; float:right; clear:both; margin:6px 45px 0px 0}
.logo_scielo {background:url(../img/scielo.gif) no-repeat; display:block; width:107px; height:21px; float:right; clear:both; margin:6px 45px 10px 0}
.logo_lattes {width:100%; height:25%; background:url(../img/altocontraste/titulo_plat.gif) no-repeat 85% 0% #777;}
.marca_lattes {background:url(../img/altocontraste/marca_lattes.gif) no-repeat; display:block; width:69px; height:66px; margin:0 0 0 55%; position:relative; top:-10px}

.icone_instituicao {background:url(../img/altocontraste/instituicoes.gif) no-repeat; display:block; width:auto; height:68px;}
.buscar_inst {background:url(../img/altocontraste/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/altocontraste/cadastrar.gif) no-repeat; display:block; width:auto; height:20px; text-indent:25px; margin:3px 0 3px 45px}

.icone_pesquisadores {background:url(../img/altocontraste/pesquisadoreseestudantes.gif) no-repeat; display:block; width:auto; height:68px;}
.buscar_cv {background:url(../img/altocontraste/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/altocontraste/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/branco.gif); color:#000}

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


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;
}

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