@charset "utf-8";
/**** DEF FONT ****/
* {	font-family: Tahoma, Geneva, sans-serif;	font-size: 11px;	color: #d2d2d2;	text-decoration: none;	line-height: 17px;	letter-spacing: 1px;}
form, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
h1{	font-size: 28px;	font-weight: lighter;	color: #97f80d;	text-decoration: none;	letter-spacing: 0px;	text-transform: none; letter-spacing: 1px; height:30px;}
h1:hover{	color: #b3f80d;	text-decoration: none;	cursor: pointer;}

h2{	font-size: 28px;	font-weight: lighter;	color: #97f80d;	text-decoration: none;	letter-spacing: 0px;	text-transform: none; letter-spacing: 1px; height:30px;}
h2:hover{	color: #b3f80d;	text-decoration: none;	cursor: pointer;}

h3{	font-size: 16px;	font-weight: lighter;	color: #97f80d;	text-decoration: none;	letter-spacing: 0px;	text-transform: none; letter-spacing: 1px; }
h3:hover{	color: #b3f80d;	text-decoration: none;	cursor: pointer;}

h4{	font-size: 14px;	font-weight: lighter;	color: #97f80d;	text-decoration: none;	letter-spacing: 0px;	text-transform: uppercase; letter-spacing: 1px;}
h6{	font-size: 10px;	font-weight: lighter;	color: #999999;	text-decoration: none;	letter-spacing: 0px; letter-spacing: 1px;}

#logo{ position: relative; height:149px;	width:274px; z-index:10;}
#logo a{ display:block; height:149px;	width:274px; background:url(grafika/body/bgtop3.png) left top no-repeat; overflow:hidden; text-indent:-9999px;}
.minitekst{ font-size: 10px;	color: #d2d2d2; line-height:28px;}

.crvenitekst16{	font-size: 10px;	color: #F00000; text-decoration: none;}
form {	border:none;	background-color: transparent;	background-repeat: no-repeat;	background-position: left top;	border-style:none; border-width:0;}
input {	border:none;	background-color: transparent;	background-repeat: no-repeat;	background-position: left top;	border-style:none; border-width:0;}
form input{	background-image:url(grafika/forms/forminput.png); height:28px;	width:300px; line-height:normal;	color:#999999;	margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px;	}
form input:hover{	background-image:url(grafika/forms/forminputhover.png); height:28px;	width:300px;	color:#999999;	margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px;	}
form input[type=text], form input[type=password] {	background-image:url(grafika/forms/forminput.png);	width:300px;	height:40px;	color:#999999;	margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px;	font-size: 10px;	line-height: 10px;	text-decoration: none;}
form textarea { background-color: transparent; background-image:url(grafika/forms/formtextarea.png); width:293px; height:156px; border-style:none; border-width:0; color:#999999; margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px; }
form textarea:hover { background-color: transparent; background-image:url(grafika/forms/formtextareahover.png); width:293px; height:156px; border-style:none; border-width:0; color:#999999; margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px; }
form input[type=submit] { background-image:url(grafika/forms/formbtnposalji.png); float:left; height:24px; width:120px; color:#97f80d; text-align:left; margin-top:10px; padding-left:6px; text-transform:uppercase; cursor:pointer; clear:both }
form input[type=submit]:hover { color:#999999 }


/**** POZADINE****/
body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	background-image: url(grafika/body/pozadinamaxxy.jpg);	background-repeat: repeat;	background-position: left top;}
#bgcentarmaxy{	background-image: url(grafika/body/bgcentarmaxy.png);	background-repeat: repeat-y;	background-position: center top;	z-index:1;}
#bgcentar{	background-image: url(grafika/body/bgcentar.jpg);	background-repeat: no-repeat;	background-position: center top;	z-index:2;}
#bgtopmaxx{	background-image: url(grafika/body/bgtopmaxx.png);	background-repeat: repeat-x;	background-position: left top;	height: 149px;}
.poravnavanjecentar{	width: 955px;	margin-left: auto;	margin-right: auto;	clear: both;}
#bgtop0{	/*background-image: url(grafika/body/bgtop0.png);	background-position: left top;*/	height: 149px;	width: 207px;	float: left;}
#bgtop1{	background-image: url(grafika/body/bgtop1.png);	background-position: left top;	height: 149px;	width: 98px;	float: left;}
#bgtop2{	height: 149px;	width: 35px;	float: left;}
#bgtop3{	height: 149px;	width: 274px;	float: left;}
#bgtop4{	height: 149px;	width: 35px;	float: left;}
#bgtop5{	background-image: url(grafika/body/bgtop5.png);	background-position: left top;	height: 149px;	width: 98px;	float: left;}
#bgtop6{	/*background-image: url(grafika/body/bgtop6.png);	background-position: left top;*/	height: 149px;	width: 207px;	float: left;}
#logomini{	background-image: url(grafika/body/logomini.png);	background-position: right bottom;	background-repeat:no-repeat; width:955px; margin-left:auto; margin-right:auto; }


/**** IZDVOJENO CENTAR ****/
#bgcentarizdvojenotop{	background-image: url(grafika/body/bgcentarizdvojenotop.png);	background-position: left top;	background-repeat: no-repeat; height:160px;	clear:both;}
#naslovnaIzdvojenoInner { padding:15px 55px 15px 55px; clear:both;}
#bgcentarizdvojenomaxy{	background-image: url(grafika/body/bgcentarizdvojenomaxy.png);	background-position: left top;	background-repeat: repeat-y; clear:both;}
#bgcentarizdvojenobotomClear{	clear:both;}
#bgcentarizdvojenobotom{	background-image: url(grafika/body/bgcentarizdvojenobotom.png);	background-position: left top;	background-repeat: no-repeat;	height:32px; clear:both;}

/**** IZDVOJENO CENTAR CLANCI ****/
.IzdvojenoCentar{ width:400px; height:150px; padding:5px; margin:3px; float:left; background-position: left top;	background-repeat: no-repeat; }
.IzdvojenoCentarImg{ width:85px; height:85px; margin:3px; float:left;}
.IzdvojenoCentarTxt{ width:309px; height:150px; float:left;}
.IzdvojenoCentarIndx{ width:550px; height:210px; padding:5px; margin:0px 3px 0px 3px; float:left; background-position: left top;	background-repeat: no-repeat; background-color:#0b0b0b; }
.IzdvojenoCentarIndxInnerTxt{ width:400px; height:50px; margin-top:130px; padding:5px; float:left; background-position: left top;	background-repeat: no-repeat; background-color:#0b0b0b; }
.IzdvojenoCentarIndxImg{ width:544px; height:204px; margin:3px; float:left;}
.IzdvojenoCentarIndxInnerEnd{	background-image: url(grafika/body/bgcentarizdvojenoindx.png);	background-position: left top;	background-repeat: no-repeat; height:25px;	clear:both;}

/**** FOOTER ****/
#footerlinkovi{	height: 80px;	width: 955px;}
.footerlinkovisadrzaj{	text-align:center;	height:18px;}
#footersjenaend{	height: 50px;	width: 955px;}
#gbbotomblack{ height:41px;	background-image: url(grafika/body/gbbotomblack.png);	background-position: left top;	background-repeat: repeat-x; clear:both;	}
#gbbotomblackcollour {	background-color:#000;	clear:both;	height: 600px;}
.divfootervertikalni1{ width:350px; float:left;}
.divfootervertikalni2{ width:295px; float:left;}
.divfootervertikalniRazmak{ height:5px; clear:both;}
/**** BANNER SADRŽAJI ****/
#bannercentriranje{	height: 351px;	width: 722px;	margin-right: auto;	margin-left: auto;}

/**** CENTAR SADRŽAJI ****/
#centarsadrzaj{	width: 773px;	clear:both;	margin-right: auto;	margin-left: auto;}
#centarlijevoa{	float: left;	width: 567px;	padding-right: 4px;}
#centarlijevob{	float: left;	width: 197px;	padding-left: 4px;}
.centarDivHalf{ width:280px; height:100px; float:left;}

/*** NAV RIGHT ***/
#navrighttop1{	width: 197px;	height:84px;	clear: both;	background-image: url(grafika/menu/menirnaslov1.png);	background-repeat: no-repeat;	background-position: left top;}
#navrighttop2{	width: 197px;	height:84px;	clear: both;	background-image: url(grafika/menu/menirnaslov2.png);	background-repeat: no-repeat;	background-position: left top;}
#navrighttop3{	width: 197px;	height:54px;	clear: both;	background-image: url(grafika/menu/menirnaslov3.png);	background-repeat: no-repeat;	background-position: left top;}
#navrightmaxy{	width: 171px;	background-image: url(grafika/menu/menirmaxy.png);	background-repeat: repeat-y;	background-position: left top;	padding: 13px;}
.navrightbotom{	width: 197px;	height:100px;	float: none;	clear: both;	background-image: url(grafika/menu/menirbotom.png);	background-repeat: no-repeat;	background-position: left top;	padding-bottom: 3px;}
#navrightul{	top: 0px;	left: 0px;	margin:0;	padding:0px;	width: 197px;	float: none;	clear: both;	list-style-type: none;}
.navrightul li{	display: inline;	width: 197px;	height: 40px;	float: none;	clear: both;	list-style-type: none;}
#navrightul li a{	display: block;	overflow: hidden;	width: 197px;	height: 40px;	float: none;	clear: both;	cursor: pointer;	color: #FFFFFF;	text-decoration: none;	text-align: center;	vertical-align: middle;	background-image: url(grafika/menu/menirlink.png);	background-repeat: no-repeat;	background-position: left top;	list-style-type: none;	line-height: 40px;}
#navrightul li a:hover{	display: block;	overflow: hidden;	width: 197px;	height: 40px;	float: none;	clear: both;	cursor: pointer;	color: #97f80d;	text-decoration: underline;	text-align: center;	vertical-align: middle;	/*background-image: url(grafika/menu/menirlink.png);	background-repeat: no-repeat;	background-position: left top;*/	list-style-type: none;	line-height: 40px;}
#navrightul li a span{	float: none;	clear: both;	display:block;	width: 197px;	height:40px;}

/*** NAV CENTRALNI ***/
#main_navinner{	width: 680px;	height:80px;	margin-right: auto;	margin-left: auto;	clear: both;}
#main_nav{	top: 0px;	left: 0px;	margin:0;	padding-top: 20px;	padding-right: 0;	padding-bottom: 0px;	padding-left: 80px;}
#main_nav li{	display: inline;	float: left;	list-style-type: none;}
#main_nav li a{	display: block;	overflow: hidden;	height: 34px;	cursor: pointer;}
#main_nav li a span{	display:block;	height:34px;}
#main_nav li a.naslovna{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll;	display:block;	list-style-type:none;	height: 34px;	width: 101px;}
#main_nav li a.naslovna:Hover{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll 0 -34px;}
#main_nav li a.webdizajn{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -101px 0;	display:block;	list-style-type:none;	height: 34px;	width: 110px;}
#main_nav li a.webdizajn:Hover{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -101px -34px;}
#main_nav li a.grafickidizajn{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -211px 0;	display:block;	list-style-type:none;	height: 34px;	width: 140px;}
#main_nav li a.grafickidizajn:Hover{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -211px -34px;}
#main_nav li a.programiranje{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -351px 0;	display:block;	list-style-type:none;	height: 34px;	width: 137px;}
#main_nav li a.programiranje:Hover{	background:transparent url(grafika/buttons/main_nav.png) no-repeat scroll -351px -34px;}
.prazni{	height: 800px;}
.txtsivi{	font-size: 10px;	color: #b8b4b4;	text-decoration: none;}
.link{	font-size: 11px;	color: #FFFFFF;	text-decoration: none;}
.link:hover{	font-size: 11px;	color: #CCCCCC;	text-decoration: underline;}
.linkwww{	font-size: 11px;	color: #FFFFFF;	text-decoration: none;	line-height: 18px;}
.linkwww:hover{	font-size: 11px;	color: #CCCCCC;	text-decoration: none;	line-height: 18px;	text-decoration: underline;	}
.linkzeleni-mali{	font-size: 11px;	font-weight: lighter;	color: #CCCCCC;	text-decoration: none;}
.linkzeleni-mali:hover{	font-size: 11px;	font-weight: lighter;	color: #97f80d;	text-decoration: underline;}

/*** NAV BOTOM ***/
.navBotom{	top: 0px;	left: 0px;	margin:0;	padding:0px;	width: 250px;	float: none;	clear: both;	list-style-type: none;}
.navBotom li{ left: 0px;	display: inline;	width: 250px;	height: 40px;	float: none;	clear: both;	list-style-type: none;}
.navBotom li a{	display: block;	overflow: hidden;	width: 250px;	height: 40px;	float: none;	clear: both;	cursor: pointer; 	color: #999999;	text-decoration: none; line-height: 40px;	background-image: url(grafika/menu/meninavbotom.png);	background-repeat: no-repeat; background-position:left bottom; list-style-type: none;}
.navBotom li a:hover{	display: block;	overflow: hidden; width: 240px; padding: 0px 0px 0px 10px; height: 40px;	float: none;	clear: both;	cursor: pointer; background-color:#97f80d;	color: #000000;	text-decoration: none; font-weight:bold; line-height: 40px; vertical-align: middle;	list-style-type: none;}
/*
.navBotom li a{	display: block;	overflow: hidden;	width: 250px;	height: 40px;	float: none;	clear: both;	cursor: pointer;	color: #999999;	text-decoration: none; line-height: 40px;	background-image: url(grafika/menu/meninavbotom.png);	background-repeat: no-repeat; background-position:left bottom; list-style-type: none;}
.navBotom li a:hover{	display: block;	overflow: hidden;	width: 250px;	height: 40px;	float: none;	clear: both;	cursor: pointer;	color: #97f80d;	text-decoration: underline;	 line-height: 40px; vertical-align: middle;	list-style-type: none;}
.navBotom li a span{	float: none;	clear: both;	display:block;	width: 250px;	height:40px;}
*/

/*** FORMS ***/
#naslovkontakt{	height: 35px;	clear:both;}
.divkontakt{ height: 35px;	clear:both;}
.divkontaktend{ height: 160px;	clear:both;}
.divclearbooth{ clear:both; font-size: 10px; color: #252628;}

/*** REFERENCE ***/
.referMainBox{ width:280px; height:202px; float:left; margin:0px 0px 0px 0px; background: transparent url(grafika/body/bgreference.png) no-repeat left top;}
.referMainBoxImg{ width:256px; height:92px; clear:both; margin:12px 12px 12px 12px; background-position: left top; background-repeat:no-repeat; border:#0b0b0b solid 1px; }
.referMainBoxEnd{ width:280px; height:18px; clear:both; margin:0px 0px 0px 12px;}
.mainNavRefer{	top: 0px;	left: 0px;	margin:0;	padding-top: 0px;	padding-right: 0;	padding-bottom: 0px;	padding-left: 0px;}
.mainNavRefer li{	display: inline;	float: left;	list-style-type: none;}
.mainNavRefer li a{	display: block;	overflow: hidden;	height:22px;	cursor: pointer;}
.mainNavRefer li a span{	display:block;	height:22px;}
.mainNavRefer li a.galerija{	background:transparent url(grafika/buttons/mainnavrefer.png) no-repeat scroll;	display:block;	list-style-type:none;	height: 22px;	width: 82px;}
.mainNavRefer li a.galerija:Hover{	background:transparent url(grafika/buttons/mainnavrefer.png) no-repeat scroll 0 -22px;}
.mainNavRefer li a.projekt{	background:transparent url(grafika/buttons/mainnavrefer.png) no-repeat scroll -82px 0;	display:block;	list-style-type:none;	height: 22px;	width: 126px;}
.mainNavRefer li a.projekt:Hover{	background:transparent url(grafika/buttons/mainnavrefer.png) no-repeat scroll -82px -22px;}