body {
	background-color: #FFFFFF;
	color: #7F7F7F;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}

a:link, a:visited  {
	color: #7F7F7F;
	text-decoration: none;
}
a:hover, a:focus {
	color: #7F7F7F;
	text-decoration: underline;
	outline: 0;
}

h1 {
	color: #7F7F7F;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin: 40px 0 20px 30px;
	}

h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin: 12px 0 12px 0;
	}

h3 {
	color: #E36C0A;
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 20px 0;
	}

h4 {
	font: bold 16px Calibri, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 15px 0;
	}

p {
	margin: 12px 0 12px 0;
	}

ul {
	text-align: left;
	padding: 0 30px 0 30px;
	}

#wrapper {
		width: 100%;
		}

#heading-title {
		width: 950px;
		height: 40px;
		background: #D9D9D9;
		text-align: right;
		font-size: 30px;
		color: #000000;
		padding: 30px 30px 0 0;
		margin: 0 auto;
		}

#header {
		width: 100%;
		min-width: 980px;
		height: 80px;
		background: #6E6E6E;
		border-bottom: 5px solid #FFFFFF;
		}

#header-inner {
		width: 980px;
		height: 50px;
		padding-top: 30px;
		margin: 0 auto 0 auto;
		}

#logo {
		display: block;
		color: #FFFFFF;
		font-size: 45px;
		margin-left: 30px;
		}
a#logo:hover{
		text-decoration: none;
		}

#menu {
		position: relative;
		width: 100%;
		min-width: 980px;
		height: 35px;
		max-height: 99999px;
		background: url("img/menu-bg.png");
		text-align: center;
		z-index: 10;
		}
.menu {
		height: 35px;
		text-align:center;
		margin: 0 auto 0 auto;
		overflow: hidden;
		}
.menu ul {
		margin: 0 auto 0 auto;
		text-align: center;
		padding: 0;
		list-style: none;
		}
.menu li {
		display: inline-block;
		zoom: 1;
		*display: inline;
		}
.menu ul li a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #FFFFFF;
		padding: 8px 10px 8px 10px;
		}
.menu a:hover, .menu ul li .current {
		text-decoration: underline;
		outline: 0;
		}

#main {
		width: 980px;
		background: #FFFFFF;
		margin: 0 auto 0 auto;
		}

#footer-wrapper {
		background: #D9D9D9;
		width: 100%;
		min-width: 980px;
		height: 100px;
		}
#footer {
		width: 920px;
		height: 40px;
		padding: 30px;
		margin: 0 auto 0 auto;
		}

#slideshow-wrapper {
		background: #D9D9D9;
		width: 980px;
		height: 480px;
		margin: -35px auto 0 auto;
		}
#gallery {
		position: absolute;
		}

#index-wrapper{
		width: 980px;
		}

.index-box1 {
		position: relative;
		float: left;
		width: 280px;
		height: 350px;
		font-size: 12px;
		margin: 0 35px 30px 35px;
		}
.index-box2 {
		position: relative;
		float: left;
		width: 280px;
		height: 350px;
		font-size: 12px;
		margin: 0 0 30px 0;
		}
.index-box3 {
		position: relative;
		float: left;
		width: 280px;
		height: 350px;
		font-size: 12px;
		margin: 0 35px 30px 35px;
		}

.vise {
		position: absolute;
		right: 0;
		bottom: 0;
		}

.index-img1 {
		float: left;
		background: url("img/index-img.jpg") 0px 0px no-repeat;
		width: 280px;
		height: 120px;
		}
#mini-slideshow {
		position: relative;
		width: 280px;
		height: 120px;
		}
#mini-slideshow img {
		position: absolute;
		width: 280px;
		height: 120px;
		z-index: 8;
		}
#mini-slideshow img.active {
		z-index: 10;
		}
#mini-slideshow img.last-active {
		z-index: 9;
		}
.index-img3 {
		float: left;
		background: url("img/index-img.jpg") -401px 0px no-repeat;
		width: 280px;
		height: 120px;
		}


#onama-box1 {
		float: left;
		width: 920px;
		margin: 0 30px 30px 30px;
		}
#onama-img1 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/onama-img.jpg") 0 0 no-repeat;
		margin: 30px 25px 30px 30px;
		}
#onama-img2 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/onama-img.jpg") -291px 0 no-repeat;
		margin: 30px 0 30px 0;
		}
#onama-img3 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/onama-img.jpg") 0 -171px no-repeat;
		margin: 30px 30px 30px 25px;
		}

#radovi-box1 {
		float: left;
		width: 920px;
		margin: 0 30px 30px 30px;
		}
#radovi-img1 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/krovopokrivacki-radovi-img.jpg") 0 0 no-repeat;
		margin: 30px 25px 30px 30px;
		}
#radovi-img2 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/krovopokrivacki-radovi-img.jpg") -291px 0 no-repeat;
		margin: 30px 0 30px 0;
		}
#radovi-img3 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/krovopokrivacki-radovi-img.jpg") 0 -171px no-repeat;
		margin: 30px 30px 30px 25px;
		}

#adaptacije-box1 {
		float: left;
		width: 920px;
		margin: 0 30px 30px 30px;
		}
#adaptacije-img1 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/adaptacije-krovista-img.jpg") 0 0 no-repeat;
		margin: 30px 25px 30px 30px;
		}
#adaptacije-img2 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/adaptacije-krovista-img.jpg") -291px 0 no-repeat;
		margin: 30px 0 30px 0;
		}
#adaptacije-img3 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/adaptacije-krovista-img.jpg") 0 -171px no-repeat;
		margin: 30px 30px 30px 25px;
		}

#pokrovi-box1 {
		float: left;
		width: 920px;
		margin: 0 30px 30px 30px;
		}
#pokrovi-img1 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/limeni-krovni-pokrovi-img.jpg") 0 0 no-repeat;
		margin: 30px 25px 30px 30px;
		}
#pokrovi-img2 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/limeni-krovni-pokrovi-img.jpg") -291px 0 no-repeat;
		margin: 30px 0 30px 0;
		}
#pokrovi-img3 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/limeni-krovni-pokrovi-img.jpg") 0 -171px no-repeat;
		margin: 30px 30px 30px 25px;
		}

#programi-box1 {
		float: left;
		width: 920px;
		margin: 0 30px 30px 30px;
		}
#programi-img1 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/ostali-programi-img.jpg") 0 0 no-repeat;
		margin: 30px 25px 30px 30px;
		}
#programi-img2 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/ostali-programi-img.jpg") -291px 0 no-repeat;
		margin: 30px 0 30px 0;
		}
#programi-img3 {
		float: left;
		width: 290px;
		height: 170px;
		background: url("img/ostali-programi-img.jpg") 0 -171px no-repeat;
		margin: 30px 30px 30px 25px;
		}

#gallery-thumbnail1 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px 0px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail2 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px 0px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail3 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px 0px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail4 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px 0px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail5 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -166px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail6 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -166px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail7 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -166px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail8 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -166px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail9 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -332px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail10 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -332px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail11 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -332px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail12 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -332px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail13 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -498px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail14 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -498px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail15 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -498px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail16 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -498px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail17 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -664px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail18 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -664px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail19 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -664px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail20 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -664px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail21 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -830px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail22 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -830px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail23 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -830px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail24 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -830px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail25 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -996px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail26 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -996px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail27 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -996px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail28 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -996px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail29 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -1162px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail30 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -1162px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail31 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -1162px no-repeat;
		margin: 20px 20px 0 0;
		}

#gallery-thumbnail32 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -1162px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail33 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -1328px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail34 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -1328px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail35 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -1328px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail36 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -1328px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail37 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -1494px no-repeat;
		margin: 20px 0 0 20px;
		}
#gallery-thumbnail38 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -1494px no-repeat;
		margin: 20px 20px 0 20px;
		}
#gallery-thumbnail39 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -1494px no-repeat;
		margin: 20px 20px 0 0;
		}
#gallery-thumbnail40 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -1494px no-repeat;
		margin: 20px 0 0 0;
		}
#gallery-thumbnail41 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") 0px -1660px no-repeat;
		margin: 20px 0 30px 20px;
		}
#gallery-thumbnail42 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -221px -1660px no-repeat;
		margin: 20px 20px 30px 20px;
		}
#gallery-thumbnail43 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -442px -1660px no-repeat;
		margin: 20px 20px 30px 0;
		}
#gallery-thumbnail44 {
		float: left;
		width: 220px;
		height: 165px;
		background: url("img/galerija-img.jpg") -663px -1660px no-repeat;
		margin: 20px 0 30px 0;
		}

#kontakt-box1 {
		float: left;
		width: 263px;
		height: 280px;
		border: 1px solid #D8D8D8;
		text-align: center;
		padding: 15px;
		margin: 30px;
		}
#kontakt-box2 {
		float: right;
		width: 563px;
		height: 762px;
		border: 1px solid #D8D8D8;
		text-align: center;
		padding: 15px;
		margin: 30px 30px 30px 0;
		}
#kontakt-box3 {
		float: left;
		width: 263px;
		height: 420px;
		border: 1px solid #D8D8D8;
		font: 13px Calibri, Arial, Helvetica, sans-serif;
		padding: 15px;
		margin: 0 30px 30px 30px;
		}

.emailform ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
.emailform li{
		list-style: none;
		margin: 0 0 5px 0;
		}
.emailform label {
		float: left;
		display: block;
		width: 70px;
		}

.frame {
		clear: both;
		width: 263px;
		height: 46px;
		}

iframe {
		width: 563px;
		height: 762px;
		border: 0;
		overflow: visible;
		margin: 0 0 10px 0;
		padding: 0;
		}

#noscript {
		width: 251px;
		height: 34px;
		background: #E6C0C0;
		color: #FF0000;
		border: 1px solid #DE7A7B;
		text-align: center;
		padding: 5px;
		}
#yesscript {
		width: 251px;
		height: 34px;
		background: #A9D49E;
		color: #006400;
		border: 1px solid #00AA00;
		text-align: center;
		padding: 5px;
		}

.clear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}

.red {
		color: #FF0000;
		}

.bold {
		font-weight: bold;
		font-size: 15px;
		}

.center {
		display: block;
		text-align: center;
		}

.underline {
		text-decoration: underline;
		}