body { background:url(../imagens/fundo.jpg) top left repeat;}

/*Barra Superior FPE*/
#barra-fpe {
    min-height:30px;
    padding:10px 20px;
    background-color:rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(255, 255, 255, 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 { display:block; font-size:12px; line-height:15px;}

/*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 .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;}

/***************************************
    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;}

/*Lista de Eventos*/
.lista-eventos{ margin:0; padding:0; list-style:none;}

.lista-eventos .evento { width:30%; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 3% 30px 0; padding:0; list-style:none; text-align:center;}

.lista-eventos .evento a { padding:0; background:rgba(255, 255, 255, 1); display:block; text-decoration:none;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.lista-eventos .evento a:hover { background:rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.lista-eventos .evento img { max-height:210px;}

.lista-eventos .evento h2 { font-size:16px; line-height:18px; padding-top:15px; margin:0;}
.lista-eventos .evento h3 { font-size:12px; line-height:16px; color:#333; margin:0;}
.lista-eventos .evento h3 small { font-size:12px; line-height:16px; color:#666; display:block;}

.lista-eventos .identificacao { padding:0 10px 15px 10px;}
.lista-eventos .logoevento { background:#FFF; border-bottom:5px solid #FFF;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.03), inset 0 -1px 0 rgba(255, 255, 255, 1);
        -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.03), inset 0 -1px 0 rgba(255, 255, 255, 1);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.03), inset 0 -1px 0 rgba(255, 255, 255, 1);
}

@media (max-width: 767px) {
    .lista-eventos .evento { width:100%; margin:0 0 10px 0; padding:0; list-style:none; text-align:center;}
}