/*
Autor: Marcel Gomes / UmStudio
Mail: marcel@umstudio.com / marcelcgomes@gmail.com
Data:  2009-03-19
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- PORTFOLIO <<<----------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body{
background:#8a9807;
}

.logo_portfolio{
margin:21px 0 0 0;
width:186px;
height:186px;
}

.logo_portfolio .flashlogo{
position:absolute;
top:21px;
left:-20px;
width:100%;
height:50%;
}

.logo_portfolio h1{
background:url(../_img/logo_portfolio-trans.png) no-repeat;
}

.logo_portfolio h1 a{
width:141px;
height:150px;
text-indent:-9999px;
display:block;
}

/**********************************************************************FILTRAR PORTFOLIO*/
.filtrar_portfolio{
background:#6fd836;
width:150px;
height:170px;
position:relative;
padding:10px 0 0 10px;
margin:14px 0 0 0;
}

.filtrar_portfolio h3{
color:#FFF;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
line-height:14px;
}

.filtrar_portfolio .tipo{
width:120px;
height:20px;
position:absolute;
top:100px;
left:10px;
}

.filtrar_portfolio .nome{
width:120px;
height:20px;
position:absolute;
top:124px;
left:10px;
}

.filtrar_portfolio .tit_pornome{
width:130px;
height:20px;
position:absolute;
top:36px;
left:10px;
text-transform:uppercase;

}

.filtrar_portfolio .campo_pornome{
width:130px;
height:20px;
position:absolute;
top:50px;
left:10px;
}

.filtrar_portfolio input{
width:135px;
height:18px;
font-size:11px;
font-family:"Tahoma", Tahoma, Arial, Verdana;
border:0;
padding:4px 0 0 2px;
}

.filtrar_portfolio .tit_porcurso{
width:130px;
height:20px;
position:absolute;
top:85px;
left:10px;
text-transform:uppercase;
}


.filtrar_portfolio select{
width:135px;
height:18px;
font-size:11px;
font-family:"Tahoma", Tahoma, Arial, Verdana;
border:0;
padding:0 0 0 2px;
}

.filtrar_portfolio .btn_filtrar input{
font-family:"Tahoma", tahoma, arial;
border:1px solid #e7e7e7;
font-size:10px;
background:#fff;
padding:0;
margin:0;
border:0;
width:75px;
height:18px;
position:absolute;
top:153px;
left:70px;
}
/**********************************************************************FIM FILTRAR PORTFOLIO*/

/**********************************************************************PORTFOLIO DESTAQUE*/
.tit_destaque{
width:500px;
height:auto;
}

.tit_destaque h2 span{
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
background:#000;
padding:2px 4px 2px 4px !important;
white-space: pre-wrap;
position:relative;
}

.destaque_portfolio{
width:500px;
height:145px;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
background:#FFF;
clear:both;
float:left;
}

.img_destaque01{
width:245px;
height:145px;
position:relative;
float:left;
margin:0 10px 0 0;
}

.img_destaque02{
width:245px;
height:145px;
position:relative;
float:left;
}

.nome_designer{
width:500px;
height:auto;
position:relative;
background:#FFF;
clear:both !important;
border-bottom:5px solid #FFF;
border-left:5px solid #FFF;
border-right:5px solid #FFF;
}

.nome_designer ul{
margin:0; 
padding:0;
}

.nome_designer ul li{
margin:0;
padding:0;
list-style:none;
}

.nome_destaque{
width:400px;
height:auto;
padding: 2px 0 3px 5px !important;
background: url(../_img/bg_nome_portfolio.gif) repeat-y;
}

.nome_destaque span{
color:#fff;
font-weight:bold;
background:#37840c;
font-size:12px;
text-transform:uppercase;
padding:2px 5px 3px 0 !important;
white-space: pre-wrap;
}

.nome_destaque span a{
	text-decoration:none;
	color:#FFF;
}

.tit_curso{
width:160px;
height:auto;
padding: 0 0 2px 5px !important;
background: url(../_img/bg_txt_preto.gif) repeat-y;
}

.tit_curso span{
width:155px;
height:auto;
color:#6fd836;
background:#000;
line-height:17px;
padding:2px 5px 4px 0 !important;
_padding:3px 5px 4px 0;
white-space: pre-wrap;
}

.tit_curso a{
color:#fff;
text-decoration:none;
}
/**********************************************************************FIIM PORTFOLIO DESTAQUE*/

/**********************************************************************SUB DESTAQUES PORTFOLIO*/
.sub_destaque_portfolio{
width:590px;
height:auto;
position:relative;
margin:10px 0 0 0;
clear:both;
}

.sub_port{
width:160px;
height:auto;
margin:0 15px 0 0;
float:left;
}

.img_sub_port{
width:150px;
height:90px;
border:5px solid #FFF;
}

.design_sub_port{
width:150px !important;
height:auto;
border-bottom:5px solid #FFF;
border-left:5px solid #FFF;
border-right:5px solid #FFF;
background:#FFF;
}

.design_sub_port ul{
margin:0; 
padding:0;
}

.design_sub_port ul li{
margin:0;
padding:0;
list-style:none;
}

.nome_subdestaque{
width:145px;
height:auto;
padding: 2px 0 3px 5px !important;
background: url(../_img/bg_nome_portfolio.gif) repeat-y;
}

.nome_subdestaque span{
width:140px;
height:auto;
color:#fff;
font-weight:bold;
background:#37840c;
font-size:12px;
text-transform:uppercase;
padding:2px 5px 3px 0 !important;
white-space: pre-wrap;
}

.nome_subdestaque span a{
text-decoration:none;
color:#FFF;
}


.tit_btn_curso{
width:145px;
height:auto;
padding: 0 0 1px 5px !important;
background: url(../_img/bg_txt_preto.gif) repeat-y;
}

.tit_btn_curso span{
width:140px;
height:auto;
color:#6fd836;
background:#000;
line-height:17px;
padding:2px 5px 3px 0 !important;
_padding:3px 5px 3px 0;
white-space: pre-wrap;
}

.tit_btn_curso a{
color:#FFF;
text-decoration:none;
}
/**********************************************************************SUB DESTAQUES PORTFOLIO*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM PORTFOLIO <<<------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- PORTFOLIO RECENTES <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.port_recente{
width:184px;
height:auto;
position:relative;
margin:20px 0 0 0;
}

.port_recente h3{
background: url(../_img/tit_portfolios_recentes.png) no-repeat;
_background: url(../_img/tit_portfolios_recentes.gif) no-repeat;
width:180px;
height:40px;
margin:0 0 20px 0;
_padding:10px 0 0 0;
position:relative;
text-indent:-9999px;
}

.port_recente h3 span{
background:#000;
font-size:12px;
text-transform:uppercase;
padding:4px !important;
white-space: pre-wrap;
color:#fff;
}

.port_recente ul{
margin:0 0 0 15px; 
padding:0;
}

.port_recente ul li{
margin:0;
padding:0;
list-style:none;
}

.titulos_recentes{
width:160px;
height:auto;
padding: 2px 0 2px 5px !important;
background: url(../_img/bg_tit_branco.gif) repeat-y;
}

.titulos_recentes span{
width:155px;
height:auto;
background:#fff;
font-size:12px;
text-transform:uppercase;
padding:2px 5px 2px 0 !important;
white-space: pre-wrap;
}

.txt_recentes{
width:160px;
height:auto;
padding: 0 0 1px 5px !important;
background: url(../_img/bg_txt_preto.gif) repeat-y;
}

.txt_recentes span{
width:155px;
height:auto;
color:#6fd836;
background:#000;
line-height:17px;
padding:2px 5px 3px 0 !important;
_padding:3px 5px 3px 0;
white-space: pre-wrap;
}

.txt_recentes a{
color:#6fd836;
text-decoration:none;
}

.txt_recentes a:hover{
color:#fff;
text-decoration:none;
}


.vejamais_portfolio a{
background:#6fd836 !important;
color:#000 !important;
padding:1px 3px 3px 3px !important;
_padding:2px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
margin:0 -5px 0 0;
}

.vejamais_portfolio a:hover{
background:#6fd836 !important;
color:#fff !important;
padding:1px 3px 3px 3px !important;
_padding:2px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM PORTFOLIO RECENTES <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- APRESENTACAO PORTFOLIO <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.nav_portfolio_detalhe{
width:495px;
height:45px;
position:relative;
clear:both;
border:5px solid #FFF;
background:#fff;
}

.nav_portfolio_detalhe ul{
margin:0;
padding:0;
}

.nav_portfolio_detalhe ul li{
padding:0;
display:inline;
float:left;
margin:0 3px 0 0;
}

/*btn apresentacao*/
.btn_apresentacao{
width:132px;
height:45px;
}

.btn_apresentacao a{
background: url(../_img/btn_apresentacao_off.gif) no-repeat;
width:132px;
height:21px;
display:block;
text-indent:-9999px;
}

.btn_apresentacao a:hover{
background: url(../_img/btn_apresentacao_hover.gif) no-repeat;
width:132px;
height:21px;
display:block;
text-indent:-9999px;
}

.btn_apresentacao.ON a{
background: url(../_img/btn_apresentacao_active.gif) no-repeat!important;
width:132px!important;
height:45px!important;
display:block;
cursor: default;
text-indent:-9999px;
}

/*btn trabalhos*/
.btn_trabalhos{
width:105px;
height:45px;
}

.btn_trabalhos a{
background: url(../_img/btn_trabalhos_off.gif) no-repeat;
width:105px;
height:21px;
display:block;
text-indent:-9999px;
}

.btn_trabalhos a:hover{
background: url(../_img/btn_trabalhos_on.gif) no-repeat;
width:105px;
height:21px;
display:block;
text-indent:-9999px;
}

.btn_trabalhos.ON a{
background: url(../_img/btn_trabalhos_active.gif) no-repeat!important;
width:105px!important;
height:45px!important;
display:block;
cursor: default;
text-indent:-9999px;
}

/*apresentacao*/
.apresenta_job{
width:500px;
height:auto;
position:relative;
clear:both;
border-bottom:5px solid #FFF;
border-left:5px solid #FFF;
border-right:5px solid #FFF;
background:#fff;
display:none;
}

.info_apresenta{
width:500px;
height:145px;
position:relative;
margin:0 0 10px 0;
}

.img_info{
width:245px;
height:145px;
float:left;
}

.txt_info{
margin:0 0 0 10px;
width:245px;
height:145px;
float:left;
}

.txt_info a{
text-decoration:none;
color:#000;
}

.tit_nome{
text-transform:uppercase;
font-size:10px;
}

.nome_aluno{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
margin:0 0 10px 0;
}

.btn_galeria{
width:245px;
height:17px;
margin:0 0 10px 0;
}

.btn_galeria a{
background:url(../_img/btn_galeria_trabalhos.gif) no-repeat;
text-indent:-9999px;
display:block;
width:245px;
height:17px;
}

.resenha_job{
width:500px;
height:auto;
line-height:17px;
clear:both;
position:relative;

}

.resenha_job p{
margin:0 0 10px 0;
}


/*Trabalhos*/

.show_jobs{
width:495px;
height:auto;
position:relative;
clear:both;
border-bottom:5px solid #FFF;
border-left:5px solid #FFF;
border-right:5px solid #FFF;
background:#fff;
}

.info_jobs{
width:500px;
height:auto;
position:relative;
clear:both;
}

.img_jobs_left{
width:245px;
height:145px;
float:left;
/*border-right:5px solid #FFF;*/
border-bottom:5px solid #FFF;
position:relative;
margin:0 5px 0 0;
}

.img_jobs_right{
width:245px;
height:145px;
float:left;
border-left:10px solid #FFF;
border-bottom:5px solid #FFF;
position:relative;

}

/*BTN ZOOM JOB*/
.img_jobs_left .btn_zoom{
width:16px;
height:16px;
position:absolute;
right:0;
_right:-1px;
bottom:1px;
}

.img_jobs_right .btn_zoom{
width:16px;
height:16px;
position:absolute;
right:0;
_right:-1px;
bottom:1px;
}

.btn_zoom a{
background:#37840c !important;
color:#FFF !important;
padding:1px 3px 3px 3px !important;
_padding:2px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
}


/*PAGINACAO TRABALHOS*/
.pages_jobs{
width:496px;
height:30px;
position:relative;
margin:20px 0 10px 0;
clear:both;
float:left;
}

.pages_jobs ul{
margin:0;
padding:0;
}

.pages_jobs ul li{
margin:0 2px 0 0;
padding:0;
list-style:none;
display:inline;
}

.num_pages{
width:32px;
height:22px;
text-align:center;
float:left;

}

.num_pages a{
width:32px;
height:22px;
padding:8px 0 0 0;
background:#6fd836;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.num_pages a:hover{
width:32px;
height:22px;
background:#37840c;
color:#fff;
}

.num_pages_selected a{
float:left;
width:32px;
height:22px;
padding:8px 0 0 0;
background:#37840c;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
text-align:center;
cursor: default;
margin:0 2px 0 0;
}


/*anterior*/
.previous_post, #previous_post{
width:70px;
height:22px;
text-transform:uppercase;
float:left;
display:block;
}

.previous_post a, #previous_post a{
text-align:center;
width:70px;
height:22px;
padding:8px 0 0 0;
background:#CCC;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.previous_post a:hover, #previous_post a:hover{
width:70px;
height:22px;
background:#6fd836;
color:#FFF;
}

/*proximo*/
.next_post, #next_post{
width:80px;
height:22px;
text-align:center;
text-transform:uppercase;
float:right;
display:block;
}

.next_post a, #next_post a{
width:80px;
height:22px;
padding:8px 0 0 0;
background:#CCC;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.next_post a:hover, #next_post a:hover{
width:80px;
height:22px;
background:#6fd836;
color:#FFF;
}

.setinha_portfolio a{
color:#fff;
text-decoration:none;
margin:0 -5px 0 0;
}

.setinha_portfolio a:hover{
color:#000;
text-decoration:none;
margin:0 -5px 0 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM APRESENTACAO PORTFOLIO <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/