/* 
    Document   : layout
    Created on : Jul 13, 2010, 5:57:19 PM
    Author     : thiago
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/**Global**/
html, body{
    font-size:100.01%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#900;
}
body{
    text-align:center;
    background-color:#DFDFDF;
}
img#logomarca{
    cursor: pointer;
}
div#pagina{
    width: 1008px;
    margin:0 auto;
}
div.colEsq{
    float:left;
}
div.colDir{
    float:right;
}
img, input[type=image]{
    vertical-align: middle;
}
div.clearBoth{
    clear:both;
}
label{
    cursor: pointer;
}
.capitalize{
    text-transform: capitalize;
}
.bold{
    font-weight: bold;
}
.colorBlack{
    color:#000;
}
img.borda{
    margin:10px 0 0 0;
}
/**FIM*/
/**CABECALHO**/
div#cabecalho{
    padding:0 24px;
    overflow:hidden;
}
div#cabecalho img.logomarca{
    display:block;
    float:left;
    margin:6px 0 0 20px;
}
    /*MENU SUPERIOR*/
    div#cabecalho div.menuSuperior{
        float:right;
        margin:72px 0 0 0;
        height:38px;
    }
    div#cabecalho div.menuSuperior ul{
        list-style-type: none;
        float:left;
    }
    div#cabecalho div.menuSuperior span.bEsq{
        background: url(../../imagens/bMenuEsq.png);
        padding:0 0 0 12px;
        float:left;
        height:38px;
        display:block;
    }
    div#cabecalho div.menuSuperior span.bDir{
        background: url(../../imagens/bMenuDir.png);
        padding:0 0 0 12px;
        float:left;
        height:38px;
        display:block;
    }
    div#cabecalho div.menuSuperior ul li{
        float:left;
        background: url(../../imagens/bMenuCen.png) repeat-x;
        padding:9px 6px;
    }
    div#cabecalho div.menuSuperior ul li:first-child{
        padding-left:0;
    }
    div#cabecalho div.menuSuperior ul li.ultimo{
        padding-right:0;
    }
    div#cabecalho div.menuSuperior ul li span{
        background: url(../../imagens/bItemMenu.png);
        padding:7px 0 7px 2px;
    }
    div#cabecalho div.menuSuperior ul li a{
        margin:0 12px 0 6px;
        color:#C74E5D;
    }
    div#cabecalho > div.menuSuperior ul li a:hover{
        color:#900;
    }
/**/

/**WRAPPER**/
div#wrapper{
    margin:0 24px;
    background-color: #FFF;
}
/****/

/*ATENDIMENTO*/
div.atendimento{
    padding:0 10px;
    clear:both;
    font-size:.75em;
    color:#FFF;
    overflow:hidden;
}
div.atendimento div.colDir{
    width:230px;
    text-align:left;
}
div.atendimento ul li img{
    float:left;
    margin:4px 0 0 0;
}
div.atendimento ul li span{
    float:left;
    text-align:left;
    margin:10px 0 0 4px;
    font-weight: bold;
}
div.atendimento ul li span.ligue{
    float:none;
    font-size:1.75em;
}
div.atendimento ul{
    list-style-type: none;
    float:left;
    overflow:hidden;
}
div.atendimento span.bEsq{
    background: url(../../imagens/bAtendEsq.png);
    padding:0 0 0 10px;
    float:left;
    height:52px;
    display:block;
}
div.atendimento span.bDir{
    background: url(../../imagens/bAtendDir.png);
    padding:0 0 0 10px;
    float:left;
    height:52px;
    display:block;
}
div.atendimento ul li{
    float:left;
    height:52px;
    width:136px;
    background: url(../../imagens/bAtendCen.png) repeat-x;
}
div.atendimento ul li:first-child{
    padding-left:0;
}
div.atendimento ul li.ultimo{
    padding-right:0;
}
div.atendimento ul li a{
    margin:0 12px 0 6px;
    color:#FFF;
}

/**Pesquisa**/
div#pesquisa{
    padding:8px 10px;
    text-align:left;
    clear:both;
}
div#pesquisa div.colDir{
    float:right;
    width:230px;
}
div#pesquisa select#situacao{
    width:172px;
}
div#pesquisa select{
    width:145px;
    text-align:center;
    border:1px solid #BEBEBE;
    margin:0 6px 0 0;
    font-size:.75em;
    background-color:#FFF;
}
div#pesquisa select option{
    text-align:left;
}
div#pesquisa input[type=text]{
    width:180px;
    text-align:center;
    border:1px solid #BEBEBE;
    margin:0 6px 0 0;
    font-size:.75em;
}
/*FIM*/

/**CONTEUDO**/
div#conteudo{
    font-size:0.875em;
    border-bottom:0;
    overflow:hidden;
    padding:8px 10px;
    text-align:left;
}
div#conteudo img.fixedEl{
    position:fixed;
    left:50%;
    margin-left:-504px;
    top:144px;
}
/*FIM*/

/**FIM**/
div#rodape{
    background: url(../../imagens/rodape.png);
    height:95px;
    color:#585858;
    font-size:0.75em;
    margin:0;
}
div#rodape p{
    margin:0 0 0 40px;
    text-align:left;
    line-height: 1.5em;
}
div#rodape p:first-child{
    padding:0 0 24px 0;
    text-align:center;
}