body {
	font-family: Roboto, Arial, sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: Oswald, Arial, sans-serif;
}
#top-logout-form {
	display: none;
}
h2{
	visibility:hidden;
	}
	
#clock-container{
	font-size:2.2em;
	color:rgba(255,255,255,1.00);
	text-shadow:0 0 2px rgba(0,0,0,1.00);
	font-weight:bold;
	margin-top:1.4em;
	margin-bottom:1.4em;
	
	}	
	
#mydif, #mytimezone{
	display:none;
	}
	
#top-buttons{
	padding:1em;
	}

#top-log-out-btn{
	float:right;
	}
	
#day, #day2, #ampm, #ampm2{
	font-size:0.6em;
	}	
#timbratura-ok{
	display:block;
	margin-top:3em;
	margin-bottom:2em;
	text-align:center;
	font-size:1.2em;
	width:100%;
	clear:both;
	float:left;
	color:rgba(40,37,37,1.00);
	}
	
.clock-label{
	font-size:13px;
	color:#999999;
	text-shadow:none !important;
	width:100%;
	text-align:center;
	}
	
.btn, a, button{
	transition-property:all;
	transition-delay:200ms;
	transition-duration:800ms;
	}
	
.btn:hover, button:hover{
	background-color:#efefef;
	box-shadow:0 0 1px rgba(0,0,0,1.00);
	color:#333;
	border-color:#ccc;
	}


button:focus, a:focus, *:focus{
	outline:none !important;
	}

.centered{
	text-align:center;
	} 
.shifted{
	margin-top:1em;
	}