body, html
{
	margin:0; padding:0;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#333333;
	background:#333;
	overflow-x:hidden;
	text-align:center;
}

.tit-x
{	
	background:url(../images/bg-tit.jpg) no-repeat left bottom;
	text-align:left; font-weight:bold;
	color:#DE9022;
	margin:0; padding:0; margin-bottom:20px; padding-bottom:5px;
	font-size:25px;
}


/******************************************************
 TOPO
******************************************************/
div.top-line
{
	background:url(../images/bg-top-line.png) repeat-x top;
	height:51px; 
	padding-bottom:7px;
	width:100%;
	position:absolute; z-index:1;
}

div.top-line div.in
{
	margin:0 auto;
	text-align:left;
	background:url(../images/bg-logo.jpg) left no-repeat;
	width:905px; height:100%; padding-left:95px;
}

div.top-line h1#logo-top
{
	margin:0; padding:0;
	float:left;
	width:280px; height:51px; margin-right:400px;
	background:url(../images/logo.png) no-repeat top center;
}

div.top-line h1#logo-top a
{
	display:block;
	width:280px; height:51px;
}

div.top-line div.top-contact
{
	float:left; 
	text-align:left;
	padding:4px 7px; margin-top:4px;
	width:113px; height:32px;
}

div.top-line div.top-contact a
{
	color:#00AFF0;
}

div.top-line div.top-contact a:hover
{
	color:#0099CC;
	text-decoration:none;
}

div.top-line ul.menu-topx li a
{
	float:left;
}

div.top
{
	background:#DE9022 url(../images/bg-top.jpg) bottom repeat-x;
	width:100%; position:relative;
	height:100%;
}

div.top div.in
{
	margin:0 auto;
	width:1000px;
	text-align:left;
}


div.banner-top
{
	width:970px;
	height:100%;
	margin:0 auto;
}

/******************************************************
 GERAL - MIDDLE - LEFT - RIGHT COLLS
******************************************************/
div.content, div.footer
{
	width:1000px; margin:0 auto;
}

div.content
{
	padding:20px;
	width:960px;
	background:url(../images/bg-content.jpg) no-repeat;
	text-align:left;
}

div.middle
{
	background:url(../images/bg-middle.jpg) #fff repeat-x center top;
	display:block; height:100%; padding-bottom:1px; padding-top:2px;
}

div.left, div.right
{
	float:left;
}

div.left
{
	width:665px;
	text-align:left;
}

div.right
{
	width:280px;
	margin-left:15px;
}


/******************************************************
 Menu - staff - LATERAL
******************************************************/
ul.menu-staff
{
	background:url(../images/bg-top-menu-servicos.jpg) no-repeat top;
	width:280px;
	text-align:center;
}

ul.menu-staff li
{
	background:url(../images/bg-menu-servicos.jpg) repeat-y;
	list-style:none;
	text-align:center;
	padding-top:5px;
}

ul.menu-staff li#bot
{
	background:url(../images/bg-bot-menu-servicos.jpg) no-repeat top;
	height:10px;
}

ul.menu-staff li#top
{
	background:url(../images/bg-top-menu-servicos.gif) no-repeat top;
	height:45px;
	padding:0; margin:0;
}

/******************************************************
 MENU TOP
******************************************************/
div.top div.menu-top
{
	height:40px; width:1000px;
	background:url(../images/bg-top-menu.gif) no-repeat top center; 
}

div.menu-top ul
{
	margin:0; padding:0; 
	vertical-align:middle;
	height:40px; line-height:40px;
	padding-left:20px;
}

div.menu-top ul li
{
	display:inline;
	float:left; height:40px;
}

div.menu-top ul li a
{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
	display:block; height:40px;
	float:left;
	padding:0 10px; border-right:1px solid #ccc; border-left:1px solid #fff;
}

div.menu-top ul li a.active
{
	cursor:default;
	color:#DE9022;
}

div.menu-top ul li a:hover, a.active
{
	background:#fff;
	color:#000;
	text-decoration:none;
}


/******************************************************
 FOOTER
******************************************************/
div.bg-footer
{
	background:url(../images/bg-footer.jpg) repeat-x;
	text-align:center;
}

div.footer
{
	margin:0 auto; padding:15px; padding-top:30px;
	width:970px; height:100%;
	color:#fff;
	text-align:left;
}

div.footer div.copyright
{
	font-size:11px; 
	text-align:left; 
	color:#999999;
}

div.footer ul.menu-footer
{
	text-align:right;
}

div.footer ul.menu-footer li
{
	display:inline;
	border-left:1px solid #ccc;
	padding:0 10px;
	font-size:8px; 
	text-transform:uppercase;
}

div.footer ul.menu-footer li a
{
	color:#ccc;
	text-decoration:none;
	letter-spacing:1px;
}

div.footer ul.menu-footer li a:hover
{
	color:#DE9022;
}


/******************************************************
 MENU SERVIÇOS
******************************************************/
ul.menu-servicos
{
	margin:0; padding:0;
	width:150px;
}

ul.menu-servicos li
{
	margin-bottom:1px;
	list-style-position:inside; list-style-type:circle;
	border-bottom:1px solid #eaeaea;
	padding:5px;
	color:#FFB112;
}

ul.menu-servicos li a
{
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	color:#000000;
}

ul.menu-servicos li a:hover
{
	color:#FFB112;
}

/******************************************************
 DL SERVIÇOS
******************************************************/
dl.lista-servicos
{
	margin-top:20px;
}

dl.lista-servicos dt, dl.lista-servicos h2, dl.lista-servicos h3, dl.lista-servicos h4
{
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

dl.lista-servicos dd
{
	padding:0; padding-bottom:10px; margin:0; margin-bottom:25px;
	border-bottom:2px dotted #DE9022;
}

/******************************************************
 UL seo-list
******************************************************/

ul.seo-list
{
	background:#eaeaea;
	padding:10px; padding-top:0;
	margin-bottom:10px;
}

ul.seo-list li
{
	list-style:none;
	padding:0; margin:0;
	background:#FFFFFF;
}

ul.seo-list li.tit
{
	margin-left:-10px; margin-right:-10px;
	height:45px;
}

ul.seo-list li a
{
	display:block;
	padding:5px; padding-left:20px;
	color:#006699;
	border-bottom:1px solid #eaeaea;
	background:#f8f8f8 url(../images/blt2_v.gif) no-repeat 7px 7px;
}

ul.seo-list li a:hover
{
	text-decoration:none;
	color:#0099FF;
	background-color:#fff;
}

ul.seo-list li div
{
	padding:10px;
	color:#333333;
	background-color:#FFFFFF;
}


/******************************************************
 UL - DL CHECK list
******************************************************/
dl.check-list
{
	margin:10px 0;
}

dl.check-list dt
{
	margin-bottom:7px; padding-left:20px;
	font-weight:bold;
	font-size:16px;
	background:url(../images/blt_v.gif) no-repeat top left;
	height:20px;
}

dl.check-list dd
{
	padding:10px; margin:0; margin-bottom:15px;
	border:1px solid #ccc; 
	background:#fff url(../images/v-grdt-grey.jpg) repeat-x top left;
}

dl.check-list dd:hover
{ 
	color:#000;
	border-color:#999;
}

/* -- */
ul.check-list
{
	margin:10px 0; padding:0;
}

ul.check-list li
{
	list-style:none;
	margin-bottom:5px; padding-left:14px;
	background:url(../images/blt2_v.gif) no-repeat top left;
}


/******************************************************
 Portfolio
******************************************************/
a.job-thumb
{
	float:left;
	border:1px solid #eaeaea;
	padding:5px; margin-right:10px; 
	width:200px; height:150px;
}

.job-box
{
	float:left;
	width:430px;
	padding:5px;
	background:#f9f9f9;
}

.tit-job
{
	font-weight:bold; font-size:14px;
	height:20px;
	color:#DE9022;
}

.desc-job
{
	height:70px;
	padding-bottom:5px;
	border-bottom:1px solid #eaeaea;
	background:#f6f6f6;
	overflow:hidden;
	overflow-y:auto;
}

.services-job
{
	height:23px;
	padding:5px 0;
	border-bottom:1px solid #eaeaea;
	color:#666; font-size:11px;
	overflow:hidden;
	overflow-y:auto;
}

.info-job
{
	height:15px;
	padding-top:5px;
	text-align:right;
	font-size:11px;
	color:#999999;
}

/******************************************************
 NEWS HOME
******************************************************/
ul.news_home
{
	float:left;
	margin:0; padding:0; margin-right:15px;
	width:185px;
	padding:0 10px;
	border:1px solid #eaeaea;
	background:#fff url(../images/v-grdt-grey.jpg) repeat-x 1px -15px;
}

ul.news_home li
{
	list-style:none;
	margin:5px 0;
}

ul.news_home li h2
{
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	margin:0; padding:0;
}

ul.news_home li span a
{
	display:block;
	text-align:justify;
	color:#666666;
}


/******************************************************
 usability-menu
******************************************************/
div.content div.usability-menu
{
	width:970px; 
	margin:0 auto; padding-top:10px; margin-top:10px;
	text-align:right;
	background:url(../images/bg-usability-menu.jpg) no-repeat top right;
}


/******************************************************
 Mensagens
******************************************************/
span.error-label
{
	background:#CC0000;
	padding:3px;
	color:#FFFFFF;
}

.form_sucess
{
	background:#C5EEFE url(../images/blt_v.gif) no-repeat 10px;
	border:1px solid #99CCFF;
	padding:10px; padding-left:30px;
	
}

/*********************************************************
* PAGINATION
*********************************************************/
div.pagination
{
	margin:0; padding:10px 0;
}
div.pagination a
{
	border:1px solid #eaeaea;
	background:#fff;
	text-decoration:none;
	padding:3px 5px; margin:0 1px;
	font-weight:bold;
}

div.pagination a:hover
{
	border:1px solid #ccc;
	background:#f8f8f8;
}

div.pagination span.pg_current_link
{
	font-weight:bold;
	font-size:15px;
	margin:0 5px;
}