@charset "utf-8";
/* CSS criada por Orla Design em 07-2014 */

/* CONFIGURACOES GERAIS */
html,
body	{margin:0; padding:0; color:#f0ffe4; font-size:10pt; min-width:300px; font-family:'Open Sans', Arial, sans-serif; line-height:1.3em; background:#1f2a15 url('i/fundo.png');}
* html body	{behavior:url(cssHoverFix.htc);}
* div	{display:block; margin:0; padding:0; border:0;}
* h1,
* h2,
* h3	{font-weight:normal; color:#18270b;}
* img	{border:none;}
* a,
* a:link,
* a:active,
* a:visited		{text-decoration:none; border:none; color:#18270b;}
.tabcontent a	{font-weight:normal; text-decoration:underline;}
.tabcontent a:link,
.tabcontent * a:active,
.tabcontent * a:visited	{color:#18270b;}
.tabcontent a:hover		{color:#71c762; background:#18270b; text-decoration:none; border-radius:4px; padding:1px 5px; margin:-1px -5px;}
.tabcontent a.nodec		{border-bottom:none; text-decoration:none;}

*	{-webkit-transition:all 400ms; -moz-transition:all 400ms; -ms-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms;}


/* HEADER */
#header				{position:relative; height:152px; margin:0 0 -92px; padding:15px 0; width:100%; background:url('i/fundo_titulo_small.png') no-repeat 0 0;}
#logo_herpetologia	{display:block; height:67px; width:60px; margin:0 0 0 17px; padding:0 0 0 65px; background:url('i/logo_herpetologia_small.png') no-repeat;
					font-family:Audiowide, 'Open Sans', Arial, sans-serif; color:#71c762; font-size:1.6em; line-height:19px;
					text-shadow:0.05em 0.12em 0.1em #0f1a05;}
#logo_herpetologia span {display:block; font-size:0.57em;}

#menumobile			{display:block; position:absolute; right:15px; top:30px; width:30px; height:29px; background:url('i/menumobile.png') 0 0 no-repeat; cursor:pointer; z-index:999;}
#logos				{display:block; position:absolute; top:480px; width:auto; padding:0 7px; height:45px;}
#logos a			{display:block; position:relative; float:left; margin:0 7px; opacity:0.5;}
#logos a:hover		{opacity:1;}
#logos #PPGZOO		{width:84px; height:36px; background:url('i/logo_PPGZOO.png') no-repeat;}
#logos #MN			{width:75px; height:38px; background:url('i/logo_MN.png') no-repeat;}
#logos #UFRJ		{width:75px; height:42px; background:url('i/logo_UFRJ.png') no-repeat;}

#mapa				{display:block; position:absolute; top:90px; font-size:0.9em; left:145px; width:75px; height:60px; border-radius:7px; z-index:9; background:url('i/mapa_thumb.png') no-repeat -5px -30px;}
#mapa a				{display:block; color:#c4ccbe; width:75px; height:15px; line-height:15px; padding:40px 0 5px; text-align:center; cursor:pointer; border-radius:0 0 7px 7px;
					background: -moz-linear-gradient(bottom,  rgba(63,96,61,1) 30%, rgba(63,96,61,0) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left bottom, left top, color-stop(30%,rgba(63,96,61,1)), color-stop(100%,rgba(63,96,61,0))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(bottom,  rgba(63,96,61,1) 30%,rgba(63,96,61,0) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(bottom,  rgba(63,96,61,1) 30%,rgba(63,96,61,0) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(bottom,  rgba(63,96,61,1) 30%,rgba(63,96,61,0) 100%); /* IE10+ */
					background: linear-gradient(to top,  rgba(63,96,61,1) 30%,rgba(63,96,61,0) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f603d', endColorstr='#003f603d',GradientType=1 ); /* IE6-8 */}

/* MENU */
#menu				{display:block; position:relative; left:0; width:100%; margin:0 0 90px; padding:0; text-align:right; z-index:8;}
#menu:after			{content:""; display:block; width:0; height:0; clear:both;}
#menu a,
#menu a:link,
#menu a:active,
#menu a:visited,
#menu a:hover		{display:block; position:relative; float:left; width:125px; height:30px; line-height:30px; margin:0 0 15px 0; padding:13px 10px 17px 0;
					 font-size:1.2em; color:#c4ccbe; text-shadow:0.1em 0.2em 0.2em #000; background-size:contain !important;
					 border-radius:0 7px 7px 0; box-shadow:0 0 0.4em #091002; clear:left;}
#menu a.index		{background:#335331 url('i/menu_setor.png') no-repeat -15px 0;}
#menu a.colecao		{background:#335331 url('i/menu_colecao.png') no-repeat -20px 0;}	
#menu a.equipe		{background:#335331 url('i/menu_equipe.png') no-repeat -15px 0;}
#menu a.galeria		{background:#335331 url('i/menu_galeria.png') no-repeat -15px 0;}
#menu a.links		{background:#335331 url('i/menu_links.png') no-repeat -15px 0;}
#menu a:hover		{background-color:#5f795d;}


/* IDIOMAS */
#idioma			{display:block; position:absolute; top:90px; right:0; width:75px; height:70px; margin:0; font-size:0.7em; z-index:9; text-transform:uppercase;}
#idioma a		{display:block; margin:0 0 10px; padding:4px 7px 6px; width:61px; height:15px; background:#1c2613; color:#608145; font-weight:400; border-radius:7px 0 0 7px;}
#idioma a.active{font-weight:800; color:#89A387; background:#335331;}
#idioma a:hover	{color:#FFF; background:#698367;}
#idioma_aviso	{font-size:0.8em; background:#FFA; margin:0px; top:12px; line-height:1.1em; padding:8px 150px 8px 10px; border-radius:6px;}


.abrir 			{display:block; overflow:hidden; height:90px;}
.abrir.fechar	{display:block; height:570px;}
.abrir #menu,
.abrir #idioma,
.abrir #avisos-mobile,
.abrir #mapa,
.abrir #logos	{opacity:0;}
.fechar #menu,
.fechar #idioma,
.fechar #avisos-mobile,
.fechar #mapa,
.fechar #logos,
#conteudo		{opacity:1;}
#conteudo.fechar{opacity:0.25;}


/* SUBMENU*/
#extra			{position:relative;}

#avisos_ajax	{display:none;}
#avisos-mobile	{display:block; width:180px; position:absolute; top:175px; left:145px; z-index:99;}

#avisos,
#avisos_en				{display:block; width:160px; padding:0 10px 50px;}
#avisos-mobile.pt #avisos_en,
#avisos-mobile.en #avisos	{display:none;}

#avisos h2,
#avisos_en h2			{color:#fff; padding:0; margin:0 0 7px;}
.flexslider p			{padding:0; margin:0; width:180px; text-align:left; line-height:1.2em; font-size:0.95em;}
.flexslider p img		{display:block; width:100%; height:auto; transform:none !important; border-radius:7px;}
.flexslider p a,
.flexslider p a:link,
.flexslider p a:active,
.flexslider p a:visited	{color:#71c762; text-decoration:none;}
.flexslider p a:hover	{color:#fefefe;}


.quadropessoal				{display:block; position:relative; float:right; margin:0 0 -130px -50%; padding:0; padding-top:130px; right:15px; width:50%; z-index:999; color:#18280b; text-decoration:none;}
.quadropessoal.nodata		{float:left; margin-left:0; margin-right:-50%; left:15px; padding-top:115px}
.quadropessoal h2			{display:none;}
.quadropessoal p			{display:block; margin:0; padding:0; line-height:37px; font-size:0.9em; border-top:1px solid #18280b;}
.quadropessoal p:last-child	{border-bottom:1px solid #18280b;}
.quadropessoal a:link,
.quadropessoal a:active,
.quadropessoal a:visited	{display:block; color:#18280b; text-decoration:none; height:37px; padding:0 0 0 35px;}
.quadropessoal a:hover		{color:#fefefe;}
.quadropessoal a[href^="mailto:"]		{background:url('i/pessoal_mail_hover.png') no-repeat 10px 50%;}
.quadropessoal a[href^="http://"]		{background:url('i/pessoal_home_hover.png') no-repeat 10px 50%;}
.quadropessoal a[href^="http://lattes"]	{background:url('i/pessoal_lattes_hover.png') no-repeat 10px 50%;}
.quadropessoal.legenda		{display:none;}

.submenu		{display:none;}
.submenu p		{text-align:right; font-size:1.1em; padding:0; margin:0;}

.submenu a,
.submenu a:link,
.submenu a:visited,
.submenu a:active	{color:#bfd6be; display:block; width:155px; min-height:15px; padding:4px 10px 5px 15px; margin:6px 0; text-decoration:none;
					background:url(i/fundo_submenu.png) repeat-y; border-radius:0 7px 7px 0; opacity:0.7;}
.submenu a:hover	{color:#fefefe; opacity:1;}
.submenu a.selected,
.submenu a.selected:link,
.submenu a.selected:active,
.submenu a.selected:visited	{color:#010101; background:#5f795d; background-image:none; opacity:1;}

.submenu p.galeria a		{position:relative; height:64px; padding:10px 0 10px 25px; overflow:hidden;}
.submenu p.galeria img		{display:block; position:relative; float:right; top:-12px; height:auto; width:80px;}
.submenu p.galeria.mapa a	{position:relative; width:165px; margin-bottom:36px; height:34px; padding:10px 0 10px 15px; overflow:hidden;}
.submenu p.galeria.mapa img	{top:-20px;}

.submenu p.galeria.fotos		{margin-top:30px;}
.submenu p.galeria.fotos a		{height:94px; padding:0 0 0 25px; overflow:hidden;}
.submenu p.galeria.fotos img	{width:125px; top:0;}
.submenu p.galeria.fotos a:after{right:75px; top:0; width:50px; height:94px;}

.submenu p.galeria.pdf			{font-size:0.75em; text-transform:uppercase; line-height:1.3em; margin-top:30px;}
.submenu p.galeria.pdf a		{height:53px; padding-left:20px; width:160px;}
.submenu p.galeria.pdf img		{width:80px;}



/* CONTEUDO*/
#conteudo		{position:relative; margin:0; padding:30px 0 60px; background:#5f795d; box-shadow:0em 0em 3em #5f795d; z-index:9;}
h1				{margin:0; padding:0 15px; line-height:1.1em; font-size:1.5em; font-family:Audiowide, 'Open Sans', Arial, sans-serif;}
h2				{margin:2.5em 0 1.5em; padding:0 15px; font-size:1.5em; line-height:1.3em;}
h2:first-child	{margin-top:0;}
p.subh1			{margin:0; padding:0 15px; font-size:1.1em; color:#18270b;}
p.update		{position:absolute; top:0; right:5px; color:#38472b; text-align:left; font-size:0.7em; text-transform:uppercase;}
h3				{margin:1.2em 0 0.8em; padding:0 15px; font-size:1.3em; text-align:left; font-style:italic;}

.tabcontent 		{display:block !important; margin:15px 0 0; padding:0; border-top:1px solid #3f593d;}
.tabcontent:before	{content:""; display:block; margin:0; padding:15px 0 0; border-top:1px solid #7f997d;}
.tabcontent .voltar	{display:none;}

.tabcontent p			{padding:0 15px; margin:1em 0;}
.tabcontent a[href^="javascript:"]	{text-decoration:none; color:#fff; cursor:text; background:none;}
.tabcontent h2 a[href^="javascript:"]	{display:none;}

.tabcontent	ol,
.tabcontent	ul				{margin:0 15px; padding:0 0 0 15px;}
.tabcontent	ol li			{margin:0; padding:0 0 0.6em 0;}
.tabcontent	ul li			{margin:0; padding:0 0 0.3em 0; list-style:none; position:relative;}
.tabcontent	ul li:before	{content:"o"; position:absolute; top:0; left:-15px; color:#18270b; font-family:Audiowide, 'Open Sans', Arial, sans-serif;}
.tabcontent	ul li a[href^="mailto:"],
.tabcontent	ul li a[href^="http://"],
.tabcontent ul li a[href^="http://lattes"]	{display:inline-block; width:15px; height:16px; margin:0 0 -4px 7px; padding:0; background:none;}
.tabcontent ul li a[href^="mailto:"]		{background:url('i/pessoal_mail.png') no-repeat 0 0;}
.tabcontent ul li a[href^="http://"]		{background:url('i/pessoal_home.png') no-repeat 0 0;}
.tabcontent ul li > a:first-child[href^="http://"]		{background-image:none;}
.tabcontent ul li a[href^="http://lattes"]	{background:url('i/pessoal_lattes.png') no-repeat 0 0;}
.tabcontent ul li a[href^="mailto:"]:hover		{background:url('i/pessoal_mail_hover.png') no-repeat 0 0;}
.tabcontent ul li a[href^="http://"]:hover		{background:url('i/pessoal_home_hover.png') no-repeat 0 0;}
.tabcontent ul li > a:first-child[href^="http://"]:hover	{background-image:none; background-color:#18270b;}
.tabcontent ul li a[href^="http://lattes"]:hover{background:url('i/pessoal_lattes_hover.png') no-repeat 0 0;}

.tabcontent.links a,
.tabcontent.links a:hover	{display:block; margin:15px auto; width:90%; max-width:300px; padding:0; background:none;}
.tabcontent.links a img		{display:block; border-radius:7px; width:100%; height:auto;}

#sub1.tabcontent p	{clear:both;}
#sub1.nodata		{display:block; margin-bottom:150px;}
.tabcontent h2		{clear:both;}

.tabcontent img.foto,
.tabcontent img.ilustre,
.tabcontent img.retrato			{display:block; position:relative; float:left; height:auto;}
.tabcontent img.ilustre			{width:54%; margin:5px 15px 10px 0;}
.tabcontent img.ilustre:hover	{width:100%; margin:5px 0 10px 0;}
.tabcontent img.foto			{width:90%; margin:-1em 0 30px 15px; float:none; border:2px solid #18270b; border-radius:7px;}
.tabcontent img.retrato			{width:50%; margin:5px 15px 30px -15px;}

.tabcontent .galeriaitem				{display:block; padding:0; margin:30px 0 45px; width:100%;}
.tabcontent .galeriaitem h2				{margin:0; font-weight:normal; font-size:1em;}
.tabcontent .galeriaitem h2	> i			{font-size:1.3em;}
.tabcontent .galeriaitem h2	span		{display:block;}
.tabcontent .galeriaitem p				{margin:0.4em 0;}
.tabcontent .galeriaitem p.dadosfoto	{font-style:italic;}
.tabcontent .galeriaitem > span img		{display:block; padding:0; margin:0 0 10px 15px; width:90%; height:auto; border:2px solid #18270b; border-radius:7px;}


#sub6.mapa	{display:none !important;}


/* antigos */
.tabcontent.pdfs			{word-wrap:break-word;}
.tabcontent.pdfs p			{margin-left:15px; padding-left:15px; text-indent:-15px;}
.tabcontent.pdfs p.pdflink	{position:relative; margin-left:30px; top:-0.5em;}
.tabcontent.pdfs p.pdflink a{padding:3px 5px 5px 25px; margin:-3px; background-image:url('i/pdf.png'); background-repeat:no-repeat; background-position:6px 4px;}



/* COPYRIGHT */
#copyright				{position:relative; height:30px; margin:13px 15px 30px; text-align:center; text-transform:uppercase; color:#608145; font-size:0.65em;
						line-height:17px; z-index:3;}
#copyright div			{display:block;}
* html #copyright div	{border-left:1px solid #608145;}
#copyright div	a		{color:#608145; font-weight:bold; border-radius:5px;}
#copyright div	a:hover	{color:#18270b; background:#608145; font-weight:bold; padding:2px 5px; margin:-2px -5px;}
#copyright .statcounter img	{position:relative; vertical-align:text-bottom; border-radius:3px;}