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


/* =CONFIGURACOES GERAIS */
html,
body			{border:0; margin:0; padding:0; width:100%; max-width:1200px; height:100%; min-height:100% !important; color:#dbdbdb;
				background:#1d2728; /*background:#1d2728 url('i/fundo-grande-sombra.png') no-repeat 0 100px fixed;*/ font-size:12pt; line-height:1.2em; font-family:'Source Sans Pro', Arial, Verdana, sans-serif;}
body:before		{content:""; position:fixed; bottom:0px; right:0; width:100%; height:100px; background:url('i/fundo-base.png') repeat-x; z-index:1;}
* html body		{behavior:url(cssHoverFix.htc);}
* div			{display:block; margin:0; padding:0; border:0;}
* h1,
* h2,
* h3			{font-weight:normal; margin:0; padding:0; color:#e3d29d; font-family:Neucha, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
* p				{padding:0 0 0.8em 12px; margin:0; text-align:justify;}
* img			{border:none;}
* a,
* a:link,
* a:active,
* a:visited		{border:none; color:#5bb667; font-weight:normal; text-decoration:none;}
* a:hover		{color:#ffffcc;}

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


/* TOPO */
#topo			{display:block; position:fixed; margin:0; padding:0 200px 0 0; width:100%; max-width:1000px; height:150px; z-index:8;}
#topo h1		{display:block; margin:0 25px 0 0; padding:0; position:relative; float:right; font-size:2.8em; height:65px; line-height:65px; color:#293a3b;
				font-family:Neucha, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-shadow:0em 0em 0.2em #f7ffb8, 0em 0em 0.35em #f7ffb8;}

img[src="i/fundo-grande-foto.png"]		{position:fixed; top:-7.5%; left:0; height:auto; max-width:488px; width:48.8%; z-index:9;}
img[src="i/fundo-grande-sombra.png"]	{position:fixed; top:-7.5%; left:0; height:auto; max-width:779px; width:77.9%; z-index:2;}
img[src="i/fundo-grande-topo.png"]		{position:fixed; top:-7.5%; left:0; height:auto; max-width:1200px; width:120%; z-index:7;}


#menu			{display:block; position:relative; float:right; clear:both; top:3px; height:25px; line-height:25px; right:25px; letter-spacing:0.02em;}
#menu a			{display:block; float:left; padding:0; margin:0; text-decoration:none; color:#dbdbdb;
				font-size:1.05em; font-family:Neucha, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-shadow:0.1em 0.1em 0.15em #000;
				-moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80);}
#menu a:hover,
#menu a.active	{color:#fff; text-shadow:0.1em 0.1em 0.15em #000, 0.1em 0.1em 0.15em #000;
				-moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);}
#menu a:before	{content:""; display:block; width:5px; height:5px; border-radius:3px; margin:10px; background:#dbdbdb; float:left;
				 box-shadow:0.05em 0.1em 0.15em #000;}
#menu a[href="index.html"]			{background:url(i/home.png) no-repeat; width:17px; height:14px; margin:5px 0 0; text-shadow:0.1em 0.1em 0.15em #000;}
#menu a[href="index.html"]:before	{display:none;}



/* LOGOS */
#logos			{position:fixed; top:8px; left:20px; height:50px; z-index:9;}
#logos a		{display:block; float:left; margin-right:25px;
				-moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter:alpha(opacity=70);}
#logos a:hover	{-moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);}
#logos a[href="http://www.museunacional.ufrj.br/"]	{margin-top:12px;}


/* CONTEUDO */
#principal				{position:relative; padding:150px 25px 50px 0; margin:0 0 -25px 475px; min-height:314px; z-index:4;}
.index #principal		{padding-right:260px;}
.index #principal:after	{content:""; position:fixed; bottom:0; right:0; width:259px; height:186px; background:url('i/foto-canto-inferior.png') no-repeat 100% 100%; z-index:2;}
.index #principal *		{z-index:3;}
.index #principal a[href^="mailto"]			{background:url('i/mail.png') no-repeat 0 4px; padding-left:25px; line-height:18px;}
.index #principal a[href^="mailto"]:hover	{background:url('i/mail_hover.png') no-repeat 0 4px;}

#principal h1,
#principal h2,
#principal h3				{letter-spacing:0.03em;}
#principal h1				{font-size:1.9em; padding:0 0 0.8em; line-height:1.3em;}
#principal h1 span			{display:block; font-size:0.6em; line-height:1.2em;}
#principal h2				{font-size:1.5em; padding:2.5em 0 1em;}
#principal h2:first-child	{padding-top:0;}
#principal h3				{font-size:1.2em; margin:1em 0 0; padding:1em 0 0.4em; color:#d3c28d; border-top:1px solid #443;}

#principal ul			{padding:0; margin:0 0 0 25px;}
#principal ul li		{padding:0 0 1.2em;}

.index #principal p		{text-align:left;}
#principal p.tese,
#principal p.formacao,
#principal p.linhas,
#principal p.email		{padding-bottom:0.4em;}
#principal p.pdf		{margin-bottom:1.2em; padding-bottom:1.2em; color:#FFFFCC; text-align:right; border-bottom:1px solid #4B6365; clear:both;}
#principal p.pdf a		{line-height:20px; min-height:20px; padding:0 0 0 20px; background:url('i/pdf.png') no-repeat;}
#principal p.pdf a:hover{background:url('i/pdf_hover.png') no-repeat;}

#principal img[src="i/Junior.jpg"]	{display:block; float:right; margin:-25px 0 0 25px; width:auto; height:auto;}

#principal .submenu		{display:block; position:fixed; bottom:0; right:12px; height:auto; text-align:right; background:#000; box-shadow:0 0 50px #000, 0 0 25px #000, 0 0 15px #000;}
#principal .submenu a	{display:block; float:left; padding:6px 10px; margin-left:4px; max-width:150px; width:auto; min-height:25px; line-height:17px;
						background:#1d2728 url('i/fundo-base.png') repeat-x; border-radius:3px 3px 0 0;
						text-decoration:none; text-align:center; font-family:Neucha, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; letter-spacing:0.02em;}
#principal .submenu a:hover			{background:#5bb667 url('i/fundo-base.png') repeat-x; color:#000;}
#principal .submenu a:first-child	{margin-left:0;}
#principal a[name]		{position:relative; top:-90px;}

#atualizadaem	{color:#6d7778; font-size:0.8em; position:absolute; bottom:2.5%; left:2.5%; z-index:9;}

@media screen and (max-width: 1020px){
body, html					{font-size:98%;}
#topo h1					{margin-left:2.5%; height:45%; line-height:160%;}
#menu						{top:0; height:15%; line-height:130%; right:2.5%;}
#menu a:before				{width:5px; height:5px; margin:8px;}
#menu a[href="index.html"]	{margin:3px;}
#principal					{padding-top:15%; margin-left:47.5%; min-height:31.4%;}
}

@media screen and (max-width: 950px){
body, html					{font-size:96%;}
#topo						{padding:0;}
#topo h1					{height:38%;}
#menu a:before				{width:5px; height:5px; margin:7px 8px;}
#menu a[href="index.html"]	{margin:2px;}
}

@media screen and (max-width: 900px){
body, html					{font-size:95%;}
#topo h1					{font-size:2.7em; height:35%; line-height:155%;}
#menu a[href="index.html"]	{margin:1px;}
#logos						{transform:scale(0.9); transform-origin:top left;}
#principal					{margin-left:42.75%; min-height:28.26%;}
#principal .submenu			{font-size:1.1em;}
.index #principal			{padding-right:2.5%;}
.index #principal:after		{transform:scale(0.8); transform-origin:bottom right;}
img[src="i/fundo-grande-topo.png"]		{transform:scaleY(0.9); transform-origin:top left; top:-4.5%;}
img[src="i/fundo-grande-foto.png"],
img[src="i/fundo-grande-sombra.png"]	{transform:scale(0.9); transform-origin:top left; top:-4.5%;}
}

@media screen and (max-width: 800px){
body, html					{font-size:94%;}
#topo h1					{font-size:2.7em; height:35%; line-height:150%; float:left; padding-left:12%; color:#050707;}
#menu						{top:-17%;}
#menu a:before				{width:4px; height:4px; margin:6px 8px;}
#menu a[href="index.html"]	{margin:0;}
#principal					{margin-left:35.625%; min-height:23.55%;}

#principal .submenu			{display:block; position:relative; width:auto; padding:0; margin:12px; font-size:1.1em; background:none; box-shadow:none;}
#principal .submenu a		{width:auto; padding:4px 0; margin:0; max-width:none; background:none; text-align:left; float:none;}
#principal .submenu a:hover	{background:none; color:#FFF;}
#principal .submenu a:before{content:""; display:block; width:5px; height:5px; border-radius:3px; margin:5px; background:#dbdbdb; float:left;}

.index #principal			{padding-right:13%;}
.index #principal:after		{transform:scale(0.6); transform-origin:bottom right;}
#logos						{bottom:7.5%; top:auto; transform:scale(1);}
#logos a					{margin-right:12px;}

img[src="i/fundo-grande-topo.png"]		{transform:scaleY(0.75); transform-origin:top left; top:-2%;}
img[src="i/fundo-grande-foto.png"],
img[src="i/fundo-grande-sombra.png"]	{transform:scale(0.75); transform-origin:top left; top:-2%;}
}

@media screen and (max-width: 700px){
#topo h1					{font-size:2.3em; height:30%; line-height:150%; padding-left:6%;}
#principal					{margin-left:28.5%; min-height:18.84%;}
#logos						{transform:scale(1); left:0; bottom:5%; height:auto; width:28.5%; text-align:center;}
#logos a					{float:none; margin:0 auto 12px;}
#principal img[src="i/Junior.jpg"]		{width:50%;}
img[src="i/fundo-grande-topo.png"]		{transform:scale(1.1, 0.6); transform-origin:top left; top:0;}
img[src="i/fundo-grande-foto.png"],
img[src="i/fundo-grande-sombra.png"]	{transform:scale(0.6); transform-origin:top left; top:0;}
}

@media screen and (max-width: 600px){
#menu			{position:relative; top:10%; margin:0; z-index:99 !important;}
#menu a			{padding:2px 6px; margin:0; height:17px; line-height:17px;}
#menu a:before	{width:5px; height:5px; margin:5px 12px 0 0;}
#menu a[href="index.html"]	{margin:0; padding:2px 6px; background-position:50% 50%;}
#principal		{padding-top:150px;}
}

@media screen and (max-width: 550px){
#menu			{width:200px;}
#menu a			{padding:4px 6px; margin:0 0 2px; height:17px; line-height:17px;}
#menu a:before				{width:5px; height:5px; margin:5px 12px 0 0;}
#menu a[href="index.html"]	{margin:0 0 2px; padding:4px 6px; background-position:50% 50%;}
#menu a[href="orientacoes.html"]:before	{display:none;}
}

@media screen and (max-width: 500px){
.index #principal:after,
img[src="i/fundo-grande-topo.png"],
img[src="i/fundo-grande-foto.png"],
img[src="i/fundo-grande-sombra.png"]	{display:none;}

body, html		{font-size:0.95em; height:auto; width:100%; text-align:center;}
#topo			{position:relative; background:url('i/fundo-pequeno-topo.png') no-repeat; height:225px; margin:0; padding:0; text-align:left; z-index:6;}
#topo:after		{content:""; display:block; position:absolute; top:0; left:0; width:206px; height:211px; background:url('i/fundo-pequeno-foto.png') no-repeat; z-index:8;}
#topo h1		{font-size:2.6em; margin:0; padding:0 0 0 60px; float:none;}

#menu			{top:50%; margin-top:-20%; height:auto; font-size:1.1em; z-index:9;}
#menu a			{padding:6px; margin:0 0 4px;}
#menu a[href="index.html"]	{margin:0 0 4px; padding:6px;}

#principal		{top:0; padding:0 12px 100px; margin:0; z-index:9; text-align:left;}
#principal h1	{line-height:1.1em; font-size:2em;}
#principal h2	{line-height:1.1em; padding:1em 0 0.5em; font-size:1.6em;}
#principal img[src="i/Junior.jpg"]		{float:none; width:70%; margin:0 auto; padding:0;}

#principal.publicacoes p	{word-wrap:break-word;}
#logos			{transform:scale(1); position:relative; float:none; bottom:25px; padding:0 0 50px; margin:0 auto; width:236px;}
#logos a		{float:left; margin:0 12px; padding:0;}

#atualizadaem	{display:block; position:relative; margin-bottom:5%; left:0; clear:both}
}