/* PORTFOLIO **************************/
#header {
  margin:20px;
}
#content_portfolio{
	width:560px;
	padding:0px;
  margin:0px 0px 0px 20px;
}

#header h1{
	background-image:url(../img/tit_portfolio.gif);
	background-repeat:no-repeat;
	width:305px;
	height:55px;
	text-indent:-9999px;
  margin:0;
}

#menu_clientes {
	width: 130px;
	float: left;
	margin-right:10px;
	height:565px;
	background-image:url(../img/barra_portfolio.gif);
	background-position: top right;
	background-repeat:no-repeat;
}

#menu_clientes h2 {
  height: 16px;
	width:58px;
	margin-bottom:5px;
  color: #ecf72e;
  font: 700 14px verdana,arial;
  color: #416193;
}

#lista_clientes{
	float: left;
	width: 128px;
	margin-left:-8px;
	background: #FFF;
}

#lista_clientes li{
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
	position: relative;
}

#lista_clientes a{
	display:block;
	float: left;
	outline: none;
	text-decoration:none;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
	width:28px;
	height:28px;
}
	

	
#lista_clientes a img.hintColor{
  margin:-2px;
  
}
	
#lista_clientes a:hover img{
	margin:-2px;
}

#lista_clientes li span {
	padding: 2px 4px;
	position: absolute;
	z-index: 20;
	bottom: 40px;
	display: none;
	background:#FFFFFF;
  font-weight: 700;
	color: #155176;
	border: solid 1px #155176;
}

#lista_clientes li span span {
  position: absolute;
  display: block;
	z-index: 30;
	bottom: -11px;
	left: 9px;
	width: 13px;
	height: 8px;
	border: none;
	background: url(../img/seta_comment.gif) no-repeat;
  overflow:hidden;
}

#pecasPortfolio{
	position:absolute;
	padding-top:5px;
	margin-left:145px;
	width: 431px;
  z-index:1;
}

#pecasPortfolio h2 {
	width: 100%;
	clear: both;
	margin: 10px 0;
	padding: 0;
  font: 700 14px verdana,arial;
  color: #416193;
}

#pecasPortfolio p.intro{
	font-size: 10px;
	color: #000;
}

#pecasPortfolio .ul_categorias {
  float: left;
  width: 100%;
  clear: both;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#pecasPortfolio .ul_categorias li {
	float: left;
  margin:0px 10px 10px 0px;
	position: relative;
  
}

#pecasPortfolio .ul_categorias a {
  float: left;
	outline: none;
	border: solid 1px #898989;
  overflow:hidden;
  margin:0;
}

#pecasPortfolio .ul_categorias a:hover {
	border:3px solid #184190;
  
}

#pecasPortfolio .ul_categorias a img {
	float: left;
	width:28px;
	height:28px;
  margin:0px;
}

#pecasPortfolio .ul_categorias a:hover img{
	margin:-2px;
}

#pecasPortfolio .ul_categorias li span {
  padding: 2px 4px;
	position: absolute;
	bottom: 40px;
  left:0px;
	min-width: 120px;
	display: none;
	background: #fff;
  font-weight: 700;
	color: #155176;
	border: solid 1px #155176;
}

#pecasPortfolio .ul_categorias li span span {
  position: absolute;
  display: block;
	z-index: 30;
	bottom: -9px;
	_bottom: -17px;
	left: 9px;
	*left: 40px;
	_left: 40px;
	width: 6px;
	height: 6px;
	border: none;
	background: url(../img/seta_comment.gif) no-repeat;
}

#pecasPortfolio h3{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	vertical-align:middle;
	font-weight:normal;
	margin-top:20px;
}

#pecasPortfolio h3 img{
	margin-right:3px;
	vertical-align:middle;
}

/*
#destaque_portfolio {
	background: url(../img/ajax-loader-s.gif) no-repeat center 45px;
}
*/

#img_destaque {
	height: 150px;
	background-position: center center;
}

#descricao_campanha {
	display:none;
	font-weight: 700;
	color: #FFFFFF;
	margin-top: -34px;
	padding: 8px 8px 8px 38px;
	background-color: #184190;
	background-repeat:no-repeat;
}

#Hint img{
	width:28px;
	height:28px;
	display:block;
}

#HintColor img{
	width:28px;
	height:28px;
	display:none;
}

#lightbox-top {
  position:absolute;
  top:10px;
  left:10px;
  width:95%;
  height:20px;
}
.lightbox-top-left {
  float:left;
  display:block;
  clear:none !important;
  
}
.lightbox-top-right {
  float:right;
  display:block;
  clear:none !important;
}
/* PORTFOLIO **************************/