/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

.topn {
	background-color: #FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
}

.top {
	background-image:url("img/val_sjena.png");
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
}

.val {
	background-image:url("img/val_sjena.png");
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	width:100%;
	height:100%;
	top:500px;
	z-index:1;
	text-align:center;
	margin:0 auto;
}

.sjena_i {
	z-index:4;
	top:0px;
	float:center;
	width:800px;
	height:655px;
	text-align:center;
	margin:0 auto;
}
.sjena {
	background-image:url("img/sjena.png");
	background-size: 100% 100%;
	z-index:4;
	top:0px;
	float:center;
	width:1040px;
	height:845px;
	text-align:center;
	margin:0 auto;
}
	
.okvir {
	background-image:url("img/frame.gif");
	background-repeat: no-repeat;
	position:relative;
	z-index:5;
	left:-2px;
	top:22px;
	width:1000px;
	height:804px;
	text-align:center;
	margin:0 auto;
} 
.okvir_i {
	position:relative;
	z-index:5;
	left:-2px;
	top:17px;
	width:770px;
	height:621px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:center;
	margin:0 auto;
} 

.sadrzaj {
	background-image:url("img/okvircrni.png");
	background-repeat: no-repeat;
	position:relative;
	left:0px;
	top:10px;
	text-align:center;
	width:996px;
	height:714px;
	margin:0 auto;
	font: 1.0em Arial;
}



/* structure */
.Tcontainerback{
	background-color: #FFFFFF;
	z-index: 6;
	position:absolute;
	left:1px;
	top:0px;
	width: 998px;
	height:214px;
}
.menuback{
	background-image:url("images/menu_m.png");
	background-repeat: x-repeat;
	width:100%;
	height:30px;
	z-index:6;
	position:absolute;
	left:0px;
	top:111px;
}

/* savjeti */

/* misc */
.kontaktdwn {
	z-index: 4;
	position:absolute;
	margin-left:0px;
	padding-right:0px;
	left:1px;
	top:315px;
	font: 12px Verdana;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 998px;
	height:420px;
	color:#453e3c;
	text-align:left;
}
.certificiranje {
	z-index: 4;
	position:absolute;
	margin-left:0px;
	padding-right:0px;
	left:1px;
	top:315px;
	font: 12px Verdana;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 998px;
	height:420px;
	color:#453e3c;
	text-align:left;
}

.L {
	height:79px;
	width:478px;
	position:absolute;
	top:53px;
	left:40px;
	text-align:left;
	padding-left:3px;
	border-top: 0px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

.L:hover {	
	border-top: 0px solid #463929;
	border-left:2px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 0px solid #463929;
}

.L img {
	width:80px; 
	height:60px;
	margin-right:0px;
	margin-left:2px;
	margin-bottom:8px;
	margin-top:8px;
	border-top: 1px solid #463929;
	border-left:1px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 2px solid #463929;
}
.L img:hover {	
	border-top: 1px solid #d47d00;
	border-left:1px solid #d47d00;
	border-bottom: 2px solid #d47d00;
	border-right: 2px solid #d47d00;
}
.L2 {
	height:79px;
	width:478px;
	position:absolute;
	top:158px;
	left:40px;
	text-align:left;
	padding-left:3px;
	border-top: 0px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

.L2:hover {	
	border-top: 0px solid #463929;
	border-left:2px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 0px solid #463929;
}

.L2 img {
	width:80px; 
	height:60px;
	margin-right:0px;
	margin-left:2px;
	margin-bottom:8px;
	margin-top:8px;
	border-top: 1px solid #463929;
	border-left:1px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 2px solid #463929;
}
.L2 img:hover {	
	border-top: 1px solid #d47d00;
	border-left:1px solid #d47d00;
	border-bottom: 2px solid #d47d00;
	border-right: 2px solid #d47d00;
}
.L3 {
	height:79px;
	width:478px;
	position:absolute;
	top:263px;
	left:40px;
	text-align:left;
	padding-left:3px;
	border-top: 0px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

.L3:hover {	
	border-top: 0px solid #463929;
	border-left:2px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 0px solid #463929;
}

.L3 img {
	width:80px; 
	height:60px;
	margin-right:0px;
	margin-left:2px;
	margin-bottom:8px;
	margin-top:8px;
	border-top: 1px solid #463929;
	border-left:1px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 2px solid #463929;
}
.L3 img:hover {	
	border-top: 1px solid #d47d00;
	border-left:1px solid #d47d00;
	border-bottom: 2px solid #d47d00;
	border-right: 2px solid #d47d00;
}
.L4 {
	height:79px;
	width:478px;
	position:absolute;
	top:368px;
	left:40px;
	text-align:left;
	padding-left:3px;
	border-top: 0px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

.L4:hover {	
	border-top: 0px solid #463929;
	border-left:2px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 2px solid #463929;
}

.L4 img {
	width:80px; 
	height:60px;
	margin-right:0px;
	margin-left:2px;
	margin-bottom:8px;
	margin-top:8px;
	border-top: 1px solid #463929;
	border-left:1px solid #463929;
	border-bottom: 2px solid #463929;
	border-right: 2px solid #463929;
}
.L4 img:hover {	
	border-top: 1px solid #d47d00;
	border-left:1px solid #d47d00;
	border-bottom: 2px solid #d47d00;
	border-right: 2px solid #d47d00;
}

.karta {
	background-color:#ffffff;
	z-index: 5;
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	padding-right:3px;
	padding-left:3px;
	left:460px;
	top:5px;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 490px;
	height:410px;
	border-top: 0px solid #453e3c;
	border-left:2px solid #453e3c;
	border-bottom: 0px solid #453e3c;
	border-right: 2px solid #453e3c;
}
.kuca {
	background-color:#ffffff;
	z-index: 5;
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	padding-right:3px;
	padding-left:3px;
	left:562px;
	top:5px;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 387px;
	height:410px;
	border-top: 0px solid #453e3c;
	border-left:2px solid #453e3c;
	border-bottom: 0px solid #453e3c;
	border-right: 2px solid #453e3c;
}
.galprikaz {
	background-color:#ffffff;
	z-index: 5;
	overflow:hidden;
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	padding-right:2px;
	padding-left:2px;
	left:450px;
	top:60px;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 512px;
	height:382px;
	border-top: 0px solid #453e3c;
	border-left:2px solid #453e3c;
	border-bottom: 0px solid #453e3c;
	border-right: 2px solid #453e3c;
	text-align:top;
}
.uizgradnji {
	background-color:#ffffff;
	z-index: 5;
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	padding-right:3px;
	padding-left:3px;
	left:162px;
	top:5px;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 672px;
	height:332px;
	border-top: 0px solid #453e3c;
	border-left:2px solid #453e3c;
	border-bottom: 0px solid #453e3c;
	border-right: 2px solid #453e3c;
}
.certificiranje img {
	background-color:#ffffff;
	z-index: 5;
	position:relative;
	padding-right:3px;
	padding-left:3px;
	margin-bottom:8px;
	margin-top:3px;
	top:5px;
	font-weight:normal;
	font:AvantGarde Bk BT;
	border-top: 0px solid #453e3c;
	border-left:2px solid #453e3c;
	border-bottom: 0px solid #453e3c;
	border-right: 2px solid #453e3c;
}

.reference {
	background-color:#000000;
	overflow: auto;
	z-index: 4;
	position:absolute;
	margin-left:0px;
	padding-left:460px;
	padding-right:50px;
	left:0px;
	top:203px;
	font: 12px Verdana;
	font-weight:normal;
	font:AvantGarde Bk BT;
	width: 486px;
	height:500px;
	color:#000000;
	text-align:left;
}
.reference img {
	border-top: 1px solid #550033;
	border-left:1px solid #550033;
	border-bottom: 2px solid #550033;
	border-right: 2px solid #550033;
}
.logo {
	background:url(img/logo.png);
	z-index: 7;
	position:absolute;
	left:20px;
	top:22px;
	width: 104px;
	height:75px;
}
.bannerreference {
	background:url(img/banreference.jpg);
	z-index: 3;
	position:absolute;
	left:0px;
	top:146px;
	width: 998px;
	height:60px;
	border-top: 1px solid #453e3c;
	border-bottom: 1px solid #453e3c;
	border-left:0px solid #453e3c;
	border-right:0px solid #453e3c;
}
.bannerkontakt {
	background:url(img/bankontakt.jpg);
	z-index: 3;
	position:absolute;
	left:0px;
	top:146px;
	width: 998px;
	height:60px;
	border-top: 1px solid #453e3c;
	border-bottom: 1px solid #453e3c;
	border-left:0px solid #453e3c;
	border-right:0px solid #453e3c;
}
.banneronama {
	background:url(img/banonama.jpg);
	z-index: 3;
	position:absolute;
	left:0px;
	top:147px;
	width: 998px;
	height:60px;
	border-top: 1px solid #453e3c;
	border-bottom: 1px solid #453e3c;
	border-left:0px solid #453e3c;
	border-right:0px solid #453e3c;
}
.bannergalerija {
	background:url(img/bangalerija.jpg);
	z-index: 3;
	position:absolute;
	left:0px;
	top:147px;
	width: 998px;
	height:60px;
	border-top: 1px solid #453e3c;
	border-bottom: 1px solid #453e3c;
	border-left:0px solid #453e3c;
	border-right:0px solid #453e3c;
}
.bannerenergetsko {
	background:url(img/banenergetsko.jpg);
	z-index: 3;
	position:absolute;
	left:0px;
	top:147px;
	width: 998px;
	height:60px;
	border-top: 1px solid #453e3c;
	border-bottom: 1px solid #453e3c;
	border-left:0px solid #453e3c;
	border-right:0px solid #453e3c;
}
.fut {
	background:url(img/gray.png);
	z-index: 7;
	position:absolute;
	left:1px;
	bottom:1px;
	width: 998px;
	height:19px;
	font-size: 10px;
	padding-top:6px;
}