body {
		font-family: 'Abril Fatface', cursive;
		background-color: #03396C;
	}
	#frame {
		margin: 10px;
		background-color: #4682B4;
		color: #D3D3D3;
		border: 1px solid #6497B1;
		border-radius: 7px;
	}
	#frame h1 {
		color:  #03396C;
	}
	header {
		text-align: center;
	}
	h1 {
		font-size: 4em;
		margin: 30px 0px;
	}
	h2 {
		margin-bottom: 0px;
	}
	h5 {
		margin: 0px;
		}
	h6 {
		margin-bottom: 0px;
	}
	footer {
		font-size: 0.7em;
		margin: 20px 15px 0px;
		text-align: right;
		padding-bottom: 5px;
	}
	em.kg {
		font-style: normal;
		color: black;
	}
	#container {
		margin: 30px auto;
		border-radius: 10px;
		background-color: #000000;
		border: 1px solid #000000;
		color: #F3F3F3;
		max-width: 1024px;
		-webkit-box-shadow: 15px 15px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 15px 15px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 15px 15px 5px 0px rgba(0,0,0,0.5);
	}
	#container > p {
		text-align: center;
		padding: 50px;
		background-image: radial-gradient(gray, black, black);
	}
	img.logo {
		width: 100px;
		-webkit-animation:spin 99s linear infinite;
		-moz-animation:spin 99s linear infinite;
		animation:spin 99s linear infinite;
	}
	#intro {
		background-color: #FFFFFF;
		margin: 0px;
		color: #000000;
		text-align: center;
		font-size: 2em;
		padding-bottom: 30px;
	}
	#main {
		background-color: #DFDFDF;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		color: #5F5F5F;
		font-family: 'Open Sans', sans-serif;
		font-size: 1.4em;
		text-align: justify;
	}
	#main a {
		color: #63ACE5;
		text-decoration: none;
	}
	#main a:hover {
		border-bottom: 2px dashed #63ACE5;
	}
	.content_body {
		padding: 10px 70px;
	}
	span.fixed {
		font-family: courier;
	}
	#form_privacy {
		margin: -30px auto 40px;
		font-size: 0.55em;
	}
	#form_privacy, form.kg {		
		width: 400px;
	}
	form.kg {
		border: 2px solid #DDDDDD;
		background-color: #000000;
		color: #DDDDDD;
		padding: 5px;
		width: 400px;
		text-align: center;
		margin: 40px auto;
		border-radius: 10px;
		box-shadow: 6px 3px 3px #666666;;
	}
	form.kg label {
		width: 100px;
		text-align: right;
		display: inline-block;
		margin: 10px;
	}
	form.kg input {
		width: 200px;
		margin: 10px;
		font-size: 1em;
		border-radius: 4px;
		color: #666666;
	}
	pre.code {
		margin-left: 25px;
		padding: 2px 5px;
		background-color: #000000;
		color: #FFFFFF;
	}
	#response {
		text-align: center;
		color: red;
		font-size: 0.7em;
	}
	#response img {
		width: 40px;
		height: 40px;
		-webkit-animation:spin 0.5s linear infinite;
		-moz-animation:spin 0.5s linear infinite;
		animation:spin 0.5s linear infinite;
	}
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


@media (max-width: 480px) {
	h2 {
		font-size: 1.2em;
	}
	#main {
		font-size: 0.8em;
	}
	.content_body {
		padding: 10px; 15px;
	}
	form.kg {
		width: 90%;
		text-align: left;		
	}
	form.kg label {
		text-align: left;
	}
	pre.code {
		margin-left: 0px;
	}
}