/* 
    Created on : 07/11/2017, 09:52:17
    Author     : Miquéias Santos
*/
body { 
    font-family: 'Raleway-Regular'; 
    font-size: 20px; 
    line-height: 1.4em; 
    color: #666666;
}

.container-fluid { max-width: 1176px;}
table tr td { padding: 6px 12px;}

.titulo {
    font-family: 'Montserrat-Regular';
    font-size: 40px;
    color: #003366;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.titulo:before {
    width: 111px;
    height: 76px;
    margin-right: -6px;
    background: url(../imagens/icon-titulo.png) 0 0 no-repeat;
    background-size: cover;
    content: " ";
    display: inline-block;
    vertical-align: middle;
}
.titulo.left {
    float: left;
    width: 50%;
}

/**************************************
    TOPO
/**************************************/
header#topo .header {
    background-color: #003366;
    padding: 13px 0;
    line-height: 14px;
    font-size: 14px;
    color: #FFFFFF;
}
header#topo .header .contato {
    font-family: 'Montserrat-Regular';
    padding-left: 24px;
    margin-right: 22px;
    float: left;
}
header#topo .header .contato.email {
    background: url(../imagens/icon-email.png) left center no-repeat;
}
header#topo .header .contato.telefone {
    background: url(../imagens/icon-telefone.png) left center no-repeat;
}
header#topo h1 {
    margin: 0;
    float: left;
}
header#topo .navicon {
    float: right;
    color: #FF8000;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-right: 1.7em;
    line-height: 32px;
    display: none;
}
header#topo .navicon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0.3em;
    width: 1.3em;
    height: 0.2em;
    background: #FF8000;
    box-shadow: 
        0 0.4em 0 0 #FF8000,
        0 0.8em 0 0 #FF8000;
}
header#topo nav {
    float: right;
    margin-top: 74px;
}
header#topo nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
header#topo nav ul li {
    float: left;
    margin-left: 42px;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    text-transform: uppercase;
}
header#topo nav ul li a {
    padding: 0 10px;
    display: block;
    color: #003366;
}

/**************************************
    DESTAQUES
/**************************************/
section#destaques {
    width: 100%;
    height: 480px;
}
section#destaque-internas {
    width: 100%;
    height: 228px;
    background: url(../imagens/destaque-topo.jpg) center top no-repeat;
    background-size: auto 100%;
    display: table;
}
section#destaque-internas .container-fluid{
    display: table;
    width: 100%;
    height: 100%;
}
section#destaque-internas h1 {
    font-family: 'Montserrat-Regular';
    font-size: 44px;
    color: #FFFFFF;
    margin: 0 auto;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}

/**************************************
    CONTEÚDO
/**************************************/
article.conteudo {
    padding: 100px 0;
}
article.conteudo img {
    float: right;
    width: calc(50% - 30px);
    margin-left: 30px;
}
article.conteudo .icon {
    float: none;
    width: auto;
    margin-left: 0;
}
article.conteudo .form-control {
    height: auto;
    padding: 12px 14px;
    margin-bottom: 20px;
    font-size: 16px;
}
article.conteudo button {
    background-color: #003366;
    font-family: 'Montserrat-Regular';
    color: #FFF;
    font-size: 16px;
    border: 0;
    padding: 10px 48px;
    text-transform: uppercase;
    border-radius: 5px;
}

/**************************************
    ESTRUTURA
/**************************************/
section#estrutura {
    width: 100%;
    background: url(../imagens/bg-estrutura.jpg) center center no-repeat;
    background-size: cover;
}
section#estrutura .container-fluid {
    display: table;
}
section#estrutura h3 {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 374px);
    font-family: 'Raleway-Regular';
    font-size: 36px;
    letter-spacing: -2px;
    color: #FFFFFF;
}
section#estrutura img {
    float: right;
    margin-top: -54px;
    margin-right: -10px;
}

/**************************************
    RODAPÉ
/**************************************/
footer#rodape {
    border-top: 10px solid #FF8000;
    background-color: #003366;
    padding: 84px 0;
    font-size: 16px;
    color: #FFFFFF;
}
footer#rodape .tacitus {
    width: 110px;
    float: right;
    fill: #FFFFFF;
}

@media only screen and (max-width: 1175px) {
    header#topo h1 { max-width: 344px}
    header#topo nav { margin-top: 64px}
    header#topo nav ul li { margin-left: 22px;}
    section#destaques { height: 410px;}
    section#estrutura h3 { font-size: 32px;}
    section#estrutura img { max-width: 352px}
    footer#rodape { padding: 62px 0}
}
@media only screen and (max-width: 1023px) {
    header#topo h1 { max-width: 336px}
    header#topo nav { margin-top: 62px}
    header#topo nav ul li { margin-left: 12px;}
    section#destaques { height: 390px;}
}
@media only screen and (max-width: 959px) {
    .titulo { font-size: 34px;}
    .titulo.left {float: none; width: auto}
    .titulo:before { width: 88px; height: 60px;}
    header#topo h1 { max-width: 260px}
    header#topo nav { margin-top: 44px}
    header#topo nav ul li { margin-left: 0px; font-size: 15px;}
    section#destaques { height: 310px;}
    section#estrutura img { max-width: 282px}
    section#estrutura h3 { font-size: 26px; letter-spacing: -1px;}
}
@media only screen and (max-width: 767px) {
    header#topo .header { padding: 12px 0}
    header#topo .navicon { display: block}
    header#topo nav { margin-top: 42px;}
    header#topo nav ul { display: none; float: right; clear: both; padding: 10px 0 20px 0}
    header#topo nav ul li { float: none; text-align: right; font-size: 16px;}
    section#destaques { height: 270px;}
    article.conteudo img { float: none; margin: 0 auto 30px auto; display: table; width: auto; max-width: 380px}
    section#estrutura h3 { margin: 60px 0; text-align: center; display: block; width: 100%}
    section#estrutura img { display: none}
}
@media only screen and (max-width: 666px) {
    section#destaques { height: 230px;}
    article.conteudo { padding: 50px 0}
    footer#rodape { padding: 44px 0}
}
@media only screen and (max-width: 567px) {
    header#topo .header .contato { padding-left: 0; background: none !important}
    header#topo .header .contato.telefone { float: right; margin-right: 0}
    section#destaques { height: 196px;}
    footer#rodape { text-align: center; padding: 36px 0}
    footer#rodape .tacitus { display: table; float: none; margin: 10px auto 0 auto;}
}
@media only screen and (max-width: 479px) {
    .titulo { font-size: 28px;}
    header#topo h1 { max-width: 187px}
    header#topo nav { margin-top: 30px}
    header#topo .header .contato { float: none; display: block}
    header#topo .header .contato.telefone { float: none; margin-top: 10px;}
    header#topo .navicon { font-size: 16px; line-height: 28px}
    article.conteudo img { width: 100%}
    section#destaques { height: 150px;}
}
@media only screen and (max-width: 374px) {
    section#destaques { height: 130px;}
    .titulo:before { width: 73px; height: 50px; font-size: 26px}
}