@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'flamabold';
    src: url('../fonts/flama-bold.eot');
    src: url('../fonts/flama-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flama-bold.woff') format('woff'),
         url('../fonts/flama-bold.ttf') format('truetype'),
         url('../fonts/flama-bold.svg#flamabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'flamabasic';
    src: url('../fonts/flama-basic.eot');
    src: url('../fonts/flama-basic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flama-basic.woff') format('woff'),
         url('../fonts/flama-basic.ttf') format('truetype'),
         url('../fonts/flama-basic.svg#flamabasic') format('svg');
    font-weight: normal;
    font-style: normal;

}/* CSS Document */


body{
	font-family: 'flamabasic';
}

#siteBar {
  background: #006392;
  width:100%;
  height:31px;
  left: 0px;
  position:absolute;
  top:0;
  z-index:101;
  text-align:center;
  min-width:910px;
}

#container{
	width: 970px;
	margin: 50px auto;
}

#nav{
	border-bottom: 1px solid #999;
	overflow:hidden;
}

#nav a{
	display:block; float:left;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	padding: 10px 12px;
	text-decoration:none;
	color: #999;
}

#nav a.first{
	border-left: 1px solid #999;
}
#nav a:hover, #nav a.selected {
	background-color: #9CF;
	color: #fff;
}
.navContent{
	position: relative;
	width: 970px;
	height: 450px;
}

.navContent img{
	width: 100%;
	position: absolute
}


/* Redes sociais */
#shareBar{
  margin-top: 50px;
  width: 120px; height: 40px;
  position: absolute; 
  top: 0px; 
  right: 2.2em !important;
  z-index: 103;
}
#header #shareBar{
  right:0;
}
#shareBar a{
  display:block; float:left;
  text-decoration: none;
  width: 30px; height: 30px;
  margin-left: 10px;
  background: transparent url('https://infograficos.estadao.com.br/geral/img/social-icons-round.png') no-repeat center top;
}
#shareBar a span{
  display: block;
  text-decoration: none;
  text-align: center;
  color: #999;
  font-size: 11px;
  font-weight: bold;
  margin-top: 32px;
}
#shareBar a#btFbShare{ background-position: -40px 0; margin-left: 0; }
#shareBar a#btFbShare:hover{ background-position: -40px -40px; }
#shareBar a#btGPlusShare{ background-position: -80px 0; }
#shareBar a#btGPlusShare:hover{ background-position: -80px -40px; }
#shareBar a#btTwitterShare{ background-position: 0 0; }
#shareBar a#btTwitterShare:hover{ background-position: 0 -40px; }