@charset "UTF-8";
/* CSS Document */

/* css relativo al contenitore arancione */

#clockdiv{
	font-family: sans-serif;
	color:white;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
	background: #f7921e;
	padding:0px 2px 10px 2px;
	margin-top:0px;
	z-index: 120;
	position:relative;
	cursor: default;




/* csss per bordi arrotondati */
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;

/* csss per ombreggiatura */
	-webkit-box-shadow: 0px 1px  10px  black;
	-o-box-shadow: 0px 1px  10px  black;
	-moz-box-shadow: 0px 1px  10px  black;
	box-shadow: 0px 1px 10px  black;
}

/* css relativo al contenitore arancione */
#clockdiv h1{
  color: #fff;
  font-size: 14px;
	padding:1px 0 0 0;
  margin: 0px 0px 4px;
}

#clockdiv > div{
	padding: 8px 12px;
	border-radius: 3px;
	background: #f7921e;
	display: inline-table;
	border:solid thin rgba(255,255,255,0.3);
	width:75px;
	text-align:center;
	margin:-4px 4px;

}

/* css relativo alle cifre dei giorni, ore, minuti e secondi all'interno degli indicatori */
.days  p {
margin-top:-24px; position:absolute;margin-left:5px;font-weight:900;
}

.hours p{
margin-top:-24px; position:absolute;margin-left:5px;font-weight: 900;}

.minutes p {
margin-top:-24px; position:absolute;margin-left:5px;font-weight: 900;}

.seconds p {
margin-top:-24px; position:absolute;margin-left:8px;font-weight: 900;}

/* css relativo agli indicatori */
#clockdiv .panel-top , #clockdiv .panel-bottom {
	padding: 10px 0px;
	border-radius: 3px;
	display: inline-block;
	width:100%;
}

#clockdiv div > .panel-top {
	border-top:solid 2px rgba(124,124,124,1.00);
	background: rgba(47,46,46,1.00);
	-webkit-box-shadow: 0px 1px  10px  black;
	-o-box-shadow: 0px 1px  10px  black;
	-moz-box-shadow: 0px 1px  10px  black;
	box-shadow: 0px 1px 10px  black;
}

#clockdiv div > .panel-bottom {
	border-top:solid 2px black;
	background:  #5b5e60; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient( #5b5e60 , rgba(47,46,46,1.00) 35%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( #5b5e60 , rgba(47,46,46,1.00) 35%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( #5b5e60 , rgba(47,46,46,1.00) 35%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(  #5b5e60 , rgba(47,46,46,1.00) 35%); /* Standard syntax (must be last) */
	-webkit-box-shadow: 0px 1px  10px  black;
	-o-box-shadow: 0px 1px  10px  black;
	-moz-box-shadow: 0px 1px  10px  black;
	box-shadow: 0px 1px 10px  black;
}

/* css relativo ai "label" degli indicatori */
.smalltext{
	padding-top: 3px;
	margin-top: 10px;
	padding-bottom: 0;
	font-size: 12px;
	color:#fff;
}