Buttonazul:Hover

Buttonazul:Hover

<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>

&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <a title="Diário Oficial" href=" target="_blank"<button class="buttonvermelho" type="submit" style="vertical-align: middle">Diário Oficial</button</a&#160;&#160;<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> ​​