<style>
.buttonazul {
CURSOR: pointer; FONT-SIZE: 16px; BORDER-TOP: medium none; HEIGHT: 110px; FONT-FAMILY: "Futura"; BORDER-RIGHT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none; COLOR: #e0ecf8; PADDING-BOTTOM: 20px; TEXT-ALIGN: center; PADDING-TOP: 20px; PADDING-LEFT: 20px; MARGIN: 5px; BORDER-LEFT: medium none; DISPLAY: inline-block; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #434a5b; border-radius: 4px
}
.buttonazul:hover {
BACKGROUND-COLOR: #a8abb2
}
.buttonazul:active {
BACKGROUND-COLOR: #434a5b
}
.buttonazul:visited {
BACKGROUND-COLOR: #2efe9a
}
.buttonvermelho {
CURSOR: pointer; FONT-SIZE: 16px; BORDER-TOP: medium none; HEIGHT: 110px; FONT-FAMILY: "Futura"; BORDER-RIGHT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none; COLOR: #e0ecf8; PADDING-BOTTOM: 20px; TEXT-ALIGN: center; PADDING-TOP: 20px; PADDING-LEFT: 20px; MARGIN: 5px; BORDER-LEFT: medium none; DISPLAY: inline-block; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #cc5857; border-radius: 4px
}
.buttonvermelho:hover {
BACKGROUND-COLOR: #cca4a3
}
.buttonvermelho:active {
BACKGROUND-COLOR: #cc5857
}
.buttonvermelho:visited {
BACKGROUND-COLOR: #e89c9a
}
.buttonlaranja {
CURSOR: pointer; FONT-SIZE: 16px; BORDER-TOP: medium none; HEIGHT: 110px; FONT-FAMILY: "Futura"; BORDER-RIGHT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none; COLOR: #e0ecf8; PADDING-BOTTOM: 20px; TEXT-ALIGN: center; PADDING-TOP: 20px; PADDING-LEFT: 20px; MARGIN: 5px; BORDER-LEFT: medium none; DISPLAY: inline-block; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #e0b06a; border-radius: 4px
}
.buttonlaranja:hover {
BACKGROUND-COLOR: #e0ceb4
}
.buttonlaranja:active {
BACKGROUND-COLOR: #e0b06a
}
.buttonlaranja:visited {
BACKGROUND-COLOR: #e0c396
}
.buttonverde {
CURSOR: pointer; FONT-SIZE: 16px; BORDER-TOP: medium none; HEIGHT: 110px; FONT-FAMILY: "Futura"; BORDER-RIGHT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none; COLOR: #e0ecf8; PADDING-BOTTOM: 20px; TEXT-ALIGN: center; PADDING-TOP: 20px; PADDING-LEFT: 20px; MARGIN: 5px; BORDER-LEFT: medium none; DISPLAY: inline-block; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #77a3a1; border-radius: 4px
}
.buttonverde:hover {
BACKGROUND-COLOR: #bacfce
}
.buttonverde:active {
BACKGROUND-COLOR: #77a3a1
}
.buttonverde:visited {
BACKGROUND-COLOR: #bec9c8
}</style<a title="SPCultura" href="http://spcultura.prefeitura.sp.gov.br/" target="_blank"<button class="buttonlaranja" type="submit" style="vertical-align: middle">SPCultura</button</a> <a title="Gestão Urbana" href="http://gestaourbana.prefeitura.sp.gov.br/" target="_blank"<button class="buttonlaranja" type="submit" style="vertical-align: middle">Gestão Urbana</button</a> <a title="e-Negócios" href="http://e-negocioscidadesp.prefeitura.sp.gov.br/" target="_blank"<button class="buttonlaranja" type="submit" style="vertical-align: middle">e-Negócios</button</a> <h2</h2>
<a title="Mapa de Serviços" href="http://www.capital.sp.gov.br/portal/mapa" target="_blank"<button class="buttonverde" type="submit" style="vertical-align: middle">Mapa de <br/>Serviços</button</a> <a title="Zelando pela Cidade" href="http://www3.prefeitura.sp.gov.br/zelando_cidade/FormsPublic/HomeZelando.aspx" target="_blank"<button class="buttonverde" type="submit" style="vertical-align: middle">Zelando <br/>pela Cidade</button</a> <a title="HabitaSampa" href=" target="_blank"<button class="buttonverde" type="submit" style="vertical-align: middle">HabitaSampa</button</a> <h2</h2>
<a title="Observa Sampa" href="http://observasampa.prefeitura.sp.gov.br/" target="_blank"<button class="buttonazul" type="submit" style="vertical-align: middle">Observa<br/>Sampa</button</a> <a title="Planeja Sampa" href="http://http//planejasampa.prefeitura.sp.gov.br/" target="_blank"<button class="buttonazul" type="submit" style="vertical-align: middle">Planeja<br/>Sampa</button</a> <a title="Infocidade" href="http://infocidade.prefeitura.sp.gov.br/" target="_blank"<button class="buttonazul" type="submit" style="vertical-align: middle">Infocidade</button</a> <h2</h2>
<a title="São Paulo Aberta" href="http://saopauloaberta.prefeitura.sp.gov.br/" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">São Paulo <br/>Aberta</button</a> <a title="GeoSampa" href="http://geosampa.prefeitura.sp.gov.br/PaginasPublicas/_SBC.aspx" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">GeoSampa</button</a> <a title="Busca Saúde" href="http://buscasaude.prefeitura.sp.gov.br/" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">Busca Saúde</button</a> <h2</h2>
                                  <a title="Diário Oficial" href=" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">Diário Oficial</button</a  <a title="Legislação Municipal" href="http://legislacao.prefeitura.sp.gov.br/" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">Legislação <br/>Municipal</button</a>