/* CSS para SSX Resolução HD */

body {
	background:#f3f3f3;
	}	
	
/* HEADER + NAVIGATION */
HEADER {
	width:100%;
	height:500px;
	
	background:url(../img/header/header-background.jpg) center top repeat-x;
	}

NAV {
	width:960px;
	height:80px;
	margin:0 auto;
	text-align:center;
	
	font-size:18px;
	font-weight:300;
	color:#FFF;
	}

NAV A {
	font-weight:300;
	color:#CCC;
	text-transform:uppercase;
	text-decoration:none;
	cursor: pointer;
	transition: all .3s ease;
	}

NAV A:hover	{
	color:#FFF;
	text-shadow:1px 0px 12px #FFF;
	}

NAV UL {
	display:inline-block;
	list-style-type: none;
	padding-top:8px;
	margin-left:-40px; /*corretivo de posição*/
	}

NAV LI {
	float: left;
	margin: 0;
	padding-right:1em;
	}

.LANGUAGE {
	font-size:x-small;
	vertical-align:top;
	}

#slogan {
	position:relative;
	width:780px;
	top:80px;
	margin:0 auto;
	text-align:center;
	}


#SSX-Logo-Puzzle-Piece {
	position:absolute;
	top:210px;
	width:311px;
	height:252px;
	margin-left:50%;
	left:-153px;
	background:url(../img/header/SSX-Logo-Puzzle-Piece.png)center center no-repeat;
	z-index:5;
	}

#conector-animated {
	position:absolute;
	top:314px;
	width:180px;
	height:68px;
	margin-left:50%;
	left:-84px;
	z-index:10;
	background:url(../img/header/conecte.png) bottom center no-repeat;
	}

#quebra-cabeca-conectados {
	position:absolute;
	top:385px;
	width:100%;
	height:115px;
	background:url(../img/header/blue-puzzle-row.png) bottom center no-repeat;
	}


	#containment-wrapper {
		position: absolute;
		left: 50%;
		margin-left: -154px;
		margin-top: -38px;
		width: 400px;
		height: 394px;
		padding: 0px;
		z-index: 20;
	}
	#pecapuzzle{
		z-index: 20;
	}


	

/* CHAPTER GENERAL + CHAPTER BLUE*/
#CHAPTER {
	width:100%;
	height:120px;
	margin:20px auto;
	text-align:center;
	box-shadow: 0px 8px 20px -6px rgba(0,0,0,0.25);
	padding-top:20px;
	}

.CHAPTER-ANCHOR {
	padding-top:0px;
	}

#CHAPTER-BLUE {
	width:100%;
	height:120px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	
	background:#1f89f1
	}



#FRASE-EFEITO {
	width:100%;
	background:#ffc600;
	text-align:center;
	padding:20px 0 20px 0;

	font-family:'Exo 2', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	line-height:32px;
	font-size:21px;
	color:#222;
	text-shadow: 0px 1px 2px #fff1c0;
	}


/* USANDO 2 COLUNAS DINÂMICAS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
}
#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
	border-right:2px solid #09F;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}




/* SEÇÃO RESULTADOS*/
#RESULTADOS {
	width:940px;
	height:480px;
	margin:0 auto;
	text-align:center;
	}










/* SEÇÃO O QUE FAZEMOS */
#o-que-fazemos {
	width:940px;
	margin:0 auto;
	}

#o-que-fazemos-4-itens {
	width:100%;
	height:450px;
	background:#1f89f1 url(../img/OQUE/oque-fazemos-4-itens.png) center top no-repeat;
	box-shadow: inset 0px 14px 20px -10px rgba(0,0,0,0.3);
	}
















/* SEÇÃO QUEM SOMOS */
#FOTO-EQUIPE {
	width:100%;
	height:460px;
	position:relative;
	top:-20px;
	background:url(../img/equipe/foto-equipe5.jpg) top center no-repeat #FFF;	
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.2);
	}

#EQUIPE-BLUE-BAR {
	width:100%;
	height:68px;
	margin:0 auto;
	background:#1f89f1;
	border-bottom:2px solid #333;
	text-align:center;
	position:absolute;
	bottom:0;
	}

#EQUIPE-BLUE-BAR-V2 {
	width:100%;
	height:50px;
	margin:0 auto;
	background:#2873bd;
	text-align:center;
	position:absolute;
	bottom:-50px;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.2);
}



#ASSOCIATES {
	position:relative;
	width:420px;
	height:40px;
	background:transparent;
	color:#FFF;
	top:0px;

	padding-top:10px;
	display:inline-block;
	transition: all .3s ease;

	font-family:'Exo 2', sans-serif;
	font-size:0.9em;
	font-weight:300;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}


#ASSOCIATES:hover {
	color:#1f89f1 !important;
	background:#FFF;
	width: 500px;
	cursor:pointer;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

#ASSOCIATES:hover > a {color:#1f89f1 !important;}


#ASSOCIATES a {color:#fff; text-decoration: none;}
#ASSOCIATES a:hover {color:#1f89f1;}



#NAME-HOLDER {
	position:relative;
	width:260px;
	height:32px;
	background:#1f89f1;
	color:#FFF;
	top:6px;

	padding-top:10px;
	display:inline-block;
	transition: all .3s ease;

	font-family:'Exo 2', sans-serif;
	font-size:0.9em;
	line-height:0.2em;
	font-weight:300;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}

#NAME-HOLDER:hover {
	color:#1f89f1;
	background:#FFF;
	height:84px;
	top:-26px;
	cursor:pointer;	
	}

#NAME-HOLDER P {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.8em;
	text-align:center;
	}

#NAME-HOLDER A {
	text-decoration:none;
	color:inherit;
	}

#NAME-HOLDER A:hover {
	color:inherit;
	}

#NAME-HOLDER IMG {
	margin-left:-25px;
	vertical-align:middle;
	}
.name-holder-small {font-size:16px !important; line-height:4px !important;}
.name-holder-xsmall {font-size:12px !important; line-height:4px !important;}

.perfil-foto {
	float:left;
	margin-right:16px;
	border:2px solid #0089fe;
	}

.perfil-foto:hover {
	border:2px solid #f16e1f;
	}


#VALORES {
	width:100%;
	height:140px;
	margin:30px auto;
	text-align:center;
	padding-top:20px;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	background-color:#DDD;
	}

#VALORES-CONTAINER {
	width:960px;
	margin:0 auto;
	}

#MISSAO-BOX {
	position:relative;
	top:20px;
	width:300px;
	border:2px solid #0089fe;
	background:#FFF;
	border-radius:0px 20px 0px 20px;
	float:left;
	box-shadow: 0px 14px 10px -8px rgba(0,0,0,0.3);
	}

#VISAO-BOX {
	position:relative;
	top:20px;
	margin-left:20px;
	width:300px;
	border:2px solid #0089fe;
	background:#FFF;
	border-radius:0px 20px 0px 20px;
	float:left;
	box-shadow: 0px 14px 10px -8px rgba(0,0,0,0.3);
	}

#VALORES-BOX {
	position:relative;
	top:20px;
	margin-left:20px;
	width:300px;
	border:2px solid #0089fe;
	background:#FFF;
	border-radius:0px 20px 0px 20px;
	float:left;
	box-shadow: 0px 14px 10px -8px rgba(0,0,0,0.3);
	}











/* QUEM USA / CLIENTES */
#CLIENTES {
	width:960px;
	margin:0 auto;
	}


#PORTFOLIO {
	width:960px;
	height:880px;
	margin:0 auto;
	}


	#BOX-CLIENTES {
	position:relative;
	width:100%;
	height:420px;
	background:#FFF;
	text-align:center;
	
	display:block;
	float:left;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}
	
	
	#BOX-PARCEIROS {
	position:relative;
	width:45%;
	height:380px;
	left:0;
	top:40px;
	background:#FFF;
	text-align:center;
	
	display:block;
	float:left;

	margin-left:10px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

	#BOX-PARCEIROS2 {
	position:relative;
	width:300px;
	height:340px;
	background:#FFF;
	text-align:center;
	
	display:block;
	float:left;

	margin-left:10px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}
	
	#BOX-PROJETOS-CULTURAIS-SSX{
	position:relative;
	width:40%;
	height:380px;
	top:40px;
	left:6%;
	background:#FFF;
	text-align:center;

	display:block;
	float:left;

	margin-left:10px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}
	
	#BOX-PROJETOS-CULTURAIS{
	position:relative;
	width:25%;
	height:230px;
	top:0;
	left:0;
	background:#FFF;
	text-align:center;

	display:block;
	float:left;

	margin-left:10px;
	padding:70px 20px 0 20px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

	#BOX-PROJETOS-CULTURAIS h7 {font-size: 21px;}
	
	#BOX-CONCEITOS {
	position:relative;
	width:300px;
	height:290px;
	background:#FFF;
	text-align:center;
	
	display:block;
	float:left;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}










/* SEÇÃO SERVIÇOS SSX */
#SERVICO-WRAPPER {
	width:800px;
	margin:0 auto;
	}

#SERVICO {
	width:800px;
	margin:1em auto;
	text-align:center;
	
	display:inline-block;
	}

#ICON-LEFT {
	width:160px;
	text-align:center;
	margin:2em auto;

	float:left;
	}

#CONTENT-LEFT {
	width:550px;
	text-align:right;
	background:#FFF;
	padding:0 2em 1em 1em;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	
	float:left;
	}

#ICON-RIGHT {
	width:160px;
	text-align:center;
	margin:2em auto;
	float:right;
	}

#CONTENT-RIGHT {
	width:550px;
	text-align:left;
	background:#FFF;
	padding:0 1em 1em 2em;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);

	float:right;
	}

#MORE-RIGHT A{
	position:relative;
	float:right;
	display:inline-block;
	width:80px;
	height:14px;
	padding:.5em 0 1em 1em;
	margin-top:-1em;
		
	font-family:'Exo 2', sans-serif;
	color:#222;
	font-size:12pt;
	font-weight:300;
	text-decoration:none;
	text-transform:uppercase;
	transition: all .3s ease;

	z-index:50;
	}

#MORE-RIGHT IMG {vertical-align:text-bottom;}

#MORE-RIGHT A:hover{
	color:#FFF;
	}

#MORE-LEFT A{
	position:relative;
	float:left;
	display:inline-block;
	width:80px;
	height:14px;
	padding:.5em .5em 1em 0;
	margin-top:-1em;
	
	font-family:'Exo 2', sans-serif;
	color:#222;
	font-size:12pt;
	font-weight:300;
	text-decoration:none;
	text-transform:uppercase;
	transition: all .3s ease;

	z-index:50;
	}

#MORE-LEFT A:hover{
	color:#FFF;
	}

#MORE-LEFT IMG {vertical-align:text-bottom;}

/* COLORAÇÃO DOS PRODUTOS */
.BORDA-ROSA {border-right:6px solid #fd63ba; transition: all .3s ease;}
.BORDA-ROSA:hover {border-right:12px solid #fd63ba;}
.BORDA-AZUL {border-left:6px solid #4d95cc; transition: all .3s ease;}
.BORDA-AZUL:hover{border-left:12px solid #4d95cc;}
.BORDA-LARANJA {border-right:6px solid #f27b53; transition: all .3s ease;}
.BORDA-LARANJA:hover {border-right:12px solid #f27b53;}
.BORDA-VERDE {border-left:6px solid #23b3aa; transition: all .3s ease;}
.BORDA-VERDE:hover {border-left:12px solid #23b3aa;}
.BORDA-ROXA {border-right:6px solid #8558a8; transition: all .3s ease;}
.BORDA-ROXA:hover {border-right:12px solid #8558a8;}
.BORDA-VERMELHO {border-right:6px solid #f03f43; transition: all .3s ease;}
.BORDA-VERMELHO:hover {border-right:12px solid #f03f43;}
.BORDA-AMARELO {border-left:6px solid #f1d04c; transition: all .3s ease;}
.BORDA-AMARELO:hover {border-left:12px solid #f1d04c;}
.BORDA-LIMAO {border-left:6px solid #a6ce39; transition: all .3s ease;}
.BORDA-LIMAO:hover {border-left:12px solid #a6ce39;}
.BORDA-LARANJA-LIMA {border-right:6px solid #F1A923; transition: all .3s ease;}
.BORDA-LARANJA-LIMA:hover {border-right:12px solid #F1A923;}


.MORE-ROSA A { background:none;}
.MORE-ROSA A:hover { background:#fd63ba;}
.MORE-AZUL A { background:none;}
.MORE-AZUL A:hover { background:#4d95cc;}
.MORE-LARANJA A { background:none;}
.MORE-LARANJA A:hover { background:#f27b53;}
.MORE-VERDE A { background:none;}
.MORE-VERDE A:hover { background:#23b3aa;}
.MORE-ROXA A { background:none;}
.MORE-ROXA A:hover { background:#8558a8;}
.MORE-VERMELHO A { background:none;}
.MORE-VERMELHO A:hover { background:#f03f43;}
.MORE-AMARELO A { background:none;}
.MORE-AMARELO A:hover { background:#f1d04c;}
.MORE-LIMAO A { background:none;}
.MORE-LIMAO A:hover { background:#a6ce39;}
.MORE-LARANJA-LIMA A { background:none;}
.MORE-LARANJA-LIMA A:hover { background:#F1A923;}

#TITULO-ROSA {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#fd63ba;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-AZUL {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#4d95cc;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-LARANJA {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#f27b53;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-VERDE {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#23b3aa;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-VERMELHO {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#f03f43;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-AMARELO {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#f1d04c;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-ROXO {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#8558a8;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}

#TITULO-LIMAO {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#a6ce39;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}


#TITULO-LARANJA-LIMA {
	font-family:'Exo 2', sans-serif;
	font-size:31px;
	font-weight:300;
	color:#FFF;
	line-height:50px;
	padding-left:60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:680px;
	border-radius:16px 0 16px 0;
	background-color:#F1A923;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
	}


/* RELACIONADO EXCLUSIVAMENTE AOS SERVIÇOS */

	#BOX-REDESENHO-ORGANIZACIONAL1 {
	position:relative;
	width:300px;
	height:340px;
	background:#FFF;
	text-align:left;
	
	padding-left:30px;
	
	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

	#BOX-REDESENHO-ORGANIZACIONAL2 {
	position:relative;
	width:300px;
	height:160px;
	background:#FFF;
	text-align:left;
	
	top:-240px;
	left:370px;
	
	padding-left:30px;
	
	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}


	.arrow_box { position: relative; background: #fff; border: 4px solid #55a4f3; }
	.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 40px; margin-top: -40px; }
	.arrow_box:before { border-color: rgba(85, 164, 243, 0); border-left-color: #55a4f3; border-width: 46px; margin-top: -46px; }


#BOX-EXPORTAÇÃO-1 {
	position:relative;
	width:340px;
	background:#FFF;
	text-align:left;
	padding-bottom:20px;
	border:2px solid #55a4f3;
	border-radius:0 0 0 24px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-EXPORTAÇÃO-2 {
	position:relative;
	width:320px;
	top:-200px;
	left:380px;
	background:#FFF;
	text-align:left;
	padding-bottom:20px;
	border:2px solid #55a4f3;
	border-radius:0 0 24px 0;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-EXPORTAÇÃO-3 {
	position:relative;
	width:340px;
	top:-180px;
	background:#FFF;
	text-align:left;
	padding-bottom:20px;
	border:2px solid #55a4f3;
	border-radius:24px 0 0 0;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}


#BOX-EXPORTAÇÃO-4 {
	position:relative;
	width:340px;
	top:-380px;
	left:380px;
	background:#FFF;
	text-align:left;
	padding-bottom:20px;
	border:2px solid #55a4f3;
	border-radius:0 24px 0 0;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-EXPORTAÇÃO-1, #BOX-EXPORTAÇÃO-2, #BOX-EXPORTAÇÃO-3, #BOX-EXPORTAÇÃO-4 IMG {
	padding-left:20px;
	}

#box-holding1 { 
	display:block;
	height:760px;
	}

#box-holding2 { 
	display:block;
	height:790px;
	}

.imagem-esquerda {
	max-width:300px;
	padding-right:20px;
	float:left;
	}

.imagem-direita {
	max-width:300px;
	padding-left:20px;
	float:right;
	}



/* SEÇÃO ALÔ / CONTATO / FALE CONOSCO */
#ALO-WRAPPER {
	width:100%;
	margin:0 auto;
	background:#1f89f1;
	color:#FFF;
	padding-bottom:2em;
	}

#ALO-CONTENT {
	width:700px;
	margin:0 auto;
	}

#ALO-CONTENT A{
	color:#EEE;
	text-decoration:underline;
	transition: all .3s ease;
	}
#ALO-CONTENT A:hover {
	color:#FFF;
	text-shadow:1px 0px 12px #FFF;
	}



/* ACCORDION */
/*Define Accordion box*/
.accordion { width:80%; overflow:hidden; margin:10px auto; color:#444; background:#f3f3f3; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:10px;}
.accordion section:target:hover { background:#FFF;}
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#333; padding:0;}
.accordion section:target p {display:block;  color:#444; font-size:11pt;}
.accordion section h2 a{padding:8px 10px;display:block; font-size:14pt; font-weight:normal;color:#eee; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#FFF; cursor:pointer; background: #1f89f1; margin:3px; padding-bottom:10px; }
.accordion section:hover {background:#186ec2;}
.accordion section p { display:none;}
.accordion section:after{position:relative; font-size:11pt;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/


/*Vertical Accordion *************************************************************************/
.vertical section{ 
		width:100%; height:40px;
	  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:97%; 	transition: all .3s ease; }

.vertical section h2 { position:relative; left:0; top:-15px;}

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}



/* PRODUTOS SSX + MOCKUPS */
#MAXIMIZE-SAVE-CHAPTER {
	width:100%;
	height:1400px;
	}
	
#MAXIMIZE-SAVE-BOX-MOCKUP {
	width:960px;
	background:url(../img/produtos/maximize-save-box-mockup.jpg) left top no-repeat #f3f3f3;
	margin:0 auto;
	}

#MAXIMIZE-SAVE-CONTENTS {
	position:relative;
	width: 500px;
	height: 600px;
	left: 460px;
	top:120px;
	}

#PLUS-SIGN {
	font-family:'Exo 2', sans-serif;
	font-size:72pt;
	font-weight:300;

	position:relative;
	top:0px;
	left:270px;
	
	background: url(../img/elementos/plus-sign.png) center center no-repeat #00aced;
	
	border-radius:60px;
	width:80px;
	height:80px;
	}

#EQUAL-SIGN {
	font-family:'Exo 2', sans-serif;
	font-size:72pt;
	font-weight:300;

	position:relative;
	top:-80px;
	left:590px;
	
	background: url(../img/elementos/equal-sign.png) center center no-repeat #00aced;
	
	border-radius:60px;
	width:80px;
	height:80px;
	}


#SSX-LOCAL-CHAPTER {
	width:100%;
	height:840px;
	background:#f6a210;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	}
	
#SSX-LOCAL-BOX-MOCKUP {
	width:960px;
	background:url(../img/produtos/ssx-in-loco.jpg) left top no-repeat #f6a210;
	margin:0 auto;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	}

#SSX-LOCAL-CONTENTS {
	position:relative;
	width: 500px;
	height: 600px;
	left: 460px;
	top:20px;
	color:#333;
	}


#AQUIRE-CHAPTER {
	width:100%;
	height:840px;
	}
	
#AQUIRE-BOX-MOCKUP {
	width:960px;
	background:url(../img/produtos/aquire-box-mockup.jpg) left top no-repeat;
	margin:0 auto;
	}

#AQUIRE-CONTENTS {
	position:relative;
	width: 500px;
	height: 600px;
	left: 460px;
	top:20px;
	}


#SSX-360-CHAPTER {
	width:100%;
	height:880px;
	background:#1594cb;
	margin-top: -20px;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	}
	
#SSX-360-BOX-MOCKUP {
	width:960px;
	background:url(../img/produtos/360-box-mockup.jpg) left top no-repeat #1594cb;
	margin:0 auto;
	box-shadow: inset 0px 14px 10px -10px rgba(0,0,0,0.3);
	}

#SSX-360-CONTENTS {
	position:relative;
	width: 500px;
	height: 600px;
	left: 460px;
	top:50px;
	color:#333;
	}	

.bt360 {
	font-family:'Exo 2', sans-serif;
	font-weight: 500;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background-color:#f6b33d;
	border-top-left-radius:50px;
	border-top-right-radius:0px;
	border-bottom-right-radius:50px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#fff;
	font-size:15px;
	height:50px;
	line-height:50px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
	padding: 0 30px 0 30px;
}
.bt360:hover {
	color: #fff;
	background-color:#e2890a;
}
.bt360:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */


/* DEMAIS PRODUTOS */
#OUTROS-PRODUTOS {
	width:100%;
	height:980px;
	}

#OUTROS-PRODUTOS-HOLDING {
	width:960px;
	margin:0 auto;
	height:420px;
	}


#box-titulo{
	font-family:'Exo 2', sans-serif;
	font-size:16pt;
	font-weight:300;
	color:#FFF;
	line-height:16pt;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	padding:20px 10px 0 10px;
	}
	
#BOX-1 {
	position:relative;
	width:400px;
	background:url(../img/elementos/deal-label.jpg) top center no-repeat #FFF;
	text-align:left;
	padding:0 20px 10px 20px;
	font-size:12pt;	
	float:left;
	height:290px;
	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-2 {
	position:relative;
	width:400px;
	background:url(../img/elementos/deal-label.jpg) top center no-repeat #FFF;
	text-align:left;
	padding:0 20px 10px 20px;
	font-size:12pt;	
	float:left;
	height: 800px;
	left:40px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-3 {
	position:relative;
	width:400px;
	background:url(../img/elementos/deal-label.jpg) top center no-repeat #FFF;
	text-align:left;
	padding:0 20px 10px 20px;
	font-size:12pt;	
	float:left;
	height:470px;
	top:-487px;
	left:0px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}

#BOX-4 {
	position:relative;
	width:900px;
	background:url(../img/elementos/deal-label-940.jpg) top center no-repeat #FFF;
	text-align:left;
	padding:0 20px 10px 20px;
	font-size:12pt;	
	float:left;
	height:380px;
	left:0px;

	border:4px solid #55a4f3;
	border-radius:36px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
	}
	



/*SOCIAL*/
#SOCIALIZATION{
	width:100%;
	background:#1f89f1;
	height:320px;}


#SOCIALIZATION-CENTRAL {
	width:920px;
	margin:0 auto;
	text-align:center;}



/*FOOTER*/
FOOTER {
	width:100%;
	height:390px;
	background:url(../img/footer/footer-background4.jpg) center bottom repeat-x #333;
	}

#MAPSITE {
	position:relative;
	top:1.5em;
	width:800px;
	height:230px;
	margin:0 auto;
	text-align:left;
	}

#MAPPED-FRAME {
	float:left;
	display:inline-block;
	margin-right:7px;
	font-size:11pt;
	text-align:center;
	}

#MAPPED-FRAME A{
	color:#CCC;
	text-transform:uppercase;
	text-decoration:none;
	cursor: pointer;
	transition: all .3s ease;
	}

#MAPPED-FRAME A:hover {
	color:#FFF;
	text-shadow:1px 0px 5px #FFF;
	}

.MAPPED-SUB A {
	font-size:8pt;
	color:#CCC;
	text-decoration:none;
	cursor: pointer;
	transition: all .3s ease;
}

.MAPPED-SUB A:hover	{
	color:#FFF;
	text-shadow:1px 0px 5px #FFF;
	}

#COPYRIGHT {
	position:relative;
	width:640px;
	height:60px;
	top:50px;
	float:left;
		
	font-size:11pt;
	font-weight:300;
	color:#FFF;
	}

#SIGNATURE {
	position:relative;
	width:160px;
	height:60px;
	top:50px;

	float:right;
	text-align:right;
		
	font-size:11pt;
	font-weight:300;
	color:#FFF;
	}
	
#MANUAL-DE-MARCA {
	width:100%;
}
#MANUAL-DE-MARCA-CENTRAL {
	width:560px;
	margin:40px auto;
	background: url(../manual-de-marca/manual-de-marca.jpg) center top no-repeat #FFF;
	border-radius:12px;
	box-shadow: 0px 8px 20px -6px rgba(0,0,0,0.25);
	padding:0 20px 0 20px;
}