html{
	font-family: arial;
	font-size: 14px;
	overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
	background-color: #e8e8e8;
	font-family: sans-serif;
	color: #e8e8e8;
}

section#content {
	background-repeat: repeat-y;
	width: 818px !important;
	margin: 0 auto;
	border: 1px solid grey;
	border-top: 0;
}

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

header {
	background-color: #36445a;
	background-image: url("../img/headerbackground.png");
	background-position: center top;
	background-repeat: no-repeat;
	height: 165px;
	margin-left: -1px;
}

header h1, header h1 span {
/* 	background-color: #e8e8e8; */
/* 	background-image: url("../img/header.png"); */
	height: 150px;
	color: #36445a;
	text-align: right;
	width: 810px !important;
}

.text_hidden {	
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

header h1 span{
	font-weight: bold;
	display: block;
}

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

footer {
	position: relative;
	height: 60px;
	background-color: #36445a;
}

footer div, 
header h1 {	
 	width: 818px;	
	margin: 0 auto;
}

a#linkUFRJ {
	float: left;
	height: 100%;
	padding-top: 1.05em;
	padding-left: 0.4em;
	font-weight: bold;
	font-size: 1.35em;
	color: #fff;
	
	width: 85px;
	height: 45px;
	background-image: url("../img/minerva-fff-p.png");
	background-repeat: no-repeat;
	background-position-y: 6px;
}
a#linkCOPPE {
	float: right;
	width: 103px;
	height: 45px;
	padding-top: 1%;
	font-weight: bold; 
	background-image: url("../img/coppe.png");
	background-repeat: no-repeat;
	background-position-y: 6px;
}

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

section#search {
	margin: 0 auto;
	background-color: #475772;
	position: relative;
}

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

section#search form {
	background-color: #52627d;
	max-height: 160px;
	width: 43%;
  	display: inline-block;
  	vertical-align: top;
  	padding: 0.8em 1em;
}

section#search form input#query {
	width: 96%;
}

section#search form input#submit {
	float: right;
}

section#search form label>span {
	width: 4.3em;
	display: inline-block;
}

section#search form label{
	line-height: 1.8em;
	margin-top: 0.6em;
	display: inline-block;
}

#s2id_centro, #s2id_unidade {
	min-width: 20.5em;
	max-width: 20.5em;
}

section#search form input.withLabel {
	width: 77%;
}

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

section#results {
	max-height: 150px;
	width: 49%;
  	display: inline-block;
  	vertical-align: top;
	margin: 0.8em 1em;
	position:relative;
}

section#laboratorios {
	max-height: 90px;
  	min-height: 125px;	
 	display: block;
	overflow-y: scroll;
	margin-top: 0.8em;
	padding-left: 0.6em;
	margin-left: -1px;
	width: 395px;
}

section#laboratorios a {
	background-color: #52627d;
	margin-bottom: 7px;
	display: block;
	line-height: 1.8em;
}

section#laboratorios a img {
	float: left;
	margin: 0 0.4em 0 -8px;
}

/*-----------------------------------------*/
section#map {
	background-color: #B3D1FF;
	min-height: 400px;
	padding-bottom: 1.7%;
}

hr.clearfix {
	clear: both;
}


img#lupa {
	margin: -1px 1px;
	margin-right: 5px;
}

img#flag {
	margin: -4px 1px;
	margin-right: 5px;
}

span.label {
	margin-bottom: 5px;
	color: #FFA200;
	font-size: 1.1em;
	cursor: pointer;
}

#map-canvas, #overlap-map {
	width: 818px;
	height: 414px;
	position: absolute;
}

.hideable {
	display: none !important;
}

#lab {
	width: 780px;
	display: block;
	min-height: 371px;
	background-color: #e8e8e8;
	margin: 0 auto;
	position: relative;
	padding-bottom: 2%;
}

.titlebar {
	background-color: #475772;
	padding: 10px;
}

.panel {
	color: #000;
	background-color: #f0f0f0;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 0.7em;
}

.panel .titulo {
	background-color: #52627d;
	width: 98%;
	display: block;
	color: #f6A002;
	font-weight: bold;
	margin: 0 !important;
	margin-top: 2% !important;
  	padding: 1%;
  	border-radius: 0;
}

#logolab {
	float: left;
	margin: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	max-width: 148px;
	max-height: 80px;
	min-height: 61px;
  	display: inline-block;
}

.tab_content {
	display: none;
}

.tab_content.selected {
	display: block;
}

.panel>span, .tab_content>span {
	margin: 0.5em 0 0 0.5em;
	display: inline-block;
	background-color: #e8e8e8;
	border-radius: 5px;
}

.panel>span>span {
	padding: 0.3em 0.4em;
}

.panel>span>span:first-child {
	background-color: #f0f0f0;
	padding: 0.3em 0.4em;
 	display: inline-block;
 	line-height: 1.4em;
}
.panel>span>span:nth-child(2) {
  display: inline-block;
  vertical-align: middle;
}

span#complemento>span:nth-child(2) {
	  width: 7.6em;
}

#sigla { width: 20%; }
#nome  { width: 55.3%; }
#coordenador  { width: 76.7%; }

#lab_centro  { width: 20%;   }
#lab_unidade { width: 35%;   }
#cnpj    { width: 39.6%; }

#telefone { width: 35%;   }
#email    { width: 61.1%; }

#site    { width: 97.7%; }

#logradouro  { width: 51.3%; }
#numero      { width: 13%; }
#complemento { width: 30.5%; }

#bairro    { width: 43%; }
#municipio { width: 53.2%; }

#uf   { width: 15%; }
#pais { width: 44.3%; }
#cep  { width: 35.5%; }

.titulo.tab {
	width: 30.92%;
	background-color: #748198;
	display: inline-block;
	margin-top: 0 !important;
	text-align: center;
	cursor: pointer;
}

.titulo.tab.selected {
	background-color: #475772;
}

.titulo.tab>a {
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: #f6A002;
}


.tabseparator {
	height: 10px;
	background-color: #475774;
}

.tabs {
  margin-top: 2%;	
  background-color: #e8e8e8;
}

.item {
	width: 96%;
	padding: 0.3em 0.4em;
}

.panel-map {
	color: #000;
	background-color: #f0f0f0;
	width: 95%;
	margin: 0 auto;
  	margin-top: 2%;
}

.panel>img, #lab_images>a>img {
	margin-top: 1.7%;
	margin-left: 1.5%;
}

#lab_images>a>img {
	max-width: 131px;
  	max-height: 132px;
}

#lab_map-canvas, #lab_overlap-map {
	height: 300px;
}

#lab_overlap-map {
	position: relative;
	margin-top: -300px;
}

#queries input {
	line-height: 1.8em;
	height: 1.8em;
	padding: 0 0.5em;
	border-radius: 3px;
	margin-top: 0.7em;
	font-size: 14px;
}

.titlebar > span.close_window {
	float: right;
	margin-right: 0.3em;
	cursor: pointer;
}

.linkLab {
	cursor: pointer;
}

.tabs_wrapper, #lab_images {
	min-height: 9em;
}

.link_lattes, .link_email  {
	background-repeat: no-repeat;
	float: left;
	height: 1.1em;
	width: 56px;
	margin: -3px 5px -4px -4px;
	padding: 0 0 7px 5px;
	border-radius: 4px;
	background-position: 6px 3px;
}
a.link_lattes:hover, a.link_email:hover, .link_artigo:hover {	background-color: #fff; }

.link_lattes          { background-image: url("../img/lattes.png");   padding-left: 0px;  background-position-x: 3px;  width: 54px;}
.link_lattes.disabled { background-image: url("../img/disablelattes.png");}
.link_email           { background-image: url("../img/email.png"); }
.link_email.disabled  { background-image: url("../img/disableemail.png");}

.link_artigo {
	border-radius: 4px;
	text-decoration: none;
  padding: 5px 7px;
  display: block;	
  color: inherit;
}

.link_artigo:visited {
	color: inherit;
}

#gsis {
	background-image: url("../img/gsis.png");
	display: inline-block;
	width: 65px;
	height: 44px;
/* 	background-size: 65px 44px; */
	float: right;
	margin: 8px 0.4em 0 2em;
	background-repeat: no-repeat;
}

.ajax_overlay {}
.ajax_loader {background: url("../js/ajax-loader/spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}
#search .blue-loader .ajax_loader {background: url("../js/ajax-loader/ajax-loader_blue.gif") no-repeat center center transparent;}
#lab .blue-loader .ajax_loader {background: url("../js/ajax-loader/ajax-loader_blue.gif") no-repeat center 12em transparent;}


.tipsy{
	width: 238px !important;
	margin-left: -52px;
}
.tipsy-inner {
	background-color: #eee;
	color: #000;
	font-size: 1.2em;
	max-width: none;
	border-width: 1px 1px 1px 1px;
	border-color: #000;
	border-style: solid;
}
.tipsy-arrow {
	  border: 5px dashed #eee;
	  bottom: 1px !important;
}