@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900');
* {
	padding: 0;
	margin: 0
}

/******************* Monograms **************/
.mono-top-box {
	display: block;
	float: left;
	width: 1000px;
	height: 140px;
	background-color:#fff;
}

.mono-full-box {
	width: 100%;
	height: 50%;
	display: block;
	float: left;
	background-color:#fff;
}


.mono-top-box-black {
	display: block;
	float: left;
	width: 1000px;
	height: 140px;
	background-color:#000;
}
.mono-title{
	display: block;
	float: left;
	width: 600px;
	height: 100px;
	font-family: 'Lato', sans-serif;
  font-weight: 300;
  color:#5d717e;
  font-size: 36px;
	margin-top: 40px;
	margin-left: 50px;
	line-height: 30px;
	
}


.mono-order{
	display: block;
	float: left;
	width: 230px;
	height: 100px;
	margin-top: 40px;
	margin-left: 70px;
	
}
.la-linia{
		display: block;
	float: left;
	width: 1000px;
	height: 1px;
	color:#5d717e;
}

.mono-size-duo-box {
    width: 50%;
	height: 100%;
    display: block;
	float: left;
	}
	
.mono-size-sandbox {
    width: 80%;
	height: 80%;
    display: block;
	float: left;
	margin-top:26%;
	background-color:#fff;
	}
	
	.mono-size-order-name {
    width: 38%;
	height: 20%;
    display: block;
	float: left;
	margin:1%;
	font-family: 'Lato', sans-serif;
 	font-weight: 500;
	font-size: 1.2em;
 	color:#000;
	text-align: right;
	margin-right:4%;
	padding-top:2%;
	padding-bottom:2%;
	
	}

.mono-size-order-btn {
	width: 45%;
	height: 20%;
    display: block;
	float: left;
	margin:1%;
	background-color:#4abc0c;
	font-family: 'Lato', sans-serif;
 	font-weight: 500;
	font-size: 1.2em;
 	color:#FFF;
	text-align: center;
	padding-top:2%;
	padding-bottom:2%;
	}
	



/******************* End Monograms **************/
	
.clocks-order-box {
	display: block;
	float: left;
	width: 1000px;
	height: 130px;
	background-color:#fff;
}

.clocks-small {
	display: block;
	float: left;
	width: 310px;
	height: 50px;
	background-color:#fff;
	font-family: 'Lato', sans-serif;
 	font-weight: 300;
	font-size: 14px;
 	color:#5d717e;
	text-align: center;
	margin-top: 30px;
}
.clocks-small-customize {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 86px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock.png);
	background-repeat: no-repeat;
}


.clocks-small-customize:hover {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 86px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock-hov.png);
	background-repeat: no-repeat;
}
.clocks-medium {
	display: block;
	float: left;
	width: 286px;
		height: 50px;
	background-color:#fff;
	font-family: 'Lato', sans-serif;
 	font-weight: 300;
	font-size: 14px;
 	color:#5d717e;
	text-align: center;
	margin-top: 30px;
}

.clocks-medium-customize {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 154px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock.png);
	background-repeat: no-repeat;
}


.clocks-medium-customize:hover {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 154px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock-hov.png);
	background-repeat: no-repeat;
}

.clocks-large {
	display: block;
	float: left;
	width: 366px;
	height: 50px;
	background-color:#fff;
	font-family: 'Lato', sans-serif;
 	font-weight: 300;
	font-size: 14px;
 	color:#5d717e;
	text-align: center;
	margin-top: 30px;
}

.clocks-large-customize {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 190px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock.png);
	background-repeat: no-repeat;
}


.clocks-large-customize:hover {
	display: block;
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 190px;
	margin-top: 10px;
	background-image:url(https://www.photography.com/Images/PageGraphics/default/a-skin/images/elements/customize-clock-hov.png);
	background-repeat: no-repeat;
}