body {
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 100%;
	margin:0px;
	padding:0px;
	color:#333;
}

h2 {
	color:#94006B;
}

a {
	color:#94006B;
	text-decoration:none;
}

.container {
	width: 900px;
	display:block;
	margin:auto;
}

.box {
	float:left;
	display:block;
	width: 250px;
	margin-top:40px;
	height:300px;
	background-repeat:no-repeat;
	background-color:#e1e1e1;
	box-sizing: border-box;
	padding:10px;
	padding-top:100px;
	float:left;
	margin-left:20px;
	border-bottom: solid 2px #fff;
}

.box1 {
	background-image:url(img/slika1.jpg), linear-gradient(to right, #fff, #e1e1e1);
}

.box2 {
	background-image:url(img/slika2.jpg), linear-gradient(to right, #fff, #e1e1e1);
}

.box3 {
	background-image:url(img/slika3.jpg), linear-gradient(to right, #fff, #e1e1e1);
}

.box:hover {
	border-bottom: solid 2px #94006B;
	cursor: move;
}

.header {
	background-image: url(logo.png);
	background-color: #efefef;
	background-repeat:no-repeat;
	background-position: center center;
	display:block;
	width:100%;
	height:300px;
}

.footer, .contacts {
	color:#fff;
	background-color:#94006B;
	text-align:center;
	padding:20px;
}

.contacts {
	background-color:#ffff;
	color:#333;
	width:900px;
	margin:auto;
	margin-top:20px;
	text-align: left;
	background:url(img/kabel.png) right bottom no-repeat;
	background-size: auto 50%;
}

.footer a {
	color:#fff;
	text-decoration:underline;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear: both;
}

.mainWidth {
	width:900px;
}

.centered {
	margin:auto;
}

.banner {
    float:right;
    margin-top:-50px;
}