body
{
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
    font-size: 12px;
    color: #666666;
    color: #393939;
    margin: 0px;
    background-color: #FFF;
}

h1
{
}

/*img{ width: 100%;}*/
img
{
    border:0px;
}

table tr
{
    vertical-align: middle;
}

ul, menu, dir
{
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


/* ************ */
/* MEDIA QUERYS */
/* ************ */
@media screen and (min-width: 1200px)
{
    #container
    {
        background: url("../images/asfic_pj/background-1300.png");
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: top center;
    }

    #innerContainer
    {
    }
}

@media screen and (max-width: 1199px)
{
    #container
    {
        background: url("../images/asfic_pj/background-800.png");
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: top center;
    }
}

@media screen and (max-width: 799px)
{
    #container
    {
        background: url("../images/asfic_pj/background-600.png");
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: top center;
    }

    #innerContainer
    {
    }
}

@media screen and (min-width: 800px)
{
    #innerContainer
    {
    }

    #container
    {
    }

    .overlay_panel
    {
        min-width: 550px;
        max-width: 550px;
        width: 550px;
    }    
    .scroll_panel
    {
        max-width: 550px;
        max-height: 475px;
        width: 100%;
        text-align: justify;
        border-width: 0px;
    }

    .two_col_tbl
    {
        margin-left: auto;
        margin-right: auto;
    }

    .ul_p
    {
        padding-top: 30px;
    }    
}

@media screen and (max-width: 799px)
{
    #container
    {
    }

    .overlay_panel
    {
        min-width: 350px;
        max-width: 350px;
        width: 350px;
    }
    .scroll_panel
    {
        max-width: 350px;
        max-height: 340px;
        width: 100%;
        text-align: justify;
        border-width: 0px;
    }


    .two_col_tbl
    {
        margin-left: auto;
        margin-right: auto;
    }
    .left_col{ display: none; }
    .right_col{ width: 100%; }
}

@media screen and (max-width: 1079px)
{
    .left_col{ display: none; }
}

@media screen and (min-width: 800px)
{
    .overlay_panel{left: calc(50% - 275px); }
}

@media screen and (min-width: 500px) and (max-width: 799px)
{
    .overlay_panel{left: calc(50% - 190px); }
}

@media screen and (min-width: 380px) and (max-width: 499px)
{
    .overlay_panel{left: 30px; }
}

@media screen and (max-width: 379px)
{
    .overlay_panel{left: 30px; }
}

.overlay_panel
{
    /*position: absolute!important;*/
    top: 10%;
    position: fixed!important;
}

/* ************ */
/* MEDIA QUERYS */
/* ************ */

#container
{
    top: 0%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    border-color: #cccccc;
    width: 100%;
    min-width: 410px;    
    max-width: 1300px;
}

#container > .div
{
    display: inline-block;
}

#top
{
    width: 100%;
    margin: 0px; 
    padding: 0px;
    overflow: hidden;
}

#innerContainer
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
}

.right_col
{
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 25px;
    min-width: 404px;
    max-width: 404px;
    width: 404px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    background-color: #ffffff;
}

.left_col
{
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 25px;
    min-width: 550px;
    max-width: 550px;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.left_col td,
.right_col td,
.two_col_tbl td
{
    vertical-align: top;
}

#content
{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

#bottom
{
    background-color: #f3f3f3;
    font-size: 10px;
    overflow: hidden;
    border-top: 3px solid rgb(195,195,195);
    border-top: 3px solid rgba(195,195,195,0.25);
}

.centered
{
    top: 0;
    bottom: 0;
    margin:auto;
    text-align: center;
}

.fieldset_label
{
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    width: 100% !important;
    text-align: left;
}

.fieldset_label .ui-chkbox-label,
.ui-chkbox-label
{
    font-weight: normal;    
}

/* ---------------------------------------------------------------- */
/* TABELAS E OUTRAS */
/* ---------------------------------------------------------------- */
.inner_grid
{
}

.colStylesFlex
{
    display: flex;
}

.colStylesVertAlgnTop,
.colStylesVertAlgnMidle
{
    margin-left: auto;
    margin-right: auto;
}

.colStylesVertAlgnTop td
{
    vertical-align: top;
}

.colStylesVertAlgnMidle td
{
    vertical-align: middle;
}

/*SEND BTN */
.red_btn
{
    padding: 0.3em 2.0em !important;
    color: white !important;
    font-weight: bold !important;
    background: #660000 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #660000 0%, #cc3333 50%, #cc3333 50%, #660000 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #660000 0%,#cc3333 50%,#cc3333 50%,#660000 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #660000 0%,#cc3333 50%,#cc3333 50%,#660000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 ) !important; /* IE6-9 */ 
}

.red_btn:hover
{
    background: #660000; /* Old browsers */
    background: -moz-linear-gradient(top,  #660000 0%, #993333 50%, #993333 50%, #660000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #660000 0%,#993333 50%,#993333 50%,#660000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #660000 0%,#993333 50%,#993333 50%,#660000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 ); /* IE6-9 */ 
}

.send_btn
{
    background-image: url("../images/asfic_pj/btn_send.png");
    width: 126px;
}

.send_btn:hover
{
    background-image: url("../images/asfic_pj/btn_send_hover.png");
    height: 41px;
}


.send_btn.ui-state-default,
.red_btn.ui-state-default
{
    -moz-box-shadow: inset 0px 0px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 0px #fff;
    box-shadow: inset 0px 0px 0px #fff;
}
/* ****************** */

.lbl_message
{
    /* Helvetica Neue Bold Font Stack */
    font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:600; font-stretch:normal;
    color: #ef010b;
    font-size: 0.8em !important;
}

.ui-messages-error, .ui-message-error
{
    background-color: inherit;
    border-color: #FFF;
    border: 0px solid;
    font-weight: bold;
    color: #ef010b;
    background-color: inherit; 
    border-color: #ffffff; 
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error
{
    /*border: 1px solid;*/
    background-color: #f5dcdc;
    color: inherit;
}

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal
{
    border: 0px solid;
    margin: 0px 0px;
    padding: 0px 0px;
}

.ui-corner-all
{
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*border-radius: 3px;*/
}

.ui-messages-info-detail,
.ui-messages-warn-detail,
.ui-messages-error-detail,
.ui-messages-fatal-detail,
.ui-message-info-detail,
.ui-message-warn-detail,
.ui-message-error-detail,
.ui-message-fatal-detail
{
    margin-left: 0px; 
}

/* POPUPS */
a:link, a:visited
{
    color: #162951;
}
a:link:hover, a:visited:hover 
{
    color: #162951;
}

.lbl_popup_header
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #162951;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.lbl_popup_header2
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #162951;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.lbl_popup_text
{
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
    color: #162951;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 2px;
}

.lbl_footer_copyright
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #162951;
    font-size: 10px;
}

.lbl_footer_pol_privacidade
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #162951 !important;
    font-size: 10px;
}

.input_lbl
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #393939;
    font-size: 12px;
    width: 100%;
    font-weight: bold;
}

.input_lbl,
.input_box,
.input_sel_one,
.ui-selectonemenu-panel .ui-selectonemenu-list-itemui-selectonemenu-item,
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
.combo_item_fix
{
    /*line-height: 16pt; height: 16pt;*/
}


/* PF CSS FIX */
.ui-selectonemenu-panel .ui-selectonemenu-list-itemui-selectonemenu-item,
.ui-selectonemenu-panel .ui-selectonemenu-list-item
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    /*color: #ccc;*/
    font-size: 12px;
}

.combo_item_fix
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #ccc;
    font-size: 12px;
    width: 100%;    
}

.input_box
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #393939;
    /*font-size: 12px;*/
    width: 100%;
}

/* SELECT ONE MENU */
.input_sel_one
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    color: #989898;
    font-size: 12px;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-error  .ui-selectonemenu-label.ui-inputfield.ui-corner-all
{
    background-color: #f5dcdc;
}

/* CHECKBOX */
.input_chk
{
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;
    /*color: #888888;*/
    color: #393939;
    font-size: 12px;
}

.ui-chkbox .ui-chkbox-box
{
    vertical-align: middle;
}

.ui-chkbox .ui-chkbox-label
{
    margin: 0px 0px 10px 5px;
    font-size: 12px;
}

/* DIALOG */
.ui-dialog .ui-dialog-titlebar
{
    display: none !important;
}


/* ROW STYLE */
.row::after
{
    content: "";
    clear: both;
    display: block;
}

[class*="col-"]
{
    float: left;
    /*display: inline-table;*/
}


/* For mobile phones: */
[class*="col-"]
{
    width: 100%;
}


.algn-m-right { text-align: right; }
.algn-m-left { text-align: left; }
.algn-m-center { text-align: center; }
.pdd-m-15 { padding-top: 15px; }
.wdth-m { width: inherit !important; }

@media screen and (min-width: 1200px)
{
    .col-0 {width: 0%;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

    .col-offset-0 {margin-left: 0%;}
    .col-offset-1 {margin-left: 8.33%;}
    .col-offset-2 {margin-left: 16.66%;}
    .col-offset-3 {margin-left: 25.00%;}
    .col-offset-4 {margin-left: 33.33%;}
    .col-offset-5 {margin-left: 41.66%;}
    .col-offset-6 {margin-left: 50.00%;}

    .algn-right { text-align: right; }
    .algn-left { text-align: left; }
    .algn-center { text-align: center; }

    .pdd-m-15 { padding-top: 0px; }
    .wdth-m { width: 100% !important; }
}

@media screen and (min-width: 800px) and (max-width: 1199px)
{
    .col-0 {width: 0%;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

    .col-offset-0 {margin-left: 0%;}
    .col-offset-1 {margin-left: 8.33%;}
    .col-offset-2 {margin-left: 16.66%;}
    .col-offset-3 {margin-left: 25.00%;}
    .col-offset-4 {margin-left: 33.33%;}
    .col-offset-5 {margin-left: 41.66%;}
    .col-offset-6 {margin-left: 50.00%;}

    .algn-right { text-align: right; }
    .algn-left { text-align: left; }
    .algn-center { text-align: center; }

    .pdd-m-15 { padding-top: 0px; }
    .wdth-m { width: 100% !important; }
}


@media screen and (max-width: 799px)
{
    .col-m-0 {width: 0%;}
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

    .col-m-offset-0 {margin-left: 0%;}
    .col-m-offset-1 {margin-left: 8.33%;}
    .col-m-offset-2 {margin-left: 16.66%;}
    .col-m-offset-3 {margin-left: 25.00%;}
    .col-m-offset-4 {margin-left: 33.33%;}
    .col-m-offset-5 {margin-left: 41.66%;}
    .col-m-offset-6 {margin-left: 50.00%;}
    
    .img-m
    {
        width: 100%;
        max-width: 100%;
    }
    
    img
    {
        width: 100%;
        max-width: 100%;
    }
}