@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap');



/* GERAL */



* {

	padding: 0;

	margin-bottom: 0;

	box-sizing: border-box;

}



body {

	font-family: 'Inter', sans-serif;

	margin: 0;

	padding: 0;	

	font-size: 15px;

}



h1 {

	font-family: 'Inter', sans-serif;

	font-size: 72px;

	letter-spacing: -0.9px;

	font-weight: 900;

}



h2 {

	font-family: 'Inter', sans-serif;

	font-size: 54px;

	letter-spacing: -0.8px;

	font-weight: 900;

}



h3 {

	font-family: 'Inter', sans-serif;

	font-size: 42px;

	letter-spacing: -0.5px;

}



h4 {

	font-family: 'Inter', sans-serif;

	font-size: 36px;

	letter-spacing: -0.2px;

}



h5 {

	font-family: 'Inter', sans-serif;

	font-size: 28px;

}



h6 {

	font-family: 'Inter', sans-serif;

	font-size: 20px;

	font-weight:bold;

}



p {

	font-family: 'Inter', sans-serif;

	font-size: 16px;

	letter-spacing: 0px;

}



ul {

	margin-left: 25px;

}



input:focus, select:focus, textarea:focus, button:focus {

    box-shadow: 0 0 0 0;

    outline: 0;



}





.versao-desktop {

	display: block;

}



.versao-mobile {

	display: none;

}



.main{

	margin-top: 0;

}



.links-hover {

	transition: 0.3s;

	text-decoration: none;

}



.links-hover:hover {

	transition: 0.3s;

	opacity: 0.7

}





.section-padding {

	padding: 45px 0px;

}



.section-padding h3 {

	font-size: 36px;

	font-weight: 800;

	color: #2e7eac;

	letter-spacing: -1px;

}



.section-padding h6 {

	font-size: 16px;

	font-weight: 400;

	color: #403f52;

	letter-spacing: 1.5px;

	text-transform: uppercase;

}



.section-padding p {

	font-size: 18px;

	font-weight: 400;

	color: #444;

	letter-spacing: -0.3px;

}



.section-internas {

	padding: 30px 0px;

}



.section-internas h1 {

	font-size: 42px;

	font-weight: 700;

	color: #2e7eac;

	letter-spacing: -0.8px;

}



.section-internas h3 {

	font-size: 24px;

	font-weight: 700;

	color: #444;

	letter-spacing: -1px;

}



.section-internas h6 {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	margin-bottom: 3px;
}



.section-internas p {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	letter-spacing: -0.3px;
}



/* HEADER */



.header {

	background-image: linear-gradient(to top, #115c87, #3286b6);
	padding: 14px 0px;
	width: 100%;
	z-index: 3;
	transition: 0.4s;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
}



.header-desktop {

	display: block;

}



.header-mobile {

	display: none;

}



	

.logo-header {

	width: 160px;

}



.menu {

	padding-top: 7px;

}



/*.menu i {

	font-size: 30px;

}*/



.menu nav {

	width: 100%;

	margin: 0 auto;

	display: flex;

    justify-content: right;

}



.menu nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	

}



.menu nav ul li {

	float: left;

	position: relative;

	display: inline-block;

	text-decoration: none;	

	font-size: 16px;

	font-weight: 700;

	text-align: center;

	color: #555;	

	padding-left: 20px;

	letter-spacing: -0.3px;

	/*text-transform: uppercase;*/

}



.menu nav ul li a {	

	color: #555;

	transition: 0.3s;

	padding-left: 15px;

	text-decoration: none;

}



.menu nav ul li a:hover {

	text-decoration: none;

	color: #2e7eac;

}



/* VINHETA INTERNA */



.vinheta-interna {

	background-image: linear-gradient(to top, #eee, #f7f7f7);	

	padding: 15px 0px 15px 0px;

	top: 0;

	color: #444;

	font-size: 12px;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	font-weight: bold;

}



.vinheta-interna a {	

	color: #444;

	text-decoration: none;

	font-weight: normal

}









/* TOPICOS INICIAL */



.inicial-topicos {

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 20px 20px;

	margin-bottom: 40px;

	margin-top: 10px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	/*background-image: linear-gradient(to right, #eee, #f7f7f7);*/

	background-color: #2e7eac;

}



.inicial-topicos p {

	color: #fff;

	font-size: 13px;

}



.inicial-topicos p a {

	color: #fff;

	font-size: 13px;

	text-decoration: none;

}



.inicial-topicos h5 {

 	color: #fff;

 }



.inicial-topicos ul {

	padding: 0 0 0 15px;

	margin: 0;

}



.inicial-topicos ul li {

	font-size: 13px;

	color: #fff;

}



/* SIDE BAR */



.side-bar-pesquisa {

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 12px 20px;

	margin-bottom: 25px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	background-image: linear-gradient(to right, #eee, #f7f7f7);

}



.side-bar-setores {

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 15px 20px;

	margin-bottom: 25px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	background-image: linear-gradient(to right, #eee, #f7f7f7);

	font-size: 11px;
	font-weight: bold;

}





.side-bar-setores ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



.side-bar-setores ul li {	

	padding: 8px 0px 10px 0px;

	border-top: 1px dotted #ccc

}



.side-bar-setores ul li a {

	width: 100%;

	color: #666;

	text-align: left;

	padding-bottom: 10px;

	text-decoration: none;

	transition: 0.3s;

}



.side-bar-setores ul li a:hover {

	color: #222;

	text-decoration: none;

	margin-left: 8px;

}





/* PROPOSTAS */



.proposta-item {

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 20px 25px 10px 25px;

	margin-bottom: 20px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

}



.proposta-item h4 {

	font-size: 20px;

	font-weight: bold;

	letter-spacing: -0.5px;

	color: #444;

}



.proposta-item p {

	font-size: 14px;
	letter-spacing: 0px;
	color: #666;

}

.proposta-item p i {
	letter-spacing: 0px;
	color: #3a639e;
	margin-right: 3px;

}



.proposta-item-btn  {

	background-color: transparent;

	padding: 7px 15px;

	color: #2e7eac;

	text-align: center;

	transition: 0.3s;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 12px;

	border: 1px solid #2e7eac;

	border-radius: 25px;

}



.proposta-item-btn:hover {

	text-decoration: none;

	background-color: #2e7eac;

	color: #fff;

}



.proposta-item-votos {

	background-color: #eee;

	padding: 20px 20px;

	width: 100%;

	text-align: center;

	border-radius: 7px;

	border: 1px solid #ddd;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	font-weight: bold;

	color: #2e7eac;

    vertical-align: middle;

    margin-bottom: 15px;

}



.proposta-item-votar-btn  {

	background-color: #2e7eac;

	padding: 7px 15px;

	color: #fff;

	text-align: center;

	transition: 0.3s;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 12px;

	border: 1px solid #2e7eac;

	border-radius: 25px;

	margin-top: 20px;

}



.proposta-item-votar-btn:hover {

	text-decoration: none;

	background-color: #fff;

	color: #2e7eac;

}



.proposta-item-thumbnail {

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	width: 100%;

	height: 180px;

	border-radius: 10px;

	background-color: #666;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

}



.proposta-item-thumbnail:hover {

	opacity: 0.7;

}



.proposta-side-bar {

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 20px 25px;

	margin-bottom: 20px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

}





.documento-item {

	border: 1px solid #ccc;

	border-radius: 7px;

	color: #333;

	padding: 10px 15px;

	background-image: linear-gradient(to top, #eee, #f7f7f7);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);

}



/* VOTAR */



.votar-btn {

	width: 100%;

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 12px 25px;

	margin-bottom: 20px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	background-color: green;

	border: 2px solid green;

	color: #fff;

	transition: 0.3s;

	font-size: 16px;

	font-weight: bold;

}



.votar-btn:hover {

	background-color: #fff;

	color: green;

	text-decoration: none;

}



.votar-votado {

	width: 100%;

	border-radius: 7px;

	border: 1px solid #ddd;

	padding: 20px 20px;

	margin-bottom: 20px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);

	background-color: #fff;

	border: 1px solid red;

	color: red;

	font-size: 18px;

	font-weight: bold;

}



.votar-votado i {

	color: red;

	font-size: 36px;

}





/* FOOTER */





footer {

	background-color: #2e7eac;

	padding: 15px 0px;

	font-size: 12px;

	color: #fff;

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	margin-top: 50px;

}



footer p {

	font-size: 12px;

}



footer i {

	font-size: 28px;

	color: #bf0000;

	margin-bottom: 10px;

}





@media screen and (max-width: 992px) {





	.section-padding {

		padding: 30px 0px;

	}



	.section-padding h3 {

		font-size: 32px;

		font-weight: 800;

		color: #2e7eac;

		letter-spacing: -1px;

	}	



	.section-internas {

		padding: 25px 0px;

	}



	.section-internas h1 {

		font-size: 32px;

		letter-spacing: -0.7px;

	}



	



}



@media screen and (max-width: 768px) {



	body {

		font-size: 14px;

	}



	h1 {

		font-size: 42px;

		letter-spacing: -0.5px;

	}



	h2 {

		font-size: 36px;

		letter-spacing: -0.8px;

		font-weight: 900;

	}



	h3 {

		font-size: 32px;

		letter-spacing: -0.5px;

	}



	h4 {

		font-size: 28px;

		letter-spacing: -0.2px;

	}



	h5 {

		font-size: 24px;

	}



	h6 {

		font-size: 18px;

		font-weight:bold;

	}



	p {

		font-size: 14px;

		letter-spacing: 0px;

	}



	.versao-desktop {

		display: none;

	}



	.versao-mobile {

		display: block;

	}



	.header-desktop {

		display: none;

	}



	.header-mobile {

		display: block;

	}



	.sidenav {

        height: 100%;

        width: 0;

        position: fixed;

        z-index: 1;

        top: 0;

        right: 0;

        /*background-color: #111;*/

        background-image: linear-gradient(45deg, #002059, #0159a4);

        overflow-x: hidden;

        transition: 0.5s;

        padding-top: 60px;

    }



    .sidenav a {

        padding: 8px 8px 8px 32px;

        text-decoration: none;

        font-size: 18px;

        color: #eee;

        display: block;

        transition: 0.3s;

    }



    .sidenav a:hover {

        color: #0000CD;

        padding-left: 40px;

    }



    .sidenav .closebtn {

        position: absolute;

        top: 0;

        right: 25px;

        font-size: 36px;

        margin-left: 50px;

    }





    /* ACCORDION PESQUISA / SETORES */



    .accordion {

		background-color: #fff;

		color: #2e7eac;

		cursor: pointer;

		padding: 10px 15px;

		width: 100%;

		border: none;

		text-align: left;

		outline: none;

		font-size: 14px;

		transition: 0.4s;

		border: 1px solid #2e7eac;

		text-transform: uppercase;

	}



	.accordion-active, .accordion:hover {

		background-color: #eee;

	}



	.accordion:after {

		content: '\002B';

		color:#2e7eac;

		float: right;

		margin-left: 5px;

	}



	.accordion-active:after {

		content: "\2212";

		color: #fff;

	}



	.accordion-panel {

		padding: 0 18px;

		background-color: #f1f1f1;

		max-height: 0;

		overflow: hidden;

		transition: max-height 0.2s ease-out;

	}



	.accordion-panel ul {

		padding: 0;

		margin: 0;

		list-style: none;

	}



	.accordion-panel ul li {	

		padding: 5px 0px 12px 0px;

		/*border-top: 1px dotted #ccc;*/

	}



	.accordion-panel ul li a {

		width: 100%;

		color: #666;

		text-align: left;

		padding-bottom: 10px;

		text-decoration: none;

		transition: 0.3s;

		font-size: 14px;

	}



	.accordion-panel ul li a:hover {

		color: #222;

		text-decoration: none;

		margin-left: 8px;

	}



}





@media screen and (max-width: 589px) {



	





	/* PROPOSTAS */



	.proposta-item {

		border-radius: 7px;

		padding: 15px 18;

		margin-bottom: 20px;

	}



	.proposta-item h4 {

		font-size: 16px;

		font-weight: bold;

		letter-spacing: -0.5px;

		color: #444;

	}



	.proposta-item p {

		font-size: 12px;

		letter-spacing: 0px;

		color: #666;

	}



	.proposta-item-btn  {

		padding: 5px 12px;

		font-size: 11px;

		border-radius: 25px;

	}



	.proposta-item-votos {

		padding: 15px 15px;

	    margin-bottom: 15px;

	}



	.proposta-item-votar-btn  {

		padding: 5px 12px;

		margin-top: 0px;

	}



}