html,body{
	margin: 0;
	width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #44535a;
}
#geral{
	padding-top: 1em;
	padding-left: 4em;
	color: white;
	letter-spacing: 0.09em;
	font: 1.1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #44535a;
	padding-bottom: .1em;
	margin-bottom: -1em;
}
p{
	margin-bottom: 2em;
}
.cinza{
	color: #98a9a7;
	display: block;
}
.ital{
	font-style: italic;
}
.telefone{
	font-size: 1.5em;
	letter-spacing: .1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white;
}
#mapa{
	background-color: #44535a;
	height: 300px;
	width: 100%;
	margin-top: 0;
    background: url(imagens/mapa.jpg) no-repeat center;
}
#azul-cima{
	background-color: #44535a;
	height: 1em;
}
#branco-logo{
	padding-top: 1em;
	padding-left: 4em;
	padding-bottom: 1em;
	background-color: white;
}

#icone1{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: -100px;
	position: relative;
	background: url(imagens/icone2_1x.png) no-repeat;
	background-size:50px 50px;
	right: 3.5em;
	top: 0.5em;
	/*background-size: contain;*/
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
    -webkit-animation: ring 0.1s 4;
}

#icone2{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: -100px;
	position: relative;
	background: url(imagens/icone1_1x.png) no-repeat;
	background-size:50px 50px;
/*background-size: contain;*/
	right: 3.5em;
	top: 0.2em;
}
#icone2:hover{
    -webkit-animation-play-state:running;
    -moz-animation: bounce 1s;
    animation: bounce 1s;
    -webkit-animation: bounce 1s;
    animation: bounce 1s;
}
#icone1:hover{
	-webkit-animation-play-state:running;
    -moz-animation: ring 0.1s 4;
    animation: ring 0.1s 4;
}

.cred, .cred a{
	background-color: #44535a;
	text-align: right;
	color: #44535a;
	text-decoration: none;
	font: 8px Verdana, "Lucida Grande", Lucida, sans-serif;
	letter-spacing: 2px;
}



@-webkit-keyframes bounce {
    0% {
      top: 0.2em;
      animation-timing-function: ease;
    }
    50% {
      top: 1.8em;
      animation-timing-function: ease;
    }    100% {
      top: 0.2em;
      animation-timing-function: ease;
    }
}
@-moz-keyframes bounce {
    0% {
      top: 0.2em;
      animation-timing-function: ease;
    }
    50% {
      top: 1.8em;
      animation-timing-function: ease;
    }    100% {
      top: 0.2em;
      animation-timing-function: ease;
    }
}
@keyframes bounce {
    0% {
      top: 0.2em;
      animation-timing-function: ease;
    }
    50% {
      top: 1.8em;
      animation-timing-function: ease;
    }    100% {
      top: 0.2em;
      animation-timing-function: ease;
    }
}


@-webkit-keyframes ring {
	0% {
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
	50%{
	transform: rotate(5deg);
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */

}
	100%{
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
}
@-moz-keyframes ring {
	0% {
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
	50%{
	transform: rotate(5deg);
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */

}
	100%{
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
}
@keyframes ring {
	0% {
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
	50%{
	transform: rotate(5deg);
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */

}
	100%{
	transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
    -o-transform: rotate(0deg); /* Opera */
    -moz-transform: rotate(0deg); /* Firefox */
}
}