@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);


.watchshadow{
display:block;
width:121px;
height:180px;
position:absolute;
z-index:4;
top:0px;
left:0px;
background-image:url(../images/shadow.png);
background-size:contain;
background-repeat:no-repeat;
}

.watchdate{
display:block;
width:100px;
height:120px;
position:relative;
z-index:5;
top:5px;
left:17px;
color:#FFFFFF;
font-size:12px;
font-family: 'sf_compact_displaylight';
letter-spacing: 0px;
text-align:right;
}


.watchface {
display:block;
width:120px;
height:150px;
position:relative;
z-index:4;
top:101px;
background-size:cover;
background-position:top center;
margin: 0 auto;
}

.watchwatch{
  position:relative;
  margin:0 auto;
  width:22.8em;
  padding:0px 0px;
  background-position:center;
  background-size:contain;
  height:350px;
  background-repeat:no-repeat;
}


@font-face {
  font-style: normal;
  font-weight:100;
  font-family: 'sf_compact_displaylight';
    src: url('sfcompactdisplay-light-webfont.eot');
    src: url('sfcompactdisplay-light.otf') format('truetype'),
		 url('sfcompactdisplay-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('sfcompactdisplay-light-webfont.woff2') format('woff2'),
         url('sfcompactdisplay-light-webfont.woff') format('woff'),
         url('sfcompactdisplay-light-webfont.ttf') format('truetype'),
         url('sfcompactdisplay-light-webfont.svg#sf_compact_displaylight') format('svg');

}


.watchhour{
	display:block;
	color:#FFFFFF;
	position:relative;
	z-index:5;
	top:-96px;
	left:-4px;
	font-size:31px;
	font-family: 'sf_compact_displaylight';
	letter-spacing: -2px;
	text-align:right;

}



.watchshadowBig{
display:block;
width:147px;
height:80px;
position:absolute;
z-index:4;
top:0px;
left:0px;
background-image:url(../images/shadow.png);
background-size:contain;
background-repeat:no-repeat;
}

.watchdateBig{
display:block;
width:100px;
height:120px;
position:relative;
z-index:5;
top:5px;
left:42px;
color:#FFFFFF;
font-size:12px;
	font-family: 'San Francisco', serif;
letter-spacing: 0px;
text-align:right;
}

.watchdateBigBaixo{
display:block;
width:100px;
height:120px;
position:relative;
z-index:5;
top:5px;
left:42px;
color:#FFFFFF;
font-size:12px;
	font-family: 'San Francisco', serif;
letter-spacing: 0px;
text-align:right;
}


.watchfaceBig{
display:block;
width:147px;
height:182px;
position:relative;
z-index:4;
top:105px;
left:116px;
background-size:cover;
background-position:top center;
}

.watchwatchBig{
  position:relative;
  margin:0 auto;
  width:390px;
  padding:0px 0px;
  background-position:center;
  background-size:contain;
  height:390px;
  background-repeat:no-repeat;
}

.watchhourBig{
	display:block;
	color:#FFFFFF;
	position:relative;
	z-index:5;
	top:-105px;
	left:-4px;
	font-size:40px;
	font-family: 'San Francisco', serif;
	letter-spacing: -2px;
	text-align:right;
}

.watchhourBigBaixo{
	display:block;
	color:#FFFFFF;
	position:relative;
	z-index:5;
	top:205px;
	left:-4px;
	font-size:40px;
	font-family: 'San Francisco', serif;
	letter-spacing: -2px;
	text-align:right;
}