/* -----    Definição de classe básicas    -----*/
	.conteudo {
		padding-bottom: 150px;
	}
/* ---------------------------------------------*/


/* -----              Topo 2               -----*/
	.topo2 {
		text-align: center;
		color: #EAB4B9;
	}

		.topo2 h1 {
			color: #FFF;
			font-size: 26px;
			margin-bottom: 20px;
			font-weight: 400;
			text-transform: uppercase;
		}

		.topo2 .subtitulo {
			border-bottom: 1px solid #FFFFFF;
			padding-bottom: 10px;
			font-size: 18px;
		}

	.topo-tema1 .topo2 {
		display: block;
	}
/* ---------------------------------------------*/


/* -----               Tipos               -----*/
	.tipos ul,
	.cidades ul {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: left;
	}

		.tipos li,
		.cidades li{
			width: 325px;
			height: 43px;
			display: inline-block;
			margin: 5px 0;
			line-height: 43px;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
		}

			.tipos li a,
			.cidades li a {
				display: block;
				height: 43px;
				color: #FFFFFF;
			}
/* ---------------------------------------------*/


/* -----     Definições de breakpoints     -----*/

	/* Desktop menor que o padrão */
	@media screen and (max-width: 1100px) {
		.tipos li,
		.cidades li {
			max-width: 32%;
		}
	}

	/* iPad na vertical */
	@media screen and (max-width: 800px) {
		
	}

	/* Mobile na horizontal */
	@media screen and (max-width: 680px) {
		.pagina-tipos .tipos li,
		.pagina-tipos .cidades li {
			width: 100%;
			max-width: 100%;
		}
	}

	/* Mobile na vertical*/
	@media screen and (max-width: 400px) {
		
	}
/* ---------------------------------------------*/