.tema {
    border: 4px solid #f1f1f1;
    width: 100px;
    height: 100px
}

/* principal
------------------------------------------*/
* {
    border: 0;
    margin: 0;
    padding: 0;
}


/* Temas 
------------------------------------------*/

.default,
.crepusculo {
    background: #373f67 !important;
}

.aco {
    background: #A7A7A7 !important;
}

.bruma {
    background: #5F5F5F !important;
}

.carne {
    background: #AF5540 !important;
}

.ceu {
    background: #0E78b6 !important;
}

.classico {
    background: #C6C6C6 !important;
}

.deserto {
    background: #A1968C !important;
}

.energia {
    background: #8F91A5 !important;
}

.esperanca {
    background: #559143 !important;
}

.ferrugem {
    background: #A37450 !important;
}

.floresta {
    background: #4E6747 !important;
}

.fogo {
    background: #8C3C3C !important;
}

.lua {
    background: #A49D99 !important;
}

.mar {
    background: #ADB5BA !important;
}

.natureza {
    background: #A3B4A3 !important;
}

.paz {
    background: #E7E7E7 !important;
}

.purpura {
    background: #8C528C !important;
}

.refinado {
    background: #A3A79D !important;
}

.romantico {
    background: #AF8CA6 !important;
}

.sol {
    background: #FFDB35 !important;
}

.sutil {
    background: #D7E1DA !important;
}

.terra {
    background: #886753 !important;
} 

/*body {
    background: url(../../images/layout/14_crepusculo.png)  repeat-x left top;
}*/

/* camadas
------------------------------------------*/
#ctl00_header {
    height: 142px;
    color: #F6F6F6;
}

    #ctl00_header div, #ctl00_header a {
        font: 11px "trebuchet MS";
        color: #F6F6F6;
    }

    #ctl00_header h1 {
        font-weight: bold;
        margin-top: -4px;
    }

    #ctl00_header #h_left {
        position: absolute;
        left: 12px;
        top: 10px;
        text-align: left;
    }

    #ctl00_header #h_right {
        position: absolute;
        right: 12px;
        top: 10px;
        text-align: right;
    }

.top-logo {
    height: 93px;
    margin-top: -10px
}

.top-logo-left {
    width: 13px;
    background: url(../images/layout/top-logo-left.gif) no-repeat;
}

.top-logo-center {
    background: url(../images/layout/top-logo-center.gif) repeat-x;
}

.top-logo-right {
    width: 13px;
    background: url(../images/layout/top-logo-right.gif) no-repeat;
}

#ctl00_menubar {
    position: absolute;
    top: 111px;
    left: 0;
    clear: both;
    height: 31px;
}

#h_menu {
    list-style: none;
    margin: 0 12px 0;
}

    #h_menu li {
        float: left;
        width: 118px;
        margin-right: 2px;
    }

    #h_menu .on a {
        background: url(../images/layout/aba_on.gif) no-repeat;
        padding-bottom: 5px;
    }

    #h_menu a {
        display: block;
        height: 20px;
        padding-top: 11px;
        font: bold 11px Tahoma, Sans;
        color: #333;
        text-decoration: none;
        text-align: center;
        background: url(../images/layout/aba_off.gif) no-repeat;
    }

        #h_menu a:hover, #h_menu .over a {
            color: #FFF;
            background: url(../images/layout/aba_over.gif) no-repeat;
        }

.submenu {
    display: none;
    top: 31px;
    position: absolute;
}

#h_menuf {
    list-style: none;
}

    #h_menuf li {
        margin-right: 2px;
    }

    #h_menuf a {
        display: block;
        height: 20px;
        padding: 5px;
        font: bold 11px Tahoma, Sans;
        color: #fff;
        text-decoration: none;
        text-align: left;
        background-color: #333;
    }

        #h_menuf a:hover, #h_menuf .over a {
            color: Yellow;
        }

#dv_autorizacoes {
    left: 13px;
    border-left-color: #fff;
    border-right-color: #fff;
}

#dv_conveniados {
    left: 133px;
    border-left-color: #fff;
    border-right-color: #fff;
}

.aba {
    clear: both;
    height: 31px;
    border-bottom: 1px solid #666;
    width: 100%
}

#h_aba {
    list-style: none;
    margin: 0 12px 0;
}

    #h_aba li {
        float: left;
        width: 118px;
        margin-right: 2px;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
    }

    #h_aba .on a {
        background-color: #ffffff;
        border-bottom: 1px solid #fff;
    }

    #h_aba a {
        display: block;
        height: 19px;
        padding-top: 11px;
        font: bold 11px Tahoma, Sans;
        color: #333;
        text-decoration: none;
        text-align: center;
        background-color: #f1f1f1;
        border-bottom: 1px solid #666;
    }

        #h_aba a:hover, #h_menu .over a {
            color: #FFF;
            background-color: #333333;
            border-bottom: 1px solid #666;
        }

.content {
    margin: 12px
}

.content {
    font: 11px Tahoma;
}

    .content h1 {
        margin-bottom: 12px;
        color: #696969;
    }

span.topo, span.base {
    display: block;
    background: transparent;
}

    span.topo span, span.base span {
        display: block;
        height: 1px;
        overflow: hidden;
        background: #ffffcc;
    }

span.borda {
    margin: 0 2px;
}

.meio {
    background: #ffffcc;
    color: #cc0000;
    margin: 0;
    padding: 5px 15px;
}

.mensagem {
    position: fixed;
    _position: absolute;
    text-align: center;
    font: bold 10pt Tahoma;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 10px;
    clip: inherit;
    _top: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
    _left: expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}

/* grade
------------------------------------------*/
.grid {
    border-collapse: separate !important;
    border: 0 !important;
    margin: 0;
    padding: 0;
    border: 1px solid #666 !important;
    _margin-bottom: 3px;
}

    .grid tr {
        height: 30px;
    }

    .grid td {
        padding: 0 8px;
    }

    .grid .linha td {
        background-color: #FFF;
        font-weight: normal;
        font: 11px Tahoma;
        height: 30px;
        color: #000;
    }

    .grid .linha2 td {
        background-color: #EEE;
        font: 11px Tahoma;
        color: #000;
        height: 30px;
    }

    .grid .linhasel td {
        background-color: #CCC;
        font: 11px Tahoma;
        color: #000;
        height: 30px;
    }

.grid_title {
    height: 30px;
    color: #666;
    background-color: #DCDCDC;
    text-align: center;
    font: bold 16px "trebuchet MS",Tahoma;
}

.grid_title2 {
    height: 30px;
    color: #333;
    text-align: left;
    font: normal 14px "trebuchet MS",Tahoma;
}

.grid .head {
    padding: 0 8px;
    background: #D6D6D6;
    border-bottom: 1px solid #AAA;
    color: #000;
    font-weight: normal;
    font: 11px Tahoma;
}

.g_bot td {
    height: 28px;
    background: #D6D6D6;
    color: #111;
    text-align: center;
}

.grid a {
    cursor: pointer;
    text-decoration: underline;
    color: #000070 !important;
}

/* paginacao */
.gridBottom {
    height: 30px;
    background: #EEE;
    text-align: center;
    font: 11px Tahoma;
    color: #000;
}

    .gridBottom table {
        text-align: center;
        font: 11px Verdana, sans, sans-serif, tahoma;
        color: #999;
        line-height: 20px;
    }
        /* pag atual */
        .gridBottom table span {
            margin: 0 4px;
        }
    /* num de paginas */
    .gridBottom a {
        width: 14px;
        margin: 0 4px;
        font: 11px Verdana, sans, sans-serif, tahoma !important;
        text-align: left !important;
        line-height: 24px;
    }

        .gridBottom a:hover {
            font-weight: bold !important;
            text-decoration: none !important;
            color: #666 !important;
        }

/* textual
------------------------------------------*/
h1 {
    font: normal 25px "trebuchet MS",Tahoma;
    text-align: left;
}

h2 {
    font: bold 14px Tahoma;
}

h3 {
    font: 17px "Trebuchet MS",Tahoma,Sans;
    text-align: left;
    padding: 5px 10px;
    background: url(../images/layout/bg_titulo.png) repeat-x;
    height: 25px;
}

/* formulario
------------------------------------------*/
.campo {
    background: #FFF url(../images/layout/bg_campo.gif) repeat-x top;
    border: 1px solid #D6D6D6;
    padding: 4px 5px 5px;
    text-transform: uppercase;
    width: 157px;
    font: 11px Tahoma;
}

.campo2 {
    background: #FFF url(../images/layout/bg_campo.gif) repeat-x top;
    border: 1px solid #D6D6D6;
    padding: 4px 0px 5px;
    text-transform: uppercase;
    font: 11px Tahoma;
}

.campo3 {
    background: #FFF url(../images/layout/bg_campo.gif) repeat-x top;
    border: 1px solid #D6D6D6;
    padding: 4px 5px 5px;
    width: 157px;
    font: 11px Tahoma;
}

.ddl {
    background: #FFF url(../images/layout/bg_campo.gif) repeat-x top;
    border: 1px solid #D6D6D6;
    padding: 4px 5px 5px;
    text-transform: uppercase;
    font: 11px Tahoma;
}

td.selecionado {
    font: normal 11px Tahoma;
    color: #333;
    padding: 8px;
    background: #F1F1F1;
    border: 1px dashed #D6D6D6;
}

.email {
    background: #FFF url(../images/layout/bg_campo.gif) repeat-x top;
    border: 1px solid #D6D6D6;
    padding: 4px 5px 5px;
    text-transform: lowercase;
    width: 157px;
    font: 11px Tahoma;
}

p {
    font: 11px Tahoma;
}

.label {
    font: 11px Tahoma;
}

.labelneg {
    font: 11px Tahoma;
    font-weight: bold;
}

.legenda {
    font: 10px Arial;
    color: #696969;
}

.cadastro {
    border: 1px solid #666;
    background-color: #FFF;
}

.cadastro2 {
    border: 2px solid #dcdcdc;
    background-color: #FFF;
}

.cadastro3 {
    border: 4px solid #666;
    background-color: #FFF;
}

.edit {
    border: 1px solid #dcdcdc;
    text-transform: uppercase;
    font: 11px Tahoma;
    height: 15px;
}

.link {
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}

.botao {
    cursor: pointer;
    background: #FFF;
    border: 1px solid #D6D6D6;
    padding: 4px 5px 5px;
    text-transform: uppercase;
    font: 11px Tahoma;
}

.itemmenu {
    font: 13px Arial;
    background-color: #fff;
    color: #333;
    height: 20px
}

.itemmenuselecionado {
    background-color: #f1f1f1;
    font: bold 13px Arial;
    color: #333;
    height: 20px
}

.modalBackground {
    background-color: #f5f5f5;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* box
------------------------------------------*/
.m_box {
    width: 193px;
    padding: 4px;
    background: #dcdcdc;
    border: 1px solid #FFF;
    border-top: 0;
}

.margin_bot {
    margin-bottom: 4px;
}

.margin_top {
    margin-top: 8px;
}

.inner_box {
    border: 1px solid #FFF;
    background: #F5F5F5;
}

.m_box .pesquisa {
    padding-top: 26px;
    background: #F5F5F5 url(../images/layout/box_pesquisa.png) no-repeat top;
}

.inner_box p {
    padding: 0 11px 3px;
}

/* fidelidade
------------------------------------------*/
.pontos {
    font-size: 13px;
    font-weight: bold;
    color: #cc0000
}

.ordena {
    background-color: #f1f1f1;
    padding: 5px;
    text-align: left
}

.premios {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 25%;
    height: 190px
}

.premios_ind {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 25%;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    height: 190px
}

.imgPremio {
    width: 100px;
    height: 100px
}

.descrPremio {
    color: #333
}