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

Version: 	2.0 - 2009
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
NOTE: menu baseed on ADxMenu >h ttp://aplus.rs/adxmenudev/adxmenu-v4-flyout-drop-down-menu/
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*-------------------------------------------------------------------------
=HEADER FUNDO
-------------------------------------------------------------------------*/
#headerFdo {z-index: 200;}
#headerFdo h3.cworld{
	position: absolute; top: 12px; left: 25px;	width: 99px; height: 23px; text-indent: -5555px;
	background: transparent url(../imgs/header-txt-cworld.png) no-repeat; 
}

/* =NAV CRITICAL WORLD */
#navW{
	display: block; position: absolute; top: 14px; left: 130px; 
	font-size: 11px; color: #6d6e71; 
}
#navW:after{ 
	content: "."; height: 0;display: block; visibility: hidden;overflow: hidden;clear: both; /* :INFO: Clear Float */
}
#navW{min-height: 0;}	/* :BUG: IE7 float clear: */
#navW a{border: 0; background-image: none; color: #6d6e71;}
#navW li{
	position: relative; float: left; display: block; text-transform: uppercase; z-index: 5;
	background: transparent url(../imgs/navWorld-separador.gif) no-repeat right center; 
}
#navW li:hover {
	z-index: 10000;	/* :INFO: itens ficam sempre por cima */
	white-space: normal;/* :BUG: IE7 :hover bug (z-index above is ignored if this is not present)*/
}
#navW li a{display: block; position: relative; padding: 4px 5px 4px 7px; margin-right: 2px; line-height: 11px;}
#navW li:hover>a,#navW li:focus>a, #navW li a:hover, #navW li a:focus{background-color: #ffffff; color: #b71234;}
#navW li a span{padding-right: 11px;background: transparent url(../imgs/navWorld-seta-off.gif) no-repeat right center;}
#navW li:hover>a span, #navW li:focus>a span, #navW li a:hover span, #navW li a:focus span
{background: transparent url(../imgs/navWorld-seta-over.gif) no-repeat right center;}
#navW li.last{background: none;}
#navW li.last a{margin-right: 0; padding-right: 7px;}
/*sublinks*/
#navW li li {float: none; background: none;} 
#navW ul {
	visibility: hidden;	position: absolute;	z-index: 10; left: 0; top: 0;
	width: 139px;	padding: 4px 0 10px 0; 	margin: 0 0 5px -3px;
	background: transparent url(../imgs/navWorld-bg.png) no-repeat left bottom;
}
#navW li:hover>ul, #navW li:focus>ul {visibility: visible;top: 100%;}
#navW ul a, #navW li.last ul a{
	font: 11px Arial, Helvetica, sans-serif; text-transform: none;
	padding: 0 0 4px 0; margin: 0 9px 0 10px;
}
#navW ul a:hover, #navW ul a:focus{background-color: transparent;}


/*-------------------------------------------------------------------------
=CONTENT 
Notes: clear no footer
-------------------------------------------------------------------------*/
#contentWrapper{
	position: relative; width: 955px; height: 283px;
	background: transparent url(../imgs/index-bg.png) no-repeat;
}
#contentWrapper h2{
	margin: 10px 15px 0 0; line-height: 9px;
	font-size: 9px;	text-transform: uppercase;	text-align: right;	color:#6d6e71;
}


/*-------------------------------------------------------------------------
=CONTENT  ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{
	position: relative; float: left; width: 315px; height: 277px; padding: 0 11px 0 25px;
}

#contentEsq #linkNews{position: absolute; right: 19px; top:251px;}
#contentEsq #linkNews li{
	float: right; text-transform: uppercase; 
	display: block; font-size: 14px; line-height: 14px; color: #5e5e61; 
	border-left: 1px solid #cccbcb;
}
#contentEsq #linkNews li.last{font-size: 9px;}
#contentEsq #linkNews li a{border: 0; padding: 0 5px;}
#contentEsq #linkNews li a.on{color: #b71234; border: 0; cursor: default;}

#contentEsq .txtNews {position: absolute;	left: -5555px;top: -55555px;overflow: hidden;	clear:both;}
#contentEsq #listaNews{position: absolute; top: 26px; left: 25px; width: 300px;}
#contentEsq #listaNews div{overflow: hidden; margin-bottom: 15px; width: 300px;}
#contentEsq #listaNews img{
	display: block;	float: left; width:114px; height: 73px; padding: 0 2px 3px 0; margin: 0 18px 0 0;
	background: transparent url(../imgs/index-news-bg.gif) no-repeat;
}
#contentEsq #listaNews p.date{font-size: 11px; line-height: 11px; font-weight: bold; color: #b71234; padding:25px 0 0 0;}
#contentEsq #listaNews h3{font-size: 14px; line-height: 16px; font-weight: bold; color: #b71234;}
#contentEsq #listaNews h3 a{color: #b71234; border: 0;}
#contentEsq #listaNews h3 a:hover, #contentEsq #listaNews h3 a:focus{color: #b71234; text-decoration: underline;}
#contentEsq #listaNews p{color: #4b4b4b; font-size: 12px; line-height: 16px; padding: 0 0 8px 10px;}
#contentEsq #listaNews p span.pontos{color: #b71234;}

/*-------------------------------------------------------------------------
=CONTENT PRODUCTS
-------------------------------------------------------------------------*/
#contentProd{position: relative; float: left; width: 213px; height: 277px; padding-right: 10px;}
#productsFlash{position: absolute; left: 2px; top: 67px; width: 209px; height: 209px;}

/*-------------------------------------------------------------------------
=CONTENT SUBCIDIARIES
-------------------------------------------------------------------------*/
#contentSub{position: relative; float: left; width: 183px; padding-right: 10px;}

#contentSub form{position: absolute; left: 9px; top: 60px; z-index: 10;}
#contentSub label{display: block; font-size: 12px; color: #292c39; padding-left: 6px; margin-bottom: 5px;}
#contentSub select{
	margin: 0; padding: 0; width: 163px; height: 18px; line-height: 18px; vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif; color:#5e5e61;
	border: 1px solid #e4e4e4; background-color: #ffffff;
}
#contentSub #subFlash{position: absolute; left: 2px; top: 130px; width: 179px; height: 147px; z-index: 5;}

/*-------------------------------------------------------------------------
=CONTENT DIREITA
-------------------------------------------------------------------------*/
#contentDta{
	position: relative; float: left; width: 183px; height: 279px; padding:0;
}
#contentDta #jobsFlash{position: absolute; left: 1px; top: 60px; width:181px; height: 219px;}