@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	border:0;
	color:#666;
	outline:none;
}

body{
	width:100%;
	margin:0;
	/*font-family: Georgia, Times, "Times Roman", "Times New Roman", serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	top:0;
}

a{
	text-decoration:none;
	color: #b1492d;
	font-weight:normal;
	outline:none;
}

p{
	margin:0
}

a:hover{
	text-decoration:none;
}

div{
	position:relative;
}

div, p, ul{
	outline:none;
}

ul{
	padding:0;
	margin:0;
}

img{
	border:none;
}

h1.mainHeader{
	display:block;
	clear:both;
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	margin:0;
	font-weight:normal;
	color:#35799b;
	padding-top:10px;
	border-bottom:1px solid #d6d6d6;
}

h1.mainHeader img{
	vertical-align: middle;
	margin-bottom:-3px;
}

p.corpo{
	font-size:14px;
	line-height:20px;
	margin-top:15px;
	display:block;
	clear:both;
}

p.corpo img{
	margin-left:36px;
}

#mainContent{
	width:960px;
	margin: 0;
	padding:0;
	background-color:#fff;
	position:relative;
	text-align:left;
	top:0;
	
	/*
	box-shadow: 0 0 14px #d6d6d6;
	-moz-box-shadow: 0 0 14px #d6d6d6;
	-webkit-box-shadow: 0 0 14px #d6d6d6;
	*/
	/* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#d6d6d6')";
	*/
	z-index:0;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
	background:#333;
}

#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:940px;
	margin: 0 auto;
	position:relative;
	text-align:left;
	z-index:0;
}

#footer div.creditos{
	width:600px;
	margin-right:20px;
	margin-bottom:50px;
	position:relative;
	float:left;
}

#footer div.creditos span{
	text-transform:uppercase;
	font-weight:bold;
	color:#35799b;
	margin-bottom:10px;
}

#footer div.copyright{
	width:200px;
	margin-top:15px;
	position:relative;
	float:left;
}

#footer div.logo{
	width:120px;
	margin-top:15px;
	position:relative;
	float:left;
}

/*****************/
/* barra estadão */

#barraEstadao{
	width:100%; height:31px;text-align:center;background:#fff; margin:0; overflow:hidden;
	box-shadow: 0 0 14px #d6d6d6;
	-moz-box-shadow: 0 0 14px #d6d6d6;
	-webkit-box-shadow: 0 0 14px #d6d6d6;	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#d6d6d6')";	
	z-index:1000;border-bottom:1px solid #f9f9f9;
}
#barraEstadaoParceiros{width:940px; height:30px; display:table; margin:2px auto; }

/*****************/
/* NAVEGAÇÃO     */

#socialButtons{
	float:right;
	margin: 10px;
}

#nav{
	font-family:Arial, Verdana, sans-serif;
	width:920px;
	height:110px;
	padding:0 10px;
	text-align:right;
	background-color: #333;
}

#nav ul{
	margin:20px 0;
	list-style-type:none;
	margin-left:180px;
}

#nav ul li{
	width:80px;
	float:left;
	text-align:left;
	display:inline-block;
	margin-left:6px;
	font-size:10px;
	text-transform:uppercase;
}

#nav ul li a {
	color:#ae9b7d;
	width:74px;
	height:94px;
	overflow:hidden;
	float:left;	
	clear:both;	
	text-align:center;
	/*padding:4px 4px 0 4px;*/
}

#nav ul li a img{
	display:block;
	overflow:hidden;
	/*
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); *//* Firefox 3.5+ */
	/*
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	
	opacity: 0.65;
	-moz-opacity:0.65;
	filter: alpha(opacity=65);
}

#nav ul li a:hover, #nav ul li a.active{
	color:#d6d6d6;
	
}

#nav ul li a span.imgMask{
	margin-top:4px;
	display:block;
	width:72px;
	height:72px;
	overflow:hidden;
	border: 1px solid #7d654b;
}
#nav ul li a.active span.imgMask{
	border: 1px solid #d6d6d6;
}

#nav ul li a:hover img, #nav ul li a.active img{
	color:#d6d6d6;
	
	/*
    filter: none;*/
    -webkit-filter: none;
	-o-filter: none;
	-ms-filter: none;
	
	opacity: 1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}

#nav ul li span.label{
	font-size:9px;
	text-transform:uppercase;
	height:15px;
}

#navImg1{
	margin-left: 0px;
}
#navImg2{
	margin-left: -70px;
}
#navImg3{
	margin-left: -144px;
}
#navImg4{
	margin-left: -216px;
}
#navImg5{
	margin-left: -288px;
}
#navImg6{
	margin-left: -360px;
}
#navImg7{
	margin-left: -432px;
}
#navImg8{
	margin-left: -504px;
}
#navImg9{
	margin-left: -576px;
}
#navImg10{
	margin-left: -648px;
}


/*****************/
/* TOPO          */

.topBlock{
	width: 980px;
	background-color: #004D61;
	overflow: hidden;
}

.topBlock div.topArrowLeft{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-shadow.png) top left repeat-x;
	height:50px;
	float:left;
}
.topBlock div.topArrow{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-arrow1.png) top left no-repeat;
	height:50px;
	float:left;
}
.topBlock div.topArrowRight{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-shadow.png) top left repeat-x;
	height:50px;
	float:left;
	clear:right;
}

.topBlock div.topArrowFeet{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-shadow2.png) top left repeat-x;
	height:30px;
	clear:both;
	width:940px;
}

.topBlock div.topArrowFeet2{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/fotos-shadow2.png) top left repeat-x;
	height:30px;
	clear:both;
	width:940px;
}

.topBlock h2{
	font-size:38px;
	color:#fff;
	/*text-transform:uppercase;*/
	display:block;
	clear:both;
	width:600px;
	margin:20px 190px 20px 190px;
	font-weight:normal;
	text-shadow: 1px 1px 2px #333;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topBlock h2 span{
	font-size:20px;
	color:#ccbca2;
	text-transform:uppercase;
	display:block;
	clear:both;
}

.topBlock h2.centered{
	text-align:center;
}

.topBlock h3{
	font-size: 10px;
	color:#FFF;
	display:block;
	clear:both;
	width:600px;
	font-weight:normal;
	text-shadow: 1px 1px 2px #333;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 190px;
	margin-bottom: 5px;
	margin-left: 190px;
	}

.topBlock h3 span{
	font-size:20px;
	color:#ccbca2;
	text-transform:uppercase;
	display:block;
	clear:both;
}

.topBlock h3.centered{
	text-align:center;
}

.topBlock h4{
	margin: 20px 190px 20px 190px;
	font-size:12px;
	display:block;
	color:#fff;
	font-weight: normal;
}

.textBlock{
	font-size:12px;
	line-height: 20px;
	display:block;
	width:285px;
	color:#fff;
	float:left;
}

.textBlock b{
	font-size:20px;
	color:#ccbca2;
	margin-right:5px;
}

.textCredit{
	font-size:10px;
	line-height: 20px;
	color:#ccbca2;
}

.textInter{
	font-weight: bold;
	font-size: 14px;		
}

.textLegen{
	font-size: 10px;
	color:#FFF;
	display:block;
	clear:both;
	width:600px;
	font-weight:normal;
	text-shadow: 1px 1px 2px #333;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
}
	

.leftBlock{
	margin:20px 190px 30px 30px;
}

.rightBlock{
	margin:20px 0px 30px 190px;
}

.topBlock p{
	margin:0 0 12px 0;
}

.topBlock div.topArrow{
	width:48px;
}

.topBlock div.topArrowRight{
	width:257px;
}

.topBlock div.topArrowLeft{
	width:635px;
}


#topoHome{
	height:500px;
	text-align:center;
	padding: 10px 0;
}

#top1{
	/*background: #35404e url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-dpedro.jpg) top left no-repeat;
	height:400px;*/
}
#top2{
	/*background: #35404e url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-amelia.jpg) top left no-repeat;
	height:400px;*/
}
#topo3{
	/*background: #35404e url(https://infograficos.estadao.com.br/public/economia/carreiras/images/topo-leopoldina.jpg) top left no-repeat;
	height:400px;*/
}

#topoHome h2{
	margin: 25px 0;
	width:910px;
	text-align:center;
}

/*
#top1 h2{
	margin:45px 20px 0 540px;
}
#top2 h2{
	margin:65px 20px 0 540px;
	color:#c1b667;
}


#topoHome p{
	width:910px;
	text-align:center;
	margin: 0;
}
#top1 p{
	margin:0 20px 0 542px;
}
#top2 p{
	margin:0 20px 0 542px;
}
#topo3 h2{
	margin:65px 20px 0 350px;
	color:#b791ac;
}
#topo3 p{
	margin:0 20px 0 352px;
}
*/

/****************************/
/* BLOCOS - estilos comuns  */

.hat{
	color:#f05a22;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:4px;
}

.fullWidth{
	width:940px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	display:block;
	clear:both;	
}

div.fullWidth h3{
	width:600px;
	text-transform:uppercase;
	margin: 0;
	font-size:28px;
	font-weight:normal;
	clear:both;
}
.clearFix{
	clear:both;
	display:block;
}

/*****************/
/* BLOCO TIPO 1  */
div.blockType1{
	width:910px;
	padding: 20px 15px;
}
div.blockType1 p.corpo{
	font-size:14px;
	margin-top:15px;
	display:block;
	clear:both;
}

div.blockType1 img{
	/*margin-left:25px;*/
	vertical-align:top;
	float:right;	
}


div.blockType2{
	margin-top:0;
	padding-top:30px;
	background:#606066;
	padding-bottom:50px;
	clear:both;
}

div.blockType3{
	width:910px;
	padding: 40px 15px 0 15px;
	display:block;
	clear:both;
}

div.blockType3 ul{
	list-style:none;
	display:block;
	float:left;
	clear:both;
}

div.blockType3 ul li{
	float:left;
	width:170px;
	height:160px;
	margin-left:36px;
	background-color:#dfe0e2;
	border-top: 6px solid #231f20;
	padding:15px;
	font-size:11px;
}

div.blockType3 ul li.first{
	float:left;
	width:200px;
	height:245px;
	margin:0;
	padding:0;
	background:none;
	border:none;
	font-size:35px;
	color:#f05a22;
}

div.blockType3 ul li a{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	color:#333;
}

div.blockType3 ul li img{
	width:170px;
	height:117px;
	margin-top:15px;
}


div.galleryArrowLeft{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/fotos-shadow.png) top left repeat-x;
	width:92px;
	height:50px;
	float:left;
}
div.galleryArrow{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/fotos-arrow.png) top left no-repeat;
	width:48px;
	height:50px;
	float:left;
}
div.galleryArrowRight{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/fotos-shadow.png) top left repeat-x;
	width:800px;
	height:50px;
	float:left;
	clear:right;
}

div.blockGalleryList{
	float:left;
	margin-top:0;
	padding-top:0;
	background:#e0e1e1;
	clear:both;
}


div.blockGalleryList ul{
	list-style:none;
	float:left;
	clear:both;
	display:block;
	padding:15px 60px;
}

div.blockGalleryList ul li{
	float:left;
	display:block;
	width:150px;
	margin: 0 70px 10px 0;
	font-size: 15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

div.blockGalleryList ul li.last{
	margin: 0 0 10px 0;
}

div.blockGalleryList ul li.last{
	margin-right:0px;
}

div.blockGalleryList ul li a{
	color:#666;
}

div.blockGalleryList ul li a.active{
	color:#333;
}

div.blockGalleryList ul li a.active img{
	border: 1px solid #333;
}


div.blockGalleryList ul li img{
	clear:both;
	margin-bottom:5px;
	box-shadow: 0 5px 20px #999;
	-moz-box-shadow: 0 5px 20px #999;
	-webkit-box-shadow: 0 5px 20px #999;
	border: 1px solid #999;
}

div.blockGallery{
	color:#f7f7f7;
	width:910px;
	clear:both;
	display:none;
	padding: 0 15px;
}

div.blockGallery.inverted{
	color:#666;
}

.photoDescription{
	width:200px;
	font-size:17px;
	margin:20px 40px 0 0;
	line-height:20px;
	float:left;
}

.smallGallery .photoDescription, .sideBox .photoDescription{
	font-size:14px;
	text-align:left;
	margin:5px 0 0 0;
}

.photoDescription span{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	width:200px;
	margin:10px 0;
}

.photoDescription span.credit{
	display:block;
	clear:both;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:5px;
	color:#999;
}

div.galleryHolder{
	margin:25px 0 0 0;
	height:480px;
	float:left;
	clear:right;
}

div.galleryHolder.smallGallery{
	height:auto;
}

div.smallGallery{
	margin:0 0 40px 0;
	float:none;
	text-align:center;
}

a.buttonNext, a.buttonLast{
	width:50px;
	height:50px;
	position:absolute;
	text-indent:-100px;
	margin-top:200px;
	overflow:hidden;
	display:block;
}

div.smallGallery a.buttonNext, div.galleryHolder.smallGallery a.buttonLast{
	position:absolute;
	
}

a.buttonLast{
	background: url(https://infograficos.estadao.com.br/public/economia/carreiras/images/btLast.png?1) top left no-repeat;
	margin-left:10px;
}

div.smallGallery a.buttonLast{
	margin-top:-75px;
	margin-left:2px;
}

a.buttonNext{
	background: url(https://infograficos.estadao.com.br/public/economia/carreiras/images/btNext.png?1) top left no-repeat;
	margin-left:610px;
}


div.smallGallery a.buttonNext{
	margin-top:-75px;
	margin-left:150px;
}

div.galleryHolder{
	text-align:center;
}

div.galleryHolder div.imgHolder{
	position:absolute;
	width:670px;
	/*height:450px;*/
	overflow:hidden;
	border: 1px solid #93939f;
	background:#707079;
	clear:both;
}

div.smallGallery div.imgHolder{
	width:200px;
	position:relative;
	clear:both;
}

div.galleryHolder div.imgHolder ul{
	list-style:none;
	/*height:450px;*/
	clear:both;
}

div.smallGallery div.imgHolder ul{
	list-style:none;
	clear:both;
	height:auto;
}

div.galleryHolder div.imgHolder ul li{
	width:670px;
	height:450px;
	float:left;
	display:block;
	text-align:center;
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/loaderb.gif) center no-repeat;
}

div.smallGallery div.imgHolder ul li{
	width:200px;
	height:auto;
	float:left;
	display:block;
	text-align:center;
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/loaderb.gif)  center no-repeat;
}

div.galleryHolder div.imgHolder img{
	/*height:450px;*/
}

div.smallGallery div.imgHolder img{
	width:200px;
}


ul.galleryPoints{
	width:670px;
	position:absolute;
	list-style: none;
	display:inline-block;
	padding:0;
	margin:470px 0 0 0;
}

div.smallGallery ul.galleryPoints{
	width:200px;
	display:block;
	height:15px;
	position:relative;
	margin:6px 0 0 0;
}

ul.galleryPoints li{
	width:10px;
	height:15px;
	position:relative;
	display:inline-block;
	overflow:hidden;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/gallerypoint.png) top left no-repeat;
}

ul.galleryPoints li.active{
	text-indent:-10px;
	background-position: -10px 0;
}

div.smallGallery ul.galleryPoints li.active{
	text-indent:-10px;
	background-position: -10px 0;
}

ul.galleryPoints li img{
	margin:0;
	padding:0;
	height:10px;
} 

ul.galleryMenu {
	margin-left:254px;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

ul.galleryMenu li {
	display:inline;
	margin-right:3px;
}

ul.galleryMenu li a {
	color:#fff;
	font-weight:bold;
	display:inline-block;
	background:#93939f;
	margin-right:1px;
	padding:6px 10px;
}

ul.galleryMenu li a:hover {
	background:#6c6c76;
}

ul.galleryMenu li a.active:hover {
	background:#ab431b;
}

ul.galleryMenu li a.active {
	background:#f05a22;	
}

.videoPlayer{
	width:600px;
	height:600x;
	display:block;
	margin:0 190px;
	padding:0;
	clear:both;
}
hr.videoDivider{
	border: 0;
	width:640px;
	height:2px;
	clear:both;
	margin:20px 170px;
	border-bottom: 1px solid #ccbca2;
}
#player_wrapper{
	float:left;
	margin-top:10px;
}

.reelHolder{
	width:700px;
	height:470px;
	display:block;
	margin:0;
	padding:0 105px;
	border: 1px solid #93939f;
	text-align:center;
}
.reelHolder.loading{
	background:url(https://infograficos.estadao.com.br/public/economia/carreiras/images/loader.gif) center no-repeat;
}

.reelHolder img{
	width:700px;
}

#reelControl{
	width:910px;
	clear:both;
	height:40px;
	display:block;
}

#reelPlay, #reelRewind{
	display:inline-block;
	float:left;
	cursor:pointer;
}

#reelPlay.inactive, #reelRewind.inactive{
	opacity: 0.35;
	-moz-opacity:0.35;
	filter: alpha(opacity=35);
	cursor:default;
}

.reelHolder img{
	position:absolute;
	margin:0;
	padding:0;
	text-indent:0;
}

.reelHolder a.goOnButton{
	display:none;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	background:#f05a22;
	margin:290px 360px;
	padding:6px 10px;
	position:absolute;
	width:120px;
}

.reelHolder a.goOnButton:hover{
	background:#ab431b;
}

ul.reelPoints{
	width:910px;
	height:4px;
	position:relative;
	list-style-type: none;
	display:inline-block;
	text-align: center;
	
	padding:0;
	margin:0 0 20px 0;
}

ul.reelPoints li{
	height:4px;
	display:inline-block;
	overflow:hidden;
	padding:0;
	margin:0 2px 0 0;
}


ul.reelPoints li img{
	height:4px;
}

ul.reelPoints li.active{
	text-indent:-4px;
}

div.floatedLeft{
	width:670px;
	margin-right:36px;
	display:block;
	float:left;
}

div.floatedLeft img{
	border:1px solid #f2f2f2;
}

div.smallGallery{
	width:200px;
	display:block;
	float:left;
}

.sideBox{
	width:200px;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
	margin:0 0 40px 0;
}

.sideBox img{
	width:198px;
	margin:0 0 10px 0;
	border: 1px solid #f2f2f2;
}

.sideBox p{
	display:block;
	margin:10px 0 0 0;
	width:200px;
	clear:both;
}

.sideBox span{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	width:200px;
	margin:10px 0;
}

.videoBlock{
	width:670px;
	overflow:auto;
	margin-left:125px;
	clear:both;
	text-align:center;
}

.linkssociais{
	width: 910px;
	clear:both;
	float:left;
	text-align:right;
	margin-top:20px;
	margin-left:10px;
}