/* CSS Document */
body {	
	font: 16px/26px 'SourceSansPro-Regular', Verdana, "sans-serif";
	color: #222222;
	background: #FFFFFF;
}
@font-face {
  font-family:'SourceSansPro-Regular';
  src: url( "Source_Sans_Pro/SourceSansPro-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'Roboto-Medium';
  src: url("Roboto_Medium/Roboto-Medium.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*---------------------------------------------------------------------------*/
/*  Link Styles  */
/*---------------------------------------------------------------------------*/
a { color: #706F6F; }
a:hover {color: #BE0000;}
/*---------------------------------------------------------------------------*/
/*  Heading Styles  */
/*---------------------------------------------------------------------------*/
h1, 
h2, 
h3, 
h4 {
	font-family:'Roboto-Medium', sans-serif;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; color: #BE0000; }
h4 { font-size: 1.1em; }

h1 {
	color: #706F6F;
	position: relative;
	padding-bottom:8px;
	margin-bottom: 20px;
}
h1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50px;
	height: 3px;
	background-color:#BE0000;
}
h2{
	color: #9D9D9C; 
	position: relative;
	padding-bottom:5px;
	margin-bottom: 10px;
}
h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 15px;
	height: 3px;
	background-color:#706F6F;
}
/*---------------------------------------------------------------------------*/
/*  RESPONSIVE IMAGES  */
/*---------------------------------------------------------------------------*/
img{display:block; max-width:100%; height:auto;}
/*---------------------------------------------------------------------------*/
/*  HEADER  */
/*---------------------------------------------------------------------------*/
.barra-fixa{
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
.affix {
      top: 0;
      width: 100%;
      z-index: 999 !important;
  }
.affix + .container-fluid {
	  width: 100%;
  }
.barra-vermelha{
	background-color: #E30613;
	height: 10px;
}
#barra-icones{
	border-bottom: 1px solid #CCCCCC;
	padding-top: 0.5em;
	font-size: 1.2em;
	margin-right: 0.8em;
}
#barra-icones .fa{
	color: #E30613;
	font-size: 1.5em;
}
#barra-icones .fa:hover{
	color: #CCCCCC;
	font-size: 1.5em;
}
#barra-icones .btn-default{
	background-color: #E30613;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.1em;
	font-family:'Roboto-Medium', "sans-serif";
}
#barra-icones .btn-default:hover{
	background-color: #BE0000;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.1em;
	font-family:'Roboto-Medium', "sans-serif";
}
#barra-icones a {color:#E30613; text-decoration: none; outline: none; font-weight: normal;}
#barra-icones a:hover {color:#cccccc; text-decoration: none; outline: none; font-weight: normal;}
#barra-icones2{
	border-bottom: 1px solid #CCCCCC;
	padding-top: 0.5em;
	font-size: 1.2em;
	background-color:#F5F5F5;
}
#barra-icones2 .fa{
	color: #E30613;
	font-size: 1.5em;
}
#barra-icones2 .fa:hover{
	color: #CCCCCC;
	font-size: 1.5em;
}
#barra-icones2 .btn-default{
	background-color: #E30613;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0.4em;
	font-family:'Roboto-Medium', "sans-serif";
}
#barra-icones2 .btn-default:hover{
	background-color: #BE0000;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0.4em;
	font-family:'Roboto-Medium', "sans-serif";
}
#barra-icones2 a {color:#E30613; text-decoration: none; outline: none; font-weight: normal;}
#barra-icones2 a:hover {color:#cccccc; text-decoration: none; outline: none; font-weight: normal;}
/*---------------------------------------------------------------------------*/
/*  NAVBAR - MENU PRINCIPAL  */
/*---------------------------------------------------------------------------*/
#nav {
	font-family:'Roboto-Medium', "sans-serif";
	font-size: 1.1em;
	z-index: 900;
	margin-top: 0.5em;
}
#nav.navbar-default {
	background-color:transparent;
	border: 0;
}
		#nav .navbar-nav > li > a {
			background-color: transparent;
			color: #706F6F;
			font-weight: 500;
			text-decoration: none;
		}
		#nav .navbar-nav > li > a:hover{
			color:#BE0000;
			background-color:#F8F8F8;
			border-radius: 10px;
			text-decoration: none;
			font-weight: 500;
		}
		#nav.navbar-default .navbar-toggle {
			border-color:#E30613;
			background-color: transparent;
		}
		#nav.navbar-default .navbar-toggle:hover {
			border-color: #BE0000;
			background-color: #F5F5F5;
		}		
		#nav.navbar-default .navbar-toggle span {
			background-color:  #E30613;
		}
		#nav.navbar-default .navbar-toggle:hover span {
			background-color: #E30613;
		}
		#nav.navbar-default .navbar-collapse {
			text-align: center;
			border-color: #E30613;
		}
		#nav .dropdown-menu{
			padding: 0;
		}
		#nav .dropdown-menu > li > a {
			background-color:transparent;
			color: #BE0000;
			text-decoration: none;
			font-size: 1em;
			font-weight: normal;
			padding: 0.4em;
		}
		#nav .dropdown-menu a:hover{
			background-color:#F5F5F5;
			color: #706F6F;
			text-decoration: none;
			font-size: 1em;
			font-weight: normal;
			padding: 0.4em;
		}
/*---------------------------------------------------------------------------*/
/* MENU - EVENTOS */
/*---------------------------------------------------------------------------*/
#nav-eventos {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	z-index: 999;
}
#nav-eventos.navbar-inverse {
	background-color:#706F6F;
	border-bottom: 1px solid #BE0000;
	border-right: none;
	border-left: none;
	border-top: none;
	border-radius: 0;

}
		#nav-eventos .navbar-nav > li > a {
			background-color: transparent;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		#nav-eventos .navbar-nav > li > a:hover{
			color: #FFFFFF;
			background-color:#555555;
			text-transform: uppercase;
		}
		#nav-eventos .navbar-toggle {
			border:1px solid  #FFFFFF;
			background: none;
		}
		#nav-eventos .navbar-toggle:hover {
			border:1px solid  #555555;
			background-color: none;
		}		
		#nav-eventos .navbar-toggle span {
			background-color:  #FFFFFF;
		}
		#nav-eventos .navbar-toggle:hover span {
			border:1px solid  #555555;
			background-color: #555555;
		}
		#nav-eventos .navbar-collapse {
			border-color: #FFFFFF;
			text-align: center;
		}
/*---------------------------------------------------------------------------*/
/*  FOOTER  */
/*---------------------------------------------------------------------------*/
#rodape {
	background:	linear-gradient(to right, rgba(157,157,156, 0) 0%, rgba(157,157,156, 0.5) 35%, rgba(157,157,156, 0.5) 70%, rgba(157,157,156, 0) 100%);
	font-family:'SourceSansPro-Regular', sans-serif;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-top: 2px solid #706F6F;
	border-bottom: none;
	border-right: none;
	border-left: none;
	color: #706F6F;
	margin-top: 3em;
	padding-top: 1.5em;
}
#rodape p a {
	color: #706F6F;
	text-decoration: none;
	font-weight: normal;
}
#rodape p a:hover {
	color:#BE0000;
	text-decoration: none;
	font-weight: normal;
}
#rodape li{
	margin-bottom: 0.8em;
}
#rodape li a {
	color: #706F6F;
	text-decoration: none;
	font-weight: bold;
}
#rodape li a:hover {
	color:#BE0000;
	text-decoration: none;
	font-weight: bold;
}
#rodape .fa{
	color: #706F6F;
}
#rodape .fa:hover{
	color: #BE0000;
}
#rodape h3 {
	position: relative;
	padding: 0 0 0 0.5em;
	font-weight: 600;
	margin-bottom: 1.5em;
	font-size: 0.9em;
	color: #BE0000;
	text-transform: uppercase;
	border-bottom: none;
}
#rodape h3:after {
	content: "";
	position: absolute;
	left: 0;
	top: 1.3em;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(190,0,0, 1.0), rgba(190,0,0, 0.6), rgba(190,0,0, 0.3) , rgba(190,0,0, 0) );
}
#rodape img{
	padding: 10px;
}
.bk-apecih{
	background: url("../images/bk-bottom.png") bottom left no-repeat;
}
.azassocia{
	font-size: 0.8em;
	color:#00698C;
}
.azassocia a{
	color: #00698C;
	font-weight: 600;
	text-decoration: none;
}
.azassocia a:hover{
	color: #00384A;
	font-weight: 600;
	text-decoration: none;
}
.copy{
	font-size: 0.8em;
	color: #333333;
	font-style: italic;
}
/*---------------------------------------------------------------------------*/
/*  PÁGINA INICIAL - INDEX  */
/*---------------------------------------------------------------------------*/
#carousel-index1{
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}
#carousel-index2{
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}
#noticias-destaque h1{
	border-bottom: 1px solid #BE0000;
	text-align: center;
}
#noticias-destaque h1 {
	position: relative;
	padding-bottom:8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}
#noticias-destaque h1:after {
	content: "";
	position: absolute;
	left: 45%;
	bottom: -1px;
	width: 10%;
	height: 3px;
	background-color:#BE0000;
}
#noticias-destaque h3 {
	text-align: center;
}
.btn-transparent{
	background-color: transparent;
	border: 1px solid #BE0000;
	border-radius: 50px;
	color: #BE0000;
}
.btn-transparent:hover{
	background-color: #E1E1E1;
	border: 1px solid #BE0000;
	border-radius: 50px;
	color: #BE0000;
}
.intro-section {
	padding-top:60px;
	padding-bottom:60px;
	background-image: url("../images/bk-index.jpg");
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: center;
}
.intro-section h1{
	border-bottom: 1px solid #BE0000;
	text-align: center;
}
.intro-section h1 {
	position: relative;
	padding-bottom:8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}
.intro-section h1:after {
	content: "";
	position: absolute;
	left: 45%;
	bottom: -1px;
	width: 10%;
	height: 3px;
	background-color:#BE0000;
}
.parallax {
	background-size:cover; 
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
/*---------------------------------------------------------------------------*/
/*  INSTITUCIONAL  */
/*---------------------------------------------------------------------------*/
#linhaDoTempo {
    background: url("../images/historia-barra.png") repeat-y 10px 0;
    padding: 2px 0 2px 8px;
}
#linhaDoTempo li{ list-style:none;}
#linhaDoTempo h2 > i {
    background: #fff;
    padding: 3px 0 3px 0;
	font-size: 20px;
	color: #be1622;
	margin: 0 0 0 2px;
}
#linhaDoTempo h2{ margin: 20px 0 0 0; }
#linhaDoTempo h2:after {
	content: "";
	position: absolute;
	background-color:transparent;
}
#linhaDoTempo li ul{ margin: 0 0 40px 0;}
/*---------------------------------------------------------------------------*/
/*  ASSOCIE-SE  */
/*---------------------------------------------------------------------------*/
#vantagens{
	border: 2px solid #be1622; 
	padding: 12px; 
	border-radius: 20px; 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align: center;
	margin: 40px 0;
}
#vantagens h3{
	color:#be1622;
	margin: 10px 0 10px 0;
	font-weight: 800;
	font-size: 1.8em;
}
#vantagens .vantagem h4{
	color:#be1622;
	font-size: 1.2em;
}
#vantagens .vantagem{
	text-align: center; 
}
#vantagens .vantagem p{
	color:#666666;
}
#planos{
	border: 2px solid #be1622; 
	padding: 12px; 
	border-radius: 20px; 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align: center;
	margin: 40px 0;
}
#planos h3{
	color:#be1622;
	margin: 10px 0 10px 0;
	font-weight: 800;
	font-size: 1.8em;
}
#planos .plano{
	text-align: center;
}
#planos .plano h3{ 
	border-bottom: 2px solid #535353;
	padding: 4px 0;
	font-size: 30px;
}
#planos .plano h3 span{
	display: block; 
	color: #535353; 
	font-weight: 100;
}
#planos .plano h4{
	display: block; 
	color: #be1622; 
	font-weight: bold; 
	padding: 0 10px; 
	font-size: 80px;
}
#planos .plano h4 b{
	font-weight: 800;
	font-size: 100px;
} 
#planos .plano h4 span{ 
	display: block;
	font-weight: normal; 
	text-align: left;
	font-size: 30px;
} 
#planos .plano h5{
	font-size: 1.3em;
	margin-top: 1em;
}
.btn-vermelho{
	color: #FFFFFF;
	background-color: #be1622;
	border-radius: 50px;
	font-size: 1.3em;
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 50px;
	margin-bottom: 30px;
	border: 1px solid #F5F5F5;
}
.btn-vermelho:hover{
	color: #be1622;
	background-color: #FFFFFF;
	border-radius: 50px;
	font-size: 1.3em;
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 50px;
	margin-bottom: 30px;
	border: 1px solid #be1622;
}
/*---------------------------------------------------------------------------*/
/*  BLOG  */
/*---------------------------------------------------------------------------*/
#navega-anterior-posterior {
	margin-top: 2.8em;
	margin-bottom: 1.8em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	background: linear-gradient(to right, rgba(225,225,225, 0) 0%, rgba(225,225,225, 0.5) 35%, rgba(225,225,225, 0.5) 70%, rgba(225,225,225, 0) 100%);
}
/*---------------------------------------------------------------------------*/
/*  INFO APECIH  */
/*---------------------------------------------------------------------------*/
#acesso-publicacoes .panel-default{
	border-color: #BE0000;
	text-align: center;
}
#acesso-publicacoes .fa{
	color: #BE0000;
}
#info-apecih .thumbnail{
	border-color: #BE0000;
	text-align: center;
}
#info-apecih h3{
	font-size: 2em;
	min-height: 4.5em;
}
/*---------------------------------------------------------------------------*/
/*  RESPONSIVE MENU  */
/*---------------------------------------------------------------------------*/
@media (max-width: 1119px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}