/* MAIN *******************************************************************/
body{
	background-color: #384345;
}

#main{
    border: 0;
    margin: 0;
    padding: 10px;

    width: 800px;
    height: 100%;
    
    background-color: #FFFFFF;
}

/* TOP ********************************************************************/
#top{
    border: 0;
    margin: 0;
    padding: 0;
    
    height: 25px;
}
#top #left{
    border: 0;
    margin: 0;
    padding: 10px 0;

    width: 25%;
    height: 50px;
    
    float: left;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/top_r.gif");
    background-position: top;
    background-repeat: repeat-x;
}
#top #right{
    border: 0;
    margin: 0;
    padding: 10px 0;
    
    width: 75%;
    height: 50px;
    
    float: left;
    text-align: right;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/top_l.gif");
    background-position: top;
    background-repeat: repeat-x;
}
/* BANNER *****************************************************************/
#banner{
    border: 0;
    margin: 0;
    padding: 0;
    
    height: 100px;
}
#banner #left{
    border: 0;
    margin: 0;
    padding: 0;

    width: 25%;
    height: 100px;
    
    float: left;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/banner_l.gif");
}
#banner #right{
    border: 0;
    margin: 0;
    padding: 75px 10px 0 0;
    
    width: 75%;
    height: 100px;
    text-align: right;
    
    float: left;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/banner_r.gif");
}
/* MIDDLE *****************************************************************/
#middle{
    border: 0;
    margin: 0;
    padding: 0;
    
    height: 400px;
}
#middle #left{
    border: 0;
    margin: 0;
    padding: 0;

    width: 25%;
    height: 100%;
    
    float: left;
    
    background-color: #E6E8E8;
}
#middle #left #menus{
	width: 100%;
	height: 31px;
	line-height: 31px;
	background-image: url("http://nersolutions.nersant.pt/finicia/imagens/menu_lateral.gif");
	border-bottom: #5a5c5b 1px solid;
	cursor: pointer;

    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
#middle #left #menus A:hover {
	background-image: url("http://nersolutions.nersant.pt/finicia/imagens/menu_over.gif");
	display: block;
}
#middle #right{
    border: 0;
    margin: 0;
    padding: 10px;
    
    width: 75%;
    height: 75%;
    
    float: left;
    
    /*overflow:auto; /* para gerar o scroll*/
}
/* RODAPÉ *****************************************************************/
#rodape{
    border: 0;
    margin: 0;
    padding: 10px 0 0 0;
    
    height: 30px;
    
    text-align: left;
}
#rodape #left{
    border: 0;
    margin: 0;
    padding: 10px 0;

    width: 25%;
    widows: 10px;
    
    float: left;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/top_r.gif");
    background-position: top;
    background-repeat: repeat-x;
}
#rodape #right{
    border: 0;
    margin: 0;
    padding: 10px 0;
    
    width: 75%;
    widows: 10px;
    
    float: left;
    text-align: right;
    
    background-image: url("http://nersolutions.nersant.pt/finicia/imagens/top_l.gif");
    background-position: top;
    background-repeat: repeat-x;
}
/* ***********************************************************************************/
/* CONTROL DO SCROLL *****************************************************************/
.scroll {
	scrollbar-face-color: 2D5C7A;
	scrollbar-shadow-color: FFFFFF;
	scrollbar-highlight-color: FFFFFF;
	scrollbar-3dlight-color: FFFFFF; 
	scrollbar-darkshadow-color: FFFFFF; 
	scrollbar-track-color: FFFFFF;
	scrollbar-arrow-color: FFFFFF;
}
/* ***********************************************************************************/