/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

*, *:before, *:after {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin:0;
    padding:0;
}

body {
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
}

ul li {
    list-style-type:none;
}

a {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.container,
section {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:10px;
}

header {
    clear:both;
}

header .barra {
    background:#E6E6E6;
    clear:both;
    height:60px;
    font-size:16px;
}

header .barra img {
    float:left;
}

header .barra nav {
    width:30%;
    min-width: 100px;
    float:right;
    text-align:right;
}

header .barra nav li {
    display:inline-block;
    font-size:12px;
    padding:0 5px;
}

header .barra a {
    color:#00538C;
    display:block;
    height:40px;
    line-height:40px;
    font-size:14px;
}

header .titulos {
    background:url('./../img/banner.png');

}

header .titulos .container {
    display:grid;
    grid-template-columns: 50% 50%;
}

header .titulos {
    height:160px;
}

header .titulos h1,
header .titulos h2 {
    height:140px;
    vertical-align:middle;
    line-height:140px;
}

header .titulos img {
    vertical-align:middle;
}

header .titulos h2 {
    text-align:right;
}

header .apresentacao {
    font-size:14px;
}

header .apresentacao p {
    padding:5px 0;
}

header .apresentacao span {
    font-size:12px;
    color:#6A6A6A;
}


main h3 {
    color:#0E70B0;
    font-weight:700;
    font-size:20px;
    border-bottom:2px solid #0E70B0;
    margin-bottom:10px;
    margin-top:20px;
}

main ul {
    display:grid;
    grid-template-columns: 50% 50%;
    grid-auto-rows: minmax(60px, auto);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-right:10px;
}

main ul li {
    background:#EFF0F2;
    color:#444;
    font-size:14px;
    font-weight:700;
    border:1px solid #D5D7DB;
    height:60px;
    border-radius:4px;
    display: grid;
    grid-template-columns: 70% 30%;
    line-height:60px;
    vertical-align:middle;
}

main ul li span {
    padding-left: 10px;
}

main ul li a,
main ul li select {
    display:inline-block;
    background:#FFF;
    width:100px;
    height:32px;
    line-height:32px;
    border-radius:4px;
    margin:14px auto;
    font-size:14px;
}

main ul li select {
    border:1px solid #D6D6D6;
}

main ul li a {
    color:#1E88E5;
    border:1px solid #1E88E5;
    text-align:center;
}

main ul li a:hover {
    background:#1E88E5;
    color:#FFF;
    text-decoration:none;
}

main ul li select {
    color:#444;
    font-size:14px;
    display:block;
    height:32px;
    background:#FFF;
    border:1px solid #D6D6D6;
}

footer {
    margin-top:20px;
    text-align:center;
    color:#FFF;
    height:60px;
    line-height:60px;
    background:#0E70B0;
    font-size:16px;
}

@media only screen and (max-width : 800px)
{
    main ul { display:block !important; margin-right:0; }
    main li { margin:10px 0 !important; }
}

@media only screen and (min-width: 651px){
    header .barra {
        background: #FFFFFF;
        clear: both;
        height: 75px;
        font-size: 14px;
    }
    header .barra nav {
        width: 30%;
        min-width: 100px;
        float: right;
        text-align: right;
        display: contents !important;
    }



}


@media only screen and (max-width : 650px){

    header .titulos .container {
        display:contents;
    }
    header .barra {
        background: #E6E6E6;
        clear: both;
        height: 90px;
        font-size: 14px;
    }
    header .barra nav {
        width: 30%;
        min-width: 100px;
        float: right;
        text-align: right;
        display: contents;
    }

    header .titulos h1 {
        width:100%;
        text-align:center;
        height:120px;
        vertical-align:middle;
        line-height:140px;

    }
    header .titulos h2 {
        display:none;
    }
    header .barra nav li {
        display: block;
        font-size: 12px;
        padding: 0px 5px;
        line-height: 0;
    }
    header .barra a {
        color: #00538C;
        display: block;
        height: 25px;
        line-height: 35px;
        font-size: 12px;
    }

    header .barra img {
        float: left;
        margin-top: 15px;
    }
    header .barra nav li {
        display: contents;
        font-size: 10px;
        padding: 0 5px;
        line-height: 0.2;
    }
    main ul li {
        background: #EFF0F2;
        color: #444;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid #D5D7DB;
        height: 60px;
        border-radius: 4px;
        display: grid;
        grid-template-columns: 60% 40%;
        line-height: 19px;
        vertical-align: middle;
    }
    footer {
        margin-top: 20px;
        text-align: center;
        color: #FFF;
        height: 60px;
        line-height: 60px;
        background: #0E70B0;
        font-size: 14px;
    }
    header .titulos img {
        vertical-align: middle;
        width: 285px;
    }

}

@media only screen and (max-width : 328px) {
    header .titulos h1 {
        width: 100%;
        text-align: center;
        height: 120px;
        vertical-align: middle;
        line-height: 140px;

    }

}