/* estilizando o ID caixa */ 
#caixa { 
width: 192px; /* definindo a largura */ 

background-color: #FFF; /* definindo a cor de fundo*/

/* Agora iremos utilizar aquela imagem que criamos "rodape.gif" */ 

/* definindo a imagem de fundo, que ficará em baixo no rodapé e não se repetirá */

background-image:  url(/itensgerais/rodape.gif); background-repeat: no-repeat;
background-position: bottom; 

padding-bottom: 25px;

}

 

/*Estilizando o título (h1)

No título vou colocar a figura "topo.gif", dando a impressão da caixa

*/

#caixa h1 {
background-image:  url(/itensgerais/topo.gif);
background-repeat: no-repeat;
background-position: top;
font: 18px "Arial", sans;
margin: 0px;
padding: 6px;
padding-top: 25px;
padding-right: 15px;
color: #62B0FF;
text-align: right;
}


/* Estilizando o parágrafo, nesta tag iremos estilizar inserindo bordas laterais do mesmo tamanho da borda criado nas figuras "rodape.gif" e "topo.gif" (5 pixels) e obviamente a mesma cor também (Preto - #000000) */

#caixa p {
border-left: 7px solid #dcdcb8;
border-right: 6px solid #dcdcb8;
margin:0px;
padding: 5px;
padding-top: 0px;
padding-right: 15px;
text-align: right;
}

}