@import 'fonts.css';

body{
    background: #E5E5E5;
}
#topo{
    background: url(../img/fundo_topo.png) no-repeat;
    width: 970px;
    height: 116px;
    font-family: "Arial";
    letter-spacing: 1px;
}

#topo .fone{
    float: right;
    font-size: 13px;
    color: #838282;
    margin-top: 41px;
    margin-right: 35px;
}

#topo .mail a{
    clear: right;
    float: right;
    color: #838282;
    text-decoration: none;
    font-size: 11px;
    margin-top: 11px;
    margin-right: 33px;
    letter-spacing: 2px;
}

#topo .mail a:hover{
    text-decoration: underline;
}

#logo_arbtek{
    margin-top: 40px;
    _margin-top: -17px;
    _float: left;
    margin-left: 30px;
    position: relative;
    z-index: 3;
}

#logo_arbtek_rodape{
    margin-left: 40px;
    display: inline-block;
    _display: inline;
    position: relative;
}

.separador_vertical{
    background: #DEDEDE;
    display: inline-block;
    _display: inline;
    position: relative;
    width: 1px;
    height: 50px;
    margin-left: 10px;
    _margin-right: 5px;
}

.endereco{
    color: #454776;
    font-size: 12px;
    display: inline-block;
    font-family: "bellcent";
    _display: inline;
    position: relative;
    top: -4px;
    _top: -2px;
    width: 310px;
    letter-spacing: 0px;
}
.abieps{
    color: #FFF;
    font-size: 12px;
    display: inline-block;
    font-family: "bellcent";
    _display: inline;
    position: relative;
    top: -15px;
    _top: -13px;
    width: 189px;
    letter-spacing: 0px;
}

.comp_ambiental{
    color: #FFF;
    font-size: 12px;
    display: inline-block;
    font-family: "bellcent";
    _display: inline;
    position: relative;
    top: -23px;
    _top: -20px;
    width: 68px;
    letter-spacing: 0px;
}

#logo_abieps_rodape{
    position: relative;
    top: -10px;
}

#logo_comp_ambiental{
    position: relative;
    top: -10px;
}

#logo_wtcbrasil{
    float: right;
    margin-right: 10px;
}

/*menu*/
.item_menu{
    padding-top: 25px;
    padding-bottom: 25px;
}

#ul_menu{
    position: relative;
    margin-left: 20px;
    top: 35px;
    _margin-top: 40px;
}

#ul_menu span{
    _float: left;
}

#ul_menu a{
    color: #000;
    text-decoration: none;
}
#ul_menu a:hover{
    text-decoration: underline;
}

.linha_vertical{
    height: 45px;
    width: 1px;
    background: #9D0A10;
    float: left;
    margin-top: -13px;
    margin-right: 5px;
}

.quadro_vermelho{
    background: #9D0A10;
    height: 12px;
    width: 12px;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    _line-height: 0px;
    _font-size: 0px;
}

.fundo_rodape{
    background: url("../img/fundo_listras_2.jpg") repeat scroll  0 -2px transparent;
    height: 113px;
    _height: 191px;
    position: relative;
    z-index: 1;
    padding-top: 77px;
    margin-top: -190px;
    _margin-top: -190px;
}

#conteudo{
    position:relative;
    font-family: "bellcent";
    font-size: 15px;
    width:718px;
    margin-left: 83px;
    display: inline-block;
    _display: inline;
    float: right;
    margin-top: 40px;
    margin-bottom: 20px;
    min-height: 426px;
    
}

.body_fundo{
    background: url(../img/fundo_listras.jpg) top center #E4E4E4;
    _text-align: center;    /*HACK para IE centralizar o container*/
}

#container{
    background: #E5E5E5 url("../img/fundo_menu.png") repeat-y scroll 0 0;
    width: 970px;
    min-height: 675px;
    margin: 0 auto;
    _text-align: left;  /*HACK para IE não centralizar o texto*/
    position: relative;
    padding-bottom: 20px;
    z-index: 33;
}

#menu{
    display: inline-block;
    width: 165px;
    height: 433px; 
    _float: left;
    position: relative;
    z-index: 2;
    margin-top: -10px;
    _margin-top: -35px;
    font-family: "bellcent";
}

#rodape{
    background: url(../img/fundo_rodape.png) repeat-x;
    width: 970px;
    padding-top: 30px;
    height: 83px;
    _height: 107px;
    font-family: "Arial";
    margin: 0 auto;
    z-index: 3;
    clear: both;
    margin-bottom: -20px;
}

.topo_fundo{
    background: url(../img/fundo_topo_2.jpg) repeat-x;
    width: 100%;
    height: 117px;
    margin-bottom: -116px;
    z-index: 33;
    position: relative;
}