@charset "utf-8";
/* CSS 	Linha do Tempo */

/* === Box [Estrutural] === */
.linha-tempo { overflow: hidden; }
/* === Box [Color] === */
.linha-tempo { background: url(../imagens/bg-linha-tempo.jpg) repeat-y 5em 0; }

/* === Post [Estrutural] === */
.linha-tempo-post { overflow: hidden; padding: 1em 0; }

/* === Data [Estrutural] === */
.linha-tempo-titulo { display: inline-block; padding: 0.8em 1.5em; font-size: 0.9em; margin: 1em 0 1em 3em; }
/* === Data [Color] === */
.linha-tempo-titulo { background: #b5ae88; color: #FFF; }

/* === Hora [Estrutural] === */
.linha-tempo-hora { float: left; overflow: hidden; width: 12.5%; padding-top: 0.5em;  }
.linha-tempo-hora span { float: left; padding: 0.7em 0.5em 0 0; font-size: 1.2em; }
.linha-tempo-hora img { float: left; max-width: 2.8em; }
/* === Hora [Color] === */
.linha-tempo-hora { background: url(../imagens/bg-linha-tempo-seta.jpg) no-repeat right 1.1em; }
.linha-tempo-hora span { color: #b5ae88; }

/* === Texto [Estrutural] === */
.linha-tempo-texto { overflow: hidden; position: relative; padding: 1.5em; }
.linha-tempo-texto h3 { font-size: 1.2em; padding-bottom: 0.5em; }
/* === Texto [Color] === */
.linha-tempo-texto { background: #FFF; }
.linha-tempo-texto h3 { color: #b57b1a; }
.linha-tempo-texto p { line-height: 1.6em; }

/* === Hora [Estrutural] === */
.linha-tempo-post.right .linha-tempo-hora { float: right; }
.linha-tempo-post.right .linha-tempo-hora span { float: right; padding: 0.7em 0 0 0.5em; }
.linha-tempo-post.right .linha-tempo-hora img { float: right; }
/* === Hora [Color] === */
.linha-tempo-post.right .linha-tempo-hora { background: url(../imagens/bg-linha-tempo-seta-right.jpg) no-repeat left 1.1em; }

/* === BTN Menu [Estrutural] === */
.linha-tempo-menu { position: absolute; top: 0; right: 0; padding: 0.7em 1em; max-width: 3.2em; display: block; }

.linha-tempo.anotacoes-direta { font-size: 0.9em; background: url(../imagens/bg-linha-tempo.jpg) repeat-y 6.13em 0; }
.linha-tempo.anotacoes-direta .linha-tempo-hora { font-size: 0.9em; width: 100%; background: none; padding-bottom: 0.5em; padding-left: 1em; }
.linha-tempo.anotacoes-direta .linha-tempo-post.right .linha-tempo-hora { background: none; }
.linha-tempo.anotacoes-direta .linha-tempo-texto p { font-size: 0.9em; }

/* === Responsivo === */
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
	.linha-tempo-hora { width: 15%; }
}
@media only screen and (max-width: 900px) {
	.linha-tempo-hora { width: 17%; }
	.linha-tempo-texto p { font-size: 0.95em; }
}
@media only screen and (max-width: 730px) {
	.linha-tempo-hora { width: 22%; }
}
@media only screen and (max-width: 600px) {
	.linha-tempo { background: url(../imagens/bg-linha-tempo.jpg) repeat-y 4.5em 0; }
        .linha-tempo-titulo { margin-left: 3em; }
	.linha-tempo-hora { font-size: 0.9em; width: 100%; background: none; padding-bottom: 0.5em; }
	.linha-tempo-post.right .linha-tempo-hora { background: none; }
	.linha-tempo-texto p { font-size: 0.9em; }
}
@media only screen and (max-width: 400px) {
	.linha-tempo-titulo { font-size: 0.8em; }
}