body{
	margin: 0px;
}
/* TITULO */
#titulo {
	font-family: 'Lato', sans-serif;
	font-size: 92px;
	width: 500px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -300px;
	margin-top: -250px;
	color: white;
}
/* Indice */
#indice{
	font-family: 'Lato', sans-serif;
	font-size: 64px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -300px;
	margin-top: -200px;
}

/* f1f2f3f4f5 */

a.f1 {color:#707070;}
a.f1:link  {text-decoration: none; color: #707070;}
a.f1:hover {text-decoration:none; font-weight: bold ; color: #707070;}
a.f1:active {text-decoration: none; color: #707070;}


a.f2 {color:#7F7F7F;}
a.f2:link  {text-decoration: none; color: #7F7F7F;}
a.f2:hover {text-decoration:none; font-weight: bold ; color:#7F7F7F;}
a.f2:active {text-decoration: none; color: #7F7F7F;}


a.f3 {color:#9C9C9C;}
a.f3:link  {text-decoration: none; color: #9C9C9C;}
a.f3:hover {text-decoration:none; font-weight: bold ; color:#9C9C9C;}
a.f3:active {text-decoration: none; color: #9C9C9C;}


a.f4 {color:#B3B3B3;}
a.f4:link  {text-decoration: none; color: #B3B3B3;}
a.f4:hover {text-decoration:none; font-weight: bold ; color: #B3B3B3;}
a.f4:active {text-decoration: none; color: #B3B3B3;}


a.f5 {color:#E8E8E8;}
a.f5:link  {text-decoration: none; color: #E8E8E8;}
a.f5:hover {text-decoration:none; font-weight: bold ; color: #E8E8E8;}
a.f5:active {text-decoration: none; color: ##E8E8E8;}


/* fragmento 1 */
#fragmento1{
	font-family: 'Vollkorn', serif;
	text-align: justify;
	padding:5px;
	width: 500px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -250px;
	margin-top: -100px;
}

#cor1{
	color: #2B2B2B;
	font-style: italic;
	font-size: 18px;
}

#cor1_2{
	color: firebrick;
	font-size: 12px;
}

/* fragmento 2 */
#fragmento2{
	padding:5px;
	width: 500px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -250px;
	margin-top: -100px;
	/**/
	font-family: 'Vollkorn', serif;
}

/* autor */ #cor2{
	color: mediumblue;
	font-size: 36px;
}

/* frase */ #cor2_2{
	font-family: 'Vollkorn', serif;
	color: mediumblue;
	font-size: 18px;
	width: 525px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -163px;
	margin-top: -50px;
	text-align: justify;
	font-style: italic;
	padding: 2px;
}

#hrfrag{
	width: 20px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: 48px;
	margin-top: -80px;
}
hr {
	color: mediumblue;
	background-color: mediumblue;
	height: 5px;
	width: 320px;
	border: 0px;
}

/* fragmento 3 */
#fragmento3{
	font-family: 'PT Serif', serif;
	text-align: justify;
	padding:5px;
	width: 200px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -100px;
	margin-top: -150px;
	font-size: 14px;
}
/* fragmento 4 */
#rhizoma{
	font-family: 'PT Serif', serif;
	text-align: justify;
	padding:70px;
	width: 200px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: 10px;
	margin-top: -200px;
	font-size: 14px;
}
#fragmento4{
	font-family: 'Oswald', sans-serif;
	width: 900px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -500px;
	margin-top: -37px;
	font-size: 14px;
	color: yellow;
	font-size: 80px;
	padding-left: 50px;
}

/* fragmento 5 */
#fragmento5{
	font-family: 'PT Serif', serif;
	text-align: justify;
	padding:5px;
	width: 500px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -250px;
	margin-top: -150px;
	font-size: 18px;
	line-height: 20px;
	color: white;
}

#sup{
	color: white;
	font-size: 26px;
	font-weight: bold;
}

/* Inicio Botoes */

.botao{
	margin-right: 10px;
	display:block;
	width:40px;
	height:40px;
	border-radius:20px;
	font-size:16px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	box-shadow:1px 1px 1px lightgrey;
	float: left;
}
.botao:hover{
	color:dark-grey;
	text-decoration:none;
	background:lightgrey;
}

.mais{
	line-height: 40px;
	font-weight: bold;
	color: grey;

}

/*frag1*/
.botoes1{
	text-align: center;
	padding:5px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: 205px;
	margin-top: 70px;
}

/*frag2*/
.botoes2{
	text-align: center;
	padding:5px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: 380px;
	margin-top: -95px;
}

/*frag3*/
.botoes3{
	text-align: center;
	padding:5px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -45px;
	margin-top: 100px;
}

/*frag4*/
.botoes4{
	text-align: center;
	padding:5px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left:85px;
	margin-top: 150px;
}

/*frag5*/
.botoes5{
	text-align: center;
	padding:5px;
	width: 500px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -250px;
	margin-top: 100px;
}

.botao5{
	margin-right: 10px;
	display:block;
	width:40px;
	height:40px;
	border-radius:20px;
	font-size:16px;
	font-weight: bold;
	text-align:center;
	box-shadow:1px 1px 1px #1e3131;
	float: left;
	background: lavender;
}
.botao5:hover{
	text-decoration:none;
	background:lightgrey;
}

.mais5{
	line-height: 40px;
	font-weight: bold;
	color: darkslategrey;

}