* {margin:0px;padding:0px;}
a {
/*	text-decoration:none;*/
	color:inherit;
}
a:link,a:visited,a:active {text-decoration:none;color:#3af;}
a:link img,a:visited img,a:active img {color:black;border:0;}
a:hover {text-decoration:underline;}
.link,.baloon .link {color:#3af;}
.link:hover {text-decoration:underline;cursor:pointer;}
.fichaespecie .link:hover {text-decoration:none;cursor:pointer;}
.fichaespecie a:hover {text-decoration:none;}
em {color:#5ef;font-style:normal;}
p.emph {text-align:center !important;color:orange !important;font-size:12px;margin:0;padding:0}

.clickme {
	text-decoration:underline;
	cursor:pointer;
}

::-webkit-input-placeholder {color:#999;font-style:italic;}
:-moz-placeholder {color:#999;opacity:1;font-style:italic;}
::-moz-placeholder {color:#999;opacity:1;font-style:italic;}
:-ms-input-placeholder {color:#999;font-style:italic;}

.unimportant {color:gray;font-style:italic;font-size:9px;}
.link.unimportant {color:#3af;font-style:italic;font-size:11px;}
.link.selected {color:inherit;font-style:inherit;font-size:inherit;cursor:auto;}
.link.selected:hover {text-decoration:none;}

html,body {background-color:#131313;color:#ccc;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;width:100%;height:100%;overflow:hidden;position:relative}

.nodisp {display:none;}
#warnmsg {color:grey;font-size:0.8em;position:absolute;left:100%;margin-left:-320px;margin-top:3px;display:none;}

/*						GERAIS						*/
.ul,.ur,.br,.bl{position:absolute;width:12px;height:12px;}
.ul {top:0px;left:0px;}
.ur {top:0px;left:100%;margin-left:-12px;}
.br {top:100%;left:100%;margin-left:-12px;margin-top:-12px;}
.bl {top:100%;left:0px;margin-top:-12px;}
.ul.s2,.bl.s2 {margin-left:-2px;}
.ul.s2,.ur.s2 {margin-top:-2px;}
.ur.s2,.br.s2 {margin-left:-10px;}
.bl.s2,.br.s2 {margin-top:-10px;}
.ul.white {background-image:url(./images/ul-12.png);}
.ur.white {background-image:url(./images/ur-12.png);}
.br.white {background-image:url(./images/br-12.png);}
.bl.white {background-image:url(./images/bl-12.png);}
.ul.black {background-image:url(./images/ul-b-1.png);}
.ur.black {background-image:url(./images/ur-b-1.png);}
.br.black {background-image:url(./images/br-b-1.png);}
.bl.black {background-image:url(./images/bl-b-1.png);}

.thumbnail {float:left;cursor:pointer;line-height:0}
.thumbnail:hover {background-color:black;outline:2px solid orange;}
.identifica .thumbnail {margin:2px;width:150px;height:200px;position:static;}
/*.fichaespecie .thumbnail {width:150px;height:200px;margin:0 0 7px 7px;}*/
/*.fichaespecie .thumbnail.verysmall {width:75px;height:100px;margin:0 0 7px 7px;}
.fichaespecie .thumbnail.verysmall img {width:100%;}*/
/*.exemplos {color:#f8f;cursor:pointer;font-weight:bold;}#3af*/
.exemplos:hover {text-decoration:underline;}

/***********		ÁREA PESSOAL		*********************/
#se-areapessoal {font-size:12px;width:100%;height:100%;}
#menu-carrega {width:220px;font-size:10px;}
#carregarregs .tabela-regs {display:none;}
#carregarregs {width:800px;}
#carregarregs h1 {font-size:1.2em;border-bottom:1px solid #999;padding:2px;text-align:left;color:#c5c;margin-bottom:5px;background-color:#fef;}
#carregarregs h2 {margin-bottom:10px;}
#carregarregs li {margin-bottom:6px;}
#carregarregs table {border:1px solid black;width:95%;margin:0 auto;border-bottom:0;font-size:11px;}
#carregarregs table th {background-color:#faf;padding:4px;border-left:1px solid gray;}
#carregarregs table th.notobrig {background-color:#aaf;}
#carregarregs table td {border-left:1px solid gray;padding:2px;text-align:center;}
#carregarregs label {font-size:1.2em;}
#se-areapessoal .mapa {float:left;width:20%;height:100%;}
#se-areapessoal .info {background-color:#aa3;padding:4px;text-align:left;white-space:nowrap;overflow:hidden;border:2px solid #ff4;}
#se-areapessoal .info .old {color:#555;}
#se-areapessoal .info .new {color:black;font-weight:bold;}
#se-areapessoal .controls  {float:left;width:80%;background-color:#333;height:100%;text-align:left;overflow:auto;}
#se-areapessoal .controls .toolbar {width:100%;background-color:#535;}
#se-areapessoal .controls .toolbar input {vertical-align:bottom;}
#se-areapessoal .controls .toolbar .button {max-width:140px;height:32px;border-right:1px solid #959;padding-left:8px;padding-right:8px;}
#se-areapessoal .controls .toolbar .button img {width:32px;height:32px;float:left;}
#se-areapessoal .controls .toolbar .info {padding:2px;background-color:#747;border:0;}
/*#se-areapessoal .controls .toolbar.accoes .button {height:auto;}*/
#se-areapessoal .controls .holder {border:1px solid grey;margin:4px;padding:4px;}
#se-areapessoal .controls p {margin:6px;text-align:left;}
#se-areapessoal .filtro {background-color:#003;padding:2px;margin-top:6px;margin-bottom:6px;}
#se-areapessoal .filtro input {vertical-align:bottom;font-size:0.8em;}
#se-areapessoal .paginas {padding:2px;margin-top:6px;margin-bottom:6px;}
#se-areapessoal .paginas .page {width:16px;}
#se-areapessoal table.lista {width:100%;margin-top:7px;font-size:0.8em;}
#se-areapessoal table.lista th {cursor:pointer;background-color:#535;}
#se-areapessoal table.lista th:hover {background:url('images/gr-v-36-lil.png') repeat-x;}
#se-areapessoal table.lista th {padding:4px;background-color:#474;}
#se-areapessoal table.lista td {text-align:left;height:20px;padding:0;margin:0;}
#se-areapessoal table.lista td.nobreak {white-space:nowrap;}
#se-areapessoal table.lista td.mes,#se-areapessoal table.lista td.dia {text-align:center;}
#se-areapessoal table.lista td.idreg {color:#aaa;cursor:pointer;}
#se-areapessoal table.lista tr:hover {background-color:black;}
#se-areapessoal table.lista tr .validacao img.valid {display:none;}
#se-areapessoal table.lista tr .validacao span.review {display:none;color:#0f4;font-size:0.7em;}
#se-areapessoal table.lista tr .validacao span.invalid {display:none;color:red;}
#se-areapessoal table.lista tr .validado img {cursor:pointer;}
#se-areapessoal table.lista tr.invalid {background-color:#600;}
#se-areapessoal table.lista tr.valid .validacao img.valid {display:block;}
#se-areapessoal table.lista tr.review .validacao span.review {display:block;}
#se-areapessoal table.lista tr.review .validacao img.valid {display:block;}
#se-areapessoal table.lista tr.invalid .validacao span.invalid {display:block;}
/*#se-areapessoal table.lista tr.review {background-color:#110;}*/
#se-areapessoal table.lista tr.modified {background-color:#004;font-style:italic;}
#se-areapessoal table.lista tr.selected {background-color:yellow;color:black;}
#se-areapessoal table.lista tr.remove td {color:#f00;text-decoration:line-through;}
#se-areapessoal table.lista tr.separator td {border-top:5px solid #ae0;}
#se-areapessoal table.lista tr.escondido {display:none;}
#se-areapessoal table.lista tr.outofpage {display:none;}
#se-areapessoal table.lista .accoes img.delete {cursor:pointer;float:left;}
#se-areapessoal table.lista .accoes img.delete:hover {background-color:#090;}
#se-areapessoal table.lista .accoes .gravar {display:none;}
#se-areapessoal table.lista tr.modified .gravar {display:block;}
/*#se-areapessoal table.lista tr.valid {background-color:#080;}*/
#se-areapessoal table.lista td.editable {cursor:pointer;}
#se-areapessoal table.lista td.editable:hover {background:url('images/gr-v-36-lil.png') repeat-x;}
#se-areapessoal table.lista td.editable input {font-size:0.9em;margin:0;padding:0;}
/*#se-areapessoal table.lista td span.invalid {color:red;}*/
#se-areapessoal table.lista td img {vertical-align:middle;width:20px;}

.detalheregisto {width:400px;}
.detalheregisto h1 {font-size:1.2em !important;border-bottom:1px solid #999;padding:2px;text-align:left;color:#c5c;margin-bottom:5px;background-color:#fef;cursor:move;}
.detalheregisto table {width:100%;}
.detalheregisto table th {background-color:#ddd;}
.detalheregisto table td {padding:2px;border-right:1px solid gray;}
.detalheregisto table .header {background-color:#ddd;}
.detalheregisto table input {font-size:0.9em;padding:0;margin:0;width:98%;}
.detalheregisto .button {margin:0 auto;float:none;width:120px;font-size:1.1em;}
.detalheregisto .button img {width:32px;height:32px;}

/*#se-areapessoal table.lista td.editable {position:relative;}
#se-areapessoal table.lista td.editable input {position:absolute;top:0;left:0;width:100%;height:100%;}*/


/***********		JANELA		*********************/
.janela {position:absolute;background-color:white;padding:6px 12px 12px 12px;color:black;font-size:13px;line-height:1.5em;border:2px solid gray;z-index:3000;border-radius:15px;}
.janela .toolbar {background-color:#cfe;}
.janela .toolbar .button {font-size:11px;}
.janela .closewindow {position:absolute;cursor:pointer;left:100%;top:0;margin-left:-22px;margin-top:4px;}
.janela h1 {font-size:16px;font-weight:normal;margin-bottom:12px;border-bottom:1px solid grey;padding-bottom:4px;}	/*f8f*/
.janela h2 {font-size:13px;font-weight:normal;color:orange;margin-top:3px;}
.janela p {margin-top:8px;color:#444;text-align:justify;}
.janela ul,.janela ol {font-size:13px;padding:8px 0 8px 16px;margin-top:8px;}
.janela ul.small {font-size:11px;}
.janela li {margin-top:4px;}
.janela ul.small li {margin-top:2px;}
.janela.small {padding:3px;border:2px solid black;border-radius:7px;}
.janela.small h1 {margin-bottom:3px;}
.janela.small h2 {margin-top:0px;padding:0;}
.janela.semnada {padding:0;border:0;}
.janela .mosaico {width:100%;}
.janela .mosaico .azulejo {background-color:#f8f8f8;text-align:center;border:1px solid #ddd;padding:5px;vertical-align:top;border-radius:10px;}
.janela .mosaico .azulejo p {margin:0 0 5px 0;font-weight:bold;color:#d70;}
.janela .mosaico .azulejo span {cursor:pointer;}
.janela .mosaico .azulejo span:hover {text-decoration:underline;}


/***********		JANELA MAPA PESQUISA		*********************/
.janela.pesquisaavanc {position:absolute;padding:6px 12px 12px 12px;color:white;z-index:3000;background-color:transparent;border:0}
.janela.pesquisaavanc .button {padding:2px 3px;margin:4px 0 4px 2px;border-radius:5px;position:fixed;top:0;left:0;}
.janela.pesquisaavanc .button img {width:32px;height:32px;float:left;margin:0;}
.janela.pesquisaavanc h1 {color:orange;}
.janela.pesquisaavanc p {color:#ccc;}
/*.janela.pesquisageo .back {background-color:white;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-radius:15px;}*/

.janela.pesquisageo .titulo {font-size:14px;}
.janela.pesquisageo .desc {color:yellow}

.noselect {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
#floracaoglobal {width:200px;height:70px;margin:3px auto 0 auto;padding:0px;cursor:pointer;}
#floracaoglobalgrande {width:60%;height:140px;margin:40px auto;border:0px solid #35c;padding:0px;cursor:pointer;}
#mappicker {width:100%;height:400px;margin:40px auto;}

/***********		DICA		*********************/
#dica-text {padding:10px;margin:0 auto;max-width:800px;}
#dica-text .content {border:0px solid #777;border-radius:6px}
.mosaico>h1 {font-weight:normal;font-size:1.5em;font-family: 'Lato', sans-serif;}
.mosaico .content {display:flex;flex-wrap:wrap;padding:0;margin-top:10px;}
.mosaico .content .azulejo {flex:1 1 100px;margin:4px;border:0px solid #333;padding:6px 10px 10px 10px;text-align:left;line-height:1.3em;background-color:#171717;box-shadow:0 0 20px black;border-radius:5px;}
.mosaico .content .azulejo.onlyimage {flex:1 0 auto !important;line-height:0;padding:0;align-self:center;overflow:hidden;}
.mosaico .content .azulejo.nobox {background-color:transparent; box-shadow: none;}
.mosaico .content .azulejo.grande {flex:1 1 auto;}

.mosaico .content .azulejo h1 {color:#ffad26;font-size:17px;margin-bottom:6px;border-bottom:1px solid #bbb;font-weight:normal;padding-bottom:3px;text-transform:uppercase;font-family: 'Lato', sans-serif;letter-spacing:2px;}
.mosaico .content .azulejo h1 a {color:inherit;}
.mosaico .content .azulejo ul {list-style:none;}
.mosaico .content .azulejo li {margin:0.8em 0;text-indent:-10px;padding-left:10px;line-height:1em}

.floatingbox {background-color:#171717;box-shadow:0 0 20px black;border-radius:5px;}

#mosaico-rnap {position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:3000;background-color:rgba(0,0,0,0.85);transition:opacity 0.5s,transform 0.3s;visibility:visible;opacity:1;transform:scale(1,1)}
#mosaico-rnap.mosaico>h1 {font-weight:normal;font-size:2.5em;font-family: 'Lato', sans-serif;text-align:left}
#mosaico-rnap.hidden {opacity:0;visibility:hidden;transform:scale(1.2,1)}
#mosaico-rnap .content {align-items:stretch;align-content:center;margin:0;min-height:100%}
#mosaico-rnap .azulejo {background-color:rgba(0,100,255,0.95);border-radius:2px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:2.1em;margin:5px;flex:1 1 auto;cursor:pointer;font-family: 'Lato', sans-serif;box-shadow:none;max-width:300px;}
/*#mosaico-rnap .azulejo:hover {background-color:#111;}*/
#mosaico-rnap .azulejo a {color:white;padding:0;}
/*.mosaico .content .azulejo a {display:inline-block;}*/

#corrector table {margin:6px auto;}
#corrector table td {border-top:1px solid gray;border-right:1px solid gray;border-left:1px solid gray;padding:3px;}

/***********		LOGIN		*********************/
#login-wnd {width:300px;}
#login-wnd input {width:120px;}
#formlogin table {width:100%;}
#loggeduser {position:fixed;top:0;left:0;z-index:0;background-color:white;height:16px;width:100%;color:black;}
#loggeduser p {text-align:right;padding-right:6px;}

/*#se-pesquisar .ecologia .thumbnail {height:288px;}*/
/*.thumbnail .image {width:100%;}*/
/*.ecologia .thumbnail .image {width:150px;}*/
/*#se-pesquisar .thumbnail.big {width:300px;height:422px;}*/

/*#se-pesquisar .ecologia .thumbnail.big {width:300px;height:488px;}*/
#se-pesquisar .thumbnail.big .wrap {width:300px;height:400px;overflow:hidden;margin:3px 3px 0 3px;}
#se-pesquisar .thumbnail.small .wrap {width:150px;height:200px;overflow:hidden;margin:4px 4px 0 4px;}
#se-pesquisar .thumbnail.small .image {width:150px;height:200px;margin:0px 0px 0 0px;}
#se-pesquisar .thumbnail.big .image {width:312px;height:416px;}
#se-pesquisar .thumbnail.big .image.small {width:150px;height:200px;float:left;}
/*.thumbnail .image {width:150px;height:200px;}*/
/*.thumbnail.big .image {width:auto;height:415px;}*/

.placeholder {text-align:center;float:left;background-color:black;}
.small .placeholder {width:150px;height:200px;margin:0;float:none;}
.big .placeholder {width:300px;height:400px;}
.big .placeholder.small {width:150px;height:200px;}
.placeholder .loader {width:32px;height:32px;margin:40% 0 0 0px;}
.big .placeholder .loader {width:32px;height:32px;margin:60% 0 0 -16px;}

/*.thumbnail.big .placeholder.small {float:left;width:150px;height:200px;}
.thumbnail.big .placeholder.small {width:150px;height:200px;}*/
/*.rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}*/
#veu {
	display:none;
	background-color:black;
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	z-index:2999;
}
#warning {
	display:none;
	background-color:white;
	position:fixed;
	width:250px;
	border:4px solid black;
	top:50%;
	left:50%;
	color:black;
	text-align:center;
	vertical-align:middle;
	padding:6px 6px;
	margin:-50px 0 0 -100px;
	z-index:51;
	cursor:default;
}

#tooltip,.tooltip {
	position: absolute;
	z-index: 3000;
	border:2px solid #8c92ff;
	border-radius:5px;
	color:black;
	background-color: #eee;
	padding:2px 4px;
	opacity: 0.95;
	font-size:10px;
	text-align:justify;
	max-width:250px;
}
#tooltip h3,#tooltip div,.tooltip h3,.tooltip div {margin: 0;font-size:1.1em;font-weight:normal;}
#tooltip div,.tooltip div {color:#333;font-size:0.9em;font-weight:normal;}
.tooltip img {width:150px;height:150px;float:left;margin:3px;}

.floatinfo {display:none;position:absolute;width:210px;height:60px;z-index:50;overflow:hidden;}
.floatinfo-el {display:none;position:absolute;background-color:#800;width:200px;height:38px;text-align:center;border:2px solid black;}
.floatinfo-el p{margin:3px;font-size:0.8em;}

.button {
	float:left;
	font-size:9px;
	cursor:pointer;
	text-align:center;
	padding:3px 5px 2px 2px;
	margin-top:1px;
	transition:background-color 0.3s,box-shadow 0.3s;
}
.button.round {
	line-height:21px;
	height:21px;
	width:111px;
	padding:0;
	background:url('images/rect2899.png') no-repeat;
	color:black;
	margin-left:5px;
}

.button.big {padding:0 3px!important;background-color:#3ad;border-radius:3px;text-align:center;font-size:11px;margin:2px;}
.button.big img {width:24px;height:24px;margin:2px;}
.button.inactive {cursor:default;color:#ccc;}
.button img {width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:3px;margin-top:-1px;}
.button.round img {width:18px;height:18px;margin-left:3px;margin-top:1px;float:left;}
/*.button:hover {background:url('images/gr-v-36-lil.png') repeat-x;}*/
.button:hover {background-color:#8130f3 !important;box-shadow:-3px -3px 30px 0px #222 inset;}
.button.round:hover {background:url('images/rect2899-9.png') no-repeat;}
.button.inactive:hover {background:none;}
.button.pressed {background-color:#3b5;box-shadow:0px 0px 30px 5px #048 inset}

.toolbar.big .button img {width:32px;height:32px;}

#mainflex {}
/***********************		BARRA LATERAL			**********************************/
#leftc-1 {
/*	position:absolute;
	top:0;
	left:-166px;
	width:166px;
	height:100%;*/
	z-index:2000;
	border-right:3px solid #8c92ff;
	transition:left 0.4s;
	width:166px;
	left:0;
	height:100%;
	position:fixed;
}

#mainflex.contracted #leftc-1 {width:166px;left:-166px}
#mainflex.contracted #rightc {left:0;}

#rightc {
	position:absolute;
	top:0;left:166px;right:0;
	height:100%;
	transition:left 0.4s;
}


#leftc-1 .puxador {top:100%;left:161px;margin-top:0px;}
/*.puxador {position:absolute;width:32px;height:175px;background:url('./images/exploradortax.png') no-repeat;cursor:pointer;display:none;}*/
.puxador {
	position:absolute;
	white-space:nowrap;
	padding:6px 14px 4px 8px;
	font-size:1.5em;
	cursor:pointer;
	border-right:3px solid #8c92ff;
	border-bottom:3px solid #8c92ff;
	background-color:#224;
	border-bottom-right-radius:30px;
	transform: rotate(-90deg);transform-origin:left top 0;
	letter-spacing:2px;
}

#containerleft {
	width:100%;
/*	height:10px;*/
	height:100%;
	overflow:hidden;
	position:relative;
	background-color:#224;
}

#containerleft .logo {background:url('./images/FloraOn_white1_166.png') no-repeat;width:166px;height:47px;margin:4px 6px 0 -7px;cursor:pointer;}
#pesquisa-outer {width:100%;}
#pesquisa-outer input {background-color:white;font-size:1.25em;border:0;width:94%;color:black;margin:1%;border-radius:3px;padding:2%}
#pesquisa-outer img {width:12px;height:12px;vertical-align:middle;cursor:pointer;}
#pesquisa-outer img:hover {background-color:#449;}


/*						teclado						*/
#filtro-holder {
/*	font-size:0.9em;
	background:url(./images/path4107.png) 0px -10px;*/
	background-color:#449;
	width:100%;
	color:white;
/*	border-bottom:2px solid #55a;*/
}
#filtrotaxon {height:20px;}
#filtrotaxon span.selectable {margin:3px;padding:0 3px;font-size:0.9em;width:42px;font-weight:bold;}
#teclado {height:33px;margin-left:3px;}

/*					filtros							*/
.filtro span {text-align:center;float:left;}
.filtro span.selectable {cursor:pointer;}
.filtro span.letra {width:10px;height:13px;font-size:0.9em;margin:1px;}
/*.filtro span.todas {color:yellow;width:10px;height:16px;}*/
.filtro span.selected {background-color:#3cf;color:black;border-radius:3px;}
.filtro span.selectable:hover {background-color:white;color:black;}
/*.filtro span.selectable {margin:1px;padding:0 3px;}*/


/***********************		TAXTREE			**********************************/
#taxtree-holder {width:100%;}
#taxtree-holder .scrollbar {width:16px;height:100%;float:left;position:relative;margin-left:-16px;background-color:#224;}		/*background-color:#449;*/
#taxtree-holder .scrollbar .cursor {width:16px;height:81px;background:transparent url(./images/rect3773.png);position:absolute;}
#taxtree-holder .scrollbar:hover .cursor {background:transparent url(./images/rect3773-6.png);}
#taxtree {
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	font-size:1em;
	width:166px;
	float:left;
}

#taxtree ul ul {list-style:none;margin-left:10px;}
#taxtree li {
	margin:0px;
	padding:2px 2px 3px 3px;
	cursor:pointer;
	color:white;
	background-color:#224;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:16px
/*	font-weight:bold;*/
}
#taxtree li.loading {background-color:blue;font-style:italic;}
#taxtree ul.nivel1 li{margin-bottom:2px;text-transform:uppercase;font-weight:bold;}
#taxtree ul.nivel2 li{margin-bottom:0;text-transform:uppercase;font-weight:normal;padding-bottom:5px;padding-top:5px}
#taxtree ul.nivel2 li ul.nivel3 {margin-top:2px;}
#taxtree ul.nivel3 li{border-left:1px solid #999;border-bottom:0;text-transform:none;padding-bottom:5px;padding-top:5px}
#taxtree ul.nivel4 li{border-left:1px dashed gray;font-size:1em;}
#taxtree ul.nivel5 li{border-left:1px dashed gray;}
#taxtree ul.nivel4 {margin-top:3px;}
#taxtree li.semfoto,#taxtree li.semfoto li {font-weight:normal;color:#fa0 !important;}
#taxtree ul.nivel2 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right 3px;}
#taxtree ul.nivel3 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right 3px;}
#taxtree ul.nivel4 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right center;}
#taxtree ul.nivel2 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right 3px;}
#taxtree ul.nivel3 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right 3px;}
#taxtree ul.nivel4 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right center;}
#taxtree ul.nivel1 li:hover{background-color:#0ad;border-radius:4px;}
#taxtree ul.nivel2 li:hover{background-color:#a4a;border-radius:4px;}
#taxtree ul.nivel3 li:hover{background-color:#224;outline:2px solid #f66;border-radius:4px;}
#taxtree ul.nivel4 li:hover{text-decoration:underline;outline:0;border-radius:4px;}
/*#taxtree ul.nivel5 li:hover{background-color:#fff;color:black;}*/
#taxtree ul.nivel4 li.selected {background-color:orange;color:black !important;border-radius:5px;}
#taxtree li.old,#taxtree li.old li {font-weight:normal;color:#888 !important;}

/*						conteúdos					*/

/***********************		CAIXAPESQUISA			**********************************/
.logo {margin-bottom:8px;}
/*.identinter {background:url('./images/text4304-3.png') no-repeat;width:99px;height:36px;margin:-30px 10px 0 auto;cursor:pointer;}*/
.identinter {width:99px;height:36px;margin:-30px 10px 0 auto;cursor:pointer;}
.identinter img {width:99px;height:36px;}
.resultados .botoesgrandes {float:left;margin:0 4px 0 0;padding:0 8px;}

#pesquisa-big {text-align:center;}
#dica {color:#ccc;font-style:italic;font-size:1em;text-align:center;margin:8px 16px;line-height:1.4em}

/***	BIG		****/
#caixapesquisa {text-align:center;}
#caixapesquisa .logo img {width:75%;max-width:565px;display:inline-block;margin-top:5%}
#caixapesquisa #atalhos>div {font-size:2.3em;font-family: 'Lato';font-weight:bold;display:inline-block;margin: 0 12px 6px 12px;}
#caixapesquisa #atalhos>div:not(.dimmed) {color:#fff;}
#caixapesquisa #atalhos>div.dimmed {color:#999;font-size:1.4em;}
#caixapesquisa #atalhos>div img {width:1.2em;display:inline-block;vertical-align:middle;margin-right:8px}
#caixapesquisa #atalhos>div a, #caixapesquisa #atalhos>div span {vertical-align:middle;}
#caixapesquisa #atalhos sup {color: #f44336; font-size:1.1rem; font-weight:bold}
#caixapesquisa .pesquisa-outer {background-color:white;border-radius:7px;padding:0;margin:0 10% 5px 10%;display:flex;align-items:stretch;overflow:hidden;}
#caixapesquisa .pesquisa-outer img {cursor:pointer;flex:0 0 auto;align-self:center;}
#pesquisa-button {border:none;background-color:#57f;font-weight:bold;font-family: 'Lato', sans-serif;color:white;margin:0;padding:0 6px;cursor:pointer}
#q {padding:3px;border-radius:8px;margin:3px 5px;border:0px;background-color:white;font-size:14px;flex:1 0 auto}
#caixapesquisa #fotosdia {
	margin-top:14px;
	overflow:hidden;
}
/*#caixapesquisa .fotosdia {display:none;}*/
#caixapesquisa #fotosdia img {margin:0px 3px 12px 3px;cursor:pointer;width:100px;height:133px;display:none;}

#novidades {font-size:1.1em;line-height:1.2em;border:0px dashed #fff;border-radius:10px;padding:10px;margin:16px 5% -10px 5%;}


#pesquisa-wrap {display:flex;flex-wrap:wrap;flex-direction:row;font-size:1.3em}
#pesqleft {flex:5 1 700px;}
/***********************		 SIDEBAR			**********************************/
#sidebar {flex:1 1 400px;margin-top:20px;}
#sidebar .content {display:flex;flex-wrap:wrap;justify-content:space-around;}
#sidebar div.azulejo {margin:0 10px 20px 10px;flex:1 1 160px;max-width:200px;}
#sidebar div.azulejo.grande {flex:1 1 auto !important;max-width:300px;}
#rodape {flex:1 0 100%;text-align:center;margin-top:32px;color:#aaa;}

/***********************		 NOVIDADES			**********************************/
.bannernovidades {display:inline-block;margin-top:10px}
/*#novidadesnumeros.mosaico .content .azulejo {text-align:center;line-height:inherit;}*/
.bannernovidades h1 {text-align:center;color:#333;font-family: 'Lato', sans-serif;letter-spacing:2px;padding-left:10px;font-size:26px}
div.newsbox {display:inline-block;padding:0px 10px;margin:-3px 0px;}
div.newsbox:hover .howmany {transform:scale(1.2,1.2)}
div.newsbox em {color:#fffd56;font-style:normal;font-weight:bold}
div.newsbox .when {color:#ffad26;text-transform:uppercase;font-family: 'Lato', sans-serif;letter-spacing:2px;}
div.newsbox .howmany {font-size:2em;transition:transform 0.1s;font-family: 'Lato';font-weight:bold}
div.newsbox .legend {font-size:0.8em;color:#ccc;}
div.newsbox .legend a {color:#ccc;}

/***********************		 SUGESTOES			**********************************/
#sugestoes-wrap {z-index:50;margin:0 10%;}
#caixapesquisa.small #sugestoes-wrap {
	position:absolute;
	left:160px;
}

#caixapesquisa #sugestoes {
	text-align:left;
	overflow:hidden;
	border-left:2px solid white;
	margin-left:25px;
	font-size:1em;
}


#sugestoes div {cursor:pointer;margin:0 0 0 4px;height:18px;}

/*#separadores {width:100%;height:100%;position:absolute;}*/
#separadores {height:100%;padding-left:4px}
#pesquisa-content,#quadro-wrap {margin:0 3px 0 5px;padding:0 0px;}
#pesquisa-content {flex:1 1 0}

.separador {
	width:100%;height:100%;
	display:none;
}
.separador.selected{display:block;}

/***********************		FICHA ESPECIE			**********************************/
/*#pesquisa-content.fichaespecie {margin:4px 0 0 3px;}*/
.baloon {position:absolute;background-color:transparent;padding:0;border:0 !important;}
.baloon .closewindow {margin-left:-20px;margin-top:-4px;}
/*#detalhe-registo a:link,#detalhe-registo a:visited,#detalhe-registo a:active {text-decoration:none;color:#a4f;}*/
.baloon a:hover {text-decoration:underline;}
.baloon .content {position:absolute;color:white;}
.baloon h1 {border:0;color:yellow;}
.baloon.white h1 {color:black;}
.baloon.white p {color:black;}

.baloon p {color:white;}
.baloon .reg-holder {overflow:hidden;}
/*#detalhe-registo .loader {display:block;margin:10px auto;}
#detalhe-registo .closewindow {margin-top:0;margin-left:-20px;}*/
.baloon ul {font-size:13px;padding:4px 0 8px 32px;margin-top:2px;}
.baloon .registos-table-holder {max-height:200px;overflow:auto;}
.baloon table.registos {width:100%;margin-top:-6px;}
.baloon table.registos th {text-align:center;border-bottom:1px solid grey;font-size:10px;}
.baloon table.registos td {font-size:0.85em;line-height:1.3em;}
.baloon table.registos .data {text-align:center;width:30px;}
.baloon table.registos tr:hover td {background-color:black;}

.baloon textarea {font-size:10px;background-color:white;border:0;border-radius:6px;padding:2px;margin:2px;font-family:sans-serif;}

.showtooltip {cursor:default;}

#ficha-header .header-block {display:inline-block;padding:3px 6px;margin:0 8px;box-shadow:0 0 8px black;border:2px solid black;border-radius:5px;background-color:#222;overflow:hidden}
#ficha-header .header-block.no-padding {padding:0;}
#ficha-nomesp {font-size:1.9em;font-style:italic;padding-bottom:3px;color:#ffad26;font-family: 'Lato', sans-serif;font-weight:bold}
#ficha-nomesp .subespecie {font-size:0.7em;}
#ficha-nomesp .subespecies {font-size:0.7em;display:inline-block;padding-left:16px}
#ficha-nomesp .subespecies span {display:inline-block;}
#ficha-nomesp .autor {font-style:normal;color:#999;font-size:0.5em;}
#ficha-nomesp .sensu {font-style:normal;color:#fff;font-size:0.5em;}
#ficha-highertax {font-size:1em;}
#ficha-highertax span {display:inline-block;}
#ficha-highertax span.greaterthan {color:white;}
#ficha-luazma {margin:3px 0;}
#ficha-luazma div {display:inline-block}
#ficha-luazma div.territ {font-weight:bold;padding:3px 6px;}
#ficha-luazma div.territ.INEXISTENT {font-weight:normal;}
#ficha-luazma div.estatutoendem {}
#ficha-luazma div.estatutoendem.ENDEMIC {color:#0f0;background-color:#0c0;color:black;}
#ficha-luazma div.estatutoendem.NEAR_ENDEMIC {color:#0f0;background-color:#050;}
#ficha-luazma div.estatutoendem.NATIVE {color:#0f0;}
#ficha-luazma div.estatutoendem.EXOTIC {color:#f00;}
#ficha-luazma div.estatutoendem.ARCHAEOPHYTE {color:yellow}
#ficha-luazma div.estatutoendem.NEOPHYTE {color:#f00;}
#ficha-luazma div.estatutoendem.APOPHYTE {color:#7f0;}
#ficha-luazma div.estatutoendem.DIAPHYTE {color:yellow;}
#ficha-luazma div.estatutoendem.ASSUMED_NATIVE {color:yellow;}
#ficha-luazma div.estatutoendem.DOUBTFULLY_NATIVE {color:#bf0;}
#ficha-luazma div.estatutoendem.NATIVE_REINTRODUCED {color:yellow;}
#ficha-luazma div.estatutoendem.EXOTIC_REINTRODUCED {color:#f80;}
#ficha-luazma div.estatutoendem.ASSUMED_EXOTIC {color:#f40;}
#ficha-luazma div.estatutoendem.DOUBTFULLY_EXOTIC {color:#f80;}
#ficha-luazma div.estatutoendem.EXISTING {color:white;}
#ficha-luazma div.estatutoendem.CRYPTOGENIC {color:blue;}

#ficha-luazma div.CASUAL {color:white}
#ficha-luazma div.NATURALIZED_OCCASIONAL {color:yellow}
#ficha-luazma div.NATURALIZED_DANGEROUS {color:red}
#ficha-luazma div.INVASIVE {background-color:red;color:black}
#ficha-luazma div.TRANSFORMER {background-color:red;color:yellow;font-weight:bold}

#fotochooser {text-align:left;overflow:hidden;margin-bottom:20px;}
.fichaespecie .thumbnail:hover {outline:2px solid orange;}
.fichaespecie .thumbnail {margin:0 4px 4px 0;overflow:hidden;border-radius:3px;}

.ficha-seccao {font-size:1.3em;padding-bottom:4px;margin-bottom:0px;margin-top:3px;}	/*display:flex;justify-content:space-between;*/
.ficha-seccao h1 {font-weight:bold;font-size:1.3em;font-family: 'Lato', sans-serif;border-bottom:2px solid #222;padding-bottom:4px;margin-bottom:1px;color:white}
#ficha-details {display:flex;flex-wrap:wrap;align-items:stretch;font-size:1.2em;}
#ficha-details .noimp {color:#777;font-weight:normal;font-size:0.5em;font-style:italic;}
	#ficha-details .fic-detalhe {margin-bottom:20px;}
	#ficha-details .fic-detalhe ul {list-style:circle inside;}
	#mapa-holder {flex:1 1 300px;display:flex;flex-direction:column;}
		#info-mapa {flex:2 0 630px;display:flex;align-items:stretch;border-radius:5px;overflow:hidden}
			#distribuicao {flex:1}
	#mapa-holder img.mapa-estatico {width:100%;min-width:613px}
	#fic-ecologia {flex:1 1 250px;}
	#detalhes-especie {flex:1 1 300px;}
		#detalhes-especie .fic-detalhe .button img {width:32px;height:32px;}
#ficha-details>div {padding:2px 8px 8px 8px;margin:0 6px 20px 6px;}
#ficha-details .head {font-weight:bold;font-family: 'Lato', sans-serif;border-bottom:0px dotted #333;margin-bottom:4px;font-size:1.2em;color:#ffad26;padding-bottom:2px;}
#ficha-details #bio-grafico1,#ficha-details #bio-grafico2 {display:inline-block;width:49%}
#detalhes-especie svg.bioclimaplot {width:100%;display:inline-block;min-width:140px;max-width:250px;}

/*#fic-detalhes-holder {display:flex;flex-wrap:wrap;flex-direction:column}*/
/*#ficha-details table td {border-bottom:1px dotted #333;vertical-align:middle;padding:2px 2px 2px 0;}
#ficha-details table td.head {color:orange;font-weight:bold;max-width:110px;}
#ficha-details table td .centrar {text-align:center;margin-top:3px;}*/


/*.fichaespecie .icon {float:right;font-size:0.8em;font-weight:bold;background-color:#55f;width:40px;height:40px;overflow:hidden;margin-right:6px;}
.fichaespecie .titulo {border-bottom:1px dotted #999;padding:0 0 3px 0;margin-bottom:1px;}
.fichaespecie .luazma {float:right;}
.fichaespecie .luazma div {float:left;padding:2px 2px 0 2px;font-size:12px;border:2px solid transparent;border-radius:12px;}
.fichaespecie .estatutoendem {float:right;padding:2px 4px 2px 4px;background-color:#000;border-bottom-left-radius:8px;border-left:1px dotted gray;border-bottom:1px dotted gray;margin-left:4px;}
.fichaespecie .toprow {font-size:1.2em;padding-bottom:3px;}
.fichaespecie .topico {margin-top:6px;text-align:justify;font-size:12px;}
.fichaespecie .topico-head {color:orange;font-weight:bold;font-size:11px;text-transform:uppercase;}*/
/*.fichaespecie #altitude {height:200px;width:32px;float:left;}
.fichaespecie #distmar {height:200px;width:32px;float:left;}
.fichaespecie svg {float:left;}
.fichaespecie #infodistr {font-size:12px;line-height:10px;margin-bottom:5px;}*/
.fichaespecie #altitude {max-width:350px;height:24px;margin:8px 0 0 0;}	/* width:280px; */
.fichaespecie #precipitacao {height:24px;margin:8px 0 0 0;}
.fichaespecie #latitude {height:24px;margin:8px 0 0 0;}
.fichaespecie #distmar {max-width:350px;height:24px;margin:8px 0 0 0;}
.fichaespecie #floracao {max-width:350px;height:32px;margin:8px 0 -8px 0;}
.fichaespecie .toolbar {background-color:#046;}
.fichaespecie .toolbar .button {font-size:12px;}

.leaflet-container .toolbar {background-color:transparent;}
.leaflet-container .button {padding:0;margin:-9px 0 0 -12px}
.leaflet-container .button:hover {background:none;}
.leaflet-container .button img {width:36px;height:36px;display:inline-block;vertical-align:middle;}

.fichaespecie tr.footer td {padding:6px;vertical-align:top;}

.descarregarmapa textarea {width:95%;font-size:10px;word-wrap:break-word;text-wrap:unrestricted;background-color:transparent;color:white;border:1px solid gray;overflow:auto;}
.quote {font-size:12px;line-height:1.5em;overflow:auto;padding:0 4px;border-left:1px dashed gray;}

/*
#fotoshow {width:480px;height:640px;float:left;}
#info-especie {margin-left:3px;font-size:11px;float:left;width:641px;min-height:640px;position:relative;}
#ecologiaetal {margin:0 0px 4px 0px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted gray;min-height:200px;}
#mapa-holder {float:left;}
#distribuicao {width:240px;height:325px;}
#detalhes-especie {font-size:11px;padding-left:4px;float:left;max-width:350px;}
#detalhes-especie table td {border-bottom:1px dotted #333;vertical-align:middle;padding:2px 2px 2px 0;}
#detalhes-especie table td.head {color:orange;font-weight:bold;max-width:110px;}
#detalhes-especie table td.head .noimp {color:gray;font-weight:normal;font-size:0.9em;}
#detalhes-especie table td .centrar {text-align:center;margin-top:3px;}
*/

/*#fotoshow .placeholder {width:480px;height:640px;position:absolute;top:0;left:0;background-color:transparent;font-size:14px;}
#fotoshow .placeholder .loader {width:80px;height:auto;}*/

/*#highres {width:100%;margin:3px 0 0 0;}
#highres img {height:200px;float:left;padding:0;}*/


#osdviewer-wrap {position:fixed;top:0;left:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,0.9);z-index:3000}
#osdviewer-wrap #osdviewer {position:absolute;width:100%;height:100%;top:0;left:0;}
#osdviewer-wrap div.overlay {position:absolute;z-index:3001;}
#osdviewer-wrap #osdlegend {right:0;bottom:0;padding:4px 6px 0px 6px;background-color:rgba(0,0,0,0.4);border-top-left-radius:12px;text-align:right;line-height:175%}
#osdviewer-wrap #osdlegend h1 {font-weight:normal;font-size:1.3em}
#osdviewer-wrap #osdlegend p.comment {color:yellow;}
#osdviewer-wrap #osdlicense {right:0;top:0;}
#osdviewer-wrap #osdlogo {
	left:-1%;
	bottom:0;
	padding:0;
	max-width:242px;
	width:30%
}
#osdviewer-wrap #osdlogo img {width:100%}
#osdviewer-wrap #osdtoolbar {background-color:rgba(0,0,0,0.4);border-bottom-right-radius:12px;padding:4px}
#osdviewer-wrap #osdtoolbar .button {display:inline-block;float:none;}
#osdviewer-wrap #osdtoolbar .button:hover {background-color:transparent !important;box-shadow:none;}
#osdviewer-wrap #osdtoolbar .button img {width:32px;height:32px;margin:0;}

@media (max-width: 450px) {
	#osdviewer-wrap #osdtoolbar {width:100%;}
	#osdviewer-wrap #osdtoolbar {text-align:center}
	#osdviewer-wrap #osdlegend {width:100%;}
	
	#graficos svg {width:100% !important;min-width:auto !important;}
	#se-bioclima .detalhes {display:none;}
	
	#caixapesquisa #fotosdia img {width:50px;height:76px;}
	#caixapesquisa .pesquisa-outer {margin:0 1% 5px 1%;}
	
	#se-pesquisar .thumbnail.small .wrap {width:150px;height:200px;overflow:hidden;margin:2px 2px 0 2px;}
	#se-pesquisar .thumbnail.big .wrap {width:150px;height:200px;overflow:hidden;margin:2px 2px 0 2px;}
	#se-pesquisar .thumbnail.big .image {width:150px;height:200px;margin:0px 0px 0 0px;}
	#se-pesquisar .thumbnail.big .image.small {width:75px;height:100px;}
	.resultados .thumbnail.big .legenda{width:147px !important;font-size:10px !important;font-weight:normal !important;}

	#webgis-camadas,#webgis-camadas-wrap {display:none;}
	.toptoolbar .limparmapa {margin-right:0 !important;}
	
	#mosaico-rnap.mosaico>h1 {font-size:1.5em;}
	
	#rightc {left:0;}
	.puxador {padding:10px 14px 8px 8px;font-size:1.6em;}
	
	#teclado {display:none;}
}


/*.fichaespecie #fotochooser .thumbnail img {position:relative;}*/
/*.fichaespecie #fotochooser .thumbnail {width:158px;height:203px;}
.fichaespecie #fotochooser .thumbnail img {width:100%;}*/

.editar {position:absolute;border:2px solid red;cursor:pointer;background-color:green;}
.editar p {text-align:center;color:#0f0;font-weight:bold;font-size:14px;}
.editar textarea {font-size:11px;width:100%;height:201px;border:0;margin:0;padding:0;}
.editar textarea.blocked {color:gray;background-color:#ccc;}
.editar .toolbar {background-color:black;padding:2px;}
.editar .toolbar .button {font-size:11px;}
.editar .toolbar.vert .button {font-size:13px;float:none;text-align:left;margin-bottom:4px;}

#informcomment {position:fixed;width:40%;background-color:white;color:black;}
#informcomment textarea {width:100%;height:100px;}
.fichaespecie .infocom {margin:0 0 7px 0;text-align:justify}
.fichaespecie .infocom .autor {font-style:italic;color:#777;margin-left:18px;font-size:0.9em;margin-bottom:10px;}

#visualizador {background-color:black;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
#visualizador .close {position:absolute;top:10px;right:10px;cursor:pointer;}
/*#visualizador .titulo {position:absolute;top:10px;left:10px;color:#999;font-size:18px;}*/
#visualizador .leftpane {width:480px;vertical-align:middle;}
#visualizador .leftpane .holder {height:640px;width:480px;position:relative;overflow:hidden;}
#visualizador .rightpane .holder {height:640px;overflow:auto;}
#visualizador .rightpane .holder .thumbnail {margin:3px;width:150px;height:194px;overflow:hidden;}
#visualizador .rightpane .holder .thumbnail img {width:150px;height:200px;}

/********************************        HIGHRESEXPLORER      *************************************/
/*
#highresexplorer-holder {width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;overflow:auto;}
.imgexplorer {background-color:black;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;overflow:hidden;}
.imgexplorer .button {padding:2px 3px;margin:4px 0 4px 2px;border-radius:5px;}
.imgexplorer .button img {width:32px;height:32px;float:left;margin:0;}
.imgexplorer .button.pressed {background-color:#07b;}
.imgexplorer .button.text {font-size:12px;margin:10px 2px;border-radius:5px;padding:5px;background-color:black;}

.imgexplorer .distico {position:absolute;z-index:1000;}
.imgexplorer .distico .back {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;}
.imgexplorer .distico .content {z-index:10;position:relative;}

.imgexplorer .imgx-zoom .back {border-bottom-right-radius:22px;}
.imgexplorer .imgx-zoom .zoom-texto {float:left;padding:10px;}
.imgexplorer .imgx-zoom .content {font-size:24px;}

.imgexplorer .imgx-setadir {right:0;top:12%;height:76%;cursor:pointer;width:36px;}
.imgexplorer .imgx-setadir img {top:50%;position:absolute;margin-right:3px;}
.imgexplorer .imgx-setaesq {left:0;top:12%;height:76%;cursor:pointer;width:36px;}
.imgexplorer .imgx-setaesq img {top:50%;position:absolute;margin-left:3px;}

.imgexplorer .imgx-cclogo {right:0;top:0;}
.imgexplorer .imgx-msg {left:37%;top:0;width:26%;text-align:center;font-size:16px;}
.imgexplorer .imgx-msg .back {border-bottom-right-radius:16px;border-bottom-left-radius:16px;}
.imgexplorer .imgx-msg .content {margin-bottom:4px;}

.imgexplorer .imgx-logo {left:0;bottom:0;padding:5px 0 0 0;}
.imgexplorer .imgx-logo .content {width:242px;height:69px;left:-16px;bottom:0;padding:0;background:url('./images/logo_242.png');}

.imgexplorer .imgx-legenda {right:0;bottom:0;padding:5px 0 0 5px;max-width:300px;}
.imgexplorer .imgx-legenda .back {border-top-right-radius:0px;border-top-left-radius:16px;}
.imgexplorer .imgx-legenda .content {padding:0 5px 4px 4px;font-size:16px;}

.imgexplorer .distico.legenda {position:absolute;color:#000;z-index:900;}
.imgexplorer .distico.legenda .back {border-radius:8px;background-color:white;}
.imgexplorer .distico.legenda .content {margin:6px;text-align:center;font-size:14px;}

#imgx-navi {left:0;bottom:0;position:absolute;height:128px;background-color:black;z-index:101;width:100%;overflow:visible;}
#imgx-navi-content {position:relative;overflow:visible;}
#imgx-navi .thumbnail {float:left;margin:4px 4px 4px 0;cursor:pointer;position:relative;padding:0;overflow:hidden;width:120px;height:120px;background-color:transparent;border-radius:8px;}
#imgx-navi .thumbnail img {height:100%;}
#imgx-navi .thumbnail.selected {outline:2px solid orange !important;}
#imgx-navi .thumbnail:hover {outline:0px;}
#imgx-navi .button.esquerda {position:absolute;left:0;bottom:0;background-image:url('images/arrow_esq_rect.png');width:32px;height:135px;padding:0;margin:0;}
#imgx-navi .button.direita {position:absolute;right:0;bottom:0;background-image:url('images/arrow_dir_rect.png');width:32px;height:135px;padding:0;margin:0;}
*/

/*	DEPRECADO
#highresexplorer #imgx-zoom .back {border-bottom-right-radius:22px;}
#highresexplorer #imgx-zoom #zoom-texto {float:left;padding:10px;}
#highresexplorer #imgx-zoom .content {font-size:24px;}

#highresexplorer #imgx-setadir {right:0;top:12%;height:76%;cursor:pointer;width:36px;}
#highresexplorer #imgx-setadir img {top:50%;position:absolute;margin-right:3px;}
#highresexplorer #imgx-setaesq {left:0;top:12%;height:76%;cursor:pointer;width:36px;}
#highresexplorer #imgx-setaesq img {top:50%;position:absolute;margin-left:3px;}

#highresexplorer #imgx-cclogo {right:0;top:0;}
#highresexplorer #imgx-msg {left:37%;top:0;width:26%;text-align:center;font-size:16px;}
#highresexplorer #imgx-msg .back {border-bottom-right-radius:16px;border-bottom-left-radius:16px;}
#highresexplorer #imgx-msg .content {margin-bottom:4px;}

#highresexplorer #imgx-logo {left:0;bottom:0;padding:5px 0 0 0;}
#highresexplorer #imgx-logo .content {width:242px;height:69px;left:-16px;bottom:0;padding:0;background:url('./images/logo_242.png');}

#highresexplorer #imgx-legenda {right:0;bottom:0;padding:5px 0 0 5px;max-width:300px;}
#highresexplorer #imgx-legenda .back {border-top-right-radius:0px;border-top-left-radius:16px;}
#highresexplorer #imgx-legenda .content {padding:0 5px 4px 4px;font-size:16px;}*/

/***********************		RESULTADOS			**********************************/
#se-pesquisar,#se-indicetematico {overflow:auto;overflow-x:hidden}
#se-pesquisar {position:relative;}
#se-indicetematico {text-align:center;}
.resultados ul {list-style-type:disc;list-style-position:inside;text-indent:16px;}

.resultados .toolbar {padding:0px;margin:0px;width:100%;background-color:black;padding:3px 0;}	/*37c*/
.toolbar .utilities {float:right;margin-right:4px;}
.toolbar .utilities .button {cursor:pointer;}
.resultados .msg {padding:6px;color:orange;background-color:#440;font-size:13px;margin:5px 10px 0 0;border-radius:5px;}
.mensagem {margin:2px 10px 0 4px;border-right:2px solid white;float:left;padding-right:15px;}
.mensagem .numero {font-size:28px;float:left;margin-right:4px;}
.mensagem .numero.small {font-size:22px;padding-right:0px;margin-top:4px;}
.mensagem .refinar {display:none;}
/*background:url('images/A3282151259481907.jpg') no-repeat -300px -0px;}*/
.resultados .info {padding:5px;font-size:11px;color:#ffc;}
.resultados .thumbnail .legenda {
	color:white;
	display:table-cell;
	font-size:10px;font-style:italic;
	line-height:1em;
	width:147px;height:24px;text-align:right;padding-left:1px;
	vertical-align:middle;
}

.resultados .thumbnail.big .legenda{width:298px;font-size:12px;font-weight:bold;}
.resultados .thumbnail.selected .legenda {background-image:none;background-color:orange;}
.resultados #floracao {width:280px;height:62px;margin:0px 0 4px 0;border:1px solid #35c;padding:8px;border-radius:8px;cursor:pointer;}


#toolbar-resultados {border-bottom:1px solid gray;}
#toolbar-resultados .button {padding:0 5px 0 5px;margin:0;}
#toolbar-resultados .button img {width:32px;height:32px;margin:1px 0;}

#se-pesquisar .tagaggreg {margin-top:6px;}
#se-pesquisar .tagaggreg div.head {float:left;margin:4px 6px 0 0;padding:0;font-size:12px;}
.tagaggreg div.tag,.ident div.tag {float:left;margin:0 5px 5px 0px;background-color:#414;color:white;font-size:12px;padding:3px 5px;border-radius:8px;border:1px solid rgb(210, 190, 216)}
/*rgb(115,0,150)*/
.baloon .tagaggreg div.tag {padding:2px 5px 2px 5px;}
#se-pesquisar .tagaggreg div.tag.linkneg:hover {text-decoration:line-through}
#se-pesquisar .tagaggreg div.addcrit {float:left;margin:0;padding:0px;border:1px solid gray;color:black;border-radius:8px;background-color:white;}
#se-pesquisar .tagaggreg div.addcrit:hover {border:1px solid #3af;}
#se-pesquisar .tagaggreg div.addcrit img {vertical-align:middle;width:20px;cursor:pointer}
#se-pesquisar .tagaggreg .addcritinput {width:120px;font-size:12px;color:#555;font-style:italic;margin:0 0 0 4px;padding:0;vertical-align:middle;border:0px solid #ccc;}
#se-pesquisar .tagaggreg .addcritinput:focus,.tagaggreg .addcritinput:focus {color:black;border:0px solid #3af;font-style:normal;}
.floatingmap {width:220px;height:220px;}
.baloon .coords,.coords {color:yellow;text-align:center;font-size:13px;}
/*#se-webgis .tagaggreg {position:absolute;left:0;top:40px;width:100%;background-color:transparent;padding:4px 0 0 8px;margin:0;}*/

/*.resultados .ecologia {clear:both;background-color:#020;margin-top:10px;}
.resultados .ecologia .thumbnail .legenda-eco {height:60px;font-size:0.6em;line-height:0.95em;background-color:black;text-align:justify;overflow:hidden;}
.resultados .ecologia .thumbnail .legenda-eco .highlight {color:orange;}*/

#pesquisa-fotomenu {position:absolute;width:160px;z-index:40;background-color:black;}
#pesquisa-fotomenu .button {width:150px;}

#pesquisa-loader,#se-loader {background-color:transparent;position:fixed;width:100%;height:100%;top:50px;left:0;z-index:3003}
#pesquisa-loader p,#se-loader p {text-align:center;margin-top:20%;font-size:2.5em;}

/*#se-loader {background-color:black;}
#se-loader p {text-align:center;margin-top:20%;font-size:5em;}*/

#cross {display:none;position:fixed;width:48px;height:48px;cursor:pointer;}

/***********************		INDICE TEMATICO			**********************************/
#se-indicetematico h1 {font-weight:normal;font-size:24px;color:#2bb5e8;text-align:center;margin-top:6px;}
#se-indicetematico .squarethumb {display:inline-block;margin:10px 0 0 10px;font-size:16px;text-align:right;}
#se-indicetematico .squarethumb:hover {outline:3px solid #449;background-color:#449;}
#se-indicetematico .squarethumb div {margin-top:2px;}

/***********************		BARRA IDENTIFICADORA			**********************************/
.identificador {display:none;}
.identificador .caracter {padding-right:10px;padding-left:3px;font-size:0.9em;color:yellow;vertical-align:middle;}
.identificador .button {
	float:left;
	border-left:2px solid cyan;
	padding-left:4px;
	padding-right:4px;
	font-size:10px;
}

/*.identificador .button .desc {color:#ccc;font-style:italic;text-align:left;}*/


/***********************		QUADRO			**********************************/
#se-comparar {overflow:auto;}
#quadro {overflow:auto;float:left;}
#quadro-header p {font-size:1.8em;}
/*#quadro-header .logo {background:url('./images/FloraOn_white1_196.png') no-repeat;width:196px;height:46px;margin:4px 0px 5px -10px;float:left;}
#quadro-header .cabecalho {float:left;}*/
#quadro-header .toolbar {background-color:#333;margin-top:2px;}

#quadro-wrap {padding:0px;background-color:black;}
/*#quadro-wrap .footer {background-color:#ccc;clear:both;color:#333;text-align:center;font-style:italic;padding:3px;width:100%;margin-top:2px;position:relative;border-left:2px solid black;}*/
.quadro .row.header .button {float:right;}

/*.quadro .button {padding:2px 5px 2px 2px;}
.quadro .button img {width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:3px;}
.quadro .button:hover {background:url('images/gr-v-36-lil.png') repeat-x;}
.quadro .button.pressed {background-color:#3b5;}*/
.quadro .cell.rowh .button {clear:both;}
.quadro .row.header .button {padding:0 !important;}			/* botões dos cabeçalhos */

.quadro {float:left;}
.quadro.small .row {margin:0px;height:204px;overflow:hidden;}
.quadro.big .row {margin:0px;height:404px;overflow:hidden;}

.quadro .cell {float:left;background-color:black;}
/*.quadro.small .cell {height:200px;}*/
.quadro.small .cell .image {width:150px;height:200px;cursor:pointer;margin:2px;}
/*.quadro.big .cell {height:404px;}*/
.quadro.big .cell .image {width:300px;height:400px;cursor:pointer;margin:2px;}
.quadro .cell .image:hover {outline:2px solid red;}

/* col header */
.quadro .colh .wrap .titulo {float:left;font-size:0.9em;}
.quadro.small .colh {width:154px;background-color:black;}
.quadro.small .colh .wrap {width:150px;margin-left:2px;margin-top:2px;}
.quadro .colh.cell {height:100%;}
.quadro.big .colh {width:304px;}
.quadro.big .colh .wrap {width:296px;}
/*.quadro.small .row .colh,.quadro.big .row .colh {border-top:2px solid white;border-right:2px solid white;border-left:2px solid white;background-color:#3ae;color:black;width:auto;}
.quadro.small .row .colh .wrap {width:146px;}*/

/*	first row	*/
#quadro-wrap .row.header {height:22px;border-bottom:2px solid grey;border-top:2px solid grey;}
#quadro-wrap .row.header .wrap {background-color:black;}
#quadro-wrap .row.header .titulo{clear:both;text-align:center;font-size:0.9em;}

/* row header */
.quadro .cell.rowh {text-align:left;font-size:1.2em;border-left:2px solid gray;padding-left:2px;}
.quadro .cell.rowh {height:100%;}
/*.quadro.big .cell.rowh {height:404px;}*/
.quadro .cell.rowh .wrap {font-size:0.8em;background-color:black;margin-top:2px;margin-right:2px;cursor:move;}
.quadro.small .cell.rowh .wrap {height:200px;}
.quadro.big .cell.rowh .wrap {height:400px;}
/*.quadro .row .cell.rowh {width:auto;height:auto;border-left:2px solid white;border-top:2px solid white;border-bottom:2px solid white;background-color:#eae;color:black;text-align:center;}
.quadro .row .cell.rowh .wrap {width:82px;height:156px;font-size:0.8em;}*/

/* first cell */
.quadro .cell.firstcell {height:26px;width:300px;}
.quadro.small .row .cell.blank{background-color:black;border:0;width:154px;height:204px;}
.quadro.big .row .cell.blank{background-color:black;border:0;width:304px;height:404px;}
/*.quadro .row .cell.blank p{margin-top:80px;font-style:italic;font-size:0.9em;color:gray;}*/

.quadro .cell .chooser {display:none;position:relative;top:-17px;left:2px;}
.quadro .row .cell:hover .chooser {display:block;}
.quadro .cell .chooser div {background:url('images/circlebut.png') no-repeat;float:left;width:15px;height:15px;cursor:pointer;}
.quadro .cell .chooser div:hover {background:url('images/circlebut-g.png') no-repeat;}
.quadro .cell .chooser div.selected {background:url('images/circlebut-o.png') no-repeat;}

.quadro.small .placeholder {margin:2px;}

/***********************		COMPARADOR CARACTERES			**********************************/
.bancada-holder {
	display:none;
	position:fixed;
	width:100%;height:100%;
	top:0;left:0;
	z-index:3000;
	overflow:auto;
	background-color:black;
}

.bancada-holder div.header {
	width:350px;
	height:32px;
	font-size:16px;line-height:20px;
	text-align:center;
	position:absolute;top:0;left:50%;margin-left:-175px;
	z-index:100;
	color:black;
	background:url('images/sepsup.png') 0 -4px no-repeat;
}
.button2:hover {background-color:#ddd;}
.button2.nohover:hover {background-color:transparent;}
.bancada-holder div.header .button2 {float:left;cursor:pointer;margin:0px 0 0 9px;font-size:12px;padding:0 6px;}
.bancada-holder div.header .button2 img {width:20px;height:20px;float:left;}

.bancada-holder .bancada {
	width:100%;height:100%;position:absolute;top:0;left:0;
	overflow:auto;
}

#comparacaract .caracter {float:left;margin:24px 8px 8px 8px;padding:3px;}
/*#comparacaract .caracter .content {background-color:black;}*/
#comparacaract .caracter .titulo {font-size:15px;cursor:move;text-align:center;}
#comparacaract .caracter .titulo .button2 {width:16px;height:16px;margin-top:2px;cursor:pointer;}
/*#comparacaract .caracter .titulo .button2.close {background:url('images/cross.png');margin-right:-6px;float:right;}
#comparacaract .caracter .titulo .button2.close:hover {background:url('images/crossh.png');}*/
#comparacaract .caracter .titulo .button2.info {background:url('images/page.png');margin-top:0px;margin:0 3px 0 1px;float:left;}
#comparacaract .caracter .titulo .button2.info:hover {background:url('images/pageh.png');}
#comparacaract .caracter .titulo table {width:100%;}
#comparacaract .caracter .titulo table .middle {background-color:#8c92ff;padding:1px 0 1px 0;border-top:2px solid black;}
#comparacaract .caracter .titulo table .left {width:15px;background:url('images/roundc.png');}
#comparacaract .caracter .titulo table .right {width:15px;background:url('images/roundc.png') 15px 0px;}
#comparacaract .caracter .wrap {position:relative;float:left;width:484px;margin:0px 0px 0 0px;}
#comparacaract .caracter .wrap .titulo {background-color:#449;padding:2px 0 2px 0;font-size:13px;cursor:default;font-style:italic;border-right:2px solid black;border-left:2px solid black;text-align:left;}

#comparacaract .caracter .wrap .subtitulo {background-color:black;padding:2px;font-size:12px;line-height:13px;position:absolute;width:476px;z-index:100;color:white;left:2px;margin-top:2px;}
#comparacaract .caracter .wrap img {border:2px solid black;}
#comparacaract .placeholder {width:480px;height:640px;text-align:center;background-color:black;}
#comparacaract .placeholder .loader {width:32px;height:32px;margin-top:60%}


/***********************		BANCADA			**********************************/
.foto-banc {position:absolute;background-color:#225;border-radius:6px;overflow:hidden} /*height:667px;width:484px;*/
.foto-banc .wrap {margin-left:2px;margin-bottom:2px;position:relative;width:480px;height:640px;}	/*height:662px;width:480px;*/
.foto-banc .title {width:100%;color:white;background-color:#449;cursor:move;}
.foto-banc .title .nome {font-style:italic;margin:4px 6px;float:left;font-weight:bold;max-width:360px;}
.foto-banc .subtitle {padding:3px;text-align:justify;}
.foto-banc .foto {width:100%;cursor:move;}
.foto-banc .button {float:right;padding-right:2px;}
.foto-banc .button.pressed {background-color:transparent;}
.foto-banc .button.tool {font-size:13px;width:18px;}
.foto-banc .button.tool.pressed {background-color:#b35;}
.foto-banc .placeholder {position:absolute;top:0px;left:0px;width:480px;height:640px;text-align:center;background-color:black;}
.foto-banc .placeholder .loader {width:32px;height:32px;margin-top:60%}

.drawing {position:absolute;}


.fly.small {position:absolute;width:150px;height:200px;z-index:200;}
.fly.big {position:absolute;width:300px;height:400px;z-index:200;}
.fly.original {position:absolute;width:480px;height:640px;z-index:200;}
#banc-tools {display:none;position:fixed;top:0;left:0;z-index:100;background-color:#333;}
/***********************		MORFOLÓGICO			**********************************/
/*
#leftc-2 {		
	position:absolute;
	top:0px;
	left:-166px;
	width:166px;
	height:100%;
	background-color:white;
	z-index:20;
	color:black;
	overflow:auto;
}

#leftc-2 .button {
	float:left;
	width:146px;
	margin:10px 0 0 10px;
}
#leftc-2 .button.caracter:hover {background-color:#ffc;}
#leftc-2 .button img {float:left;margin:4px;}
#leftc-2 .orgao {float:left;width:100%;height:32px;background-color:#fcf;margin-top:10px;}
#leftc-2 .button.caracter {background-color:#cfe;font-size:0.8em;}


#se-pesquisar .identifica .thumbnail .legenda {display:none;}
#se-pesquisar .identifica #pesquisa-thumbs {position:relative;width:100%;height:100%;}
#se-pesquisar .identifica .atr-holder {float:left;border:1px solid red;margin:2px;}

#inoc {background-color:white;width:100%;height:100%;}
.strip {position:absolute;}
.unit {float:left;}
.unit.absolute {position:absolute;float:none;border:1px solid red;}
.unit .content {float:left;background-color:black;position:relative;}
.unit .content .shade,.unit.absolute .shade {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;display:none;outline:2px solid black;}
.unit.remove .content .shade {background-color:#300;}
.unit .content .spacer,.unit.absolute .spacer {height:100%;float:left;margin-top:-36px;}
.unit .content .header-outer,.unit.absolute .header-outer {height:36px;background-color:#06f;overflow:hidden;}
.unit .content .header-inner,.unit.absolute .header-inner {margin:4px;float:left;font-weight:bold;}


#escolheatributo {position:absolute;width:180px;height:141px;font-size:1.6em;}
#escolheatributo .bg {background-color:#05f;width:100%;height:100%;position:absolute;}
#escolheatributo div.option {cursor:pointer;position:relative;margin:15px 15px 0 15px;}
#escolheatributo div.option:hover {outline:2px solid white;}
#escolheatributo img {width:48px;height:48px;vertical-align:middle;}
*/
/***********************		MENU			**********************************/
.menu {position:absolute;width:168px;background-color:black;font-size:0.9em;border:2px solid gray;}
.menu li{list-style:none;margin:2px 0 0 2px;cursor:pointer;padding:2px 5px 2px 2px;}
.menu li:hover {background:url('images/gr-v-36-lil.png') repeat-x;}
.menu input {font-size:0.9em;padding:0;margin:0;}

/*#menu-org {font-size:1.2em;color:#9ff;width:240px !important;border-left:0px !important;}
#menu-org li {padding:6px;background-color:#333;}*/
#menu-org img {width:32px;height:32px;vertical-align:middle;}

#lupa {position:absolute;display:none;z-index:1000;}
.nocursor {cursor:none!important;}

/***********************		FOTO VIEWER			**********************************/
.viewer {position:relative;overflow:hidden;width:480px;height:640px;}
.viewer img {margin:0 !important;}
.viewer .button {width:32px;height:32px;position:absolute;left:100%;margin-left:-32px;background-color:red;}
.viewer .button.zoomi {top:0;}
.viewer .button.zoomo {top:36px;}


/***********************		BANCADA IDENTIFICAÇÃO			**********************************/
#chosenatrs .logo {background:url('./images/FloraOn_white1_100.png') no-repeat;width:100px;height:31px;margin:0px 3px 12px 0;cursor:pointer;}
#se-identificar {background-color:black;color:white;}
#se-identificar table {width:100%;height:100%;}
#se-identificar table td {vertical-align:top;}
#chosenatrs {width:100px;background-color:#224;padding:4px;}
#identifica-content-wrap {border-left:1px solid white;}
#identifica-content {position:relative;width:100%;overflow:auto;}

#nespecies {width:100%;text-align:center;vertical-align:middle;color:white;cursor:pointer;margin-bottom:5px;}
#nespecies .titulo {font-size:28px;font-weight:normal;}

#identifica-content .caracter {position:absolute;color:white;background-color:#225;}
#identifica-content .caracter .titulo {font-size:13px;margin-top:4px;height:16px;text-align:center;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;text-transform:uppercase;} /*background-color:#3af;*/
#identifica-content .caracter .spacer {clear:both;height:8px;}
#identifica-content .caracter .closewindow {top:3px;left:100%;margin-left:-18px;width:14px;position:absolute;cursor:pointer;}

#se-identificar .atributo {
	float:left;
	text-align:center;
	cursor:pointer;
	width:100px;height:100px;
	overflow:hidden;
	margin:8px 0 0px 12px;
	position:relative;
}

#se-identificar .atributo img {width:100%;}
#se-identificar .atributo img.half {width:50%;}
#se-identificar .atributo .nespecies {position:absolute;top:0px;left:2px;font-size:9px;color:white;}
#se-identificar .atributo .nome {font-size:13px;width:100%;height:18px;}
#se-identificar .atributo:hover {outline:3px solid #449;background-color:#449;}

#chosenatrs .atributo {width:100%;height:auto !important;border-top:2px solid #449;padding:2px 0 4px 0;margin:0;}
#chosenatrs .atributo .nespecies {display:none;}
#chosenatrs .atributo .nome {margin-top:4px;font-size:10px;text-align:center;position:static;height:auto;}
#chosenatrs .atributo img {display:none;}
#chosenatrs .atributo:hover {outline:none;}

/**********************************GERIR LEGENDAS FOTOS********************************************/
.janela input {font-size:11px}
.janela.distcar p {margin:0px 0 0px 0;}
.janela.distcar .content,.janela.pickthumb .content,.janela.tabela .content {max-height:600px;overflow:auto;}
.janela.distcar table tr th,.janela.tabela table tr th {cursor:pointer;background-color:#fdd;padding:4px;}
.janela.distcar table .image {width:60px;}
.janela.distcar table tr td,.janela.confsp table tr td {border-bottom:1px solid #ccc;}
.janela.distcar table tr:hover td {background-color:#ddd;cursor:pointer;}
.janela.distcar table tr .tick,.janela.distcar table tr .tickdist {display:none;}
.janela.distcar table tr.selected .tick {display:block;}
.janela.distcar table tr td.distintivo .tickdist  {display:block;}
.janela.distcar table tr.selected td {background-color:#ffd;}
.janela.distcar table tr.modified td {background-color:#fdd;}

.janela.tabela select {font-size:10px;width:100%;}
.janela.tabela table tr td {border-bottom:1px solid #ccc;padding:2px;}
.janela.pickatrib table tr td.c4 {background-color:#cfc;}
.janela.pickcaract table tr td.c3 {background-color:#cfc;}
.janela.tabela table tr td img.valid,.janela.tabela table tr td img.invalid {width:24px;}
.janela.tabela table tr:hover td {background-color:#ddd;cursor:pointer;}
.janela.tabela table tr .tick {display:none;width:32px;}
.janela.tabela table tr.selected .tick {display:block;}
.janela.tabela table tr.selected td {background-color:#ffd;}
.janela.tabela table tr.modified td {background-color:#fdd;}
.janela.tabela table div.keyword {border:1px solid #8ac;float:left;background-color:#cef;margin:0 0 3px 3px;padding:1px 3px;}
.janela.tabela table div.keyword.add {background-color:#fcf;}
.janela.tabela table div.keyword:hover {background-color:#fca;text-decoration:line-through;color:red;}
.janela.tabela table div.keyword.add:hover {background-color:#fef;text-decoration:underline;color:black;}

.janela.confsp ul {list-style-type:none;text-indent:-20px;list-style-position:inside;font-size:10px;padding:3px 3px 3px 22px;}
.janela.confsp li img {width:18px;vertical-align:middle;cursor:pointer;}
.janela.confsp h2 {background-color:#dfd;padding:3px 3px 3px 3px;margin-top:4px;}

.janela.confsp table tr .tick {display:none;width:32px;}
.janela.confsp table tr.selected .tick {display:block;}
.janela.confsp table tr.selected td {background-color:#ffd;}
.janela.confsp table tr.modified td {background-color:#fdd;}

.janela.bdmorf {border:0;padding:0 0 0 3px;border-left:2px solid green;}
.janela.bdmorf .filtros .button {margin-left:3px;border:1px solid #0af;padding:2px;}
.janela.bdmorf .filtros .button.pressed {background-color:#0af;}
.janela.bdmorf h1 {margin-bottom:2px;padding-bottom:2px;}
/*.janela.bdmorf .body {overflow:auto;background-color:#ddf;}
.janela.bdmorf .row {background-color:#fdd;}
.janela.bdmorf .cell {width:27px;height:27px;background-color:#fff;margin:0 0 0 2px;overflow:hidden;font-size:8px;float:left;text-align:center;}*/
.janela.bdmorf .first {background-color:#dfd;}
/*.janela.bdmorf td.first {width:152px;}*/
.janela.bdmorf table {background-color:#ddf;}
.janela.bdmorf table a {color:blue;}
.janela.bdmorf table tr.caracter th {height:16px;font-size:9px;font-weight:normal;overflow:hidden;line-height:8px;}
.janela.bdmorf table tr.atributo th {height:27px;font-size:8px;font-weight:normal;overflow:hidden;cursor:pointer;line-height:8px;}
.janela.bdmorf table tr.atributo th.pressed {background-color:#3b5;}
.janela.bdmorf table td {height:27px;vertical-align:middle;text-align:center;background-color:#fff;font-size:9px;cursor:pointer;line-height:10px;}
.janela.bdmorf table td.first {cursor:auto;text-align:left;font-size:9px;}
.janela.bdmorf table td img {width:20px;margin:2px 0 2px 0;}
.janela.bdmorf table td.break {border-left:2px solid red;}
.janela.bdmorf table td.bad {background-color:#f99;}
.janela.bdmorf table tr.modified {outline:2px solid #99f;}
.janela.bdmorf table tr.modified td.first {background-color:#fcc;}
.janela.bdmorf table tr.nodisp1,.janela.bdmorf table tr.nodisp2,.janela.bdmorf table tr.nodisp3,.janela.bdmorf table tr.nodisp4 {display:none;}

/**********************************PESQUISA AVANCADA********************************************/
.janela.avancada {padding:0;}
.janela.avancada h1 {font-size:24px;padding:12px;font-weight:normal;border:none;}
.janela.avancada div.row {margin:12px;}
.janela.avancada div.widget {float:left;width:50%;}
.janela.avancada div.widget .holder {border:2px solid #3af;border-radius:16px;margin:12px;padding:0px;overflow:hidden;}
.janela.avancada div.widget .holder table {width:100%;}
.janela.avancada div.widget .titulo {margin:0;font-size:18px;border-right:0px dotted #3af;padding:10px;background-color:#8cf;color:white;width:50px;}
/*.janela.avancada div.widget div.content {float:left;}*/
/**********************************WEBGIS********************************************/
#se-webgis .mapa {width:100%;margin-left:3px;}
.toptoolbar {height:45px;margin-left:3px;overflow:hidden;}
.toptoolbar .button {padding:2px 3px;margin:4px 0 4px 2px;border-radius:5px;}
.toptoolbar .button img {width:32px;height:32px;float:left;margin:0;}
.toptoolbar .button.pressed,.toptoolbar .button.text.pressed {background-color:#07b;}
.toptoolbar .button.text {font-size:11px;margin:4px 2px;border-radius:5px;padding:5px;background-color:black;}
.toptoolbar .button.text.oneline {margin-top:10px;}
.toptoolbar .temporary .button.text {color:orange;}
.toptoolbar .temporary {border-left:1px dashed gray;float:left;}
.toptoolbar .limparmapa {margin-right:184px;}

#se-webgis .menu {background-color:transparent;color:white;border:0;margin:0 !important;}
.menu {position:relative;width:auto;}
.menu .back {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-bottom-left-radius:6px;}
.menu .content {z-index:10;position:relative;}

#se-webgis .menu li:hover {background:none;}
#se-webgis .menu li label {cursor:pointer;}
#se-webgis .menu li input {vertical-align:middle;margin-right:6px;}
/*border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #333;border-right:1px solid #333;*/
/*#se-webgis .square {width:48px;height:48px;overflow:hidden;float:left;margin:8px 0 0 8px;border:2px solid #000000;cursor:pointer;}
#se-webgis .square img {width:100%;margin-top:-8px;}
#se-webgis .square.semfoto p {font-size:9px;text-align:center;word-wrap:break-word;line-height:8px;}
#se-webgis .square.hide {border:2px solid red;}
#se-webgis .square.selected {border:2px solid #0000ff;}*/

#legenda-sig {margin-left:10px;padding:4px 2px 2px 6px;max-width:150px;top:40%;position:absolute;z-index:1000}
#legenda-sig .back {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-radius:6px;border:2px solid #aaa;}
#legenda-sig table {position:relative}
#legenda-sig td {text-align:center;}
#legenda-sig .item {width:14px;height:14px;border-radius:4px;margin:4px auto;}


#webgis-camadas {position:absolute;width:180px;height:100%;right:0px;top:0px;background-color:black;}
#webgis-camadas-wrap {position:absolute;width:190px;height:100%;right:0px;top:0px;overflow:visible;overflow-y:scroll;}
#webgis-camadas-wrap h1 {font-weight:normal;font-size:19px;color:white;color:orange;}
#webgis-camadas-wrap h2 {font-weight:normal;text-align:center;font-size:12px;color:black;}
#webgis-camadas-wrap .header {position:fixed;width:156px;margin-left:14px;background-color:black;height:40px;}
#webgis-camadas-wrap .header h1 {margin-top:8px;}
#camadavisivel {font-size:14px;margin:5px 0 0 8px;}
#webgis-camadas-wrap .button.text {font-size:11px;border-bottom-left-radius:10px;border-top-left-radius:10px;padding:1px 0;background-color:#ccc;width:156px;margin:4px 0 0 14px;float:none;color:black;text-align:right;z-index:50}
/*#webgis-camadas-wrap .button.text {width:140px;font-size:11px;margin:4px 0 0 4px;float:none;background-color:#ccf;color:rgb(115,0,150);padding:4px 0;border-radius:5px;}*/
#webgis-camadas-wrap .button.text.selected {background:orange;}


#se-webgis .toptoolbar .distico {margin:16px 0 0 2px;color:#999;font-size:11px;font-style:italic;float:left;}
#webgis-camadas-wrap .distico {margin:16px 0 0 auto;width:100%;text-align:center;color:#999;font-size:11px;font-style:italic;width:156px;}
#webgis-camadas-wrap .distico3 {display:none;}
.floatingtoolbar .disticogrande {margin:0 12px;height:100%;text-align:left;color:#ddd;font-size:24px;line-height:66px;}


/*.popup-sp {text-align:center;}*/
.popup-sp .title {font-style:italic;font-weight:normal;font-size:14px;padding-bottom:2px;}
.popup-sp p {padding:3px 0 0 0;border-top:1px solid #ccc;}
.popup-sp img {display:block;margin:0 auto;}

.tooltip1 {text-align:center;}
.tooltip1 h1 {font-size:11px;}
.tooltip1 p {font-size:10px;text-align:justify;}

#rsr {float:none;width:100%;height:100%;}


/***********		ADICIONAR REGISTOS ANTIGO		*********************/

#se-registos .mapa {float:left;width:75%;height:100%;}
#se-registos {width:100%;height:100%;}
#se-registos p {padding:2px;text-align:left;font-size:0.9em;}
#se-registos h1 {font-size:1em;border-bottom:1px solid #999;padding:2px;text-align:left;margin-top:8px;color:#f8f;}
#se-registos .controls {float:left;width:25%;background-color:#333;height:100%;text-align:center;overflow-x:hidden;overflow-y:auto;}
#se-registos .controls .titulo {font-size:1.2em;color:#8df;padding:5px;border-bottom:2px solid white;}
#se-registos .controls ul {padding:2px 2px 2px 2px;text-align:left;margin:4px;color:#3f3;font-size:1.1em;border:1px solid #999;min-height:50px;list-style-type:none;}

.frame {margin:0px;border:1px solid #999;min-height:50px;}
.speciestable {width:100%;}
.speciestable i {cursor:pointer;}
.speciestable thead th {background-color:gray;font-size:11px;}
.speciestable td {text-align:left;font-size:11px;border-top:1px solid gray;color:#3f3;}
.speciestable img {vertical-align:middle;cursor:pointer;}

#se-registos #addcoords {display:none;}
#se-registos .controls .data {text-align:center;margin-bottom:5px;}
#se-registos .controls input,#se-registos .controls select {font-size:0.8em;vertical-align:middle;}
#se-registos .controls textarea {width:98%;}
#se-registos .controls ul li img {vertical-align:middle;cursor:pointer;}
#se-registos .controls .coords,#se-registos .controls .coordsquad {text-align:left;font-size:0.9em;}
#se-registos .controls .coords input,#se-registos .controls .coordsquad input {width:60%;}
#se-registos .controls .coords img,#se-registos .controls .coordsquad img {width:20px;height:20px;vertical-align:bottom;cursor:pointer;}
#se-registos .autores {margin-left:6px;text-align:left;font-size:0.8em;}
#se-registos .autores table {width:100%;}
#se-registos .toolbar .button {padding-right:4px;margin:4px;}
#se-registos .toolbar .button img {width:32px;height:32px;float:left;}

#se-registos .pesquisa-local {float:left;margin-top:100px;}

/***********		BIOCLIMA		*********************/
.no-select {user-select:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
#se-bioclima {overflow-y:auto;overflow-x:hidden}
#se-bioclima .toptoolbar {height:auto;}
#se-bioclima .toptoolbar .button img {margin:0 auto;float:none;}
#se-bioclima .toptoolbar .button p {clear:both;}
#se-bioclima h1 {font-family: 'Lato', sans-serif;padding:5px 0 0 10px;color:#08f;}
#se-bioclima h2 {font-family: 'Lato', sans-serif;color:#08f;}
#se-bioclima .detalhes {line-height:1.5em;color:#ccc;text-align:justify;font-size:0.9em;margin:0 20px 5px 0;position:absolute;bottom:0;width:15%;right:0;overflow:hidden;transition:max-height 0.6s;max-height:300px;}
#se-bioclima em {font-weight:normal;color:#f80;}
#se-bioclima .comousar {margin-left:10px;}
#se-bioclima .comousar .tit {font-family:sans-serif;font-size:1.5em;text-align:center;color:yellow}
#se-bioclima .comousar .desc {font-family:sans-serif;font-size:1.15em;color:#ccc;line-height:1.6em;}
#se-bioclima .comousar .desclong {font-family:sans-serif;font-size:1.15em;color:#ccc;line-height:1.6em;}
#se-bioclima .comousar img {width:14px;vertical-align:middle;}
#se-bioclima .comousar .unimportant {vertical-align:middle;}
#se-bioclima .panel {display:inline;vertical-align:text-bottom;user-select:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;position:relative;}
#se-bioclima .panel .loader {width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity 0.5s;}
#se-bioclima .panel .loader p {margin-top:40%;color:white;text-align:center;font-size:1.3em;line-height:1.8em;}
#se-bioclima .panel .loader img {width:52px;}
/*#biocl-ctrls-holder {height:100%;float:right;max-width:20%;margin-right:10px;}*/
#se-bioclima-holder {float:left;width:85%;}
#biocl-dica {opacity:0;transition:opacity 0.3s;color:#aaa;padding:2px 8px 0 8px;font-style:italic;text-align:justify}
#biocl-dica img {width:14px;vertical-align:middle;}
#biocl-ctrls-holder {float:right;width:15%;margin-left:0px;}
#biocl-ctrls {margin:0 0 0 0px;}
#biocl-ctrls p {font-style:italic;color:gray;padding-left:2px;}
#biocl-ctrls .camada {
	color:white;
	border-radius:3px;
	padding:0px 2px;
	margin-top:10px;
	border:2px solid transparent;
	font-size:1.1em;line-height:1.6em;font-style:italic;
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	background-color:#023;
	transition: background-color .3s;
}
#biocl-ctrls .camada.highlight {background-color:#550 !important;}
#biocl-ctrls .camada .quadradinho {border-radius:4px;float:left;width:18px;height:18px;margin:2px 4px 0px 0;opacity:0.5;font-style:normal;text-align:center;font-weight:bold;}
#biocl-ctrls .camada.loading {background-color:#111 !important;}
#biocl-ctrls .camada.loading .legend {color:gray;}
#biocl-ctrls .camada.loading .quadradinho {background-color:#333 !important;color:#333 !important;}
#biocl-ctrls .camada:hover .quadradinho {color:black !important;line-height:1.4em;}
#biocl-ctrls .camada .legend {}
#biocl-pesquisa {margin:20px 0 0 0px;border-top:1px solid blue;padding-top:10px;}
#biocl-pesquisa input {width:96%;font-family: 'Lato', sans-serif;font-weight:bold;font-size:1.1em;border-radius:3px;border:0;padding:1px 1%;margin:5px 1%;}
#graficos {text-align:center;margin-bottom:30px;}
#graficos svg {width:40%;min-width:275px;}
#biocl-select {pointer-events:none;}

/* SVG elements */
.bioclimaplot text {font-family:sans-serif;fill:white;pointer-events:none;}
.bioclimaplot text.axislabels {font-size: 1em;}
.bioclimaplot text.axistitle {font-size: 1.4em;pointer-events:auto;cursor:pointer;fill:#0bf;}
.bioclimaplot text.axistitle:hover {fill:yellow;}
.bioclimaplot text.axistitle.highlight {fill:yellow;stroke:yellow;}
.bioclimaplot line,.bioclimaplot path {stroke:white;}
.bioclimaplot circle {opacity:0.5;}
.bioclimaplot path.contour {
	stroke-opacity:0.6;fill-opacity:0.1;stroke-width:3px;
	transition: fill .3s,stroke .3s,fill-opacity .3s,stroke-opacity .3s;
}
.bioclimaplot path.contour.highlight {
	stroke:yellow !important;fill-opacity:0.65;
	stroke-opacity:0.9;fill:yellow !important;
}
.bioclimaplot .highlight circle {fill:yellow !important;opacity:1 !important;}
.bioclimaplot g.points {display:none}
.bioclimaplot g.points.visible {display:block;}
.bioclimaplot g.basemap path {stroke:#777;fill:none;stroke-width:1.5px;stroke-dasharray:2,4;}
.bioclimaplot g.basemap.strong path {stroke-dasharray:none;}
.bioclimaplot line.guide {stroke-dasharray:3,3;stroke-width:1px !important;stroke:#f7f;opacity:0.5}
.bioclimaplot .selrect {stroke:#f7f;stroke-width:2px;fill:#f7f;fill-opacity:0.2;}

#listacaracteres {display:none;list-style:none;font-size:1.4em;color:#ccc}
#listacaracteres li {cursor:pointer;}
#listacaracteres li span {padding:0 3px 0 0;transition:color 0.3s,padding 0.3s;}
#listacaracteres li:hover span {color:#08f;padding:0 0 0 3px;}
#listacaracteres li img {width:20px;vertical-align:middle;float:right;margin:4px 0 0 5px;opacity:0.6;transition:opacity 0.4s;}
#listacaracteres li img:hover {opacity:1}
#listacaracteres li div.desc {font-size:0.8em;font-style:italic;color:#888;padding-left:10px;line-height:1.1em;max-width:280px;transition:height 0.5s,opacity 0.5s;height:0;overflow:hidden;opacity:0;clear:both;}
.janelavariables {position:absolute;border:0px solid #333;border-radius:12px;background-color:#444;padding:8px 12px;box-shadow:0px 0px 30px 15px #000,0px 0px 20px 0px #131313 inset;line-height:2.5em;transition:opacity 0.4s;}
.janelavariables p.titulo {font-size:1.3em;color:#08f;text-align:center;font-family: 'Lato', sans-serif;}


/*#funcionalidades {position:absolute;bottom:0;left:0;padding-left:10px}*/
#funcionalidades {margin:14px 0;text-align:center}
#funcionalidades .botoesgrandes {margin:1px 0 0 20px;cursor:pointer;display:inline-block;border-radius:4px;transition:background-color 0.4s,box-shadow 0.4s;line-height:0;vertical-align:top;}
#funcionalidades .botoesgrandes.texto {line-height:32px;font-size:1.5em;color:white;padding:4px;}
#funcionalidades .botoesgrandes.pressed {}
#funcionalidades .botoesgrandes img {padding:4px;height:36px;}
#funcionalidades .botoesgrandes a {color:white;}
#funcionalidades .botoesgrandes a:hover {text-decoration:none;color:yellow}
#funcionalidades .botoesgrandes:hover {background-color:#8130f3 !important;box-shadow:-3px -3px 30px 0px #222 inset;}
#toolbarfunc {line-height:0}
#descfunc {margin-left:20px;padding:4px 8px 4px 4px;font-size:1.1em;background-color:black;display:none;background-color:black;box-shadow:0px 0px 10px 5px #000}
#descfunc .titulo {font-size:1.4em;color:orange}
#descfunc a {transition:color 0.4s;}
#descfunc a.emph {color:yellow;font-size:1.1em;}
#descfunc a:hover {text-decoration:none;color:yellow}

/***********		ADICIONAR REGISTOS		*********************/
/*
#se-registos {width:100%;height:100%;color:black;}
#se-registos .mapa {float:left;width:100%;height:100%;}
#se-registos h1 {font-size:20px;text-align:left;font-weight:normal;padding:3px;}

#addregistos-shade {position:absolute;width:100%;height:66px;left:0px;top:0px;background-color:black;}
#addregistos-controls {position:absolute;width:100%;left:0px;top:0px;}

#se-registos .frame {margin:4px;border-radius:12px;background-color:#cef;text-align:left;padding:3px;}
#se-registos .frame.selected {border:2px solid red;}
#se-registos .frame .infotable th {text-align:right;font-weight:normal;font-style:italic;padding-right:5px;width:80px;font-size:11px;line-height:12px;}
#se-registos .frame .tagaggreg .tag {cursor:pointer;padding:3px 4px;margin:1px;font-size:9px;line-height:9px;}
#se-registos .frame .tagaggreg .tag.add {background-color:#3ad;}
#se-registos .frame .tagaggreg .tag:hover {background-color:#f44;}

#se-registos input,#se-registos textarea,#se-registos select {font-size:10px;background-color:white;border:0;border-radius:6px;padding:2px;margin:2px;font-family:sans-serif;}
#se-registos .fullwid {width:150px;}
.unclicked {background-color:#eee !important;color:#999 !important;font-style:italic !important;}
.unclicked:hover {background-color:white !important;}

#se-registos .speciestable-holder {max-height:500px;overflow:auto;}
#se-registos .speciestable {width:100%;color:white;margin:}
#se-registos .speciestable i {cursor:pointer;}
#se-registos .speciestable thead th {font-size:11px;margin:2px;border-right:1px solid white;padding:1px 3px;border-bottom:1px solid white;}
#se-registos .speciestable td {text-align:left;font-size:11px;border-top:1px solid gray;}
#se-registos .speciestable img {vertical-align:middle;cursor:pointer;}


.baloon.levtags .content,.baloon.observadores .content {color:black;}

.levtags .tagaggreg {padding:4px 4px 0 4px;}
.levtags .tagaggreg div.addcrit {border:0;margin-bottom:5px;}
.levtags .tagaggreg .addcritinput {padding:1px;background-color:white;color:black;border:2px solid #3af;margin:0;font-style:italic;}
.levtags .tagaggreg .tag {cursor:pointer;padding:0px 4px;}
.levtags .tagaggreg.atribuir .tag:hover {background-color:#f44;}
.levtags .tagaggreg.existentes .tag:hover {background-color:#4f4;}

.observadores .tagaggreg .tag {cursor:pointer;padding:0px 4px;}

*/
