@charset "utf-8";
/* CSS criada por Orla Design em 07-2014 */
@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Fira+Sans+Condensed:ital,wght@0,300;0,500;1,300;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Fira+Sans+Condensed:ital,wght@0,300;0,500;1,300;1,500&display=swap');

:root			{
				--text-titulo:	'Audiowide', sans-serif;
				--text-normal:	'Fira Sans Condensed', sans-serif;
				--text-light:	300;
				--text-bold:	500;
				--cor-sombra:	#0f160f;
				--cor-escuro:	#182411;
				--cor-medio1:	#294022;
				--cor-medio2:	#3a5c38;
				--cor-claro1:	#517855;
				--cor-claro2:	#6f9479;
				--cor-realce:	#71c762;
				--cor-branco:	#eaf7e2;
				--r:		5px;
				--rr:		7px;
				--header-H:	25vh;
				}

@media print	{
#menu			{display:none !important;}
.tabcontent 	{display:block !important;}
}

/* CONFIGURACOES GERAIS */
html,
body			{margin:0; padding:0; color:var(--cor-branco); max-width:100%; font-size:13pt; line-height:1.5em; font-family:var(--text-normal); font-weight:var(--text-light);}
body			{background:linear-gradient(0deg, #0f160fF2 0%, #182411F2 100%), url('i/bg.svg') repeat 0 0/1.8em 1.8em;}

* html body		{behavior:url(cssHoverFix.htc);}
*				{transition:all 250ms; line-height:1.5em;}
* div			{display:block; margin:0; padding:0; border:0;}
* h1			{font-family:var(--text-titulo); font-weight:var(--text-bold); color:var(--cor-escuro);}
* h2,
* h3,
* h4			{font-family:var(--text-normal); font-weight:var(--text-bold); color:var(--cor-escuro);}
* img			{border:none;}
* a,
* b				{font-weight:var(--text-bold);}

* a,
* a:link,
* a:active,
* a:visited				{text-decoration:none; border:none; color:var(--cor-escuro);}
.tabcontent a			{text-decoration:underline;}
.tabcontent a:link,
.tabcontent * a:active,
.tabcontent * a:visited	{color:var(--cor-escuro);}
.tabcontent a:hover		{color:var(--cor-realce); background:var(--cor-medio1); text-decoration:none; border-radius:var(--r); padding:0.25em 0.5em; margin:-0.25em -0.5em;}
.tabcontent a.nodec		{border-bottom:none; text-decoration:none;}


/* GRID */
body					{display:grid; grid-gap:0; grid-template-columns:1fr; grid-template-rows:auto auto;}
#principal				{display:grid; grid-gap:0; grid-template-columns:minmax(150px, 3fr) repeat(12, 1fr); grid-template-rows:auto auto auto; position:relative;}
#principal	.abrir		{grid-column:1/2; grid-row:span 2;} /* MENU + Itens do menu MOBILE */
#principal	#titulo		{grid-column:2/11; grid-row:1;}
#principal	#conteudo	{grid-column:2/11; grid-row:2;}
#principal	#extra		{grid-column:11/14; grid-row:span 2;}
#principal	#copyright	{grid-column:2/11; grid-row:3;}

/* Z-INDEX */
#header:before,
#header:after				{z-index:1; position:relative;} /* Luzes do fundo do header */
#logos						{z-index:2; position:relative;}
#logo_herpetologia			{z-index:3; position:relative;} /* Texto do Logo Herpetologia */
#logo_herpetologia:before	{z-index:3; position:relative;} /* Logo Herpetologia */
#logo_herpetologia:after	{z-index:2; position:relative;} /* Sombra do Logo Herpetologia */
#idioma						{z-index:2; position:relative;}

	#menu a,
	#menu a:hover			{z-index:7; position:relative;}
	#menu a:after			{z-index:6; position:relative;}
	.submenu a				{z-index:7; position:relative;}
	#conteudo:before		{z-index:8; position:relative;}
#conteudo					{z-index:8; position:relative;}
#titulo						{z-index:8; position:relative;}
#menu a.active,
	#menu a.active:hover	{z-index:11; position:relative;}
	.submenu a.selected		{z-index:11; position:relative;}
	#copyright				{z-index:10; position:relative;}



/* HEADER */
#header					{grid-column:1/14; display:grid; grid-gap:0; grid-template-columns:minmax(150px, 3fr) repeat(12, 1fr); grid-template-rows:var(--header-H) auto;}
#header:before			{grid-column:1/5; grid-row:1; display:block; content:""; width:100%; height:200%; background:url('i/fundo_titulo.png') no-repeat bottom right/cover;}
#header:after			{grid-column:7/14; grid-row:1; display:block; content:""; width:100%; height:100%; background:url('i/fundo_logos.png') no-repeat top right/contain;}

/* HEADER: TITULO */
#logo_herpetologia			{grid-column:2/8; grid-row:1; align-self:center; height:calc(var(--header-H) * 0.5); width:auto; margin:calc(var(--header-H) * 0.25) 0; padding:0; 
							 font-family:var(--text-titulo); color:var(--cor-realce); font-size:calc(var(--header-H) * 0.25); line-height:calc(var(--header-H) * 0.25); text-shadow: 0.05em 0.12em 0.1em #0f1a05;}
#logo_herpetologia span 	{display:block; font-size:0.5em;}
#logo_herpetologia:before,
#logo_herpetologia:after	{content:""; display:block; height:calc(var(--header-H) * 0.8); width:calc(var(--header-H) * 0.9); margin:0; position:absolute; top:calc(var(--header-H) * -0.075); left:calc((var(--header-H) * -0.9));}
#logo_herpetologia:before	{background:url('i/logo-herpetologia.svg') no-repeat 0 0/contain;}
#logo_herpetologia:after	{background:url('i/logo-herpetologia-shadow.png') no-repeat 0 0/contain; opacity:0.6;}

/* HEADER: LOGOS */
#logos					{grid-column:10/13; grid-row:1; margin:calc(var(--header-H) * 0.15) 0; justify-self:end; align-self:start; display:flex; flex-direction: row-reverse;}
#logos a				{opacity:0.7; height:calc(var(--header-H) * 0.2); display:block; position:relative; margin-left:calc(var(--header-H) * 0.15);}
#logos a:hover			{opacity:1;}
#logos #PPGZOO			{width:16vh; background:url('i/logo-PPGZOO.svg') no-repeat 0 0/contain;}
#logos #MN				{width:12vh; background:url('i/logo-MN.svg') no-repeat 0 0/contain;}
#logos #UFRJ			{width:12vh; background:url('i/logo-UFRJ.svg') no-repeat 0 0/contain;}
#mapa					{display:none;}

/* HEADER: IDIOMAS */
#idioma					{grid-column:6/11; grid-row:1; display:block; align-self:end; justify-self:end; margin:0 2vh 0 0; bottom:0.8em; font-size:0.7em; text-transform:uppercase;}
#idioma a				{color:var(--cor-branco); font-weight:var(--text-bold); padding:0.75em 1.5em 1em; border-radius:var(--r) var(--r) 0 0;}
#idioma a:hover			{color:var(--cor-realce);}
#idioma a.active		{color:var(--cor-sombra); background:var(--cor-claro2);}



/* MENU */
#menu					{position:relative; height:65vh; width:90%; margin:12vh 0 0; padding:0 0 0 10%; text-align:right; display:flex; flex-direction:column; align-items:flex-end;}
#menu a,
#menu a:link,
#menu a:active,
#menu a:visited			{opacity:0.8; width:calc(80% - 2vh); max-width:180px; height:6vh; line-height:6vh; font-size:1.2em; color:var(--cor-branco); display:block; margin:1vh 0; padding:1vh 2vh 1vh 0;
						 border-radius:2vh 0 0 2vh; border:1px solid var(--cor-medio1); border-right:none;}
#menu a.active,
#menu a:hover			{opacity:1;}
#menu a.active			{width:calc(100% - 2vh); max-width:225px; height:10vh; line-height:10vh; font-size:1.6em;}

:root	{
		--menu-bg:				linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-escuro) 30%, var(--cor-medio2) 100%);
		--menu-bg-hover:		linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-medio1) 50%, var(--cor-medio2) 100%);
		--menu-bg-active:		linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-medio2) 60%);
		--menu-bg-active-hover:	linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-medio2) 40%);
		--menu-bg-index:		url('i/menu_01.png') no-repeat 0 0/contain;
		--menu-bg-colecao:		url('i/menu_02.png') no-repeat 0 0/contain;
		--menu-bg-equipe:		url('i/menu_03.png') no-repeat 0 0/contain;
		--menu-bg-galeria:		url('i/menu_04.png') no-repeat 0 0/contain;
		--menu-bg-links:		url('i/menu_05.png') no-repeat 0 0/contain;
		--menu-bg-mapa:			url('i/mapa.png') no-repeat 0 0/contain;
		--corner:				3vh;
		}
#menu a,
#menu a:link,
#menu a:active,
#menu a:visited			{box-shadow:-0.5em 0.25em 0.5em 0 var(--cor-sombra);}
#menu a.index			{background:var(--menu-bg-index), var(--menu-bg);}
#menu a.colecao			{background:var(--menu-bg-colecao), var(--menu-bg);}	
#menu a.equipe			{background:var(--menu-bg-equipe), var(--menu-bg);}
#menu a.galeria			{background:var(--menu-bg-galeria), var(--menu-bg);}
#menu a.links			{background:var(--menu-bg-links), var(--menu-bg);}
#menu a.mapa			{background:var(--menu-bg-mapa), var(--menu-bg); display:none;}

#menu a.index:hover		{background:var(--menu-bg-index), var(--menu-bg-hover);}
#menu a.colecao:hover	{background:var(--menu-bg-colecao), var(--menu-bg-hover);}	
#menu a.equipe:hover	{background:var(--menu-bg-equipe), var(--menu-bg-hover);}
#menu a.galeria:hover	{background:var(--menu-bg-galeria), var(--menu-bg-hover);}
#menu a.links:hover		{background:var(--menu-bg-links), var(--menu-bg-hover);}
#menu a.mapa:hover		{background:var(--menu-bg-mapa), var(--menu-bg-hover);}

#menu a.active.index			{background:var(--menu-bg-index), var(--menu-bg-active);}
#menu a.active.colecao			{background:var(--menu-bg-colecao), var(--menu-bg-active);}	
#menu a.active.equipe			{background:var(--menu-bg-equipe), var(--menu-bg-active);}
#menu a.active.galeria			{background:var(--menu-bg-galeria), var(--menu-bg-active);}
#menu a.active.links			{background:var(--menu-bg-links), var(--menu-bg-active);}
#menu a.active.mapa				{background:var(--menu-bg-mapa), var(--menu-bg-active);}

#menu a.active.index:hover		{background:var(--menu-bg-index), var(--menu-bg-active-hover);}
#menu a.active.colecao:hover	{background:var(--menu-bg-colecao), var(--menu-bg-active-hover);}	
#menu a.active.equipe:hover		{background:var(--menu-bg-equipe), var(--menu-bg-active-hover);}
#menu a.active.galeria:hover	{background:var(--menu-bg-galeria), var(--menu-bg-active-hover);}
#menu a.active.links:hover		{background:var(--menu-bg-links), var(--menu-bg-active-hover);}
#menu a.active.mapa:hover		{background:var(--menu-bg-mapa), var(--menu-bg-active-hover);}

#menu a.active:before,
#menu a.active:after	{content:""; display:block; position:absolute; right:-1px; width:var(--corner); height:var(--corner); border-radius:50%; box-shadow:var(--corner) 0 0 var(--corner) var(--cor-medio2);}
#menu a.active:before	{top:calc(var(--corner) * -1); clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%);}
#menu a.active:after	{bottom:calc(var(--corner) * -1); clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%);}



/* SUBMENU */
#extra						{position:relative; right:0; padding:6vh 5vh 0 0; overflow:visible;}
.submenu					{position:relative; width:100%; padding:0 0 2em;}
.submenu + .quadropessoal,
.quadropessoal + .submenu	{margin-top:2em;}
.submenu p					{padding:0; margin:0;}

/* SUBMENU: ABAS */
.submenu a,
.quadropessoal				{padding:1em 1em 1em 1.5em; margin:0.5em 0; min-height:1.5em; border-radius:0 var(--r) var(--r) 0; color:var(--cor-branco); display:block; background:linear-gradient(90deg, var(--cor-medio1) 0%, var(--cor-medio2) 30%, var(--cor-claro1) 100%);}
.quadropessoal				{padding-top:2em; padding-bottom:2em;}

/* SUBMENU: ABAS: Links */
.submenu a,
.submenu a:link,
.submenu a:visited,
.submenu a:active			{opacity:0.7; text-decoration:none; font-weight:var(--text-light);}
.submenu a:hover			{opacity:1;}
.submenu a.selected			{background:var(--cor-claro1) !important; opacity:1;}

/* SUBMENU: ABAS: Quadros */
.quadropessoal h2,
#avisos h2,
#avisos_en h2							{color:var(--cor-claro); margin-bottom:1em; font-size:1.4em;}
.quadropessoal p						{display:block; font-size:0.9em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.quadropessoal p.no-wrap				{white-space:normal; overflow:visible; text-overflow:none;}
.quadropessoal p img					{float:left; position:relative; padding-right:0.75em; width:1.25em; height:1.25em;}
.quadropessoal a,
.quadropessoal a:link,
.quadropessoal a:active,
.quadropessoal a:visited				{color:var(--cor-claro); text-decoration:none; padding-left:2em;}
.quadropessoal a:hover					{color:var(--cor-realce);}
.quadropessoal a[href^="mailto:"]		{background:url('i/icone-email-branco.svg') no-repeat 0 0/1.25em;}
.quadropessoal a[href^="http://"],
.quadropessoal a[href^="https://"]		{background:url('i/icone-home-branco.svg') no-repeat 0 0/1.25em;}
.quadropessoal a[href^="http://lattes"]	{background:url('i/icone-lattes-branco.svg') no-repeat 0 0/1.25em;}

/* SUBMENU: ABAS: Galerias */
.submenu p.galeria a					{height:auto; position:relative; background:linear-gradient(90deg, var(--cor-medio2) 10em, var(--cor-claro1) 100%); overflow:hidden;}
.submenu p.galeria a:after				{width:10em; position:absolute; top:0; right:0; background:linear-gradient(90deg, var(--cor-medio2) 0%, #3a5c3800 50%); height:100%; content:""; display:block;}
.submenu p.galeria img					{width:10em; position:relative; display:block; float:right; top:-1em; right:-1em; margin-bottom:-2em;}

.submenu p.galeria.pdf a				{font-size:0.8em; text-transform:uppercase;}
.submenu p.galeria.mapa a,
.submenu p.galeria.ilustres a,
.submenu p.galeria.pdf a				{background:linear-gradient(-90deg, var(--cor-claro1) 6em, var(--cor-medio2) 70%, var(--cor-medio1) 100%);}
.submenu p.galeria.mapa a:after,
.submenu p.galeria.ilustres a:after,
.submenu p.galeria.pdf a:after			{width:6em; background:linear-gradient(90deg, var(--cor-claro1) 0%, rgba(63,96,61,0) 50%);}
.submenu p.galeria.mapa img,
.submenu p.galeria.ilustres img,
.submenu p.galeria.pdf img				{width:6em;}

.submenu p.galeria a.selected:after		{background:linear-gradient(-90deg, rgba(95,121,93,0) 50%, var(--cor-claro1) 100%);}


/* AVISOS */
#avisos-mobile					{display:none;}
#avisos,
#avisos_en						{padding:1em 1em 2em 1.5em; margin-bottom:5em; border-radius:0 var(--r) var(--r) 0; display:block; background:linear-gradient(90deg, var(--cor-medio1) 0%, var(--cor-medio2) 30%, var(--cor-claro1) 100%);}
#avisos_ajax.pt #avisos_en,
#avisos_ajax.en #avisos			{display:none;}
.flexslider .slides p			{padding:0; margin:0; width:100%; text-align:left;}
.flexslider .slides p img		{padding:0; margin:0 1%; display:block; width:98%; height:auto; transform:none !important; border-radius:var(--r);}
.flexslider .slides p a,
.flexslider .slides p a:link,
.flexslider .slides p a:active,
.flexslider .slides p a:visited	{padding:0; margin:0; color:var(--cor-realce); text-decoration:none;}
.flexslider .slides p a:hover	{color:var(--cor-branco);}



/* CONTEUDO */
#titulo,
#conteudo				{margin:0; background:linear-gradient(90deg, var(--cor-medio2) 0%, var(--cor-claro1) 4vw);}
#titulo					{padding:11.11% 11.11% 2em; box-shadow:0 1em 4em #091002, 0 0 0.6em #091002; border-radius:5vw var(--rr) 0 0;}
#conteudo				{padding:0 11.11% 11.11%; box-shadow:0 3.6em 3em #091002, 0 1.2em 0.6em #091002; border-radius:0 0 var(--rr) 5vw;}
#titulo:before,
#conteudo:after			{width:5vw; height:5vw; background:url(i/bg-conteudo-canto.svg) no-repeat 0 0/contain; content:""; display:block; position:absolute; left:0;}
#titulo:before			{top:0; transform:scaleY(-1);}
#conteudo:after			{bottom:0;}

h1						{font-size:2.0em; margin:0; font-family:var(--text-titulo); line-height:1.3em;}
h2						{font-size:1.6em; margin:2.5em 0 1em; line-height:1.4em;}
h2:first-child			{margin-top:0;}
h3						{font-size:1.2em; margin:2.5em 0 1em;}

#titulo p.update			{padding:0; margin:0; color:var(--cor-escuro); font-size:0.8em; text-transform:uppercase;}
#titulo p.subh1 			{padding:0; font-size:1.1em; color:var(--cor-escuro); font-weight:var(--text-bold);}
#conteudo p					{padding:0; margin:0 0 1em;}
#conteudo p b				{color:var(--cor-realce);}
#conteudo p.voltar			{text-align:left; margin:4em 0 0 0;}
#conteudo .pdfs				{word-wrap:break-word;}
#conteudo .pdfs p			{margin-left:2em; text-indent:-2em;}
#conteudo .pdfs p.pdflink	{position:relative; top:-0.5em; text-indent:0;}
#conteudo .pdfs p.pdflink a			{padding:0.5em 1em 0.5em 2.25em; margin:-0.5em; background-image:url('i/icone-pdf-escuro.svg');background-repeat:no-repeat; background-position:0.5em center; background-size:1.2em 1.2em;}
#conteudo .pdfs p.pdflink a:hover	{background-image:url('i/icone-pdf-realce.svg');}

#conteudo ol,
#conteudo ul									{margin:0; padding:0 0 0 2em;}
#conteudo ol li									{margin:0; padding:0 0 1em 0.5em;}
#conteudo ul li									{margin:0; padding:0 0 1em 0.5em; list-style:none; position:relative;}
#conteudo ul li:before							{content:"o"; position:absolute; top:0; left:-1em; color:var(--cor-escuro); font-family:var(--text-titulo);}
#conteudo ul.equipe li a[href^="mailto:"],
#conteudo ul.equipe li a[href^="http://"],
#conteudo ul.equipe li a[href^="http://lattes"]			{display:inline-block; width:1.3em; height:1.3em; margin:-0.1em 0.5em; padding:0; background:none;}
#conteudo ul.equipe li a[href^="mailto:"]				{background:url('i/icone-email-branco.svg') no-repeat 0 0/contain;}
#conteudo ul.equipe li a[href^="http://"]				{background:url('i/icone-home-branco.svg') no-repeat 0 0/contain;}
#conteudo ul.equipe li a[href^="http://lattes"]			{background:url('i/icone-lattes-branco.svg') no-repeat 0 0/contain;}
#conteudo ul.equipe li a[href^="mailto:"]:hover			{background:url('i/icone-email-escuro.svg') no-repeat 0 0/contain;}
#conteudo ul.equipe li a[href^="http://"]:hover			{background:url('i/icone-home-escuro.svg') no-repeat 0 0/contain;}
#conteudo ul.equipe li a[href^="http://lattes"]:hover	{background:url('i/icone-lattes-escuro.svg') no-repeat 0 0/contain;}

.tabcontent 			{margin:0 0 2em; padding:0; border-top:1px solid var(--cor-medio1); min-height:20em;}
.tabcontent:before		{padding:2em 0 0; margin:0; border-top:1px solid var(--cor-claro2); content:""; display:block;}


/* CONTEUDO: Página Links */
.tabcontent.links a,
.tabcontent.links a:hover		{display:block; float:left; margin:0 2.5% 4.5%; width:45%; max-width:360px; padding:0; background:none;}
.tabcontent.links a img			{display:block; border-radius:var(--r); width:100%; height:auto;}


/* CONTEUDO: IMAGENS */
.tabcontent img.foto,
.tabcontent img.ilustre,
.tabcontent img.retrato			{display:block; position:relative; float:right; border:2px solid var(--cor-medio2); border-radius:var(--rr); height:auto;}
.tabcontent img.ilustre			{width:40%; margin:0 0 2vw 2vw;}
.tabcontent img.ilustre:hover	{width:100%; margin-left:-60%; margin-top:-20%;}
.tabcontent img.foto			{width:100%;}
.tabcontent img.retrato			{margin:0 0 2vw 2vw;}
.mapa iframe					{border-radius:var(--r); width:100%; height:80vh; margin-top:2em;}

/* CONTEUDO: Página Galeria*/
.tabcontent .galeria						{display:flex; flex-direction:column; margin-top:3em;}
.tabcontent .galeriaitem					{display:flex; flex-direction:row; padding:1em; margin:0 -1em 2em; width:100%; border-radius:var(--rr); position:relative;}
.tabcontent .galeriaitem > span				{display:block; padding:0; margin:0; width:35%;}
.tabcontent .galeriaitem > div				{display:block; padding:0; margin:0; width:65%;}
.tabcontent .galeriaitem > span img			{display:block; padding:0; margin:0; width:90%; height:auto; border-radius:var(--rr); border:1px solid var(--cor-medio2); box-shadow:0 0.5em 1em 0 var(--cor-escuro);}
.tabcontent .galeriaitem > div h2			{margin:0 0 0.5em; font-weight:var(--text-light); font-size:1.2em;}
.tabcontent .galeriaitem > div h2 *			{transition:none !important;}
.tabcontent .galeriaitem > div h2 > i		{font-weight:var(--text-bold); transition:none !important;}
.tabcontent .galeriaitem > div h2 span		{display:block; font-size:0.9em;}
.tabcontent .galeriaitem > div p			{margin:0 !important;}
/* CONTEUDO: Página Galeria: hover */
.tabcontent .galeriaitem:hover				{cursor:pointer; background:var(--cor-medio2);}
.tabcontent .galeriaitem:hover h2			{color:var(--cor-realce);}
/* CONTEUDO: Página Galeria: ampliar */
.tabcontent .galeriaitem.ampliar			{flex-direction:column; background:var(--cor-medio2); color:var(--cor-branco); padding:2em; margin:-1em -2em 1em;}
.tabcontent .galeriaitem.ampliar > span,
.tabcontent .galeriaitem.ampliar > div		{width:100%;}
.tabcontent .galeriaitem.ampliar h2			{color:var(--cor-realce); font-size:1.4em;}
.tabcontent .galeriaitem.ampliar h2	span	{font-size:0.7em; margin-top:0.4em;}
.tabcontent .galeriaitem.ampliar img		{width:100%; margin-bottom:2em;}
/* CONTEUDO: Página Galeria: botao fechar */
.tabcontent .galeriaitem:before,
.tabcontent .galeriaitem:after				{width:0; height:0; top:3vh; right:3.5vh; border-radius:2px; background:var(--cor-realce); display:block; content:""; position:absolute;
											 transform:rotate(45deg); transition:all 200ms ease 200ms; transform-origin:center center;}
.tabcontent .galeriaitem:before				{transform:rotate(-45deg);}
.tabcontent .galeriaitem.ampliar:before,
.tabcontent .galeriaitem.ampliar:after		{width:5vh; height:4px; top:3vh; right:1vh;}



/* COPYRIGHT */
#copyright						{color:var(--cor-claro2); position:relative; text-align:center; margin:1em 0; text-transform:uppercase; font-size:0.7em;}
#copyright div					{border-left:1px dotted var(--cor-claro2); display:inline; margin-left:1em; padding:0.25em 0 0.25em 1em;}
#copyright div	a				{color:var(--cor-claro2); font-weight:bold; border-radius:var(--r);}
#copyright div	a:hover			{color:var(--cor-escuro); background:var(--cor-claro2); font-weight:bold; padding:0.25em 0.5em; margin:-0.25em -0.5em;}
#copyright div.statcounter img	{position:relative; vertical-align:text-bottom; border-radius:var(--r);}

@media screen and (max-width:1400px){
body			{font-size:12pt;}
}
@media screen and (max-width:1250px){
:root			{--header-H: 20vh;}
#menu			{width:95%; padding:0 0 0 5%;}
#menu a,
#menu a:link,
#menu a:active,
#menu a:visited	{width:calc(90% - 2vh); max-width:none; font-size:1em;}
#menu a.active	{width:calc(100% - 2vh); max-width:none; font-size:1.2em;}
#extra			{padding-right:0.5vw;}
.submenu a,
.quadropessoal	{padding:1em; font-size:0.9em;}

.submenu p.galeria a:after		{display:none;}
.submenu p.galeria img			{position:relative; float:none; top:0; left:0; padding:0; margin:0; height:auto; width:100%; border-radius:var(--r);}
.submenu p.galeria.ilustres img	{margin-bottom:1em;}
.submenu p.galeria.mapa img,
.submenu p.galeria.pdf img		{width:3em; height:3em; margin-bottom:1em;}
}

@media screen and (max-width:900px){
:root					{--header-H: 18vh;}
h1						{font-size:1.75em;}
h2						{font-size:1.50em;}
#idioma					{grid-column:8/14;}
#logos					{grid-column:8/14;}
#principal	.abrir		{grid-column:1/2; grid-row:span 3;} /* MENU + Itens do menu MOBILE */
#principal	#titulo		{grid-column:2/14; grid-row:1; margin-right:0.5vw;}
#principal	#conteudo	{grid-column:2/14; grid-row:3; margin-right:0.5vw;}
#principal	#extra		{grid-column:2/14; grid-row:2; margin-right:0.5vw;}
#principal	#copyright	{grid-column:2/14; grid-row:4; margin-right:0.5vw;}

#extra					{z-index:9; position:relative; margin:0; padding:0 11.11%; width:auto; background:linear-gradient(90deg, var(--cor-medio2) 0%, var(--cor-claro1) 4vw); box-shadow:0 3.6em 3em #091002, 0 1.2em 0.6em #091002;}
#conteudo				{z-index:10;}

#extra #subitens		{display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:auto; grid-gap:1em; margin:0; align-items:stretch;}
#subitens p.galeria		{grid-column:span 1;}
#subitens p,
#subitens p.mapa		{grid-column:span 2;}

#subitens p				{padding:0; margin:0; width:100%; height:100%;}
#subitens p a			{padding:1em; margin:0; width:calc(100% - 2em); height:calc(100% - 2em); border-radius:var(--r); background:var(--cor-medio2) !important;}
#subitens p a.selected	{background:var(--cor-medio1) !important;}
#subitens p.galeria img	{margin:0; width:auto; margin:0 0 1em; height:6em;}
#subitens p.mapa img	{display:none;}

#subitens #fotos_colecao,
#subitens #fotos_sala_alunos				{grid-column:1/5; margin-top:2em;}
#subitens #fotos_colecao:before,
#subitens #fotos_sala_alunos:before			{content:"Fotos"; display:block; font-size:1.2em; font-weight:var(--text-bold); margin-bottom:1em; color:var(--cor-escuro);}
#subitens #fotos_colecao p,
#subitens #fotos_sala_alunos p				{padding:0 1em 1em 0; margin:0; width:calc((100% - 3em) * 0.25); height:auto; float:left;}
#subitens #fotos_colecao p:nth-child(4),
#subitens #fotos_sala_alunos p:nth-child(4)	{padding-right:0;}
#subitens #fotos_colecao p img,
#subitens #fotos_sala_alunos p img			{margin:0; width:100%; height:auto;}
#subitens #fotos_colecao p a,
#subitens #fotos_sala_alunos p a			{padding:0.5em; width:calc(100% - 1em); height:calc(100% - 1em);}

.quadropessoal			{padding:0 0 2em; background:none;}
.quadropessoal.legenda	{display:none;}

#conteudo h2:first-of-type + .equipe li a:first-child	{display:block;}
#conteudo ul.equipe li a[href^="mailto:"],
#conteudo ul.equipe li a[href^="http://"],
#conteudo ul.equipe li a[href^="http://lattes"]			{display:inline-block !important;}

	}

@media screen and (max-width:700px){
:root						{
							--header-H: 16vh;
							--menu-bg-active:		linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-claro1) 60%);
							--menu-bg-active-hover:	linear-gradient(90deg, var(--cor-sombra) 0%, var(--cor-claro1) 40%);
							}
html, body					{font-size:14pt;}
h1							{font-size:1.5em;}
h2							{font-size:1.3em;}


/* HEADER */
#header						{grid-column:1; grid-row:1; display:grid; grid-template-columns:5vh repeat(6, 1fr) 5vh; grid-template-rows:var(--header-H) 2vh !important; width:100%; margin:0; padding:0;}
#logo_herpetologia			{grid-column:3/7;}
#logo_herpetologia:before,
#logo_herpetologia:after	{height:calc(var(--header-H) * 0.75); width:calc(var(--header-H) * 0.75); left:calc((var(--header-H) * -0.8));}
#header:after, #logos		{display:none;}
#idioma						{grid-column:5/9; background:red; height:0; grid-row:2; top:2vh; overflow:visible; margin:0; padding:0 2vh 0 0; bottom:0; position:relative; display:flex;}
#header #idioma a			{background:var(--cor-medio1); color:var(--cor-claro2); border-radius:var(--rr); padding:1.5vh 3vh; margin:1vh; height:5vh; line-height:5vh; text-align:center; box-shadow:-0.25em 0.25em 0.5em 0 var(--cor-sombra);}
#header #idioma a:hover		{background:var(--cor-medio2); color:var(--cor-realce);}
#header #idioma a.active	{background:var(--cor-claro1); color:var(--cor-branco);}

/* CONTEUDO */
#titulo, #conteudo, #extra	{padding-left:5vh; padding-right:5vh;}
#titulo						{padding-top:5vh;}
#conteudo					{padding-bottom:5vh;}
#principal					{grid-column:1; grid-row:2; display:grid; grid-gap:0; grid-template-columns:1fr; grid-template-rows:auto; grid-auto-rows:auto;}
#principal	.abrir			{grid-column:1; grid-row:1;}
#principal	#titulo			{grid-column:1; grid-row:2; margin:0; box-shadow:none;}
#principal	#extra			{grid-column:1; grid-row:3; margin:0; box-shadow:none;}
#principal	#conteudo		{grid-column:1; grid-row:4; margin:0; box-shadow:none;}
#principal	#copyright		{grid-column:1; grid-row:5; margin:0; box-shadow:none;}
#titulo,
#extra,
#conteudo					{border-radius:0; background:var(--cor-claro1);}
#titulo						{padding-bottom:1em;}
#extra #subitens			{grid-gap:0.5em;}
#subitens p					{grid-column:span 2; grid-row:span 2;}
#subitens p.galeria			{grid-column:span 2; grid-row:auto;}
#subitens p a				{padding:0.5em 1em; width:calc(100% - 2em); height:calc(100% - 1em); font-size:0.8em;}
#subitens #fotos_colecao p,
#subitens #fotos_sala_alunos p	{padding:0 0.5em 0.5em 0; margin:0; width:calc((100% - 1.5em) * 0.25); height:auto; float:left;}
.mapa						{margin-bottom:0;}
.mapa iframe				{border-radius:0; width:calc(100% + 10vh); margin:2em -5vh 0;}
.quadropessoal				{padding:0;}
.quadropessoal h2			{display:none;}
.tabcontent.links a,
.tabcontent.links a:hover	{margin:0 0 10%; width:90%;}
#titulo:before,
#conteudo:after,
#subitens p.mapa,
#subitens p.ilustres img	{display:none;}
#copyright					{margin:0; padding:1em 0;}
#copyright div				{border-left:none; display:block; margin:0;}


/* ABRIR-FECHAR Menu */
.abrir 						{height:0; display:grid; grid-template-columns:5vh repeat(6, 1fr) 5vh; grid-template-rows:15vh 50vh; grid-gap:0; padding:0;}
.abrir #menu				{grid-column:1/5; grid-row:span 2;}
.abrir #avisos-mobile		{grid-column:5/9; grid-row:2; display:block;}
#menu,
#idioma,
#avisos-mobile,
#logos						{opacity:0;}
.fechar #menu,
.fechar #idioma,
.fechar #avisos-mobile,
.fechar #logos				{opacity:1;}
.fechar #titulo,
.fechar #conteudo,
.fechar #extra,
.fechar #copyright			{opacity:0.1; transition:opacity 200ms ease 300ms;}
.fechar .abrir				{height:calc(100vh - var(--header-H)); transition-duration:500ms;}


/* MENU */
#menu						{width:calc(100% - 8vh); margin:0; padding:2vh 0 0 4vh;}
#menu a,
#menu a:link,
#menu a:active,
#menu a:visited				{width:calc(100% - 8vh); border-radius:var(--rr); height:5vh; line-height:5vh; margin:1vh; padding:1.5vh 4vh;}
#menu a.active:before,
#menu a.active:after		{display:none;}
#menu a.mapa				{display:block;}

/* MENU: BOTAO ABRE-FECHA */
#menumobile					{display:block; position:absolute; top:5vh; right:0; width:5vh; height:4vh; padding:2vh 2.5vh; cursor:pointer;}
#menumobile:before,
#menumobile:after,
#menumobile .X				{width:5vh; height:4px; border-radius:2px; background:var(--cor-realce); display:block; content:""; position:absolute;}
#menumobile .X				{transition:all 200ms ease; left:50%; transform:translateX(-50%); top:calc(50% - 2px); position:absolute;}
#menumobile.fechar .X		{transition:all 200ms ease 200ms; width:0;}
#menumobile:before			{top:2vh; transition:transform 200ms, top 200ms ease 200ms;}
#menumobile:after			{bottom:2vh; transition:transform 200ms, bottom 200ms ease 200ms;}
#menumobile.fechar:before	{top:calc(4vh - 2px); transform:rotate(-45deg); transition:top 200ms, transform 200ms ease 200ms;}
#menumobile.fechar:after	{bottom:calc(4vh - 2px); transform:rotate(45deg); transition:bottom 200ms, transform 200ms ease 200ms;}

/* AVISOS */
#avisos,
#avisos_en					{display:block; padding:0 3vh 0 0; margin:0; width:calc(100% - 5vh); background:none; font-size:0.9em;}
.flexslider .slides p		{font-size:0.9em; line-height:1.2em;}
#avisos-mobile.pt #avisos_en,
#avisos-mobile.en #avisos,
#avisos_ajax				{display:none;}


/* CONTEUDO: Página Galeria*/
.tabcontent .galeriaitem					{padding:2.5vh; margin:0 -2.5vh 5vh; width:100%;}

.tabcontent .galeriaitem > span				{width:35%;}
.tabcontent .galeriaitem > div				{width:65%;}
.tabcontent .galeriaitem > div h2			{font-size:1em;}
.tabcontent .galeriaitem > div h2 span		{font-size:0.9em;}
.tabcontent .galeriaitem > div p			{font-size:0; transition-delay:0;}
/* CONTEUDO: Página Galeria: ampliar */
.tabcontent .galeriaitem.ampliar			{padding:5vh; margin:0 -5vh 5vh; border-radius:0;}
.tabcontent .galeriaitem.ampliar h2			{font-size:1.2em;}
.tabcontent .galeriaitem.ampliar h2	span	{font-size:0.7em;}
.tabcontent .galeriaitem.ampliar > div p	{font-size:0.8em; transition-delay:300ms;}

	}