@font-face{font-family:'flamabook';src:url('../fonts/Flama/flama-book-webfont.eot');src:url('../fonts/Flama/flama-book-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-book-webfont.woff') format('woff'),url('../fonts/Flama/flama-book-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-book-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'flamamedium';src:url('../fonts/Flama/flama-medium-webfont.eot');src:url('../fonts/Flama/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-medium-webfont.woff') format('woff'),url('../fonts/Flama/flama-medium-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-medium-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'flamalight';src:url('../fonts/Flama/flama-ultralight-webfont.eot');src:url('../fonts/Flama/flama-ultralight-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-ultralight-webfont.woff') format('woff'),url('../fonts/Flama/flama-ultralight-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-ultralight-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'flamabold';src:url('../fonts/Flama/flama-bold-webfont.eot');src:url('../fonts/Flama/flama-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Flama/flama-bold-webfont.woff') format('woff'),url('../fonts/Flama/flama-bold-webfont.ttf') format('truetype'),url('../fonts/Flama/flama-bold-webfont.svg#@font-family') format('svg');font-weight:normal;font-style:normal}
/*
@font-face{font-family:EstadoFinebold;src:url(../fonts/EstadoFine/EstadoFine-Bold-webfont.eot);src:url(../fonts/EstadoFine/EstadoFine-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/EstadoFine/EstadoFine-Bold-webfont.woff2) format('woff2'),url(../fonts/EstadoFine/EstadoFine-Bold-webfont.woff) format('woff'),url(../fonts/EstadoFine/EstadoFine-Bold-webfont.ttf) format('truetype'),url(../fonts/EstadoFine/EstadoFine-Bold-webfont.svg#../fonts/EstadoFine/EstadoFinebold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:EstadoFineitalic;src:url(../fonts/EstadoFine/EstadoFine-Italic-webfont.eot);src:url(../fonts/EstadoFine/EstadoFine-Italic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/EstadoFine/EstadoFine-Italic-webfont.woff2) format('woff2'),url(../fonts/EstadoFine/EstadoFine-Italic-webfont.woff) format('woff'),url(../fonts/EstadoFine/EstadoFine-Italic-webfont.ttf) format('truetype'),url(../fonts/EstadoFine/EstadoFine-Italic-webfont.svg#../fonts/EstadoFine/EstadoFineitalic) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:EstadoFineregular;src:url(../fonts/EstadoFine/EstadoFine-Roman-webfont.eot);src:url(../fonts/EstadoFine/EstadoFine-Roman-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/EstadoFine/EstadoFine-Roman-webfont.woff2) format('woff2'),url(../fonts/EstadoFine/EstadoFine-Roman-webfont.woff) format('woff'),url(../fonts/EstadoFine/EstadoFine-Roman-webfont.ttf) format('truetype'),url(../fonts/EstadoFine/EstadoFine-Roman-webfont.svg#../fonts/EstadoFine/EstadoFineregular) format('svg');font-weight:400;font-style:normal}
*/
@font-face {
    font-family: 'estadoheadlinebold';
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.eot');
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.woff2') format('woff2'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.woff') format('woff'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.ttf') format('truetype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Bold-webfont.svg#estadoheadlinebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'estadoheadlineitalic';
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.eot');
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.woff2') format('woff2'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.woff') format('woff'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.ttf') format('truetype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Italic-webfont.svg#estadoheadlineitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'estadoheadlineregular';
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.eot');
    src: url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.woff2') format('woff2'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.woff') format('woff'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.ttf') format('truetype'),
         url('../fonts/EstadoHeadline/EstadoHeadline-Roman-webfont.svg#estadoheadlineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0;
	padding: 0;
	font-family:'flamabook';
	width: 100%;
	min-height: 100%;
}

img {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.cinza {
background: #4d4d4f;
position: relative;
z-index: 1;
}

#OAS_Position1{
	text-align: center;
	position: relative;
	z-index: -1;
}

#hr {
	padding-left: 30px;
}

.hide {
	display: none;
}

.hidden {
	display: none;
}

.container-full {
	width: 100%;
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}

.linha-fina:first-letter{
	font-size: 80px;
	float: left;
	line-height: 0.8;
	margin: 6px 6px 0 0;
	color: #956b6f;
	font-family: 'estadoheadlinebold';
}
.c-1 {
	width: 38%;
	padding-right: 2%;
	float: left;
	margin-top: 20px
}

.c-2 {
	width: 58%;
	padding-right: 2%;
	float: left;
	margin-top: 20px
}

.linha-fina {
	margin-bottom: 40px;
	font-size: 19px;
	font-family: 'estadoheadlineregular';

}

.clique {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 40px;
}

#cor-1 {
	background-color: #636362;
}

#cor-2 {
	background-color: #9d9c9c;
}

#cor-3 {
	background-color: #956b6f;
}

#cor-4 {
	background-color: #c7aeb1;
}

.sumario {
	width: 100%;
	height: 456px;
}

.a-e {
	height: 88px;
}

.tab {
	width: 10%;
	height: 88px;
	float: left;
}

.tab-content {
	background-color: black;
	text-transform: uppercase;
	color: #fff;
}

.tab-content span {
	padding-left: 5px;
}

.letras {
	float: left;
	height: 88px;
	width: 90%;
}

.letra-container {
	float: left;
	width: 8%;
	height: 65px;
	padding-top: 35px;
	overflow: auto;
}

.circle {
	background-color: black;
	border-radius: 50%;
	height: 40%;
	cursor: pointer; 
}

.circle:hover {
	opacity: 0.7;
}


.letra {
	padding-top: 2px;
	padding-left: 30%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.line {
	width: 15%;
	height: 5px;
	float: left;
	background-color: black;
	margin-top: 46px;
	opacity: 0.5;
}

.line-2 {
	width: 10.4%;
	height: 5px;
	float: left;
	background-color: black;
	margin-top: 46px;
	opacity: 0.5;
}

.divisor {
	height: 2px;
	background-color: #eaeaea;
}

#capa {
	width: 100%;
}

.titulo{
	text-transform: uppercase;
	text-align: right;
	font-size: 86px;
	font-family: 'estadoheadlinebold';
	line-height: 1;
}

.container-l1{
	background-color: #956b6f;
	padding-right: 12px;
	padding-top: 12px;
	color: #fff;
	margin-bottom: 5px;
	height: 85px;
}


.container-l2{
	line-height: 0.9;
	color: #fff;
	text-transform: lowercase;
	font-size: 100px;
	height: 85px;
}

#crise {
    float: right;
    background-color: #000;
    text-align: left;
    clear: both;
    margin-bottom: 5px;
    padding-right: 25px;
    padding-left: 25px;
}

.container-l3{
	background-color: #956b6f;
	padding-right: 12px;
	padding-top: 10px;
	color: #fff;
	height: 85px;
	clear: both;
}

.creditos {
	display:none;
}

#creditos {
	margin-top: 26px;
}

#creditos-container {
	float: right;
    background-color: #000;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding: 3px;
    padding: 3px 6px;

}

#creditos-container:hover {
	opacity: 0.7;
}

.content-dicio {
	display: none;
}

#teste {
	color: green;
}

.content-dicio {
	padding-left: 30px;

}

.verb {
	color: #956b6f;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0;
}

.verb-desc {

}

.sm {
	margin-top: 20px;
	color: #c7aeb1;
	font-weight: bold;
	font-size: 18px;
}

.sm-desc {

}


#voltar {
	display:none;
	text-decoration: none;
	color: #956b6f;
}

.disabled {
	opacity: 0.25 !important;
	cursor: default !important;
}

.disabled .circle {
	cursor: default !important;
}

.disabled .circle:hover {
	opacity: 1 !important;
}


.letra-container.disabled:hover {
	opacity: 0.25 !important;
}

.titleMobile {
	display:none;
}


.selecionado .circle {
	background: #B31F1F !important;
}


#headerMobile {
	display: none;
	position: absolute;
	top:0;
	width:100%;
	height:31px;
	background-color: #4d4d4f;
	text-align: center;
}

#headerMobile img {
	margin-top: 2px;
}

/* novo */
.content-dicio {
	display: none;
}


.content-dicio {
	padding-left: 30px;

}

.verb {
	color: #956b6f;
	font-weight: bold;
	font-size: 18px;
}

.verb-desc {

}

.sm {
	margin-top: 20px;
	color: #c7aeb1;
	font-weight: bold;
	font-size: 18px;
}

.sm-desc {
}

.link-container {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #7f7f7d;

}

a:hover {
    color: #956b6f;
}

#c-creditos-container{
	margin-top: 60px;
	text-align: center;
}

.title {
	text-transform: uppercase;
	font-weight: bold;
	color: #956b6f;


}

.name {
	margin-bottom: 20px;

}

/* /novo */




@media (max-width: 969px) {

	.c-1 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		min-width: 369px;
	}

	.c-2 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		/*min-width: 563px;*/
		margin-top: 60px;
	}

	.titulo, #capa {
		display:none;
	}
  	
  	.titleMobile {
  		display:block;
  	}

  	#shareBar {
		top: 47px;
		left: 10px;
		right: auto;
	}

	#siteBar {
		display:none;
	}
	#headerMobile {
		display: block;
	}

}



@media (max-width: 690px) {

	.c-2 {	
		width: calc(100% - 60px);
		margin-top: 60px;
	}
}


@media (min-height: 970px) and (min-width: 970px) {

	#siteBar {
		position: fixed;
	}

	.container-full {
		padding-top: 60px;
	}
	.c-1 {
		max-width: 388px;
		position: fixed;
	}

	.c-2 {
		padding-right: 0;
		float: right;
	}
}


@media (max-width: 480px) {
	.c-1 {
		min-width: 300px;
	}

	.tab {
		display: none;
	}

	.letras {
		float: left;
		width: 100%;
	}

	#shareBar a span{
	  display: none;
	}
}