/*
===================================================================================================
ESTILOS GLOBAIS
===================================================================================================
*/




/* ================================= WRAPPER ================================= */




#wrapper {
	width:  950px;
	height: 620px;
	padding: 30px;
	position: absolute;
	left: 50%; top:  50%; 
	margin: -340px 0 0 -505px;
}

		@media only screen and (max-width : 1010px) {
			#wrapper {
				position: static;
				margin: 0 auto;
			}
		}
		
		@media only screen and (max-height : 680px) {
			#wrapper {
				position: static;
				margin: 0 auto;
			}
		}




/* ================================= SECTION ================================= */




section {
	width:  890px;
	height: 590px;
	float: left;
}




/* ================================= MENU_LATERAL ================================= */




#menu_lateral {
	width:  50px;
	height: 590px;
	float: right;
}

#menu_lateral li {
	width:  50px;
	height: 50px;
	margin-bottom: 10px;
	border-radius: 7px;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 0.25s;
	   -moz-transition: all ease 0.25s;
	     -o-transition: all ease 0.25s;
	        transition: all ease 0.25s;
}

#menu_lateral a {
	display: block;
	width:  50px;
	height: 50px;
	font: normal 400 20px/14px "freight-sans-pro", sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 18px 0 0 0;
	-webkit-transition: all ease 0.25s;
	   -moz-transition: all ease 0.25s;
	     -o-transition: all ease 0.25s;
	        transition: all ease 0.25s;
}


#menu_lateral span { display: none; }


#menu_lateral li:hover { width:  100px; }

#menu_lateral li:hover a {
	width: 80px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	padding: 11px 10px 0 10px;
}

#menu_lateral li:hover span { display: inline; }



#menu_lateral .home              { background-color: #CFCFCF; }

#menu_lateral .tabaruba-design   { background-color: #39A5CF; }

#menu_lateral .projetos          { background-color: #FF6600; }

#menu_lateral .contato           { background-color: #CBCD9A; }

#menu_lateral .design-thinking   { background-color: #F7A81C; }

#menu_lateral .design-management { background-color: #D30010; }

#menu_lateral .identidade-total  { background-color: #6E3C15; }

#menu_lateral .bruno-lemgruber   { background-color: #6EA027; }

#menu_lateral .luciana-junqueira { background-color: #83D3D2; }

#menu_lateral .insight           { background-color: #193F54; }


/* -------------- Animação -------------- */


#menu_lateral li           { -webkit-animation-duration: 1s;
                                -moz-animation-duration: 1s;
                                  -o-animation-duration: 1s;
                                     animation-duration: 1s;
                            -webkit-animation-fill-mode: forwards;
                               -moz-animation-fill-mode: forwards;
                                 -o-animation-fill-mode: forwards;
                                    animation-fill-mode: forwards; }

#menu_lateral li:nth-child(1)  { -webkit-animation-name: menu_lateral_01;
                                    -moz-animation-name: menu_lateral_01;
                                      -o-animation-name: menu_lateral_01;
                                         animation-name: menu_lateral_01; }

#menu_lateral li:nth-child(2)  { -webkit-animation-name: menu_lateral_02;
                                    -moz-animation-name: menu_lateral_02;
                                      -o-animation-name: menu_lateral_02;
                                         animation-name: menu_lateral_02; }

#menu_lateral li:nth-child(3)  { -webkit-animation-name: menu_lateral_03;
                                    -moz-animation-name: menu_lateral_03;
                                      -o-animation-name: menu_lateral_03;
                                         animation-name: menu_lateral_03; }

#menu_lateral li:nth-child(4)  { -webkit-animation-name: menu_lateral_04;
                                    -moz-animation-name: menu_lateral_04;
                                      -o-animation-name: menu_lateral_04;
                                         animation-name: menu_lateral_04; }

#menu_lateral li:nth-child(5)  { -webkit-animation-name: menu_lateral_05;
                                    -moz-animation-name: menu_lateral_05;
                                      -o-animation-name: menu_lateral_05;
                                         animation-name: menu_lateral_05; }

#menu_lateral li:nth-child(6)  { -webkit-animation-name: menu_lateral_06;
                                    -moz-animation-name: menu_lateral_06;
                                      -o-animation-name: menu_lateral_06;
                                         animation-name: menu_lateral_06; }

#menu_lateral li:nth-child(7)  { -webkit-animation-name: menu_lateral_07;
                                    -moz-animation-name: menu_lateral_07;
                                      -o-animation-name: menu_lateral_07;
                                         animation-name: menu_lateral_07; }

#menu_lateral li:nth-child(8)  { -webkit-animation-name: menu_lateral_08;
                                    -moz-animation-name: menu_lateral_08;
                                      -o-animation-name: menu_lateral_08;
                                         animation-name: menu_lateral_08; }

#menu_lateral li:nth-child(9)  { -webkit-animation-name: menu_lateral_09;
                                    -moz-animation-name: menu_lateral_09;
                                      -o-animation-name: menu_lateral_09;
                                         animation-name: menu_lateral_09; }

#menu_lateral li:nth-child(10) { -webkit-animation-name: menu_lateral_10;
                                    -moz-animation-name: menu_lateral_10;
                                      -o-animation-name: menu_lateral_10;
                                         animation-name: menu_lateral_10; }

@-webkit-keyframes menu_lateral_01 { 0% { top:   -0; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_01 { 0% { top:   -0; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_01 { 0% { top:   -0; } 100% { top: 0; } }
       @-keyframes menu_lateral_01 { 0% { top:   -0; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_02 { 0% { top:  -60; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_02 { 0% { top:  -60; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_02 { 0% { top:  -60; } 100% { top: 0; } }
       @-keyframes menu_lateral_02 { 0% { top:  -60; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_03 { 0% { top: -120; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_03 { 0% { top: -120; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_03 { 0% { top: -120; } 100% { top: 0; } }
       @-keyframes menu_lateral_03 { 0% { top: -120; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_04 { 0% { top: -180; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_04 { 0% { top: -180; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_04 { 0% { top: -180; } 100% { top: 0; } }
       @-keyframes menu_lateral_04 { 0% { top: -180; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_05 { 0% { top: -240; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_05 { 0% { top: -240; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_05 { 0% { top: -240; } 100% { top: 0; } }
       @-keyframes menu_lateral_05 { 0% { top: -240; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_06 { 0% { top: -300; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_06 { 0% { top: -300; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_06 { 0% { top: -300; } 100% { top: 0; } }
       @-keyframes menu_lateral_06 { 0% { top: -300; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_07 { 0% { top: -360; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_07 { 0% { top: -360; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_07 { 0% { top: -360; } 100% { top: 0; } }
       @-keyframes menu_lateral_07 { 0% { top: -360; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_08 { 0% { top: -420; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_08 { 0% { top: -420; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_08 { 0% { top: -420; } 100% { top: 0; } }
       @-keyframes menu_lateral_08 { 0% { top: -420; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_09 { 0% { top: -480; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_09 { 0% { top: -480; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_09 { 0% { top: -480; } 100% { top: 0; } }
       @-keyframes menu_lateral_09 { 0% { top: -480; } 100% { top: 0; } }

@-webkit-keyframes menu_lateral_10 { 0% { top: -540; } 100% { top: 0; } }
   @-moz-keyframes menu_lateral_10 { 0% { top: -540; } 100% { top: 0; } }
     @-o-keyframes menu_lateral_10 { 0% { top: -540; } 100% { top: 0; } }
       @-keyframes menu_lateral_10 { 0% { top: -540; } 100% { top: 0; } }




/* ================================= FOOTER ================================= */




footer { /* background: #00ffff; */
	width:  890px;
	height: 20px;
	margin-top: 10px;
	float: left;
	text-align: center;
	font: normal 300 14px/20px "freight-sans-pro", sans-serif;
	color: #999;
}


/*
===================================================================================================
ESTILOS ESPECÍFICOS (DAS PÁGINAS)
===================================================================================================
*/




/* ================================= GERAL PAGINAS  INTERNAS ================================= */




/* -------------- Construção de Layout -------------- */


.area_1,
.area_2,
.area_3,
.area_4,
.area_5,
.area_6 { float: left; }

.modulo,
.icone {
	border-radius: 10px;
	float: left;
	overflow: hidden;
}

.modulo {
	width:  138px;
	height: 138px;
	border: 1px solid #BBB;
}

.icone {
	width:  140px;
	height: 140px;
	position: relative;
	background-size: contain;
}


/* -------------- Icones -------------- */


.icone.tabaruba-design,
.icone.projetos,
.icone.contato,
.icone.design-thinking,
.icone.design-management,
.icone.identidade-total,
.icone.bruno-lemgruber,
.icone.luciana-junqueira,
.icone.insight {
	-webkit-transition: all ease 0.1s;
	   -moz-transition: all ease 0.1s;
	     -o-transition: all ease 0.1s;
	        transition: all ease 0.1s;
}

.icone.tabaruba-design   { background: url(../imagens/botao-g_tabaruba-design.png), #39A5CF; }

.icone.projetos          { background: url(../imagens/botao-g_projetos.png), #FF6600; }

.icone.contato           { background: url(../imagens/botao-g_contato.png), #CBCD9A; }

.icone.design-thinking   { background: url(../imagens/botao-g_design-thinking.png), #F7A81C; }

.icone.design-management { background: url(../imagens/botao-g_design-management.png), #D30010; }

.icone.identidade-total  { background: url(../imagens/botao-g_identidade-total.png), #6E3C15; }

.icone.bruno-lemgruber   { background: url(../imagens/botao-g_bruno-lemgruber.png), #6EA027; }

.icone.luciana-junqueira { background: url(../imagens/botao-g_luciana-junqueira.png), #83D3D2; }

.icone.insight           { background: url(../imagens/botao-g_insight.png), #193F54; }


.icone.tabaruba-design:hover   { background: url(../imagens/botao-g_tabaruba-design.png), #3484B8; }

.icone.projetos:hover          { background: url(../imagens/botao-g_projetos.png), #F83D1B; }

.icone.contato:hover           { background: url(../imagens/botao-g_contato.png), #B3B97C; }

.icone.design-thinking:hover   { background: url(../imagens/botao-g_design-thinking.png), #ED8A24; }

.icone.design-management:hover { background: url(../imagens/botao-g_design-management.png), #BC1915; }

.icone.identidade-total:hover  { background: url(../imagens/botao-g_identidade-total.png), #4D230D; }

.icone.bruno-lemgruber:hover   { background: url(../imagens/botao-g_bruno-lemgruber.png), #4D851D; }

.icone.luciana-junqueira:hover { background: url(../imagens/botao-g_luciana-junqueira.png), #69C2BE; }

.icone.insight:hover           { background: url(../imagens/botao-g_insight.png), #0F2537; }


.icone a { text-decoration: none; }

.icone h1,
.icone h2 {
     font: 300 15px/15px "freight-sans-pro",sans-serif;
     letter-spacing: 0.025em;
     margin: 10px 0px 0px 35px;
     color: white;
}

.icone.identidade-total h1,
.icone.identidade-total h2 { margin-left: 40px; }

.icone.insight h1,
.icone.insight h2 { margin-left: 50px; }



/* -------------- Tipografia -------------- */

/* para corpo de texto (parágrafos) */

.t01 {
	font: normal 300 15px/18px "freight-sans-pro", sans-serif;
	color: black;
	letter-spacing: 0.025em;
}

.t01 a { color: #999; }

.t01 p + p { margin-top: 9px; }




/* ================================= INDEX ================================= */




#index #menu_lateral { display: none; }

#index .modulo,
#index .icone {
	margin: 0 10px 10px 0;
}

#index .background,
#index .background img,
#index .background-mask {
	position: absolute;
	width:  890px;
	height: 590px;
}

#index .background img { top:  0; left: 0; }

#index .background-mask {
	background-image: url(../imagens/home_background_mask.png);
	background-size: contain;
}

#index section div:nth-child(6n+2) { margin-right: 0; }

#index section .icone a {
	display: block;
	width:  140px;
	height: 140px;
}


/* -------------- Animação -------------- */

#index .icone           { -webkit-animation-duration: 0.5s;
                             -moz-animation-duration: 0.5s;
                               -o-animation-duration: 0.5s;
                                  animation-duration: 0.5s;
                         -webkit-animation-fill-mode: forwards;
                            -moz-animation-fill-mode: forwards;
                              -o-animation-fill-mode: forwards;
                                 animation-fill-mode: forwards; 
                                             opacity: 0; }

#index section .tabaruba-design.ativada   { -webkit-animation-name: menu_home_01;
                                       -moz-animation-name: menu_home_01;
                                         -o-animation-name: menu_home_01;
                                            animation-name: menu_home_01; 
                                   -webkit-animation-delay: 0.00s;
                                      -moz-animation-delay: 0.00s;
                                        -o-animation-delay: 0.00s;
                                           animation-delay: 0.00s; }

#index section .projetos.ativada          { -webkit-animation-name: menu_home_02;
                                       -moz-animation-name: menu_home_02;
                                         -o-animation-name: menu_home_02;
                                            animation-name: menu_home_02; 
                                   -webkit-animation-delay: 0.25s;
                                      -moz-animation-delay: 0.25s;
                                        -o-animation-delay: 0.25s;
                                           animation-delay: 0.25s; }

#index section .contato.ativada           { -webkit-animation-name: menu_home_03;
                                       -moz-animation-name: menu_home_03;
                                         -o-animation-name: menu_home_03;
                                            animation-name: menu_home_03; 
                                   -webkit-animation-delay: 0.50s;
                                      -moz-animation-delay: 0.50s;
                                        -o-animation-delay: 0.50s;
                                           animation-delay: 0.50s; }

#index section .design-thinking.ativada   { -webkit-animation-name: menu_home_04;
                                       -moz-animation-name: menu_home_04;
                                         -o-animation-name: menu_home_04;
                                            animation-name: menu_home_04; 
                                   -webkit-animation-delay: 0.75s;
                                      -moz-animation-delay: 0.75s;
                                        -o-animation-delay: 0.75s;
                                           animation-delay: 0.75s; }

#index section .design-management.ativada { -webkit-animation-name: menu_home_05;
                                       -moz-animation-name: menu_home_05;
                                         -o-animation-name: menu_home_05;
                                            animation-name: menu_home_05; 
                                   -webkit-animation-delay: 1.00s;
                                      -moz-animation-delay: 1.00s;
                                        -o-animation-delay: 1.00s;
                                           animation-delay: 1.00s; }

#index section .identidade-total.ativada  { -webkit-animation-name: menu_home_06;
                                       -moz-animation-name: menu_home_06;
                                         -o-animation-name: menu_home_06;
                                            animation-name: menu_home_06; 
                                   -webkit-animation-delay: 1.25s;
                                      -moz-animation-delay: 1.25s;
                                        -o-animation-delay: 1.25s;
                                           animation-delay: 1.25s; }

#index section .bruno-lemgruber.ativada   { -webkit-animation-name: menu_home_07;
                                       -moz-animation-name: menu_home_07;
                                         -o-animation-name: menu_home_07;
                                            animation-name: menu_home_07; 
                                   -webkit-animation-delay: 1.50s;
                                      -moz-animation-delay: 1.50s;
                                        -o-animation-delay: 1.50s;
                                           animation-delay: 1.50s; }

#index section .luciana-junqueira.ativada { -webkit-animation-name: menu_home_08;
                                       -moz-animation-name: menu_home_08;
                                         -o-animation-name: menu_home_08;
                                            animation-name: menu_home_08; 
                                   -webkit-animation-delay: 1.75s;
                                      -moz-animation-delay: 1.75s;
                                        -o-animation-delay: 1.75s;
                                           animation-delay: 1.75s; }

#index section .insight.ativada           { -webkit-animation-name: menu_home_09;
                                       -moz-animation-name: menu_home_09;
                                         -o-animation-name: menu_home_09;
                                            animation-name: menu_home_09; 
                                   -webkit-animation-delay: 2.00s;
                                      -moz-animation-delay: 2.00s;
                                        -o-animation-delay: 2.00s;
                                           animation-delay: 2.00s; }

@-webkit-keyframes menu_home_01 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
   @-moz-keyframes menu_home_01 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
     @-o-keyframes menu_home_01 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
       @-keyframes menu_home_01 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }

@-webkit-keyframes menu_home_02 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
   @-moz-keyframes menu_home_02 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
     @-o-keyframes menu_home_02 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }
       @-keyframes menu_home_02 { 0% { top:    -150; opacity: 0; } 100% { top:    0; opacity: 1; } }

@-webkit-keyframes menu_home_03 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
   @-moz-keyframes menu_home_03 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
     @-o-keyframes menu_home_03 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
       @-keyframes menu_home_03 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }

@-webkit-keyframes menu_home_04 { 0% { right:  -300; opacity: 0; } 100% { right:  0; opacity: 1; } }
   @-moz-keyframes menu_home_04 { 0% { right:  -300; opacity: 0; } 100% { right:  0; opacity: 1; } }
     @-o-keyframes menu_home_04 { 0% { right:  -300; opacity: 0; } 100% { right:  0; opacity: 1; } }
       @-keyframes menu_home_04 { 0% { right:  -300; opacity: 0; } 100% { right:  0; opacity: 1; } }

@-webkit-keyframes menu_home_05 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
   @-moz-keyframes menu_home_05 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
     @-o-keyframes menu_home_05 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }
       @-keyframes menu_home_05 { 0% { left:   -300; opacity: 0; } 100% { left:   0; opacity: 1; } }

@-webkit-keyframes menu_home_06 { 0% { left:   -150; opacity: 0; } 100% { left:   0; opacity: 1; } }
   @-moz-keyframes menu_home_06 { 0% { left:   -150; opacity: 0; } 100% { left:   0; opacity: 1; } }
     @-o-keyframes menu_home_06 { 0% { left:   -150; opacity: 0; } 100% { left:   0; opacity: 1; } }
       @-keyframes menu_home_06 { 0% { left:   -150; opacity: 0; } 100% { left:   0; opacity: 1; } }

@-webkit-keyframes menu_home_07 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
   @-moz-keyframes menu_home_07 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
     @-o-keyframes menu_home_07 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
       @-keyframes menu_home_07 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }

@-webkit-keyframes menu_home_08 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
   @-moz-keyframes menu_home_08 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
     @-o-keyframes menu_home_08 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }
       @-keyframes menu_home_08 { 0% { bottom: -150; opacity: 0; } 100% { bottom: 0; opacity: 1; } }

@-webkit-keyframes menu_home_09 { 0% { right:  -150; opacity: 0; } 100% { right:  0; opacity: 1; } }
   @-moz-keyframes menu_home_09 { 0% { right:  -150; opacity: 0; } 100% { right:  0; opacity: 1; } }
     @-o-keyframes menu_home_09 { 0% { right:  -150; opacity: 0; } 100% { right:  0; opacity: 1; } }
       @-keyframes menu_home_09 { 0% { right:  -150; opacity: 0; } 100% { right:  0; opacity: 1; } }




/* ================================= TABARUBA DESIGN ================================= */




#tabaruba-design .area_1 {
	width:  440px;
	height: 590px;
	margin-right: 10px;
}

	#tabaruba-design .area_1 .icone { margin: 0 10px 10px 0; }

	#tabaruba-design .area_1 .modulo:nth-child(2) { margin: 0 10px 10px 0; }

	#tabaruba-design .area_1 .modulo:nth-child(3) { margin-bottom: 10px; }

	#tabaruba-design .area_1 .modulo:nth-child(4) { width: 418px; height: 418px; padding: 10px; }


#tabaruba-design .area_2 {
	width:  440px;
	height: 590px;
}

	#tabaruba-design .area_2 .modulo { width: 438px; height: 588px; }




/* ================================= PROJETOS ================================= */




#projetos .area_1 {
	width:  600px;
}

	#projetos #lista-thumbs li { 
		width:  288px;
		height: 288px;
		border: 1px solid #BBB;
		border-radius: 10px;
		float: left;
		overflow: hidden;
		margin: 0 10px 10px 0;
	}
	
	#projetos #lista-thumbs li span { display: none; }
	
	#projetos #lista-thumbs li img { width: 100%; height: 100%; }


#projetos .area_2 {
	width:  290px;
	height: 590px;
}

	#projetos .area_2 .modulo:nth-child(1) { width: 118px; height: 118px; padding: 10px; margin: 0 10px 10px 0; }

	#projetos .area_2 .icone { margin-bottom: 10px; }

	#projetos .area_2 .modulo:nth-child(3) { width: 268px; height: 418px; padding: 10px; overflow: auto; }
	
	#projetos #lista-nomes li img { display: none; }


		@media only screen and (min-width : 1010px) {

			#projetos .area_2 { position: fixed; margin-left: 600px; }
	
			#projetos #menu_lateral { position: fixed; margin-left: 900px; }

		}


#projetos #lista-de-categorias { cursor: pointer;	}

#projetos .show_todos {
	width:  10px;
	height: 10px;
	float: right;
	background: url(../imagens/x.png) no-repeat center center; 
	background: url(../imagens/x.svg) no-repeat center center; 
	opacity: .25;
}

#projetos .show_todos:hover {	opacity: 1; }

#projetos footer { display: none; }


/* -------------- Tipografia -------------- */


#projetos #lista-de-categorias {
	font: normal 300 14px/20px "freight-sans-pro", sans-serif;
	color: #999;
}

#projetos #lista-de-categorias li:hover { color: black; }

#projetos #lista-nomes a {
	font: normal 300 14px/20px "freight-sans-pro", sans-serif;
	text-decoration: none;
	color: black;
}

#projetos #lista-nomes a:hover { color: #F60; }



/* ================================= PROJETOS-INTERNA ================================= */

#projetos-interna .area_1 {
	width: 590px;
	margin-right: 10px;
}

	#projetos-interna .area_1 .modulo { width: 588px; height: inherit; margin-bottom: 10px; }
	
	#projetos-interna .area_1 .semBorda { width: 590px; height: inherit; border: none; border-radius: 0; }


#projetos-interna .area_2 {
	width:  290px;
	height: 590px;
}

	#projetos-interna .area_2 .modulo:nth-child(1) { margin: 0 10px 10px 0; }

	#projetos-interna .area_2 .icone { background-image: url(../imagens/botao-g_projetos-voltar.png);
									   background-position: left top;
									   margin-bottom: 10px;
									   background-size: cover;
									   -webkit-transition: background-position ease 0.5s;
									   -moz-transition: background-position ease 0.5s;
									   -o-transition: background-position ease 0.5s;
									   transition: background-position ease 0.5s; }
	
	#projetos-interna .area_2 .icone:hover { background-position: right top; }
	
	#projetos-interna .area_2 .modulo:nth-child(3) { width: 268px; height: 418px; padding: 10px; }


		@media only screen and (min-width : 1010px) {

			#projetos-interna .area_2 { position: fixed; margin-left: 600px; }
	
			#projetos-interna #menu_lateral { position: fixed; margin-left: 900px; }

		}

#projetos-interna .icone a {
	display: block;
	width:  100%;
	height: 100%;
}

#projetos-interna footer { display: none; }


/* -------------- Tipografia -------------- */


#projetos-interna h1 {
	font: normal 400 20px/16px "freight-sans-pro", sans-serif;
	color: black;
}

#projetos-interna .legenda {
	font: normal 300 14px/16px "freight-sans-pro", sans-serif;
	color: #ff5216;
	margin: 9px 0;
}



/* ================================= CONTATO ================================= */



#contato .area_1 {
	width:  890px;
	height: 140px;
	margin-bottom: 10px;
}

	#contato .area_1 .modulo { margin-right: 10px; }

	#contato .area_1 .modulo:nth-child(2) { width: 288px; }
	
	#contato .area_1 .modulo:last-child { margin-right: 0; }


#contato .area_2 {
	width:  290px;
	height: 440px;
	margin-right: 10px;
}

	#contato .area_2 .modulo:nth-child(1) { margin-right: 10px; }

	#contato .area_2 .modulo:nth-child(3),

	#contato .area_2 .modulo:nth-child(4) { height: 118px; width: 268px; padding: 10px; margin-top: 10px; }


#contato .area_3 {
	width:  440px;
	height: 440px;
	margin-right: 10px;
}

	#contato .area_3 .modulo { width: 438px; height: 438px; }


#contato .area_4 {
	width:  140px;
	height: 440px;
}

	#contato .area_4 .modulo:nth-child(1) { height: 288px; margin-bottom: 10px; }




/* ================================= DESIGN-THINKING ================================= */




#design-thinking .area_1 {
	width:  590px;
	height: 590px;
	margin-right: 10px;
}

	#design-thinking .area_1 .modulo { margin-right: 10px; }

	#design-thinking .area_1 .modulo:nth-child(1) { width: 568px; height: 418px; margin-bottom: 10px; margin-right: 0px; padding: 10px; }

	#design-thinking .area_1 .modulo:nth-child(5) { margin-right: 0px; }


#design-thinking .area_2 {
	width:  140px;
	height: 290px;
}

	#design-thinking .area_2 .modulo:nth-child(1) { margin-bottom: 10px;}


#design-thinking .area_3 {
	width:  140px;
	height: 290px;
	margin-left: 10px;
}

	#design-thinking .area_3 .modulo { height: 288px; }


#design-thinking .area_4 {
	width:  290px;
	height: 290px;
	margin-top: 10px;
}

	#design-thinking .area_4 .modulo { width:  288px; height: 288px; }




/* ================================= DESIGN MANAGEMENT ================================= */




#design-management .area_1 {
	width:  290px;
	height: 590px;
	margin-right: 10px;
}

	#design-management .area_1 .modulo:nth-child(1) {
		width:  288px;
		height: 288px;
		margin-bottom: 10px;
	}
	
	#design-management .area_1 .modulo:nth-child(2) {
		height: 288px;
		margin-right: 10px;
	}
	
	#design-management .area_1 .icone {
		margin-bottom: 10px;
	}

#design-management .area_2 {
	width:  590px;
	height: 440px;
	margin-bottom: 10px;
}

	#design-management .area_2 .modulo:nth-child(1) { width: 418px; height: 418px; padding: 10px; margin-right: 10px; }
	
	#design-management .area_2 .modulo:nth-child(2),
	
	#design-management .area_2 .modulo:nth-child(3) { margin-bottom: 10px; }


#design-management .area_3 {
	width:  590px;
	height: 140px;
}

	#design-management .area_3 .modulo:nth-child(1),

	#design-management .area_3 .modulo:nth-child(2) { margin-right: 10px; }

	#design-management .area_3 .modulo:nth-child(3) { width: 288px; }




/* ================================= IDENTIDADE TOTAL ================================= */




#identidade-total .area_1 {
	width:  140px;
	height: 590px;
	margin-right: 10px;
}

	#identidade-total .area_1 .modulo { margin-bottom: 10px; }
	
	#identidade-total .area_1 .modulo:nth-child(2) { height: 288px; }


#identidade-total .area_2 {
	width:  440px;
	height: 590px;
	margin-right: 10px;
}

	#identidade-total .area_2 .modulo { width: 418px; height: 568px; padding: 10px; } /* texto */
	
	
#identidade-total .area_3 {
	width:  290px;
	height: 590px;
}

	#identidade-total .area_3 .modulo:nth-child(1) { width: 288px; height: 288px; margin-bottom: 10px; }
	
	#identidade-total .area_3 .modulo:nth-child(2) { width: 288px; margin-bottom: 10px; }
	
	#identidade-total .area_3 .modulo:nth-child(3) { margin-right: 10px; }




/* ================================= BRUNO LEMGRUBER ================================= */




#bruno-lemgruber .area_1 {
	width:  140px;
	height: 590px;
	margin-right: 10px;
}

	#bruno-lemgruber .area_1 .modulo { margin-bottom: 10px; }
	
	#bruno-lemgruber .area_1 .modulo:last-child { margin-bottom: 0; }


#bruno-lemgruber .area_2 {
	width:  290px;
	height: 590px;
	margin-right: 10px;
}

	#bruno-lemgruber .area_2 .modulo { margin: 0 10px 10px 0; }

	#bruno-lemgruber .area_2 .modulo:nth-child(1) { width:  288px; height: 288px; margin-right: 0; }

	#bruno-lemgruber .area_2 .modulo:nth-child(3) { margin-right: 0; }

	#bruno-lemgruber .area_2 .icone { margin: 0 10px 0 0; }

	#bruno-lemgruber .area_2 .modulo:nth-child(5) { margin: 0; }


#bruno-lemgruber .area_3 {
	width:  440px;
	height: 590px;
}

	#bruno-lemgruber .area_3 .modulo { margin: 0 10px 10px 0; }

	#bruno-lemgruber .area_3 .modulo:nth-child(3) { margin-right: 0; }

	#bruno-lemgruber .area_3 .modulo:nth-child(4) { width: 418px; height: 418px; padding: 10px; margin: 0; }




/* ================================= LUCIANA JUNQUEIRA ================================= */




#luciana-junqueira .area_1 {
	width:  890px;
	height: 140px;
	margin-bottom: 10px;
}

	#luciana-junqueira .area_1 .modulo { margin-right: 10px; }

	#luciana-junqueira .area_1 .modulo:nth-child(1) { width: 438px; }

	#luciana-junqueira .area_1 .modulo:nth-child(4) { margin-right: 0; }


#luciana-junqueira .area_2 {
	width:  440px;
	height: 440px;
	margin-right: 10px;
}

	#luciana-junqueira .area_2 .modulo { width: 418px; height: 418px; padding: 10px; }


#luciana-junqueira .area_3 {
	width:  140px;
	height: 440px;
	margin-right: 10px;
}

	#luciana-junqueira .area_3 .modulo { margin-bottom: 10px; }


#luciana-junqueira .area_4 {
	width:  290px;
	height: 440px;
}

	#luciana-junqueira .area_4 .modulo:nth-child(1) { width: 288px; height: 288px; margin-bottom: 10px; }

	#luciana-junqueira .area_4 .modulo:nth-child(2) { margin-right: 10px; }




/* ================================= INSIGHT ================================= */




#insight .modulo,
#insight .icone { margin: 0 10px 10px 0; }

#insight section div:nth-child(2) { width: 118px; height: 118px; padding: 10px; }

#insight section div:nth-child(6n) { margin-right: 0; }

#insight .icone { margin-bottom: 0; }


/* =================================TESTES================================= */