/** CSS { Compara Tudo } Versão 1.0 **/

/********************************* 
CONTEUDO DA P�?GINA
*********************************/

/** Inicio do Conteudo **/

#autor {
	text-align: right;
	margin-right: 73px;	
	color: #666;
}

table {
	margin: auto;
	width: 600px;
	color: white;
	font-size: 15px;
}

td {
	border: none;
	margin: 0px;
	padding: 5px 5px 5px 10px;
}

#item_comparado_title,#valor_encontrado_title,#excluir_item_title,#porcentagem_title {
	padding: 4px 5px 4px 8px;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
}

#item_comparado_title,#valor_encontrado_title,#excluir_item_title {
	background-color: #5196cd;
}

#porcentagem_title {
	background-color: #ff9900;
}

.item_comparado, .valor_encontrado, .excluir_item {
	background-color: #e6eff8;
	color: #5196cd;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

.item_comparado {
	color: #3474ad;
	font-size: 15px;
	font-weight: bold;
}

.porcentagem {
	background-color: #ffe7c2;
	color: #746d62;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

td a:link {
	color: #5196cd;
}

td a:hover {
	color: #3474ad;
}

#comparacao form { 
	margin-left: 0;
}

fieldset#add_new_item {
	background: url(../images/comparacao/seta_branca.gif) no-repeat #efefef;
	border: none;
	width: 600px;
	margin: auto auto 40px auto;
	padding: 6px 0 0 0px;
	text-indent: 55px;
	height: 29px;
	color: #666;
	font-size: 15px;
}

#new_item {
	width: 250px;
	border: 1px solid #ccc;
	padding-left: 5px;
	padding-bottom: 0;
	color: #333;
	font-family: "Trebuchet MS",Verdana,Tahoma,sans-serif;
}

#btn_add_new_item {
	background: #b5b5b5;
	border: 1px solid #8b8b8b;
	color: white;
	font-weight: bold; 
	margin-bottom: 1px;
	padding-top: 2px;
}

/**
 * Exibição dos gráficos
 */
 
#comparacao h4 {
	background: url(../images/comparacao/seta_verde.gif) no-repeat;
	font-size: 17px;
	color: #99cc00;
	font-weight: normal;
	text-indent: 45px;
	padding: 5px 0 7px 0;
}

#div_graph {
	width: 600px;
	height: auto;
	margin: auto;
	padding-top: 0px;
}

#div_graph ul,#div_graph li {
	
	color: #99cc00;
}

#div_graph ul {
	padding: 0px;
	margin-left: -2px;
	margin-bottom: 0;
	display: block;
	float: left;
}

#div_graph li {
	margin: auto auto 3px auto;
	display: inline;
	margin-left: 2px;
}

#div_graph a:link,#div_graph a:visited {
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
}

#div_graph a:hover {
	color: white;
}

div#gbarra,div#gpizza {
	float: left;
	border: 1px solid #99cc00;
	position: relative;
	width: 600px;
	height: auto;
	text-align: left;
	margin-top: 10px;
}

div#gbarra {
	background-color: #EFEFEF;
	padding: 3px 0 3px 10px;
}

div#gpizza {
	background-color: #fff;
	padding: 3px 0 3px 10px;
}

#gbarra {
	display: none;
}

.focused:link, .focused:visited {
	background-color: #99cc00;
	color: white;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99cc00;
}

.blured:link,.blured:visited {
	background: #cce57f;
	color: #7ba208;
	border-width: 1px;
}

/***************************
 Mais opçõs
 ***************************/

#m_opt {
	display: block;
	float: left;
}

#m_opt h2 {
	background: url(../images/seta_laranja.gif) no-repeat;
}

ul#mais_opcoes li {
	list-style: none;
	line-height: 130%;
	
}

li#list_sub_titulo {
	color: #99cc00;
	font: bold 16px "Trebuchet MS",Verdana,Tahoma,sans-serif;
	background: none;
}

ul#mais_opcoes a:link,ul#mais_opcoes a:visited {
	color: #5996cd;
	font: bold 16px "Trebuchet MS",Verdana,Tahoma,Sans-serif;
	text-decoration: none;
	background: url(../images/comparacao/mais_azul_opcoes.gif) no-repeat left center;
	padding-left: 15px;
}


ul#mais_opcoes a:hover {
	color: #FF9900;
}

/********************************* 
FIM CONTEUDO DA P�?GINA
*********************************/