﻿/******************LAYOUT NOVO*****************/
/* GERAL /////*/
body, ul, img, h1, h2, p, hr, embed, form, #sidebar ul li a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}

body {
    font: 12px Arial, Helvetica, sans-serif;
    /*min-width: 778px; */
    /*background: url(../_images/bg_body.png) repeat-x bottom; */
}

body, html {
    /*height: 100%;*/
}

body {
    scrollbar-base-color: #868686;
    scrollbar-arrow-color: #FFF;
}

input, textarea {
    font: 12px Arial, Helvetica, sans-serif;
    color: #383836;
    padding: 2px;
}


/* CSS Para o novo MENU */

body {
    max-width: 100%;
    background-size: cover; /*Css padrão*/
    -webkit-background-size: cover; /*Css safari e chrome*/
    -moz-background-size: cover; /*Css firefox*/
    -ms-background-size: cover; /*Css IE não use mer#^@%#*/
    -o-background-size: cover; /*Css Opera*/
}

.container {
    background: url(../_images/main/bg-body.png) no-repeat fixed top;
    width: 100%;
    float: left;
    min-height: 100%;
    background-position-x: 10%;
}

.header {
    width: 100%;
    margin: auto;
    height: 80px;
}

#header  {
    height: 80px;
}  

.header-logotipo {
    float: left;
    width: 40%; /* 176px */
    height: 45px;
    max-width: 176px;
}

    .header-logotipo img {
        margin: 2px 0 0 34px;
    }

.header-centro {
    float: left;
    width: 40%; /* 865px */
    height: 45px;
}

    .header-centro h1 {
        font-family: Arial,Verdana, Geneva, sans-serif;
        font-size: 28px;
        color: #FFF;
        margin: 8px 0 0 75px;
        line-height: 30px;
    }

.header-right {
    float: right;
    width: 20%; /* 313px */
    height: 45px;
    font-size: 9px;
}

    .header-right table {
        margin-top: 10px;
        margin-left: 10%;
    }

    .header-right h1 {
        font-family: Arial,Verdana, Geneva, sans-serif;
        font-size: 11px;
        color: #666;
        margin: 15px 0 0 75px;
        line-height: 15px;
    }

    .header-right h2 {
        font-family: Arial,Verdana, Geneva, sans-serif;
        font-size: 11px;
        color: #666;
        margin: 5px 0 0 75px;
        line-height: 10px;
    }

.main {
    width: 100%;
    margin: auto;
    height: 100%;
    float: left;
}

#usua_box {
    color: #818181;
    margin-right: 15px;
}

#data_box {
    color: #0a6b9e;
    margin-top: 2px;
}

/* COMEÇA MENU HORIZONTAL */
.AspNet-Menu-Horizontal {
    background-image: url(../_images/main/bg-menu.jpg);
    float: left;
    width: 65%; /* 996px */
    height: 34px;
}

.AspNet-Menu, .AspNet-Menu * {
    margin: 0 0 0 0px;
    padding: 2.5px 5px 2.5px 4px;
    list-style: none;
    cursor: pointer;
    z-index: 999;
}

.AspNet-Menu {
    line-height: 15px;
}

    .AspNet-Menu ul {
        position: absolute;
        top: -999em;
        width: 200px; /* left offset of submenus need to match (see below) */
    }

.AspNet-Menu-NonLink {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 12px;
}

.ahover {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 12px;
}

    .ahover:hover {
        font-family: Arial, Helvetica, sans-serif;
        color: #b8f0fe;
        font-size: 12px;
    }

.AspNet-Menu ul li {
    width: 100%;
}

.AspNet-Menu li:hover {
    visibility: inherit;
}
/* fixes IE7 'sticky bug' */
.AspNet-Menu li {
    float: left;
    position: relative;
}

.AspNet-Menu a {
    display: block;
    position: relative;
    _float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 12px;
}

.AspNet-Menu li:hover ul, .AspNet-Menu li.sfHover ul {
    left: -2px;
    top: 25px;
    z-index: 99;
}

ul.AspNet-Menu li:hover li ul, ul.AspNet-Menu li.sfHover li ul {
    top: -999em;
}

ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li.sfHover ul {
    left: 209px;
    top: 0;
}

ul.AspNet-Menu li li:hover li ul, ul.AspNet-Menu li li.sfHover li ul {
    top: -999em;
}

ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li li li.sfHover ul {
    left: 209px;
    top: 0;
}

/*** SKIN ***/
.AspNet-Menu li li {
    background: #004369;
    font-size: 11px;
    border-bottom: 1px solid #1971a6;
}

    .AspNet-Menu li li li {
        background: #004369;
    }

.sf-sub-indicator {
    position: absolute;
    text-indent: -999em;
}

.AspNet-Menu li:hover, .AspNet-Menu ul li ul li a:hover {
    background: #026aa6;
    outline: 0;
}

.AspNet-Menu a:hover {
    color: #b8f0fe;
}

ul li li.AspNet-Menu-WithChildren {
    background: url(../_images/main/arrow_sub_menu.gif) no-repeat right #004369;
}

.AspNet-Menu li .AspNet-Menu-WithChildren:hover {
    background: url(../_images/main/arrow_sub_menu.gif) no-repeat right #026aa6 !important;
}
/*** TERMINA MENU **/

.div-caminhao {
    background-image: url(../_images/main/bg-menu.jpg);
    float: left;
    width: 11%; /* 110px */
    height: 35px;
}

    .div-caminhao img {
        z-index: 9999;
        margin: -30px 0 0 0;
    }

/*COMEÇA MENU RIGHT*/
.menu-horizontal-right {
    background-image: url(../_images/main/bg-menu.jpg);
    width: 24%; /* 253px */
    height: 35px;
    text-align: right;
    float: right;
}

    .menu-horizontal-right ul {
        width: 90%;
        text-align: right;
        margin-right: 15px;
    }

.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.group {
    display: inline-block;
    clear: both;
    margin: 2px 0 0 0;
}

nav ul {
    list-style: none;
    padding: 5px 0 0 15px;
    width: auto;
    position: relative;
}

    nav ul li {
        display: inline;
        width: auto;
    }

.group-new a {
    background-image: url(../_images/main/gif-new.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #CCC;
    display: block;
    float: left;
    border: 2px solid #2d7fa7;
    height: 17px;
    padding: 0 15px 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font: 10px/16px "Lucida Grande", "Verdana", sans-serif;
    color: #000;
    text-decoration: none;
    width: 25px;
    vertical-align: middle;
}

    .group-new a:hover {
        border: 2px solid #0a6b9e;
        background-image: url(../_images/main/gif-new.png);
        background-repeat: no-repeat;
        background-position: left;
        color: #000;
        padding: 0 15px 0 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.group-home a {
    background-image: url(../_images/main/gif-home.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #CCC;
    display: block;
    float: left;
    border: 2px solid #2d7fa7;
    height: 17px;
    padding: 0 15px 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font: 10px/16px "Lucida Grande", "Verdana", sans-serif;
    color: #000;
    text-decoration: none;
    width: 20px;
    vertical-align: middle;
}

    .group-home a:hover {
        border: 2px solid #0a6b9e;
        background-image: url(../_images/main/gif-home.png);
        background-repeat: no-repeat;
        background-position: left;
        color: #000;
        padding: 0 15px 0 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.group-sobre a {
    background-image: url(../_images/main/gif-sobre.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #CCC;
    display: block;
    float: left;
    border: 2px solid #2d7fa7;
    height: 17px;
    padding: 0 15px 0 15px;
    font: 10px/16px "Lucida Grande", "Verdana", sans-serif;
    color: #000;
    text-decoration: none;
    width: auto;
    vertical-align: middle;
    width: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .group-sobre a:hover {
        border: 2px solid #0a6b9e;
        background-image: url(../_images/main/gif-sobre.png);
        background-repeat: no-repeat;
        background-position: left;
        color: #000;
        padding: 0 15px 0 15px;
        width: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.group-sair a {
    text-align: right;
    background-image: url(../_images/main/gif-sair.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #CCC;
    display: block;
    float: left;
    border: 2px solid #2d7fa7;
    height: 17px;
    padding: 0 15px 0 15px;
    width: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font: 10px/16px "Lucida Grande", "Verdana", sans-serif;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
}

    .group-sair a:hover {
        border: 2px solid #0a6b9e;
        background-image: url(../_images/main/gif-sair.png);
        background-repeat: no-repeat;
        background-position: left;
        color: #000;
        padding: 0 15px 0 15px;
        width: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
/* TERMINA MENU RIGHT */
/* Final CSS para o novo MENU */

/*
a:link, a:visited { text-decoration: none }
a:hover { text-decoration: underline; color: #f00 }
a:active { text-decoration: none }*/

/* HEADER /////*/
/*.header { width: 100%; height: 74px; background: url(../_images/bg_header.png) repeat-x; text-align: center; color: white; }*/
/*#logos_header { width: 100%; height: 44px; }*/
/*.header .logo_sged { float: left; width: 270px; height: 44px; background: url(../_images/logo_alpargatas.png); _behavior: url(../../_style/iepngfix.htc); }*/
/*.header .logo_sged { float: left; width: 270px; height: 44px; background: url(../_images/logo_psfrete.png); _behavior: url(../../_style/iepngfix.htc); }
.header .logo_givaudan { float: right; width: 222px; height: 44px; background: url(../_images/logo_psfrete.png); _behavior: url(../../_style/iepngfix.htc); }
.header #menu_bar { float: right; } 
.header #menu_bar p { padding: 7px 10px 0px 0px; }
.header #menu_bar #m_apoio { float: right; height: 30px; }
.header #menu_bar #m_apoio { background: url(../_images/bg_m_apoio.gif) repeat-x; border-left: 3px solid #505050; }
.header #menu_bar input { padding: 5px 10px; float: left; }
.header #menu_bar input:hover { background: url(../_images/bg_m_apoio_hover.gif) repeat-x; }
.header #menu_bar #m_links { float: left; }
.header #menu_bar #m_links .m_link1 { float: left; color: white; text-decoration: none; font-weight: bold; border-right: 3px solid #aec8d8; padding: 7px 15px; height: 16px; }
.header #menu_bar #m_links .m_link1:hover { background-color: #2a6385; }*/

/* CONTAINER /////*/
#container {
    float: left;
    width: 100%;
    text-align: left;
}

.thead {
    background: url(../_images/bg_header.png) center top;
    font-weight: bold;
    color: white;
}

    .thead td {
        padding: 7px;
        border-right: 1px solid #3b7596;
    }

        .thead td input {
            margin: -1px 0px;
            display: inline;
        }

.table_border {
    border: 1px solid #3b7596;
    border-width: 1px 1px 2px 1px;
    background-color: white;
}

.tr_01 {
    background-color: white;
}

.tr_02 {
    background-color: #e8f1f5;
}

.tr_03 {
    background-color: #5080ad;
    color: white;
}

    .tr_01 td, .tr_02 td, .tr_03 td {
        padding: 7px;
        border-right: 1px solid #3b7596;
    }

.table_border h1 {
    font-size: 13px;
    color: #0b528e;
    padding: 8px 10px 0px 10px;
}

.table_border p {
    line-height: 17px;
    padding: 0px 10px 10px 10px;
    font-size: 12px;
}

.table_border hr {
    height: 3px;
    background-color: #b9d1de;
    color: #b9d1de;
    border: 1px solid white;
    border-width: 0 10px;
}

.list_01 {
    float: left;
    width: 100%;
    background: url(../_images/bg_list_01.gif);
}

    .list_01 li {
        float: left;
        width: 100%;
        height: 30px;
    }

        .list_01 li a {
            display: block;
            padding: 7px 10px 7px 32px;
            text-decoration: none;
            color: black;
            background: url(../_images/icons/ico_list.gif) no-repeat 8px 7px;
        }

            .list_01 li a:hover {
                text-decoration: underline;
            }

/* COLORS /////*/
.red {
    color: #a40633;
}

.blue {
    color: #497aaa;
}

.h1_homolog {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    letter-spacing: 20px;
    font-size: 14px;
    padding-top: 12px;
}
/******************FIM: LAYOUT NOVO*****************/

/*****************LAYOUT ANTIGO****************/



/*Modal Popup*/
.modalBackground {
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
    background-color: #ffffff;
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
}

.modalBackgroundLogin {
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
    background-color: #ffffff;
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
}

.modalButtons input {
    width: 75px;
    border: 1px solid black;
    font-weight: bold;
    background-color: #2a6385;
    color: White;
}

#modalLabel {
    text-align: center;
    background-color: White;
    border: 0px solid black;
}

.modalPopup {
    border-right: 3px solid #969292;
    border-bottom: 3px solid #969292;
}

.btn_modal {
    cursor: hand;
}

.modalPopupBtn {
    text-align: center;
    overflow: hidden;
}

#buttons .modalPopupBtn input {
    float: none !important;
}

#buttons .modalPopup {
    background-image: none !important;
}

#buttons .modalBackground {
    background-image: none;
    background-color: #FFF;
}

#buttons .modalBackgroundLogin {
    background-image: none;
    background-color: #FFF;
}

#buttons .cad_titulo {
    font-size: 10px;
}

#buttons .modalPopupHead {
    width: 400px;
    height: 100%;
    border: 5px solid #D2D2D2;
}

    #buttons .modalPopupHead p {
        margin: -10px -10px 0 0 !important;
    }


.modal {
    border: 3px solid #114c37;
    background-color: #ffffff;
}

    .modal .head {
        overflow: hidden;
        cursor: move;
        padding: 10px;
        background: url(../_images/icons/bg_header_status.gif) repeat-x;
        border-bottom: 1px solid #BEBEBE;
        text-align: left;
    }

        .modal .head .title {
            float: right;
            font: bold 18px Arial, Helvetica, sans-serif;
            color: #ffffff;
        }

        .modal .head input {
            cursor: pointer;
            float: left;
            margin-top: -4px;
        }
/*
.modalPopup { width: 250px; border-right: 3px solid #969292; border-bottom: 3px solid #969292; }
.modalButtons { text-align: center; background-color: White; border: 0px solid black; margin-top: 80px; }
*/
/*END Modal*/

/*INPUTS /////*/
.input_01, .textbox_find {
    font: 12px Arial, Helvetica, sans-serif;
    border-top: 1px solid #95b9cf;
    border-left: 1px solid #95b9cf;
    border-bottom: 1px solid #95b9cf; /*3b7596*/
    border-right: 1px solid #95b9cf;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 2px;
    background: expression(this.disabled ? '#E1E1E1' : '#FFFFFF');
    display: inline;
    text-transform: uppercase;
}

.input_01_sem_upper, .textbox_find {
    font: 12px Arial, Helvetica, sans-serif;
    border-top: 1px solid #95b9cf;
    border-left: 1px solid #95b9cf;
    border-bottom: 1px solid #95b9cf; /*3b7596*/
    border-right: 1px solid #95b9cf;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 2px;
    background: expression(this.disabled ? '#E1E1E1' : '#FFFFFF');
    display: inline;
}

.input_sem_upper {
    font: 12px Arial, Helvetica, sans-serif;
    border-top: 1px solid #3b7596;
    border-left: 1px solid #3b7596;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 1px;
    /*background: expression(this.disabled ? '#E1E1E1' : 'url(/_images/bg_input.gif) repeat-x #F2F2F2');*/
    display: inline;
    text-transform: lowercase !important;
}

.input_transp {
    font: 12px Arial, Helvetica, sans-serif;
    border: 0px;
    padding: 1px;
    background: transparent;
    display: inline;
}

.msgm_arqv {
    font: 10px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 1px;
    display: inline;
    color: Red;
}

.input_cinza {
    font: 12px Arial, Helvetica, sans-serif; /*3b7596*/
    background-position: #CCCCCC;
    border-top: 1px solid #95b9cf;
    border-left: 1px solid #95b9cf;
    border-bottom: 1px solid #95b9cf;
    border-right: 1px solid #95b9cf;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 2px;
    background: #CCCCCC;
    display: inline;
    text-transform: uppercase;
}

.input_cinza_valor {
    font: 12px Arial, Helvetica, sans-serif; /*3b7596*/
    background-position: #CCCCCC;
    border-top: 1px solid #95b9cf;
    border-left: 1px solid #95b9cf;
    border-bottom: 1px solid #95b9cf;
    border-right: 1px solid #95b9cf;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 2px;
    background: #CCCCCC;
    display: inline;
    text-transform: uppercase;
    text-align: right;
}

.input_cinza_sup {
    font: 12px Arial, Helvetica, sans-serif; /*3b7596*/
    background-position: #CCCCCC;
    border-top: 1px solid #95b9cf;
    border-left: 1px solid #95b9cf;
    border-bottom: 1px solid #95b9cf;
    border-right: 1px solid #95b9cf;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 2px;
    background: #CCCCCC;
    display: inline;
}
/*
GERAL /////*/
p, #div_head_menu ul {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*
HEADER /////*/
#div_head {
    width: 100%;
    min-width: 778px;
    height: 69px;
    background: url(../_images/header/bg_header.gif) repeat-x;
}

    #div_head .div_head_logo_1 {
        float: left;
        width: 377px;
        height: 69px;
        background: url(../_images/header/logo_sefaz.gif) no-repeat;
    }

    #div_head .div_head_logo_2 {
        float: right;
        width: 363px;
        height: 69px;
        background: url(../_images/header/logo_givaudan.gif) no-repeat right;
    }

.trca_ambi {
    border: none;
    margin-left: 80px;
    margin-top: 24px;
}

#div_head .div_homologacao {
    position: absolute;
    left: 50%;
    margin-left: -133px;
    top: 10px;
    width: 267px;
    height: 47px;
    background: url(../_images/header/homologacao.gif) no-repeat;
}

#div_head_menu {
    width: 100%;
    min-width: 778px;
    height: 25px;
    background-color: #2a6385;
}

    #div_head_menu p {
        color: white;
        font-size: 10px;
        padding: 6px;
    }

    #div_head_menu ul {
        float: right;
        list-style: none;
    }

        #div_head_menu ul li {
            display: inline;
        }

            #div_head_menu ul li a {
                display: block;
                float: left;
                padding: 6px 30px;
                height: 13px;
                color: white;
                text-decoration: none;
                font-size: 11px;
                border-left: 1px solid white;
            }

                #div_head_menu ul li a:hover {
                    background-color: #2a6385;
                }

#div_buttons {
    width: 100%;
    min-width: 778px;
    height: 41px;
    background: url(../_images/header/bg_breadcrumb.gif) repeat-x;
}

.titulo_home {
    float: right;
    padding: 7px 25px 0px 20px;
    font-size: 18px;
    font-weight: normal;
    color: #2a6385;
    letter-spacing: -1px;
    background: url(../_images/icons/ico_bullet01.gif) no-repeat 6px 8px;
}

.titulo_resu_pend {
    font-size: 18px;
    font-weight: normal;
    color: #2a6385;
    letter-spacing: -1px;
}


/*
#div_buttons { width: 100%; min-width: 778px; height: 41px; background: url(../_images/header/bg_breadcrumb.gif) repeat-x; }
#div_buttons, #div_buttons_modal {width:100%; min-width:778px; height:41px; background: url(../_imagens/bg_breadcrumb.gif) repeat-x;}
.titulo_home { float: right; padding: 7px 25px 0px 20px; font-size: 18px; font-weight: normal; color: #2a6385; letter-spacing: -1px; background: url(../_images/icons/ico_bullet01.gif) no-repeat 6px 8px; }
.titulo_home {padding:7px 0px 0px 25px;  font-size: 18px; font-weight:normal; color:#2a6385; letter-spacing:-1px; background:url(../_images/icons/ico_bullet01.gif) no-repeat 6px 8px;}
#div_buttons #buttons { float: left; padding: 3px 4px 0px 20px; }
*/

#div_content {
    margin: 5px 10px;
}

a {
    color: #cc0033;
}

.clear {
    clear: both;
    height: 5px;
    line-height: 5px;
    font-size: 10px;
    overflow: hidden;
}
/*--------------------------------------------------
 Menu
--------------------------------------------------*/
/*.menu_item { height: 28px; background: url(../_images/bg_m_apoio.gif) repeat-x 0px -1px #2b3e59; color: White; border-right: 3px solid #505050; margin-right: 3px; margin-right: -1px; font-weight: bold; }

.menu_item td { width: 120px; text-align: center; }

.menu_item a { background: none; cursor: hand; }

.menu_item_over { background-image: none; background-color: #2a6385; cursor: hand !important; }
.menu_sub_item { height: 10px; background: url(../_images/bg_menu_sub_item.gif) #2b3e59; color: White; border-bottom: 1px solid white; text-align: left; padding: 0px; padding-right: 10px; margin: 0px; cursor: hand !important; }
.menu_sub_item a { display: block; width: 100%; padding: 5px 10px; margin-bottom: 5px; }
.menu_sub_item_over { background-image: none; background-color: #2a6385; text-align: left; }
.menu_sub_item_over a { background-image: none; background-color: #2a6385; }
*/
/*
#menu {left:185px; top:63px; font-size:13px; background:url(../_image/menu_spac.gif) repeat-y left; padding-left:2px; z-index:9999!important;}
#menu_supr {right:0px; top:63px; padding-top:3px;}
.menu_supr_item {float:left; background:url(../_image/menu_supr_righ.png) no-repeat right; padding-right:6px; font-size:9px; cursor:pointer; margin-right:10px; display:inline;}
.menu_supr_item span {float:left; background:url(../_image/menu_supr_left.png) no-repeat; padding:4px 6px 5px 8px;}
.menu_supr_item span img {float:left; margin-right:6px;}
#buttons_bar {float:left; clear:both; width:100%; height:43px; background:url(../_Image/bg_buttons_bar.gif) repeat-x top; margin-bottom:10px;}
#buttons_bar h1 {float:left; width-min:300px; margin:0px 0px 0px 6px; display:inline; font:18px Verdana, Geneva, sans-serif; color:#777; letter-spacing:-1px;}
#div_btn {float:right; text-align:right; width:auto; height:43px; padding-left:30px; background:url(../_Image/bg_buttons.gif) left;}
#div_btn .btn {float:left; height:30px; text-align:center; cursor:pointer; padding:0px 15px 0 0px; background:url(../_Image/spacer_02.gif) no-repeat right; margin:4px 5px 0 0;}
#div_btn .btn input {float:left;}
#div_btn .btn_label {float:left; padding:6px 0 0 8px; color:#0166a1; font-size:12px;} 
#div_btn .btn:hover:hover { color:#000!important; }
#buttons_bar_r {float:right; position:relative; display:inline; margin-left:-6px; width:18px; height:43px; background:url(../_Image/bg_buttons_right.gif) right;}
*/
/*--------------------------------------------------
 PsGridView
--------------------------------------------------*/

#div_grd_dado {
    border: 0px solid #3b7596;
}

.psgridview {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #3b7596;
}

    .psgridview tr th {
        padding: 2px 5px;
        height: 21px !important;
    }
/*.psgridview th { border-right: 1px solid #3b7596; }*/
/*.psgridview td { border-right: 0px solid #3b7596; border-bottom: 1px solid #cddee9; }*/

.psgridview_header {
    color: #FFF;
    background: url(../_images/t_head.png) repeat-x bottom;
}

.psgridview_header_fixed {
    color: #FFF;
    background: url(../_images/t_head.png) repeat-x bottom;
    position: relative;
    top: expression(this.offsetParent.scrollTop-1.0);
    z-index: 200;
}

.psgridview_column_fixed {
    z-index: 100;
    position: relative;
    left: expression(this.offsetParent.scrollLeft-1.0);
}

.psgridview_header_adapt {
    color: #2a6385;
    background: url(../_images/t_head.png) repeat-x bottom;
    height: 30px;
    border-bottom: 1px solid white;
    font-size: 9px;
}

.psgridview_footer {
    color: #2a6385;
    background: url(../_images/t_head.png) repeat-x bottom;
    height: 30px;
    border-bottom: 1px solid white;
}

.psgridview_linha_1 {
    color: #333333;
    background: #ffffff;
    cursor: pointer;
    font-weight: normal;
}

    .psgridview_linha_1 td img, .psgridview_linha_2 td img, .psgridview_sele td img {
        margin: -3px;
    }

    /*input (checkbox)*/
    .psgridview_linha_1 td input, .psgridview_linha_2 td input, .psgridview_sele td input {
        margin-top: -3px;
        margin-bottom: -3px;
    }

.psgridview_linha_2 {
    background: #EDF8FE /*#e8f1f5*/;
    color: black;
    cursor: pointer;
    font-weight: normal;
}

.psgridview_sele {
    background-color: #BEE7FC /*#cae0f5*/ /*#c5dce8*/;
    color: #1b3f55;
    cursor: pointer;
    font-weight: bold;
}

    .psgridview_sele td, .psgridview_linha_2 td, .psgridview_linha_1 td {
        padding: 2px 5px;
    }

    /* link no grid  */
    .psgridview_linha_1 a, .psgridview_linha_2 a, .psgridview_sele a {
        color: #1b3f55 !important;
        text-decoration: underline;
    }

        .psgridview_linha_1 a:hover, .psgridview_linha_2 a:hover, .psgridview_sele a:hover {
            color: #006699 !important;
            text-decoration: underline;
        }

.psgridview_pager {
    text-align: center;
    height: 10px;
    font-weight: bold;
    display:inline-table;
}

    .psgridview_pager a {
        font-weight: normal;
        color: #2a6385;
        display: block;
        width: 18px;
        padding: 3px 0px;
        text-decoration: none;
        font-size: 9px;
        border: 0px;
        background-color: White;
    }

    .psgridview_pager td {
        font-weight: bold;
        color: #2a6385;
        border: 1px solid #abc8d7;
        background-color: #abc8d7;
        /*display: block;*/
        width: 18px;
        padding: 0px;
        text-decoration: none;
        font-size: 9px;
    }

.psgridview_pager_new {
    text-align: center;
    height: 10px;
    font-weight: bold;
}

    .psgridview_pager_new td table {
        border-collapse: collapse;
    }

        .psgridview_pager_new td table tr td {
            font-weight: bold;
            color: #2a6385;
            border: 1px solid #abc8d7;
            background-color: #abc8d7;
            display: block;
            width: 18px;
            padding: 0px;
            text-decoration: none;
            font-size: 9px;
        }

    .psgridview_pager_new a {
        font-weight: normal;
        color: #2a6385;
        display: block;
        width: 18px;
        padding: 3px 0px;
        text-decoration: none;
        font-size: 9px;
        border: 0px;
        background-color: white;
    }

.psgridview .edit {
    border: 1px solid #3b7596;
    background-color: Transparent;
    padding: 2px;
    text-align: right;
    font-size: 11px;
    width: 100%;
}

/*FIM: pager_new*/

.psgridview_head_lock {
    position: relative; /*top: expression(offsetParent.scrollTop-1);*/
    left: expression(offsetParent.scrollLeft);
    z-index: 9; /*border: 1px solid #D2D2D2;*/
    border-left: 1px solid #3b7596;
    text-align: left;
}

.psgridview_head_roll {
    position: relative; /*top: expression(offsetParent.scrollTop-1);*/
    z-index: 8;
    border-left: 1px solid #3b7596;
}

.psgridview_head_lock_baln {
    color: #2a6385;
    background: url(../_images/t_head.png) repeat-x top #55728a;
    height: 30px;
    border: 1px solid #abc8d7;
    border-bottom: 1px solid white;
    position: relative;
    top: expression(offsetParent.offsetParent.scrollTop-1); /*left: expression(offsetParent.offsetParent.scrollLeft-1);*/
    z-index: 9;
}

.psgridview_foot_lock_baln {
    color: #2a6385;
    background: url(../_images/t_head.png) repeat-x bottom;
    height: 30px;
    border: 1px solid #abc8d7;
    border-bottom: 1px solid white;
    position: absolute;
    top: expression(offsetParent.offsetParent.scrollTop + offsetParent.offsetParent.offsetHeight - 30 > offsetParent.offsetParent.scrollHeight - 40 ? offsetParent.offsetParent.scrollHeight - 40 : offsetParent.offsetParent.scrollTop + offsetParent.offsetParent.offsetHeight - 30);
    z-index: 99;
}

.psgridview_colu_lock {
    border-right: 1px solid #3b7596 !important;
    position: relative;
    left: expression(offsetParent.scrollLeft);
    z-index: 7;
    border-bottom: none;
    border-top: none;
}

.psgridview_colu_roll {
    position: relative;
    border-right: 1px solid #3b7596;
    border-bottom: none;
    border-top: none;
}

/*--------------------------------------------------
//END -- PsGridView
--------------------------------------------------*/

.msgmbox {
    border: 1px solid #EEE;
    background-color: #ffffcc;
    padding: 5px;
    margin-bottom: 10px;
}

.msgmbox_lbl {
    color: Black;
}

.msgmbox_lbl_erro {
    color: Red;
}

.detl_box {
    padding: 10px;
    border: 1px solid #CCC;
}

.formbutton {
    background-color: #5D7B9D;
    color: White;
    font: 12px Arial, Helvetica, sans-serif;
}

/*Alinhamento*/
.vertical_align {
    vertical-align: middle;
    margin-top: -5px;
}

.textbox_find {
    margin-right: 4px;
}

.img_find {
    vertical-align: middle;
    margin-top: -2px;
}

.rdo_list {
    display: inline;
    font-size: 10px;
    font-weight: bold;
}

/*fieldset*/
.field_style {
    border: 1px solid #3b7596;
    *border-bottom: 2px;
    *border-right: 2px;
    padding: 5px 8px; /*background: url(../_images/bg_gradiente_01.gif) repeat-x bottom right #FFF;*/
    color: #1c4259 !important;
}

.field_style_filter {
    border: 1px solid #3b7596;
    padding: 0px 5px 5px;
}

.field_style_base {
    border: 1px solid #3b7596;
    padding: 0px 5px 5px;
    background: #ffffff;
}

.field_style_clas {
    border: 1px solid #3b7596;
    padding: 2px 8px 8px 8px;
    background-color: #f7f7f7;
}

.legend_style {
    color: #2a6385;
    font-weight: bold;
    padding-bottom: 2px;
    font-size: 12px;
}

.div_fieldset {
    text-align: left;
    border: 1px solid #abc8d7;
    padding: 10px;
    background: url(../_images/bg_fieldset.gif) repeat-x bottom;
    font-weight: bold;
}

.field_style_test {
    border: 1px solid #3b7596;
    border-bottom: 2px;
    border-right: 2px;
    padding: 10px;
    padding-top: 0px;
    background: url(../_images/bg_fieldset.gif) repeat-x bottom;
}

.legend_style_test {
    color: #2a6385;
    font-weight: bold;
    padding-bottom: 4px;
    font-size: 12px;
}

.titl_area {
    color: #2a6385;
    font-weight: bold;
    font-size: 12px;
}

.field_style_branco {
    border: 1px solid #3b7596;
    border-bottom: 2px solid #3b7596;
    border-right: 2px solid #3b7596;
    padding: 5px 8px 10px 8px;
    color: #1c4259 !important;
}

.field_style_modal {
    border: 1px solid #7A9EC0;
    border-bottom: 2px;
    border-right: 2px;
    padding: 10px;
    background: url(../_images/bg_fieldset.gif) repeat-x bottom;
}

.guia_item {
    height: 20px;
    background: url(../_images/guia_item_bg_2.gif);
    cursor: pointer !important;
    color: #2a6385;
    border-right: 1px solid #D2D2D2;
    font-weight: bold;
    padding: 0px 10px 0px 20px;
    text-align: center !important;
    font-size: 11px !important;
}

.guia_item_over {
    height: 20px;
    background: url(../_images/guia_item_bg_1.gif) left;
    cursor: pointer !important;
    color: White;
    border-right: 1px solid #D2D2D2;
    font-weight: bold;
    padding: 0px 10px 0px 20px;
    text-align: center !important;
    font-size: 11px !important;
}

.botao_cabec {
    height: 20px;
    background: url(../_images/guia_item_bg_2.gif);
    cursor: pointer !important;
    color: #2a6385;
    border-right: 1px solid #D2D2D2;
    font-weight: bold;
    padding: 0px;
    text-align: center !important;
    font-size: 11px !important;
}

.botao_cabec_over {
    background-position: left;
    height: 20px;
    background: url(../_images/guia_item_bg_1.gif);
    background-position-x: -4px;
    cursor: pointer !important;
    color: White;
    border-right: 1px solid #D2D2D2;
    font-weight: bold;
    padding: 0px;
    text-align: center !important;
    font-size: 11px !important;
}

/*Pop-up*/
.display_none {
    display: none;
}

-ms-clear {
    display: none;
}

/*Tabela de Cadastro / Detalhe*/
.cad_titulo, .cad_titulo_right {
    font-weight: bold;
    font-size: 10px;
}

.cad_titulo_right {
    text-align: right;
}

.grupoDetalhe {
    height: 20px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    color: #2a6385;
    background: url(../_images/header/bg_breadcrumb.gif) repeat-x;
    padding: 2px 0px 0px 10px;
}

/*ValidationSummary*/
.vldt_summ {
    padding-bottom: 15px;
}

.chave {
    width: 100%;
}

    .chave tr th, .chave tr td {
        padding: 2px 5px;
    }

    .chave tr th {
        background-color: #EDF8FE;
        border: 1px solid #BEE7FC;
        border-bottom: 0;
        text-align: left;
        font: bold 11px Arial;
    }

    .chave tr td {
        border: 1px dotted #ccc;
        font: normal 11px Arial;
    }

/*****************FIM: LAYOUT ANTIGO****************/

/*Home*/
.td_home {
    background: url(../_images/bg_home.jpg) no-repeat center;
}

.lnk_evnt {
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

    .lnk_evnt:hover {
        color: black;
        text-decoration: underline;
    }

.img_evnt {
    padding: 0px 5px 0px 5px;
}
/*FIM: Home*/

/*UserControl de Calendário*/
.upper {
    text-transform: uppercase;
}
/*FIM: UserControl de Calendário*/

/*Utilitário de Importação*/
.tbx_label {
    border: 0px;
    overflow: hidden;
}
/*FIM: Utilitário de Importação*/

/*Calendário*/
.calendario {
    cursor: hand;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
    border: 1px solid black;
}

.calendario_titulo {
    color: #005BB9;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    text-transform: capitalize;
    border: 1px solid black;
}

.calendario_titulo_dia {
    font-weight: normal;
    text-transform: capitalize;
}

.calendario_dia_00 {
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1;
    cursor: default;
}

.calendario_dia_10 {
    background-color: #89ce98;
    border: 1px solid #67bc6f;
    font-weight: bold;
}

    .calendario_dia_10 a {
        color: #008001 !important;
    }

        .calendario_dia_10 a:hover, .calendario_dia_10:hover {
            color: #003100 !important;
            background-color: #b2efbf;
        }

.calendario_dia_20 {
    background-color: #faf065;
    border: 1px solid #f5d947;
    font-weight: bold;
}

    .calendario_dia_20 a {
        color: #e9a501 !important;
    }

        .calendario_dia_20 a:hover, .calendario_dia_20:hover {
            color: #b56000 !important;
            background-color: #ffff91;
        }

.calendario_dia_30 {
    background-color: #B9D0E5;
    border: 1px solid #abc8d7;
    font-weight: bold;
}

    .calendario_dia_30 a {
        color: #005bb9 !important;
    }

        .calendario_dia_30 a:hover, .calendario_dia_30:hover {
            color: #2a6385 !important;
            background-color: #f0f4f8;
        }

.calendario_dia_40 {
    background-color: #c72022;
    border: 1px solid #fc4d4f;
    font-weight: bold;
}

    .calendario_dia_40 a {
        color: #FFFFFF !important;
    }

        .calendario_dia_40 a:hover, .calendario_dia_40:hover {
            color: #FFFFFF !important;
            background-color: #e53e40;
        }
/*Fim: Calendário*/

/*--------------------------------------------------
 ReportViewer Control
--------------------------------------------------*/
.ReportControl {
    border: 1px solid #000000 !important;
    border-width: 1px 2px 2px 1px !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-size: 11px !important;
    width: 100% !important;
    height: 96% !important;
}

    .ReportControl div {
        scrollbar-arrow-color: #000000 !important;
        scrollbar-3dlight-color: #000000 !important;
        scrollbar-highlight-color: #FF0000 !important;
        scrollbar-face-color: #FFFFFF !important;
        scrollbar-shadow-color: #0000FF !important;
        scrollbar-darkshadow-color: #FFFF00 !important;
        scrollbar-track-color: #00FF00 !important;
    }

    .ReportControl input[type=text], select {
        font-size: 8px Arial !important;
        color: #000000 !important;
        border-top: 1px solid #3b7596 !important;
        border-left: 1px solid #3b7596 !important;
        border-bottom: 1px solid #EEEEEE !important;
        border-right: 1px solid #EEEEEE !important;
        /*background: url(/_images/bg_input.gif) repeat-x #F2F2F2 !important;*/
        display: inline !important;
    }

    .ReportControl input[type=image] {
    }

.btn_body {
    float: right;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

    .btn_body .btn_cont {
        float: right;
        display: block;
        background: url(../_imagens/btn/btn_bg_1.gif) right;
        cursor: pointer;
        padding: 5px 12px 0 0;
        display: inline;
        margin: 5px 4px 0 0;
        text-align: center;
        min-width: 80px;
    }

        .btn_body .btn_cont:hover {
            color: #3b7596;
        }

        .btn_body .btn_cont img {
            float: left;
            margin-right: 5px;
            vertical-align: middle;
            margin-top: -5px;
        }

#div_buttons_modal {
    background: url(../_imagens/bg_head_modal.gif) repeat-x;
    height: 60px;
}

.btn_body_modal {
    float: right;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

    .btn_body_modal .btn_cont {
        float: left;
        display: block;
        background: url(../_imagens/btn/btn_bg_2.gif) right;
        cursor: pointer;
        padding: 5px 12px 0 0;
        display: inline;
        margin: 8px 4px 0 0;
        text-align: center;
        min-width: 80px;
        color: #FFF;
    }

        .btn_body_modal .btn_cont:hover {
            color: #7ebadd;
        }

        .btn_body_modal .btn_cont img {
            float: left;
            margin-right: 5px;
            vertical-align: middle;
            margin-top: -5px;
        }

.btn_modal {
    vertical-align: middle;
    margin-bottom: -3px;
    border: 0px solid #000000 !important;
}

/* BOTAO */

#buttons div {
    float: left;
    margin-right: 5px;
    background: url(../_images/icons/bg_right_button.gif) no-repeat right;
    cursor: pointer;
}

    #buttons div div {
        background-image: none;
        padding: 7px 8px 0 0;
        font-weight: bold;
        font-size: 11px;
    }

    #buttons div:hover {
        color: #3b7596;
    }

    #buttons div input {
        float: left;
        margin: 0px 0 0 -3px;
    }

/* Somente para Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header-right table {
        margin-left: 0;
    }

    #preloaderImageContainer {
        position: absolute !important; 
        z-index: 1000001 !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
    }

    .modalPopupHead p {          
        padding: 15px !important;       
    }

    .modalPopupHead table tr:nth-child(1)  {          
        position: absolute !important;
        top: 10px !important;        
    }

    .psgridview_sele td, .psgridview_linha_2 td, .psgridview_linha_1 td {
        padding: 2px 10px 2px 5px !important;
    }

    .psgridview_linha_1 td input, .psgridview_linha_2 td input, .psgridview_sele td input {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .ajax__calendar_container {width:205px !important;}
    .ajax__calendar_body {width:205px !important;}
    .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {width:205px !important;}
    .ajax__calendar_dayname {width:22px !important;}
    .ajax__calendar_day {width:23px !important;}

}
