@import url("frameworkCSS.css");

#site{
    margin: 0px auto;
    width: 1000px;
    background-color: #fff;
}
#topo{
    background-position: left top;
    clear: both;
    height: 270px;
    background-image: url(tarja_topo.jpg);
    background-repeat: no-repeat;
    position: relative;
}
#corpo{
    margin: 10px 10px 0px 10px;
    background-color: #F2F2F4;
}
#navegacao{
    width: 197px;
    float: left;
    padding: 5px 21px 5px 14px;
    background-image: url(tarja_navegacao.jpg);
    background-repeat: no-repeat;    
    background-position: right top;
}
#conteudo{
    float:left;
    width: 728px;
    padding: 10px;
}
#rodape
{
    clear: both;
    margin: 0px auto;
    width: 990px;
    padding: 5px;
    height: 80px;
    background-image: url(imagem_rodape.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/*==========================
    TOPO
==========================*/

#icone_atendimento{
    position: absolute;
    top: 9px;
    right: 76px;
}
#icone_home{
    position: absolute;
    top: 9px;
    right: 44px;
}
#icone_contato{
    position: absolute;
    top: 9px;
    right: 12px;
}
#menu{
    position: absolute;
    top: 49px;
    left: 10px;
}
#tarja_menu{
    position: absolute;
    top: 49px;
    left: 125px;
}
#banner_home{
    position: absolute;
    top: 40px;
    right:0px;
}

/*==========================
    NAVEGAÇÃO
==========================*/

#navegacao h3{
    color: #FF6600;
    font-family:Verdana;
    font-size: 14px;
    font-weight:bold;
}
#navegacao b{
    color: #8A8A97;
    font-size: 10px;
}
#navegacao a{
    color: #8A8A97;
    font-size: 10px;
}
#navegacao hr
{
    margin: 10px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D1D1D6;
}
.botao{
    color: #fff;
    background-color: #8A8A97;
    padding: 6px;
    font-size: 11px;
}
.campo
{
    border: 1px solid #8A8A97;
    background-color: #E9E9EB;
    padding: 3px;
}

/*==========================
    CONTEÚDO
==========================*/

#conteudo h1,#conteudo h2{
    color: #FF6600;
    font-family:Verdana;
    font-size: 13px;
    font-weight:bold;
}
#box1{
    background-image: url(fundo_box1.jpg);
    background-repeat: no-repeat;    
    background-position: right top;    
    width: 220px;
    float: left;
}
#box1 img{
    float: right;
    margin: 0px 10px 10px 10px;   
}
#box2{
    width: 485px;
    float: left;
    margin: 0px 0px 0px 20px;
}
#box2 img{
    float: right;
    margin: 0px 0px 10px 10px;   
}
#fotos{
    float:right;    
    width: 355px;
    margin: 0px 0px 10px 10px;
}
.foto
{
    border: 3px solid #C0C0C0;
}
.fotodir{
    float: right;
    margin: 0px 0px 10px 10px;   
    border: 3px solid #C0C0C0;
}
/*==========================
    RODAPÉ
==========================*/

#rodape #esquerda{
    width: 450px;
    float: left;    
}
#rodape #direita{
    width: 450px;
    float:right;    
    text-align: right;
}