/*__________________________ COMMON __________________________*/

* {
	margin:0;
	padding:0;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
        list-style-type:none;
}

.bottomBorder {border-bottom: 1px solid #D2D2D2; margin-top:23px;  }

.clear{clear:both; width:0; height:0;}
img {border:0 }

a:link, a:visited, a:active { 
	color: #000;
	text-decoration: none;
}	

/*html { overflow: auto; height:100% }*/

body {
        /* height:100%;*/
	 background: url('../images/bodyBackground.gif') #EBEBEB no-repeat top center;
}


#siteContainer {
        position:relative;
	width: 882px;
	margin: 0 auto;
        /*height:100%;*/
        background-color: #ffffff;
}


/*__________________________ HEADER __________________________*/

#headerContainer {
    height:124px;
    background: url('../images/headerContainerBackground.gif') no-repeat;
}
    #headerContainer h1 {
        position:relative;
        text-indent:-3000px;
        background: url('../images/logoSIA.gif') no-repeat;
        top:13px;
        left:11px;
        float:left;
    }
        #headerContainer h1 a{
            display:block;
            width:105px;
            height:100px;
        }

    #headerContainer .banner {
        width:468px;
        height:60px;
        left:45px;
        top:34px;
        background-color:#fff;
        float:left;
        position:relative;
    }

    #headerContainer .login {
        width:217px;
        height:84px;
        left:70px;
        top:23px;
        position:relative;
        float:left;
        background: url('../images/loginBackground.gif') no-repeat top center;
    }
        #headerContainer .login .loginIcon {
            width:17px;
            height: 20px;
            margin: 1px 4px 0px 7px;
            float:left;
        }

        #headerContainer .login form {
            position:relative;
        }
        #headerContainer .login form fieldset { border:0; padding:0px;}
         #headerContainer .login form fieldset * { display:inline }
        #headerContainer .login form legend { display:none }
        

        #username,
        #password {
            float:left;
            border: 1px solid #E9E9E9;
            width:68px;
            height:14px;
            line-height:14px;
            margin-right:6px;
            margin-top:2px;
            font-size:11px;
            padding:1px;
        }

/*        #headerContainer .login form input[type=submit] {
            border:0;
            background: url('../images/loginBackgroundBtOk.gif');
            margin-top:1px;
            margin-right:1px;
            width:28px;
            height:20px;
            line-height:20px;
            color:#ffffff
        }*/
#submit {
            float:left;
            border:0;
            background: url('../images/loginBackgroundBtOk.gif');
            margin-top:1px;
            margin-right:1px;
            width:28px;
            height:20px;
            line-height:20px;
            color:#ffffff
}
        #headerContainer .login .loginBanner {
         margin-top:6px;
        }


/*__________________________ MENU __________________________*/

#menuContainer {
    background-color: #313131;
    height:47px;
    text-align:center;
}

    #menuContainer dl {
        height:47px;
        width:677px;
        /*position:relative;*/
        margin: 0 auto; /* Centralize */
        background:url('../images/menuSeparator.gif') repeat-x center center;
    }

        /* Removing tag text */
        #menuContainer dl dd {
            float:left;
            position:relative;
            /*text-indent:-3000px;*/
        }

#menuContainer ul{position:absolute;/*display:none;*/}
#menuContainer ul{
    z-index:1;
    background-color: #424242;
    width: 170px;
    height: 160px;
    }
#menuContainer ul.down{position:absolute;/*display:none;*/}
#menuContainer ul.down{
    z-index:1;
    background-color: #424242;
    width: 140px;
    height: 60px;
    }

            /* Buttons */
            #menuContainer dl dd a { height:47px; display:block; }

            /* Buttons images */
            #menuContainer dl dd.institucional a { width:109px; background: url('../images/menuBtInstitucional.gif') }
            #menuContainer dl dd.servicoseprodutos a { width:153px; background: url('../images/menuBtServicosProdutos.gif') }
            #menuContainer dl dd.parceiros a { width:90px; background: url('../images/menuBtParceiros.gif') }
            #menuContainer dl dd.downloads a { width:98px; background: url('../images/menuBtDownloads.gif') }
            #menuContainer dl dd.trabalheconosco a { width:141px; background: url('../images/menuBtTrabalheConosco.gif') }
            #menuContainer dl dd.contato a { width:76px; background: url('../images/menuBtContato.gif') }

            
            #menuContainer dl dd.servicoseprodutos ul li.bordateste{
            width:170px;
            border-bottom:2px solid #474747;
            margin-top: -25px;
            margin-left: 0px;
            }
            #menuContainer dl dd.downloads ul li.bordateste{
            width:140px;
            border-bottom:2px solid #474747;
            margin-top: -25px;
            margin-left: 0px;
            }

            #menuContainer dl dd.servicoseprodutos ul li a{
            background-image:none;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.simplex{
            width:104px;
            background: url('../images/siasimplexb.gif') no-repeat;
            margin-top:3px;
            margin-left: 12px;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.simplex:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/siasimplexg.gif') no-repeat; }
            
            #menuContainer dl dd.servicoseprodutos ul li a.armazens{
            width:79px;
            background: url('../images/armazenb.gif') no-repeat;
            margin-left: 12px;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.armazens:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/armazeng.gif') no-repeat; }

            #menuContainer dl dd.servicoseprodutos ul li a.nfe{
            width:83px;
            background: url('../images/nfeb.gif') no-repeat;
            margin-left: 14px;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.nfe:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/nfeg.gif') no-repeat; }

            #menuContainer dl dd.servicoseprodutos ul li a.gestao {
            background: url('../images/gestaob.gif') no-repeat;
            width:130px;
            margin-left: 13px;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.gestao:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/gestaog.gif') no-repeat; }

            #menuContainer dl dd.servicoseprodutos ul li a.economica{
            width:130px;
            background: url('../images/economicag.gif') no-repeat;
            margin-left: 13px;
            }
            #menuContainer dl dd.servicoseprodutos ul li a.economica:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/economicab.gif') no-repeat; }

            #menuContainer dl dd.servicoseprodutos ul li a.treinamento{
            width:159px;
            background: url('../images/treinamentob.gif') no-repeat;
            margin-left: 11px;

            }
            #menuContainer dl dd.servicoseprodutos ul li a.treinamento:hover,
            #menuContainer dl dd.servicoseprodutos ul li.active a{ background: url('../images/treinamentog.gif') no-repeat; }

            #menuContainer dl dd.downloads ul li a.demo{
            width:159px;
            background: url('../images/menu_demo_off.gif') no-repeat;
            margin-top:5px;
            margin-left: 11px;
            }
            #menuContainer dl dd.downloads ul li a.demo:hover,
            #menuContainer dl dd.downloads ul li.active a{ background: url('../images/menu_demo_on.gif') no-repeat; }

            #menuContainer dl dd.downloads ul li a.versoes{
            width:159px;
            background: url('../images/menu_versao_off.gif') no-repeat;
            margin-left: 11px;
            }
            #menuContainer dl dd.downloads ul li a.versoes:hover,
            #menuContainer dl dd.downloads ul li.active a{ background: url('../images/menu_versao_on.gif') no-repeat; }

            /* Buttons hover */
            #menuContainer dl dd a:hover,
            #menuContainer dl dd.active a{ background-position: 0 47px; }

            

            /* Separators */
            #menuContainer dl dd.institucional,
            #menuContainer dl dd.servicoseprodutos,
            #menuContainer dl dd.parceiros,
            #menuContainer dl dd.downloads,
            #menuContainer dl dd.trabalheconosco {
                padding-right:2px;
            }


/*__________________________ FLASH  __________________________*/

#flashContainer {
    height: 258px;


}



/*______________________ MAIN CONTAINER  _____________________*/

#mainContainer {
    background-color:#fafafa;
}

.mainContent {
    padding:20px;
}

.contentBox {
    position:relative;
}
.contentBoxI {
    position:relative;
}

.contentBox h2 {
    background: url('../images/titleBullet.gif') no-repeat left 4px;
    font-size: 17px;
    padding-left:20px;
    padding-bottom:10px;
    border-bottom:1px solid #D2D2D2;
}
.contentBoxI h2 {
    background: url('../images/titleBullet.gif') no-repeat left 4px;
    font-size: 17px;
    padding-left:20px;
    padding-bottom:10px;
    border-bottom:1px solid #D2D2D2;
}

.contentBox._2columns {
        width: 547px;
        height: 230px;
    }

    .left {
        border-right: 2px solid #D7D7D7;
        padding-right:10px;
        float:left;
    }

    .right {
        float:left;
        width: 272px;
        padding-left:10px;
    }

    /* News */
    
    .news li {
        padding: 15px 6px 4px 15px;
        width: 250px;
        border-bottom: 1px solid #D2D2D2;
        float:left;
        height:88px;
    }
    .news li p{
        display:inline;
    }

    .news .liLeft {
        background: url('../images/newsSeparator.gif') no-repeat right center;
        padding-left:0px;
        float:left;
    }

        .news li h6 {
            font-size:11px;
            margin-bottom:5px;
        }

        .news li .date {
            color: #5C8A21;
        }


    /* Downloads */
    .imageDownload {
        margin-top:10px;
        margin-bottom:10px;
    }
    .descDownload {
        float:left;
        width:176px;
        margin-right:5px;
    }




/*______________________ FOOTER CONTAINER  _____________________*/

#footerContainer {
    border-top:3px solid #D7D7D7;
    padding:20px 30px;
    background-color:#fafafa;
    position:relative;
}
    #footerContainer .linkList {
        float:left;
        margin-right:50px;
    }

        #footerContainer .linkList dt {
            font-weight:bold;
            margin-bottom:5px;
        }

        #footerContainer .linkList dd a { color:#7F7F7F; display:block; height:18px; }
        #footerContainer .linkList dd a:hover { color:#000; }


address {
    font-style: normal;
    font-size:10px;
    color:#7F7F7F;
    text-align: right;
}
.contentSeparatoRodape {
    margin-top: 20px;
    border-bottom: 1px solid #dddddd;
    width: 420px;
    float: right;
}
.bdImg {
    float: right;
    margin-top: 10px;
    margin-left: 130px;
}