@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow';
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Muli');
*{
	font-family: sans-serif !important;
}
html {
  font-family: sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{
	font-family: 'Archivo Narrow', sans-serif !important;
	background: white; 	
	font-size: 14px;
    line-height: 1.42857143;
    color: #777777;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300;
  line-height: 1.1;
}
h1{
	font-size: 230%;
    margin-top: 40px;
    clear: both;
    text-align: center;
    margin-top: 0;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}
h2, .h2 {
  font-size: 28px;
}
h3, .h3 {
  font-size: 22px;
}


table td{
	padding: 10px;
	 color: black;
}
table thead{
	    background: #ffcc3f;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
}


.isbn{
	background: #57585a;
    color: white;
    text-align: center;
    padding: 15px 0 10px 0;
}


/*****************************

 Programação

 *****************************/



#programacao1 {

	font-family: 'PT Sans Caption', Verdana, sans-serif;

}



#programacao1 h1.titulo .data{

	font-family: 'Merriweather', sans-serif !important;

	font-size: 70px;

}

#programacao1 h1.titulo {

	font-family: 'Muli', Verdana, sans-serif;

    background: #000;

    color: #fff;

    font-size: 120%;

	font-weight: initial;

	text-transform: lowercase;

    border: 0;

    margin-top: 35px;

    margin-bottom: 0;

    padding: 10px;

    width: 145px;

    height: 145px;

    border-radius: 50%;

    margin: 10px auto;

}



#programacao1 .nav-tabs {

	background: none;

	border-bottom: 3px solid #000000;

	   font-weight: initial;

}



#programacao1 .nav-tabs > li {

	text-align: center;

}



#programacao1 .nav-tabs > li > a {

	border: 0;

	border-radius: 0;

	color: #000000 !important;

	font-size: 24px;

	outline: 0;

	text-shadow: initial;

	-moz-text-shadow: initial;

}



#programacao1 .nav-tabs > li.active > a,

#programacao1 .nav-tabs > li.active > a:focus,

#programacao1 .nav-tabs > li.active > a:hover {

	color: #FFF !important;

	cursor: default;

	background-color: #000000;

	border: 0;

	border-bottom-color: transparent;

	font-weight: bold;

}



#programacao1 .nav > li > a:focus,

#programacao1 .nav > li > a:hover {

	text-decoration: none;

	background-color: transparent;

}





/* Linha do tempo da Programação */



.timeline {	

	position: relative;

	padding: 30px 0 0 0;

	list-style: none;

	text-align: left;

}



.timeline .event-linha {

	padding-bottom: 25px;

	position: relative;

	border-left: 3px solid transparent;

	padding-left: 0;

	

}

.timeline .event-linha{

	border-left: 1px solid #bbb;

}

.timeline .event-linha h1{
	padding: 10px;
}


.timeline h1 {
	background: none !important;
	margin-top: 0;
	border: 0;
	font-size: 100% !important;
	color: #3d3637 !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	padding: 10px;
}



.timeline .well {

	position: relative;

	background: #f5f5f5;

	border: 3px solid #e3e3e3;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	background-image: none;

	margin-top: 15px;

	padding: 20px !important;

	margin-bottom: 0;

}



.timeline .well h2 {

	font-size: 20px;

	font-weight: bold;

	margin-top: 0;

}



.timeline .data h1{

	text-align: right !important;

}




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

#programacao a{
	color: #f3622b;
	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: #57585a;
	text-transform: uppercase;
}

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

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

.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: #f3622b;
	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;
}
	
	
/*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{ background: white; 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: #f3622b;
	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 #f3622b;
	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: #f3622b;
	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: #f3622b;
	margin: 4px 0;
}
ul.submenu li a:hover{
	display: block;
	padding: 15px;
	color: white;
	background: #1e8415;
	text-decoration: none;
}

#parceiros .carousel-control{

	background: transparent;

}



#parceiros .comporta-empresas{

	margin-bottom: 20px;

}



#empresas h2 {
    padding: 5px;
    color: #222;
    font-weight: 200;
    font-size: 120%;
    text-transform: initial;
    margin: 0 10px;
    margin-top: 20px;
}

#parceiros h3{

	font-size: 100%;

	text-transform: initial;	

}

.comporta-empresas .comporta-logos{

	float: left;

	display: block;

	text-align: center;

	width: 100%;

}



#parceiros table.comporta_logo{

	text-align: center; 

	margin: 0 10px; 

	/*display: -moz-grid;*/

	display: inline-table;	

	background: white;

}

#parceiros table.comporta_logo, #parceiros table.comporta_logo tr{

	height: 95px !important;

	max-width: 250px !important;	

	max-width: 100%;

	width: initial;

	background: white;

}

#parceiros table.comporta_logo img{

	max-height: 70px !important;

	height: auto !important;

	width: auto !important;

	max-width: 100%;

	background: white;

}






#empresas h2{
	padding: 5px;
	color: #222;
	font-weight: 200;
	font-size: 120%;
	text-transform: initial;
	margin: 0 10px;	
	margin-top: 20px;
}
#empresas h3{
	font-size: 100%;
	text-transform: initial;	
}
.comporta-empresas .comporta-logos{
	float: left;
	display: block;
	text-align: center;
	width: 100%;
}

table.comporta_logo{
	text-align: center; 
	margin: 0 10px; 
	/*display: -moz-grid;*/
	display: inline-table;	
	background: transparent !important;
}
table.comporta_logo, #empresas table.comporta_logo tr{
	height: 95px !important;
	max-width: 260px !important;	
	max-width: 100%;
	width: initial;
	background: transparent !important;
}
table.comporta_logo img{
	max-height: 90px !important;
	max-width: 100% !important;
	height:  auto !important;
	width: auto !important;
	/*max-height: 90px !important;
	max-width: 250px !important;
	height: auto !important;
	width: auto !important;*/
	max-width: 100%;
	background: transparent !important;
}




@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;
	}
}