/**
 *  Reset
 *  YSlow
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/**
 *  Default items
*/
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
b, strong { font-weight: bold; }
input, textarea, button, select { margin: 0; font-size: 100%; line-height: normal; vertical-align: baseline; border: none; }
input:focus { outline: none; }
button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; }

/** Simple fluid media */
figure { position: relative; }
figure img, figure object, figure embed, figure video { max-width: 100%; display: block; }
img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; }
figure a img { width: auto; }

/*fonts*/
@font-face {
    font-family: 'grotesk-bold';
    src: url('../fonts/akzidenzgrotesk-bold-webfont.eot');
    src: url('../fonts/akzidenzgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenzgrotesk-bold-webfont.woff') format('woff'),
         url('../fonts/akzidenzgrotesk-bold-webfont.ttf') format('truetype'),
         url('../fonts/akzidenzgrotesk-bold-webfont.svg#grotesk-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grotesk-boldcond';
    src: url('../fonts/akzidenzgrotesk-boldcond-webfont.eot');
    src: url('../fonts/akzidenzgrotesk-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenzgrotesk-boldcond-webfont.woff') format('woff'),
         url('../fonts/akzidenzgrotesk-boldcond-webfont.ttf') format('truetype'),
         url('../fonts/akzidenzgrotesk-boldcond-webfont.svg#grotesk-boldcond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grotesk-regular';
    src: url('../fonts/akzidenzgrotesk-regular-webfont.eot');
    src: url('../fonts/akzidenzgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenzgrotesk-regular-webfont.woff') format('woff'),
         url('../fonts/akzidenzgrotesk-regular-webfont.ttf') format('truetype'),
         url('../fonts/akzidenzgrotesk-regular-webfont.svg#grotesk-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grotesk-cond';
    src: url('../fonts/akzidenzgrotesk-cond-webfont.eot');
    src: url('../fonts/akzidenzgrotesk-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenzgrotesk-cond-webfont.woff') format('woff'),
         url('../fonts/akzidenzgrotesk-cond-webfont.ttf') format('truetype'),
         url('../fonts/akzidenzgrotesk-cond-webfont.svg#akzidenz-grotesk_bq_condensRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background: url(../img/bg/loading.png);
}

#base{
	background: #fff;
	font-family: 'grotesk-regular';
	overflow: hidden;
	visibility: hidden;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

#update{ display: none; }

#base.loaded{
	visibility: visible;
}
 
	#loading{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:999;
		overflow: hidden;
	}
		#loading .wrapper{
			height: 110px;
			margin: 0 auto;
			position: relative;
			top: 50%;
			width: 260px;
			background: #fff;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			margin-top: -65px;
			background: url(../img/bg/loading-box.png);
		}

			#loading .percent{
				width:145px;
				height:110px;
				float:left;
				margin-right:5px;
				font-size:50px;
				color:#494949;
				text-align:right;
				letter-spacing:4px;
				vertical-align:middle;
				line-height:110px;
				font-family: 'grotesk-boldcond';
			}
			#loading .statusbar{
				float:left;
				width:80px;
				height:80px;
				margin:15px 0 11px 0;
				background: url(../img/loading/bar.gif) no-repeat center top;
			}
			
#update{ display: none; }
	
#header{
	height: 50px;
	margin: 0 auto;
	width: 100%;
	background: url(../img/bg/header.png) no-repeat center 0;
	position: fixed;
	top: -200px;
	left: 0;
	z-index: 9999;
}

	#header .content{
		margin: 0 auto;
		min-width: 800px;
		width: 1000px;	
		position: relative;
		z-index: 999;
	}

		#header .content .language{
			width: 30px;
			height: 10px;
			float: left;
			position: absolute;
			top: 12px;
			left: 8px;
			display: block;
		}

			#header .content .language a.en-us,
			#header .content .language a.pt-br{
				width: 15px;
				height: 10px;
				background: url(../img/bg/bg-language.png) no-repeat;
				float: left;
				text-indent: -9999px;
			}

			#header .content .language a.en-us{
				background-position: -15px 0;
			}

			#header .content .language a.en-us:hover,
			#header .content .language a.en-us.active{
				background-position: -15px -10px;
			}

			#header .content .language a.pt-br:hover,
			#header .content .language a.pt-br.active{
				background-position: 0px -10px;
			}
		
		#header .content h1{
			width: 145px;
			height: 125px;
			background: url(../img/bg/inex.png) no-repeat;
			float: left;
			margin-left: 40px;
			text-indent: -9999px;
		}
		
		#header .content ul{
			width: 815px;
			float: left;
			padding: 0;
			margin: 0;
		}
	
			#header .content ul li{
				width: auto;
				float: left;
				display: inline;
				margin-right: 0;
			}
			
				#header .content ul li a{
					float: left;
					height: 25px;
					display: block;
					font-size: 15px;
					color: #494949;
					font-family: 'grotesk-cond';
					margin: 0;
					padding: 9px 5px 0 5px;
					text-decoration: none;
					color: #fff;
				}
				
				#header .content ul li.facebook a,
				#header .content ul li.twitter a,
				#header .content ul li.cliente a,
				#header .content ul li.webmail a{
					background: url(../img/bg/nav.png) no-repeat;
					text-indent: -9999px;
					padding: 0;
					height: 34px; 
				}

				#header .content ul li.facebook a{
					width: 20px;
					background-position: -663px 0;
					margin: 0 0 0 10px;
				}
				
				#header .content ul li.twitter a{
					width: 20px;
					background-position: -687px 0;
					margin: 0 8px 0 4px;
				}
				
				#header .content ul li.cliente a{
					width: 47px;
					background-position: -712px 0;
				}
				
				#header .content ul li.webmail a{
					width: 30px;
					background-position: -759px 0;
				}
				
				#header .content ul li.home a:hover,
				#header .content ul li.home.active a,
				
				#header .content ul li.alma a:hover,
				#header .content ul li.alma.active a,
				
				#header .content ul li.dna a:hover,
				#header .content ul li.dna.active a,
				
				#header .content ul li.historia a:hover,
				#header .content ul li.historia.active a,
				
				#header .content ul li.cotidiano a:hover,
				#header .content ul li.cotidiano.active a,
				
				#header .content ul li.motivos a:hover,
				#header .content ul li.motivos.active a,
				
				#header .content ul li.personalidade a:hover,
				#header .content ul li.personalidade.active a,
				
				#header .content ul li.crencas a:hover,
				#header .content ul li.crencas.active a,
				
				#header .content ul li.pensamentos a:hover,
				#header .content ul li.pensamentos.active a,
				
				#header .content ul li.resultados a:hover,
				#header .content ul li.resultados.active a,
				
				#header .content ul li.conexao a:hover,
				#header .content ul li.conexao.active a{ background-color: #393735; color: #ee9540; }
				
				#header .content ul li.facebook a:hover{ background-position: -663px -34px; }
				#header .content ul li.twitter a:hover{ background-position: -687px -34px; }
				
				#header .content ul li.cliente a:hover,
				#header .content ul li.cliente a.ativo{ background-position: -712px -34px; }
				
				#header .content ul li.webmail a:hover,
				#header .content ul li.webmail.active a{ background-position: -759px -34px; }
				
				#header .content ul li.cliente,
				#header .content ul li.webmail{
					margin: 0;
				}
				
				#header .content ul li.cliente{
					display: block;
				}
				
				#header .content ul li.pipe{
					width: 2px;
					height: 34px;
					background: url(../img/bg/nav.png) no-repeat;
					background-position: -654px 0;
					text-indent: -9999px;
					margin-left: 6px;
				}

#main .content{
	margin: 0 auto;
	min-width: 800px;
	width: 1000px;	
	position: relative;
}

	#main .content .box-login{
		position: fixed;
		top: -200px;
		right: 13px;
		width: 170px;
		height: 100px;
		background: #393939;	
		padding: 20px 10px 5px 10px;
		font-family: 'grotesk-cond';
		font-size: 17px;
		color: #fff;
		box-shadow: 5px 5px 5px rgba(74, 74, 74, 0.5);
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		z-index: 999;
	}

		#main .content .box-login label{
			float: left;
			width: 50px;
		}

		#main .content .box-login p{
			float: left;
			width: 100%;
			font-size: 14px;
		}

		#main .content .box-login input{
			width: 100px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			box-shadow: -2px -2px 2px rgba(74, 74, 74, 0.5);
			font-size: 18px;
			color: #494949;
			font-family: 'grotesk-cond';
			margin: 0 0 8px 0;
			padding: 0 5px;
		}

		#main .content .box-login input.erro{
			background: #f99;
		}

		#main .content .box-login button{
			float: right;
			width: 50px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			box-shadow: -2px -2px 2px rgba(74, 74, 74, 0.5);
			font-size: 14px;
			color: #ccc;
			background: #494949;
			font-family: 'grotesk-cond';
			margin: 0 10px 2px 0;
		}

article h2 {
	font-family: 'grotesk-boldcond';
	font-size: 32px;
	margin: 0 0;
	line-height: 1em;
	color: #fff;
}

article p {
	color: #fff;
	font-family: 'grotesk-regular';
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin-top: 20px;
}

.story {
	height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
	/*border-top: 2px dashed lime;*/
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}
	
	.story article {
		height: 1000px;
		min-width: 800px;
		max-width: 1000px;
		margin: 0 auto;
		border: 1px dashed transparent;
		position: relative;
	}

	.story article .elipse{
		position: absolute;
		text-indent: -9999px;
		z-index: 999;
	}

#section1 { background: url(../img/bg/section1.jpg) 50% 0 no-repeat fixed; }
#section2 { background: url(../img/bg/section2.jpg) 50% bottom no-repeat fixed; }
#section3 { background: url(../img/bg/section3.jpg) 50% 0 no-repeat fixed; }
#section4 { background: url(../img/bg/section4.jpg) 50% 0 no-repeat fixed; }
#section5 { background: url(../img/bg/section3.jpg) 50% 0 no-repeat fixed; }
#section6 { background: url(../img/bg/section6.jpg) 50% 0 no-repeat fixed; }
#section7 { background: url(../img/bg/section7.jpg) 50% 0 no-repeat fixed; }
#section8 { background: url(../img/bg/section6.jpg) 50% 0 no-repeat fixed; }
#section9 { background: url(../img/bg/section9.jpg) 50% 0 no-repeat fixed; }
#section10 { background: url(../img/bg/section3.jpg) 50% 0 no-repeat fixed; }
#section11 { background: url(../img/bg/section6.jpg) 50% 0 no-repeat fixed; }
#section12 { background: url(../img/bg/section12.jpg) 50% 0 no-repeat fixed; }


/* #section1 - PRE-HOME ------------------------------------------------------------------- */
#section1 .tit-evolucao {
	background: url(../img/home/evolucao.png) no-repeat;
	padding: 0;
	width: 460px;
	height: 195px;
	text-indent: -9999px;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -230px;
}

	#section1 .welcome{
		margin: 0;
		margin: 0 auto;
		max-width: 1920px;
		min-height: 400px;
		padding: 40px 0 0 0;
		position: absolute;
		width: 100%;
		bottom: 0px;
		left: 0;
		color: #fff;
		background: url(../img/bg/welcome.png) no-repeat center 0;
	}

		#section1 .welcome img{
			margin: 0 auto;
			width: 187px;
			height: 46px;
			position: relative;
			left: 50%;
			margin-left: -94px;
		}

		#section1 .welcome p{
			width: 100%;
			text-align: center;
		}

		#section1 .welcome .endereco{
			padding: 0;
			position: absolute;
			bottom: 10px;
			left: 0;
			color: #fff;
			font-size: 13px;
			text-transform: uppercase;
			z-index: 99;
			font-family: 'grotesk-bold';
			line-height: 24px;
		}
	
	#section1 .tit-evolucao a {
		padding: 0;
		width: 500px;
		height: 195px;
		text-indent: -9999px;
		position: absolute;
		top: 0px;
		left: 0%;
	}
	
	#section1 .welcome a {
		color: #fff;
		text-decoration: none;
	}
	


/* #section2 - HOME ------------------------------------------------------------------- */
#section2 .home{
	width: 475px;
	position: absolute;
	top: 350px;
	left: 10px;
}

	#section2 .home h2{
		width: 475px;
		font-family: 'grotesk-boldcond';
		font-size: 33px;
		color: #fff;
	}
	
	#section2 .home p{
		width: 100%;
	}

#section2 .home-disclaimer{	
	width: 475px;
	position: absolute;
	top: 250px;
	right: 5px;
	font-size: 33px;
	color: #fff;
}

	#section2 .home-disclaimer h2{
		width: 479px;
		height: 118px;
		/*font-family: 'grotesk-boldcond';*/
		background: url(../img/home/disclaimer.png) no-repeat;
		text-indent: -9999px;
	}

	#section2 .home-disclaimer a{
		display: block;
		width: 467px;
		height: 33px;
		background: url(../img/home/bt-veja-mais.png) no-repeat;
		text-indent: -9999px;
		margin: 20px 10px 0 0;
	}




/* #section3 - ALMA ------------------------------------------------------------------- */
#section3 .play{
	width: 134px;
	height: 134px;
	position: absolute;
	top: 230px;
	left: 50%;
	margin-left: -72px;
	background: url(../img/alma/play.png) no-repeat;
	text-indent: -9999px;
}

#section3 .revoada1{
	width: 750px;
	height: 300px;
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: -365px;
	background: url(../img/alma/revoada1.png) no-repeat;
}

#section3 .revoada2{
	width: 770px;
	height: 310px;
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: -375px;
	background: url(../img/alma/revoada2.png) no-repeat;
}

#section3 .elipse3{
	width: 480px;
	height: 480px;
	top: 0px;
	left: 70%;
	background: url(../img/bg/elipse3.png) no-repeat;
}

#section3 .elipse4{
	width: 415px;
	height: 415px;
	top: 0px;
	left: -30%;
	background: url(../img/bg/elipse4.png) no-repeat;
}

#section3 .box-video{
	width: 600px;
	height: 340px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	padding: 10px;
	background: #000;
	display: none;
	z-index: 999;
}

	#section3 .box-video .fechar{
		width: 33px;
		height: 33px;
		position: absolute;
		top: -15px;
		right: -15px;
		text-indent: -9999px;
		z-index: 999;
		background: url(../img/bg/btn-fechar.png) no-repeat;
	}

#section3 .text{
	width: 480px;
	position: absolute;
	top: 480px;
	left: 50%;
	margin-left: -240px;
}
	
	#section3 .text h2{
		width: 100%;
		text-align: center;
	}

		#section3 .text h2 strong{
			color: #ee9540;
		}
	
	#section3 .text p{
		font-size: 13px;
		color: #fff;
		width: 410px;
		margin-left: 40px;
	}


/* #section4 - DNA ------------------------------------------------------------------- */
#section4 .nuvem {
	width: 710px;
	height: 360px;
	position: absolute;
	right: 20px;
	background: url(../img/dna/nuvem.png) no-repeat;
	z-index: 99;
}

#section4 .text {
	width: 350px;
	margin-left: 100px;
	margin-top: 140px;
}

	#section4 .text p{
		color: #494949;
	}

#section4 .elipse5{
	width: 200px;
	height: 200px;
	top: 0px;
	right: 10%;
	background: url(../img/bg/elipse5.png) no-repeat;
}

#section4 .elipse6{
	width: 175px;
	height: 175px;
	top: 0px;
	right: 3%;
	background: url(../img/bg/elipse6.png) no-repeat;
}

#section4 .elipse7{
	width: 175px;
	height: 175px;
	top: 0px;
	left: 6%;
	background: url(../img/bg/elipse7.png) no-repeat;
}

#section4 .elipse8{
	width: 265px;
	height: 265px;
	top: 0px;
	left: -15%;
	background: url(../img/bg/elipse8.png) no-repeat;
}



/* #section5 - HISTORIA ------------------------------------------------------------------- */
#section5{
	overflow: hidden;
}

#section5 .text {
	width: 430px;
	position: absolute;
	left: 490px;
	top: 350px;
}

#section5 .text2 {
	width: 550px;
	position: absolute;
	left: 2430px;
	top: 70px;
	opacity: 0;
}

	#section5 .text p,
	#section5 .text2 p,
	#section5 .text h2{
		color: #d1d1d1;
	}

	#section5 .text h2{
		font-size: 27px;
	}
	
	#section5 .text p,
	#section5 .text2 p{
		line-height: 15px;
		margin: 15px 0 0 0;
	}


	#section5 .historia-elipse-button,
	#section5 .historia-elipse-button span{
		width: 150px;
		height: 150px;
		top: 200px;
		left: 850px;
		background: url(../img/historia/bt-saiba-mais.png) no-repeat 0 -150px;
		position: absolute;
	}

		#section5 .historia-elipse-button span{
			position: absolute;
			top: 0;
			left: 0;
			background: url(../img/historia/bt-saiba-mais.png) no-repeat;
		}
		
		#section5 .historia-elipse-button span.over{
			opacity: 0;
		}


#section5 .historia-elipse1{
	width: 270px;
	height: 270px;
	top: -50px;
	left: 550px;
	background: url(../img/bg/historia-elipse1.png) no-repeat;
}
	
#section5 .historia-elipse2{
	width: 205px;
	height: 205px;
	top: 640px;
	right: -50px;
	background: url(../img/bg/historia-elipse2.png) no-repeat;
}

	
#section5 .historia-elipse3{
	width: 165px;
	height: 165px;
	top: 0px;
	left: 0;
	background: url(../img/bg/historia-elipse3.png) no-repeat;
}

#section5 .historia-elipse-laranja{
	width: 482px;
	height: 482px;
	top: 0px;
	left: -300px;
	background: url(../img/bg/elipse3.png) no-repeat;
}
	
#section5 .historia-aquario{
	width: 265px;
	height: 265px;
	top: 520px;
	left: -40px;
	background: url(../img/historia/aquario.png) no-repeat;
}
	
#section5 .historia-mundo{
	width: 312px;
	height: 312px;
	top: 0px;
	left: 355px;
	background: url(../img/historia/mundo.png) no-repeat;
}
	
#section5 .historia-mergulhador{
	width: 180px;
	height: 180px;
	top: 130px;
	left: 700px;
	background: url(../img/historia/mergulhador.png) no-repeat;
}
	
#section5 .historia-relogio{
	width: 568px;
	height: 568px;
	top: 110px;
	left: -40px;
	background: url(../img/historia/relogio.png) no-repeat;
}
	

/* #section6 - COTIDIANO ------------------------------------------------------------------- */
#section6{
	overflow: hidden;
}

#section6 .bg-text{
	color: #e7e7e7;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font-size: 70px;
	font-family: 'grotesk-boldcond';
	line-height: 65px;
	position: absolute;
	top: -60px;
	left: 0;
	opacity: .7;
}

#section6 .text-home{
	width: 460px;
	position: absolute;
	top: 225px;
	left: 50px;
}

	#section6 .text-home h2,
	#section6 .text-home p{
		color: #494949;
	}

#section6 .barra-inferior{
	width: 100%;
	height: 125px;
	position: absolute;
	top: 590px;
	left: 0;
}

	#section6 .barra-inferior .centro{
		width: 200px;
		position: absolute;
		top: 50px;
		left: 395px;
		left: 2000px;
	}

	#section6 .barra-inferior .centro h6{
		width: 100%;
		font-size: 12px;
		color: #a7a7a7;
		padding-left: 10px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	}

		#section6 .barra-inferior .centro ul{
			width: 200px;
			height: 25px;
		}


			#section6 .barra-inferior .centro ul li,
			#section6 .barra-inferior .centro ul li a{
				float: left;
				width: 25px;
				height: 25px;
				text-indent: -9999px;
			}

			#section6 .barra-inferior .centro ul li{
				margin: 0 0 0 7px;
			}

			#section6 .barra-inferior .centro ul li a{
				background: url(../img/cotidiano/bullets-nav.png) no-repeat;
			}
	
			#section6 .barra-inferior .centro ul li a{ background-position: 0 0; }
			
			#section6 .barra-inferior .centro ul li a.conexao{ background-position: 0 0; }
			#section6 .barra-inferior .centro ul li a.cognicao{ background-position: 0 0; }
			#section6 .barra-inferior .centro ul li a.harmonizacao{ background-position: 0 0; }
			#section6 .barra-inferior .centro ul li a.aceleracao{ background-position: 0 0; }
			#section6 .barra-inferior .centro ul li a.culturalizacao{ background-position: 0 0; }
			#section6 .barra-inferior .centro ul li a.perpetuacao{ background-position: 0 0; }
			
			
			#section6 .barra-inferior .centro ul li a.conexao:hover,
			#section6 .barra-inferior .centro ul li a.conexao.on{ background-position: 0 -25px; }
			
			#section6 .barra-inferior .centro ul li a.cognicao:hover,
			#section6 .barra-inferior .centro ul li a.cognicao.on{ background-position: -40px -25px; }
			
			#section6 .barra-inferior .centro ul li a.harmonizacao:hover,
			#section6 .barra-inferior .centro ul li a.harmonizacao.on{ background-position: -80px -25px; }
			
			#section6 .barra-inferior .centro ul li a.aceleracao:hover,
			#section6 .barra-inferior .centro ul li a.aceleracao.on{ background-position: -120px -25px; }
			
			#section6 .barra-inferior .centro ul li a.culturalizacao:hover,
			#section6 .barra-inferior .centro ul li a.culturalizacao.on{ background-position: -160px -25px; }
			
			#section6 .barra-inferior .centro ul li a.perpetuacao:hover,
			#section6 .barra-inferior .centro ul li a.perpetuacao.on{ background-position: -200px -25px; }			
	

	#section6 .barra-inferior .esquerda{
		width: 1000px;
		height: 125px;
		float: left;
		background: url(../img/cotidiano/barra-esquerda.png) no-repeat right center;
		position: absolute;
		top: 0;
		left: -600px;		
	}

		#section6 .barra-inferior .esquerda h5{
			width: 140px;
			height: 80px;
			position: absolute;
			right: 1000px;
			top: 20px;
			background: url(../img/cotidiano/metodologia-move.png) no-repeat;
			text-indent: -9999px;
		}

		#section6 .barra-inferior .esquerda .voltar{
			width: 385px;
			height: 50px;
			position: absolute;
			right: 1000px;
			top: 35px;
			background: url(../img/cotidiano/voltar.png) no-repeat;
			text-indent: -9999px;
		}

		#section6 .barra-inferior .esquerda .conheca{
			width: 385px;
			height: 75px;
			position: absolute;
			right: -50px;
			top: 18px;
			background: url(../img/cotidiano/conheca-metodologia.png) no-repeat;
			text-indent: -9999px;
		}

		#section6 .barra-inferior .esquerda .conheca-nossos-produtos{
			width: 330px;
			height: 43px;
			position: absolute;
			right: -510px;
			top: 37px;
			background: url(../img/cotidiano/conheca-nossos-produtos.png) no-repeat;
			text-indent: -9999px;
		}

		
		
	#section6 .barra-inferior .direita{
		width: 1000px;
		height: 125px;
		float: left;
		background: url(../img/cotidiano/barra-direita.png) no-repeat left center;
		position: absolute;
		top: 0;
		right: -600px;
		right: -2000px;
	}

		#section6 .barra-inferior .direita ul{
			float: left;
			width: 330px;
			font-size: 12px;
			color: #fff;
			margin: 5px 0 0 65px;
		}

			#section6 .barra-inferior .direita ul li{
				padding-left: 10px;
				background: url(../img/cotidiano/bullet.png) no-repeat 0 5px;
				margin: 3px 0;
			}

	
#section6 .steps{
	width: 100%;
	height: 580px;
	position: relative;
}

	#section6 .steps .desc{
		width: 350px;
		position: absolute;
		left: 50px;
		left: 1000px;
		bottom: 0px;
		opacity: 0;
	}
	
		#section6 .steps .desc h4{
			font-size: 35px;
			font-family: 'grotesk-boldcond';
		}

		#section6 .steps .desc p{
			font-size: 11px;
			color: #494949;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
			line-height: 14px;
			margin: 0;
		}
	
	#section6 .steps .text,
	#section6 .steps .el{
		position: absolute;
		text-indent: -9999px;
	}
	



	/*step1*/
	#section6 .step1 .desc h4{ color: #ee9540; }

	#section6 .step1 .text1{
		width: 204px;
		height: 66px;
		background: url(../img/cotidiano/step1-text1.png) no-repeat;
		top: 340px;
		left: 120px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step1 .text2{
		width: 178px;
		height: 142px;
		background: url(../img/cotidiano/step1-text2.png) no-repeat;
		top: 90px;
		left: 720px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step1 .element1{ background: url(../img/cotidiano/step1-el1.png) no-repeat; }
	#section6 .step1 .element3{ background: url(../img/cotidiano/step1-el3.png) no-repeat; }
	#section6 .step1 .element2{ background: url(../img/cotidiano/step1-el2.png) no-repeat; }
	#section6 .step1 .element4{ background: url(../img/cotidiano/step1-el4.png) no-repeat; }
	#section6 .step1 .element5{ background: url(../img/cotidiano/step1-el5.png) no-repeat; }
	#section6 .step1 .element6{ background: url(../img/cotidiano/step1-el6.png) no-repeat; }
	
	#section6 .step1 .el{
		width: 485px;
		height: 412px;
		top: 80px;
		left: 280px;
		left: 1500px;
		opacity: 0;
	}


	/*step2*/
	#section6 .step2 .desc h4{ color: #16c661; }

	#section6 .step2 .text1{
		width: 168px;
		height: 132px;
		background: url(../img/cotidiano/step2-text1.png) no-repeat;
		top: 90px;
		left: 190px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step2 .text2{
		width: 183px;
		height: 107px;
		background: url(../img/cotidiano/step2-text2.png) no-repeat;
		top: 390px;
		left: 740px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step2 .element1{ background: url(../img/cotidiano/step2-el1.png) no-repeat; }
	#section6 .step2 .element3{ background: url(../img/cotidiano/step2-el3.png) no-repeat; }
	#section6 .step2 .element2{ background: url(../img/cotidiano/step2-el2.png) no-repeat; }
	#section6 .step2 .element4{ background: url(../img/cotidiano/step2-el4.png) no-repeat; }
	#section6 .step2 .element5{ background: url(../img/cotidiano/step2-el5.png) no-repeat; }
	#section6 .step2 .element6{ background: url(../img/cotidiano/step2-el6.png) no-repeat; }
	
	#section6 .step2 .el{
		width: 465px;
		height: 431px;
		top: 80px;
		left: 320px;
		left: 1500px;
		opacity: 0;
	}


	/*step3*/
	#section6 .step3 .desc h4{ color: #3399ff; }

	#section6 .step3 .text1{
		width: 164px;
		height: 157px;
		background: url(../img/cotidiano/step3-text1.png) no-repeat;
		top: 180px;
		left: 190px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step3 .text2{
		width: 153px;
		height: 81px;
		background: url(../img/cotidiano/step3-text2.png) no-repeat;
		top: 360px;
		left: 800px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step3 .element1{ background: url(../img/cotidiano/step3-el1.png) no-repeat; }
	#section6 .step3 .element3{ background: url(../img/cotidiano/step3-el3.png) no-repeat; }
	#section6 .step3 .element2{ background: url(../img/cotidiano/step3-el2.png) no-repeat; }
	#section6 .step3 .element4{ background: url(../img/cotidiano/step3-el4.png) no-repeat; }
	#section6 .step3 .element5{ background: url(../img/cotidiano/step3-el5.png) no-repeat; }
	#section6 .step3 .element6{ background: url(../img/cotidiano/step3-el6.png) no-repeat; }
	
	#section6 .step3 .el{
		width: 539px;
		height: 370px;
		top: 100px;
		left: 320px;
		left: 1500px;
		opacity: 0;
	}


	/*step4*/
	#section6 .step4 .desc h4{ color: #e93317; }

	#section6 .step4 .text1{
		width: 160px;
		height: 70px;
		background: url(../img/cotidiano/step4-text1.png) no-repeat;
		top: 80px;
		left: 290px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step4 .text2{
		width: 155px;
		height: 85px;
		background: url(../img/cotidiano/step4-text2.png) no-repeat;
		top: 420px;
		left: 740px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step4 .element1{ background: url(../img/cotidiano/step4-el1.png) no-repeat; }
	#section6 .step4 .element3{ background: url(../img/cotidiano/step4-el3.png) no-repeat; }
	#section6 .step4 .element2{ background: url(../img/cotidiano/step4-el2.png) no-repeat; }
	#section6 .step4 .element4{ background: url(../img/cotidiano/step4-el4.png) no-repeat; }
	#section6 .step4 .element5{ background: url(../img/cotidiano/step4-el5.png) no-repeat; }
	#section6 .step4 .element6{ background: url(../img/cotidiano/step4-el6.png) no-repeat; }
	
	#section6 .step4 .el{
		width: 451px;
		height: 409px;
		top: 90px;
		left: 390px;
		left: 1500px;
		opacity: 0;
	}


	/*step5*/
	#section6 .step5 .desc h4{ color: #c617a5; }

	#section6 .step5 .text1{
		width: 163px;
		height: 62px;
		background: url(../img/cotidiano/step5-text1.png) no-repeat;
		top: 100px;
		left: 170px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step5 .text2{
		width: 182px;
		height: 57px;
		background: url(../img/cotidiano/step5-text2.png) no-repeat;
		top: 450px;
		left: 790px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step5 .element1{ background: url(../img/cotidiano/step5-el1.png) no-repeat; }
	#section6 .step5 .element3{ background: url(../img/cotidiano/step5-el3.png) no-repeat; }
	#section6 .step5 .element2{ background: url(../img/cotidiano/step5-el2.png) no-repeat; }
	#section6 .step5 .element4{ background: url(../img/cotidiano/step5-el4.png) no-repeat; }
	#section6 .step5 .element5{ background: url(../img/cotidiano/step5-el5.png) no-repeat; }
	
	#section6 .step5 .el{
		width: 575px;
		height: 468px;
		top: 60px;
		left: 260px;
		left: 1500px;
		opacity: 0;
	}
	
	
	/*step6*/
	#section6 .step6 .desc h4{ color: #ddc400; }

	#section6 .step6 .text1{
		width: 172px;
		height: 49px;
		background: url(../img/cotidiano/step6-text1.png) no-repeat;
		top: 350px;
		left: 210px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step6 .text2{
		width: 94px;
		height: 68px;
		background: url(../img/cotidiano/step6-text2.png) no-repeat;
		top: 120px;
		left: 770px;
		left: 1500px;
		opacity: 0;
	}

	#section6 .step6 .element1{ background: url(../img/cotidiano/step6-el1.png) no-repeat; }
	#section6 .step6 .element3{ background: url(../img/cotidiano/step6-el3.png) no-repeat; }
	#section6 .step6 .element2{ background: url(../img/cotidiano/step6-el2.png) no-repeat; }
	#section6 .step6 .element4{ background: url(../img/cotidiano/step6-el4.png) no-repeat; }
	#section6 .step6 .element5{ background: url(../img/cotidiano/step6-el5.png) no-repeat; }
	#section6 .step6 .element6{ background: url(../img/cotidiano/step6-el6.png) no-repeat; }
	
	#section6 .step6 .el{
		width: 423px;
		height: 386px;
		top: 100px;
		left: 370px;
		left: 1500px;
		opacity: 0;
	}
	


/* #section7 - MOTIVOS ------------------------------------------------------------------- */
#section7{
	overflow: hidden;
}

#section7 .text{
	width: 455px;
	position: absolute;
	top: 190px;
	left: 90px;
}

	#section7 .text h2{
		width: 475px;
		font-family: 'grotesk-boldcond';
		font-size: 33px;
		color: #ee9540;
	}
	
	#section7 .text p{
		width: 100%;
		color: #494949;
	}

#section7 .elipse3{
	width: 480px;
	height: 480px;
	top: 0px;
	left: 70%;
	background: url(../img/bg/elipse3.png) no-repeat;
}

#section7 .elipse4{
	width: 415px;
	height: 415px;
	top: 0px;
	left: -30%;
	background: url(../img/bg/elipse4.png) no-repeat;
}

#section7 .elipse5{
	width: 200px;
	height: 200px;
	top: 0px;
	right: -10%;
	background: url(../img/bg/elipse5.png) no-repeat;
}

#section7 .elipse8{
	width: 265px;
	height: 265px;
	top: 0px;
	left: -2%;
	background: url(../img/bg/elipse5.png) no-repeat;
}
	

/* #section8 - PERSONALIDADE ------------------------------------------------------------------- */
#section8{ overflow: hidden; }

#section8 ul{
	width: 1000px;
	position: absolute;
	top: 125px;
	left: 0;
	z-index: 99;
}

	#section8 ul li,
	#section8 ul li span{
		float: left;
		width: 200px;
		height: 175px;
		text-indent: -9999px;
		position: relative;
	}

	#section8 ul li span{
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/personalidade/icones.png) no-repeat;
	}
	
	#section8 ul li span.over{
		opacity: 0;
	}

	#section8 ul li.person1 span{ background-position: 0 0; }
	#section8 ul li.person2 span{ background-position: -200px 0; }
	#section8 ul li.person3 span{ background-position: -400px 0; }
	#section8 ul li.person4 span{ background-position: -600px 0; }
	#section8 ul li.person5 span{ background-position: -800px 0; }
	#section8 ul li.person6 span{ background-position: 0 -175px; }
	#section8 ul li.person7 span{ background-position: -200px -175px; }
	#section8 ul li.person8 span{ background-position: -400px -175px; }
	#section8 ul li.person9 span{ background-position: -600px -175px; }
	#section8 ul li.person10 span{ background-position: -800px -175px; }
	#section8 ul li.person11 span{ background-position: 0 -350px; }
	#section8 ul li.person12 span{ background-position: -200px -350px; }
	#section8 ul li.person13 span{ background-position: -400px -350px; }
	#section8 ul li.person14 span{ background-position: -600px -350px; }
	#section8 ul li.person15 span{ background-position: -800px -350px; }
	#section8 ul li.person16 span{ background-position: 0 -525px; }
	#section8 ul li.person17 span{ background-position: -200px -525px; }
	#section8 ul li.person18 span{ background-position: -400px -525px; }
	#section8 ul li.person19 span{ background-position: -600px -525px; }
	#section8 ul li.person20 span{ background-position: -800px -525px; }
	
	#section8 ul li.person1 span.over{ background-position: 0 -1000px; }
	#section8 ul li.person2 span.over{ background-position: -200px -1000px; }
	#section8 ul li.person3 span.over{ background-position: -400px -1000px; }
	#section8 ul li.person4 span.over{ background-position: -600px -1000px; }
	#section8 ul li.person5 span.over{ background-position: -800px -1000px; }
	#section8 ul li.person6 span.over{ background-position: 0 -1175px; }
	#section8 ul li.person7 span.over{ background-position: -200px -1175px; }
	#section8 ul li.person8 span.over{ background-position: -400px -1175px; }
	#section8 ul li.person9 span.over{ background-position: -600px -1175px; }
	#section8 ul li.person10 span.over{ background-position: -800px -1175px; }
	#section8 ul li.person11 span.over{ background-position: 0 -1350px; }
	#section8 ul li.person12 span.over{ background-position: -200px -1350px; }
	#section8 ul li.person13 span.over{ background-position: -400px -1350px; }
	#section8 ul li.person14 span.over{ background-position: -600px -1350px; }
	#section8 ul li.person15 span.over{ background-position: -800px -1350px; }
	#section8 ul li.person16 span.over{ background-position: 0 -1525px; }
	#section8 ul li.person17 span.over{ background-position: -200px -1525px; }
	#section8 ul li.person18 span.over{ background-position: -400px -1525px; }
	#section8 ul li.person19 span.over{ background-position: -600px -1525px; }
	#section8 ul li.person20 span.over{ background-position: -800px -1525px; }

#section8 .elipse9{
	width: 166px;
	height: 166px;
	top: 0px;
	left: -13%;
	background: url(../img/bg/elipse9.png) no-repeat;
	z-index: 999;
}

#section8 .elipse10{
	width: 204px;
	height: 204px;
	top: 0px;
	right: -13%;
	background: url(../img/bg/elipse10.png) no-repeat;
	z-index: 99;
}	

	
/* #section9 - CRENCAS ------------------------------------------------------------------- */
#section9{
	overflow: hidden;
}

#section9 .btn-inspiracoes,
#section9 .btn-inspiracoes span{
	float: left;
	width: 290px;
	height: 290px;
	background: url(../img/crencas/btn-inspiracoes.png) no-repeat 0 -290px;
	text-indent: -9999px;
}

	#section9 .btn-inspiracoes span{
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/crencas/btn-inspiracoes.png) no-repeat;
	}

#section9 .btn-inspiracoes{
	position: absolute;
	top: 150px;
	right: -50px;
}


#section9 .elipse11{
	float: left;
	width: 405px;
	height: 405px;
	background: url(../img/bg/elipse11.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 450px;
	left: 500px;
	z-index: 99;
}

#section9 .satelite{
	float: left;
	width: 345px;
	height: 240px;
	background: url(../img/crencas/satelite.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 450px;
	right: -1000px;
	z-index: 99;
	opacity: 0;
}

#section9 .mundo{
	float: left;
	width: 1485px;
	height: 740px;
	background: url(../img/crencas/mundo.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 500px;
	left: -240px;
	z-index: 999;
}

#section9 .text{
	float: left;
	width: 335px;
	position: absolute;
	top: 150px;
	left: 190px;
}

#section9 h3{
	float: left;
	width: 485px;
	height: 35px;
	position: absolute;
	top: 275px;
	left: 360px;
	left: 1000px;
	opacity: 0;
	z-index: 999;
	color: #cacaca;
	font-family: 'grotesk-cond';
	font-size: 22px;
}

	#section9 h3 strong{
	   font-size: 32px;
	   color: #fff;
	}

#section9 ul{
	float: left;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 100px;
	left: 1000px;
	opacity: 0;
	z-index: 999;
}

	#section9 ul li{
		float: left;
		margin: 10px 10px 0 0;
	}

	#section9 ul li a.ball{
		float: left;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-indent: -9999px;
		position: absolute;
		opacity: .7;
	}

	#section9 ul li a.bgl{
		width: 50px;
		height: 50px;
		background: #ee9540;
		box-shadow: 0px 0px 50px #ff9933;
		margin-top: 100px;
	}

	#section9 ul li a.bml{
		width: 30px;
		height: 30px;
		background: #ee9540;
		box-shadow: 0px 0px 30px #ff9933;
		margin-top: 60px;
	}

	#section9 ul li a.bpl{
		width: 20px;
		height: 20px;
		background: #ee9540;
		box-shadow: 0px 0px 20px #ff9933;
		margin-top: 40px;
	}

	#section9 ul li a.bgc{
		width: 50px;
		height: 50px;
		background: #4a4a4a;
		box-shadow: 0px 0px 50px #999;
		margin-top: 100px;
	}

	#section9 ul li a.bmc{
		width: 30px;
		height: 30px;
		background: #4a4a4a;
		box-shadow: 0px 0px 30px #999;
		margin-top: 60px;
	}

	#section9 ul li a.bpc{
		width: 20px;
		height: 20px;
		background: #4a4a4a;
		box-shadow: 0px 0px 20px #999;
		margin-top: 40px;
	}
	
	#section9 ul li a.ball1 { top:  10px; left:  10px; }
	#section9 ul li a.ball2 { top:  30px; left:  60px; }
	#section9 ul li a.ball3 { top:  50px; left: 170px; }
	#section9 ul li a.ball4 { top:  30px; left: 240px; }
	#section9 ul li a.ball5 { top:  40px; left: 290px; }
	#section9 ul li a.ball6 { top:  30px; left: 380px; }
	#section9 ul li a.ball7 { top:  90px; left: 420px; }
	#section9 ul li a.ball8 { top: -10px; left: 430px; }
	#section9 ul li a.ball9 { top:  10px; left: 530px; }
	#section9 ul li a.ball10{ top:  90px; left:  10px; }
	#section9 ul li a.ball11{ top:  90px; left: 580px; }
	#section9 ul li a.ball12{ top:  90px; left: 650px; }
	#section9 ul li a.ball13{ top: 140px; left: 100px; }
	#section9 ul li a.ball14{ top: 190px; left:  50px; }
	#section9 ul li a.ball15{ top: 260px; left:   0px; }
	#section9 ul li a.ball16{ top: 130px; left: 180px; }
	#section9 ul li a.ball17{ top: 190px; left: 160px; }
	#section9 ul li a.ball18{ top: 110px; left: 260px; }
	#section9 ul li a.ball19{ top: 140px; left: 350px; }
	#section9 ul li a.ball20{ top: 170px; left: 410px; }
	#section9 ul li a.ball21{ top: 120px; left: 490px; }
	#section9 ul li a.ball22{ top: 130px; left: 690px; }
	#section9 ul li a.ball23{ top: 270px; left: 140px; }
	#section9 ul li a.ball24{ top: 210px; left: 230px; }
	#section9 ul li a.ball25{ top: 190px; left: 310px; }
	#section9 ul li a.ball26{ top: 200px; left: 500px; }
	#section9 ul li a.ball27{ top: 180px; left: 570px; }
	#section9 ul li a.ball28{ top: 180px; left: 650px; }
	#section9 ul li a.ball29{ top: 250px; left: 690px; }
	#section9 ul li a.ball30{ top: 350px; left:  20px; }
	#section9 ul li a.ball31{ top: 290px; left:  60px; }
	#section9 ul li a.ball32{ top: 350px; left: 130px; }
	#section9 ul li a.ball33{ top: 290px; left: 230px; }
	#section9 ul li a.ball34{ top: 360px; left: 220px; }
	#section9 ul li a.ball35{ top: 310px; left: 300px; }
	#section9 ul li a.ball36{ top: 280px; left: 380px; }
	#section9 ul li a.ball37{ top: 320px; left: 430px; }
	#section9 ul li a.ball38{ top: 300px; left: 500px; }
	#section9 ul li a.ball39{ top: 310px; left: 580px; }
	#section9 ul li a.ball40{ top: 300px; left: 640px; }
	#section9 ul li a.ball41{ top: 330px; left: 710px; }
	#section9 ul li a.ball42{ top: 370px; left: 610px; }
	#section9 ul li a.ball43{ top: 420px; left:   0px; }
	#section9 ul li a.ball44{ top: 410px; left:  70px; }
	#section9 ul li a.ball45{ top: 430px; left: 200px; }
	#section9 ul li a.ball46{ top: 400px; left: 280px; }
	#section9 ul li a.ball47{ top: 360px; left: 350px; }
	#section9 ul li a.ball48{ top: 410px; left: 390px; }
	#section9 ul li a.ball49{ top: 390px; left: 470px; }
	#section9 ul li a.ball50{ top: 410px; left: 530px; }
	#section9 ul li a.ball51{ top: 480px; left: 250px; }
	#section9 ul li a.ball52{ top: 450px; left: 610px; }
	#section9 ul li a.ball53{ top: 480px; left: 120px; }
	#section9 ul li a.ball54{ top: 450px; left: 330px; }
	#section9 ul li a.ball55{ top: 470px; left: 420px; }
	#section9 ul li a.ball56{ top: 480px; left: 550px; }
	#section9 ul li a.ball57{ top: 220px; left: 450px; }
	#section9 ul li a.ball58{ top:  30px; left: 630px; }
	#section9 ul li a.ball59{ top: 410px; left: 690px; }
	#section9 ul li a.ball60{ top: 470px; left:  20px; }
	#section9 ul li a.ball61{ top: 490px; left: 690px; }
	#section9 ul li a.ball62{ top:  60px; left: 490px; }

	
	
/* #section10 - PENSAMENTOPS ------------------------------------------------------------------- */
#section10 .button{
	width: 338px;
	height: 338px;
	position: absolute;
	top: 210px;
	left: 305px;
	background: url(../img/pensamentos/botao.png) no-repeat;
}

	#section10 .button .lampada{
		width: 338px;
		height: 338px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url(../img/pensamentos/lampada.png) no-repeat;
		text-indent: -9999px;
	}

	#section10 .button ul{
		width: 150px;
		height: 36px;
		position: absolute;
		bottom: -50px;
		left: 130px;
	}

		#section10 .button ul li,
		#section10 .button ul li a{
			float: left;
			display: inline;
			width: 36px;
			height: 36px;
		}

		#section10 .button ul li{
			margin-right: 20px;
		}

			#section10 .button ul li a{
				background: url(../img/bg/icones-social.png) no-repeat;
				text-indent: -9999px;
			}
			
			#section10 .button ul li a.twitter{
				background-position: -36px 0;
			}
		
	

#section10 h2{
	width: 255px;
	position: absolute;
	top: 300px;
	left: 30px;
	text-align: right;
	color: #ee9540;
	font-size: 33px;
}

#section10 .text{
	width: 315px;
	position: absolute;
	top: 195px;
	left: 660px;
}


#section10 .elipse9{
	width: 166px;
	height: 166px;
	top: 0px;
	left: 55%;
	background: url(../img/bg/elipse9.png) no-repeat;
}

#section10 .elipse10{
	width: 204px;
	height: 204px;
	top: 0px;
	left: 10%;
	background: url(../img/bg/elipse10.png) no-repeat;
}
	

/* #section11 - RESULTADOS ------------------------------------------------------------------- */
#section11 .esquerda{
	float: left;
	width: 400px;
	height: 640px;
	border-right: 1px solid #c2c2c2;
	padding: 50px 0 0 0;
	position: absolute;
	top: 100px;
	left: 10px;
}

	#section11 .esquerda .galeria{
		float: left;
		width: 360px;
		height: 550px;
		position: relative;
		overflow: hidden;
		margin: 30px 0 0 20px;
	}

		#section11 .esquerda .galeria .lista-galeria{
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			height: 550px;
		}

		#section11 .esquerda .galeria .paginacao{
			float: left;
			position: absolute;
			top: 70px;
			left: 0;
			height: 20px;
			width: 100%;
		}

		#section11 .esquerda .galeria .paginacao ol{
			display: block;
			position: absolute;
			left: 20px;
			top: 115px;			
		}

			#section11 .esquerda .galeria .paginacao ol li,
			#section11 .esquerda .galeria .paginacao ol li a{
				float: left;
				display: inline;
				width: 8px;
				height: 8px;
				text-indent: -9999px;
			}

			#section11 .esquerda .galeria .paginacao ol li{
				margin-right: 1px;
			}
			
				#section11 .esquerda .galeria .paginacao ol li a{
					background: url(../img/resultados/bullets.png) no-repeat;
				}

				#section11 .esquerda .galeria .paginacao ol li a.on{ background-position: 0 -8px; }

		#section11 .esquerda .galeria .paginacao .prev,
		#section11 .esquerda .galeria .paginacao .next{
			float: left;
			width: 10px;
			height: 20px;
			background: url(../img/resultados/bullet-setas.png) no-repeat;
			text-indent: -9999px;
		}

		#section11 .esquerda .galeria .paginacao .next{
			float: right;
			background-position: -9px 0;
		}
	
			#section11 .esquerda .galeria .lista-galeria .item{
				float: left;
				width: 360px;
				height: 550px;
			}

			#section11 .esquerda .galeria .lista-galeria .item .imagem{
				float: left;
				width: 360px;
				height: 175px;
				text-align: center;
			}

			#section11 .esquerda .galeria .lista-galeria .item .cliente{
				float: left;
				margin: 40px 0 0 0;
				text-align: center;
			}

				#section11 .esquerda .galeria .lista-galeria .item .cliente p{
					padding: 0 20px;
					text-align: left;
					margin: 20px 0;
					color: #494949;
				}

				#section11 .esquerda .galeria .lista-galeria .item .cliente a{
					text-align: center;
					color: #494949;
					font-size: 14px;
					text-decoration: none;
					font-family: 'grotesk-bold';
				}

	#section11 .esquerda h2,
	#section11 .direita h2{
		color: #494949;
		text-align: center;
		font-size: 33px;
	}

#section11 .direita{
	float: left;
	width: 580px;
	height: 640px;
	border-left: 1px solid #fff;
	padding: 50px 0 0 0;
	position: absolute;
	position: absolute;
	top: 100px;
	left: 411px;
}
	#section11 .direita .box1{
		float: left;
		width: 550px;
		height: 280px;
		border-bottom: 1px solid #c2c2c2;
		padding: 0;
		margin: 0 0 0 20px;
	}

		#section11 .direita .box1 img{
			float: left;
			width: 232px;
			margin: 20px 0 0 10px;
		}

		#section11 .direita .box1 p{
			float: left;
			width: 250px;
			margin: 35px 0 0 20px;
			color: #494949;
		}
		
	#section11 .direita .box1 .galeria{
		float: left;
		width: 510px;
		height: 180px;
		position: relative;
		overflow: hidden;
		margin: 55px 0 0 20px;
	}

		#section11 .direita .box1 .galeria .lista-galeria{
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			height: 100px;
		}

		#section11 .direita .box1 .galeria .paginacao{
			float: left;
			position: absolute;
			top: 45px;
			left: 0;
			height: 20px;
			width: 100%;
		}
		
		#section11 .direita .box1 .galeria .paginacao ol{
			display: block;
			position: absolute;
			left: 83px;
			top: 115px;			
		}

			#section11 .direita .box1 .galeria .paginacao ol li,
			#section11 .direita .box1 .galeria .paginacao ol li a{
				float: left;
				display: inline;
				width: 8px;
				height: 8px;
				text-indent: -9999px;
			}

			#section11 .direita .box1 .galeria .paginacao ol li{
				margin-right: 6px;
			}
			
				#section11 .direita .box1 .galeria .paginacao ol li a{
					background: url(../img/resultados/bullets.png) no-repeat;
				}

				#section11 .direita .box1 .galeria .paginacao ol li a.on{ background-position: 0 -8px; }

		#section11 .direita .box1 .galeria .paginacao .prev,
		#section11 .direita .box1 .galeria .paginacao .next{
			float: left;
			width: 10px;
			height: 20px;
			background: url(../img/resultados/bullet-setas.png) no-repeat;
			text-indent: -9999px;
		}

		#section11 .direita .box1 .galeria .paginacao .next{
			float: right;
			background-position: -9px 0;
		}
	
			#section11 .direita .box1 .galeria .lista-galeria .item{
				float: left;
				width: 510px;
				height: 100px;
				text-indent: -9999px;
				position: relative;
			}
			
			#section11 .direita .box1 .galeria .lista-galeria .item div{
				width: 340px;
				height: 100px;
				background-image: url(../img/clientes/ramos.png);
				background-repeat: no-repeat;
				margin: 0 auto;
				text-indent: -9999px;
			}

#section11 .direita .box1 .galeria .lista-galeria .item .varejo			{ background-position: 0 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .construcao		{ background-position: -340px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .cooperativismo	{ background-position: -680px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .comunicacao	{ background-position: -1020px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .advocacia		{ background-position: -1360px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .tecnologia		{ background-position: -1700px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .saude			{ background-position: -2040px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .arquitetura	{ background-position: -2380px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .tintas			{ background-position: -2720px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .seguranca		{ background-position: -3060px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .quimica		{ background-position: -3400px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .odontologia	{ background-position: -3740px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .alimentacao	{ background-position: -4080px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .mercado		{ background-position: -4420px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .meio			{ background-position: -4760px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .inovacao		{ background-position: -5100px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .fitness		{ background-position: -5440px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .contabilidade	{ background-position: -5780px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .consultoria	{ background-position: -6120px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .engenharia		{ background-position: -6460px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .eletronica		{ background-position: -6800px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .pesquisa		{ background-position: -7140px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .fisioterapia	{ background-position: -7480px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .recursos		{ background-position: -7820px 0; }
#section11 .direita .box1 .galeria .lista-galeria .item .vestuario		{ background-position: -8160px 0; }

#section11 .direita .box1 .galeria .lista-galeria .item div span{
	text-indent: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

	#section11 .direita .box2{
		float: left;
		width: 550px;
		height: 320px;
		border-top: 1px solid #fff;
		padding: 0 0 25px 0;
		margin: 0 0 0 20px;
	}

		#section11 .direita .box2 .depoimento{
			float: left;
			width: 510px;
			margin: 0 0 0 0;
			background: url(../img/resultados/bullets-depoimento-abre.png) no-repeat 5px top;
		}

		#section11 .direita .box2 p{
			display: table-cell;
			vertical-align: middle;
			width: 450px;
			height: 250px;
			padding: 0 30px;
			margin: 0;
			color: #ee9540;
			font-family: 'grotesk-regular';
			font-size: 14px;
			text-align: center;
			text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
			line-height: 16px;
			background: url(../img/resultados/bullets-depoimento-fecha.png) no-repeat right bottom;
		}

		#section11 .direita .box2 p.assinatura{
			float: left;
			width: 440px;
			height: 20px;
			color: #494949;
			font-family: 'grotesk-boldcond';
			font-size: 15px;
			text-align: center;
			text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
			line-height: 20px;
			background: none;
		}

		#section11 .direita .box2 h2{
			margin: 20px 0 10px 0;
		}
		
	#section11 .direita .box2 .galeria{
		float: left;
		width: 510px;
		height: 290px;
		position: relative;
		overflow: hidden;
		margin: 0px 0 0 20px;
	}

		#section11 .direita .box2 .galeria .lista-galeria{
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			height: 100px;
		}

		#section11 .direita .box2 .galeria .paginacao{
			float: left;
			position: absolute;
			top: 115px;
			left: 0;
			height: 20px;
			width: 100%;
		}

		#section11 .direita .box2 .galeria .paginacao ol{
			display: block;
			position: absolute;
			left: 95px;
			top: 165px;			
		}

			#section11 .direita .box2 .galeria .paginacao ol li,
			#section11 .direita .box2 .galeria .paginacao ol li a{
				float: left;
				display: inline;
				width: 8px;
				height: 8px;
				text-indent: -9999px;
			}

			#section11 .direita .box2 .galeria .paginacao ol li{
				margin-right: 10px;
			}
			
				#section11 .direita .box2 .galeria .paginacao ol li a{
					background: url(../img/resultados/bullets.png) no-repeat;
				}

				#section11 .direita .box2 .galeria .paginacao ol li a.on{ background-position: 0 -8px; }

		#section11 .direita .box2 .galeria .paginacao .prev,
		#section11 .direita .box2 .galeria .paginacao .next{
			float: left;
			width: 10px;
			height: 20px;
			background: url(../img/resultados/bullet-setas.png) no-repeat;
			text-indent: -9999px;
		}

		#section11 .direita .box2 .galeria .paginacao .next{
			float: right;
			background-position: -9px 0;
		}
	
			#section11 .direita .box2 .galeria .lista-galeria .item{
				float: left;
				width: 510px;
				height: 300px;
			}
			
		


#section11 .elipse3{
	width: 480px;
	height: 480px;
	top: 0px;
	left: -200px;
	background: url(../img/bg/elipse3.png) no-repeat;
}


#section11 .elipse9{
	width: 166px;
	height: 166px;
	top: 0px;
	left: 35%;
	background: url(../img/bg/elipse9.png) no-repeat;
}

#section11 .elipse10{
	width: 204px;
	height: 204px;
	top: 0px;
	right: -100px;
	background: url(../img/bg/elipse10.png) no-repeat;
}
	


/* #section12 - CONEXAO ------------------------------------------------------------------- */
#section12 .content{
	width: 1475px;
	min-width: 500px!important;
	height: 480px;
	position: absolute;
	top: 200px;
	left: 270px;
	left: 470px;
	background: url(../img/bg/conexao.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#main #section12 .content{
	width: 500px;
	min-width: 500px!important;
	padding: 20px 0 0 40px;
}


#section12 .content .esquerda,
#section12 .content .direita{
	float: left;
	width: 340px;
	height: 440px;
	padding: 0px 20px;
	margin: 20px 0 0 0;
}

#section12 .content .esquerda{
	width: 430px;
	border-right: 1px solid #ffb771;
	border: none;
}

	#section12 .content .esquerda h2{
		color: #393939;
	}

	#section12 .content .esquerda h3{
		font-size: 18px;
		font-family: 'grotesk-boldcond';
		clear: both;
	}

	#section12 .content .esquerda p{
		margin: 10px 0 0 0;
		line-height: 15px;
	}


	#section12 .content .esquerda p.end{
		margin-top: 10px;
		font-size: 12px;
		line-height: 15px;
	}

		#section12 .content .esquerda p.end strong{
			font-size: 13px;
		}


	#section12 .content .esquerda a{
		color: #393939;
	}

	#section12 .content .esquerda ul{
		float: left;
		width: 280px;
		padding-left: 80px;
		padding-left: 160px;
		margin: 15px 0;
	}
	
		#section12 .content .esquerda ul li,
		#section12 .content .esquerda ul li a{
			float: left;
			width: 36px;
			height: 36px;
			text-indent: -9999px;
		}

		#section12 .content .esquerda ul li{
			margin-right: 10px;
		}

		#section12 .content .esquerda ul li a{ background: url(../img/bg/icones-social.png) no-repeat 0 -36px;}
		#section12 .content .esquerda ul li a.twitter{ background-position: -36px -36px; }
	
	
#section12 .content .direita{
	border-left: 1px solid #d87f2b;
	position: relative;
}

#section12 .content .direita .load,
#section12 .content .direita .feedback{
	display: none;
}

	#section12 .content .direita label{
		float: left;
		width: 100%;
		font-size: 20px;
		color: #393939;
		font-family: 'grotesk-cond';
		font-weight: normal;
		margin: 10px 0 0 0;
	}
	
	#section12 .content .direita input,
	#section12 .content .direita textarea{
		width: 275px;
		padding: 0 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: -2px -2px 2px rgba(74, 74, 74, 0.5);
		font-size: 18px;
		color: #494949;
		font-family: 'grotesk-cond';
		margin: 0 0 10px 0;
	}

	#section12 .content .direita .erro{
		background: #f99;
	}

	#section12 .content .direita textarea{
		min-height: 150px;
		height: 150px;
		max-height: 150px;
		min-width: 275px;
		max-width: 275px;
	}

	#section12 .content .direita .bt-enviar{
		width: 115px;
		height: 55px;
		padding: 0;
		background: url(../img/bg/bt-enviar.png) no-repeat 0 0;
		text-indent: -9999px;
		position: absolute;
		bottom: -28px;
		right: 80px;
	}

#section12 .endereco{
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	z-index: 99;
	font-family: 'grotesk-bold';
	width: 100%;
	text-align: center;
	line-height: 24px;
}

#section12 .direita .feedback{
	float: left;
	color: #393939;
	margin: 10px 0 0 0;
}

#section12 .direita .load p,
#section12 .direita .feedback p{
	width: 100%;
	font-size: 14px;
	float: left;
	color: #393939;
	font-family: 'grotesk-cond';
	margin: 0;
}

#section12 .direita .load p,
#section12 .direita .feedback p,
#section12 .direita .feedback p a{
	color: #393939;
}