@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);

@font-face {
	font-family: 'fjallaone';
	src: url('fontes/fjallaone/FjallaOne-Regular.eot');
	src: local('☺'), 
	url('fontes/fjallaone/FjallaOne-Regular.woff') format('woff'), 
	url('fontes/fjallaone/FjallaOne-Regular.ttf') format('truetype'), 
	url('fontes/fjallaone/FjallaOne-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri-Bold';
	src: url('fontes/calibri-bold/calibri-bold.eot');
	src: local('☺'), 
	url('fontes/calibri-bold/calibri-bold.woff') format('woff'), 
	url('fontes/calibri-bold/calibri-bold.ttf') format('truetype'), 
	url('fontes/calibri-bold/calibri-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri';
	src: url('fontes/calibri/calibri.eot');
	src: local('☺'), 
	url('fontes/calibri/calibri.woff') format('woff'), 
	url('fontes/calibri/calibri.ttf') format('truetype'), 
	url('fontes/calibri/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{
	font-family: 'fjallaone', sans-serif;
	background: url(imagens/bg.png) center top repeat-x;
	color: #424141;
	font-size: 17px;
}

a{
	text-decoration: none !important;
}

.row{
	margin: 0;
}
#home .col-lg-4,
#home .col-lg-6{
	padding: 0;
}
.img-galeria div{
	overflow: hidden;
	margin-bottom: 10px;
}
.img-galeria div img{
	max-width: 100%;
}
.img-galeria .titulo-sessao{
	margin-bottom: 20px;
}
.interna #conteudo{
	margin-top: 60px;
}

.interna #conteudo .col-lg-4{
	margin: 0;
}
.panel-title a{
	display: inline-block;
	width: 100%;
}
/**
 * PAGINACAO
 */
#pagincao{
	width: 100%;
	text-align: center;
}
#pagincao li{
	display: inline-block;
}

/**
 * POST
 */
.post {
	margin-bottom: 30px;
}
.post .titulo-sessao{
	margin-left: -15px;
	width: 100%;
	margin-bottom: 20px;
}
.post .texto{
	font-weight: normal;
	font-family: 'Cabin' !important;
}
.post .texto p{
	margin-bottom: 30px;
}
.post .img{
	float: left;
	margin: 0 10px 10px 0;
}

.page-full{
	width: 100%;
	position: relative;
	float: left;
}

.pagina{
	padding: 0 17px;
	width: 1093px;
	position: relative;
	margin: auto;
}

.titulo-sessao{
	background: url(imagens/bg-titulo-convenios.png) left top no-repeat;
	height: 50px;
	width: 321px;
	padding-left: 50px;
	color: #fff;
	font-size: 17px;
	margin: 0;
}
.titulo-sessao span{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}
.interna .titulo-sessao span{
	background: #0D408F;
	padding-right: 20px;
}

#topo{
	background: url(imagens/bg-topo.png) center bottom repeat-x #fff;
	height: 200px;
	z-index: 2;
}

.barra-topo{
	height: 35px;
	background: url(imagens/bg-barra-topo.png);
}

#topo h1{
	float: left;
	margin-top: 25px;
}
#topo .box-busca{
	margin-top: 25px;
	float: right;
	width: 350px;
}
#topo .box-busca nav{
	text-align: center;
	height: 45px;
	width: 100%;
	padding-bottom: 10px;
	background: url(imagens/sombra-pesquisa.png) center bottom no-repeat;
}
#topo .box-busca nav a{
	color: #2b448a;
	display: inline-block;
	margin: 0 5px;
	padding: 5px;
	font-size: 17px;
}
#topo .box-busca nav a:hover{
	color: #009045;
}
#topo .box-busca form div{
	width: 100%;
	border: 1px solid #dfdfdf;
	height: 53px;
}

#topo .box-busca form div input[type="text"]{
	background: none;
	border: none;
	height: 51px;
	padding: 0 10px;
	width: 85%;
	float: left;
}
#topo .box-busca form div input[type="image"]{
	float: right;
	margin: 8px 8px 0 0;
}

#menu{
	float: left;
	text-align: center;
	width: 1093px;
	height: 62px;
	padding-top: 9px;
	margin-top: 20px;
	margin-left: -17px;
	background: url(imagens/bg-menu.png) center center no-repeat;
}
#menu li{
	display: inline-block;
	margin: 0 10px;
	position: relative;
}

#menu li a{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	line-height: 17px;
}
#menu li:hover a,
#menu li.ativo a{
	background: #0d964e;
}

#menu li a span{
	height: 44px;
	display: table-cell;
	vertical-align: middle;
}

#menu li:hover ul{
	display: block;
}
/*#menu li:hover */
#menu li ul{
	position: absolute;
	width: 165px;
	padding: 10px 0;
	background: #0d964e;
	left: 0;
	top: 44px;
	display: none;

}
#menu li ul li{
	width: 100%;
	margin: 2px 0;
	text-align: left;
}
#menu li ul li a{
	display: inline-block;
	width: 100%;
	padding: 3px 0 3px 15px;
	font-size: 15px;
}
#menu li ul li a:hover{
	background: #2b448a;
}


#banners{
	margin: 50px 0 25px;
	z-index: 1;
}
@media (min-width: 768px) {
	#banners {
		height: 385px;
	}
}

.lista-banners{
	position: relative;
	float: left;
	width: 100%;
}
@media (min-width: 768px) {
	.lista-banners {
		height: 385px;
	}
}

.lista-banners li{
	position: relative;
}
.lista-banners li div{
	height: 80px;
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding: 0 20px;	
}
@media (min-width: 768px) {
	.lista-banners li div {
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

.lista-banners li div p{
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
@media (min-width: 768px) {
	.lista-banners li div p {
		font-size: 25px;
	}
}

.lista-banners li div p a{
	color: #fff;
}
.lista-banners img {
	max-width: 100%
}

/*.lista-banners .owl-pagination .owl-page,
.owl-buttons div {
    background: rgba(0, 0, 0, 0) url("imagens/seta-banner-esquerda.png") no-repeat scroll center center;
    display: inline-block;
    height: 46px;
    left: 10px;
    position: absolute;
    top: 169px;
    width:46px;
    text-indent: -99999px;
}
.lista-banners .owl-pagination .owl-page:last-child,
.owl-buttons div:last-child {
    background: rgba(0, 0, 0, 0) url("imagens/seta-banner-direita.png") no-repeat scroll center center;
    left: auto;
    right: 10px;
}*/

.owl-prev,
.owl-next {
	display: none !important;
}
@media (min-width: 768px) {
	.owl-prev,
	.owl-next {
		display: block !important;
	}
}




.owl-buttons div {
    background: rgba(0, 0, 0, 0) url("imagens/seta-banner-esquerda.png") no-repeat scroll center center;
    display: inline-block;
    height: 46px;
    left: 10px;
    position: absolute;
    top: 169px;
    width:46px;
    text-indent: -99999px;
}
.owl-buttons div:last-child {
    background: rgba(0, 0, 0, 0) url("imagens/seta-banner-direita.png") no-repeat scroll center center;
    left: auto;
    right: 10px;
}

.owl-pagination {
	text-align: center;
}
@media (min-width: 768px) {
	.owl-pagination {
		display: none;
	}
}
.owl-page {	
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background: #ccc;	
}
.owl-page.active {
	background: #2b448a;
}
.owl-page + .owl-page {
	margin-left: 2px;
}


#publicidade{
	background: url(imagens/bg-pub.png) center center no-repeat;
	height: 162px;
	margin-bottom: 30px;
}

#publicidade .row{
	margin-top: 30px;
}


#conteudo{
	background: #fff;
	margin-bottom: 30px;
}
#conteudo .noticia .titulo-sessao{
	position: absolute;
}
#conteudo .noticia h2{
	font-size: 16px;
	height: 60px;
	margin-bottom: 10px;
	padding: 0 5px;
}
#conteudo .noticia h2 a,
#conteudo .noticia h2 a:hover{
	color: #2b448a;
}
#conteudo .noticia .continue-lendo{
	float: right;
	font-size: 15px;
	color: #424141;
}
#home #conteudo .col-lg-4{
	max-width: 321px;
	margin-right: 44px;
}
.sidebar.col-lg-4{
	min-width: 329px !important;
	margin-right: 0 !important;
}
.sidebar.col-lg-4 a,
.sidebar.col-lg-4 a:hover{
	display: block;
	margin-bottom: 10px;
	font-size: 28px;
	position: relative;
	color: #fff;
}
.sidebar.col-lg-4 a .box{
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
	height: 103px;
	padding-right: 20px;
}
.sidebar.col-lg-4 a .box .centro{
	height: 103px;
	display: table-cell;
	vertical-align: middle;
}
.sidebar.col-lg-4 a:first-child .centro:first-child{
	width: 40px;
	font-size: 16px;
	text-align: center;
	padding-right: 15px;
}
.sidebar.col-lg-4 a:first-child .centro:first-child span{
	font-size: 40px;
	line-height: 20px;
	display: inline-block;
	margin-top: 16px;
}
.sidebar.col-lg-4 a:first-child .centro:last-child{
	font-size: 14px;
	width: 190px;
}



.enquete{

}
.enquete p.titulo{
	padding: 0 10px;
	color: #424141;
	font-size: 15px;
	margin: 20px 0;
}
.enquete label{
	font-size: 13px;
	color: #424141;
	font-weight: normal;
	margin: 5px 0;
	width: 100%;
	padding: 0 10px;
}
.enquete label input{
	margin-right: 10px;
}
.enquete form p{
	padding: 0 10px;
	margin-top: 15px;
}
.enquete form p button{
	float: right;
}
.enquete table td{
	font-size: 13px;
	color: #424141;
	font-weight: normal;
	margin: 5px 0;
	padding: 0 10px;
	vertical-align: middle !important;
}



#convenios{
	background: #f1f1f2;
	height: 217px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#convenios .pagina{
	height: 217px;
	padding-top: 40px;
}
#convenios .titulo-sessao{
	position: absolute;
	left: 17px;
	top: -26px;
}

#lista-convenios{
	width: 976px;
	float: left;
	margin: 0;
	padding-left: 10px;
}
#lista-convenios li{
	display: inline-block;
	width: 225px;
	float: left;
	height: 150px;
	background: #fff;
	text-align: center;
}
#lista-convenios li a{
	display: inline-block;
	background: #fff;
}
#lista-convenios li a span{
	height: 150px;
	display: table-cell;
	vertical-align: middle;
}
#lista-convenios li a span img{
	max-width: 95%;
	max-height: 95%
}
#convenios  .bt-esquerdo {
    float: left;
}
#convenios  .bt {
    display: inline-block;
    height: 160px;
    position: relative;
    width: 40px;
}
#lista-convenios .owl-pagination .owl-page {
    background: rgba(0, 0, 0, 0) url("imagens/seta-slide-esquerda.png") no-repeat scroll center center;
    display: inline-block;
    height: 160px;
    left: -50px;
    position: absolute;
    top: 0;
    width: 40px;
}
#lista-convenios .owl-pagination .owl-page:last-child {
    background: rgba(0, 0, 0, 0) url("imagens/seta-slide-direita.png") no-repeat scroll center center;
    left: auto;
    right: -40px;
}

#rodape{
	background: #2b448a;
	height: 200px;
	color: #fff;
}


#rodape .row div:first-child{
	margin-top: 20px;
}
#rodape .row div{
	margin-top: 115px;
}
#rodape h4{
	text-decoration: underline;
}
#rodape p{
	font-size: 13px;
}

#rodape .row div:last-child {
	text-align: right;
}
#rodape .row div:last-child li{
	display: inline-block;
	margin: 0 10px;
}
#rodape .row .copy{
	margin: 20px 0 0;
}

/**
 * DIRIGENTES
 */
.dirigentes li{
	width: 100%;
	font-family: 'fjallaone';
	border-bottom: 1px solid #ededed;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.dirigentes li h3{

}
.dirigentes li p{
	color: #2b448a;
	margin: 2px 0 !important;
}
.dirigentes li p a{
	color: #009045;
}


/**
 * CONSELHEIROS
 */
.conselheiros .texto h3{
	font-family: 'fjallaone';
	color: #2b448a;
}
.conselheiros table td{
	border: 1px solid #ededed;
	padding: 3px 5px;
}

/**
 * LISTAGM
 */
.listagem div {
	margin-bottom: 20px;
	height: 230px;	
}
.listagem div p{
	font-size: 12px;
	margin-bottom: 5px;
}
.listagem div img{
	max-width: 100%;
}
.listagem div h3{
	font-size: 16px;
	text-align: center;
	margin: 5px 0;
}

.convenios div{
	height: 280px;
}


/**
 * FORM
 */
.form {
	text-align: right;
}
.form .form-group{
	text-align: left;
}
.form label{
	font-weight: normal;
	color: #2b448a;
}

/**
 * AGENDA
 */
.agenda li{
	border-bottom: 1px solid #ededed;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.agenda li img{
	float: left;
	margin: 0 10px 0 0;
	max-width: 100px;
}
.agenda li p{
	margin-bottom: 5px !important;
}
.agenda h3{
	font-family: 'fjallaone';
	color: #2b448a;
}
.agenda .titulo a{
	font-family: 'fjallaone';
}
.agenda .texto a{
	font-size: 14px;
	color: #009045;
}





#menu-responsivo{
	display: none;
}
@media only screen and (max-width: 1095px) {
	.pagina{
		width: 100%;
		padding: 0;
	}
	#menu{
		width: 100%;
		/*padding: 0;*/
		margin-left: 0;
	}
	#publicidade{
		height: auto;
		background-repeat: repeat-y;
	}
	#publicidade .row{
		margin-top: 0;
	}
	#publicidade span{
		display: block;
		width: 100%;
		float: left;
		text-align: center;
	}
	#publicidade span > div{
		display: inline-block;
		float: none;
		margin: 5px 0;
	}
	#lista-convenios{
		width: 90%;
		padding-left: 0;
	}
	#lista-convenios .owl-pagination .owl-page,
	#convenios .bt{
		width: 5%;
	}
	#home #conteudo .col-lg-4{
		max-width: 100%;
		margin: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	#home #conteudo .row{
		/*margin: 0 15px;*/
	}
	#home #conteudo .col-lg-4.sidebar a{
		display: inline-block;
		width: 33%;
	}
	#home #conteudo .col-lg-4.sidebar{
		margin-top: 30px;
	}

}

@media only screen and (max-width: 1000px) {
	#menu li{
		margin: 0;
	}
	#lista-convenios .owl-pagination .owl-page{
		background-position: left center;
		left: -5%;
	}
	#lista-convenios .owl-pagination .owl-page:last-child{
		background-position: right center;
		right: -5%;
	}
	#home #conteudo .col-lg-4.sidebar {
		text-align: center;
	}
	#home #conteudo .col-lg-4.sidebar a{
		width: auto;
	}
}
@media only screen and (max-width: 815px) {
	#menu li{
		padding: 0 5px;
	}

	#menu {
		position: relative;
	}
	#menu ol{
		display: none;
		margin-top: 50px;
		width: 50%;
		float: right;
	}
	#menu li{
		width: 100%;
		background: #2b448a;
		padding: 0;
	}
	#menu li ul{
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		margin-bottom: 30px;
		/*background: none;*/
	}
	#menu li ul li{
		text-align: center;
		background: none;
	}
	#menu li ul li a{
		padding: 3px 0 3px ;
	}
	#menu li ul li a:hover{
		background: none;
	}
	#menu li:hover a{
		background: none;
	}
	#menu-responsivo{
		display: block;
		background: #0d964e;
		padding: 5px;
		width: 50px;
		position: absolute;
		right: 10px;
		cursor: pointer;
	}
	#menu-responsivo span{
		display: inline-block;
		background: #fff;
		height: 5px;
		width: 100%;
		margin: 3px 0;
		float: left;
	}
}
@media only screen and (max-width: 725px) {
	#menu li{
		padding: 0 5px;
	}
	#topo{
		height: auto;
	}
	#topo h1{
		width: 100%;
		text-align: center;
	}
	#topo .box-busca{
		width: 100%;
	}
}


@media only screen and (max-width: 600px) {
	#menu ol{
		width: 100%;
	}
	#publicidade{
		display: none;
	}
}