html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
body {
	height: 100%;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	/*background:#3c5a76 url('http://client.4z.ro/backround.png') no-repeat center top; */
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-side, #0C75A2 0%, #0A3A66 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-side, #0C75A2 0%, #0A3A66 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-side, #0C75A2 0%, #0A3A66 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 435, color-stop(0, #0C75A2), color-stop(1, #0A3A66));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-side, #0C75A2 0%, #0A3A66 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-side at center, #0C75A2 0%, #0A3A66 100%);
}

#emblema {
	width: 500px;
	height: 250px;
	text-align: center;
	margin: -100px 0 0 -230px;
	position: absolute;
	top: 20%;
	left: 15%;
}
#container {
	width: 500px;
	height: 250px;
	text-align: center;
	margin: -100px 0 0 -230px;
	position: absolute;
	top: 40%;
	left: 50%;
}
h1 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 1px 4px #000;
	letter-spacing: -1px;
	margin: 0;
}
.info {
	color: #000000;
	font-size: 18px;
	line-height: 24px;
	text-shadow: 0 1px 1px #bbb;
}



// butoane