/* CSS - Controller Portfolio */

/* LIST */
.t_cat
{
    height: 40px;
    line-height: 60px;
    padding-left: 118px;
    color: #282828;
    font-family: Verdana, Arial, serif;
    font-size: 11px;
    font-weight: bold;
}

#port_slider
{
    height: 184px;
	 /*border-top: 1px solid #000000;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 128px;
    padding-right: 50px;*/
    position: relative;
    overflow: hidden;
}

#inner_port
{
    width: 975px;
    height: 190px;
    float:left;
    overflow: hidden;
    padding-left: 1px;
}
.controlgli{
float:left;
background-image: url('/media/images/bullet_normal.png');
background-repeat: no-repeat;
height:9px;
width:10px;
margin-top:4px;
padding-top:5px;
padding-left:5px;
}
.portfolio .item.imgblock{
width:325px;
height:160px;
overflow:hidden;
background-image:url('/media/images/transparente.png') repeat scroll 0 0 transparent
}
.cat_tit
{
    text-transform:uppercase;
    line-height: 40px;
    color: #666666;
    font-family: Verdana, Arial, serif;
    font-size: 12px;
    font-weight: bold;
}
.titpeq
{
    line-height: 13px;
    color: #666666;
    font-family: Verdana, Arial, serif;
    font-size: 11px;
	text-transform:uppercase;
}
.glider
{
    background-image: url('/media/images/bg-news-hp.png');
    background-repeat: repeat-x;
   /* margin: 126px 0px 0px 0px;
	background-color:blue;*/
    height: 25px;
    width: 975px;
    position: absolute;
    z-index: 1;
	bottom:23px;
}

#border_bottom
{
    /*border-bottom: 1px solid #000000;*/
    margin: -30px -10px 0 -10px;
    padding-left: 50px;
    padding-right: 50px;
}

#port_empty
{
    font-family: Verdana, Arial, serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: 40px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 128px;
    padding-right: 50px;
    height: 150px;
}

.portfolio .item
{
    float:left;
    width:325px;
    height: 184px;
    position: relative;
    overflow: hidden;
}

.portfolio .item .overlay
{
    width: 325px;
    height: 126px;
    position: absolute;
    z-index: 1;
    /*opacity: 0.25;
    filter: alpha(opacity = 25);*/
}

.portfolio .item .overlay:hover
{
    width: 325px;
    height: 126px;
    position: absolute;
    z-index: 0;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.portfolio .item .imagem
{
    float:left;
    height: 160px;
    width: 325px;
    overflow: hidden;
}

.portfolio .item .descricao
{
    float: left;
    width: 288px;
    height: 17px;
    position: relative;
    margin-top: 2px;
}

/* Empresa */
#panel
{
    /*border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 128px;
    padding-right: 50px;
    height: 550px;
    position: relative;
}

#inner_panel
{
    width: 994px;
    height: 550px;
    float: left;
    overflow: hidden;
}

#inner_panel .item
{
    float: left;
    width: 994px;
    height: 550px;
}

#inner_panel .item .imagem
{
    float:left;
    height: 550px;
    width: 994px;
    overflow: hidden;
}

#base_slide
{
    height: 550px; 
    width: 272px;
    background-image: url('/media/images/bg-news-hp.png');
    margin-left: 722px;
    position: absolute;
    z-index: 1;
}

#panel .glider
{
    background-image: url('/media/images/bg-news-hp.png');
    background-repeat: repeat-x;
    margin: 526px 0px 0px 0px;
    height: 25px;
    width: 994px;
    position: absolute;
    z-index: 1;
}

/* Detalhe */
#detail_portfolio_lightbox
{
    width: 772px;
    height: 719px;
    padding: 8px;
}

#detail_imagem_lightbox
{
    width: 924px;
    height: 550px;
    position: absolute;
    overflow: hidden;
    margin-left: 2px;
    margin-top: 15px;
}

#elementos_slider
{
    height: 550px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.elemento
{
    background-position: top left;
    float: left;
    width: 924px;
    height: 550px;
}

#slides_lightbox
{
    width: 924px;
    height: 152px;
    overflow: hidden;
    position: absolute;
    margin-top: 562px;
    margin-left: 1px;
}

#slides_slider
{
    height: 152px;
    float:left;
    overflow: hidden;
}

.slide
{
    cursor: pointer;
    width: 231px;
    height: 152px;
    float: left;
    overflow: hidden;
}

#close_me
{
    position: absolute;
    width: 12px;
    height: 12px;
    margin-left: 912px;
    margin-top: -3px;
}

.glider_lightbox
{
    background-image: url('/media/images/bg-news-hp.png');
    background-repeat: repeat-x;
    margin: 690px 0px 0px 1px;
    height: 25px;
    width: 924px;
    position: absolute;
    z-index: 1;
}

.glider_lightbox div
{
    cursor: pointer; 
    float: left; 
    margin: 7px 0 0 5px;
    background-image:url(../images/bullet_normal.png);
    background-repeat:no-repeat;
    width: 10px; 
    height: 10px;
}

/*.glider_lightbox div:hover
{
    cursor: pointer; 
    float: left; 
    margin: 7px 0 0 5px;
    background-image:url(../images/bullet_select.png);
    background-repeat:no-repeat;
    width: 10px; 
    height: 10px;
}*/

#detail_portfolio
{
    width: 1150px;
    height: 600px;
    margin-left: -78px;
    padding: 9px;
}

#detail_imagem
{
    float: left;
    width: 800px;
    height: 575px;
    position: absolute;
    overflow: hidden;
}

#base_slide_detail
{
    float: right;
    margin-left: 810px;
    width: 341px;
    height: 575px;
    /*background-image: url('/media/images/bg-news-hp.png');*/
    background-color: #E6E6E6;
    position: absolute;
}

#vertical4_scrollable div:first-child
{
    margin-top: 0px;
}

.port_film
{
    cursor: pointer;
    height: 180px;
    width: 283px;
    margin: 8px 0 0 0;
    overflow: hidden;
}
/*#portfolio .item .descricao a
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#929292;
    font-weight:normal;
    text-decoration:none;
    position: relative;
}

#portfolio .item .descricao a:hover
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#000000;
    font-weight:normal;
    text-decoration:none;
}*/

/*#port_list .imagem {
	
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#EEEEEE;
	border:1px solid #dbdbdb;
        overflow: hidden;
}*/

/* 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;}

