/* CSS Document */
div#principal 
{
	padding-left:  2px;
	padding-bottom: 10px;
	font-size:     12px;
	font-family:   Verdana;
	color:         #0F370F;
	position:      relative;
	width:         995px;
}
#fieldprincipal
{
	width:         980px;
}
#fieldprincipal a
{
	font:         12px Verdana;
	color:        #06C;
    padding-left: 2px;
	padding-top:  5px;
	height:       19px;
	/*text-align:left;display: block;margin-left:20px;*/
	text-decoration: none;
}
#fieldprincipal a:hover
{
	color:           #FF0000;
	text-decoration: underline;
}

#fieldforunsclass{
    font:         12px Verdana;
	color:        #000;
    padding-left: 2px;
	padding-top:  5px;
	height:       19px;
}

#legendprincipal
{
    font-weight: bold; 
	font-size:   14px;
	font-family: Verdana;
}


<!-- configurações -->
#questao
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      20px;
}

#select
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      10px;
}
#descricao
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    10px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      10px;
	line-height:    200%;
}

#voto
{
    width:        30;
    margin-left:  0px;
    margin-right: 0px;
	padding-top:  10px;
    float:        left;
    text-align:   left;
	font-weight:  bold;
}

#container2{ 
   position: relative; 
   padding:5px; 
   width: 280px; 
}

#titulo2{ 
   font: bold 10pt Verdana, Tahoma, Arial; 
   margin:2 0 5 0px;
} 

#grafico { 
   width: 60px; 
   position: relative; 
} 

#grafico2 { 
   width: 1000px; 
   height: 150px; 
   padding-left:20px; 
   position: relative; 
} 

#barra{  
   height: 20px; 
   position:absolute; 
   left:0px;
} 
#legenda{ 
   width: 1000px; 
   position: relative; 
   text-align:left; 
} 
#legenda ul{ 
   margin:10 0 10 0px; 
   padding: 0px; 
} 
#legenda li{ 
	color: #FFF;
   display:inline;
   font: bold 8pt Verdana, Tahoma, Arial; 
   height: 10pt; 
   margin: 2px; 
   padding: 2px;
}
.azul{ 
   
   background-color: #1F1F1F; 
   border-bottom: 2px solid #343434; 
   border-right: 2px solid #343434; 
   border-top: 2px solid #8a8888; 
   border-left: 2px solid #8a8888; 
} 

.vermelho{ 
   background-color: #1c1515; 
   border-bottom: 2px solid #392b2b; 
   border-right: 2px solid #392b2b; 
   border-top: 2px solid #6e5253; 
   border-left: 2px solid #6e5253; 
} 
.verde{ 
   background-color: #2a1313; 
   border-bottom: 2px solid #532426; 
   border-right: 2px solid #532426; 
   border-top: 2px solid #8c3d3f; 
   border-left: 2px solid #8c3d3f; 
} 
.amarelo{
   background-color: #2e0808; 
   border-bottom: 2px solid #510e0f; 
   border-right: 2px solid #510e0f; 
   border-top: 2px solid #7e1618; 
   border-left: 2px solid #7e1618; 
}
.cinza{ 
   background-color: #b5b5b5; 
   border-bottom: 2px solid #6b6b6b; 
   border-right: 2px solid #6b6b6b; 
   border-top: 2px solid #f0f0f0; 
   border-left: 2px solid #f0f0f0; 
} 
.roxo{ 
   color: #000;
   background-color: #a05aab; 
   border-bottom: 2px solid #672770; 
   border-right: 2px solid #672770; 
   border-top: 2px solid #d090d9; 
   border-left: 2px solid #d090d9; 
} 
.branco{ 
   color: #000;
   background-color: #F2F2F2; 
   border-bottom: 2px solid #A6A6A6; 
   border-right: 2px solid #A6A6A6; 
   border-top: 2px solid #FFFFFF; 
   border-left: 2px solid #FFFFFF; 
}
.degradeverde{ 
   background-color: #e1e455; 
   background-image: url('images/degrade-verde.jpg'); 
   background-repeat: repeat-x; 
   border-bottom: 2px solid #6f722d; 
   border-right: 2px solid #6f722d; 
   border-top: 2px solid #ece996; 
   border-left: 2px solid #ece996; 
}