@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

html { 
  background: url(img/fundo-site.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.cartao {
	background: url(img/cartao.png) no-repeat;
	text-align: center;
	width: 625px;
	margin: 0 auto;
	height: 372px;
	position: relative;
	top: 20%;
}
.cartao .inner {
	width: 420px;
	margin: 0 auto;
	text-align: center;
	padding-top: 35px;
}
h1.logo {
	font-size: 0;
	background:url(img/logo.png);
	width:452px;
	height:110px;
}
.cartao  h2 {
	font: normal 22px 'Roboto', sans-serif;
	margin: 24px 0 0 0;
}
.contato {
	margin-top: 75px;
	font: normal 18px 'Roboto', sans-serif;
}
.contato  a { 
	color: #000; 
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}
.contato  a:hover { opacity: 0.8;}
.contato span.ddd {font: normal 14px 'Roboto', sans-serif;}
.construcao { 
	position: absolute;
	right: 17px;
	bottom: 38px;
}