/* folha de estilo responsável pela formatação do site */
/* autor: Geison Munhoz*/

/* estrutura geral*/

body{background:#fff; margin:0px; padding:0px; font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-serif; font-size:13px;}

img {border:none;}

p{text-align:justify;}

h2{margin:0 0 10px 0;}

h3 {
	color:#f15B41;
	margin:10px 0;
	padding:15px 0 0 55px;
	font-size:22px; 
	background: url(/images/bg-feedback.jpg) no-repeat left top;
	width:200px; 
	height:60px; 
	letter-spacing:-0.1ex; 
	}
	
h4 {margin:10px 0 10px 50px; font-size:16px; width:50%; letter-spacing:-0.1ex; color:#464646;}
h5 {margin:2px 10px 2px 50px; font-size:14px; width:50%; letter-spacing:-0.1ex; color:#f15b41;}

#works{float:left;}
#works ul{list-style:none;}
#works li{float:left; margin:10px;}
#works a img{border:solid 2px #000;}
#works a:hover img{border:solid 2px #fff;}

.root{margin:auto; width:950px; height:100%; /*overflow-x:hidden;*/}

.content{width:950px; height:100%; margin:0;}

#header{height:130px; background:#fff; /*background: url(/images/bottom_header.png) no-repeat left bottom;*/}
#center{float:left; width:100%; min-height:400px; background:#fff; color:#000; margin-bottom:30px;}
#center p{margin:10px 50px;}
#footer{margin:0; clear:both; width:100%; height:150px; background: url(/images/bg_footer.png) no-repeat left top #f15b41;}

.logo{overflow:hidden; text-indent:360px; float:left; display:block; width:360px; height:100px; margin:10px 0 0 10px; background: url(/images/top_logo.png) no-repeat left top;}

/* -------------------------------------------- menu do site -------------------------------------------- */

	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		/*-moz-outline-style: none; */
	}
	
	/* Menu Body */
	ul#menu {
		width:100%;
		height:60px;
		list-style:none;
		margin:0px;
		padding:0;
		background:url(/images/bg_menu.png) no-repeat top left;
		padding:20px;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(/images/sprite.png) no-repeat scroll top left;
		display:block;
		height:60px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "sobre" */
	ul#menu li a.sobre {
		width:120px;
	}
	
	/* Specify width and background position attributes specifically for the class: "clientes" */
	ul#menu li a.clientes {
		width:160px;
		background-position:-120px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "serviços" */
	ul#menu li a.servicos {
		width:130px;
		background-position:-280px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.portfolio {
		width:130px;
		background-position:-410px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.parceiros {
		width:145px;
		background-position:-540px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "contato" */
	ul#menu li a.contato {
		width:140px;
		background-position:-680px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(/images/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.sobre span {
		background-position:0px -60px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.clientes span {
		background-position:-120px -60px;
	}
	
	/* Shift background position on hover for the class: "serviços" */
	ul#menu li a.servicos span {
		background-position:-280px -60px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.portfolio span {
		background-position:-410px -60px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.parceiros span {
		background-position:-540px -60px;
	}

	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.contato span {
		background-position:-680px -60px;
	}

/*-------------------------------------------- menu do site - fim -------------------------------------------- */	

#footer ul{float:left; list-style:none; margin:30px 20px 0 30px; padding:0; display:block; width:170px; *width:180px; height:120px; color:#fff;}
#footer h3 {width:170px; margin:0; color:#fff;}


.copy {color:#fff; font-size:0.9em; font-weight:bold; text-align:center; display:block; line-height:30px; margin:40px 30px 0 0; float:right;}
.valid{color:#fff; font-size:0.9em; font-weight:bold; text-align:center; display:block; line-height:20px; margin:30px 30px 0 0; float:right; padding-left:45px; background:url(/images/w3c.jpg) bottom left no-repeat;}

#footer ul li a{cursor:none;}
#footer a, .copy a{color:#fff; text-decoration:none;}
#footer .copy a:hover{text-decoration:underline;}

.form_contact{float:right; margin:25px 50px 25px 0; width:420px; height:320px; *height:340px;}

.form1 {
	background:url(/images/bg-contato.jpg) no-repeat left top;
	display:block;
	width:910px;
	height:350px;
	*height:380px;
}
.form1 p {}
.form1 {margin: 0 5%;}
.form1 textarea {width:360px;border:solid 1px #363636; border: dotted 1px #363636;} 
.form1 label{display:block; font-weight:bold; font-size:11px;}
.form1 textarea {display:block; font-weight:bold; font-size:11px;}
.form1 input {border:none; border-bottom: dotted 1px #363636; margin-bottom:10px;}
.form1 span{display:block; margin:10% 23%;}

.btn-send{
	display:block;
	float:left;
	margin:0 20px;
	border:none;
	width:70px;
	height:70px;
	cursor:pointer;
	background:url(/images/btn-enviar.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	font-size: 0px; 
	line-height: 0px;
	outline:none;
}

.btn-submit{
	display:block;
	float:left;
	margin:0 20px;
	border:none;
	width:70px;
	height:70px;
	cursor:pointer;
	background:url(/images/btn-limpar.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	font-size: 0px; 
	line-height: 0px; 
}


/*------------------------------------------------------ CSS home - início ------------------------------------------------------*/
.conteudo_home h2 {
	display:block;
	width:450px;
	height:150px;
	color:#363636;
	font-size:42px;
	letter-spacing:-0.05ex;
	line-height:1.0em;
	float:left;
	margin:15px 40px 0 40px;
}

.conteudo_home h2 span{
	color:#F15B41;
}

.chamada_home{
	float:right; 
	width:440px; 
	height:280px;
	margin:20px 30px 0 0; 
	line-height: 1.5em;
	font-size:14px;
	text-align:justify;
	/*font-weight:bold;*/
	}
.chamada_home2{margin:0;}	

.chamada_home3{
	float:left;
	margin-right:20px;
	width:500px;
	height:85px;
	text-align:justify;
}
.chamada_home3 span {display:block; width:450px; margin:0 40px;}

.parceiros_home{
	margin-right:20px;
	float:left;
	width:490px;
	height:90px;
}

.parceiros_home ul {list-style:none; margin:0;}
.parceiros_home li {float:left;}


.btn01 a{
	background:url(/images/parceiros/bgconsulting-normal.jpg) no-repeat scroll bottom left;
	display:block;
	margin:10px 0 0 10px;
	width:150px;
	height:83px;
	text-indent:-999px;
	overflow:hidden;
}
.btn02 a{
	background:url(/images/parceiros/finejun-normal.jpg) no-repeat scroll bottom left;
	display:block;
	margin:10px 0 0 10px;
	width:150px;
	height:83px;
	text-indent:-999px;
	overflow:hidden;
}

.btn01 a:hover{background:url(/images/parceiros/bgconsulting-hover.jpg) no-repeat scroll bottom left;}
.btn02 a:hover{background:url(/images/parceiros/finejun-hover.jpg) no-repeat scroll bottom left;}

.slogan{color:#363636; float:right; margin:60px; font-size:16px; font-weight:bold;}

.conteudo_home p{float:left;}

/*------------------------------------------------------ CSS home - fim ------------------------------------------------------*/

/*------------------------------------------------------ CSS clientes - início -------------------------------------------------------*/

.clientlist{display:block; margin:10px;}
.clientlist ul{list-style:none; margin:0; padding:0;}
.clientlist li{float:left; display:block;}
.clientlist a{display:block; float:left; width:150px; height:74px; margin:10px 20px; border:solid 1px #fff;}
.clientlist li a:hover{border:solid 1px #F15B41;}
.clientlist span {display:block; width:700px; margin:20px 10px 20px 150px;}

/*------------------------------------------------------ CSS clientes - fim -------------------------------------------------------*/

/*------------------------------------------------------ CSS parceiros - início -------------------------------------------------------*/

.partnerlist{display:block; margin:10px;}
.partnerlist ul{list-style:none; margin:0; padding:0;}
.partnerlist li{float:left; display:block;}
.partnerlist a{display:block; float:left; width:200px; height:123px; margin:10px 20px; border:solid 1px #fff;}
.partnerlist li a:hover{border:solid 1px #F15B41;}
.partnerlist span {float:left; width:640px; margin:20px 0; text-align:justify;}

/*------------------------------------------------------ CSS parceiros - fim -------------------------------------------------------*/

.button {background-color:#fff; font-weight:bold; font-size:11px; margin: 20px; cursor:pointer; color:#f15b41;}

.info{color:#383838; float:left; font-size:18px; font-weight:bold; width:400px; height:120px; margin:50px 20px 0 50px; padding:10px; border:dashed 1px #f15b41;}

.info p{color:#383838; font-size:14px; margin:0; padding:0; text-align:left; font-weight:normal;}
.info span {margin:0; padding:0 0 30px 0; letter-spacing:-0.1ex; font-size:26px;}
.info a{color:#383838; text-decoration:none;}
.info a:hover{text-decoration:underline;}

.paginador{float:left; display:block; width:100%; height:30px; text-align:center; margin:20px auto;}
.paginador a{color:#fff; text-decoration:none; font-weight:bold; font-size:11px; margin:0px 20px;}
.paginador a:hover{text-decoration:underline;}

/*------------------------------------------------------ colunas da area de serviços - inicio -------------------------------------------------------*/

.col-a,.col-b{width:49%; float:left; text-align:justify;}
.col-a{border-right:solid 1px #ccc;}
.col-b {margin-top:10px;}

/*------------------------------------------------------ colunas da area de serviços - fim -------------------------------------------------------*/

/*------------------------------------------------------ ilustra - inicio -------------------------------------------------------*/

.ilustra{width:470px; float:left;}
.size1{font-size:15px; color:#303030;}