*{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
}
body {	
font:normal 9px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
color:#333;
background:#fff url(../imagens/bkg_principal.gif) top left repeat-x;
}
strong, b{
color:#000;
font-weight:bold;
}
hr, .esconde{
display:none;
}




.boxtop, .boxbot{
height:3px;
line-height:5px;
}
.boxtop{
background: url(../imagens/interface/bg_round_top.png) no-repeat top left;
}
.boxbot{
background: url(../imagens/interface/bg_round_bottom.png) no-repeat bottom left;
}
.hideThis{
display:none;
}



/* ##### PSEUDO-CLASSES ######## */
a:link, a:visited {
color: #369;
text-decoration:none;
}

a:hover{
color: #036;

text-decoration:none;
}
/* ############################ */

#container {
width:980px;
}
#clientLogin, #contactsLogin, #clientLogin, #logo, #mainNav, #destaque, #thumbs,  #rodape, #maisTrabalhos, #contato, #tituloDesc, #breadcrumb, #jobs, #SessaoFeedback, #infos{
margin:0 0 0 100px;
}

#langSelector{
width:90px;
position:relative;
top:10px;
left:20px;

}
	
	* html #langSelector p{
	margin:0 0 2px 0;
	}
#contactsLogin{
width:200px;
position:relative;
top:20px;
}
#clientLogin{
position:relative;
top:-2px;
margin:0 0 0 925px;
/* ou top: -26px -2.4em*/

}

#logo{
margin-top:60px;
width:300px;
}


#mainNav{
position:relative;
top:-37px; /*exatamente a altura da logo compensando o centro*/
left:370px;
width:510px;
}
        * html #mainNav{
        top:-42px;
        }
#mainNav ul{
text-align:right;
margin:5px 0 0 0;
}
#mainNav li{
display:inline;
margin:0 0 0 2px;
font:normal 14px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}
     
#destaque{
position:relative;
top:-25px;
}
#thumbs{
margin:-5px 0 0 80px;
}

#thumbs dd{
width:160px;
height:120px;
margin:0 0 20px 20px;
float:left;
overflow: hidden; /* I.E. Only*/
/*outline: 1px dotted #ccc;*/


}
        * html #thumbs dd{
        display:inline;
        }    



#thumbs dd a, #thumbs dd a .imagem, #thumbs dd a .descricao{
display:block;
width:160px;
height:120px;
color:black;
font:normal 12px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
overflow: hidden; /* I.E. Only*/

}

#thumbs dd a .imagem{
position:relative;
top:-120px;

}
#thumbs dd a .descricao{
position:relative;
top:0;
font:normal 12px/1em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}




/* NOVO */
#thumbs dd a{
position:relative;
}
#thumbs dd a .new{
position:absolute;
top:25px;
left:0;
}





#thumbs .descricao h3{
padding:10px;
font:bold 12px/1em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;

}
#thumbs .descricao p{
padding:10px;
font:normal 10px/1.2em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;

}

#thumbs .descricao p.catName{
position:absolute;
bottom:0;
text-decoration:underline;
}
#jobs{
margin-top:30px;
margin-bottom:30px;
}

#tituloDesc{
/*background-color:#6c0;*/
}
#tituloDesc h1{
margin:0 0 0 10px;
font:900 2.5em/1.5em  Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
width:700px;
float:left;
color:#fff;
}
		* html #tituloDesc h1{
		margin:0 0 0 5px;
		}
#tituloDesc .desc{
margin:0 0 5px 10px;
font:normal 11px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
color:#000;
width:550px;

}
.maisJobs, .relatedLinks{
font:normal 11px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;

width:860px;
margin:10px 0 5px 10px;
}
    * html .maisJobs{
    margin-bottom:0;
    }
.maisJobsTexto{
background:#fff url(../imagens/interface/maisjobs_top.png) no-repeat top left;
color:#000;
position:relative;
top:-3px;
padding:3px 3px 3px 6px;

}

.maisJobstop, .maisJobsbot{
height:3px;
line-height:5px;
position:relative;
top:-3px;
}


.maisJobstop{
background: url(../imagens/interface/maisjobs_top.png) no-repeat bottom left;
}
.maisJobsbot{
background: url(../imagens/interface/maisjobs_bot.png) no-repeat top left;
}

    * html .maisJobstop{
    top:0;
    
    }

.relatedLinks{
color:#000;
/*background:pink;*/
padding:0 0 5px 0;
}
.relatedLinks a, .maisJobs a{
/*color:blue;*/
}

#tituloDesc .voltar{
font:900 1.5em/1.5em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
margin:5px 12px 0 0;
float:right;
width:100px;
text-align:right;
}
#tituloDesc .voltar a{
color:#fff;
}
#tituloDesc .voltar a:hover{
color:#000;
}
#SessaoFeedback{
margin-bottom:25px;
}
#SessaoFeedback h1{
font:900 2.5em/1.5em  Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
margin:0 0 0 10px;
color:#fff;
}
    .graphic {
    background:#6cf;
    }
    
    .interactive {
    background:#6c0;
    }
    
    .motion {
    background:#fc0;
    }
    
    .others {
    background:#f60;
    }
    .tudo {
    background:#000;
    }


#maisTrabalhos{
position:relative;
top:-10px;
background-color:#38C7FF;
text-align:right;
}

#maisTrabalhos a{
font:bold 11px/1.4em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
margin:0 7px 0 0;
}




#videos{
margin:10px 0 0 0;
position:relative;
}
#videos .videoflash{
position:absolute;
top:0;
left:0;
width:480px;
height:380px;
overflow:hidden;
margin:0 0 30px 0; /*mantem o rodapeh longe*/
}
#videos .quicktime{
position:absolute;
top:0;
left:485px;
width:390px;
height:380px;
overflow:hidden;

background: url(../imagens/interface/bg_quicktime.png) no-repeat top left;
}
#videos .quicktime h1{
margin:30px 30px 30px 20px;
color:#f60;
font-size:2em;
}
#videos .quicktime .boxbranco{
font-size:1.6em;
margin:0 20px 0 20px;
width:350px;
height:67px;
background: url(../imagens/interface/box_branco_pq.png) no-repeat top left;

}

#videos .conteudo{
padding:25px 0 20px 15px;

}
#videos .quicktimePersona{
text-align:center;
}
#breadcrumb{
margin-bottom:-5px;
}
		* html #breadcrumb{
		margin-bottom:5px;
		}
#breadcrumb * {
color:#666;
margin-top:-23px; /* importante pra alinhar com os bts do langSelector*/ 

}
		* html #breadcrumb * {
		color:#666;
		margin-top:-25px; /* importante pra alinhar com os bts do langSelector*/ 
		}
#breadcrumb a:hover{
color:#333;
}

#breadcrumb span.breadAtual{
color:#333;
}


#infos{
position:relative;
top:-25px;
}
#subnav{
width:265px;
float:left;
}
#subnav li{
margin-bottom:10px;

}
#subnav li.atual{

}

#infos .infoImagem{
    margin:0 0 20px 0;
}
#infos .subText{
    margin:-5px 0 100px 265px;
    font: normal 12px/1.7em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}
#infos .listColuna{
width:265px;
float:left;
margin:0 10px 10px 0;
background:#ededed url(../imagens/interface/info/links_bot.png) no-repeat bottom left;
padding:0 0 10px 0;
}
#infos .listColuna dt{
    font: bold 14px/2em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
    color:#000;
    background:#ededed url(../imagens/interface/info/links_top.png) no-repeat top left;

}
#infos .listColuna dd{
    font: normal 12px/1.5em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
    color:#000;
}
#infos .listColuna dd, #infos .listColuna dt{
    padding:0 0 0 10px;

}
#infos .subcoluna{
    height:7px;
    line-height:7px;
}
        * html #infos dt.subcoluna{
            height:3px;
            line-height:3px;
        }



#linksRelacionados{
margin:10px 10px 15px 10px;
    font: normal 11px/1.5em Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
    color:#000;

}










#rodape{
color:#666;
width:880px; /* ie only*/
margin-bottom:150px;
background-color:#EDEDED;
}
		
#rodape .boxtop, #rodape .boxbot{
padding:0 0 3px 0;

}
#rodape p{
padding:0 0 0 7px;
}

#rodape p.copiraite{
color:#39C;
}
#rodape a{
color:#000;
}




.clearing{
clear:both;
}



.flashContent{
clear:both;
color:#003;
border:2px solid #f00;
background:#fff;
padding:10px;
margin:10px;
}