/* CSS - Controller Portfolio */

/* LIST */
#port_list .item {
	clear:both;
}

#port_list .imagem {
	float:left;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#EEEEEE;
	border:1px solid #dbdbdb;
}

/* LIST 
#portfolio_list { }
#portfolio_categorias { float:left; }
#portfolio_produtos { padding:5px; }
#portfolio_produtos .produto { padding:5px; clear:both; }
#portfolio_produtos .imagem { width:160px; float:left; padding:3px; }
#portfolio_produtos .campos { float:left; }
#portfolio_produtos .campo { line-height:1.5em; }
#portfolio_produtos .titulo { line-height:2em; font-weight:bold; }
#portfolio_produtos label { font-weight:bold; }

#portfolio_imagens { width:100%; clear:both; }
#portfolio_imagens .imagens_list { width:160px; float:left; padding:5px; text-align:center; }
#portfolio_imagens .imagem { width:160px; float:left; padding:5px; }
#imagem_show { width:160px; float:left; padding:10px; }
*/

#portfolio-accordion{
}

.vertical .accordion-toggle {
    float: left;
    height: 150px;
    display: block;
    width: 125px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
    overflow:hidden;
    background-position:center;
    z-index: -1;
}

.vertical .accordion-content {
    height: 151px;
    float: left;
    overflow: hidden;
    display: none;
    background-color: #ffffff;
    color: #444444;
}

.vertical .accordion-content div.conteudo{
    width: 0px; 
    padding: 0px;
}

.vertical .accordion-content div.conteudo div{
    width: 250px; 
    padding: 5px 10px 15px 10px;
}


.horizontal .accordion-toggle {
    float: left;
    height: 150px;
    display: block;
    width: 200px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
    overflow:hidden;
    background-position:center;
}

.horizontal .accordion-content {
    height: 151px;
    float: left;
    overflow: hidden;
    display: none;
    background-color: #ffffff;
    color: #444444;
}

.horizontal .accordion-content div.conteudo{
    width: 0px;
    padding: 0px;
}

.horizontal .accordion-content div.conteudo div {
    width: 250px;
    padding: 5px 10px 15px 10px;
}


/* to display active when JS is disabled, will be overwritten by JS */
/*.accordion-content.active, .vertical .accordion-content.active {
    display: block;
}
*/

#detail_portfolio .imagem { float:left; padding:4px; border:1px solid #cccccc;}
#detail_portfolio .content { float:left; width:600px; margin:0 0 0 10px;}

/* 
    SCROLL
*/

/* scrollable div area */
#listagem_scrollable {
    overflow: hidden;
    /*margin-left:10px;
    height:570px;*/
    height:160px;

}

/* vertical track */
#listagem_track {
    width:350px;
    height: 15px;
    background-color: #eeeeee;
    float:left;
}

/* vertical track handle */
#listagem_handle{
    width: 122px;
    height: 15px;
    cursor: pointer;
    background-image:url(../images/scroll.gif);
    background-repeat:no-repeat;
}

/*#listagem_buttonRight,
#listagem_buttonLeft{
    border:1px solid green;
    width:50px;
}*/

#listagem_buttonLeft { float:left; width:16px; cursor:pointer;}
#listagem_buttonRight { float:left; width:16px; cursor:pointer;}