@import url(menu.css);
@import url(contato.css);
@import url(banner.css);

*{
	margin:			0;
	padding:		0;
	color:			#414141;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	background:		transparent;
	font-size:		10px;
}
address {
	font-style:		normal;
	float:			right;
}
body {
	background:		#fff url(../imagens/shadow.gif) center top repeat-y;
}
#principal {
	position:		absolute;
	width:			800px;/*
	left:			568px !important;
	left:			565px;*/
	left:			50%;
	
	margin-left:	-400px;
	margin-top:		-6px;
	padding-top:	5px;
/*	border-left:	1px solid #CCCCCC;
	border-right:	1px solid #CCCCCC;*/
}
#header {
	float:			left;
	width:			800px;
	background:		url(../imagens/fundo_gradiente.jpg) repeat-x;
}
#logo{
	float:			right;
	width:			311px;
	height:			138px;
	background:		url(../imagens/logo_im.jpg) no-repeat;
	margin:			10px 15px 0 0;
	text-indent:	-9999px;
}
#texto_header {
	float:			left;
	width:			678px;
	padding:		52px 0 30px 60px;
	text-align:		left;
}
#texto_header #header_left {
	float:			left;
	width:			446px;
}
#texto_header #header_left #cx_1 {
	float:			left;
	width:			216px;
}
#texto_header #header_left #cx_2 {
	float:			right;
	width:			200px;
}

#texto_header #header_right {
	float:			right;
	width:			210px;
}

#texto_header h2{
	font-family:	Georgia, Arial, Verdana;
	font-size:		20px;
	color:			#B6B6B6;
}
#container {
	width:			800px;
}
/***************** LATERAL  *****************/
#container #lateral{
	float:			left;
	margin-left:	55px !important; /* HACK FIREFOX */
	margin-left:	35px;
	width:			215px;
	height:			450px;
/*	border:			1px solid #ccc;*/
}

#lateral .titulos {
	font-family:	Georgia, Arial, Verdana;
	font-size:		11px;
	color:			#B6B6B6;
}

#lateral .titulos p.ano{
	font-family:	Georgia, Arial, Verdana;
	color:			#B6B6B6;
	background:		transparent;
	padding-left:	112px;
}
#lateral .titulos h2{
	font-family:	Georgia, Arial, Verdana;
	font-size:		20px;
	color:			#B6B6B6;
	margin-top:		-5px;
}

ul.job_lista {
	padding:		10px 0 16px 0px;
	list-style:		none;
	color:			#666;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	background:		transparent;
}
ul.job_lista li {
	padding:		1px 0;
}
ul.job_lista li a{
	font-size:		11px;
	color:					#666;
	text-decoration:		none;
	padding:				2px;
	background: 			transparent;
}
ul.job_lista li a:hover{
	background-color:		#666;
	color:					#FFF;
	padding:				2px;
}
/*-------------------- CLIENTES -----------------------*/
#container #clientes {
	float:			left;
	width:			690px;
	padding:		32px 55px 15px 55px;
}
#container #clientes h2{
	font-family:	Georgia, Arial, Verdana;
	font-size:		20px;
	color:			#B6B6B6;
	padding-bottom:	5px;
}
#container #clientes #logo_clientes {
	float:			left;
/*	border:			solid 1px #f60;*/
	width:			690px;
}
#container #clientes #logo_clientes li {
	float:			right;
	list-style:		none;
	padding:		5px 5px 0;
}
#container #clientes .top a{
	float:				right;
	font-size:			11px;
	color:				#666;
	margin-bottom:		3px;
	background:			transparent url(../imagens/arrow.gif) left no-repeat;
	width:				auto;
	padding-left:		14px;
	text-decoration:	none;
}
#container #contato{
	float:			left;
	text-align:		right;
	width:			650px;
	padding:		0 0 30px 85px;
}
#container #contato h2{
	text-align:		left;
	font-family:	Georgia, Arial, Verdana;
	font-size:		20px;
	color:			#B6B6B6;
	padding-bottom:	5px;
}
#container #contato a {
	text-decoration:	none;
}
#container #contato a:hover {
	text-decoration:	underline;
}
#container #contato .top a{
	float:				right;
	font-size:			11px;
	color:				#666;
	margin-bottom:		3px;
	background:			transparent url(../imagens/arrow.gif) left no-repeat;
	width:				auto;
	padding-left:		14px;
	text-decoration:	none;
}

/******************************************************/
#portfolio{
	text-align:		left;
	padding:		20px 60px 16px 16px;
	float:			right;
	width:			425px;
}
.job {
	text-align:		left;
	border-bottom:	1px solid #999;
	margin-top:		10px;
	padding-bottom:	16px;
/*	border:				solid 1px #ccc;*/
}

.job .top a{
	float:				right;
	font-size:			11px;
	color:				#666;
	margin-bottom:		3px;
	background:			transparent url(../imagens/arrow.gif) left no-repeat;
	width:				auto;
	padding-left:		14px;
	text-decoration:	none;
}
/* .job p a:hover .top{
	color:				#333;
	text-decoration:	underline;
	/*background:		#666;*/
/*}
*/
#principal #footer {
	border-top:			solid 1px #ccc;
	clear:				both;
	padding:			14px 70px 30px 40px;
	font-size:			10px;
	font-weight:		bold;
}
#principal #footer #cr{
	float:				left;
}