body 
{
font-family: Geneva, Helvetica, Arial, sans-serif;
font-size: 100%;
background-color:white;
}

h1 span
{
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.06em;
font-size:1em;
background-color:#FFFF00;
margin-bottom:50px;
padding-right:10px;
}

h2
{
color:#FFF;
}

ul
{
font-size:0.9em;
list-style:circle;
}

a
{
text-decoration:none;
color:#000;
background-color:#FFFF00;
}

a:active, 
a:focus
{
-moz-outline-style: none;
}

a:hover
{
color:#FFFF00;
background-color:#000;
}

p
{
margin:0;
margin-top:1em;
margin-bottom:1em;
padding:0;
}

#container 
{

margin: 0 0 0 15px;
}

.box
{
float:left;
margin:0;
}

.display
{
padding: 0;
margin: 0 15px 0 0;
}

.display:hover
{

}

.display a
{
color:black;
background: none;
font-size:11px;
padding:0;
margin:2px;
width:110px;
height:70px;
display:block;
border-top: 1px solid black;

}


.display a:hover span
{
background: yellow;
}

#a, #b, #c, #d
{
width:500px;
left:25px;
display:block;
color:black;
font-size:12px;
position:absolute;
margin:3px auto;
background: white;
}

#a ul, #b ul, #c ul, #d ul
{
list-style:none;
margin:0;
padding:0;
}

#botaovoto
{
width:100px;
height:30px;
background-color:#FFFF00;
color:#000000;
cursor:pointer;
}

#texto
{
float:left;
}
 
 /*--------------------*/
/*    Forms           */
/*____________________*/

#form 
{
color:#FFFFFF;
margin-top: 50px;
}

input,
select, 
textarea 
{
border: 1px #000000 solid;
font:Helvetica, Arial, sans-serif;
font-size:9px;
float:left;
width:320px;
}

label,
input, 
textarea 
{
float:left;
width: 250px;
margin-right:4px;
}

label 
{
text-align: right;
width: 75px;
color: black;
font-size:0.9em;
clear:left;
}

input#botaotemplates
{
margin-top:10px;
margin-left:79px;
background-color:#0000FF;
color:#FFF;
}

#feedback
{
float:left;
margin:20px;
clear:both;
}