@charset "utf-8";
/* CSS Bigman BR */

	body {background-color: #000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
	a img {border: none;}
	
	.t70 {width: 70%;}
	.t100 {width: 100%;}
	.t1000 {width: 1000px;}
	
	.m0 {margin: 0;}
	.m10 {margin: 10px;}
	.m20 {margin: 20px;}
	.m0a {margin: 0px auto;}
	.m40a {margin: 40px auto;}
	
	.p0 {padding: 0;}
	.p40 {padding: 40px;}
	
	.fl {float: left;}
	.fr {float: right;}
	.fn {float: none;}
	
	.esquerda {text-align: left;}
	.centro {text-align: center;}
	.direita {text-align: right;}
	
	.fs10 {font-size: 10px;}
	.fs12 {font-size: 12px;}
	.fs14 {font-size: 14px;}
	.fs16 {font-size: 16px;}
	.fs19 {font-size: 19px;}
	.fs36 {font-size: 36px;}
	
	.amarelo {color: #FFB400;}
	.branco {color: #FFFFFF;}
	
	.ttu{text-transform: uppercase;}
	
	.topo {background-color: #000000;}
	
	.menu-topo ul {list-style: none;}
	.menu-topo ul li {display: inline; line-height: 91px; height: 91px;}
	.menu-topo ul li a {text-transform: uppercase; text-decoration: none; color: #FFFFFF; margin: 0px 30px;}
	.menu-topo ul li a:hover {color: #FFB400;}
	.menu-topo ul li a.ativo {color: #FFB400;}
	
	.selo-topo {position: absolute; right: 15%; z-index: 20;}
	
	.rodape {background-color: #000000; border-top: 10px solid #FFB400; color: #b5b5b5;}
	.redes-sociais {margin: 40px 40px 0px 0px;}
	.redes-sociais ul {list-style: none;}
	.redes-sociais ul li {display: inline; margin: 0px 1px; padding: 0; float: left;}
	.redes-sociais ul li a {float: left; width: 24px; height: 24px;}
	
	.facebook {background-image: url(../img/Redes-Sociais-Bigman-Br.jpg); background-repeat: no-repeat; background-position: 0px -24px;}
	.facebook:hover {background-position: 0px 0px;}
	.twitter {background-image: url(../img/Redes-Sociais-Bigman-Br.jpg); background-repeat: no-repeat; background-position: -28px -24px;}
	.twitter:hover {background-position: -28px 0px;}
	.linkedin {background-image: url(../img/Redes-Sociais-Bigman-Br.jpg); background-repeat: no-repeat; background-position: -57px -24px;}
	.linkedin:hover {background-position: -57px 0px;}
	.flickr {background-image: url(../img/Redes-Sociais-Bigman-Br.jpg); background-repeat: no-repeat; background-position: -86px -24px;}
	.flickr:hover {background-position: -86px 0px;}
	.behance {background-image: url(../img/Redes-Sociais-Bigman-Br.jpg); background-repeat: no-repeat; background-position: -117px -24px;}
	.behance:hover {background-position: -117px 0px;}
	
	.fundo-transparente {background-image: url(../img/imagem-fundo-transparente.png);}
	
	.area-porque {line-height: 25px;}
	
	.projeto {width: 333px; height: 333px;}
	.sobreposicao {width: 100%; height: 100%; float: left; position: fixed; top: 0px; left: 0px; background-image: url(../img/imagem-fundo-transparente.png); display: none; z-index: 15;}
	
	#background {position: fixed; z-index: -10; width: 100%; height: 100%;}
	#background .imagem1 {float: left; width: 100%; height: 100%; background-image: url(../img/imagem-fundo-v1.jpg); background-repeat: no-repeat; background-position: center center;}
	#background .imagem2 {float: left; width: 100%; height: 100%; background-image: url(../img/imagem-fundo-v2.jpg); background-repeat: no-repeat; background-position: center center;}
	#background .imagem3 {float: left; width: 100%; height: 100%; background-image: url(../img/imagem-fundo-v3.jpg); background-repeat: no-repeat; background-position: center center;}
	
	/* Itens especificos */
	.t300 {width: 300px;}
	.foto-portifolio {margin: 30px 20px 30px 0px;}
	.linha {border-bottom: 1px dashed #ccc;}
	.info-portifolio {margin-top: 80px;}
	
	a.dry-team {float: left; background-image: url(../img/dry-team.png); width: 110px; height: 200px;}
	a.dry-team:hover, a.dry-team.ativo {background-position: -110px 0px;}
	
	a.tool-box {float: left; background-image: url(../img/tool-box.png); width: 150px; height: 200px;}
	a.tool-box:hover, a.tool-box.ativo {background-position: -150px 0px;}
	
	a.performamos  {float: left; background-image: url(../img/performamos.png); width: 150px; height: 200px;}
	a.performamos:hover, a.performamos.ativo {background-position: -150px 0px;}
	
	a.we-deliver-it {float: left; background-image: url(../img/we-deliver-it.png); width: 150px; height: 200px;}
	a.we-deliver-it:hover, a.we-deliver-it.ativo {background-position: -150px 0px;}
	
	#size {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden;}