/*--------------------------------------------------------------------
LAYOUT "Careers" Style - CRITICAL(IE7+ FF1.5+ Opera9+)

Version: 	2.0 - 2009
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#headerFlash{width: 941px; height: 200px; background: transparent url(../pics/careers-header-eng.gif) no-repeat; }


/*----------------------------------------------------------------------
=CONTENT TOPO
-------------------------------------------------------------------------*/
#contentTop{
	position: relative; width: 955px; height:7px;	
	background:transparent url(../imgs/corporate-contentTop-bg.png) no-repeat;
}

/*-------------------------------------------------------------------------
=CONTENT FUNDO
-------------------------------------------------------------------------*/
#contentFdo{
	position: relative; width: 955px; height:44px; clear: both; 
	background: transparent url(../imgs/corporate-contentFdo-bg.png) no-repeat;
}
.bgCinza #contentFdo{background: transparent url(../imgs/quality-contentFdo-bg.png) no-repeat;} 
#contentFdo p{
	font: 13px/40px Corbel, Helvetica, Arial, sans-serif; color:#292c39; 
	text-align: right; padding-right: 20px;
}
#contentFdo p a{font-weight: bold;color:#292c39;}


/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content{
	position: relative; width: 955px;	min-height: 300px;	overflow: hidden;
	background: transparent url(../imgs/corporate-content-bg.png) repeat-y;
}
#content h2{
	position: absolute;	top:0px; left: 668px; width: 281px; height: 42px;	text-align: right;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background:transparent url(../imgs/content-separadorMain-big.png) no-repeat;
}
#content h2 span{padding-right: 15px;}


/*-------------------------------------------------------------------------
=CONTENT ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{
	position: relative; float: left; width: 181px; padding: 0 48px 15px 14px; 
}
#contentEsq h3{
	width: 169px; height: 42px;	text-align: right; padding-right: 11px; margin-bottom: 4px;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorColuna.png) no-repeat;	
}
/* =Bloco Navegacao */
.bNav ul{
	width: 159px; margin: 0 15px 30px 11px;  line-height: 16px;
	font-size: 13px; font-weight: bold;	color: #292c39; 
}
.bNav li{padding-bottom: 9px;}
#contentEsq .bNav li.on a{
	color: #b71234; border: 0; cursor: default;  padding-right: 20px;
	background: transparent url(../imgs/icon-nav-seta.png) no-repeat right center;
}
*:first-child+html #contentEsq .bNav li.on a{background: none; padding-right: 0;} /* :BUG: IE7 */
#contentEsq .bNav a{color: #292c39; background: none; padding: 0;}
.bNav a:hover, .bNav a:focus{border: 0; color: #b71234;}

/*-------------------------------------------------------------------------
=CONTENT CENTRO
-------------------------------------------------------------------------*/
#contentCto{
	position: relative; float: left; width: 692px; padding: 22px 0 15px 0; 
	font: 13px Corbel, Helvetica, Arial, sans-serif; color: #4b4b4b;
}
#contentCto h3{
	margin: 0 0 12px -10px; 
	font: bold 30px/30px Corbel, Helvetica, Arial, sans-serif; color: #b71234;
}
#contentCto h4{margin: 8px 0 2px 0; color: #b71234; font: bold 13px Corbel, Helvetica, Arial, sans-serif;}
#contentCto h5{margin: 8px 0 2px 0; font: bold 14px Corbel, Helvetica, Arial, sans-serif;}
#contentCto h6{margin: 8px 0 2px 0; font: bold 13px Corbel, Helvetica, Arial, sans-serif;}
#contentCto h3 + p{font-size: 17px; line-height: 21px; margin-bottom: 10px;}
#contentCto p, #contentCto ul, #contentCto dl{padding-bottom: 13px; font-size: 13px; line-height: 18px;}
#contentCto ul li{padding: 0 0 0 10px; background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 7px;}
#contentCto ul.blue{color: #292c39}
#contentCto ul.blue a{color: #292c39}
#contentCto p + ul{margin-top: -12px;}
#contentCto dt{font-weight: bold; color: #b71234; margin:10px 0 0 -10px;}

/* =TALEO*/
#content #contentCto a{background: none; padding: 0;}
#contentCto table td{padding: 4px 0;}
#contentCto table a{border: 0; color: #b71234; text-decoration: underline;}
#contentCto table a:hover{border: 0; text-decoration: none;}