* {margin:0; padding:0;}
html, body {height:100%;}
body {font-size:90%; font-family:sans-serif, serif, arial, helvetica; background-color:#272727;}

.intrologo {position:relative; width:578px; height:125px; padding-top:220px; color:white; text-align:center; margin: 0 auto;}
.intrologo img {position:absolute; top:50%; left:50%; margin-left:-289px; margin-top:-62px;}
#introfooter {position:absolute; bottom:0; left:0; color:#AAAAAA; text-align:center; width:100%;}

.footer {color:#EDEDF2; font-size:xx-small; text-align:center;}
.footer a {color:#EDEDF2; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

/* Special */
img {border:0;}
.text {position:relative; padding:15px; text-align:justify; min-height:400px;}
.text form div {padding-bottom:0.5em;}
.text p, .textbox ul, .textbox ol {margin-bottom:1em;}
.text li {margin-left:4em;}
.text p {text-indent:2em;}
.floatleft {float:left; margin-right:2em;}
.floatright {float:right; margin-left:2em;}
.clear {clear:both;}

/* fonts */
h1,h2,h3,h4,h5,h6 {color:#3e3ea7; padding-bottom:5px;}
h2,h3 {text-align:center;}
.center {text-align:center; padding:10px;}
.heading {font-size:larger; font-weight:bold; text-align:left; padding:0 200px 5px 20px;}
.notation {font-size:small; font-style:italic;}
.error {border:2px solid black; background-color:white; font-weight:bold; padding:3px; margin:1em;}
.error:before {content: "Error: "; color:red; font-size:larger;}
.boxed td {border:1px solid #EDEDF2; padding:0.5em; margin:1px;}