*{
	margin:0;
	padding:0;
	border:0;
}

html{
	height:100%;
	width:100%;
}

body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:100%;
	width:100%;
}

a i, h1 i{display:none;}

p{padding-bottom:12px; color:#4c4c4c; font-size:14px;}

#wrapper{
	height:100%;
	position:relative;
	width:100%;
	}

#menu-barra{
	background-image: url(../images/border-effect.png);
	background-repeat: repeat-x;
	bottom:0;
	height:130px;
	position:fixed;
	width:100%;
	z-index:300;
	position:absolute !important;
}

#content{
	width:1000px;
	margin:0 auto;
	position:relative;
}

/*------------------ menu-home ------------------*/
#menu-home{font-size:18px; line-height:1.4em; text-transform:lowercase; width:200px; position:absolute; right:0; top:435px;}
#menu-home ul{list-style:none;}
#menu-home ul li a{display:block; text-decoration:none; color:#000; width:200px;}
#menu-home ul li a:hover{text-decoration:none; color:#53c4ca;}
/*#menu-home li ul{display:none; position:absolute; left:200px; top:0; width:200px; z-index:200;}
/*#menu-home li:hover ul{display:block;}
#menu-home li ul a{display:block; font-size:14px; line-height:1.4em; text-transform:lowercase; text-align:left;}
#menu-home li ul a:hover, #menu-home li ul li:hover a{color:#53c4ca; text-decoration:underline;}*/
/*------------------ /menu-home ------------------*/

/*------------------ menu ------------------*/
#menu{font-size:14px; line-height:1.4em; text-transform:lowercase; width:220px; padding:15px 0 0 185px; position:relative; left:350px;}	
#menu ul{list-style:none;}
#menu ul li a{display:block; text-decoration:none; color:#FFF; width:215px;}
#menu ul li ul li a{width:150px;}
#menu ul li a:hover{text-decoration:none;}
#menu li ul{display:none; position:absolute; left:400px; top:15px; width:200px; z-index:200;}
#menu li a:hover ul{display:block;}
#menu li ul a{display:block; font-size:14px; line-height:1.4em; text-transform:lowercase; text-align:left;}
#menu li ul a:hover, .menu li ul li:hover a{color:#ffffff; text-decoration:none;}
.menu-on, .menu-sub-on{font-weight:bold;}
#menu ul li a.bt_contato, #menu ul li a.bt_home{width:60px;}
/*------------------ /menu ------------------*/

#texto{position:absolute;}

.logo-interna{background:transparent url(../images/logo.png) 0 0 no-repeat; display:block; height:135px; width:246px; position:absolute; top:-40px; left:200px; float:left;}

.logo-home{background:transparent url(../images/logo.png) -240px 0 no-repeat; display:block; height:135px; width:368px; position:absolute; top:420px; left:40px;}

/*------------------ home ------------------*/
.imagem-home{background:url(../images/img_home.jpg) no-repeat 390px 0; height:100%;}
/*------------------ /home ------------------*/

/*------------------ metodologia ------------------*/
div.metodologia{top:215px; right:50px; width:570px;}
.metodologia h1{background:transparent url(../images/titulos.gif) no-repeat scroll 0 -50px; display:block; height:50px; width:570px; margin-bottom:20px;}
.metodologia p{width:510px; text-align:left;}
.imagem-metodologia{background:url(../images/img_metodologia.jpg) no-repeat; height:100%;}
.metodologia-back, .perfil-back{background-color:#77533b;}
/*------------------ /metodologia ------------------*/

/*------------------ perfil ------------------*/
div.perfil{top:215px; right:50px; width:570px;}
.perfil h1{background:transparent url(../images/titulos.gif) no-repeat scroll 0 0; display:block; height:50px; width:570px; margin-bottom:20px;}
.perfil p{width:450px; text-align:left;}
.imagem-perfil{background:url(../images/img_metodologia.jpg) no-repeat; height:100%;}
/*------------------ /perfil ------------------*/

/*------------------ clientes ------------------*/
div.clientes {right:0;top:20px;width:590px;}
.imagem-clientes{background:url(../images/img_clientes.jpg) no-repeat -1px 110px; height:100%;}
.clientes-back {background-color:#cc3810;}
/*------------------ /clientes ------------------*/

/*------------------ /pessoas ------------------*/
div.pessoas{top:30px; right:0; width:570px;}
.imagem-pessoas{/*background:url(../images/img_pessoas.jpg) 50px 50px no-repeat;*/ height:100%;}
.pessoas-txt h1{height:50px; background:url(../images/titulos.gif) 0 0 no-repeat scroll; width:570px; padding-bottom:15px;}
#txt-gabu h1{background-position:0 -200px;}
#txt-cintia h1{background-position:0 -250px;}
.pessoas-txt p{width:540px; text-align:left;}
.pessoas-txt{width:540px; float:left;}
/*------------------ /pessoas ------------------*/

/*------------------ experiencia ------------------*/
div.experiencia{top:200px; left:50px; width:510px;}
.experiencia h1{background:transparent url(../images/titulos.gif) no-repeat scroll 0 -100px; display:block; height:50px; width:570px; margin-bottom:20px;}
.experiencia p{width:470px; text-align:left;}
.imagem-experiencia{background:url(../images/img_experiencia.jpg) no-repeat top right; height:100%;}
.experiencia-back {background-color:#53c3c9;}
/*------------------ /experiencia ------------------*/

/*------------------ contato ------------------*/
div.contato{top:15px; right:60px; width:510px;}
.contato h1{background:transparent url(../images/titulos.gif) no-repeat scroll 0 -150px; display:block; height:50px; width:510px; margin-bottom:10px;}
.contato a{color:#4C4C4C; text-decoration:none;}
.contato a:hover{text-decoration:underline;}
.imagem-contato{background:url(../images/img_contato.jpg) no-repeat top left; height:100%;}
.contato-back{background-color:#e3e31d;}

#form-contato{position:relative;}
#form-contato p{position:relative; float:left;}

#form-contato div{
	float:left;
	margin-bottom:8px;
}

#form-contato span.campo, 
#form-contato span.campo_textarea{
	float:left;
	display: block;
	height: 20px;
	margin:0;
	padding: 6px 8px;
	background-position:left top;
	background-repeat:no-repeat;
}
#form-contato span.campo{
	width:370px;
	background-image: url(../images/bg-contato.gif);
}
#form-contato span.campo_textarea{
	width:370px;
	background-image: url(../images/bg-contato.gif);
	background-position:0 -38px;
	padding-top:16px;
	height:92px;
}
#form-contato span.campo input, 
#form-contato span.campo_textarea textarea{
	display:block;
	border: none;
	background-color: transparent;
	width:100%;
	padding:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color:#000000;
	font-size:14px;  
}
.campo_submit{float:right; padding-top:2px;}
div label{float:left; font-size:14px; color:#000000; width:100px; text-align:right; padding:8px 10px 0 0;}
/*------------- /contato -------------*/

/*------------- experiencia -------------*/
#portfolio{width:800px; margin:0 auto;}
.portfolio-legenda{color:#4C4C4C; float:right; font-size:12px; margin:-100px 30px 0 0; position:relative; text-align:right; width:200px;}
.portfolio-cliente{color:#53C3C9; float:left; font-size:18px; margin:-130px 0 0 670px; position:relative; text-align:right; width:300px;}
.portfolio-cliente-center{margin:-500px 0 0 250px; text-align:center; width:500px;}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

/* Easy Slider----------------------------------- */

#portfolio ul, #portfolio li {list-style:none;}
#portfolio li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:1000px;
	height:520px;
	overflow:hidden; 
	}

#portfolio ul li img{float:left; padding: 0 100px 0 100px;}	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:5px;
	top:260px;
	z-index:1000;
	}	
#nextBtn{ 
	left:970px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:27px;
	height:54px;
	background:url(../images/bt_setas.png) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/bt_setas.png) no-repeat -27px 0;	
	}	
	
/* Easy Slider----------------------------------- */

/*------------- /portfolio -------------*/

#assina_zoo{position:absolute; top:80px; left:750px}
#assina_zoo a{font-size:10px; color:#e2dede; text-decoration:none;}



/*----------------------- MENSAGENS DE ERRO -----------------------*/
#msg_main{
	width:400px;
	margin:0 auto;
}

#msg_box_atencao{
	border:#DDDD00 1px solid;
	background-color:#FFFFCC;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#msg_box_erro{
	border:#C68484 1px solid;
	background-color:#FFCCCC;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#msg_box_info{
	border:#82C2D4 1px solid;
	background-color:#EBF5F8;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#msg_box_sucesso{
	border:#99CC99 1px solid;
	background-color:#E2F9E3;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

a.msg_link:link{ font-family:Arial; font-size:12px; color:#666666; text-decoration:none; }
a.msg_link:visited{ font-family:Arial; font-size:12px; color:#666666; text-decoration:none; }
a.msg_link:hover{ font-family:Arial; font-size:12px; color:#666666; text-decoration:underline; }
a.msg_link:active{ font-family:Arial; font-size:12px; color:#666666; text-decoration:none; }
/*----------------------- MENSAGENS DE ERRO -----------------------*/