c/*Barra Superior FPE*/
#barra-fpe {
    min-height:30px;
    padding:5px 20px;
    background-color: #F4F4F4;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#barra-fpe .row-fluid [class*="span"] {
  display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle;
  float: left;
  width:48%;
  min-height:28px;
  margin-left:1%;
  *margin-left:1%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

#barra-fpe .logotipo { margin-top:5px;}
#barra-fpe .logotipo img { max-height:25px;}
#barra-fpe .contatos { text-align:right;}
#barra-fpe .contatos span, #barra-fpe .contatos a { display:block; font-size:12px; line-height:15px;}

/***************************************
    LAYOUT
***************************************/
body { background:var(--site-base, #FFF);}

/*Topo*/
#topo { padding:0; position:relative;}
#topo .logo-center { text-align:center;}
#topo .logo-right { text-align:right;}
#topo .logo-center img { margin:0 auto;}
#topo .logo-right img { display:inherit !important; float:right;}
#topo .menuabaixo { margin-top:60px;}

#topo .header .container { padding-top:15vh;}
#topo .container-fluid .col-md-12 { padding:0;}
#topo h1.title { text-align:right; font-size:2em; line-height:1.25em; color:rgba(0,0,0,0.8); font-weight:lighter; margin:0; padding:105px 0 0 0;}
#topo h4 { text-align:right; font-size:1em; color:rgba(0, 0, 0, 0.8); font-weight:lighter; margin:0; padding:0;}
#topo .semlogo h1.title { text-align:left; font-size:2.4em; font-weight:bold; margin:0; padding:0;}
#topo .semlogo h4 { text-align:left; font-size:1.125em; margin:0; padding:0;}

.bandeirasmodal { text-align:center; list-style:none; padding:25px 0;}
.bandeirasmodal li { width:33%; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-weight:400; font-size:18px;}
.bandeirasmodal a img { padding:5px 0 0 0; opacity: 0.90; filter: alpha(opacity=90); display:block; margin:5px auto;}
.bandeirasmodal a:hover img { padding:0 0 5px 0; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

@media (max-width:767px) {
	.bandeirasmodal li { font-size:14px;}
}

.idiomas { position:absolute; bottom:20px; right:40px; z-index:9;}
.idiomas a img { opacity: 0.90; filter: alpha(opacity=90); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-right: 3px;}
.idiomas a:hover img { opacity: 1; filter: alpha(opacity=100); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-right: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.menuidioma { margin:10px 0 0 10px !important; min-height: 20px;}
.menuidioma li { display:block; float:left;}
.menuidioma li a { display:block; font-size:0 !important; padding:0 5px !important;}
.navbar .menuidioma li.dropdown img { max-height:30px !important;}
.pt li, .en li, .es li { opacity:0.7;}
.pt .idioma-pt { opacity:1;}
.en .idioma-en { opacity:1;}
.es .idioma-es { opacity:1;}

/*MENU*/
nav .nav-header { color:#777; font-weight:bold; padding:5px 15px;}
.navbar { margin-bottom:0; border-radius:0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.navbar-topo { position:absolute; top:0; left:0; display:block; width:100%; z-index:2;}
.navbar-fixed-top { position:fixed !important;}

.navbar-claro { background:#F1F1EF;}
.navbar-escuro { background-color:var(--menu-base, #343d47);}
.navbar-claro .navbar-toggle { color:#333333 !important;}

.link-claro .navbar-nav > li > a, .navbar-escuro .navbar-nav > li > a { color:rgba(255, 255, 255, 1);  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.link-claro .navbar-nav > li > a:hover,
.navbar-escuro .navbar-nav > li > a:hover,
.navbar-escuro .navbar-nav > li > a:hover,
.navbar-escuro .navbar-nav > .open > a,
.navbar-escuro .navbar-nav > .open > a:hover,
.navbar-escuro .navbar-nav > .open > a:focus { background:rgba(255, 255, 255, 0.1);}

.link-escuro .navbar-nav > li > a, .navbar-claro .navbar-nav > li > a { color:rgba(0, 0, 0, 1); text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}
.link-escuro .navbar-nav > li > a:hover, .navbar-claro .navbar-nav > li > a:hover { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.link-escuro .navbar-nav > li > a:hover,
.navbar-claro .navbar-nav > li > a:hover,
.navbar-claro .navbar-nav > .open > a,
.navbar-claro .navbar-nav > .open > a:hover,
.navbar-claro .navbar-nav > .open > a:focus { background:rgba(0, 0, 0, 0.3);}

.navbar .link-negrito > li > a { font-weight:bold;}

.dropdown-menu li > a { font-size:13px !important;}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus { background:rgba(0, 0, 0, 0.3);}
.navbar li.dropdown img { max-height:18px !important; display: inline-block; }

.navbar-fixed-top #header-container { padding-right:15px; padding-left:15px;}
#header-container { padding:0;}

.linksrestritos .nav .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #EAEAEA;
}

@media (max-width:767px) {
	 #header-container { padding-right:15px; padding-left:15px;}
	 .navbar { padding-top:6px; padding-bottom:6px;}
	.navbar-transparent.link-escuro .navbar-nav > li > a, .navbar-transparent.navbar-claro .navbar-nav > li > a { color:rgba(255, 255, 255, 1);}
	.navbar-claro .dropdown-menu li > a, .navbar-claro .dropdown-menu li > a:hover, .navbar-claro .dropdown-menu li > a:focus {
	  color: #000 !important; background-color:rgba(255, 255, 255, 0.7);
	}
}

.main-raised { margin-top:-20px;
  box-shadow: 0 1px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 50px 5px rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
}

.main-lowered { 
  box-shadow: 0 1px 24px 2px rgba(0, 0, 0, 0.07), 0 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0.05);
}
.main-lowered .section { padding-top:10px;}

@media (min-width:1300px) {
	.main-raised { margin:-20px auto 0; max-width:1200px;}
}
/*RODAPÉ*/
footer { padding-bottom:0 !important; position:relative;}
.footer .assinatura-iw { background:var(--fundo-base, #343d47); padding:15px 0; margin-top:15px;}
.footer .assinatura-iw h4 { color:#E9E9E9; font-size:9px; line-height:12px; font-weight:normal; margin:0; padding:0 0 3px 0;}
.footer .assinatura-iw span { display: block; color:#E9E9E9; font-size:9px; line-height:12px; font-weight:normal; margin:0; padding:0 0 3px 0;}
.footer .assinatura-iw .logoiw { max-height:20px;}
.footer .assinatura-iw .logoiw:hover { -webkit-filter: brightness(110%); filter: brightness(110%);}
.footer .assinatura-iw img:hover { -webkit-filter: brightness(105%); filter: brightness(105%);}
#siteseal img { max-height:35px !important; max-width:100% !important;}
.footer .assinatura-iw .safebrowser  { max-height:35px !important; max-width:100% !important;}

.botao-topo { position:absolute !important; top:-60px; right:0; background-color:var(--fundo-base, #343d47);}

.box-acessibilidade { position: fixed; right:0; top: 55vh; padding:3px; z-index: 1;}

.footer .patrocinadores h1, 
.footer .patrocinadores h2, 
.footer .patrocinadores h3, 
.footer .patrocinadores h4, 
.footer .patrocinadores h5, 
.footer .patrocinadores h6 { margin-top: 30px; margin-bottom: 5px;} 

@media (max-width:767px) {
	.botao-topo { position:absolute !important; top:-35px; right:20px; background-color:var(--fundo-base, #343d47); font-size:14px !important;}
	.main { margin-bottom:20px;}
    .footer .assinatura-iw { padding-top:0;}
    .footer .assinatura-iw h4 { margin-top:15px;}
    .footer .assinatura-iw span { margin-top:15px;}
    .footer .assinatura-iw img { margin-top:5px;}
		.blocoseguranca { clear:both;}
}

.chamadas .chamada { margin-top: 15px;}


/***************************************
    TITULOS
***************************************/
.titulo { width:100%;}
.titulo ol+h1, .titulo h2 { font-size:2.5em; line-height:1em; color:var(--titulo-base, #2F4C78); text-shadow: 0 1px 0 #EAEAEA; margin:0; padding:0; font-weight:lighter;}

.titulo h1, .titulo .breadcrumb { font-size:12px; color:#666; line-height:20px; padding:0; margin-top:0 !important; margin-bottom:5px; background:none; border-radius: 4px; font-weight:lighter;}
.breadcrumb > li + li::before { content:"» "; color:#CCC;}

h1:first-child, h2:first-child, h3:first-child { margin-top:0;}
h1 { color:var(--titulo-base, #2F4C78); font-size:24px; line-height:28px; margin-top:25px;}
h2 { color:var(--titulo2-base, #2F4C78); font-size:20px; line-height:24px; margin-top:25px;}
h3 { color:#333; font-size:18px; line-height:20px; margin-top:20px; font-weight:bold;}
h4 { color:#333; font-size:14px; line-height:18px; margin-top:20px; font-weight:bold;}

.dashboard h1:first-child, .dashboard h2:first-child, .dashboard h3:first-child { margin-top:25px;}

p+h2, ul+h2 { margin-top:35px !important;}
p+h3, ul+h3 { margin-top:35px;}
legend+h3 { margin-top:0;}
.well h2,
.well h3 { margin-top:0;}

#conteudo { padding-bottom:0;}

.lista-atividades-convidado .panel-success .panel-heading a, .lista-atividades-convidado .panel-danger .panel-heading a, .lista-atividades-convidado .panel-primary .panel-heading a, .lista-atividades-convidado .panel-info .panel-heading a { color:rgba(255, 255, 255, 0.9);}
.lista-atividades-convidado .panel-default .panel-heading a, .lista-atividades-convidado .panel-warning .panel-heading a { color:rgba(0, 0, 0, 0.7);}

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

.alert label { color:#FFF !important;}
.alert .panel label { color:#333 !important;}

.bloco-formas-pagamento button.iwpay-boleto, .bloco-formas-pagamento button.iwpay-boleto-pix ,
.bloco-formas-pagamento button.pagarme-boleto
{ 
    background: #f0ad4e url('../imagens/icon-boleto.png') !important;
}
.bloco-formas-pagamento button.iwpay-pix, .bloco-formas-pagamento button.pagarme-pix { 
    background: #00bdae url('../imagens/icon-pix.png') !important;
}
.bloco-formas-pagamento button.iwpay-credito, .bloco-formas-pagamento button.iwpay-debito,
.bloco-formas-pagamento button.pagarme-credito, .bloco-formas-pagamento button.pagarme-debito { 
    background: #337ab7 url('../imagens/icon-cartao.png') !important;
}

.bloco-formas-pagamento button.iwpay-pix, 
.bloco-formas-pagamento button.iwpay-credito, .bloco-formas-pagamento button.iwpay-debito, 
.bloco-formas-pagamento button.iwpay-boleto, .bloco-formas-pagamento button.iwpay-boleto-pix,
.bloco-formas-pagamento button.pagarme-pix, 
.bloco-formas-pagamento button.pagarme-credito, .bloco-formas-pagamento button.pagarme-debito, 
.bloco-formas-pagamento button.pagarme-boleto  { 
    background-position: 25px center !important;
    background-size: 28px !important;
    background-repeat: no-repeat !important;
    padding-left: 60px;
}


/***************************************
    ÁREA RESTRITA - DEFINIÇÃO DOS PASSOS SEGUINTES
***************************************/
.mensagemarearestrita .lead { font-size: 17px; line-height: 1.2em; margin-bottom: 5px;}


/***************************************
    TELA DE IDENTIFICAÇÃO
***************************************/
#identificacao { margin-bottom:8px !important;}

#identificacao .nav-tabs {
  background-color:transparent;
  border-bottom: 1px solid #ddd;
  padding:0;
}
#identificacao .nav-tabs > li > a {
  color:#666 !important;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
#identificacao .nav-tabs > li.active > a,
#identificacao .nav-tabs > li.active > a:hover,
#identificacao .nav-tabs > li.active > a:focus {
  color:#337ab7 !important;
  background:#DDD;
}

#blocoidentificacao .btn-link, #blocoautenticacao .btn-link { margin:0; padding:3px 5px !important; background:rgba(255,255,255,0); color:#666;}
#blocoidentificacao .btn-link:hover, #blocoautenticacao .btn-link:hover { text-decoration:none; background:rgba(0,0,0,0.05); color:#666;}

.alerta-pagamento h3 { padding:0; margin:0; color:#FFF;}

.beneficio { border-left: 5px solid var(--titulo-base, #333333) !important; border-radius: 5px;}
.beneficio .panel-footer { border: 0;}
.beneficio .panel-footer a { white-space: normal !important;}

/***************************************
    FORMULÁRIO
***************************************/
.form-control, .form-group .form-control { background-color: rgba(0,0,0,0.01);}
.has-error .form-control, .has-error .form-group .form-control { background-color: rgba(255,0,0,0.05);}

/***************************************
    APP
***************************************/
.app { padding-top:15px;}
.app .btn-voltar { color:#333; font-size:14px; background:none; border:none; padding:2px 3px; margin-top:0;}

/***************************************
    TABELAS
***************************************/
.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left\9;
      width:100%;
   }
}