body { height:100%; font-family: arial; font-size: 12px; font-style: normal; background-color: #FFFFFF; color: #000000; text-align: left; vertical-align: middle; display: block; }
input { margin:2px 0px; padding:2px; }
textarea { margin:2px 0px; padding:2px; }
i { font-weight: normal; color:#888888; }
a { color:#000000; text-decoration: none; }
a:hover { color:#ff65ce; }
h2 { font-size:20px; }
h3 { font-size:12px; text-transform:uppercase; }

.left { width:500px; padding:0px 40px 60px 0px; float:left; }
.right { width:460px; padding:0px 20px 60px 0px; float:left; }
.title { padding:40px 0px 40px 0px; height:200px; font-size:14px; font-weight: bold; color: #000000; text-align: right; vertical-align: bottom; }
.info { font-size: 10px; font-weight: normal; padding: 7px 0px 18px 0px; }
.navigation { font-size:12px; font-weight: normal; text-align: right; vertical-align: top; list-style-image: none; list-style-type: none; margin-bottom: 100px; }
.logo { text-align: left;  margin-top: 74px; }
.formlink { font-size:20px; font-weight: normal; float: left; margin-top: 114px; margin-right: 10px; }
.content { }
.results { float:right; }
.foot { width:950px; margin-left:20px; margin-top:60px; padding-top:10px; padding-right:10px; height:24px; background-color:black; font-weight:normal; text-transform:uppercase; color:white; text-align:right; }
.foot a { color:white; }
.foot a:hover { color:#ff65ce; }

form { padding-bottom: 10px; }
.form { font-size:12px; background-color: #000000; color: #FFFFFF; padding: 20px 5px 5px 5px; }
.error { font-size: 16px; font-weight: bold; color: #FF0000; width:440px; text-align:left; }
.error a { font-size: 16px; font-weight: bold; color: #FF0000; text-transform:uppercase; }
.error a:hover { color: #ff65ce; }
.colored { color: #ff65ce; }
.colored a { color: #ff65ce; }
.green { color: #008800; }
.red { color: #dd0000; }
.message { font-size: 16px; font-weight: bold; color: #000000; }
.h1 { font-size:24px; padding-right:10px; }
.h2 { font-size:12px; }
.h3 { font-size:12px; font-weight: normal; }
.question { font-weight: normal; font-size:16px; padding: 7px 40px 7px 1px; border-top:1px solid white; border-bottom:1px dashed white; }
.question .h1 { float:left; height:30px; }
.question .txt { float:left; width:340px; text-align:left; padding-top:7px; }
.answer { font-weight: normal; padding: 14px 1px 14px 1px; }
.answerfield { float:left; width:30px; height:30px; }
.answertext { float:left; width:320px; padding-right:40px; padding-bottom:7px; }
.answerimage { float:left; width:50px; text-align:center; }
.answerinfo { font-size: 10px; font-weight: normal; padding: 7px 0px 18px 0px; }

.parameter { min-height:50px; width:50px; float:left; margin:0px 0px 0px 4px; }
.parameter .header { width:50px; height:5px; background-image:url(images/roundTop.png); background-repeat:no-repeat; background-position:top; }
.parameter .footer { width:50px; height:5px; background-image:url(images/roundBottom.png); background-repeat:no-repeat; background-position:bottom; }
.parameter .label { text-align:right; padding:2px 2px 2px 2px; font-size:10px; text-transform:uppercase; color:#ffffff; }
.parameter .icon { height:14px; text-align:right; padding:2px 2px 2px 2px; font-size:10px; text-transform:uppercase; color:#ffffff; }
.parameter .count { text-align:right; padding:2px 2px 2px 2px; font-size:24px; text-transform:uppercase; color:#ffffff; }
.parameter .item { height:36px; width:50px; padding:0px 1px 1px 1px; }

.personal .param { color:#000000; font-size:12px; font-weight: bold; text-transform:lowercase; }
.personal .value { font-size:12px; font-weight: normal; color:#ffcc00; text-transform:uppercase; }
.personal .param2 { height:14px; margin-top:-10px; font-size:12px; padding-right:6px; float:left; }
.personal .value2 { width:100px; height:14px; padding-right:10px; font-size:12px; padding-top:3px; float:left; color:#ffcc00; }
.personal .value3 { height:14px; padding-right:10px; font-size:12px; padding-top:3px; float:left; color:#ffcc00; }
.personal .data { font-size:14px; float:left; width:400px; padding-bottom:30px;}
.personal .data h1 { color:#000000; font-size:18px; padding:0px; margin:0px 0px 10px 0px; }
.personal .data h2 { color:#000000; font-size:16px; text-align:right; padding:0 10px 0 0; margin:10px 0px 4px 0px; }
.personal .data h3 { color:#000000; font-size:12px; text-transform:lowercase; padding:0px; margin:18px 0px 5px 0px; }
.personal .data .item {color:#ffcc00; }
.personal .data .item .scale { font-size:11px; color:#000000; font-style:italic; margin:0px 0px 5px 0px; }
.personal .data .item .map { float:left; margin-right:20px; }
.personal .data .item .mapa { float:left; height:18px; }
.personal .data .item .mapb { float:left; height:10px; }
.personal .data .item .mapc { float:left; height:28px; margin-top:-6px; }
.personal .data .item .icon { padding-right:10px; padding-bottom:5px; }
.personal .register { width:50px; float:left; background-color:#ffcc00; margin:0px 0px 0px 4px; }
.personal .register .header { width:50px; height:5px; background-image:url(images/roundTop.png); background-repeat:no-repeat; background-position:top; }
.personal .register .body {  height:1460px; text-align:center; padding:8px 1px 0px 1px; }
.personal .register .footer { width:50px; height:5px; background-image:url(images/roundBottom.png); background-repeat:no-repeat; background-position:bottom; }
.personal .register .body img { padding-bottom:8px; }

#q1 { color:#ff65ce; }
#q2 { color:#ff774d; }
#q3 { color:#c5b8d7; }
#q4 { color:#ff9900; }
#q5 { color:#ffe32f; }
#q6 { color:#cccc00; }
#q7 { color:#d2ff54; }
#q8 { color:#44e935; }
#q9 { color:#49e9ff; }
#q10 { color:#0099ff; }
#q11 { color:#90a0ff; }
#q12 { color:#59d0cf; }
#q13 { color:#45e9b4; }
#q14 { color:#d4883c; }
#q15 { color:#f268a1; }
#q16 { color:#e592ff; }