@import url("reset.css");

body{font:normal 13px "Courier New", Courier, monospace;}

	a:link, a:active, a:visited{text-decoration:none; outline:none;}
		a:hover{}
		a img{display:block;}

	::selection {background:#000; color:#fff;}
	::-webkit-selection {background:#000; color:#fff;}
	::-moz-selection {background:#000; color:#fff;}

	form{ }
		form ul{ }
		form ul li{ }
		form label{ }
		form input, form select, form textarea{outline:none}
		form input{ }
		form select{ }
		form textarea{ }

	[animar]{ opacity: 0; transform: translateY(60px); transition: all 1s ease-out; transition-delay: 0.2s;}
	[animar].visivel{ opacity: 1; transform: translateY(0px);}

	.centro{max-width:1100px; margin:0 auto;}
	.clear{clear:both;}
	#estrutura{max-width:1630px; min-width:320px; margin:0 auto; position:relative;}
	.ass{position:fixed; z-index:100; right:8px; bottom:6px;}
	.hidden{opacity:0;}
	.visible{opacity:1;}
	/* RES 1 */
	
	.res1 #conteudo{margin-left:215px;} 
	.res1 #menu{float:left; width:188px; padding:70px 0 0 27px;}
	.res1 #conteudo .projetos .box.n1{left:80px;}
	.res1 #conteudo .projetos .box.n2{right:29px; top:70px;}
	.res1 #conteudo .projetos .box.n3{left:0px;}
	.res1 #conteudo .projetos .box.n5{left:90px; top:915px;}
	.res1 #conteudo .projetos .box.n6{right:30px; top:1275px;}
	.res1 #conteudo .projetos .box.n7{left:40px; top:1380px;}
	.res1 #conteudo .projetos .box.n8{left:95px; top:1740;}
	.res1 #conteudo .projetos .box.n9{right:125px;}
	
	.res1 #conteudo .publicacoes .box:nth-child(1){right:40px;}
	.res1 #conteudo .publicacoes .box:nth-child(5){right:140px;}
	
	/* MOB */
	
	.mob #conteudo{margin-left:0px;}
		.mob #conteudo .projetos{margin-top:20px !important;}
		
	.mob #conteudo .sobre{height:auto; margin:25px 20px 0 20px; background-position:center 260px; padding-bottom:150px;}
		.mob #conteudo .sobre p{position:inherit; left:inherit !important; top:inherit !important; right:inherit !important; margin-bottom:30px;}
	
	.mob #conteudo .projetoDetalhe{margin-top:25px;}
		.mob #conteudo .projetoDetalhe .box{margin:0px 0 20px 0 !important;}
			.mob #conteudo .projetoDetalhe .box img{width:100%;}
			
	.mob #conteudo .publicacoes{position:inherit; height:inherit; margin-top:40px;}
		.mob #conteudo .publicacoes .box{position:inherit; margin:0 auto 40px; right:inherit !important; left:inherit !important; top:inherit !important; text-align:center;}
	
	/* ### */
	
	#menu{width:238px; top:0px; padding:70px 0 0 77px; position:fixed; display:none;}
		#menu ul{margin-top:55px;}
			#menu ul li{display:table; margin-top:35px;}
				#menu ul li a:link,
				#menu ul li a:active,
				#menu ul li a:visited{font-size:12px; color:#000000; text-transform:uppercase;}
					#menu ul li .submenu{margin-top:15px;}
						#menu ul li .submenu ul{margin-top:0px;}
							#menu ul li .submenu li{margin:0 0 5px 0;}
							#menu ul li .submenu li:last-child{margin-bottom:0px;}
								#menu ul li .submenu a:link,
								#menu ul li .submenu a:active,
								#menu ul li .submenu a:visited{color:#909090; text-transform:none;}
									#menu ul li .submenu a:hover{color:#000;}
	
	#menumobile{top:0px; margin:20px auto 0; display:none;}
		#menumobile h1{width:125px; margin:0 auto;}
		#menumobile ul{text-align:center; margin-top:20px;}
			#menumobile ul li{display:inline-block; position:relative; margin-right:17px;}
			#menumobile ul li:last-child{margin-right:0px;}
				#menumobile ul li a:link,
				#menumobile ul li a:active,
				#menumobile ul li a:visited{font-size:13px; color:#000000; text-transform:uppercase;}
			#menumobile ul li .submenu{position:absolute; background-color:#FFF; padding:15px 15px 15px 15px; left:-15px; z-index:100; display:none;}
				#menumobile ul li .submenu ul{margin-top:0px;}
					#menumobile ul li .submenu ul li{text-transform:none; display:block; text-align:left; margin:0 0 5px 0;}
					#menumobile ul li .submenu ul li:last-child{margin-bottom:0px;}
					#menumobile ul li .submenu a:link,
					#menumobile ul li .submenu a:active,
					#menumobile ul li .submenu a:visited{color:#909090; white-space:nowrap;}
						#menumobile ul li .submenu a:hover{color:#000;}
	
	#conteudo{max-width:1000px; margin-left:315px;}
		
		#conteudo .projetos .boxfull{width:100%; margin-bottom:20px;}
			#conteudo .projetos .boxfull a img{width:100%;}
		
		#conteudo .projetos{position:relative; margin-top:-34px;}
		#conteudo .projetos.a1{height:232px;}
		#conteudo .projetos.a2{height:592px;}
		#conteudo .projetos.a3{height:681px;}
		#conteudo .projetos.a4{height:895px;}
		#conteudo .projetos.a5{height:1264px;}
		#conteudo .projetos.a6{height:1593px;}
		#conteudo .projetos.a7{height:1671px;}
		#conteudo .projetos.a8{height:2065px;}
		#conteudo .projetos.a9{height:2433px;}
		#conteudo .projetos:nth-child(1){margin-top:106px;}
			#conteudo .projetos .box{position:absolute; 
			/*	
				-webkit-transition:all 0.4s ease;
			-webkit-transform: scale(1); -webkit-transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
			   -moz-transform: scale(1); -moz-transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
			     -o-transform: scale(1); -o-transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
			        transform: scale(1); transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
			*/
			}
			#conteudo .projetos .box:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
			
			#conteudo .projetos .box.n1{left:205px;}
			#conteudo .projetos .box.hoverON.n1{left:185px;}
			
			#conteudo .projetos .box.n2{right:109px; top:180px;}
			#conteudo .projetos .box.hoverON.n2{right:89px; top:160px;}
			
			#conteudo .projetos .box.n3{left:32px; top:375px;}
			#conteudo .projetos .box.hoverON.n3{left:12px; top:355px;}
			
			#conteudo .projetos .box.n4{right:242px; top:704px;}
			#conteudo .projetos .box.hoverON.n4{right:222px; top:685px;}
			
			#conteudo .projetos .box.n5{left:154px; top:927px;}
			#conteudo .projetos .box.hoverON.n5{left:134px; top:907px;}
			
			#conteudo .projetos .box.n6{right:30px; top:1145px;}
			#conteudo .projetos .box.hoverON.n6{right:10px; top:1125px;}
			
			#conteudo .projetos .box.n7{left:80px; top:1415px;}
			#conteudo .projetos .box.hoverON.n7{left:60px; top:1415px;}
			
			#conteudo .projetos .box.n8{left:257px; top:1730px;}
			#conteudo .projetos .box.hoverON.n8{left:237px; top:1710px;}
			
			#conteudo .projetos .box.n9{right:165px; top:2105px;}
			#conteudo .projetos .box.hoverON.n9{right:145px; top:2085px;}
			
				#conteudo .projetos .box img{display:block;}
				#conteudo .projetos .box a{}
					#conteudo .projetos .box a .hover{height:100%; left:0; position:absolute; top:0; width:100%; opacity:0; background-color:rgba(255,255,255,.9); text-align:center; z-index:100;
					-webkit-transition:opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;
					   -moz-transition:opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;
					     -o-transition:opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;
					        transition:opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;}
					
					#conteudo .projetos .box:hover a .hover{opacity:100;}
						#conteudo .projetos .box a .hover .dtb{height:100%; width:100%; display:table;}
							#conteudo .projetos .box a .hover .dtb p{color:#000; text-transform:uppercase; font-size:14px; display:table-cell; vertical-align:middle; opacity: 0;
    -webkit-transform: translate(0px, 20px); 
	   -moz-transform: translate(0px, 20px); 
	     -o-transform: translate(0px, 20px); 
	        transform: translate(0px, 20px); 
	
	
	-webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	   -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -moz-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	     -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -o-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	
	}
							#conteudo .projetos .box:hover a .hover .dtb p{opacity:1; 
							-webkit-transform: translate(0px, 0px);
							   -moz-transform: translate(0px, 0px);
							     -o-transform: translate(0px, 0px);
							        transform: translate(0px, 0px);}
		
		#conteudo .sobre{position:relative; background:url(../img/sobre.jpg) center 125px no-repeat; min-height:625px}
			#conteudo .sobre p{color:#000000; font-size:12px; line-height:18px; position:absolute;}
				#conteudo .sobre p.t1{top:185px; left:190px;}
				#conteudo .sobre p.t2{top:300px; left:40px;}
				#conteudo .sobre p.t3{top:415px; right:210px;}
				#conteudo .sobre p.t4{top:454px; left:125px;}
					#conteudo .sobre p.t4 a:link,
					#conteudo .sobre p.t4 a:active,
					#conteudo .sobre p.t4 a:visited{color:#000000;}
		
		#conteudo .projetoDetalhe{margin:71px 0; overflow:hidden;}
			#conteudo .projetoDetalhe img{cursor:pointer; object-fit: cover;} 
			#conteudo .projetoDetalhe .box.aberto{margin-left:0px !important; margin-right:0px !important; float:left !important; width:100%;}
			#conteudo .projetoDetalhe .box.n1{float:left; margin-left:75px;}
			#conteudo .projetoDetalhe .box.n2{float:right; margin:104px 35px 0 0;}
			#conteudo .projetoDetalhe .box.n3{float:left; margin:90px 0 0 152px;}
			#conteudo .projetoDetalhe .box.n4{float:right; margin:125px 0 0 125px;}
			#conteudo .projetoDetalhe .box.n5{float:left; margin:83px 0 0 55px;}
			#conteudo .projetoDetalhe .box.n6{float:right; margin:107px 51px 0 0;}
			#conteudo .projetoDetalhe .box.n7{float:left; margin:68px 0px 0 93px;}
			#conteudo .projetoDetalhe .box.n8{float:right; margin:116px 80px 0 0px;}
			#conteudo .projetoDetalhe .box.n9{float:left; margin:116px 0px 0 259px;}
			#conteudo .projetoDetalhe .box.n10{float:left; margin:126px 0 0 318px;}
	
	/* PUBLICAÇÕES */
			
	#conteudo .publicacoes{position:relative; height:700px; margin-top:-30px;}
	#conteudo .publicacoes:nth-child(1){margin-top:0px;}
		#conteudo .publicacoes .box{position:absolute;}
			#conteudo .publicacoes a span{display:block; font-size:12px; color:#000000; line-height:12px; margin-top:15px;}
			#conteudo .publicacoes .box:nth-child(2){width:138px; right:194px; top:72px;}
			#conteudo .publicacoes .box:nth-child(1){width:138px; left:90px; top:116px;}
			#conteudo .publicacoes .box:nth-child(3){width:124px; left:423px; top:220px;}
			#conteudo .publicacoes .box:nth-child(4){width:139px; left:180px; top:364px;}
			#conteudo .publicacoes .box:nth-child(5){width:138px; right:280px; top:475px;}