@charset "utf-8";
/*
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome-4.6.3.min.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a {
}

.row1, .row1 a {
}

.row2, .row2 a {
}

.row3, .row3 a {
}

.row4, .row4 a {
}

.row5, .row5 a {
}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar {
    padding: 15px 0;
    font-size: .9rem;
    text-transform: uppercase;
}

    #topbar * {
        margin: 0;
    }

    #topbar ul li {
        display: inline-block;
        margin-right: 10px;
        padding-right: 15px;
        border-right: 1px solid;
    }

        #topbar ul li:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

    #topbar i {
        margin: 0 5px 0 0;
        line-height: normal;
    }


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header {
    padding: 10px 0px;
}

    #header .heading {
        padding: 10px 0px 0px;
    }

    #header #logo {
        margin-top: 5px;
    }

        #header #logo * {
            margin: 0;
            padding: 0;
            line-height: 1;
        }

        #header #logo h1 {
            font-size: 22px;
            font-variant: small-caps;
        }

        #header #logo p {
            font-size: 12px;
            text-transform: lowercase;
        }

.modulo {
    width: 100%;
    background: rgba(220, 220, 220, 0.50);
    font-size: 1.5em;
    font-weight: 600;
    text-align:center;
    padding: 5px 20px;
    color:#000;
}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro {
    padding: 100px 0;
}

    #pageintro article * {
        text-transform: uppercase;
    }

    #pageintro article .heading {
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 1;
        font-size: 64px;
        text-align: center;
    }

    #pageintro article p:first-of-type {
        margin-bottom: 20px;
        font-size: 26px;
    }

    #pageintro article footer {
        margin-top: 10px;
    }

        #pageintro article footer a {
            padding-bottom: 5px;
            border-bottom: 2px solid;
        }


#pageinter {
    padding: 30px 0;
}

    #pageinter article * {
        text-transform: uppercase;
    }

    #pageinter article .heading {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-size: 30px;
        text-align: center;
    }

    #pageinter article p:first-of-type {
        margin-bottom: 20px;
        font-size: 26px;
    }

    #pageinter article footer {
        margin-top: 20px;
    }

        #pageinter article footer a {
            padding-bottom: 5px;
            border-bottom: 2px solid;
        }


/* Services
--------------------------------------------------------------------------------------------------------------- */
#services {
    position: relative;
}

    #services .table {
    }

    #services .table-cell {
        margin-top: -1px;
        padding: 3%;
    }

    #services article {
        text-align: center;
    }

        #services article * {
            margin: 0;
            line-height: 1;
        }

        #services article i {
            display: inline-block;
            width: 50px;
            height: 50px;
            line-height: 48px;
            margin-bottom: 20px;
            border: 1px solid;
            text-align: center;
            font-size: 24px;
        }

        #services article .heading {
            margin-bottom: 10px;
            font-size: 1.2rem;
        }

        #services article p {
            margin-bottom: 10px;
            line-height: 1.4;
        }


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container {
    /*padding: 20px 0;*/
}

    /* Content */
    .container .content {
    }

.cta > li:last-child {
    margin-bottom: 0;
}
/* Used when elements stack in small viewports */
.cta article {
    display: block;
    position: relative;
    min-height: 80px;
    padding: 0 0 0 70px;
    line-height: 150%;
}

    .cta article::before, .cta article::after {
        display: table;
        content: "";
    }

    .cta article::after {
        clear: both;
    }

    .cta article * {
        margin: 0;
        line-height: 1;
    }

    .cta article i {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 70px;
        line-height: 48px;
        text-align: center;
        font-size: 24px;
        padding: 3px;
    }

    .cta article .heading {
        font-size: 1.2rem;
        padding-top: 30px;
        line-height: 150%;
    }

    .cta article .heading1 {
        font-size: 1.2rem;
        padding-top: 15px;
        line-height: 150%;
    }

    .cta article p {
        margin-bottom: 10px;
        line-height: 1.4;
    }

/* Comments 
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}*/

/* Sidebar */
.container .sidebar {
}

.sidebar .sdb_holder {
    margin-bottom: 50px;
}

    .sidebar .sdb_holder:last-child {
        margin-bottom: 0;
    }


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer {
    padding: 10px 0;
    text-align: center;
}

    #footer .heading {
        font-size: 14px;
    }

    #footer .heading, #footer ul {
        margin-bottom: 5px;
    }

    #footer > ul:last-of-type {
        margin-bottom: 10px;
    }

    #footer .faico a {
        border-radius: 50%;
    }

    #footer #copyright {
    }

        #footer #copyright * {
            margin: 0;
            padding: 0;
        }


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after {
    transition: all .3s ease-in-out;
}

#mainav form * {
    transition: none;
    !important;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */



/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mainav, #breadcrumb, .sidebar nav {
    line-height: normal;
}

    #mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after {
        position: absolute;
        font-family: "FontAwesome";
    }

/* Top Navigation */
#mainav {
    font-size: 12px;
}

    #mainav ul.clear {
        margin-top: 3px;
    }

    #mainav ul {
        text-transform: uppercase;
    }

        #mainav ul ul {
            z-index: 9999;
            position: absolute;
            width: 250px;
            text-transform: none;
            padding-top: 10px;
        }

            #mainav ul ul ul {
                left: 180px;
                top: 10;
            }

    #mainav li {
        display: inline-block;
        position: relative;
        margin: 0 15px 0 0;
        padding: 0;
    }

        #mainav li:last-child {
            margin-right: 0;
        }

        #mainav li li {
            width: 100%;
            margin: 0;
        }

        #mainav li a {
            display: block;
            padding: 30px 0 0;
        }

        #mainav li li a {
            border: solid;
            border-width: 0 0 1px 0;
        }

    #mainav .drop {
        padding-left: 15px;
    }

    #mainav li li a, #mainav li li .drop {
        display: block;
        margin: 0;
        padding: 10px 15px;
    }

        #mainav .drop::after, #mainav li li .drop::after {
            content: "\f0d7";
        }

    #mainav .drop::after {
        top: 30px;
        left: 5px;
    }

    #mainav li li .drop::after {
        top: 15px;
        left: 5px;
    }

    #mainav ul ul {
        visibility: hidden;
        opacity: 0;
    }

    #mainav ul li:hover > ul {
        visibility: visible;
        opacity: 1;
    }

    #mainav form {
        display: none;
        margin: 0;
        padding: 0;
    }

        #mainav form select, #mainav form select option {
            display: block;
            cursor: pointer;
            outline: none;
        }

        #mainav form select {
            width: 100%;
            padding: 5px;
            border: none;
        }

            #mainav form select option {
                margin: 5px;
                padding: 0;
                border: none;
            }

/* Breadcrumb */
#breadcrumb {
    padding: 15px 0;
}

    #breadcrumb ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
    }

    #breadcrumb li {
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 0;
    }

        #breadcrumb li a {
            display: block;
            position: relative;
            margin: 0;
            padding: 0 12px 0 0;
            font-size: 12px;
        }

            #breadcrumb li a::after {
                top: 3px;
                right: 0;
                content: "\f101";
            }

        #breadcrumb li:last-child a {
            margin: 0;
            padding: 0;
        }

            #breadcrumb li:last-child a::after {
                display: none;
            }

/* Sidebar Navigation */
.sidebar nav {
    display: block;
    width: 100%;
}

    .sidebar nav li {
        margin: 0 0 3px 0;
        padding: 0;
    }

    .sidebar nav a {
        display: block;
        position: relative;
        margin: 0;
        padding: 5px 10px 5px 15px;
        text-decoration: none;
        border: solid;
        border-width: 0 0 1px 0;
    }

        .sidebar nav a::after {
            top: 9px;
            left: 5px;
            content: "\f101";
        }

    .sidebar nav ul ul a {
        padding-left: 35px;
    }

        .sidebar nav ul ul a::after {
            left: 25px;
        }

    .sidebar nav ul ul ul a {
        padding-left: 55px;
    }

        .sidebar nav ul ul ul a::after {
            left: 45px;
        }

/* Pagination */
.pagination {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
}

    .pagination li {
        display: inline-block;
        margin: 0 2px 0 0;
    }

        .pagination li:last-child {
            margin-right: 0;
        }

    .pagination a, .pagination strong {
        display: block;
        padding: 8px 11px;
        border: 1px solid;
        background-clip: padding-box;
        font-weight: normal;
    }

.boxPage {
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 20px 10px;
}

.btnPage, .btnPage a, .btnPage a:hover {
    max-width: 300px;
    margin: 20px auto;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

a .btnPage {
    cursor: default;
}

.btnGreen, .btnGreen a, .btnGreen a:hover {
    max-width: 300px;
    margin: 20px auto;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.boxBtnHome { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,dcdcdc+99 */
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0%, #dcdcdc 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#dcdcdc 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f0f0 0%,#dcdcdc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
    padding: 20px;
    margin-bottom: 50px;
}

.btnRED {
    float: left;
    width: 96%;
    height: 70px;
    background: #900 url(images/icoHANDhome.png) no-repeat left center;
    padding: 22px 0px 0px 100px;
    margin: 10px;
    color: #FFF;
}

    .btnRED:hover {
        background: #C30 url(images/icoHANDhome.png) no-repeat left center;
    }

.btnYELLOW {
    float: left;
    width: 96%;
    height: 70px;
    background: #C48900 url(images/icoHANDhome.png) no-repeat left center;
    padding: 22px 0px 0px 100px;
    margin: 10px;
    color: #FFF;
}

    .btnYELLOW:hover {
        background: #FFB811 url(images/icoHANDhome.png) no-repeat left center;
    }

.btnBLUE {
    float: left;
    width: 96%;
    height: 70px;
    background: #002977 url(images/icoHANDhome.png) no-repeat left center;
    padding: 22px 0px 0px 100px;
    margin: 10px;
    color: #FFF;
}

    .btnBLUE:hover {
        background: #03C url(images/icoHANDhome.png) no-repeat left center;
    }

a .btnPage {
    cursor: auto;
}

.boxPage1 {
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.btnPage1, .btnPage1 a, .btnPage1 a:hover {
    max-width: 300px;
    margin: 20px auto;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnPage2, .btnPage2 a, .btnPage2 a:hover {
    margin: 20px auto;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnPadrao, .btnPadrao a, .btnPadrao a:hover {
    width: 220px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnPadrao1, .btnPadrao1 a, .btnPadrao1 a:hover {
    width: 280px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnPadrao {
    border: #E1E1E1 inset 2px;
}

.btnPadrao2, .btnPadrao2 a, .btnPadrao2 a:hover {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnParticipar, .btnParticipar a, .btnParticipar a:hover {
    width: 220px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnParticipar2, .btnParticipar2 a, .btnParticipar2 a:hover {
    width: 260px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.btnEncerrado, .btnEncerrado a, .btnEncerrado a:hover {
    width: 220px;
    text-align: center;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 10px;
}

.formselect {
    float: left;
    width: 60%;
    max-width: 400px;
    margin-bottom: 20px;
}

.formbutton {
    float: left;
    width: 40%;
    max-width: 100px;
    margin-left: 10px;
}

.formbutton2 {
    float: left;
    width: 40%;
    max-width: 200px;
}



/* Back to Top */
#backtotop {
    z-index: 999;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    opacity: .2;
}

    #backtotop i {
        display: block;
        width: 100%;
        height: 100%;
        line-height: inherit;
    }

    #backtotop.visible {
        visibility: visible;
        opacity: .5;
    }

    #backtotop:hover {
        opacity: 1;
    }

/* Back to Page */
#backtopage {
    z-index: 999;
    display: inline-block;
    visibility: visible;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    opacity: .5;
    margin: 10px auto;
}

    #backtopage i {
        display: block;
        width: 100%;
        height: 100%;
        line-height: inherit;
    }

    #backtopage.visible {
        visibility: visible;
        opacity: .5;
    }

    #backtopage:hover {
        opacity: 1;
    }


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td {
    border: 1px solid;
    border-collapse: collapse;
    vertical-align: top;
    text-align: left;
    font-size: 10.5px;
}

table, th {
    table-layout: auto;
}

table {
    width: 100%;
    margin-bottom: 15px;
}

th, td {
    padding: 5px 8px;
}

td {
    border-width: 0 1px;
}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

    #gallery figure figcaption {
        display: block;
        width: 100%;
        clear: both;
    }

    #gallery li {
        margin-bottom: 30px;
    }


/* Icons
--------------------------------------------------------------------------------------------------------------- */
.icoOS {
    width: 100%;
    height: 70px;
}

.icoOSC {
    width: 100%;
    height: 70px;
}

.icoMA {
    width: 100%;
    height: 70px;
}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .faico li {
        display: inline-block;
        margin: 8px 5px 0 0;
        padding: 0;
        line-height: normal;
    }

        .faico li:last-child {
            margin-right: 0;
        }

    .faico a {
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 18px;
        text-align: center;
    }

    .faico a {
        color: #474747;
        background-color: #FFFFFF;
    }

        .faico a:hover {
            color: #FFFFFF;
        }

.faicon-facebook:hover {
    background-color: #999;
}

.faicon-instagram:hover {
    background-color: #999;
}

.faicon-flickr:hover {
    background-color: #999;
}

.faicon-twitter:hover {
    background-color: #999;
}

.faicon-youtube:hover {
    background-color: #999;
}

/* Text Color
--------------------------------------------------------------------------------------------------------------- */
.txtGray {
    color: #999;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body {
    color: #474747;
    
}

#navbarMenu a {
    background: #000;
}

#navbarLink a {
    background: none;
}

a {
    color: #B97D2D;
}

    a:hover {
        color: #533200;
    }

    a:active, a:focus {
        background: transparent;
    }
/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox {
    border-color: #D7D7D7;
}

label span {
    color: #FF0000;
    background-color: inherit;
}

input:focus, textarea:focus, *:required:focus {
    border-color: #B97D2D;
}

.overlay {
    color: #FFFFFF;
    background-color: inherit;
}

    .overlay::after {
        color: inherit;
        background-color: rgba(0,0,0,.55);
        background: url(images/backHome.png) no-repeat top center;
    }

/*.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}*/

/*.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#B97D2D; border-color:#B97D2D;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}*/

/* Rows */
.row0, .row0 a {
    color: #474747;
    background-color: #F7F7F7;
}

.row1 {
    color: #474747;
    background-color: #000;
}

.row2, .row2 a {
}

.row3 {
    color: #474747;
    background-color: #FFFFFF;
}

.row4 {
    color: #474747;
    background-color: #E6E6E6;
}


/* Top Bar */
#topbar ul li {
    border-color: rgba(0,0,0,.2);
}

#topbar > div:last-of-type li:first-child a {
    color: #B97D2D;
}


/* Header */
#header #logo h1 a {
    color: inherit;
    background-color: inherit;
}

#header article .heading {
    margin: 0px;
    text-align: left;
}


/* Pages */
#pageintro article footer a {
    color: inherit;
    border-color: inherit;
}

#pageinter article footer a {
    color: inherit;
    border-color: inherit;
}

.group a {
    color: #000;
}

    .group a:hover {
        color: #666;
    }

.destaqPg {
    color: #B1641D;
}

.destaqAlerta {
    background: #B1641D;
    color: #FFF;
}

.txtDestaq {
    color: #C00;
}

.titABERTO {
    background: #1C9E3E;
    color: #FFF;
}

.titENCERRADO {
    background: #BF0000;
    color: #FFF;
}

.titDISPENSA {
    background: #DD9B00;
    color: #FFF;
}

.titIMPUGNA {
    background: #DD6D37;
    color: #FFF;
}

.subtitIMPUGNA {
    color: #DD6D37;
    border-bottom: #FFC891 2px solid;
}

.titDI {
    color: #DD9B00;
    border-bottom: #FFE29F 2px solid;
}

.boxPage, .boxPage1 {
    border: 2px solid #CCC;
}

    .boxPage:hover, .boxPage1:hover {
        border: 2px solid #999;
        background: #F0F0F0;
        color: #333;
    }

.boxMapa {
    background: #EBEBEB;
}

.btnPage, .btnPage1, .btnPage2, .btnPadrao, .btnPadrao1, .btnPadrao2 {
    background: #CCC;
}

    .btnPage a, .btnPage1 a, .btnPage2 a, .btnPadrao a, .btnPadrao1 a, .btnPadrao2 a {
        color: #000;
    }

        .btnPage a:hover, .btnPage1 a:hover, .btnPage2 a:hover, .btnPadrao a:hover, .btnPadrao1 a:hover, .btnPadrao2 a:hover {
            color: #FFF;
            cursor: default;
        }

    .btnPage:hover, .btnPage1:hover, .btnPage2:hover, .btnPadrao:hover, .btnPadrao1:hover, .btnPadrao2:hover {
        background: #999;
        color: #FFF;
        cursor: default;
    }

a .btnPage {
    color: #000;
}

.btnParticipar, .btnParticipar2, .btnGreen {
    background-color: #008000;
    color: #FFF;
}

    .btnParticipar:hover {
        background: #0C0;
    }

.btnEncerrado {
    background-color: #800000;
    color: #FFF;
}

    .btnEncerrado:hover {
        background: #F00;
    }

/* Services */
#services .table-cell {
    background: url(images/bkBox.png) repeat-x bottom center;
    border: #FFF 5px solid;
}

    #services .table-cell a {
        color: #000;
    }

    #services .table-cell:hover {
        background: url(images/bkBoxHover.png) repeat-x bottom center;
    }

#services article i {
    color: #B97D2D;
}

#services article:hover i {
    color: #FFFFFF;
    background-color: #B97D2D;
    border-color: #B97D2D;
}

/* Icons
--------------------------------------------------------------------------------------------------------------- */
.icoOS {
    background: url(images/ico_OS.png) no-repeat top center;
}

.icoOSC {
    background: url(images/ico_OSC.png) no-repeat top center;
}

.icoMA {
    background: url(images/ico_MA.png) no-repeat top center;
}


/* Content Area */
.cta article i {
    color: #B97D2D;
}

.cta article:hover i {
    color: #FFFFFF;
}


/* Footer */
#footer #copyright a {
    color: inherit;
    background-color: inherit;
}


/* Navigation */
#mainav li a {
    color: #FFF;
}

#mainav .active a, #mainav a:hover, #mainav li:hover > a {
    color: #E1C68C;
    background-color: inherit;
}

#mainav li li a, #mainav .active li a {
    color: #FFFFFF;
    background-color: rgba(0,0,0,.8);
    border-color: rgba(0,0,0,.6);
}

#mainav li li:hover > a, #mainav .active .active > a {
    color: #FFFFFF;
    background-color: #B97D2D;
}

#mainav form select {
    color: #FFFFFF;
    background-color: #413E3D;
}

#mainav .heading {
    color: #C90;
}

#breadcrumb a {
    color: inherit;
    background-color: inherit;
}

#breadcrumb li:last-child a {
    color: #B97D2D;
}

.container .sidebar nav a {
    color: inherit;
    border-color: #D7D7D7;
}

    .container .sidebar nav a:hover {
        color: #B97D2D;
    }

.pagination a, .pagination strong {
    border-color: #D7D7D7;
}

.pagination .current * {
    color: #FFFFFF;
    background-color: #B97D2D;
}

#backtotop {
    color: #FFFFFF;
    background-color: #B97D2D;
}

#backtopage {
    color: #FFFFFF;
    background-color: #B97D2D;
}

.contactform input, .contactform textarea, .contactform select, .cadform input, .cadform textarea, .cadform select {
    border: 1px solid #CCC;
}

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea {
    border-color: #B3B3B3;
}

    #comments input:focus, #comments textarea:focus, #comments *:required:focus {
        border-color: #B97D2D;
    }

th {
    color: #FFFFFF;
    background-color: #373737;
}

tr, #comments li, #comments input[type="submit"], #comments input[type="reset"] {
    color: inherit;
    background-color: #FBFBFB;
}

    tr:nth-child(even), #comments li:nth-child(even) {
        color: inherit;
        background-color: #EBEBEB;
    }

table a, #comments a {
    background-color: inherit;
}

/*Geral*/

.dn {
    display: none;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.txtCenter {
    text-align: center;
}

.txtRight {
    text-align: right;
}

.txtGray {
    margin: 30px 0px 15px;
    font-size: 1.5em;
}

.bbottom {
    border-bottom: #CCC solid 2px;
    margin: 3px 0px;
    padding-bottom: 10px;
    float: left;
}

.bNo, .bNo table, .bNo tr, .bNo td {
    border: none;
}

.content ul li, .content ol li {
    margin-bottom: 10px;
}

.content img {
    margin-right: 15px;
}

.content td, .content th {
    padding: 5px;
}

.padPage {
    padding: 20px;
}

.destaqPg {
    font-weight: bold;
}

.destaqAlerta {
    padding: 2px 10px;
    font-weight: bold;
}

.ftepqna {
    font-size: 0.9em;
}

.spaceLEFT {
    margin-left: 10px;
}

.spaceTOP {
    margin-top: 50px;
}

.spaceTOP1 {
    margin-top: 20px;
}

.spaceBOTTOM {
    margin-bottom: 50px;
}

.boxMapa {
    padding: 10px;
}

.contactform input, .contactform textarea, .contactform select {
    padding: 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}

.cadform {
    width: 100%;
    max-width: 600px;
    margin: 10px auto;
}

    .cadform input, .cadform textarea, .cadform select {
        padding: 5px;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 5px;
        -moz-border-radius-topleft: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
    }

.titABERTO, .titENCERRADO, .titDISPENSA, .titIMPUGNA {
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    padding: 3px 10px;
    font-size: 1.1em;
}

.titDI, .subtitIMPUGNA {
    float: left;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 30px;
}

.titArea {
    color: #C90;
}

.formSize100 {
    width: 100%;
    float: left;
}

.formSize60 {
    width: 60%;
    float: left;
}

.formSize50 {
    width: 50%;
    float: left;
}

.formSize40 {
    width: 40%;
    float: left;
}

.formSize30 {
    width: 30%;
    float: left;
}

.formSize5 {
    width: 10%;
    float: left;
}



.login {
    max-width: 400px;
    margin: 60px auto 30px;
}

.loginsize {
    padding: 5px;
    width: 100%;
}

.content100 {
    float: left;
    width: 100%;
}

    .content100 p {
        float: left;
        width: 100%;
        padding: 1px 0px;
    }

.mRight {
    margin-right: 10px;
}

dt a {
    margin: 5px 0px;
    padding-left: 15px;
    display: block;
    cursor: pointer;
}

dd {
    margin-bottom: 15px;
    line-height: 150%;
    padding-left: 15px;
}



/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/*NOTÍCIAS*/


.noticias {
    float: left;
    text-align: left;
    width: 96%;
    margin: 0px;
}

.titNOTICIA {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 120%;
    text-align: left;
}

.dataNOTICIA {
    text-align: left;
    margin-bottom: 10px;
}

.credNOTICIA {
    text-align: right;
    font-size: 0.8em;
    margin-bottom: 5px;
}

.navNOTICIA {
    text-align: center;
    margin: 5px 0px;
}

.txtpress {
    float: left;
    width: 100%;
    font-size: 0.9em;
}

    .txtpress div {
        line-height: 130%;
    }

.titArea {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 130%;
    text-align: left;
    margin-bottom: 5px;
}


/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport {
    width: device-width;
}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
    .hoc {
        max-width: 978px;
    }

    .content {
        min-height: 440px;
    }
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px) {
    .hoc {
        max-width: 90%;
    }

    #topbar {
    }

    #header {
        padding: 30px 0;
    }

        #header #logo {
            margin: 0;
        }

    #mainav {
    }

        #mainav ul {
            display: none;
        }

        #mainav form {
            display: block;
        }

    #breadcrumb {
    }

    .container {
    }

    #comments input[type="reset"] {
        margin-top: 10px;
    }

    .pagination li {
        display: inline-block;
        margin: 0 5px 5px 0;
    }

    #footer {
    }
}


@media screen and (max-width:750px) {
    .imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        padding-top: 15px;
        text-align: center;
    }

        #topbar ul {
            margin: 0 0 15px 0;
            line-height: normal;
        }

    #header {
        text-align: center;
    }

        #header #logo {
            margin: 0 0 30px 0;
        }

    #mainav form {
        margin-top: 0;
    }

    #pageintro article .heading {
        margin-bottom: 30px;
        font-size: 38px;
    }

    #pageintro article p:first-of-type {
        margin-bottom: 20px;
        font-size: 18px;
    }

    #pageinter article .heading {
        font-size: 38px;
    }

    #pageinter article p:first-of-type {
        margin-bottom: 10px;
        font-size: 18px;
    }

    #services .table, #services .table-row, #services .table-cell {
        display: block;
        width: 100%;
    }

    #services .table-cell {
        padding: 5%;
    }
}


@media screen and (max-width:450px) {
    #topbar ul li {
        margin-bottom: 2px;
        padding-right: 0;
        border-right: none;
    }
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {
    .scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 15px 0;
        overflow: auto;
        overflow-x: scroll;
    }

        .scrollable table {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

    .inline li {
        display: block;
        margin-bottom: 10px;
    }

    .pushright li {
        margin-right: 0;
    }

    .font-x2 {
        font-size: 1.4rem;
    }

    .font-x3 {
        font-size: 1.6rem;
    }
}

/* Validação
--------------------------------------------------------------------------------------------------------------- */
#minhaArea {
    float: right;
    margin: -170px -5px 0 0;
    font-size: 14px;
    padding: 10px;
    background-color: #000;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

    #minhaArea a {
        color: white;
        font-size: 14px;
    }

.BackFrame {
    background-color: #F7F7F7;
}

.data {
    width: 150px;
}

.ciente {
    color: red;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 25px;
    font-size: 11px;
    display: inline-block;
}

.checkbox {
    display: inline-block;
}

div.sdg-enabled a {
    display: block;
    margin: 0;
    padding: 0;
    transition-duration: 300ms;
    transform: scale(1);
    filter: none;
    -webkit-filter: grayscale(0);
}

div.sdg-enabled.checked a {
    transform: scale(0.8);
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

/* style the parent spans */
div.sdg-enabled {
    padding: 0;
    margin: 5px;
    display: inline-block;
    border: 1px solid transparent;
    transition-duration: 300ms;
}

    div.sdg-enabled.checked {
        border-color: #ccc;
    }

    /* Using conexo's fantastic CSS, make the checkmarks */
    div.sdg-enabled::before {
        background-color: rgba(50, 200, 50, 0.7);
        color: white;
        content: "✓";
        font-weight: bold;
        border-radius: 50%;
        position: absolute;
        margin: 2px;
        top: 1;
        left: 1;
        z-index: 1;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 28px;
        transform: scale(0);
        transition-duration: 300ms;
    }

    div.sdg-enabled.checked::before {
        transform: scale(1);
    }

.field--name-field-sdgs, #sdg-detail-sdgs-region .field--name-field-sdgs, #enabled_sdgs .field--name-field-sdgs, #related_sdgs_region .field--name-field-sdgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

    /*.field--name-field-sdgs .field__item, #sdg-detail-sdgs-region .field--name-field-sdgs .field__item, #enabled_sdgs .field--name-field-sdgs .field__item, #related_sdgs_region .field--name-field-sdgs .field__item {
        margin: 0.2em;
    }*/

#related_sdgs_region {
    margin-bottom: 80px;
}

.sdg-box {
    overflow: hidden;
}

    .sdg-box .box {
        display: block;
        background-size: 100%;
        width: 7em;
        height: 7em;
        transition: all .2s ease-in-out;
    }

@media all and (min-width:720px) {
    .sdg-box .box {
        width: 7em;
        height: 7em;
    }
}

.sdg-box.sdg-enabled .box:hover {
    transform: scale(1.07);
    position: relative;
}

.sdg-box .sdg-01 {
    background: url(./images/sdgs/SDG-1.svg) no-repeat;
}

.sdg-box .sdg-pt-br-01 {
    background: url(./images/sdgs/SDG-1.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-02 {
    background: url(./images/sdgs/SDG-2.svg) no-repeat;
}

.sdg-box .sdg-pt-br-02 {
    background: url(./images/sdgs/SDG-2.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-03 {
    background: url(./images/sdgs/SDG-3.svg) no-repeat;
}

.sdg-box .sdg-pt-br-03 {
    background: url(./images/sdgs/SDG-3.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-04 {
    background: url(./images/sdgs/SDG-4.svg) no-repeat;
}

.sdg-box .sdg-pt-br-04 {
    background: url(./images/sdgs/SDG-4.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-05 {
    background: url(./images/sdgs/SDG-5.svg) no-repeat;
}

.sdg-box .sdg-pt-br-05 {
    background: url(./images/sdgs/SDG-5.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-06 {
    background: url(./images/sdgs/SDG-6.svg) no-repeat;
}

.sdg-box .sdg-pt-br-06 {
    background: url(./images/sdgs/SDG-6.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-07 {
    background: url(./images/sdgs/SDG-7.svg) no-repeat;
}

.sdg-box .sdg-pt-br-07 {
    background: url(./images/sdgs/SDG-7.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-08 {
    background: url(./images/sdgs/SDG-8.svg) no-repeat;
}

.sdg-box .sdg-pt-br-08 {
    background: url(./images/sdgs/SDG-8.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-09 {
    background: url(./images/sdgs/SDG-9.svg) no-repeat;
}

.sdg-box .sdg-pt-br-09 {
    background: url(./images/sdgs/SDG-9.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-10 {
    background: url(./images/sdgs/SDG-10.svg) no-repeat;
}

.sdg-box .sdg-pt-br-10 {
    background: url(./images/sdgs/SDG-10.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-11 {
    background: url(./images/sdgs/SDG-11.svg) no-repeat;
}

.sdg-box .sdg-pt-br-11 {
    background: url(./images/sdgs/SDG-11.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-12 {
    background: url(./images/sdgs/SDG-12.svg) no-repeat;
}

.sdg-box .sdg-pt-br-12 {
    background: url(./images/sdgs/SDG-12.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-13 {
    background: url(./images/sdgs/SDG-13.svg) no-repeat;
}

.sdg-box .sdg-pt-br-13 {
    background: url(./images/sdgs/SDG-13.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-14 {
    background: url(./images/sdgs/SDG-14.svg) no-repeat;
}

.sdg-box .sdg-pt-br-14 {
    background: url(./images/sdgs/SDG-14.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-15 {
    background: url(./images/sdgs/SDG-15.svg) no-repeat;
}

.sdg-box .sdg-pt-br-15 {
    background: url(./images/sdgs/SDG-15.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-16 {
    background: url(./images/sdgs/SDG-16.svg) no-repeat;
}

.sdg-box .sdg-pt-br-16 {
    background: url(./images/sdgs/SDG-16.svg) no-repeat;
    background-size: 100%;
}

.sdg-box .sdg-17 {
    background: url(./images/sdgs/SDG-17.svg) no-repeat;
}

.sdg-box .sdg-pt-br-17 {
    background: url(./images/sdgs/SDG-17.svg) no-repeat;
    background-size: 100%;
}

.wd-100 {
    width:100%;
    height: 5rem !important;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}