/* Elemento: Rectangulo com cabecalho, imagem e descricao, que se pode clicar */
div.elemento { width: 350px; background-color: #EEEEEE; margin: 10px; border: 2px solid #EEEEEE;}
div.elemento:hover {background-color: #AAAAAA; border: 2px solid #AAAAAA;}
div.elemento p.cabecalho { vertical-align: middle; text-align: center; font-size: 1.15em; font-style: italic; height: 1.50em; background-color:transparent; }
div.elemento div.descricao { vertical-align: middle; font-size: 0.75em; width: 180px; background-color:transparent; }
div.elemento p { background-color:transparent; }
div.elemento div.descricao ul {margin-left: 1.5em; background-color:transparent; }
div.elemento img.imagem    { float:right; margin: 4px 4px 4px 4px;}
div.elemento div.fim {clear: both;}
/* Elemento2: Igual ao anterior, mas nao se pode clicar */
div.elemento2 { width: 350px; background-color: #EEEEEE; margin: 10px; border: 2px solid #EEEEEE;}
div.elemento2 p.cabecalho { vertical-align: middle; text-align: center; font-size: 1.15em; font-style: italic; height: 1.50em; background-color:transparent; }
div.elemento2 div.descricao { vertical-align: middle; font-size: 0.75em; width: 180px; background-color:transparent;}
div.elemento2 div.descricao ul {margin-left: 1.5em; background-color:transparent;}
div.elemento2 img.imagem    { float:right; margin: 4px 4px 4px 4px;}
div.elemento2 div.fim {clear: both;}
/* Tabelas de características */
table.tabela {width: 350px; margin: 10px; border: 2px solid #FFFFFF; background-color: #FFFFFF; }
table.tabela td { text-align: center; border: 1px solid #0000FF; }
table.tabela tr.cabecalho { background-color: #EEEEEE border: 1px solid #EEEEEE; font-size:75%;}
table.tabela tr.dados {background-color: #EEEEEE; border: 1px solid #0000FF; }
table.tabela tr.dados:hover {background-color: #AAAAAA; border: 2px solid #AAAAAA;}