body{
	
	   font-family: 'flama_semicondensedultralight'
}

#topo{
	background:#c8b012;
	height:120px;
	border-bottom:5px solid #b09c0e;
	text-align:center;
	padding-top:30px;
	margin-top:-12px;
	}

#Titulo{
	color:#FFF;
	margin:auto;
	text-transform:uppercase;
	font-size:46px

		
}
#Titulo #Titulo_imagem{
	background:#063;
	width:88px;
	height:88px;
	display: inline-block;
	vertical-align:middle;
 	background:url(../images/logo.png) no-repeat left
}

#Titulo #Titulo_bold{
	    font-family: 'flama_semicondensedsemibold'

}



/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

		
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
	-webkit-transform: rotateY(180deg);
	/* [disabled]-moz-transform: rotateY(180deg); */
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 280px;
			height: 396px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
	
			z-index: 2;
		}
		
		
		
		.front .nome {
			background:#000;
			position:absolute;
			bottom:0;
			font-size:17px;
			color:#FFF;
			text-transform:uppercase;
			line-height:18px;
			padding:10px;
			
		}
		.front .icone_fisica{
			display:block;
			height:54px;
			width:54px;
			position:absolute;
			top:0;
			right:0;
			background:#d32828 url(../images/icone_fisica.png) center no-repeat;
		}

		.back {
			background:#333333;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
			color:#FFF;
			font-size:17px;
		}
		
		.back strong{
			      font-family: 'flama_semicondensedbasic';
				  font-size:15px;
		}
		.back p {
			margin-top:10px;
		}
		
		.back .nome {
			font-size:16px;
			text-transform:uppercase;
			margin-bottom:4px;
			font-family: 'flama_semicondensedbook';
		}
		
		.back .padding{
			padding:0px 10px;	
		}
		
		.back .ano{
			font-size:22px;
			color:#999999;
			position:absolute;
			right: 10px;
			bottom:5px;
			font-family: 'flama_semicondensedsemibold';
				
		}
	



		
		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */
		.iframe_topo{
			height:40px;
			margin-top:-60px;	
		}
		
		
		#shareBar{
  position: absolute;
  right:100px;
  /*width: 120px;*/
  height: 40px;
  top:20px;
  /*right: 2.2em !important;*/
}
#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: 36px;
}
#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; }