@charset "UTF-8";
.noticia_home {
	width:			180px;
	height:			80px;
	margin:			0px;
	padding:		10px 10px 30px 10px;
	margin-bottom: 	20px;
	display:		block;
	background-color:#555;
}
.noticia_home img {
	margin-bottom:	10px;
}
/* inicio areas
*/
.areas_container {
	width:			500px;
	margin:			0px;
	padding:		0px;
	margin-left:	40px;
	display:		block;
	height:			65px;
	border:			none;
}
.area {
	width:			55px;
	height:			65px;
	margin:			0px;
	padding:		0px;
	display:		block;
	margin-left:	0px;
	margin-right:	10px;
	float:			left;
	border:			none;
}
.area a {
	width:			55px;
	height:			65px;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
	border:			none;
	background-position:top left;
}
.area a:hover {
	background-position:bottom;
}
/* fim areas
*/

.wrapper {
	margin:			0px;
	padding:		0px;
	width:			460px;
	height:			auto;
	margin-left:	40px;
	display:		block;
}
/* paragrafos */
.pleft {
	width:			240px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		11px;
	margin-right:	20px;
}
.pright {
	width:			240px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		11px;
}
.p500 {
	width:			500px;
	height:			auto;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		12px;
}
.p500 p {
	font-size:		12px;
}
.p460 {
	width:			500px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		11px;
}
.p180 {
	width:			240px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		12px;
	margin-right:	20px;
}
.p190, .p200, .p230, .p240, .p260 {
	width:			240px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		12px;
}
.p370 {
	width:			370px;
	height:			auto;
	float:			left;
	margin:			0px;
	padding:		0px;
	display:		block;
	font-size:		11px;
}
.paragraf_container {
	width:			500px;
	margin:			0px;
	height:			auto;
	padding:		0px;
	clear:			both;
	display:		block;
}
.paragraf_container h1 {
	margin-left:	0px;
	padding-left:	0px;
}
.paragraf_container span {
	width:			100%;
	height:			auto;
	/*	margin:		0px;*/
	padding:		0px;
	font-size:		14px;
	font-weight:	bold;
	display:		block;
}
#floatingcontent span {
	width:			100%;
	height:			auto;
	/*	margin:		0px;*/
	padding:		0px;
	font-size:		14px;
	font-weight:	bold;
	display:		block;
}
/* end paragrafos */

/* CLIENTES */
.clientes_container {
	width:			460px;
	margin:			0px;
	padding:		0px;
	margin-left:	40px;
	display:		block;
	height:			auto;
}
.cliente {
	width:			62px;
	height:			46px;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
	margin-left:	0px;
	margin-right:	2px;
	margin-bottom:	15px;
}
.cliente a {
	width:			62px;
	height:			46px;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
	margin-left:	0px;
	background-position:top left;
	background-repeat:no-repeat;
}
.cliente a:hover {
	background-position:bottom;
}
.linkmais {
	width:			460px;
	margin:			0px;
	padding:		0px;
	margin-left:	40px;
	text-align:		center;
	display:		block;
	height:			20px;
	font-size:		9px;
}
.linkmais a {
	color:			#006600;
}
.linkmais a:hover {
	color:			#006600;
}
.keywords {
	margin:			0px;
	padding:		10px 10px 30px 10px;
	width:			180px;
	height:			130px;
	display:		block;
	background-color:#555555;
}
.keywords h4 {
	width:			180px;
	height:			20px;
	margin:			0px;
	padding:		0px;
	vertical-align:	bottom;
	font-weight:	bold;
	margin-bottom: 	10px;
}
.keywords a {
	display:		block;
	float:			left;
	margin:			0px 2px 0px 2px;
	padding:		4px 2px 4px 2px;
	font-weight:	bold;
	color:			#CCCCCC;
}
.keywords a:hover {
	color:			#333333;
}
.content_message {
	width:			460px;
	height:			140px;
	margin:			0px;
	padding:		0px;
	margin-top:		45px;
	margin-bottom:	10px;
	display:		block;
/*	background: 	transparent url(/sys_imagens/site_build/gradiente.png) top left no-repeat;*/
	padding-left: 	40px;
}

.small_quote {
	margin:			0px;
	padding:		0px;
	margin-left:	15px;
	margin-top:		90px;
	float:			left;
	font-size:		14px;
	font-weight:	bold;
}

.autor {
	margin:			0px;
	padding:		0px;
	margin-top:		5px;
	float:			right;
	font-size:		12px;
	font-weight:	bold;
	color:			#006600;
	width: 			290px;
	font-family: 	"Times New Roman", Times, serif;
	font-style: 	italic;
}

.big_quote {
	margin:			0px;
	padding:		0px;
	margin-top:		30px;
	float:			right;
	font-size:		14px;
	font-weight:	bold;
	color:			#666666;
	width: 			auto;
	font-family: 	"Times New Roman", Times, serif;
	font-style: 	italic;
}
/* portfolio */
.portfolio_container {
	width:			500px;
	margin:			0px;
	height:			auto;
	padding:		0px;
	clear:			both;
	display:		block;
}
.portfolio,
.portfolio_last {
	width:			90px;/*
	height:			100px;*/
	margin:			0px;
	padding:		0px;
	float:			left;
	display:		block;
	margin-right: 	43px;
	margin-bottom:	20px;
}
.portfolio_last {
	margin-right: 	0px;
}
.portfolio span,
.portfolio_last span {
	width:			90px;
	height:			15px;
	margin:			0px;
	padding:		1px 5px 3px 5px;
	float:			left;
	display:		block;
	font-size:		9px;
	margin-top:		5px;
	background-color:#5A5A5A;
}
.portfolio img,
.portfolio_last img {
	border:			5px solid #5A5A5A;
}
.portfolio img:hover,
.portfolio_last img:hover {
	border-color:	#222;
}
/* portfolio  CLIENTE
*/

.portfolio_container_cliente {
	width:			500px;
	margin:			0px;
	height:			auto;
	padding:		0px;
	clear:			both;
	display:		block;
}
.cliente_portfolio,
.cliente_portfolio_last {
	width:			90px;
	height:			68px;
	margin:			0px;
	padding:		0px;
	float:			left;
	display:		block;
	margin-right: 	43px;
	margin-bottom: 	40px;
}
.cliente_portfolio_last {
	margin-right:	0px;
}
.cliente_portfolio span,
.cliente_portfolio_last span {
	width:			90px;
	height:			15px;
	margin:			0px;
	padding:		1px 5px 3px 5px;
	float:			left;
	display:		block;
	font-size:		9px;
	margin-top:		5px;
	background-color:#5A5A5A;
}
.cliente_portfolio img,
.cliente_portfolio_last img {
	border:			5px solid #5A5A5A;
}
.cliente_portfolio img:hover,
.cliente_portfolio_last img:hover {
	border-color:	#222;
}
.cliente_portfolio a {
	width:			90px;
	height:			68px;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
	margin-left:	0px;
	background-position:top left;
	background-repeat:no-repeat;
}
.cliente_portfolio a:hover {
	background-position:bottom;
}
/* */
.marketing_container {
	width:			260px;
	margin:			0px;
	height:			auto;
	padding:		0px;
	display:		block;
	float:			left;
	overflow:		hidden;
}
.marketing {
	width:			90px;
	height:			68px;
	margin:			0px;
	padding:		0px;
	float:			left;
	display:		block;
	margin-right: 	20px;
	margin-bottom:	20px;
}
/* colmeia */
.colmeia_container {
	background: 	transparent url(/sys_imagens/site_build/colmeia.png) top left;
	margin:			30px 0px 0px 40px;
	padding:		0px;
	display:		block;
	width:			460px;
	height:			auto;
	border: 		none;
	overflow: 		hidden;
	top: 			0px;
	left: 			0px;/*	background-color: #660000;*/
}
.favo_column_one {
	width:			66px;
	height:			400px;
	display:		block;
	float:			left;
	margin:			0px 0px 0px 15px;
	padding:		0px;/*background-color:#FFFF99;*/
}
.favo_column_two {
	width:			66px;
	height:			400px;
	display:		block;
	float:			left;
	margin:			0px;
	padding:		0px;
	margin-left:	19px;
	margin-right:	4px;/*	background-color:#00CCFF;*/
}
.favo {
	width:			66px;
	height:			48px;
	margin:			0px 0px 0px 0px;
	padding:		0px;
	display:		block;
	float:			left;
	margin-left:	0px;
	margin-bottom:	24px;
	background-color:#0099CC;
}
/* Noticias */
.noticia_resumo {
	width:			460px;
	height:			auto;
	margin:			0px;
	padding:		0px;
	margin-left:	40px;
	display:		block;
}
.noticia_resumo img {
	width:			180px;
	height:			60px;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
}
.noticia_resumo p {
	width:			260px;
	height:			auto;
	margin:			0px;
	padding:		0px;
	display:		block;
	float:			left;
	margin-left:	20px;
	font-size: 		12px;
}
/* paginacao */
.paginacao {
	float:			left;
	width:			460px;
	height:			20px;
	display:		block;
	margin:			0px;
	padding:		0px;
	margin-left:	40px;
	text-align:		center;
	font-size:		11px;
}
.paginacao a {
	margin:			0px;
	padding:		3px;
	color:			#666666;
}
.paginacao a:hover {
	margin:			0px;
	padding:		3px;
	color:			#006600;
}
.imgfloatright {
}
.imgfloatright img {
	float:			left;
	width:			auto;
	height:			auto;
	display:		block;
	margin:			0px;
	padding:		0px;
	margin-right:	10px;
	margin-bottom:	10px;
}
/* spaccers 
*/
 
.nomarginleft {
	margin-left:	0px;
}
.nomarginright {
	margin-right:	0px;
}
.nomargin {
	margin:			0px;
}
.margintop30 {
	margin-top:		30px;
}
.marginleft30 {
	margin-left:	30px;
}
.marginleft90 {
	margin-left:	90px;
}
.margintop20 {
	margin-top:		20px;
}
.margintop25 {
	margin-top:		25px;
}
.margintop73 {
	margin-top:		73px;
}
.marginbottom30 {
	margin-bottom:	30px;
}
.marginbottom20 {
	margin-bottom:	20px;
}
.marginbottom10 {
	margin-bottom:	10px;
}
.nomargintop {
	margin-top:		0px;
}

.nomarginbottom {
	margin-bottom:	0px;
}

.size180 {
	width:			180px;
}
.size260 {
	width:			260px;
}
.linkrosa {
}
.linkrosa a {
	color:			#006600;
}
.linkrosa a:hover {
	color:			#006600;
}
.size11 {
	font-size:		11px;
}
.last {
	margin-right:	0px;
}
.red {
	color:			#006600;
}

/* A Cor do Dia -- Lista de serviços por área de negócio. */	
.lservices {
	list-style:		none;
	list-style-type:none;
	padding:		0px;
	margin-left:	0px;
}
.lservices li {
	list-style:		none;
	list-style-type:none;
	padding-bottom:	8px;
	margin:			0px;
}
.pinkarrow {
	padding:		0px;
	margin:			0px;
	width:			20px;
	font-size:		13px;
	color:			#cc0066;
}
/* --------------------------------------------------- */
.projectos {
	margin:			0px;
	padding: 		10px;
	width:			180px;
	height:			auto;
	display:		block;
	margin-bottom:	20px;
	background-color:#555555;
	
}
.projectos p {
	font-size:		12px;
}
.projectos h4 {
	width:			100%;
	height:			20px;
	margin:			0px;
	padding:		0px;
	vertical-align:	bottom;
	font-weight:	bold;
	margin-bottom:	10px;
}
.projectos a {
	display:		inline;
	margin:			0px;
	margin-bottom:	5px;
	margin-right:	3px;
	margin-left:	3px;
	width:			auto;
	height:			auto;
	font-size:		14px;
	white-space:	nowrap;
	font-weight:	bold;
	color:			#333333;
}
.projectos a:hover {
	color:			#006600;
}

/* A Cor do Dia -- SlideShow Home */	
#slideshow {
	background-color:#000;
	display:		block;
	position:		relative;
	float:			left;
	height:			200px;
	margin:			0;
	padding:		0;
	margin-bottom:	30px;
	width:			760px;
}
#rotator img {
	border:			0 none;
	display:		none;
	float:			none;
	height:			200px;
	left:			0;
	position:		absolute;
	top:			0;
	width:			760px;
}
/* ------------------------------ */
form {
	padding:		0px;
	color:			#DDDDDD;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	margin:			0;
	margin-top:		20px;
}
form label {
	color:			#FFF;
	width:			200px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	font-weight:	bold;
}
form input {
	width:			200px;
	height:			20px;
	font-size:		12px;
	padding:		3px 0px 0px 3px;
	border:			3px solid #555555;
	color:			#555555;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	
}
form #testPad {
	padding:		1px 5px 0px 5px;
	width:			100px;
	background-color:#ffe7df;
	border:			3px solid #555;
	margin-left:	5px;
}
form textarea {
	width:			300px;
	max-width:		300px;
	height:			150px;
	max-height:		350px;
	font-size:		12px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	padding:		3px 0px 0px 3px;
	border:			3px solid #555555;
	color:			#555555;
}
form input:focus,
form textarea:focus {
	border-color:	#000000;
	color:			#000000;
}
form a,
form a:visited {
	
}
form a.buttonEnviar {
	background:		url(img/green.gif);
	padding:		0px 26px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	border:			1px solid #3b6e22;
	height:			24px; 
	line-height:	24px;
	color:			#FFFFFF;
	font-size:		12px;
	margin-right:	10px;
	display:		inline-block;
	text-decoration:none;
	font-weight:	bold;
	/*border:		2px solid #555555;       
	background-color:#555555;*/
}
form a.buttonLimpar {
	font-family:	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:		12px;
	font-weight:	normal;
}
form a:hover,
form a:visited:hover {
/*	border:			2px solid #AAAAAA;         
	background-color:#AAAAAA;
	font-weight:	normal;*/
} 
form a.buttonEnviar:hover {
	border:			1px solid #444444; 
	background-color:#444444;
}
.backdarkred {
	background-color:darkred;
}
.darkred {
	color:			darkred;
}
.h3linhas {
	font-family:	georgia,'Times New Roman'!important;
	font-size:		14px!important;
	line-height:	18px!important;
	font-style:		italic!important;
	font-weight:	normal;
	border-bottom:	1px solid #999!important;
	border-top:		1px solid #999!important; 
	padding:		10px 0px;
	margin:			0px;
	margin-bottom:	20px;
	color:			#FFF!important;
}
.h3case {
	font-family:	georgia,'Times New Roman';
	font-size:		16px;
	line-height:	20px;
	letter-spacing:	0.01em;
	font-style:		normal;
	font-weight:	normal;
	border-bottom:	1px solid #999;
	border-top:		1px solid #999; 
	padding:		10px 0px;
	margin:			0px;
	margin-bottom:	20px;
}

/** DESTAQUE **/
#destaque-header {
	width:			500px;
	height:			200px;
	margin:			0;
	padding:		10px;
	background-color:#5A5A5A;
}
#destaque-header-image {
	float:			left;
	padding:		0;
	margin:			0;
	padding-right:	10px;
}
#proximoanterior {
	width:			40px;
	float:			left;
}
#proximoanterior a {
	width:			100px;
	padding:		3px 3px;
	margin:			0px 0px 5px 0px;
	display:		block;
	width:			36px;
}
#proximoanterior a:hover {
	background-color:#444;
}
#proximoanterior2 {
	width:			500px;
	text-align:		right;
	margin-bottom:	5px;
}
#proximoanterior2 a {
	width:			100px;
	padding:		3px 3px;
	margin:			0px 0px 5px 0px;
	width:			35px;
}
#proximoanterior2 a:hover {
	background-color:#444;
}