/*************************
    Begin of DefaultStyle.css
    
    ********/
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    overflow-x: hidden;
    /*The -webkit-text-size-adjust is an experimental technology specifies a size adjustment for displaying text content in Safari on iPhone. It takes 3 type of value:
        none: The text size is not adjusted.
        auto(default): The text size is automatically adjusted for Safari on iPhone.
        The size in percentage at which to display text in Safari on iPhone. Only some mobile browsers do support this CSS property beside iOS. You can check the compatibility here*/
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #FFF;
    font-family: "Lato", "open sans", "sans-serif" !important;
    font-size: 13px;
    font-weight: 300;
    overflow-x: hidden;
    color: #000000; /*color: #777;*/
    line-height: 1.0 !important;
    /*border:solid;
    border-left:solid;
    border-right:solid;
    border-top:solid;
    border-bottom:solid;*/
}

#wrapperWholePage {
    display: none;
        
    /*opacity:0;*/
}

.topBorderBlackForIphone{
    border-top: 18px solid #000000;
}


.error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.validation {
    text-align: left;
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.svg);
}

tr.border_bottom td {
  border-bottom:1pt solid black;
}
tr.border_top td {
  border-top:1pt solid black;
}

.dropdownsAdesao {
    width: 90%;
    display: inline-block;
}
/*.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}*/




/* Inicio de CSS para Titulos com forma "arredondada" no Master1 e.g. "Procedimentos em aberto", "Destaques" e "Ultimos documentos publicados"*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::selection {
    background-color: #333;
    color: #fff;
}

.home-top {
    border-top: 1px solid #ececec;
}

.home-top {
    border: 0;
    box-shadow: 0px -2px 2px rgba(255,255,255,0.3);
    color: #fff;
    margin-top: 5px;
}

.widget {
    word-wrap: break-word;
    margin-bottom: 40px;
}

.widget {
    background: #fff;
    border: 1px solid #ccc;
    /*box-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
    margin-bottom: 20px;
    padding: 20px;
}

.widget_plush-post-list {
    background-color: transparent;
    border: 0;
    box-shadow: 0;
    padding: 0;
}

.home-top .widget {
    background-color: transparent;
    border: 0;
    box-shadow: 0;
    padding: 0;
}

.home-top :first-child.widget {
    border-top: 40px solid #83c2a5;
}

.wrap {
    margin: 0 auto;
    max-width: 1140px;
    max-height: 30px;
}
/* @media only screen and (max-width:1139px) */
.wrap {
    max-width: 960px;
}
/* @media only screen and (max-width:1023px) */
.wrap {
    max-width: 768px;
}
/* @media only screen and (max-width:768px) */
.wrap {
    padding-left: 5%;
    padding-right: 5%;
}

    .wrap::before {
        content: " ";
        display: table;
    }

    .wrap::after {
        clear: both;
        content: " ";
        display: table;
    }
/* @media only screen and (max-width:1023px) */
.home-top .wrap {
    max-width: 750px;
}

h4 {
    color: #333;
    font-family: "Titillium Web",sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px;
    font-size: 20px;
    font-family: Lato,"Open Sans",sans-serif;
    font-weight: 300;
}


.expandArrowClosed {
    background: url(../images/expand-right-arrow.svg) no-repeat right top;
    float: right;
    width: 60px;
    height: 60px;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    position: relative;
    bottom: 25px;
}

.expandArrowOpen {
    background: url(../images/expand-down-arrow.svg) no-repeat right top;
    float: right;
    width: 60px;
    height: 60px;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    vertical-align: top;
    position: relative;
    bottom: 25px;
}

.widget-title, .footer-widgets .featured-content .widget-title {
    border-bottom: 1px solid #ececec;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.widget .widget-title {
    text-transform: uppercase;
}

.widget_plush-post-list .widget-title {
    background-color: #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    margin: 0;
    padding: 20px;
}

.home-top .widget-title {
    border: 0;
    border-radius: 100px;
    color: #fff;
    font-size: 2em;
    position: relative;
    text-align: center;
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
}
/* @media only screen and (max-width:599px) */
.home-top .widget-title {
    font-size: 0.7em;
}
/* @media only screen and (max-width:768px) */
.home-top .widget-title {
    font-size: 1em;
}

.home-top :first-child.widget h4 {
    padding-top: 20px;
}

.home-top :first-child.widget .widget-title {
    background-color: #83c2a5;
    box-shadow: 0px 0px 0px #83c2a5;
}

/* Fim de CSS para Titulos com forma "arredondada" no Master1 e.g. "Procedimentos em aberto", "Destaques" e "Ultimos documentos publicados"*/
.Header {
    position: fixed;
    height: 75px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    z-index: 1;
    border-bottom: solid #A4A3A8;
    /*border:solid;
    border-left:solid;
    border-right:solid;
    border-top:solid;
    border-bottom:solid;*/
    /*border:none;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:none;*/
}

.headerLeft {
    position: absolute;
    top: 15px;
    left: 0px;
    vertical-align: top;
    /*border:solid;
    border-left:solid;
    border-right:solid;
    border-top:solid;
    border-bottom:solid;*/
    width: 300px;
    height: 52px;
    z-index: 1;
    display: inline;
    margin-left: 10px;
}

#backButton {
    margin-right: 0px;
}


.headerRight {
    position: absolute;
    top: 0px;
    right: 0;
    height: 52px;
    vertical-align: top;
    /*border:solid;
    border-left:solid;
    border-right:solid;
    border-top:solid;
    border-bottom:solid;*/
    width: 30px;
    z-index: 100;
}

.headerCenter {
    top: 15px;
    left: 124px;
    right: 50px;
    vertical-align: top;
    position: absolute;
}

#logoutImgID {
    width: 35px;
    height: 47px;
    position: relative;
    display: inline;
    float: none;
    /*right: 10px;*/
}

#loginImgID {
    height: 40px;
    width: 35px;
    position: relative;
    display: inline;
    float: none;
    right: 10px;
}

#favoritesImgID {
    height: 40px;
    width: 40px;
    position: relative;
    display: inline;
    float: none;
    margin-left: 0px;
    left: 10px;
}

#divLogInOutFavorites {
    top: 0px;
    vertical-align: top;
    display: block;
    position: relative;
    margin-left: auto;
    left: 20px;
    margin-right: auto;
    /*height: 52px;*/
    z-index: 100;
    text-align: center;
    /*border:solid;
    border-left:solid;
    border-right:solid;
    border-top:solid;
    border-bottom:solid;*/
}

.unorderedLinkList {
    color: #ffffff;
    font-weight: normal !important;
    text-shadow: none !important;
}

.headerLinkMnuInf {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    /*font-family: Tahoma, Sans-Serif;*/
    /*text-decoration: none;*/
    /*height: 30px;*/
}

.headerLinkOverMnuInf {
    font-size: 13px;
    /*font-size: 11PX;*/
    cursor: pointer;
    color: #ffffff;
    /*background-color: #156CA7;*/
    font-weight: bold;
    /*font-family: Tahoma, Sans-Serif;*/
    /*background-color: #4169cd;*/
    /*text-decoration: none;*/
    /*text-decoration: underline;*/
}

#primary-nav {
    cursor: pointer;
}
    /*
The toggle button is created using the before: pseudo element
and is fixed to the top as well.
=========================================================*/
    #primary-nav:before {
        position: absolute;
        top: 0;
        right: 0px;
        content: url('../images/icon-menu.svg');
        padding: 15px 8px 15px 8px;
        color: #A4A3A8;
        text-align: center;
        background: #ffffff;
    }

    /*
This is an active state so the button is a different color
when the navigation is visible.
=========================================================*/
    #primary-nav.open:before {
        background: #A4A3A8;
        content: url('../images/icon-menuOpen.svg');
    }

    /* 
The unordered list is the main element of the navigation.
Initially it is positioned absolute far enough offscreen
to not be visible. It should not be positioned too far out
(e.g. 9999em) because the transform that will bring it
back into view will have to happen so quickly to cover that
much distance that the slide-in effect could be lost.
=========================================================*/
    #primary-nav table {
        position: absolute;
        top: 60px; /* So it appears below the button*/
        right: 0px; /* Just bellow the button */
        z-index: 100;
        visibility: hidden;
        width: 300px;
        background: #A4A3A8;
        /*border: none;
    border-collapse: collapse;
    padding-left: 0;
    margin-left:100px;*/
    }


    /*
The open state of the unordered list simply applies a
translate3d to move it back to it's "right: 0" position.
Notice above that the transitions did not specify what CSS
style attribute would be transitioned, so it defaults to
'all'. The purpose of that is to account for the browser
that does not support translate3d. Using translate3d
results in smoother animations on mobile devices compared
to transitioning the "right" style attribute.
=========================================================*/
    #primary-nav.open table {
        visibility: visible;
    }


    /*
This sets the nav items in a single column format,
primarily an overwrite of the default styles
=========================================================*/
    #primary-nav table tr {
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: 30px;
        display: block;
        border-bottom: solid;
        border-bottom-width: 1px;
        border-bottom-color: #ffffff;
        cursor: pointer;
    }

    #primary-nav table td {
        height: 30px;
    }


.tableSimilarToHeaderFootable {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: "Lato", "open sans", "sans-serif";
    font-size: 12px;
    color: #444;
    border-bottom: 1px solid #83c2a5;
    padding: 10px;
}


.styleSimilarToHeaderFootable {
    border-bottom: 1px solid #83c2a5; /*Cor da linha separadora nas tabelas */
    padding: 10px;
    border-left: none;
    font-family: "Lato", "open sans", "sans-serif";
    background-color: #83c2a5; /* Headers Colunas das tabelas */
    color: #ffffff;
    white-space: nowrap;
    text-align: center;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

/*.icon-menuSVGimglinesBefore {
    fill:#A4A3A8;
    stroke:#A4A3A8;
}

.icon-menuSVGimglinesAfter {
    fill:#FFFFFF;
    stroke:#FFFFFF;
}*/

/*.icon-menuSVGmain {
x="0px" y="0px"
	 width="40px" height="24px" viewBox="0 0 40 24" enable-background="new 0 0 40 24"
}*/

/*#primary-nav tr {
    margin-bottom: 16px;
    display: block;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color: #ffffff;
}*/

.endHeader {
    clear: both;
    height: 80px;
    overflow: hidden;
    margin-top: 0px;
    background-color: #fff;
}

a {
    text-decoration: none;
}

.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
}

.divWithTableDados {
    border-bottom: 1px solid #E1E1E1;
    float: left;
    width: 100%;
}

    .divWithTableDados table {
        width: 100%;
        padding: 3px;
    }

        .divWithTableDados table img {
            border: 0;
            margin-left: 10px;
            margin-right: 10px;
            margin: auto;
            height: 16px;
            width: 16px;
        }

        .divWithTableDados table ul {
            margin-left: 10px;
            margin: auto;
        }

        .divWithTableDados table li {
            margin-left: 10px;
            margin: auto;
        }

.tddadosout {
    FONT-SIZE: 8pt;
    COLOR: #000073;
}

.tddadosover {
    FONT-SIZE: 8pt;
    CURSOR: pointer;
    COLOR: #000073;
    TEXT-DECORATION: underline;
}


.BotaoVerde {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    background-color: #87BA41;
    color: #ffffff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #87BA41;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
}


.BotaoSeguinte {
    border-radius: 3px;
    border-style: solid;
    border-width: 4px;
    border-color: #87BA41;
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    background: url(../images/setaDireita.png) no-repeat right;
    background-color: #87BA41;
    background-position-y: 4px;
    background-position-x: 70px;
    color: #ffffff;
    padding-right: 15px;
    width: 90px;
    font-size: 14px !important;
}

.BotaoAnterior {
    border-radius: 3px;
    border-style: solid;
    border-width: 4px;
    border-color: #87BA41;
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    background: url(../images/setaEsquerda.png) no-repeat left;
    background-color: #87BA41;
    background-position-y: 4px;
    background-position-x: 1px;
    color: #ffffff;
    padding-right: 1px;
    width: 90px;
    font-size: 14px !important;
}

.BotaoPesquisar {
    border-radius: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #87BA41;
    /*font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;*/
    background: url(../images/search-white.png) no-repeat center;
    background-size: 75%;
    background-color: #87BA41;
    /*background-position-y: 4px;
    background-position-x: 4px;*/
    color: #ffffff;
    /*padding-right:20px;*/
    width: 46px;
    height: 46px;
}


.Titulo {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    text-transform: uppercase;
    /*************************
    Below added by DefaultStyle.css
    ********/
    margin: 0px 1px;
    background-color: #EEEEEE;
    height: 20px;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    display: block;
    color: #003265;
    text-align: center;
}

.Subtitulo {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    color: #000000; /*color: #777;*/
    font-size: 13px;
    text-align: center;
}

.SubtituloInline {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    color: #000000; /*color: #777;*/
    font-size: 13px;
    text-align: center !important;
}


.explic, .AcceptedAgreement {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 300;
    color: #000000; /*color: #777;*/
    font-size: 11px;
    text-align: justify;
}

.explicCenter {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 300;
    color: #000000; /*color: #777;*/
    font-size: 11px;
    text-align: center !important;
    display: inline;
}

/* User Messages styles*/
.MsgErro {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    color: #ff0000;
}

.MsgInfo {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 700;
    color: #000000; /*color: #777;*/
}

.Label {
    font-family: "Lato", "open sans", "sans-serif";
    font-weight: 300;
    color: #83c2a5;
}

/* Default style for link */
.mobLink A:link {
    text-decoration: none;
    color: #000000; /*color: #777;*/
    cursor: pointer;
    font-weight: normal !important;
}
/* Style for links visited before */
.mobLink A:visited {
    text-decoration: none;
    color: #000000; /*color: #777;*/ /*color: #FF00FF; */
    font-weight: normal !important;
}
/* Style for active link */
.mobLink A:active {
    text-decoration: none;
    color: #000000; /*color: #777;*/ /*color: #FF0000;*/
    font-weight: normal !important;
}
/* Style when mouse is over the link */
.mobLink A:hover {
    text-decoration: none; /*  underline overline;*/
    /*font-weight: bold;*/
    color: #000000; /*color: #777;*/ /*color: #0000FF;*/
    font-weight: normal !important;
}


.rowMobHeight {
    height: 25px;
}

.rowMobLink {
    cursor: pointer;
}


input.FocusedStyle {
    background-color: #f7f2f2;
    border: none;
    height: 20px;
    margin-right: 4px;
    color: #000000; /*color: #777;*/
    height: 28px;
    /*border-color: #c2bebe;*/
}

.spinner {
    /*position: fixed;*/
    top: 50%;
    left: 50%;
    background-color: #808080;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align: center;
    z-index: 1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.linkout {
    font-weight: bold;
    font-size: 11px;
    color: #000080;
    text-decoration: none;
    font-family: "Lato", "open sans", "sans-serif";
}

.linkover {
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    color: #cd5c5c;
    text-decoration: underline;
    font-family: "Lato", "open sans", "sans-serif";
}

.hLink {
    color: blue;
}

    .hLink:hover {
        color: red;
    }


.modalLoading {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.centerLoading {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 28px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .centerLoading img {
        height: 25px;
        width: 25px;
    }


.dropdownlist {
    height: 30px;
    background-color: #FFF;
    font: 300 16px 'Open Sans', sans-serif;
    color: #000;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 5px;
}

/*-- Table Layout . Equivalent layout of 'footable' */
.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

/*-- TableStyler.com --*/
.datagrid {
    font-family: "Lato", "open sans", "sans-serif";
    /*font: normal 12px Arial, Helvetica, sans-serif;*/
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 15px;
}

    .datagrid table td, .datagrid table th {
        padding: 2px 2px;
    }

    .datagrid table thead th {
        /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );
    background: -moz-linear-gradient( center top, #36752D 5%, #275420 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');*/
        background-color: #83c2a5;
        color: #FFFFFF;
        font-weight: 700;
        color: #FFF;
        font-size: 13px;
        height: 30px;
        text-align: left;
    }

        .datagrid table thead th:first-child {
            border: none;
        }

    .datagrid table tbody td {
        color: #000000; /*color: #777;*/
        font-size: 12px;
        font-weight: 300;
        border-bottom: 1px solid #83c2a5;
        font-weight: normal;
        padding: 8px;
    }

        .datagrid table tbody td:first-child {
            color: #4A9775;
        }

    .datagrid table tbody .alt td {
        background: #FFFFFF;
        color: #000000;
    }

    .datagrid table tbody td:first-child {
        border-left: none;
    }

    .datagrid table tbody tr:last-child td {
        border-bottom: 1px solid #83c2a5;
    }

.body, input, select, textarea, button, .ui-btn {
    line-height: 1.0 !important;
}

#primary-nav {
    line-height: 1.0 !important;
    font-family: "Lato", "open sans", "sans-serif" !important;
}