/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{ font: 14px 'alte_haas_groteskregular'; }
ul, li{ list-style:none} 

#page-wrap		    { width: 620px; background-color:#158FCF; }
#page-wrap ul li{ clear:both; padding-bottom:80px}
#page-wrap ul li div{ float:left; width:150px; }
.espaco{ padding:80px;}

h1                  { margin: 25px 0; font:25px 'alte_haas_groteskregular'; text-transform: uppercase; letter-spacing: 3px; color:#D3FC2E; font-weight:normal; text-align:center }


h3 {
   font-size: 13px; padding:5px;  color:#D3FC2E; font-weight:normal; border: #D3FC2E 2px solid; text-align:center;  margin-bottom:10px;
}
h4 {
   font-size: 13px; padding:5px;  color:#D3FC2E; font-weight:normal;  text-align:center;  margin-bottom:10px;
}
.clear{ clear:both; display:block; height:1px; }
#results {
    font: 15px 'alte_haas_groteskregular'; color:#FFFFFF;  border: #D3FC2E 2px solid; padding:20px; margin-bottom:30px; position:absolute; top:15%; left:15%; width:400px;
}
.float{ position:absolute; z-index:9999; bottom:0px;}
#results strong{ color:#D3FC2E}
.button{ background-color:#D3FC2E; padding:20px; cursor:pointer; color:#158FCF; font:'alte_haas_groteskregular'; text-transform:uppercase; border:0px; margin-left:auto; margin-right:auto; display:block}
input[type=radio]{ visibility: hidden;
margin-right: 8px;
cursor: pointer;}

input[type=radio]:before{content: " ";
background-color: #158FCF;
display: inline-block;
margin-right: 15px;
width: 10px;
height: 10px;
border: 3px solid #158FCF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
visibility: visible;
box-shadow: 0 0 0px 2px #D3FC2E;}

input[type=radio]:checked:before {
background-color: white;
}

label{ color:#FFFFFF; font-size:11px; }