/* 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;
}
/* 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;
}
a{
  text-decoration: none;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}
strong {
  font-weight: 700;
}


*{box-sizing:border-box;}
*:focus{
    outline: 0;
}

input[type="text"] {font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:14px;  color: #333;  }
textarea {font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:12px;  color: #333;  }

::-webkit-input-placeholder { /* WebKit browsers */
    font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:14px;  color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:14px;  color: #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:14px;  color: #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: 'museo-sans',sans-serif;   font-style: normal;  font-weight: 300;  font-size:14px;  color: #000;
}

html, body {height: 100%;}

.linha {width: 100%; float: left;}
.left {float: left;}
.right {float: right;}
.none {display: none;}
.block {display: block;}
.center {text-align: center; float: left; width: 100%;}

.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-35 {margin-top:35px !important;}
.mt-90 {margin-top:90px;}

.mr-10 {margin-right: 10px;}

.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px !important; }

.ml-20 {margin-left:20px;}

.m-0 {margin: 0 !important;}

.mais-noticias {float: left; padding:10px 20px; background-color: #b1302b; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; font-size: 15px; color: white; margin-top:15px;}

.w-auto {width: auto !important;}

#infscr-loading {text-align: center; position: relative; z-index: 9999;}

/*HEADER*/
header {width:100%;}

header .redes-sociais {float:right;}
header .redes-sociais span {margin-top:15px; float:left; font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 300; font-size:11px; color:#212121; text-transform:uppercase;}
header .redes-sociais a img {float:left;}
header .redes-sociais a:nth-child(2) img {margin: 12px 2px 0 15px}
header .redes-sociais a:nth-child(3) img {margin: 12px 2px 0 0}
header .redes-sociais a:nth-child(4) img {margin: 12px 10px 0 0}

header .menu-superior {float:right; margin-top:25px;}
header .menu-superior ul {display: inline-block; float: right;}
header .menu-superior li {float: left; font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 500; font-size:11px; }
header .menu-superior li:nth-child(odd) a {color:#8eaf30; text-transform: uppercase;}
header .menu-superior li:nth-child(odd) a.ativo {color:#b1302b; text-decoration: underline;}
header .menu-superior li:nth-child(even) {color:#d1d1d1; margin: 0 10px;}
header .menu-superior li:last-child a {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.30); box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.30);padding:10px 20px; font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 700; color:#b1302b; font-size:12px; text-transform:uppercase; border-radius:2px; margin-left:20px;}

header .faixa-menu-principal {width:100%; height:48px; background-color:#8eaf30; float:left; margin-top:20px;}
header .menu-principal {display: inline-block; float: left;}
header .menu-principal li {float:left; height: 48px;}
header .menu-principal li:nth-child(odd) {padding:0 13px;}
header .menu-principal li:last-child {padding-right:0;}
header .menu-principal li a, .menu-principal li p {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 900; color:white; font-size: 13px; text-transform: uppercase; margin-top:20px; float: left; position: relative; z-index: 9999}

header #EspacoAssociado {cursor: pointer;}
header #div-espaco-associado {width:250px; height:120px; visibility: hidden; position:absolute; z-index:99; left:110px; top:48px; background-color: white; padding:20px;
-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;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);}
header #div-espaco-associado a {float: left; width: 100%; text-transform: uppercase; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; font-size: 11px; color:#333; margin-bottom: 20px;}
header #div-espaco-associado a:hover {text-decoration: underline; color: #8eaf30}

/*header #Noticia {cursor: pointer;}
header #div-menu-noticia {width:250px; height:80px; visibility: hidden; position:absolute; z-index:99; left:320px; top:48px; background-color: white; padding:20px;
-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;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);}
header #div-menu-noticia a {float: left; width: 100%; text-transform: uppercase; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; font-size: 11px; color:#333; margin-bottom: 20px;}*/

header #ProdutosServicos {cursor: pointer;}
header #div-produtos-servicos {width:250px; min-height:300px; visibility: hidden; position:absolute; z-index:99; left:211px; top:48px; background-color: white; padding:20px;
-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;
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);}
header #div-produtos-servicos a {float: left; width: 100%; text-transform: uppercase; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; font-size: 11px; color:#333; margin-bottom: 25px;}
header #div-produtos-servicos a:hover {text-decoration: underline; color: #8eaf30}
header #div-produtos-servicos a:hover .badge {text-decoration:none;color:#333}
header #div-produtos-servicos a:last-child {margin-bottom:0}
header #div-produtos-servicos .badge {background-color: #f9b200; margin-left: 10px; font-size: 10px; padding: 3px 4px; border-radius: 3px}

/*FIM HEADER*/

/*SUBMENU MOBILE*/
.subMenu {margin-top:0 !important;}
header .submenu-mobile { width: 100%; text-align: left; float:left; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; color: #5d5d5d; text-transform: uppercase; margin:0!important;}
header .submenu-mobile li { max-height: 34px;/* margin-top: 4px;*/ overflow: hidden; cursor: pointer; }
header .submenu-mobile li:first-child { margin-top: 0; }
header .submenu-mobile .menuTitle {  width:100%; float:left;}
header .submenu-mobile .subMenu p{color:#666; font-size: 12px;}
header .submenu-mobile .subMenu li:first-child { margin-top:20px;}
header .submenu-mobile .subMenu li { padding: 0 0 0 13px; vertical-align: top; width: 90%;}
/*FIM SUBMENU MOBILE*

/*FOOTER*/
footer .conteudo-rodape {background-color:#f8f8f8; float: left; width: 100%; padding:10px 0; margin-top:50px; }
footer ul {display: inline-block; float: left; width: 100%;}
footer ul li {float: left;}
footer ul li p {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; color:#212121; font-size: 13px; margin-top:60px; line-height: 18px;}
footer ul li p a {color:#212121;}
footer ul li p span {font-weight: 300;}
footer ul li p span:nth-child(4) {color:#8eaf30; font-weight: 500;}
footer ul li:nth-child(3) {margin: 0 10px;}
footer ul li:last-child {width:80px; float: right;}

footer .links {width:170px; padding-top:52px; padding-left: 14px;}
footer .links a {float: left;width: 100%; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 12px; color:#212121; text-transform: uppercase; margin-bottom:10px;}
footer .links a.destaque-link-footer {font-weight: 700;font-size: 14px;}

.logo-rodape {margin-top:70px; float: left;}
.logo-tua-rodape {width:100%; float:left;}

.filiados {width:500px; margin: 0 auto}
.filiados img {float: left}
.filiados span{font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 10px; color:#212121; text-transform: uppercase; float:left; margin:35px 20px 0 20px;}
.filiados img.fiergs {margin:18px 20px 0 0;}
.filiados img.cni {margin:18px 0 20px 0;}

.redes-sociais-rodape{width: 100%; float: left;}
/*FIM FOOTER*/

/*ESPAÇO ASSOCIADO*/
.coluna-menu-associado {float: left; width: 225px; margin-right: 20px;}
.coluna-menu-associado div{width: 100%; padding:20px 10px 0 20px; background-color: #ad2f2a; border-radius: 5px; float: left;}
.coluna-menu-associado div h1 {float: left; width: 100%;font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 100; font-size: 20px; color: white;}

.coluna-menu-associado ul {float: left; width: 100%; margin-top:30px;}
.coluna-menu-associado ul li {padding-bottom: 10px; background-image:url(/_images/espaco-associado/separador-menu-associado.png); background-position: left bottom; background-repeat: no-repeat; height: 20px; margin-bottom: 15px;}
.coluna-menu-associado ul li p{float: left; width: 100%; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 500; font-size: 10px; color: white; text-transform: uppercase;}
.coluna-menu-associado ul li p.ativo {text-decoration: underline;}
.coluna-menu-associado ul li:last-child {background-image: none;}

.coluna-conteudo-associado {float: left;}
/*FIM ESPAÇO ASSOCIADO*/


/*MENSAGENS*/
.mensagem-atencao {padding:20px; background-color: #f2dede; border-radius: 5px; float: left; width: 100%;  margin:10px 0;}
.mensagem-atencao dt:first-child { background-image: url(/_images/geral/alerta-erro.png); background-repeat: no-repeat; min-height: 21px;  padding-top:3px;}
.mensagem-atencao dt {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; color:#e60000; font-size:16px; float: left; width: 100%; margin-bottom: 10px; margin-top: 5px; padding-left:30px;}
.mensagem-atencao dd {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 400; color:#e60000; font-size:14px; float: left; width: 100%; margin-bottom: 5px; padding-left:30px;}
.mensagem-atencao dd strong {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 700;}
.mensagem-atencao dd em {font-family: "museo-sans",sans-serif; font-style: italic; font-weight: 400;}
.mensagem-atencao a {color: inherit; text-decoration: underline;}

.mensagem-sucesso {background-image: url(/_images/geral/alerta-sucesso.png); background-repeat: no-repeat; float: left; width: 100%; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 600; color:#468847; padding:20px 20px 20px 50px; background-color: #dff0d8; border-radius: 5px; background-position: 20px 16px; font-size: 14px; margin:10px 0; }
.mensagem-sucesso strong {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 700;}
.mensagem-sucesso em {font-family: "museo-sans",sans-serif; font-style: italic; font-weight: 600;}
.mensagem-sucesso a {color: inherit; text-decoration: underline;}

.mensagem-info {float: left; width: 100%; padding:20px; background-color: #dadada; border-radius: 5px; margin:10px 0;}
.mensagem-info li:first-child { background-image: url(/_images/geral/alerta-info.png); background-repeat: no-repeat; padding-top:5px;}
.mensagem-info li{float: left; width: 100%; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 600; color:#959595; font-size: 14px; min-height: 21px;padding-left:30px; margin-bottom: 5px;}
.mensagem-info li strong {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 700;}
.mensagem-info li em {font-family: "museo-sans",sans-serif; font-style: italic; font-weight: 600;}
.mensagem-info a {color: inherit; text-decoration: underline;}

.mensagemContainer {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; color:#8eaf30; margin-bottom: 25px; float: left; width: 100%}
/*FIM MENSAGENS*/

.titulo-pagina {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 100; float: left; font-size: 26px; color:#000; margin-top: 36px; width: 100%}
.titulo-pagina span {color:#8eaf30;}

.botao-download { padding: 10px 20px; font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 500; color: white; background-color: #b1302b; font-size: 15px; float: left;}
.botao-download img {margin-right: 10px; float: left;}
.botao-download span {font-size: 13px; line-height: 18px;}

.botao-destaque { padding: 10px 20px; font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 500; color: white; background-color: #E79A34; font-size: 15px; float: left;}
.botao-destaque span {font-size: 13px; line-height: 18px;}

.botao-download-convencao { font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 500; color: #8eaf30; background-color: transparent; font-size: 14px; float: left;}
.botao-download-convencao .pdf {float: right; background-image: url(/_images/geral/pdf.png); background-repeat: no-repeat; background-position: 0 0; height:30px; width: 65px;}
.botao-download-convencao .pdf p {font-family: 'museo-sans',sans-serif; font-style: normal; font-weight: 300; color: black; float: left; width: 100%; margin-left: 25px; margin-top:0 !important; font-size: 0.833em; line-height: 1.2em;}
.botao-download-convencao .pdf p span {color:#B1302B;}
.botao-download-convencao p {float: left; margin-top: 10px; color: #7B7B7B; font-weight: 700;   width: 360px;}
.item-convencao:hover p {color:#8eaf30;}
.item-convencao:hover .pdf p {color: black}

.downloads {float: left; width: 100%; padding-bottom:60px; border-bottom: 1px solid #eaeaea}
.downloads h1{font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 13px; color:#8eaf30; float: left; width: 100%; text-transform: uppercase; margin-top:15px; margin-bottom: 25px;}

@media only screen and (min-width: 240px) and (max-width:602px){/*CELULAR*/

  .show-desktop {display: none!important;}
  .show-tablet {display: none!important;}
  .hide-mobile {display: none!important}

  .col-4 {width: 100%; float: left;}

  .coluna-esquerda {float: left; width: 100%}
  .coluna-direita {float: left; width: 100%}

  .container-full {width: 100%; margin:0 auto; position: relative;}
  .container {width: 230px; margin:0 auto; position: relative; clear:both;}
  .faixa {float:left; width: 100%; height: 2px;}
  .logo {float:left; margin-top:25px; max-width: 145px;}

  header #BotaoMenu {z-index:999; margin-top:20px; position: relative; z-index: 999; position: absolute; right: 0; width: 48px; height: 45px; background-image: url(/_images/geral/bt-menu.jpg); background-repeat: none;}
  header .div-menu-mobile {float:right; border:1px solid #7d161b; position:absolute;z-index:99;min-height:200px; right:0; width:100%; border:1px solid #9f9f9f; background-color:white; top:0; padding-left:20px; padding-right: 10px}
  header .div-menu-mobile ul#MenuTeste {width: 100%; float: left; margin-top: 40px;}
  header .div-menu-mobile ul#MenuTeste li {width: 100%; float: left; margin-bottom: 20px;}
  header .div-menu-mobile ul#MenuTeste li a {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; color: #5d5d5d; text-transform: uppercase;}

  footer ul li:last-child {width: 120px;}
  .redes-sociais-rodape {margin-top:20px;}
  .redes-sociais-rodape a {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 10px;}
  .logo-tua-rodape {margin-top:20px;}

  .coluna-menu-associado {display: none;}

  .coluna-conteudo-associado {width: 100%; margin-top: 25px;}
}

@media only screen and (min-width: 603px) and (max-width:960px){/*TABLET*/

  .show-desktop {display: none!important;}
  .show-mobile {display: none!important;}
  .hide-tablet {display: none!important}

  .col-4 {width: 50%; float: left;}

  .coluna-esquerda {float: left; width: 100%}

  .container {width: 593px; margin:0 auto; position: relative; clear:both;}
  .container-full {width: 100%; margin:0 auto; position: relative;}
  .faixa {float:left; width: 100%; height: 2px;}

  header {float: left;padding-bottom: 20px; border-bottom: 15px solid #8eaf30}

  header #BotaoMenu {z-index:999; margin-top:40px; position: relative; z-index: 999; position: absolute; right: 10px; width: 48px; height: 45px; background-image: url(/_images/geral/bt-menu.jpg); background-repeat: none;}
  header .div-menu-mobile {float:right; border:1px solid #7d161b; position:absolute;z-index:99;min-height:200px; right:0; width:100%; border:1px solid #9f9f9f; background-color:white; top:0; padding-left:20px;}
  header .div-menu-mobile ul {width: 100%; float: left; margin-top: 40px;}
  header .div-menu-mobile ul li {width: 100%; float: left; margin-bottom: 20px;}
  header .div-menu-mobile ul li a {font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; color: #5d5d5d; text-transform: uppercase;}

  header .menu-superior { width: 300px; margin-top: 30px; margin-right: 70px;}
  header .menu-superior li:last-child a {padding:5px 10px;}

  .div-logo {float: left; width: 23.4375%; /*225px*/; margin-top:20px;}

  footer ul li:first-child {margin-left:5px;}
  footer ul li:nth-child(2) {margin-left:30px;}

  .redes-sociais-rodape {margin-top:65px; text-align: center}
  .redes-sociais-rodape a {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;}
  .logo-tua-rodape {text-align:center; margin-top:45px;}

  .coluna-menu-associado {display: none;}

  .coluna-conteudo-associado {width: 100%; margin-top: 25px;}
}

@media screen and (min-width:961px) {/*DESKTOP*/

  .show-mobile {display: none!important;}
  .show-tablet {display: none!important;}
  .hide-desktop {display: none!important;}

  .mt-45 {margin-top:45px;}
  .mt-50 {margin-top:50px;}
  .mt-70 {margin-top:70px !important;}
  .mt-110 {margin-top: 110px;}
  .mt-122 {margin-top: 122px;}

  .col-4 {width: 25%; float: left;}

  .coluna-esquerda {float: left; width: 470px;}
  .coluna-direita {margin-left:20px; float: left; width: 470px;}

  .container-full {width: 1000px; margin:0 auto; position: relative;}
  .container {width: 960px; margin:0 auto; position: relative; clear:both;}
  .faixa {float:left; width: 100%;}

  .div-logo {float: left; width: 23.4375%; /*225px*/}
  .div-menus {float: left; width: 76.5625%; /*735px*/}
  .logo {float:left; margin-top:25px;}

  header .menu-superior {width: 100%;}
  footer ul li:nth-child(2) {margin-left:20px;}

  .redes-sociais-rodape {margin-top:65px; text-align: center}
  .logo-tua-rodape {text-align:center; margin-top:45px;}

  .coluna-conteudo-associado {width: 715px; padding-left: 15px;}

  #topcontrol {display: none}

  header .submenu-mobile .subMenu li {width: 100%;}
}