@charset "UTF-8";
@import url(icons.css);

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,400italic,600italic,600,700italic,300italic,300);

@font-face {
    font-family: Titillium-bold;
    src: url(./fonts/TitilliumWeb-Bold.eot);
    src: url(./fonts/TitilliumWeb-Bold.woff) format("woff")
}

@font-face {
    font-family: Titillium-regular;
    src: url(./fonts/TitilliumWeb-Regular.eot);
    src: url(./fonts/TitilliumWeb-Regular.woff) format("woff")
}

@font-face {
    font-family: Titillium-semi-bold;
    src: url(./fonts/TitilliumWeb-SemiBold.eot);
    src: url(./fonts/TitilliumWeb-SemiBold.woff) format("woff")
}

@font-face {
    font-family: Titillium-semi-bold-italic;
    src: url(./fonts/TitilliumWeb-SemiBoldItalic.eot);
    src: url(./fonts/TitilliumWeb-SemiBoldItalic.woff) format("woff")
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
strong {
	    font-weight: bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ELEMENTOS */
* { font-family: "Titillium Web", sans-serif; }
body { background-color: #ffffff; }
input[type="text"],
textarea { border-bottom: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; border-right: 1px solid #c9c9c9 !important; border-top: 1px solid #c9c9c9 !important; border-radius: 2px !important; box-sizing: content-box !important; color: #5c5c5c !important; display: block !important; font-size: 13px !important; line-height: 20px !important; margin: 0 !important; padding: 4px 8px !important; width: 100% !important; }
input[type="text"],
textarea {
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f1f1 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f1f1), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f1f1 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f1f1 0%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f1f1 0%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f1f1 0%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1f1', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
}
.chosen-container .chosen-single { border-bottom: 1px solid #c9c9c9 !important; border-left: 1px solid #ebebeb !important; border-right: 1px solid #c9c9c9 !important; border-top: 1px solid #ebebeb !important; border-radius: 2px !important; box-shadow: none !important; color: #5c5c5c !important; font-size: 13px !important; font-weight: 400 !important; height: 28px !important; line-height: 28px !important; }
.chosen-container .chosen-single {
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #f3f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f3f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f3f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#f3f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#f3f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f3f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f3f1f1',GradientType=0 ); /* IE6-9 */
}
.chosen-container .chosen-single span { font-size: inherit; font-weight: inherit; }
/*.chosen-container .chosen-single div b { background-position: 0 5px !important; }
.chosen-container-active .chosen-single div b { background-position: -18px 5px !important; }*/
input:focus, textarea:focus { outline: #51b4d8 solid 2px; }
textarea { resize: none; }
::-webkit-input-placeholder { color: #999999; font-style: italic; }
:-moz-placeholder { color: #999999; font-style: italic; } /* Firefox 18- */
::-moz-placeholder { color: #999999; font-style: italic; } /* Firefox 19+ */
:-ms-input-placeholder { color: #999999; font-style: italic; }
.chosen-container .chosen-single.chosen-default { color: #999999 !important; font-style: italic !important; }
.chosen-container .chosen-single.chosen-default span { color: inherit; }
.chosen-search input[type="text"] { box-sizing: border-box !important; }

/* GERAL */
.janela { background-color: #eeeeee; min-width: 960px; width: 100%; }
.botao { border: 1px solid #0090c5; border-radius: 6px; color: #0090c5; display: inline-block; font-size: 14px; font-style: italic; font-weight: 600; height: 30px; line-height: 30px; padding: 0 10px; text-decoration: none; }
.botao:hover { background-color: #0090c5; color: #ffffff; }
.botao span { display: block; font-size: inherit !important; float: left; }
.botao .icone { font-family: brasilcap-icons !important; font-size: 16px; font-style: normal; font-weight: 400; margin-right: 4px; }
.botao-especial { background: transparent url(../img/botao.png) no-repeat left top; display: inline-block; height: 35px; text-decoration: none !important; }
.botao-especial span { background: transparent url(../img/botao.png) no-repeat right bottom; color: #ffffff; display: block; font-size: 15px; font-weight: 700; left: 10px; line-height: 35px; padding: 0 20px 0 10px; position: relative; }
.quebra { clear: both; height: 0; }

/* CABEÇALHO */
.cabecalho { position: relative; z-index: 2; }
.cabecalho .barra { background: yellow; border-bottom: 1px solid #bd8c00; box-shadow: 0 1px 0 #fff500; height: 30px; left: 0; margin-bottom: 1px; position: absolute; top: 0; width: 100%; }
.cabecalho .barra {
	background: #ffe603; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe603 0%, #ffd200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe603), color-stop(100%,#ffd200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe603 0%,#ffd200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe603 0%,#ffd200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe603 0%,#ffd200 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe603 0%,#ffd200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe603', endColorstr='#ffd200',GradientType=0 ); /* IE6-9 */
}
.cabecalho .conteudo { margin: 0 auto; padding: 75px 0 25px 0; position: relative; width: 890px; }
.cabecalho .conteudo .logo-brasilcap { display: block; left: -26px; position: absolute; top: 10px; }
.cabecalho .conteudo .logo-brasilcap,
.cabecalho .conteudo .botao-menu {
	/*-moz-box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.05);*/
}
.cabecalho .conteudo .menu-mobile { bottom: 100%; display: none; left: 0; position: absolute; width: 100%; z-index: 1; }
.cabecalho .conteudo .menu-mobile > ul { background-color: #2075a7; border-bottom: 1px solid #0b537f; border-top: 1px solid #4189b3;display: block; position: relative; }
.cabecalho .conteudo .menu-mobile > ul > li { border-bottom: 1px solid #0b537f; border-top: 1px solid #4189b3; display: block; margin: 0 auto; width: 90%; }
.cabecalho .conteudo .menu-mobile > ul > li:first-child { border-top: none; }
.cabecalho .conteudo .menu-mobile > ul > li:last-child { border-bottom: none; }
.cabecalho .conteudo .menu-mobile > ul > li > a { color: #ffffff; display: block; font-size: 12px; font-weight: 600; line-height: 12px; padding: 18px 0; position: relative; text-align: right; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.cabecalho .conteudo .menu-mobile > ul > li > a span { color: #2b6c88; display: block; float: left; font-family: brasilcap-icons !important; text-shadow: 1px 1px 0 #54a2c3; }
.cabecalho .conteudo .menu-mobile > ul > li > a:hover { color: #f8cd37; }
.cabecalho .conteudo .menu-mobile > ul > li > a:hover span { color: #f8cd37; text-shadow: inherit; }
.cabecalho .conteudo .menu-mobile > ul > li > ul { display: none; padding-bottom: 10px; }
.cabecalho .conteudo .menu-mobile > ul > li > a.aberto + ul { display: block; }
.cabecalho .conteudo .menu-mobile > ul > li > ul > li { display: block;  }
.cabecalho .conteudo .menu-mobile > ul > li > ul > li > a { color: #9bc2d0; display: block; font-size: 12px; font-style: italic; line-height: 12px; padding: 8px 0; text-align: right; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
.cabecalho .conteudo .menu-mobile > ul > li > ul > li > a:hover { color: #ffffff; }
.cabecalho .conteudo .logo-brasilcap img { display: block; }
.cabecalho .conteudo .botao-menu { display: none; }
.cabecalho .conteudo .botao-menu img { display: block; }
.cabecalho .conteudo div.form-login { position: absolute; right: 0; top: 7px; }
.cabecalho .conteudo div.form-login a { color: #627490; display: block; font-size: 16px; font-style: italic; font-weight: 700; line-height: 14px; text-decoration: none; /*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);*/ }
.cabecalho .conteudo .painel { display: block; position: relative; z-index: 0; }
.cabecalho .conteudo .painel .foto { display: block; height: auto; width: 100%; }
.cabecalho .conteudo .painel .logo-postalcap { background-color: transparent !important; display: block; left: 45px; position: absolute; top: 42px; width: 351px; }
.cabecalho .conteudo .painel .logo-postalcap img { display: block; height: auto; width: 100%; }
.cabecalho .conteudo .painel h3 { bottom: 85px; color: #ffffff; font-size: 22px; font-weight: 700; left: 55px; line-height: 23px; position: absolute; }
.cabecalho .conteudo .painel .botao-especial { bottom: 37px; left: 50px; position: absolute;  }

/* PÁGINA */
.pagina { background: url(../img/pagina-sombra.png) no-repeat center bottom; position: relative; }
.pagina .conteudo { margin: 0 auto; padding: 0 0 25px 0; position: relative; width: 890px; }
.pagina .conteudo .atendimento { margin-top: 8px; }
.pagina .conteudo .atendimento h2 { color: #004d83 !important; font-size: 19px !important; font-style: italic !important; font-weight: 700 !important; line-height: 40px !important; margin-bottom: 0px !important; }
.pagina .conteudo .atendimento h3 { color: #004d83 !important; font-size: 15px !important; font-style: normal !important; font-weight: 600 !important; line-height: 20px !important; margin-bottom: 0px !important; }
.pagina .conteudo .atendimento h4 { color: #0090c5 !important; font-size: 26px !important; font-style: italic !important; font-weight: 700 !important; line-height: 26px !important; margin-bottom: 8px !important; }
.pagina .conteudo .atendimento h4 span { font-size: 20px; }
.pagina .conteudo .lateral { background: transparent url(../img/pagina-pontilhado.png) repeat-y right top; float: left; min-height: 240px; padding: 15px 30px 15px 0; width: 250px; }
.pagina .conteudo .lateral .titulo { cursor: pointer; display: block; margin-bottom: 20px; position: relative; }
.pagina .conteudo .lateral .titulo img { /*border-bottom: 1px solid #dddddd;*/ display: block; margin: 0; padding-bottom: 11px; }
.pagina .conteudo .lateral .titulo .seta { bottom: 10px; color: #dcc12b; display: none; font-family: brasilcap-icons !important; font-size: 35px; font-style: italic; font-weight: 400; line-height: 35px; position: absolute; right: -4px; width: 20px; }
.pagina .conteudo .lateral .titulo.atual .seta { display: block; }

 .menu {
    padding: 5px 0;
    background-color: #004d83;
    border: 3px solid #0090c5
}

 .menu .line {
    width: 100%;
    height: 2px;
    background-color: #006799;
    margin: 20px 0
}

 .menu .sub-menu {
    margin-left: 20px
}

 .menu .sub-menu a {
    margin-top: 10px;
    display: block
}

.menu ul {
    list-style: none;
    padding-left: 25px
}

 .menu ul li {
    cursor: pointer
}

 .menu ul li a {
    color: #fff;
    font-family: Titillium-semi-bold-italic; 
    font-size: 16px;
    position: relative;
    width: 100%;
    display: block;
	margin-top: 10px;
	text-decoration: none;
}

 .menu ul li a.active {
    color: #f8cd37 !important
}

 .menu ul li a.cta-sub-menu {
    color: #fff
}

 .menu ul li a.cta-sub-menu:after {
    right: 20px
}

 .menu ul li a.active,
 .menu ul li a:hover {
    text-decoration: none;
    color: #f8cd37 !important
}
 .menu ul li a:after {
    content: "";
    background: url(../img/arrow.png) 50% no-repeat;
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 15px;
    width: 15px
}

.menu ul li a:hover {
    text-decoration: none;
    color: #f8cd37!important;
}

main .menu .sub-menu a {
    margin-top: 10px;
    display: block;
}

 .menu-extra-options {
    margin-top: 20px
}

 .menu-extra-options ul {
    list-style: none;
    padding: 0
}

.menu-extra-options ul li {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #22708a
}
 .menu-extra-options ul li a {
    color: #0090c5;
    font-family: Titillium-semi-bold-italic;
	font-size: 16px;
	text-decoration: none;
}
.menu-extra-options ul li a.active {
    color: #f8cd37 !important
}
.menu-extra-options ul li a:hover {
    text-decoration: none;
    color: #0c6586
}

 .menu-extra-options ul li:first-of-type a::before {
    content: "";
    background: url(../img/icone-fale.png) 50% no-repeat;
    width: 60px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

 .menu-extra-options ul li:nth-of-type(2) a:before {
    content: "";
    background: url(../img/icone-perguntas.png) 50% no-repeat;
    width: 60px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

/* .pagina .conteudo .lateral .menu { background-color: #004d83; border: 3px solid #0090c5; }
.pagina .conteudo .lateral .menu ul li { display: block; }
.pagina .conteudo .lateral .menu ul li a { display: block; position: relative; text-decoration: none; }
.pagina .conteudo .lateral .menu ul li a span { color: #f8cd37; display: block; font-family: brasilcap-icons !important; font-size: 10px; font-style: normal; font-weight: 700; line-height: 10px; margin-top: -5px; position: absolute; right: 10px; top: 50%; }
.pagina .conteudo .lateral .menu > ul > li > a {   color: #f8cd37; font-size: 12px; font-weight: 600; line-height: 14px; padding: 9px 24px 9px 18px;  text-transform: uppercase; }
.pagina .conteudo .lateral .menu > ul > li > ul {  border-top: 1px solid #006799; display: block; padding: 10px 0; }
.pagina .conteudo .lateral .menu > ul > li > ul > li > a { color: #c2dae3; font-size: 12px; font-style: italic; font-weight: 600; line-height: 14px; padding: 5px 24px 5px 18px; } */
.pagina .conteudo .lateral .atalhos { background-color: transparent; margin-top: 8px; }
.pagina .conteudo .lateral .atalhos a { border-bottom: 1px dotted #22708a; display: block; font-size: 16px; height: 55px; line-height: 55px; position: relative; text-decoration: none; }
.pagina .conteudo .lateral .atalhos a .icone { float: left; height: 100%; text-align: center; width: 64px; }
.pagina .conteudo .lateral .atalhos a .icone img { display: inline-block; height: 35px; margin-top: 10px; vertical-align: top; width: auto; }
.pagina .conteudo .lateral .atalhos a span { color: #0091c6; font-size: 16px; font-style: italic; font-weight: 700; line-height: 18px; vertical-align: middle; }
.pagina .conteudo .lateral .atalhos a .seta { color: #dcc12b; float: right; font-family: brasilcap-icons !important; font-size: 26px; font-weight: 100; margin-right: 8px; position: relative; top: 2px; }
.pagina .conteudo .lateral .atalhos a:hover span{ color: #51b4d8; }
.pagina .conteudo .principal { float: left; /*overflow: hidden;*/ padding: 15px 0 85px 20px; width: 590px; }
.pagina .conteudo .principal .voltar { color: #0091c6; display: inline-block; font-size: 15px; font-style: italic; font-weight: 600; line-height: 20px; margin-bottom: 10px; text-decoration: none; }
.pagina .conteudo .principal .voltar:hover { color: #51b4d8; }
.pagina .conteudo .principal .voltar span { float: left; font-family: brasilcap-icons !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; margin-right: 4px; }
.pagina .conteudo .principal .mascara { overflow: hidden; }
.pagina .conteudo .principal .produtos { left: 0; overflow: hidden; position: relative; width: 1000%; }
.pagina .conteudo .principal .produtos .produto { float: left; margin-right: 10%; overflow: hidden; width: 10%; }
.pagina .conteudo .principal .titulo-mobile { display: none; }
.pagina .conteudo .principal h2 { color: #bea45f; font-size: 33px; font-style: italic; font-weight: 700; line-height: 34px; margin-bottom: 15px; }
.pagina .conteudo .principal h2 img { display: block; }
.pagina .conteudo .principal h3 { color: #666666; font-size: 20px; font-style: italic; font-weight: 700; line-height: 18px; margin-bottom: 15px; }
.pagina .conteudo .principal > h4, .pagina .conteudo .principal > div > h4 { color: #999999; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 15px; }
.pagina .conteudo .principal p { color: #7f7f7f; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 10px; }
.pagina .conteudo .principal p b { font-weight: 700; }
.pagina .conteudo .principal p .link-seta { color: #0091c6; display: inline-block; font-size: 15px; font-style: italic; font-weight: 600; line-height: 20px; text-decoration: none; }
.pagina .conteudo .principal p .link-seta:hover { color: #51b4d8; }
.pagina .conteudo .principal p .link-seta span { color: #999999; float: left; font-family: brasilcap-icons !important; font-size: 17px; font-style: normal; font-weight: 600; line-height: 20px; margin-right: 8px; }
.pagina .conteudo .principal .nota { color: #a0a0a0; font-size: 12px; line-height: 18px;    font-size: 12px;
    text-align: justify; }
.pagina .conteudo .principal hr { background: #dddddd; border: none; height: 1px; margin: 15px 0; }
.pagina .conteudo .principal form .campo-texto,
.pagina .conteudo .principal form .campo-selecao,
.pagina .conteudo .principal form .campo-botao { float: left; width: 100%; }
.pagina .conteudo .principal form .largura-tipo-documento { width: 45%; }
.pagina .conteudo .principal form .largura-numero-documento { width: 55%; }
.pagina .conteudo .principal form .largura-motivo { width: 38%; }
.pagina .conteudo .principal form .largura-assunto { width: 31%; }
.pagina .conteudo .principal form .largura-retorno { width: 31%; }
.pagina .conteudo .principal form .largura-telefone { width: 40%; }
.pagina .conteudo .principal form .largura-email { width: 60%; }
.pagina .conteudo .principal form .campo-texto > div { padding: 5px 14px; position: relative; }
.pagina .conteudo .principal form .campo-selecao > div { padding: 5px; position: relative; }
.pagina .conteudo .principal form .campo-botao > div { font-size: 16px; padding: 2px 5px 3px 5px; overflow: hidden; position: relative; }
.pagina .conteudo .principal form .campo-texto > div > input[type="text"],
.pagina .conteudo .principal form .campo-texto > div > textarea { left: -9px; position: relative; width: 100%; }
.pagina .conteudo .principal form .campo-botao > div > .botao-especial { float: right; position: relative; right: 10px; }
.pagina .conteudo .principal form .campo-botao > div > span { color: #b6b6b6; font-size: 13px; font-style: italic; }
.pagina .conteudo .principal .chosen-container { width: 100% !important; }
.pagina .conteudo .principal .caixa-botoes { padding-top: 10px; overflow: hidden; }
.pagina .conteudo .principal .caixa-botoes .botao { float: left; margin-right: 15px; }
.pagina .conteudo .principal .caixa-download { background-color: #ffffff; margin-bottom: 15px; padding: 12px; }
.pagina .conteudo .principal .caixa-download .botao { float: right; margin: 0 0 6px 12px; }
.pagina .conteudo .principal .caixa-download h4 { color: #666666; font-size: 15px; font-style: italic; font-weight: 600; line-height: 20px; margin-bottom: 0; padding: 6px 0; }
.pagina .conteudo .principal .caixa-download h4 span { color: #0091c6; float: left; font-family: brasilcap-icons !important; font-size: 17px; font-style: normal; font-weight: 600; line-height: 20px; margin-right: 8px; }
.pagina .conteudo .principal .caixa-download hr { margin-top: 9px; display:none; }
.pagina .conteudo .principal .caixa-download p { color: #999999; margin-left: 18px; margin-right: 15%; }
.pagina .conteudo .principal .caixa-download p:last-child { margin-bottom: 6px; display:none; }
.pagina .conteudo .principal .caixa-acordeao { background-color: #ffffff; margin-bottom: 15px; padding: 12px; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao { border: 3px solid #0091c6; border-radius: 13px; color: #0091c6; display: block; float: right; height: 20px; margin: 3px 0 0 12px; text-decoration: none; width: 20px; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao:hover { border-color: #51b4d8; color: #51b4d8; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao span { display: none; font-family: brasilcap-icons !important; font-size: 12px; font-weight: 400; line-height: 20px; text-align: center; width: 20px; }
.pagina .conteudo .principal .caixa-acordeao a { color: #0091c6; font-size: 13px; font-weight: 600; line-height: 20px; margin-bottom: 10px; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao .abrir { display: block; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao.aberto .abrir { display: none; }
.pagina .conteudo .principal .caixa-acordeao .botao-acordeao.aberto .fechar { display: block; }
.pagina .conteudo .principal .caixa-acordeao h4 { color: #999999; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 0; padding: 6px; }
.pagina .conteudo .principal .caixa-acordeao .acordeao { display: none; }
.pagina .conteudo .principal .caixa-acordeao hr { margin-top: 9px; }
.pagina .conteudo .principal .caixa-acordeao p { color: #999999; }
.pagina .conteudo .principal .caixa-resultado { background-color: #ffffff; margin-bottom: 15px; padding: 20px; position: relative;  }
.pagina .conteudo .principal .caixa-resultado h4 { color: #999999; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 20px; }
.pagina .conteudo .principal .caixa-resultado > a { color: #426e97; clear: both; display: inline-block; font-size: 12px; font-style: italic; line-height: 14px; margin-top: 15px; text-decoration: underline; }
.pagina .conteudo .principal .caixa-resultado.documento .campo-texto { width: 60%; }
.pagina .conteudo .principal .caixa-resultado.documento .campo-botao { width: 40%; }
.pagina .conteudo .principal .caixa-resultado.documento .campo-botao .botao-especial { float: none; left: 0; }
.pagina .conteudo .principal .caixa-resultado.sorteio .campo-selecao { width: 40%; }
.pagina .conteudo .principal .caixa-resposta { background-color: #ffffff; border: 6px solid #0090c5; padding: 40px 5% 25px 5%; }
.pagina .conteudo .principal .caixa-resposta h4 { color: #0090c5; font-size: 22px; font-weight: 700; line-height: 26px; text-align: center; }
.pagina .conteudo .principal .caixa-resposta p { color: #999999; font-size: 17px; font-weight: 600; line-height: 22px; text-align: center; }
.pagina .conteudo .principal .caixa-tabela { background-color: #0090c5; padding: 0 6px 6px 6px; position: relative; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado { width: 100%; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado th,
.pagina .conteudo .principal .caixa-tabela .tabela-resultado td { border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding: 10px 2px; text-align: center; vertical-align: middle; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado th:first-child,
.pagina .conteudo .principal .caixa-tabela .tabela-resultado td:first-child { border-left: none; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado th { background-color: #eeeeee; color: #0090c5; font-weight: 700; line-height: normal; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado .data th { background-color: #0090c5; border: none; color: #ffffff; font-size: 25px; font-weight: 700; padding: 12px 0; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado .titulo th { border-bottom: 1px solid #0090c5; border-top: none; font-size: 15px; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado .cabecalho th { border-top: none; font-size: 10px; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado td { background-color: #ffffff; color: #999999; font-size: 13px; font-weight: 700; line-height: normal; }
.pagina .conteudo .principal .caixa-tabela .tabela-resultado .destaque { color: #666666; font-size: 16px; }
.pagina .conteudo .principal .caixa-formulario { background-color: #ffffff; margin-bottom: 15px; padding: 15px; position: relative; }
.pagina .conteudo .principal .caixa-formulario .processando { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.75); background-image: url(../img/processando.gif); background-position: center; background-repeat: no-repeat; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.pagina .conteudo .principal .caixa-ouvidoria { background-color: #ffffff; border: 7px solid #d7d7d7; padding: 18px; }
.pagina .conteudo .principal .caixa-ouvidoria h3 { font-size: 34px; line-height: 32px; }
.pagina .conteudo .principal .caixa-ouvidoria p { font-style: italic; }
.pagina .conteudo .principal .atendimento { display: none; }

/*------ CONDICOES GERAIS EXPORTADA DO SITE BRASILCAP ------*/

.numeros-tabela { font: 11px arial; color: #003366; text-decoration: none }
.label-tabela { padding-bottom: 3px; padding-left: 3px; padding-right: 3px; background: #fff8d5; font-weight: bold; padding-top: 3px }
.value-tabela { padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px }
.cinza-tabela { padding-bottom: 3px; padding-left: 3px; padding-right: 3px; background: #f7f7f7; padding-top: 3px }

/* ATALHOS */
.atalhos { background-color: #ffffff; position: relative; z-index: 0; }
.atalhos .conteudo { border-bottom: 1px solid #dddddd; margin: 0 auto; overflow: hidden; padding: 20px 0; position: relative; width: 930px; }
.atalhos .conteudo .atalho { float: left; height: 118px; overflow: hidden; padding-top: 10px; padding-left: 130px !important; position: relative; width: 298px; }
.atalhos .conteudo .atalho.centro { padding-left: 16px; padding-right: 16px;  padding-right: 16px;
    left: 130px;}
.atalhos .conteudo .atalho .icone { float: left; height: 100%; padding-right: 10px; text-align: right; width: 120px; }
.atalhos .conteudo .atalho .icone img { display: inline-block; }
.atalhos .conteudo .atalho a { text-decoration: none; }
.atalhos .conteudo .atalho a h2 { color: #d1b933; font-size: 20px; font-style: italic; font-weight: 700; line-height: 18px; margin-bottom: 6px; }
.atalhos .conteudo .atalho a p { color: #999999; font-size: 12px; font-style: italic; font-weight: 400; line-height: 14px; margin-bottom: 8px; }
.atalhos .conteudo .atalho a div { background-color: #33a6d1; border-radius: 6px; color: #ffffff; float: left; font-size: 13px; font-style: italic; font-weight: 600; height: 23px; line-height: 23px; padding: 0 8px; }
.atalhos .conteudo .atalho a div:hover { background-color: #51b4d8; }
.atalhos .conteudo .atalho a div span { color: #eed031; font-family: brasilcap-icons !important; font-size: 12px; font-style: normal; font-weight: 400; margin-left: 6px; }
.atalhos .conteudo .separador { background: transparent url(../img/pagina-pontilhado.png) repeat-y center top; float: left; height: 128px; width: 2px; }

/* RODAPÉ */
.rodape { background-color: #ffffff; position: relative; z-index: 0; }
.rodape .conteudo { margin: 0 auto; position: relative; width: 930px; }
.rodape .conteudo .social { height: 26px; padding: 20px 10px; }
.rodape .conteudo .social h3 { color: #3792b8; float: left; font-size: 12px; font-weight: 700; line-height: 26px; margin-right: 7px; text-transform: uppercase; }
.rodape .conteudo .social > a { border-radius: 13px; color: #ffffff; display: inline-block; float: left; font-family: brasilcap-icons !important; font-size: 11px; font-weight: 400; height: 26px; line-height: 27px; margin-left: 5px; text-align: center; text-decoration: none; width: 26px; }
.rodape .conteudo .social > a:hover { opacity: 0.85; }
.rodape .conteudo .social > a img { display: inline-block; margin: 8px auto 0 auto; }
.rodape .conteudo .social .googleplus { background-color: #c2492d; }
.rodape .conteudo .social .facebook { background-color: #344f87; }
.rodape .conteudo .social .twitter { background-color: #2fbce7; }
.rodape .conteudo .social .youtube { background-color: #cc002b; }
.rodape .conteudo .social .plugins { float: right; height: 20px; padding: 3px 0; }
.rodape .conteudo .social .plugins .twitter-follow-button { width: 190px !important; }
.rodape .conteudo .copyright { border-top: 1px solid #dddddd; color: #999; font-size: 11px; font-style: italic; line-height: 25px; padding: 20px 0; text-align: center; }
.rodape .conteudo .copyright img { display: inline-block; margin-right: 10px; vertical-align: middle; }




@media only screen and (min-width: 180px) {
	.cabecalho .conteudo .painel .foto{
		background:  url(../img/cabecalho-brasilcap.png)no-repeat center;
    }
}
/* AJUSTES PARA A VERSÃO MOBILE */
@media only screen and (max-width: 799px){

	/* GERAL */
	.janela { min-width: 320px; }


	/* CABEÇALHO */
	.cabecalho .barra { height: 20px; }
	.cabecalho .conteudo { padding: 56px 0 25px 0; width: 100%; }
	.cabecalho .conteudo .logo-brasilcap { left: 10px; top: 8px; }
	.cabecalho .conteudo .botao-menu { display: block; position: absolute; top: 8px; right: 10px; }
	.cabecalho .conteudo .menu-mobile { bottom: auto; top:47px; }
	.cabecalho .conteudo div.form-login { display: none; }
	.cabecalho .conteudo .painel .logo-postalcap { left: 3%; top: 8%; width: 46%; }
	.cabecalho .conteudo .painel h3 { padding: 8px 10px; position: static; }
	.cabecalho .conteudo .painel h3 br { display: none; }
	.cabecalho .conteudo .painel .botao-especial { margin: 0 10px 10px 10px; position: static; }

	/* PÁGINA */
	.pagina .conteudo { width: 100%; }
	.pagina .conteudo .lateral { display: none; }
	.pagina .conteudo .principal { float: none; padding: 10px; width: auto; }
	.pagina .conteudo .principal .produtos { margin-bottom: -40px; position: static; width: auto; }
	.pagina .conteudo .principal .produtos .produto { float: none; margin-bottom: 40px; margin-right: 0; width: auto; }
	.pagina .conteudo .principal .titulo-mobile { border-bottom: 1px solid #dddddd; color: #999999; display: block; font-size: 40px; font-style: italic; font-weight: 400; margin-bottom: 15px; padding-bottom: 15px; text-align: center; }
	.pagina .conteudo .principal .titulo-mobile span { color: #04a3d0; font-size: 40px; font-weight: 700; }
	.pagina .conteudo .principal h2 { font-size: 26px; line-height: 26px; }
	.pagina .conteudo .principal .caixa-botoes { text-align: center; }
	.pagina .conteudo .principal .caixa-botoes .botao { float: none; font-size: 10px; margin-right: 0; }
	.pagina .conteudo .principal .tabela-resultado .data th { font-size: 20px; }
	.pagina .conteudo .principal .tabela-resultado .titulo th { font-size: 12px; }
	.pagina .conteudo .principal .tabela-resultado .cabecalho th { font-size: 9px; word-break: break-all; }
	.pagina .conteudo .principal .tabela-resultado td { font-size: 10px; }
	.pagina .conteudo .principal .tabela-resultado .destaque { font-size: 10px; }
	.pagina .conteudo .principal .atendimento { display: block; }

	/* ATALHOS */
	.atalhos .conteudo { width: 100%; }
	.atalhos .conteudo .atalho { float: none; height: auto; padding: 10px !important; width: 100%; }
	.atalhos .conteudo .atalho .icone { padding-bottom: 10px; text-align: center; width: 100px; }
	.atalhos .conteudo .atalho a h2 br { display: none; }
	.atalhos .conteudo .separador { background: transparent url(../img/pagina-pontilhado-horizontal.png) repeat-x left center; clear: both; float: none; height: 2px; margin: 0 10px; width: auto; }

	/* RODAPÉ */
	.rodape .conteudo { width: 100%; }
	.rodape .conteudo .social { padding: 8px 10px; }
	.rodape .conteudo .social .plugins { display: none; }
	.rodape .conteudo .copyright img { display: block; margin: 0 auto; }
}

/* AJUSTES PARA A VERSÃO MOBILE */
@media only screen and (max-width: 599px){

	/* PÁGINA */
	.pagina .conteudo .principal form .largura-motivo { width: 100%; }
	.pagina .conteudo .principal form .largura-assunto { width: 48%; }
	.pagina .conteudo .principal form .largura-retorno { width: 52%; }
	.pagina .conteudo .principal .caixa-resultado.sorteio .campo-selecao { width: 100%; }

	.card {
		display: table-cell;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
		margin: 20px;
		width: 100%;
		position: relative;
		margin-bottom: 50px;
		transition: all .2s ease-in-out;
	  }
	 
	  
	  .image {
		height: auto !important;
		width: 100%;
		opacity: 1;
		overflow: hidden;
		transition: all .2s ease-in-out;
	  }
	  
	 
	  .text {
		background: #FFF;
		padding: 20px;
		min-height: 200px;
	  }
	  
	  .text p {
		margin-bottom: 0px;
	  }
}


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #404040;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: .4px;
	background: #eee;
	
  }
  
  .card {
	display: table-cell;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
	margin: 20px;
	position: relative;
	margin-bottom: 50px;
	transition: all .2s ease-in-out;
  }
 
  
  .image {
	height: 300px;
	opacity: 1;
	overflow: hidden;
	transition: all .2s ease-in-out;
  }
  
 
  .text {
	background: #FFF;
	padding: 20px;
	
  }
  
  .text p {
	margin-bottom: 0px;
  }
  
  .fab {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	margin-top: -50px;
	right: 20px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	background: #0066A2;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
  }