:root {
	font-size: 16px;
}
* { box-sizing: border-box;margin:0rem; padding:0rem; }
html { min-height: 100%;}
#wrapper {
	border: solid thin #cbcbcb;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9375rem;
	line-height: 1.25rem;
	max-width: 910px;
	margin: 0.75rem auto;
	padding: 0rem;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	position: relative;
	color: #000;
}
article {
	margin: 0rem 0rem 0rem 0rem;
	padding: 2.4375rem 6.75rem 4.5625rem 6.75rem;
}
header {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
header img {
	position:relative;
	top:0rem;
	left:0rem;
	margin:0rem 0rem 0rem 0rem;
	text-align:right;
}
section {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
footer {
	margin: 1rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
}
h1 {
	font-size: 1.25rem;
	margin: 0rem 0rem 0rem 0rem;
	line-height: 1.5rem;
	text-align: center;
	color: #008080;
	}
h1 span {
	font-size:70%;
	font-weight:normal;
}
h3 {
	font-size: 1rem;
	margin: 1rem 0rem 0rem 0rem;
	line-height:1.625rem;
	color: #008080;
}
p {
	margin-bottom: 1rem;
	text-align: justify;
}
p:last-child {
	margin-bottom:0rem;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
ul {
	margin: 0rem 0rem 0rem 1.8rem;
	padding: 0rem 0rem 0rem 0rem;
	list-style: none;
}
ul li {
	padding-left: 1.5rem;
	background: url("iconli.png") no-repeat left 6px;
	text-align: left;
}
.clearfix {
	clear:both;
	font-size:0rem;
	line-height:0rem;
	display:block;
}
u{text-decoration: underline;}
em{font-style: italic;}

br{display: block;}
section p span{
    text-align: center;
    display: block;
}
footer a{
    color: #008080;
}
footer span{
    color: #008080;
}
ul + p {margin-top: 0.625rem;}

header > aside:nth-of-type(1){
    padding: 2rem 6.3rem 1rem;
    width: 100%;
    float: none;
    text-align: right;
}
header > aside:nth-of-type(2){
    width: 100%;
    float: none;
}
section aside:nth-of-type(1){width: 48.5%; float: left;}
section aside:nth-of-type(2){width: 48.5%; float: right;}

@-webkit-keyframes slidy {
0% { left: 0%; }
11% { left: 0%; }
 	16% { left: -100%; }
28% { left: -100%; }
 	33% { left: -200%; }
45% { left: -200%; }
 	50% { left: -300%; }
62% { left: -300%; }
 	67% { left: -400%; }
78% { left: -400%; }
	83% { left: -500%; }
95% { left: -400%; }
	100% { left: -600%; }
}


@keyframes slidy {
0% { left: 0%; }
11% { left: 0%; }
 	16% { left: -100%; }
28% { left: -100%; }
 	33% { left: -200%; }
45% { left: -200%; }
 	50% { left: -300%; }
62% { left: -300%; }
 	67% { left: -400%; }
78% { left: -400%; }
	83% { left: -500%; }
95% { left: -500%; }
	100% { left: -600%; }
}
header aside aside { overflow: hidden; }
header aside aside figure img { width: 14.28571428571429%; float: left; }
header aside aside figure { 
  position: relative;
  width:700%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  -webkit-animation-duration: 24s;
  -webkit-animation-name:slidy;
  -webkit-animation-delay: 11s;
  -webkit-animation-iteration-count: infinite;
  animation: 24s slidy infinite; 
}

@media screen and (max-width: 910px) {
	section aside:nth-of-type(1){width: 100%; float: none;}
	section aside:nth-of-type(2){width: 100%; float: none;}
	header > aside:nth-of-type(1){padding: 0;}
	header > aside:nth-of-type(1){
    padding: 10px;
}
	header aside:nth-of-type(2){position: static;}

	#wrapper{width: 100%;font-size: 0.815rem;line-height: 1rem;border:none;margin:0rem;}
	article{ padding: 0.625rem; margin: 0rem 0rem 0rem 0rem;}
	br{display: none;}
	header,aside,footer { position: relative; top: 0rem; left: 0rem;}
	header{text-align: center;display:  block;overflow:  hidden;margin-bottom: 0rem;}
	footer{text-align: center;margin-top: 0.3125rem;}
	aside{text-align: left;}
	
	section {margin: 0rem 0rem 0rem 0rem;padding: 0rem 0rem 0rem 0rem;}
	h1{margin: 0.625rem 0rem 0.625rem 0rem;font-size: 1.2rem;line-height: 1.5rem;text-align: center;}
	h3{margin: 1rem 0rem 0rem 0rem;font-size: 0.875rem;line-height: 1.25rem;}
	p {margin-bottom:3%;text-align: left;}
	a { font-weight:bold;}
	
	ul{margin-left: 0rem;margin-bottom: 0.625rem;}
	ul li{padding: 0rem 0rem 0rem 0.75rem;background: url(iconli.png) no-repeat left 0.3rem;}
	section h1 br{display: block;}
	footer br{display: block;}
}

@media screen and (max-width: 680px) {
	header > aside:nth-of-type(1) {padding: 10px;}
}
@media screen and (max-width: 480px) {
	header > aside:nth-of-type(1) {padding: 10px;}
	header > aside:nth-of-type(1){width: 100%; float: none;}
	header > aside:nth-of-type(2){width: 100%;float: none;padding: 0;margin: 0;}
	figure{margin: 0; padding: 0;}
}