body	{	
	margin:0; padding:0; border: 0;
	background-color: #f3f6f8;
	font-family: 'Segoe UI','Segoe UI Web', verdana, arial;
	font-size: 16px;
	}
div { padding-left: 25%; padding-right: 20%; padding-top: 2px; margin: auto;}
@media screen and (max-width: 1000px) 
{
	div { padding-left: 10px; padding-right: 10px;}
}
img	{ max-width: 100%; display: block; }
.centered { text-align: center; }

.toper { height: 160px; background-color: #17a88b; }  
.bod { padding-top: 10px; padding-bottom: 60px; }  
.footer { height: 60px;	background-color: #2f2f2f; padding-top: 1px; }
.footer p {color: white; font-size: 13px; }
.footer a {color: white; font-size: 13px; text-decoration: none;
}


h1, h2, h3 { color: #515151; }

h1 { font-size: 28px; margin-top: 10px;	margin-bottom: 10px;}
p { margin-bottom: 10px; text-align: justify; }
pre
{
	background-color:#F4F0EA;
	border: 1px solid #D5D0BB;
	color: #035;
	padding: 10px;
	margin: 1px 0px;
	white-space: pre-wrap; word-wrap: break-word;
	font-family: verdana, tahoma;
	font-size: 14px;
}

ul
{
  display: block;
  list-style-type: disc;
  margin-top: 10px;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
}


a { color: #17a88b; word-wrap: break-word; background: transparent;text-decoration: none; }
a:hover {text-decoration: underline;}

.navi {	padding-left: 0px; font-size: 16px; font-weight: bold; }
.navi > li { display: block; float: left; }
.navi > li > a { display: block; padding: 10px; padding-top: 10px; padding-bottom: 10px; color: white; }
.navi > li > a:hover { text-decoration: underline;}