/* ********************************************************************** */
/* MAIN                                                                   */
/* ********************************************************************** */
body{
    background-color: #EEEEEE;
    margin: 20px;
}
#site
{
	/* CENTRAR NA PÁGINA */
    width: 810px;
	margin-left: auto;
	margin-right: auto;
    background-color: #FFFFFF;
    
    padding: 5px;
	
	/* CSS3 */
	box-shadow: 1px 1px 20px #888888;
	border: solid 1px #CCCCCC;
	    
    text-align: left;
	
	height: auto !important;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
/* ********************************************************************** */
/* TOPO                                                                   */
/* ********************************************************************** */
#topo
{
    clear: both;

    height: 110px;
}
#logo
{
    width: 175px;
    height: 110px;
    
    cursor: pointer;
    
    background-image: url("/imagens/logo.gif");
    background-repeat: no-repeat;
}
#banner
{
    width: 635px;
    height: 110px;
    
    background-image: url("/imagens/banner.jpg");
    background-position: right center;
    background-repeat: no-repeat;
}
#split_topbottom { height: 20px; }
#split_topbottom_logo { background-color: #8DA8CD; }
#split_topbottom_banner { background-color: #BACDE7; }
/* ********************************************************************** */
/* MAIN                                                                   */
/* ********************************************************************** */
#main
{
    vertical-align: top;
}
/* ********************************************************************** */
/* LEFT                                                                   */
#left
{
    width: 155px;
    padding: 10px;
    
    background-image: url("/imagens/left_back.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: #A90533;
}
/* ************************************ */
#left #pesquisa
{
    clear: both;
    width: 135px;
    padding: 10px;

    background-color: #870429;
}
#left #pesquisa #campo
{
    width: 128px;
    height: 20px;
    
    padding: 0 2px 0 2px;
    
    background-color: #FFFFFF;
}
#left #pesquisa #campo #tfPesquisa
{
    float: left;
    width: 90px;
    height: 18px;
    
    font-size: XX-Small;
    
    border: 0;
    color: #999999;
}
#left #pesquisa #campo #btPesquisa
{
    float: right;

    cursor: pointer;
    color: #A90533;
    border: 0;
    background-color: Transparent;
}
/* ************************************ */
#left #menu
{
    clear: both;
    
    padding: 10px;
    width: 135px;
    height: 150px;
    
    background-color: #870429;
    
    z-index: 100;
}
/* ************************************ */
#left #agenda
{
    width: 133px;
    padding: 10px;
    
    background-color: #FFFFFF;
    border: solid 1px #6083B3;
}
#left #destaque
{
    width: 133px;
    padding: 10px;
    
    background-color: #FFFFFF;
    border: solid 1px #6083B3;
}
/* ********************************************************************** */
/* CENTRO                                                                 */
#centro
{
    width: 175px;
    width: 610px;
    padding: 10px;
    
    background-color: #FFFFFF;
}
/* ********************************************************************** */
/* RIGHT                                                                  */
#right
{
    width: 120px;
    padding: 10px;
    
    background-image: url("/imagens/right_back.gif");
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #BACDE7;
}
/* ************************************ */
#right #agenda{
    padding: 5px;
    width: 105px;
    
    background-color: #FFFFFF;
    border: solid 1px #6083B3;
}
#right #destaque{
    padding: 5px;
    width: 105px;
    
    background-color: #FFFFFF;
    border: solid 1px #6083B3;
}
/* ********************************************************************** */
/* RODAPE                                                                 */
/* ********************************************************************** */
#rodape
{
    text-align: center;
}
/* ********************************************************************** */