html, body {
	margin: 0;	
}
body { font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#444; font-weight:300 }
a, a:link, a:hover, a:visited {
	color: #008de6;
	text-decoration: underline;	
}
#header { background:#4DBDEB; padding:25px 20px 25px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:20px; color:#ffffff; text-shadow:1px 1px 1px #ccc; margin-bottom:30px; }
#lang { float:right; margin-top:-60px;} 
#title { font-size:45px; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  color:#ffffff; text-shadow:1px 1px 1px #ccc; margin:0 0 5px 0; display:block }
#page { width:850px; margin:0 auto; }
select, input { font-family: tahoma,verdana,arial;	}
form { margin:10px 0;}
.code {
	background-color: #e4e4e4;
	padding: 3px;
	border: 1px solid #bcbcbc;
	margin: 5px 0;
	font-family:"Courier New", Courier, monospace;	
}
#result { background:#FFC; border:1px solid #FC9; padding:10px 15px; line-height:20px; }
#footer { padding:20px 0 40px 0; background:#555; color:#ededed; font-size:12px; text-align:center; margin-top:40px; } #footer a { color:#fff; }
#right { float:right; width:350px; }
#top { width:100%;  position:absolute; top:0; left:0; padding:15px 0 12px 0; background:#555; color:#ededed; font-size:12px; text-align:center;  }

#barraaceptacion {display:block;  position:fixed;  left:0px;  right:0px;  bottom:0px; padding-top:15px; padding-bottom:10px; width:100%;text-align:center; background-color:#222;color:#ccc;z-index:99999;} #barraaceptacion span { display:block-inline; }
 .inner {width:930px; margin:0 auto; text-align:center; padding-left:5px;font-family:verdana;font-size:12px;}
 .inner a.info {padding-left:5px;text-decoration:none;}
.inner a.ok { text-decoration:none; display:inline-block; background-color: #444444; color: #cccccc; font-size: 18px;border-radius: 21px;border: none;cursor: pointer;vertical-align: baseline;white-space: nowrap;text-align: center;width: 30px;height: 30px;line-height: 27px;padding: 0;overflow: hidden;white-space: normal;float:right; margin-right:20px; margin-left:20px;margin-top:-8px; }  
@media screen and (max-width: 930px) {.inner {width:100%;}}

@media screen and (max-width: 480px) {
#header { padding:2px 5px; }
#lang { float:none; margin-top:10px; }
#page {width: 95%; }
#footer { height:auto;  }
#result { padding:10px 5px; }
#title { display:block; }
#right { float:none; margin-top:10px; width:100%;}
}