body {
	background: #96c5f1; 
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
        padding: 0;
        color: #054a89;
}

html, body {
	margin: 0;
	padding: 0;
}

.clear {clear:both;}
#arti {background: #fff;padding:5px;margin:5px auto;border-radius: 5px;width:95%}
#footer {background: #0da0e0;padding:5px;margin:5px auto;border-radius: 5px;width:95%}
h1 {font-size: 20px;color: #5ea8ec;border-bottom: 1px solid #5ea8ec;width: 242px;}
h2 {color: #50a7f9;font-size: 16px;}
#form {margin-top:5px;}
#form span {color:#1888d6;font-weight:700;float:left;padding:15px 0px;display:block;font-size:14px;}
#form input {font-size:14px;color:#fff;border:none;}
#form input:focus { outline: none; }
#form input[type="text"] {background-color:#0082da;width:98%;height:25px;border-radius:3px;}
#form input[type="submit"] {width:100%;height:27px;}
label {float:left;text-indent: 8px;width:50%;}
#form input[type="submit"] {padding-right: 5px;background-color: #f35100;-moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius: 5px;}
#form input[type="submit"] {margin-top:2px;height: 37px;cursor:pointer;}
#form input[type="submit"]:hover {background-color: #009FF0;}
ul {margin:0;padding-left: 20px;}
ul.ot {margin:0;padding:0;}
.ot li {padding: 10px 0px;border-bottom: 1px solid #5ea8ec;display: block;}
.ot li img {max-width:100%;margin: 0 auto;display: block;}
.ot li span {font-size: 15px;color:#1888d6;font-weight: 700;}
#footer a {text-align:center;color:#ad410b;float:left;width:50%;margin-bottom:5px;}
#footer span {float: left;width: 100%;text-align: center;font-size:16px;font-weight: 700;}
@media screen and (max-width: 320px) { 
#arti, #footer  {width:280px;}
#form span {width:280px;text-align:center;}
#form input[type="submit"] {width:280px;height:35px;font-size:20px;}
}