* { margin:0px; padding:0px; outline:0; }




body {
	background:#f0f2f1;
	font-size:14px;
	color:#494949;
	overflow-x:hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.menu_type {
	font-family: HabanaRegular;
	font-size: 20px;
	font-weight: normal;
}


img { border:0px; }

a { text-decoration:none; }
a:hover {

}
#contact_wrapper #form_contact a {
}


img { border:0px; }


#wrapper {
	width: 1200px;
	position: relative;
	margin: 0 auto;
  	padding: 0;
  
	
	
}
/*** Home***/

#privacy {
	position: relative;
	width: 100%;
	position: absolute;
	width: 553px;
	height: 703px;
	margin-left: 0px;
	left: 190px;
	text-align: center;
	margin-top: 10px;
	top: 51px;
	font-family: Arial;
	font-size: 14px;
	}

#home {
	position:relative;
	width:100%;
	height:1050px; max-height:1050px;
	background:#f0f2f1 url('../images/bg-light.jpg') center top fixed;
}

#home_wrapper {
	position:relative; left:50%;
	width:1000px; height:1050px; margin-left:-500px;
}

#line1_top {
	position:absolute;
	width:1px; height:35px; background:#7b7b7b;
	margin-left:-1px; left:50%;
}

#splash {
	position:absolute;
	width:504px;
	height:65px;
	margin-left:-166px;
	left:414px;
	text-align:center;
	margin-top:125px;
	top: 97px;
	font-family:HabanaRegular; 
	font-size:84px;
}

#studios {
	position:absolute;
	width:504px;
	height:101px;
	margin-left:-166px;
	left:414px;
	text-align:center;
	margin-top:125px;
	top: 170px;
	font-family: HabanaRegular;
	font-size: 84px;
}

#whatyourmind {
	position:absolute;
	width:600px;
	height:65px;
	margin-left:-166px;
	left:367px;
	text-align:center;
	margin-top:125px;
	top: 288px;
	font-family: HabanaRegular;
	font-size: 32px;
}
#studios h2 {
	font-size:68px;
	letter-spacing:-1px;
	color:#0ABCDC;
	margin-bottom:7px;





*margin-bottom:0px;
	font-family: HabanaRegular;
	font-weight: lighter;
	margin-left: 150px;
	position: 0;
	clip: rect(0px,0px,0px,0px);
}

#splash h1 {
	font-size: 84px;
	letter-spacing: -2px;
	color: #0ABCDC;
	font-weight: normal;
	font-family: HabanaRegular;
}

#splash h1 span { color:#a9abaa; }

#squares_esq {
	position:absolute;
	width:248px; height:558px;
	margin-top:36px; margin-left:-62px;
	background:url('../images/squares-esq.png') center top no-repeat;
}

#squares_esq div#sq1 {
	position:absolute; width:62px; height:62px;
	margin-top:124px; margin-left:124px;
	opacity:0;
	background:#fff
}

#squares_esq div#sq2 {
	position:absolute; width:62px; height:62px;
	margin-top:310px; margin-left:62px;
	opacity:0;
	background:#fff
}

#squares_dir {
	position:absolute;
	width:248px; height:558px;
	margin-top:36px; margin-left:814px;
	background:url('../images/squares-dir.png') center top no-repeat;
}

#squares_dir div#sq1 {
	position:absolute; width:62px; height:62px;
	margin-top:124px; margin-left:124px;
	opacity:0;
	background:#fff
}

#squares_dir div#sq2 {
	position:absolute; width:62px; height:62px;
	margin-top:372px; margin-left:62px;
	opacity:0;
	background:#fff
}

.sq { *filter:alpha(opacity=0.5); }

#line2_top {
	position:absolute;
	width:1px; height:532px; background:#7b7b7b;
	margin-left:-1px; left:50%; margin-top:518px;
}

#button_scroll_home {
	position:absolute; z-index:3;
	width:69px; height:69px; max-width:69px; max-height:69px;
	background:url('../images/button-scroll-home.png') no-repeat;
	margin-left:-34px; left:50%; margin-top:570px;
}

#button_scroll_home p {
	position:absolute; width:100px;
	margin-top:26px; margin-left:93px;
	font-style:italic;
}

#button_scroll_home a {
	position:absolute; width:69px; height:69px;
}



/*** what we do***/

#what_we_do {
	position:relative; z-index:4;
	width:100%;
	height:1050px; max-height:1050px;
	background:#535353 url('../images/bg-dark.jpg') center top fixed;
}

#what_we_do_wrapper {
	position:relative; left:50%;
	width:1000px; height:1050px; margin-left:-500px;
}

#title_what_we_do {
	position:absolute;
	z-index:5;
	width:543px;
	height:557px;
	background:url('../images/circulo.png') no-repeat;
	margin-top:-302px;
	margin-left:-271px;
	left:50%;
	top: 3px;
}

#title_what_we_do h1 {
	margin-top:360px;
	width:543px;
	text-align:center;
	font-weight:lighter;
	font-size:55px;
	letter-spacing:-1px;
	color:#fff;
	text-shadow:0px 1px 1px #000000;
	font-family: HabanaRegular;
}

#fix_ie_float { *margin-bottom:-60px; }

#main_menu {
	position:absolute;
	width:100%;
*left:0px; 	height:88px;
	background:#2b2b2b;
}

.menu { margin:0px; padding:0px; }
.menu li { list-style:none; display:inline; }

.lis_esq { margin-right:40px; }
.lis_dir { margin-left:40px; }

.menu li a {
	display:inline-block;
*display:inline; 	color:#fff;
	padding:5px;
*line-height:30px;
}

.menu li a:hover {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;




	font family: HabanaRegular;

	*behavior:url('ie-css3.htc');
	font-family: HabanaRegular;
	background-color: #4ECAF3;
}

#what_we_do_menu_esq {
	padding-top:32px;




*padding-top:30px; 					width:300px;
	float:left;
	text-align:left;
	font-family: HabanaRegular;
}
#what_we_do_menu_dir {
	padding-top:32px;





*padding-top:30px; 							width:300px;
	float:right;
	text-align:right;
}

#instruction {
	position:absolute;
	margin-top:232px;
	width:421px;
	height:280px;
	top: -36px;
}

#instruction p.img { margin-bottom:27px; }

#instruction p {
	font-size:21px; color:#fff;
	font-style:italic;
	line-height:31px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}

h2#title_solutions {
	position:absolute;
	margin-top:290px;
	margin-left:625px;
	font-size:21px;
	color:#fff;
	font-weight:normal;
	font-style:italic;
	line-height:31px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	left: -57px;
	width: 240px;
}

ul#solutions {
	position:absolute; width:190px; z-index:5;
	margin-top:355px; margin-left:625px;
}

ul#solutions li { display:inline; }

ul#solutions li a {
	display:inline-block;
	width:75px; height:44px; *height:75px;
	padding-top:31px; background:#585858;
	margin-right:10px; margin-bottom:12px;
	border:2px solid #fff;
	font-family:Helvetica; font-size:12px;
	color:#fff; text-align:center;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

ul#solutions li a:hover { text-decoration:none; background:rgba(255,255,255,0.1); cursor:move; }

#recebe_solutions {
	position:absolute; width:150px; height:90px; *height:150px;
	padding-top:60px;
	margin-top:360px; margin-left:840px;
	border:5px dashed; border-color:#fff;
	font-family:Helvetica; font-size:14px;
	color:#fff; text-align:center;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
}

.recebe_ativo { background:rgba(249,235,187,0.1); }
.recebe_hover { background:rgba(249,235,187,0.3); }
.recebe_highlight { background:khaki; }

#line1_what_we_do {
	position:absolute;
	width:1px; height:505px; background:#c9c9c9;
	margin-left:111px; margin-top:545px;
}

#button_scroll_what_we_do {
	position:absolute;
	z-index:3;
	width:69px;
	height:69px;
	max-width:69px;
	max-height:69px;
	background:url('../images/button-scroll-quem-somos.png') no-repeat;
	margin-left:77px;
	margin-top:580px;
	top: 40px;
}

#button_scroll_what_we_do p {
	position:absolute; width:200px;
	margin-top:20px; margin-left:93px;
	font-style:italic; color:#fff;
}

#button_scroll_what_we_do a {
	position:absolute;
	width:69px;
	height:69px;
	top: 3px;
	left: 1px;
}





#portfolio {
	position:relative; z-index:5;
	width:100%;
	height:1050px; max-height:1050px;
	background:#f0f2f1 url('../images/bg-light.jpg') center top fixed;
}

#portfolio_wrapper {
	position:relative; left:50%;
	width:1000px; height:1050px; margin-left:-500px;
}

#title_portfolio {
	position:absolute;
	z-index:5;
	width:543px;
	height:543px;
	background:url('../images/circulo-portfolio.png') no-repeat;
	margin-top:-302px;
	margin-left:-160px;
	top: 22px;
}

#title_portfolio h1 {
	margin-top:350px;
	width:543px;
	text-align:center;
	font-weight:normal;
	font-size:55px;
	letter-spacing:-1px;
	color:#fff;
	text-shadow:0px 1px 1px #000000;
	font-family: HabanaRegular;
}

#portfolio_menu {
	padding-top:32px;





*padding-top:30px; 						width:620px;
	float:right;
	text-align:right;
	font-family: HabanaRegular;
}

#intro_portfolio {
	position:absolute;
	margin-left:380px; margin-top:155px;
	width:570px; height:80px;
}

#intro_portfolio h2 {
	font-size:21px; color:#2b2b2b;
	font-weight:normal; font-style:italic;
	line-height:31px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

#wrapper_items { position:absolute; width:100%; height:310px; margin-top:332px; overflow:hidden; }

ul#items { width:9999px; margin:0px; padding:0px; }

ul#items li {
	list-style:none; display:inline-block; *display:inline;
	width:249px; height:310px; margin-right:-2px; *margin-right:1px;
	vertical-align:top;
}

ul#items li h3 { font-size:21px; color:#2b2b2b; font-weight:normal; font-style:italic; margin-bottom:12px; }

ul#items li div#thumb {
	width:249px; height:205px;
	margin-bottom:15px; overflow:hidden;
}

ul#items div#thumb a { display:block; width:249px; height:205px; overflow:hidden; }

ul#items div#thumb a div#zoom {
	position:relative; width:249px; height:205px; margin-bottom:-205px;
	background:url('../images/thumb-zoom.png') no-repeat; *cursor:pointer;
}

ul#items li p { font-size:13px; font-style:italic; color:#868686; line-height:19px; }

#page {
	position:absolute;
	width:160px; height:55px;
	margin-top:240px; margin-left:840px;
}

#page p { position:absolute; font-style:italic; margin-top:19px; }

#page a.previous {
	position:absolute; margin-left:77px; margin-top:4px;
	display:block; width:47px; height:47px; text-indent:-9999px;
	background-image:url('../images/previous.png');
}

#page a.next {
	position:absolute; margin-left:112px; margin-top:4px;
	display:block; width:47px; height:47px; text-indent:-9999px;
	background-image:url('../images/next.png');
}

.ativo { background-position:0px -47px; cursor:pointer; }
.inativo { background-position:0px 0px; cursor:default; }

#line1_portfolio {
	position:absolute;
	width:1px; height:330px; background:#7b7b7b;
	margin-left:818px; margin-top:720px;
}

#button_scroll_portfolio {
	position:absolute; z-index:3;
	width:69px; height:69px; max-width:69px; max-height:69px;
	background:url('../images/button-scroll-portfolio.png') no-repeat;
	margin-left:783px; margin-top:764px;
}

#button_scroll_portfolio p {
	position:absolute; width:200px;
	margin-top:20px; margin-left:-233px;
	font-style:italic; text-align:right;
}

#fix_scroll_portfolio {
	position:absolute; z-index:8;
	width:69px; height:69px; max-width:69px; max-height:69px;
	margin-left:238px; margin-top:16px;
}





#contact {
	position: relative;
	width: 100%;
	height: 800px;
	max-height: 1050px;
	background: #535353 url('../images/bg-dark.jpg') center top fixed;
	z-index: 10;
}

#contact_wrapper {
	position:relative;
	left:50%;
	width:1000px;
	height:1050px;
	margin-left:-500px;
}

#title_contact {
	position:absolute;
	width:543px;
	height:543px;
	background:url('../images/circulo.png') no-repeat;
	margin-top:-302px;
	margin-left:545px;





*margin-left:-180px;
	z-index: 9;
}

#title_contact h1 {
	margin-top:360px;
	width:543px;
	text-align:center;
	font-weight:normal;
	font-size:55px;
	letter-spacing:-1px;
	color:#fff;
	text-shadow:0px 1px 1px #000000;
	font-family: HabanaRegular;
}

#contact_menu {
	padding-top:32px;

*padding-top:30px; 		width:570px;
	margin-left:155px;
	float:left;
	text-align:left;
}

#logo_contact { position:absolute; margin-top:31px; left:0px; }

#form_contact {
    position: absolute;
    margin-top: 167px;
    width: 540px;
    left: 5px;
    top: 93px;
    height: 191px;
}

#form_contact h2 {
	font-size:22px; color:#fff;
	font-weight:normal; font-style:italic;
	line-height:31px; margin-bottom:22px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}
#form_contact h2 a{
	font-size:22px; color:#fff;
	font-weight:normal; font-style:italic;
	line-height:31px; margin-bottom:22px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}

.input_text {
	width:320px;
	padding:13px;
	border:0px;
	background:#eee;
	font-family:Georgia;
	font-style:italic;
	font-size:14px;
	-webkit-box-shadow:3px 3px 0px #454545;
	-moz-box-shadow:3px 3px 0px #454545;
	box-shadow:3px 3px 0px #454545;
	margin-bottom:18px;
	color:#494949;

	*height:41px;
}

.input_text:focus { background:#fff; }

.input_textarea {
	width:430px; max-width:430px;
	height:90px; max-height:90px;
	padding:13px; border:0px; background:#eee;
	font-family:Georgia; font-style:italic; font-size:14px;
	-webkit-box-shadow:3px 3px 0px #454545;
	-moz-box-shadow:3px 3px 0px #454545;
	box-shadow:3px 3px 0px #454545;
	margin-bottom:18px; color:#494949;
}

.input_textarea:focus { background:#fff; }

.input_submit {
	width:110px; padding:13px; border:0px; background:#eee;
	font-family:Georgia; font-style:italic; font-size:15px;
	-webkit-box-shadow:3px 3px 0px #454545;
	-moz-box-shadow:3px 3px 0px #454545;
	box-shadow:3px 3px 0px #454545;
	margin-bottom:18px; color:#000;
	background:#f79d9d;
}

.input_submit:hover { cursor:pointer; background:#f78c8c; }

.input_erro { background:#fadcdc; }

p#loading {
	position:absolute; margin-top:256px; margin-left:130px;
	width:31px; height:31px; display:none;
	background:url('../images/loader.gif') no-repeat;
}

#success_msg { display:none; }

#success_msg h2 { line-height:10px; }

.voltar_home {
	display:block; width:50px; text-align:center; padding:13px; border:0px; background:#eee;
	font-family:Georgia; font-style:italic; font-size:15px;
	-webkit-box-shadow:3px 3px 0px #454545;
	-moz-box-shadow:3px 3px 0px #454545;
	box-shadow:3px 3px 0px #454545;
	margin-bottom:18px; color:#000;
	background:#f79d9d; margin-top:30px;
}

.voltar_home:hover { cursor:pointer; background:#f78c8c; text-decoration:none; }

#area_contacts {
	position: absolute;
	margin-top: 290px;
	margin-left: 685px;
	width: 305px;
	height: 210px;
	left: 3px;
	top: -34px;
}

#area_contacts h2 a {
	display:block; font-size:22px; color:#fff;
	font-weight:normal; font-style:italic;
	line-height:31px; margin-bottom:20px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}

#area_contacts h3 {
	font-size:17px; color:#fff;
	font-weight:normal; font-style:italic;
	margin-bottom:10px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}

#area_contacts p {
	display:block; font-size:14px; color:#fff;
	font-weight:normal; font-style:italic;
	margin-top:13px; margin-bottom:25px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}

ul#social { margin:0px; padding:0px; *border:1px solid #555555; }

ul#social li { list-style:none; display:inline; }

ul#social li a {
	display:inline-block; *display:inline;
	width:43px; height:43px; text-indent:-9999px;
	margin-right:4px;
}


.facebook { background-image:url('../images/icone-facebook.png'); }

ul#social li a:hover { background-position:0px -43px; }

#line1_contact {
    position: absolute;
    width: 1px;
    height: 168px;
    background: #c9c9c9;
    margin-left: 845px;
    margin-top: 470px;
    left: -45px;
    top: -196px;
}

#line2_contact {
    position: absolute;
    width: 137px;
    height: 0px;
    background: #c9c9c9;
    margin-left: 665px;
    margin-top: 913px;
    top: -719px;
    left: -27px;
}

#line3_contact {
    position: absolute;
    width: 1px;
    height: 150px;
    background: #c9c9c9;
    margin-left: 665px;
    margin-top: 810px;
    top: -518px;
    left: 3px;
}

#like_versions {
	position:absolute;
	margin-top:455px;
	margin-left:90px;
	left: 0px;
	top: 265px;
}

#button_scroll_contact {
    position: absolute;
    z-index: 3;
    width: 43px;
    height: 43px;
    max-width: 43px;
    max-height: 43px;
    background: url('../images/button-scroll-contact.png') no-repeat;
    margin-left: 644px;
    margin-top: 837px;
    left: 2px;
    top: -494px;
}

#button_scroll_contact p {
	position:absolute; width:200px;
	margin-top:13px; margin-left:-218px;
	font-style:italic; text-align:right; color:#fff;
}

#button_scroll_contact a {
    position: absolute;
    width: 43px;
    height: 43px;
    left: 1px;
    top: 1px;
}

.label_subir { display:none; }





#modal {
	position:absolute; display:block; z-index:99; min-height:610px;
	background:url('../images/bg-light.jpg') center top;
	-webkit-box-shadow:0px 0px 200px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 200px rgba(0,0,0,0.5);
	box-shadow:0px 0px 200px rgba(0,0,0,0.5);
	display:none;
}

#wrapper_exibicao {
	position:relative; width:1000px;
	margin-left:-500px; left:50%;
}

h1#title_job {
	font-size:60px; letter-spacing:-2px;
	color:#383838; padding-top:30px; *padding-top:27px;
}

a#fechar_modal {
	position:absolute; width:120px; height:55px;
	margin-top:30px; margin-left:875px;
	background:url('../imagens/fechar-modal.png') 0px 0px;
}

a#fechar_modal:hover { background-position:0px -55px; }

#zoom_job {
	width:476px; height:409px;
	float:left; margin-top:30px; *margin-top:25px;
	background-position:22px 22px;
	background-repeat:no-repeat;
}

#resumo_job {
	width:485px; height:409px;
	float:right; margin-top:30px; *margin-top:25px;
}

#title_detalhes_job {
	font-size:35px; color:#2b2b2b; padding-top:30px;
	font-weight:normal; font-style:italic;
	line-height:31px; margin-bottom:20px; letter-spacing:-1px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

#descricao_job {
	font-size:18px; color:#515151;
	font-weight:normal; font-style:italic;
	line-height:27px; margin-bottom:20px;
}

#link_job {
	display:block; font-size:17px; color:#515151;
	font-weight:normal; font-style:italic;
	line-height:27px; margin-top:30px;
}

#voltar_modal {
	display:block; width:55px; font-size:15px; color:#515151;
	font-weight:normal; font-style:italic;
	line-height:27px; margin-top:80px;
}

#link_job:hover, #voltar_modal:hover { color:#c75454; }

#trees {
	position:absolute;
	width:100%;
	height:200px;
	z-index:7;
	top: 748px;
	background-image: url(../images/backgrounds/trees.png);
	background-repeat: repeat;
}

#roots {
	position: absolute;
	width: 100%;
	height: 125px;
	z-index: 8;
	left: 0px;
	top: 936px;
	background-image: url(../images/backgrounds/roots.png);
	background-repeat: repeat;
}
#clouds {
	position:absolute;
	width:100%;
	height:294px;
	z-index:8;
	left: 0px;
	top: 1805px;
	background-image: url(../images/backgrounds/clouds.png);
}

.form {
	width:540;
	height:500;
	
	
}
#privacy p {
	font-weight: bold;
}
