/* Menu do site */
 
.nav-tabs > li > a {
	font-size: 14px;
}

.navigation {
    padding: 5px 0 10px;
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid rgba(0,0,0,0.075);
    margin-bottom: 10px;
    font-size: 16px;
}

.navigation .nav-tabs {
    font-size: 12px;
}

.nav > li > a:hover, .nav > li > a:focus{
   color: #330033;
   background-color: #eee;
}
.nav-tabs > li > a {
    font-size: 14px;
	font-weight: bold;
}

/* Menu mobile do site */
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
color: #ffffff;
}

.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
color: #330033;    
background-color: #eee;
}

.header .nav.pull-right, .header-search {
    background-color: #330033;
    color: #330033;
}

/* Fonte texto do site */

body 
{
    font-size: 15px;
	line-height: 2em!important;
    margin-bottom: 20px;
	font-family: 'open_sansregular', 'Open Sans', Arial, Helvetica, sans-serif;
}

li {
    line-height: 2em!important;
}

/* Título dos módulos */

.h1, h2, h3, h4, h5, h6, .site-title {
     background-image: linear-gradient(to right, #005e8d, #1f5589, #0c008230);
     color: #ffffff;
     padding: 14px 16px;	 
}

.h3, .forum-noticia {
     background-color: #ffffff;	 
}


/* Buttons do site */

.btn-block {
  color: #330033;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 18px;
  text-align: center;
}

.btn-block:hover {
  color: #330033;
}

.btn-light {
  color: #330033;
  border-radius: 10px;
  padding: 7px 8px;
  font-size: 16px;
  text-align: center;
}

.btn-light:hover {
  color: #330033;
}


/* tabelas do site */
.table {
  border-collapse: collapse;
}

.table, th, td {
  border: 1px solid black;
}

.btn-inscricao {
    display: inline-block;
    padding: 10px 20px; /* Ajuste o tamanho do botão conforme necessário */
    background-color: #372cbb; /* Cor de fundo do botão */
    color: white; /* Cor do texto do botão */
    text-decoration: none; /* Remove o sublinhado */
    border-radius: 25px; /* Cantos arredondados */
    font-weight: bold; /* Texto em negrito */
    font-size: 16px; /* Tamanho da fonte */
    position: fixed; /* Fixa o botão na tela */
    top: 20px; /* Distância do topo da tela */
    right: 20px; /* Distância da borda direita da tela */
    z-index: 1000; /* Garante que o botão fique acima de outros elementos */
    border: 2px solid white; /* Borda branca de 2 pixels */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Opcional: adiciona uma sombra sutil ao botão */
}

.btn-inscricao:hover {
    background-color: #372cbb; /* Cor de fundo mais escura ao passar o mouse */
    border-color: #e0e0e0; /* Cor da borda ao passar o mouse (opcional) */
	color: white; /* Cor do texto ao passar o mouse */
	
}


<style>
  .container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .item {
    flex: 1 1 45%; /* 2 colunas, ocupando aproximadamente 45% cada */
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
  }
  .item strong {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .item div {
    margin-bottom: 5px;
  }
</style>
