@charset 'utf-8';
/*
	Estilos pertinentes à seção de portfóilo
	========================================
*/

/* 
	Listagem de trabalhos
	=====================
*/
#current-jobs,
#current-jobs ul {
	float:left;
	width:900px;
	clear:both;
}
#current-jobs ul {
	float:left;
	text-align:center;
}
#current-jobs ul li {
	width:250px;
	height:150px;
	float:left;	
	margin-left:75px;
	margin-bottom:15px;
	display:inline;
}
#current-jobs ul li.column-start {
	margin:0;
}
#current-jobs ul li a.album-cover {
	display:block;
	padding:5px;
	width:240px;
	height:140px;
	overflow:hidden;
	text-align:left;
	position:relative;
}
#current-jobs ul li a.album-cover:hover {
	background:url('../../img/layout/portfolio/bg_item.gif') repeat 0 0;
	text-decoration:none;
}
#current-jobs ul li a.album-cover img {
	width:240px;
	height:140px;
}
#current-jobs ul li a.album-cover span.description {
	padding:10px;
	font:italic 12px Helvetica, Arial, Sans-serif;
	line-height:1.6em;
	color:#fff;
	text-align:left;
	display:block;
	width:230px;
	height:120px;
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
	opacity:.7;
	-ms-opacity:.7;
	overflow:hidden;
}
#current-jobs ul li a.album-cover span.description span.ds-wrapper {
	background:#000;	
}

#current-jobs ul li a.album-cover:hover span.description {
	visibility:visible;
}

/* Visualização do álbum de imagens
=======================================*/
#content #album-meta {
	width:890px;
	padding:5px;
	margin:0 0 15px 0;
	border-bottom:2px solid #ccc;
	float:left;
	clear:both;
	background:#FBFBFB;
}
#content #album-meta h4,
#content #album-meta .album-title {
	font-size: 14px;
	float:left;
	clear:both;
	width:890px;
	margin-bottom:15px;
}
#content #album-meta p,
#content #album-meta .album-desc {
	float:left;
	width:890px;
	clear:both;
	font:11px Helvetica, Arial, Sans-serif;
}

#content.portfolio-interna div.section-body div.highlighted-content {
	margin:0;
	border-bottom:2px solid #ccc;
}

#content div.jcarousel-skin-zootz {
	float:left;
	clear:both;
	margin-bottom:15px;
}
#content div.jcarousel-skin-zootz .jcarousel-item img {
	width:60px;
	height:60px;
}
#content div.jcarousel-skin-zootz .jcarousel-item {
	font-size:10px;
	width:70px !important;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
body.portfolio-ctrl #album-thumbs-indicator {
	position:absolute;
	left:0;
	top:0;
	right:0;
	background:#efefef;
	padding:5px;
	z-index:25;
}
body.portfolio-ctrl #content #album-thumbs-indicator img,
body.portfolio-ctrl #content #album-thumbs-indicator span {
	float:left;
	margin-right:5px;
}


/*
	Visualização individual do JOB
	==============================
*/
#job-view {
	float:left;
	clear:both;
	width:900px;
	text-align:center;
}
/*Navegação do item selecionado
====================================*/
#job-view #job-view-content {
	width:685px;
	margin:0 auto;
}
#job-view #job-view-description {
	margin:0 auto;
	text-align:left;
	clear:both;
	width:685px;
}
#job-view #job-view-nav,
#job-view #job-view-content div.wrapper {
	float:left;
	clear:both;
}
#job-view #job-view-content div.wrapper {
	margin:0 28px;
	display:inline;
}
#job-view #job-view-nav {
	width:682px;
	margin-bottom:-85px;
}
#job-view #job-view-nav span,
#job-view #job-view-nav span a {
	display:block;
	width:28px;
}
#job-view #job-view-nav span {
	width:28px;
	height:85px;
}
#job-view #job-view-nav span a {
	padding:85px 0 0 0;
	background:url() no-repeat 0 0;
	overflow:hidden;
	font-size:9px;
	height:0;
}
#job-view #job-view-nav span a:hover {
	background-position:0 -85px;
}
#job-view #job-view-nav span#job-view-prev {
	float:left;
}
#job-view #job-view-nav span#job-view-next {
	float:right;
}
#job-view #job-view-nav span#job-view-prev a {
	background-image:url('../../img/layout/portfolio/job-view-nav-left.gif');
}
#job-view #job-view-nav span#job-view-next {
	float:right;
}
#job-view #job-view-nav span#job-view-next a {
	background-image:url('../../img/layout/portfolio/job-view-nav-right.gif');
}
#job-view #job-view-nav span a.disabled {
	cursor:default;
	background-position:0 -170px;
}
#job-view #job-view-nav span a.disabled:hover {
	cursor:default;
	background-position:0 -170px;
}
/*Componente principal (visualização)
=====================================*/
#job-view #job-view-description {
	width:626px;
}
#job-view #job-view-content div.job-view-content-top,
#job-view #job-view-content div.job-view-content-bottom,
#job-view #job-view-content div.job-view-content-wrapper {
	float:left;
	clear:both;
	width:626px;
	background:url() no-repeat 0 0;
	font-size:9px;
}
#job-view #job-view-content div.job-view-content-wrapper div.selected-image-container {
	clear:both;
	float:left;
	text-align:center;
	width:626px;
	min-height:150px;
}
#job-view #job-view-content div.job-view-content-top {
	background-image:url('../../img/layout/portfolio/full-item-head.gif');
	height:13px;
}
#job-view #job-view-content div.job-view-content-bottom {
	background-image:url('../../img/layout/portfolio/full-item-foot.gif');
	height:20px;
}
#job-view #job-view-content div.job-view-content-wrapper {
	background-image:url('../../img/layout/portfolio/full-item-body.gif');
	background-repeat: repeat-y;
	text-align:center;
	height:auto;
}
#job-view #job-view-content div.job-view-content-wrapper .placeholder {
	height:200px;
	font-size:12px;
	color:#333;
}
#job-view #job-view-content div.job-view-content-wrapper img {
	max-width:600px;
	max-height:600px;
}
#job-view #job-view-description {
	text-align:center;
	font-size:11px;
	color:#666;
}