/*reset css*/
* {
margin:0;
padding:0;
list-style:none;
vertical-align:baseline;
}
/*geral*/
.container{
	max-width: 727px;
	min-width: 370px;
	font-family: Raleway, sans-serif;
	color: #464646;


}

h1 {
	border-bottom: 5px solid #e8e8e8;
	margin-bottom: 20px;
	text-align: center;
}
a{
	color: #464646;
	text-decoration: none;
	box-shadow: inset 0 -4px 0 #ea9f9c;

}
a:hover {
	background-color:  #ea9f9c;
	color: #ffffff;

}
.fase-atual{
	font-size: 11px;
	font-style: oblique;
}

/*abre*/
.abre {
	margin-bottom: 20px;
	font-style: oblique;
	font-weight: lighter;
}

/*box*/
.box{
	position: center;
}

.box-item{
	max-width: 180px;
	border: 1px solid #202020;
	border-radius: 5px;
	margin: auto;
}

.box-item-duplo{
	max-width: 400px;
	margin: auto;
}
.box-item-duplo2{
	max-width: 400px;
	margin-left: 38%;
}

.box-item-ocorreu{
	max-width: 180px;
	color: #878585;
	border: 1px solid #878585;
	border-radius: 5px;
	margin: auto;
	
}

.title-box{
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #202020;
	display: block;
	padding: 6px;
	text-align: center;

}
.title-box-ocorreu{
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #878585;
	display: block;
	padding: 6px;
	text-align: center;

}
.box-item-ocorreu a{
	color: #878585;
}

.box-item-ocorreu a:hover{
	background-color:  #ea9f9c;
	color: #ffffff;
}
.title-box h2{
	font-size: 16px;
}
.title-box-ocorreu h2{
	font-size: 16px;
}
.no-text{
	border-bottom: none;
}

.text-box{
	display: block;
	margin: 6px;
	font-size: 13px;
}



/*box-link*/
.simples img{
	left: 50%;
	position: relative;
	height: 50px;
	display: inline-block;

}
.duplo img{
	left: 50%;
	position: relative;
	height: 50px;
	display: inline-block;
	margin-left: -50px;
}
.duplo2 img{
	left: 65%;
	position: relative;
	height: 50px;
	display: inline-block;
	margin-left: -50px;
}
.volta img{
	left: 50%;
	position: relative;
	height: 50px;
	display: inline-block;

}


/*box-link*/


.float-left{
	float: left;
}

.float-right{
	float: right;

}
.clear{
	clear: both;

}

/*{}*/


/*TABS*/

.main{max-width: 727px;}
.content > div {display: none; padding: 20px 0px;}
.content{border-top: 4px solid #e23832}

input {display: none;}
label {
	display: inline-block; 
	padding: 15px 25px; 
	font-weight: 600; 
	text-align: center; 
	font-family: raleway, sans-serif;
	color: #464646;
	/*border-bottom: 4px solid #e23832;*/
    max-width: 35%;
}

label:hover {color: #e23832; cursor: pointer;}
input:checked + label {background: #e23832; color: #fff;}

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4 {
		  display: block;
		}
		@media screen and (max-width: 400px) { label {padding: 15px 10px;} }