html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	background: white; 
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}

h1{
	font-size: 30px;
	color: #1c6c29;
	border-bottom: 5px solid #1c6c29;
	margin-top: 0;
}
h2, .h2 {
  font-size: 28px;
}
h3, .h3 {
  font-size: 22px;
}





.white{
	background: white;
	float: left;
	display: block;
	width: 100%;
}

#programacao a{
	color: #1c6c29;
	font-weight: bolder;
}

#ancoratopo{
	width: 70px;
	height: 70px;
	position: fixed;
	margin: 10px;
	bottom: 5px;
	right: 5px;
	z-index: 99999999999999;
}

.container{
	min-width: 1008px;
}

.navbar-default{
  background-color: #1c6c29;
  text-transform: uppercase;
}

.page-header{
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 7px solid #1c6c29;
	margin-top: 49px;
}

.comporta-border{
	background: white;
	padding: 0 0 10px 0;
	margin: 60px 0 0 0;
}
.data-evento{
	font-size: 150%;
}
.verde{
	color: #1c6c29;
}
.background-verde{
	/*background: #1c6c29;*/
}

.comporta-overlap{
	margin-right: 0; 
	position: absolute;
	z-index: 99;
	width: 100%;
}

.comporta-lateral-header{
	background: white;
	text-align: center;
}
.logo{
	width: 80%;
	max-width: auto;
	margin: 20px 0 15px 0;
}
.header-chamada{
	background: rgba(255,255,255,0.7);
	width: 450px;
	color: black !important;
	padding: 20px;
	margin: 20px auto;
	text-align: center;
	font-size: 150%;
}
.header-chamada p{
	padding: 3px 0;
	margin: 3px 0;
}

#home{padding-top:0}
#home .navbar-brand{ padding:13.5px 15px 12.5px; }
#home .navbar-brand>img{display:inline; margin:0 10px; height:100%}
#banner{ border-bottom:none }
.page-header h1{ font-size:4em }
.bs-docs-section{margin-top:-10px;}
.bs-component{position:relative}
.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}
.bs-component .modal-dialog{width:90%}
.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}

.nav-tabs{margin-bottom:15px}
.navbar {
	min-height: initial;
	margin: 0 !important;
	position: fixed;
	width: 100%;
	z-index: 999999999999999999999999999999;
}
.navbar-default .navbar-nav > li > a,
.nav-justified > li > a{
	color: white;
	font-size: 86%;
	padding: 5px 0 15px 0;
}
.navbar-default .navbar-nav > li > a:hover, .nav-justified > li > a:hover,  .navbar-default .navbar-nav > li > a:focus, .ativo {
	color: black;
	background: white;	
}
a.ativo{ color: black !important; }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: initial;
}

.navbar-default  li:hover .dropdown-menu{
	display: block;
}
.dropdown-menu{
	margin-top: -5px;
}
.dropdown-menu li{
	display: block;
	width: 100%;
}
.area-index{
	background: #3b7cbb;
	color: white;
}

.bottom-index{
	background: #1c6c29;
	color: white;
	text-align: center;	
	border-radius: 50px 0 50px 0;
	-moz-border-radius: 50px 0 50px 0;
	-webkit-border-radius: 50px 0 50px 0;
	border-bottom: 3px solid #022615;
	border-right: 3px solid #022615;
}
.bottom-index .glyphicon{
	font-size: 110%;
}
a.bottom-index, a.area-index{
	padding: 30px;
	font-size: 150%;
	margin: 20px 10px;
}
a.bottom-index:hover{
	background: black;
	color: white;
}
div.bottom-index, div.area-index{
	padding: 10px 20px;
	font-size: 100%;
	text-align: center;
	margin: 2px 0;
}
div.bottom-index a, div.area-index a{
	color: white;
}
div.bottom-index input, div.area-index input{
	margin: 5px 0;
}

.btn-orange{
	background: #eb7a16;
	color: black !important;
}
a.btn-orange{
	color: black !important;
}
.btn-orange a{
	color: black !important;
}
.btn-red{
	background: #a91d21;
}
.btn-red a:hover, .btn-red:hover{
	color: white;
}

#lateral-area div.bottom-index div{
	display: block;
	clear: both;
	width: 100% !important;
}
#lateral-area div.bottom-index .row {
	margin: 5px 0;
}

.destaque-color-block{
	background: #59b700;
	height: 380px;
	display: block;
	width: 100%;
	margin-top: 0;
	clear: both;
}

/* Datas Importantes - Home */
	#datasImportantes{
		float: left;
		padding: 5px;
		background: #1c6c29;
		position: relative;
		min-height: 324px;
	}
	#datasImportantes h3{
		text-align: center;
		color: white;
	}
	.cal{
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.cal li{
		clear: both;
		float: left;
		margin: 2px 3px;
		width: 96%;		
	}
	.data{
		font-size: 14px !important;
		float: left;
		color: #1c6c29;
		background: white;
		font-size: 11px !important;
		font-weight: bolder;
		padding: 8px 0px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	}
	.descricao{
		font-size: 100% !important;
		float: right;
		margin-right: 10px;
		padding: 3px 5px;
		font-weight: bolder;
		color: white;	
		text-align: left;
	}
	.ativo_data{
		color: #ac6812;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	.antiga_data{
		opacity: 0.3;
	}


#programacao h2{
	text-align: center;
	border-bottom: 1px solid #666666;
}
#programacao h3{
	padding-top: 15px;
}
a.data-programacao{
	margin-bottom: 5px;
	padding: 20px;
	text-align: center;
	background: #1c6c29;
	color: white;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 150%;	
}
	
	
/*Slider Responsivo*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0!important;
}
.rslides li{
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child{
	position: relative;
	display: block;
	float: left;
}
.rslides img{
	display: block;
	height: 100%;
	float: left;
	width: 100%;
	border: 0;
}
.large-btns_nav{
	top: 25%;
	bottom: 50%;
}

.image-cultura{ margin-top: 15px; }
.comporta-lateral-header, .comporta-slider{
	height: 200px;
}
.rslides, .rslides li{
	height: 350px;
}

	
#empresas{
	text-align: center;
	padding: 10px 0;
	margin: 30px 0 15px 0; 
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
#empresas h3{
	text-align: center;
	font-size: 110%;
	font-weight: bolder;
}
#empresas img{
	float: initial !important;
	max-width: 160px;
	max-height: 100px;
	margin: 5px 20px;
}

.mapa-do-site{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 25px;
	display: block;
	float: left;
	width: 100%;
}
.mapa-do-site li{
	float: left;
	width: 9%;
	color: #BBBBBB;
}
.mapa-do-site li a{
	color: #BBBBBB;
	display: block;
	text-align: center;
}
.mapa-do-site br{
	display: none;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: initial;
	height: auto;
	vertical-align: middle !important;
}
.carousel-inner{
	min-height: 150px;
}
.carousel-control.left, .carousel-control.right{
	background: none;
}
.carousel-control {
	color: black;
}
.carousel-control:hover{
	color: #ef9a25;
}

footer.footer{ float: left; margin-top: 15px; }
footer{margin:5em 0 0 0}
footer li{float:left; margin-right:1.5em; margin-bottom:1.5em}
footer p{clear:left; margin-bottom:0}

#rodape { padding-top: 20px; float: left; clear: both; color: black; width: 100%; font-size: 11px; padding: 3px 0px;}
#rodape a { color: black; }


#programacao h4{
	color: #1c6c29;
	font-weight: bolder;
}
#programacao .bandeira-programacao{
	border: 1px solid #cccccc;
}

.datas-importantes-home{
	margin-top: 0; 
}

.box-index-apresentacao{
	text-align: center;
	margin-bottom: 15px;
}
.box-index-apresentacao img, .img-circle{
	float: none !important;
}
.box-index-apresentacao h1{
	font-size: 150%;
	border-bottom: 5px solid #1c6c29;
	margin: 0;
}
.saiba-mais{
	background: #f79723;
	color: black;
	font-weight: bolder;
	padding: 10px;
	margin-top: -15px;
	display: block;
	position: relative;
}
.saiba-mais:hover{
	background: #1e8415;
	color: white;
	font-weight: bolder;
	padding: 10px;
	text-decoration: none;
}
.box-index-apresentacao .texto{
	min-height: 110px;
	color: white;
	background: #1c6c29;
	padding: 5px;
}


.mensagem-presidente-foto{
	margin-left: 10px;
	float: right;
}
.mensagem-presidente-br{
	display: none;
}

ul.submenu{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.submenu li a{
	display: block;
	padding: 15px;
	color: white;
	background: #1c6c29;
	margin: 4px 0;
}
ul.submenu li a:hover{
	display: block;
	padding: 15px;
	color: white;
	background: #1e8415;
	text-decoration: none;
}


@media (max-width:1024px){
	.nav-justified > li > a{
		font-size: 80%;
	}
}

@media (max-width:767px){
	body{
		overflow-x: hidden;
	}	
	table{
		font-size: 65%;
	}	
	.container{
		width: 100%;
		min-width: initial;
	}	
	.navbar-toggle {
		background-color: #faa133;
		color: white !important;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #f7ed33;
		color: black !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: black;
	}	
	.nav > li {
		position: relative;
		display: block;
		width: 100%;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.nav br {
		display: none;
	}
	.section-preview .image img{width:100%}
	
	.image-cultura{ display: none;}
	
	#banner{text-align:center}
	
	a.bottom-index{
		margin: 10px auto;
		display: block;
		float: initial;
	}
	div.bottom-index{
		margin: 10px auto;
		display: block;
		float: initial;
	}
	
	#rodape{ text-align: center; }
	#vazio{ display: none; }
	
	#slider1_container{
		position: initial !important;
		margin: 0 !important;
	}
	
	/*Slider Responsivo*/
	.datas-importantes-home{
		margin-top: 0; 
		z-index: 0;
	}
	
	.comporta-border{
		background: white;
		margin-top: 15px;
	}
	
	.rslides, .rslides li{
		height: 300px;
	}
	
	.comporta-overlap{
		position: relative;
		width: auto;
	}
	
	.comporta-slider{
		display: none;
	}
	#box-registrar{
		display: none;
	}
	.rslides, .rslides li, .comporta-lateral-header, .comporta-slider {
		height:  auto;
	}
	
	.mapa-do-site li{
		display: block;
		width: 100%;
	}
	
}
@media (max-width:400px){
	h1{
		font-size: 20px;
	}
	
	.rslides, .rslides li{
		height: 200px;
	}
	
	a.data-programacao {
		font-size: 100%;
	}
	
	.mensagem-presidente-br{
		display: block;
	}
	
	.mensagem-presidente-foto{
		float: none;
	}
}