@charset "UTF-8";
/* CSS Document */

a {
-webkit-tap-highlight-color: transparent;
}

p {
	font-size:16px;
	line-height:26px;
}


.img_banners {
max-width:100%; 
min-height: 340px; 
object-fit: cover
}





.botao_seta {
position:absolute;
width:270px;
bottom:-20px;	
}
	


.botao_banner {
	position:relative;
	float:left;
	width:230px;
	height:45px;
	background-color:#E5373F;
	border-radius:30px;
	color:#fff;
	font-size:18px;
	z-index:2;
}



.cx_banner  {
	position: relative;
	width: fit-content;
	padding: 40px;
	background-image:url("../images/bg_menu.png");
	background-repeat: repeat;
}

.seta {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta:hover .seta {
right:0px;
}




.botao_banner_2 {
	position:relative;
	float:left;
	width:230px;
	height:45px;
	background-color:#fff;
	border-radius:30px;
	color:#011039;
	border:1px solid #E5E5E5;
	font-size:18px;
	z-index:2;
	
}


.botao_seta_2 {
position:relative;
width:270px;
margin-top:40px;
}
	


.seta_2 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_2:hover .seta_2 {
right:0px;
}





.botao_seta_3 {
position:absolute;
bottom:20px;	
}
	


.botao_banner_3 {
	position:relative;
	float:left;
	width:360px;
	height:45px;
	background-color:#E5373F;
	border-radius:30px;
	color:#fff;
	font-size:18px;
	z-index:2;
}



.seta_3 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_3:hover .seta_3 {
right:0px;
}



.botao_seta_4 {
position:absolute;
width:270px;
bottom:-20px;	
}


.botao_banner_4 {
	position:relative;
	float:left;
	width:230px;
	height:45px;
	background-color:#fff;
	border-radius:30px;
	color:#011039;
	border:1px solid #E5E5E5;
	font-size:18px;
	z-index:2;
}



.seta_4 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_4:hover .seta_4 {
right:0px;
}




.botao_seta_5 {
position:absolute;
width:300px;
bottom:-10px;	
}
	


.botao_banner_5 {
	position:relative;
	float:left;
	width:260px;
	height:45px;
	background-color:#E5373F;
	border-radius:30px;
	color:#fff;
	font-size:18px;
	z-index:2;
}



.seta_5 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_5:hover .seta_5 {
right:0px;
}






.botao_seta_6 {
position:absolute;
width:350px;
margin-top: 60px;
}
	


.botao_banner_6 {
	position:relative;
	float:left;
	width:300px;
	height:45px;
	background-color:#011039;
	border-radius:30px;
	color:#fff;
	font-size:18px;
	z-index:2;
    
}



.seta_6 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_6:hover .seta_6 {
right:0px;
}






.botao_banner_7 {
	position:relative;
	float:left;
	width:260px;
	height:45px;
	background-color:#fff;
	border-radius:30px;
	color:#011039;
	border:1px solid #E5E5E5;
	font-size:18px;
	z-index:2;
	
}


.botao_seta_7 {
position:relative;
width:300px;
margin-top:40px;
}
	


.seta_7 {
position:absolute;
height:45px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_7:hover .seta_7 {
right:0px;
}





.botao_seta_8 {
position:absolute;
width:310px;
bottom:-100px;	
}


.botao_banner_8 {
	position:relative;
	float:left;
	width:260px;
	height:50px;
	background-color:#fff;
	border-radius:30px;
	color:#011039;
	border:1px solid #E5E5E5;
	font-size:18px;
	z-index:2;
    font-weight: 500;
}



.seta_8 {
position:absolute;
height:50px;
z-index:1;
right:5px;
transition: 0.5s; /* lida por navegadores modernos */
-moz-transition: 0.5s; /* para Mozilla antigo */
-o-transition: 0.5s; /* para Opera antigo */
-webkit-transition: 0.5s; /* para Chrome e similares antigos */

}


.botao_seta_8:hover .seta_8 {
right:0px;
}


.bg_1 {
	position:relative;
	width:70%;
	z-index:1;
}

.bg_m1 {
	position:relative;
	width:100%;
	/*padding-top:100px; 
	padding-bottom:120px;
	background-image:url(../images/bg-1.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;*/
}


.cx_m1 {
position: absolute;
width:100%;
height:auto;
top:0;
bottom:0;
left:0;
right:0;
z-index:2;
	
	
}


.cx_texto_m1 {
	position:relative;
	width:100%;
	
	
}


.titulo_principal {
position:relative;	
color:#011039;
font-weight:800;
font-size:34px;
}


.texto_principal {
	font-size:16px;
	line-height:26px;
	margin:0;
	padding:0;
	color:#262626;
	text-align:left;
	font-weight:500;
}






.cx_m_50 {
	position:relative;
	width:calc(50% - 20px);
	height:104px;
	margin-top:30px;
	margin-bottom:30px;
	
}

.cx_m_50 p {
	text-align:left !important;
	color:#262626;
}



.cx_m_50 img {
	position:relative;
	margin-right:15px;
	width:100%;
	max-width:107px;
}






.cx_m_51 {
	position:relative;
	width:calc(50% - 20px);
	margin-top:30px;
	margin-bottom:30px;
	
}



summary::marker {
  color: red;
}

.cx_m_51 li::marker {
	list-style: inside;
  color: #57D0F0;
}

.cx_m_51 li {
	list-style: disc;
	margin-left:13px;
	margin-top:10px;
	margin-bottom:10px;
	
 
}

.marca_li {
	position:relative;
	width:100%;
	font-size:16px;
	line-height:26px;
	margin:0;
	padding:0;
	color:#262626;
	text-align:left;
	font-weight:500;
	margin-top:10px;
	margin-bottom:10px;
}

.marcador {
	position:relative;
	width:6px !important;
	height:6px !important;
	margin-top:8px;
	margin-right:10px;
	background-color:#d44746;
	border-radius:50%;
	flex-shrink: 0;
}


.ajusta_texto_1 {
position:relative;
width:100%;
max-width:40%;
padding-right:5%;
}

.ajusta_texto_2 {
position:relative;
width:100%;
color:#fff;
max-width:60%;
}


.ajusta_texo_3 {
position:relative;
width:180px;

}

.m_1 {
	position:relative;
	width:calc(25% - 20px);
	padding-left:10px;
	padding-right:10px;

}

.texto_m_1 {
	position:relative;
	color:#fff;
	font-size:18px;
	line-height:28px;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	min-height:25px;
	text-align:left;
}

.ajusta_m1 {
	padding-left:35px;
}

.titulo_m_1 {
	position:relative;
	margin:0px;
	padding:0px;
	color:#5acafa;
	font-size:86px;
	font-weight:700;
	text-align:left;
	
	
}


.subtitulo_m_1_1 {
	position:relative;
	margin:0px;
	padding:0px;
	color:#5acafa;
	font-size:24px;
	line-height:24px; 
	font-weight:400;
	 margin-right:10px;
	 text-align:left;
	 padding-left:0px !important;
	 margin-left:0px !important;
}


.subtitulo_m_1_2 {
	position:relative;
	margin:0px;
	padding:0px;
	color:#5acafa;
	font-size:34px;
	line-height:34px; 
	font-weight:400;
	 text-align:left;
	 padding-left:35px!important;
	 margin-left:0px !important;
	 
}


.overlay_branco {
	position:absolute;

	bottom:0px;
	left:0px;
	right:0px;
	height:600px;
	width:100%;
	z-index:2;
    
    
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 11%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(11%, rgba(255,255,255,0.66)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 11%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 11%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 11%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 11%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );


}





.desc {
	position:absolute;
	bottom:0px;
	display:block;
	width:100%;
	height:600px;
}


.bg_noticias {
	position:relative;
	width:100%;
	background-image:url(../images/bg-noticias.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}


.m_3 {
	position:relative;
	width:calc(33.3333333% - 40px);
	padding-bottom:30px;
    margin-bottom: 60px;
    
    
}



.cx_img_m_3 {
	position:relative;
	width:100%;
	background-position:center;
    background-repeat: no-repeat;
	background-size:100%;
	padding-bottom:60%;
	z-index:1;
}


.cx_texto_m_3 {
	position:relative;
	width:100%;
	
}

.cx_texto_m_3 h1 {
	position:relative;
	color:#001238;
	
}


.cx_link_m3 {
position:absolute;
bottom:10px;
}
	
.cx_link_m3 a {
	position:relative;
	width:100%;
	height:20px;
	text-align:left;
	color:#666;
	font-weight:600;
}


.cx_link_m3 a span img {
	position:relative;
	top:5px;
	margin-left:10px;
}


.data_not {
	position:absolute;
	left:0;
	top:-10px;
	background-color:#E5373F;
	color:#fff;
	font-size:14px;
	padding:10px;
	z-index:2;
	padding-top:5px;
	padding-bottom:5px;
}

.data_not span {
	font-size:14px;
}


.bg_linha_tempo {
	padding-top:140px; 
	padding-bottom:0px; 
	background-image: url(../images/bg-100.png);
	background-repeat:no-repeat; 
	background-position:right top; 
	background-size:500px;
}



.bg_agenda {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
    background-color: #1c2336;
	/*background-image:url(../images/bg-agenda.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;*/
	
}


.cx_agenda {
	position:relative;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	/*background-image:url(../images/bg_menu.png);
	background-repeat:repeat;*/
}


.agenda {
	position:relative;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
}


.data_agenda {
	position:relative;
	width:100%;
	max-width:100px;
	
}


.data_agenda h1 {
	position:relative;
	color:#5acafa;
	font-size:48px;
	margin:0px;
	padding:0px;
	text-align:center;
	
}


.data_agenda h2 {
	position:relative;
	color:#5acafa;
	font-size:34px;
	margin:0px;
	padding:0px;
	text-align:center;
	text-transform:uppercase
}

.linha_agenda {
	position:relative;
	width:3px;
	height:80px;
	background-color:#E5373F;
	margin-right:20px;
}

.texto_agenda {
	position:relative;
	width:calc(100% - 140px);
}


.titulo_agenda {
	position:relative;
	color:#fff;
	font-size:22px;
	font-weight:600;
	margin:0px;
	padding:0px;
	text-align:left;
	
}

.local_agenda {
	position:relative;
	color:#fff;
	font-size:16px;
	margin:0px;
	padding:0px;
	text-align:left;
	margin-top:10px;
	
}


.cx_restrito {
	position: relative;
	width: 100%;
}

.m_4 {
position: relative;
width: 25%;
margin-top: 10px;
margin-bottom: 10px;

}



.m_4 a {
outline: none;
color: inherit;
background-color: transparent; 
-webkit-tap-highlight-color: transparent;
}


.m_5 {
position: relative;
width:55%;
background-color: #fff;
padding-bottom: 40px;
padding-left: 2.5%;



}

.cx_azul {
position: absolute;
width: 100%;
height: 50px;
bottom:0;
}

.azul {
position: relative;
width: 85%;
background-color:#78ceec;
height: 50px;
}


.vermelho {
position: relative;
width: 15%;
background-color:#E5373F;
height: 50px;
}

.cx_m5 {
position: relative;
width: 100%;
padding: 50px;
padding-left: 0px;
max-width: 680px;
margin-right: 6%;
}

.m_6 {
position: relative;
width:45%;
padding-bottom: 40px;


}


.cx_m6 {
position: relative;
padding-left: 80px;
padding-right: 6%;
max-width: 500px;
}


.col_cx_m_5 {
position: relative;
width: calc(50% - 20px);
background-color: #f2f2f2;
padding: 60px;
}


.col_cx_m_5 img {
position: relative;
display: block;
margin: 0 auto;
}


.col_cx_m_5 h3{
position: relative;
font-size: 22px;
font-weight: 500;
color:#011039;
text-align: center;
}



.m_60 {
position: relative;
width: calc(50% - 40px);
}


.col_m_60 {
position: relative;
width: calc(50% - 20px);
margin-bottom: 40px;
}

.col_m_60 h1 {
position: relative;
margin: 0px;
padding: 0px;
font-size: 60px;
line-height: 60px;
font-weight: 700;
color:#d34746;
margin-bottom: 6px;
margin-top: 10px;
}


.col_m_60 p {
position: relative;
margin: 0px;
padding: 0px;
font-size: 22px;
line-height: 26px;
font-weight: 500;
color:#202d4c;
}




.img_cbic {
max-width:200px; 
margin-top: 60px;
}



.botao_flutuante {
position: fixed;
width: 100%;
bottom: 60px;
z-index: 99;
}



.botao_flutuante img {
max-width:140px;

}

.botao_101 {
position: relative;
width: 100%;
max-width: 360px;
margin-top: 80px;
}


.botao_102 {
position: relative;
width: 100%;
max-width: 360px;
margin-top: 100px;
}


.botao_103 {
position: relative;
width: 100%;
max-width: 360px;
margin-top: 40px;
}



.botao_104 {
position: relative;
width: 100%;
max-width: 280px;
margin-top: 40px;
}



.ajusta_titulo_eventos {

font-size:36px;
margin-left: 2%;
margin-bottom:-40px;
}



.mostra {
display: block;
}

.esconde {
display: none;
}


.cx_800 {
position: relative;
width: 100%;
margin-top: 60px;
}


.col_800 {
position: relative;
width: calc(50% - 30px);
}


.col_800 h1 {
position: relative;
width: 100%;
font-size: 28px;
font-weight: 700;
}



.col_800 h3 {
position: relative;
width: 100%;
font-size: 22px;
font-weight: 700;
}




.botao_gestor {
position: relative;
width: 100%;
}


.botao_gestor img {
position: relative;
width: 100%;
max-width: 300px;
margin-top: 40px;
}



.cx_participe {
background-color: #f2f2f2; 
padding: 60px; 
padding-bottom: 100px; 
padding-top: 80px;
}

/***************** Média queries *****************************/


@media (max-width: 1200px) {

.m_60 {
position: relative;
width: calc(50% - 20px);
}

}



@media (max-width: 1100px) {
.bg_1 {
	width:80%;
}

.col_800 {

width: calc(50% - 20px);
}


}


@media (max-width: 990px) {

.bg_1 {
	width:95%;
}


.bg_m1 {
	position:relative;
	width:100%;
	padding-top:60px; 
	padding-bottom:80px;

}

.m_5 {
width: 100%;
padding-left: 2.5%;
padding-right: 2.5%;
margin-bottom: 40px;
}


.m_6 {
width: 100%;
padding-right: 2.5%;
padding-left: 2.5%;

}

.cx_m5 {
padding: 0px;
padding-left: 0px;
max-width: 100%;
margin-right: 0px;
padding-top: 40px;

}


.cx_m6 {
position: relative;
padding-left: 0px;
padding-right: 0%;
max-width: 100%;

}

.azul {
width: 60%;
background-color: #fff;
height: 40px;
}

.vermelho {
width: 40%;
background-color: #fff;
height: 40px;

}






}


@media (max-width: 900px) {
	
.cx_m1 {
position: relative;
}

.cx_texto_m1 {
	max-width:100%;
}

.bg_1 {
	margin:0 auto;
	display:block;
	width:100%;
}


.m_50 {
	position:relative;
	width:100%;
	
	
}



.cx_m_50 {
	position:relative;
	width:100%;
	height:104px;
	margin-top:30px;
	margin-bottom:30px;
	
}




.m_1 {
	width:calc(50% - 20px);
	margin-bottom:40px;

}



.cx_m_51 {
	position:relative;
	width:100%;
}



.m_3 {
	width:calc(50% - 40px);
    margin: 0 auto;
	margin-bottom:60px;
}





.m_4 {
position: relative;
width: calc(33.3333333% - 20px);
}





.m_60 {
position: relative;
width: 100%;
margin-bottom: 60px;
}

.img_cbic {
margin:0 auto;
display: block;
margin-top: 60px;
}


.col_m_60 {
text-align: center;
}



.col_800 {

width: 100%;


}

.margin_800 {
margin-top: 180px;
}

}




@media (max-width: 860px) {
.desc {
	position:absolute;
	bottom:0px;
	min-height:2000px;

}


.bg_linha_tempo {
	background-size:60%;
}

.botao_seta_3 {

bottom:-20px;	
}


.botao_10 {
margin-top: -10px;
}


}



@media (max-width: 800px) {


.centralizar_texto_banner {
margin: 0 auto;
display: block;
margin-top: 40px;



}


.cx_img_m2 img {
	position: relative;
	bottom:0px;
	
}



.ajusta_texto_1 {
	width:100%;
	max-width:100%;
padding-right:0%;
}


.ajusta_texto_2 {
	width:100%;
	max-width:100%;
padding-right:0%;
}


.ajusta_texo_3 {
position:relative;
width:100%;

}


.m_1 {

	width:100%;

}


.texto_m_1 {
	min-height: auto;
}







}






@media (max-width: 720px) {
.m_4 {
position: relative;
width: calc(50% - 20px);
}

}


@media (max-width: 700px) {


.mostra {
display: none;
}

.esconde {
display: block;
}



.cx_agenda {
	padding:20px;
	padding-top:10px;
	padding-bottom:40px;
}



.m_3 {
	width:100%;
	margin-bottom:30px;
	margin-top:30px;
}



.texto_agenda {
	position:relative;
	width:100%;
	text-align:center;
}


.titulo_agenda {
	text-align:center;
}


.local_agenda {
	text-align:center;
}



.data_agenda {
	position:relative;
	max-width:100%;
}

.linha_agenda {
	width:80px;
	height:3px;
	margin-right: auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.flex--centra--agenda{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;}




.m_5 {
padding-left: 5%;
padding-right:5%;
}


.m_6 {
padding-right: 5%;
padding-left:5%;

}



.botao_2 {

margin-top: 80px;
}

}




@media (max-width: 700px) {

.cx_participe {

padding: 30px; 
padding-bottom: 80px; 
padding-top: 60px;
}



.titulo_principal {
text-align: center;
}

.texto_principal {
text-align: center;
}

.ajusta_texto_2  {
text-align: center
}

.col_cx_m_5 {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;

}

.col_cx_m_5 img {
display: block;
margin: 0 auto;
}

.col_cx_m_5 h3 {
text-align: center;
}


.col_cx_m_5 p {
text-align: center;
}

.botao_seta_7 {
margin: 0 auto;
display: block;
}



}




@media (max-width: 600px) {
.col_m_60 {
width: 100%;
}
}




@media (max-width: 500px) {
.m_4 {
position: relative;
width: 100%;
}



.m_4 img {
position: relative;
width: 80%;
display: block;
margin: 0 auto;
}

.centralizar {
text-align: center;
}


.botao_flutuante img {
max-width:120px;

}







}



