@font-face {
   font-family: 'robotolocal';
   src: url('./PT_Sans-Regular.ttf')
}

body{
	background-color: #F2EFEE; 
	font-family: robotolocal;
}

div.blocks{
  border:2px solid #582020;
  position:relative;
  margin: 20px 20px 20px 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0px 0px 0px 0px;  
  
  background-color: #FAF7F6;
}

div.titles {
	background-color: #8E6365;
	padding: 8px 8px 8px 8px;
	}
	
div.bottom {
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	width: 100%; 
	background-color: #D9D9D9; 
	border-top: 1px solid #000;
}

audio {
	width: 97%; 
	margin-top: 20px; 
	margin-bottom: 15px;
}

a{
	font-style: normal; 
	color: #993300;
}

a:hover{
	color: #e67300; 
	font-style: inherit;
}

div.header {
	position:relative; 
	background: linear-gradient(to bottom right, #ECBBB2, #CDAB96); 
	width: 100%; 
	height: 200px;
}

div.bar {
	position:absolute; 
	bottom:0px; 
	background-color: #918383; 
	width: 100%; 
	height: 40px; 
	border-bottom: 2px solid #000; 
	border-top: 2px solid #000;
}

div.button {
	transition:background 0s, color 0s; 
	color:#000; 
	position:relative; 
	margin-left: 5px; 
	margin-bottom:5px;
	margin-top:5px; 
	background: linear-gradient(#fff, #F5F5F5); 
	width: 200px; 
	height: 30px; 
	float:left; 
	display: table-cell; 
	text-align: center; 
	vertical-align: middle;
}

div.button:hover {
	background: linear-gradient(#AB9A9A, #75534D); 
	color: #fff; 
	cursor: pointer;
}

div.button:active {
	background: linear-gradient(#453E3E, #998A8A); 
	color: #fff; 
	cursor: pointer;
}

p.but {
	margin-left: 5px; 
	margin-top: 5px;
}

hr {
	height: 2px; 
	background-color: #000; 
	border-width: 0px;
}

p {
	margin-left: 5px;
}

iframe {
	border: 0px solid #000; 
	border-top:0px; 
	border-bottom:0px; 
	padding:0px; 
	width: 100%; 
	margin: 0px;
}

div.contain{
	border: 2px solid #000; 
	border-top:0px; 
	width: 85%; 
	background-color: #fff; 
	position: absolute; 
	bottom: 5px; 
	top: 200px; 
	left: 50%; 
	margin-left: -42.8%;
}

ul {
	list-style-type: square;
}