@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700i,900&display=swap');

/*BÁSICO*/
*{ font-family: 'Montserrat', sans-serif; font-size: 15px; color: #000; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
ul,li { list-style:none; }
*:focus { outline:none; }
.clear { clear:both; }
a, a:hover, a:visited { text-decoration:none; border:0 none; color: inherit; }
img { border:0 none; }
textarea { resize:none; }
input, textarea, select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -ms-appearance: none; -webkit-border-radius: 0; }
select::-ms-expand { display: none; }
select { text-indent: 0.01px; text-overflow: ''; }
select::-ms-expand { display: none; }
body { margin: 0; }
img { max-width: 100%; }
.center { text-align: center; }
.right { text-align: right; }
.mobile { display: none; }
/*FIM BÁSICO*/

body { 
	background: url('imgs/fundo.jpg') no-repeat top center #d4d4d4;
	background-size: cover;
}

.topo {
	padding-top: 20px;
}

.topo .pessoas {
	margin-top: 20px;
}

.topo .chama {
	margin-top: 50px;
}

.abre_menu { 
	display: none; 
}

.logo_ubm .simbolo {
	background: url(imgs/simbolo.png) no-repeat center center;
    background-size: contain;
    height: 55px;
    float: left;
    width: 20%;
}

.logo_ubm .ubm {
    background: url(imgs/ubm.png) left no-repeat;
    background-size: contain;
    height: 33px;
    margin-top: 11px;
    float: left;
    width: 76%;
    margin-left: 4%;
}

.logo_ubm:hover .simbolo {
	transform: rotate(180deg);
}

.links {
	margin-top: 20px;
}

.links ul li {
	float: right;
}

.links a {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.links a:hover {
	text-decoration: underline;
}

.links a.inscrevase {
	border-radius: 20px;
	background: #a878e8;
	color: #fff;
	padding: 6px 10px;
	font-weight: bold;
}

footer {
	background: #1e2027;
	padding: 40px 0;
	margin-top: 50px;
}

footer p {
	text-align: center;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}

.inicio p {
	color: #3b3e42;
}

.inicio p.maior {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 4px;
	margin: 15px 0;
}

.inicio p.menor {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.inicio a {
	border-radius: 20px;
	background: #a878e8;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
}

.inicio a b {
	color: #fff;
}

.oquee {
	margin-top: 50px;
	padding-bottom: 20px;
}

.titulo {
	text-transform: uppercase;
	font-weight: bold;
}

.fundoLilas {
	font-size: 24px;
	margin-bottom: 40px;
}

.oquee  .fundoLilas {
	margin-top: -13px;
}

.fundoLilas div {
	background: #c1a3dc;
    width: 140px;
    height: 25px;
    margin: 0 auto;
    margin-top: -23px;
    max-width: 100%;
}

.oquee .titulo.quempode {
	font-size: 18px;
	color: #6c2ebb;
	background: #d6d6d6;
	padding: 1px 6px;
	display: initial;
	margin-bottom: 15px;
}

.oquee p.espacotopo {
	margin-top: 38px;
}

.vantagens {
	position: relative;
}

.vantagens .fundo { 
    background: #fff;
    opacity: 0.5; 
    width: 100%;
    height: 100%;
    position: absolute;
}

.vantagens .fundoLilas {
	position: relative;
	padding-top: 30px;
}

.vantagens .itens {
	padding-bottom: 30px;
}

.vantagens .fundoLilas div {
    width: 180px;
}

.vantagens p.titulo {
	margin-top: 25px;
	color: #4794b1;
}

.eleicao2020 {
	padding: 40px 0 80px 0; 
}

.eleicao2020 .foguete {
	background: url('imgs/foguete.png') no-repeat;
	width: 408px;
	height: 430px;
	float: left;
	position: absolute;
	z-index: -1;
}

.eleicao2020 .fundoLilas div {
    width: 210px;
}

.eleicao2020 a {
	text-transform: uppercase;
	font-weight: bold;
	color: #824acd;
	background: #d8d8d8;
	border-radius: 20px;
    padding: 10px 15px;
    letter-spacing: 2px;
}

.max460 {
	width: 460px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.inscrevasuachapa .fundoLilas div {
    width: 320px;
}

.inscrevasuachapa a, .inscrevasuachapa b {
	color: #662a9c;
}

.inscrevasuachapa p {
    width: 620px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.inscrevasuachapa .papel {
	margin-bottom: 15px;
}

.inscrevasuachapa .papel .descricao {
	border-radius: 20px;
	padding: 8px 13px;
	text-transform: uppercase;
	color: #662a9c;
	font-weight: bold;
	background: url('imgs/fechado.png') no-repeat right #fff;
	margin-bottom: 10px;
	cursor: pointer;
}

.inscrevasuachapa .papel.aberto .descricao {
	background: url('imgs/aberto.png') no-repeat right #cdc4c4;
	color: #442a5b;
}

.inscrevasuachapa .papel .campos {
	display: none;
}

.inscrevasuachapa .papel.aberto .campos {
	display: block;
}

form {
	padding-top: 20px;
}

form input {
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid #fff;
	border-radius: 20px;
    padding: 8px 13px;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
form input::-webkit-input-placeholder {
  color: #fff;
}

form input:-ms-input-placeholder {
  color: #fff;
}

form input::placeholder {
  color: #fff;
}

form input.nome {
	border: 2px solid #662a9c;
	color: #662a9c;
}

form input.nome::-webkit-input-placeholder {
  color: #662a9c;
}

form input.nome:-ms-input-placeholder {
  color: #662a9c;
}

form input.nome::placeholder {
  color: #662a9c;
}

form input.metade {
	width: 49%;
}

form input.metade.cel {
	float: left;
}

form input.metade.tel {
	float: right;
}

form input[type="submit"] {
	background: #662a9c;
	border-color: #662a9c;
	width: auto;
	padding: 8px 50px;
	cursor: pointer;
	margin-top: 15px;
}

@media (max-width: 1200px) {
	.links a { margin-left: 16px;}
}

@media (max-width: 991px) {
	.cont-menu { float: right; margin-right: 10px; margin-top: -75px; }
	.cont-menu .abre_menu{ display: block; cursor: pointer; margin-top: 15px; width: 40px; height: 30px; }
	.abre_menu span { width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 0px; z-index: 99; position: absolute; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:before { content: ''; width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 10px; z-index: 99; position: absolute; right: 0px; opacity: 1; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:after { content: ''; width: 40px; height: 8px; display: block; background: #1e2027; margin-top: 20px; z-index: 99; position: absolute; right: 0px;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	
	header ul{ position: absolute; padding: 20px; margin-top: 10px; width: 100%; height: 100%; left: -3000px; z-index: 4; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	header ul li { display: block; width: 100%; margin-bottom: 20px; }
	header ul.aberto{ left: 0; margin-top: -10px; }
	header .fundo { 
		opacity: 0.95; 
		background: #d4d4d4; 
		position: absolute; 
		left: -3000px; 
		top: 0; 
		z-index: 3; 
		-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;
	}
	body.menu_aberto header .fundo { 
		width: 100%;
	    height: 100%;
	    left: 0;
	    position: fixed;
	}
	body.menu_aberto .abre_menu span { background: transparent; box-shadow: none; }
	body.menu_aberto .abre_menu span:before { right: 0px; box-shadow: none; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0px; }
	body.menu_aberto .abre_menu span:after { margin: 0px; box-shadow: none; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	body.menu_aberto .logo_ubm { z-index: 9; }

	.logo_ubm .simbolo, .logo_ubm .ubm { background: none; }
	.logo_ubm { background: url(imgs/logo_ubm.png) no-repeat left center; background-size: contain; height: 55px; margin-left: 15px; }
	footer p { padding: 0 15px; }
}

@media (max-width: 767px) {
	
	.topo .chama {
	    margin-top: 15px;
	}

	.oquee {
	    padding-top: 50px;
	}
	.desktop { display: none; }
	.mobile { display: block; }

	.oquee div.espacotopo {
		margin-top: 25px;
	}

	form input.metade {
		width: 100%;
		float: none;
	}

	body, .oquee { 
		background: #78a9bd;
	}

	.topo {
		background: #d4d4d4;
	}

	.inicio {
		margin-top: 15px;
	}

}

@media (max-width: 420px) {
	.inscrevasuachapa .papel .descricao {
		font-size: 12px;
		padding: 8px 32px 8px 13px;
	}
}