@charset "utf-8";
body {
	margin: 0px;
}


.caixa_grande_timeline{
	width: 1000%;
	-webkit-transition: margin-left 2s;
	-moz-transition: margin-left 2s;
	-o-transition: margin-left 2s;
	;
	-ms-transition: margin-left 2s;
	transition: margin-left 2s;
	clear: right;
	float: left;
	display: block;
}
.bloco{
	width: 10%;
	display: block;
	float: left;
	clear: right;
}

.limite{
	display: block;
	width: 100%;
	overflow: hidden;
	max-width: 1064px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F9F9F9;
}
.botao_icon_timeline{
	display: block;
	width: auto;
	cursor: pointer;
}
.botao_icon_timeline:hover{
	background-image: url(../../../uteis/images/padrao1.png);
}
.botaohor{
	display: block;
	background-color: #0CF;
	width: 100%;
	cursor: pointer;
	min-width: 24px;
	height: auto;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	text-align: left;
	clear: right;
	float: left;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
}
.botaohor:hover{
	background-color: #9F0;
}
.caixa_grande_timeline_cor{
	height: 25px;
	width: 1000%;
	margin-left: 2%;
	-webkit-transition: margin-left 2s;
	-moz-transition: margin-left 2s;
	-o-transition: margin-left 2s;
	-ms-transition: margin-left 2s;
	transition: margin-left 2s;
	clear: right;
	float: left;
	display: block;
	padding: 0px;
}
.t2_caixa_grande_timeline_cor{
	height: 25px;
	width: 1000%;
	margin-left: 1%;
	-webkit-transition: margin-left 2s;
	-moz-transition: margin-left 2s;
	-o-transition: margin-left 2s;
	-ms-transition: margin-left 2s;
	transition: margin-left 2s;
	clear: right;
	float: left;
	display: block;
	padding: 0px;
}
.caixaimagem{
	width: 14%;
	display: block;
	background-color: #FFC;
	clear: right;
	float: left;
	min-width:100px
}
.imagem{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
		max-width:200px;
}
.imagem2{
	width: 100px;
	display: block;
	position: relative;
	height: auto;
	background-color: #09F;
	margin-right: auto;
	margin-left: auto;
}
.margem{
	display: block;
	position: relative;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	max-width:1064px;
}
.metade1{
	display: block;
	width: 30%;
	background-color: #C03;
	clear: right;
	float: left;
}
.metade2{
	display: block;
	width: 70%;
	background-color: #C03;
	clear: right;
	float: left;
}
.imagem_botao_icon_timeline{
	background-size:100% 100%;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-image: url(../../../uteis/images/bola_icon_conteudo.png);
	background-repeat: no-repeat;
}

.parte01{
	clear: right;
	float: left;
	width: 20%;
	background-color: #C39;
	min-width:100px;
}
.parte02{
	clear: right;
	float: left;
	width: 80%;
	background-color: #CF6;
}
.regua_inicio{
	height: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}
.regua{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444444;
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444444;
}
.regua_alta{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444444;
	height: 10px;
}

.titulo_timeline{
	background-color: #0AAF5E;
	font-family: 'Quicksand';
	color: #FFF;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.titulo_timeline_sala_audiencias{
	background-color: #CED128;
	font-family: 'Quicksand';
	color: #FFF;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.resumo_timeline{
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	padding-top: 5px;
	padding-right: 5%;
	padding-bottom: 5px;
	padding-left: 5%;
	height: 35px;
	overflow: hidden;
	display: block;
	text-align: center;
	line-height: 22px;
}
.reticencias_timeline{
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	display: block;
}

	.botao_titulo_timeline{
	text-decoration: none;
	background-image: none;
	display: block;
	color: #3c3c3c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3c3c3c;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3c3c3c;
	border-left-color: #3c3c3c;
}
	.botao_titulo_timeline:Hover{
	background-color: #0AAF5E;
	color: #FFF;
}
	
	.botao_titulo_timeline_sala_audiencias{
	text-decoration: none;
	background-image: none;
	display: block;
	color: #3c3c3c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3c3c3c;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3c3c3c;
	border-left-color: #3c3c3c;
		background-color: #FCFCFC;
}
.botao_titulo_timeline_sala_audiencias:Hover{
	background-color: #FCFCFC;
	color: #FFF;
}
.titulo_secundario_timeline{
	font-family: 'Quicksand';
	font-size: 18px;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.botao_secundario_timeline{
	display: block;
	color: #000;
	text-decoration: none;
	background-image: url(../../../uteis/images/padrao2.png);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0aaf5e;
	border-right-color: #0aaf5e;
	border-bottom-color: #0aaf5e;
	border-left-color: #0aaf5e;
}
.botao_secundario_timeline:Hover{
	color: #FFF;
	background-color: #0aaf5e;
	background-image: none;
}
.ver_mais{
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 100px;
}	
	
	
	
	
	
	
.botao_sala_audiencia{
	height: 45px;
	width: 100%;
	display: block;
	max-width: 33%;
	min-width: 240px;
	clear: right;
	float: left;
	text-align: center;
	line-height: 45px;
	font-family: Quicksand;
	font-weight: bold;
	color: #FFF;
	font-family: 'Quicksand', sans-serif, Arial;
	text-decoration: none;
	color: #666;
	background-color: #FCFCFC;


}
.botao_sala_audiencia:hover{
	background-color: #FBFBFB;
	color: #000;
	cursor: pointer;
	background-image: url(../../../uteis/images/padrao1.png);
}

@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
.metade1{
	width: 100%;
}
.metade2{
	width: 100%;
}
.titulo_timeline{
	font-size: 20px;
}
.titulo_secundario_timeline{
	font-size: 18px;
}
.botao_sala_audiencia{

	max-width: 50%;

}
}
@media only screen and (max-width: 495px) {
.metade1{
	width: 100%;
}
.metade2{
	width: 100%;
}
.titulo_timeline{
	font-size: 18px;
}
.titulo_secundario_timeline{
	font-size: 16px;
}

.botao_sala_audiencia{

	max-width: 100%;

}
}
@media only screen and (max-width: 320px) {
.metade1{
	width: 100%;
}
.metade2{
	width: 100%;
}
.titulo_timeline{
	font-size: 18px;
}
.titulo_secundario_timeline{
	font-size: 16px;
}

.botao_sala_audiencia{

	max-width: 100%;

}
}