/***ona**/
ul.ona{
margin:0px 0px 23px 7px;
padding:0px;
list-style:none;
}
ul.ona li{
height:27px; 
width:400px;
padding:0px 0px 0px 30px;
list-style:none;
background:url(images/zvezda.png) 0px 0px no-repeat;
line-height:1.6em;
}

/*servis*/
#main_left_panel{
width:305px;
height:350px;
border:0px solid #00FF33;

}


#content {
	width: 1100px;
	margin: 0px auto 20px;
	font-size: 1.2em;
	overflow: hidden;
}
.splitLeft {
	float: left;
	width: 49%;
	overflow: hidden;
}

.splitRight { text-decoration:blink;
	float: left;
	width: 49%;
	overflow: hidden;
}
#introduction {
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 20px;
	padding: 5px;
	background: #FEFDDE;
}

#services {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
}


#portfolioList { 
	margin: 0px;
	padding: -150px;
	width: 100%;
	overflow: hidden;
}

#portfolioList .block {
	float: left;
	width: 170px;
	background: url(../images/bkgnd_portfolio_items.png) no-repeat center top;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
	height: 140px;
}

#portfolioList .image {
	margin: 0px 0px 15px;
	padding: 0px;	
}

#portfolioList h3 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

#portfolioList .year {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 115px;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	color: #B9B9B9;
}

#portfolioList .link {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 55px;
	text-align: right;
	font-size: 0.9em;
}

#portfolioList .link a,
#portfolioBlock .link a {
	line-height: 16px;
	height: 16px;
	width: 35px;
	padding: 0px 20px 0px 0px;
	display: block;
	background: url(../images/icon_visit.png) no-repeat right center;
}

#portfolioBlock .imageBlock {
	background: url(../images/bkgnd_portfolio.png) no-repeat center top;
	height: 310px;
	width: 760px;
	padding: 0px;
	position: relative;
	margin: 0px 0px 15px;
}

#portfolioBlock .imageBlock img {
	background: url(../images/bkgnd_portfolio.png) no-repeat center top;
	height: 290px;
	width: 620px;
	position: absolute;
	left: 70px;
	top: 10px;
}

#portfolioBlock .year {
	float: right;
	margin: -25px 0px 0px;
	padding: 0px;
	width: 45%;
	text-align: right;
	font-size: 0.9em;
}

#portfolioBlock .gallery {
	margin: 0px 0px 5px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid #E3E2DB;
	width: 760px;
	height: 55px;
	text-align: center;
	overflow: hidden;
}

#portfolioBlock .gallery img {
	background: #FFF;
	padding: 1px;
	margin: 0px 5px 0px 0px;
	height: 51px;
	width: 51px;
	border: 1px solid #E3E2DB;
}

#portfolioBlock .description {
	
}

#portfolioBlock .contactLink {
	margin: 0px;
	padding: 5px;
	float: left;
	font-style: italic;
	background: #E4F2FD;
}

#portfolioBlock .link {
	margin: 0px;
	padding: 5px;
	float: right;
	width: 500px;
	text-align: right;
}

#portfolioBlock .link a {
	float: right;
	width: 500px;
}
.prevButton,
.nextButton {
	display: block;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 2;
	top: 135px;
	background-repeat: no-repeat;
	background-position: top center;
}

.prevButton a,
.nextButton a {
	display: block;
	height: 40px;
	width: 40px;
}

.prevButton span,
.nextButton span {
	display: none;
}

.prevButton {
	left: 0px;
	background-image:url(../images/prev_button.png);
}

.nextButton {
	right: 0px;
	background-image:url(../images/next_button.png);	
}

.prevButton:hover,
.nextButton:hover {
	background-position: bottom center;
}

.highLite {
	background: #E4F2FD;
	padding: 5px;
}





.leftcolumn{
width:450px;
float:left;
}

.rightcolumn{
width:450px;
float:right;
padding-right:50px;
}
ul.tick, ul.cross{
margin:0px 0px 23px 7px;
padding:0px;
list-style:none;
}
ul.tick li, ul.cross li{
padding:0px 0px 0px 27px;
list-style:none;
background:url(images/tacno.png) 0px 6px no-repeat;
line-height:1.6em;
}

/*krajservisa*/


/*projekti*/
.projekti { background-image:url(images/projekti.jpg); width:1065px; height:280px;

}

/*portfolio*/
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	
	
	
	

#kroj { width:1065;

}
.calismalarim {
	width:1065px;
	
	background-image:url(bg-calismalarim.jpg);
	background-repeat:repeat-y;
	background-position:left;
	overflow:hidden;
	}
	.enyeniler {

		background-position: left top;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-bottom:30px;
	min-height:140px;
	overflow:hidden;
	clear:both;
	display:inline-block;
	}

	.onizleme {
	width: 220px;
	height:100px;
	margin-right: 45px;
	margin-top: 15px;
	border:5px #f6f6f6 solid;
	float: left;
	display: block;
  	overflow: hidden;
  	position: relative;
	}
	.onizleme1 {
	width: 220px;
	height:100px;
	margin-right: 0px;
	margin-top: 15px;
	border:5px #f6f6f6 solid;
	float: left;
	display: block;
  	overflow: hidden;
  	position: relative;
	}
	.onizleme5 {
	width: 291px;
	height:150px;
	margin-right: 0px;
	margin-top: 15px;
	border:5px #f6f6f6 solid;
	float: left;
	display: block;
  	overflow: hidden;
  	position: relative;
	}
	.onizleme5 span {
  	display: none;
	}
.onizleme5 img {
	border:none;
	}
.onizleme5:hover span {	
  	opacity: 0.80;
	
	/*
	filter: alpha(opacity = 80);
	
	opacity:0.70;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70); 
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
	
	background: #FFF;
 	display: block;
 	padding: 5px;
 	position: absolute;
 	width: 291px;
	height:200px;
	font-family:Helvetica, Verdana, Arial, Helvetica;
	color: #999999;
	cursor:pointer;
	font-size: 10px;
	}
.onizleme5:hover span strong {
	color: #000;
 	display: block;
	font-size: 18px;
	font-weight:bold;	
	}
.onizleme5:hover span b {
	margin-top:10px;
	font-size: 12px;
	display:block;
	font-weight:normal;
	color:#000;
	line-height:14px;
	}
	
	
	
	
	
	
	
.onizleme span {
  	display: none;
	}
.onizleme img {
	border:none;
	}
.onizleme:hover span {	
  	opacity: 0.80;
	
	/*
	filter: alpha(opacity = 80);
	
	opacity:0.70;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70); 
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
	
	background: #FFF;
 	display: block;
 	padding: 5px;
 	position: absolute;
 	width: 220px;
	height:100px;
	font-family:Helvetica, Verdana, Arial, Helvetica;
	color: #999999;
	cursor:pointer;
	font-size: 10px;
	}
.onizleme:hover span strong {
	color: #000;
 	display: block;
	font-size: 18px;
	font-weight:bold;	
	}
.onizleme:hover span b {
	margin-top:10px;
	font-size: 12px;
	display:block;
	font-weight:normal;
	color:#000;
	line-height:14px;
	}
	
	
	.onizleme1 span {
  	display: none;
	}
.onizleme1 img {
	border:none;
	}
.onizleme1:hover span {	
  	opacity: 0.80;
	
	/*
	filter: alpha(opacity = 80);
	
	opacity:0.70;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70); 
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
	
	background: #FFF;
 	display: block;
 	padding: 5px;
 	position: absolute;
 	width: 220px;
	height:100px;
	font-family:Helvetica, Verdana, Arial, Helvetica;
	color: #999999;
	cursor:pointer;
	font-size: 10px;
	}
.onizleme1:hover span strong {
	color: #000;
 	display: block;
	font-size: 18px;
	font-weight:bold;	
	}
.onizleme1:hover span b {
	margin-top:10px;
	font-size: 12px;
	display:block;
	font-weight:normal;
	color:#000;
	line-height:14px;
	}
	


.kloj{ width:200px; float:left;}
.klok{ width:300px; float:right;}
/*******pocetni box****************/
.boxesa{

margin-left:auto;margin-right:auto;width:1065px}
.boxesa .tek{width:500px}
.tek {display:inline;float:left;position:relative;margin-left:15px;margin-right:15px}
.tekb {
    background: url(usluge/pemisah.png) center bottom no-repeat;
    overflow: hidden;
}
.tekb1 {
 
    overflow: hidden;
}
.tekbox {
    float: right;
    width: 355px;
    height: auto;
}

.tekon {
    width: 85px;
    height: auto;
    float: left;
    margin-right: 30px;
}
#takmak { width:1065px;  position:relative; clear:both;  }
#takmak .takmak1 { width:500px; float:left; }
#takmak .takmak2 { width:515px; float:right;}

#tork { width:1065; position:relative;}
.portfolio_t {
	margin: 0px 75px 20px 0px;
	padding: 0px;
	border: 0px;
	width: 465px;
	float: left;
}
.portfolio_i {
	margin: 0px 0px 20px 60px;
	padding: 0px 0px 0px 0px;
	width: 465px;
	float: left;
}

			
.clear {
	clear: both;
}
/*********************/
#footerbox {  background: url(images/footbge.jpg) repeat-x top ;  }
.footer_b { background: url(images/bk_footer_b.png) no-repeat; width:270px; float:left; }
.footer_b ul { list-style:none; padding:0px; margin:0px 21px 0px 20px; }
.footer_b li { background:url(images/bk_item.png) bottom repeat-x; height:30px; line-height:26px; }
.footer_b li h1 { float:left; padding:0px; margin:0px; font-size:16px; color:#b9b9b9;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.footer_b li img { float:right; margin-top:6px; }


#footer {   color:#b9b9b9; margin-top:0px; float:center; margin-left:auto; margin-right:auto; width:1065px; position:relative; }
#footer .col { float:left; width:300px; margin-right:70px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#footer .col1 { float:left; width:300px;   margin-right:auto; top:auto; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  }

#footer .col:first-child { margin-left:auto;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
#footer h3 {
	padding:15px 0px 0px 0px;
	font-size:16px;
	color:#CCCCCC;
	text-shadow:1px 1px 0 #201F1B;
}

.cta {text-shadow:1px 1px 0 #201F1B;

}

#contact { padding-left:10px; background:url(images/tacf.gif) repeat-x top; line-height:14px; }
#contact a {
	color:#00CC00;
	text-decoration:none;
}
#contact a:hover { text-decoration:underline !important; }
#products1 li a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
#products1 a img { vertical-align:text-top; vertical-align:-72px; opacity:.2; margin-top:8px; }

#products li { background:url(images/tacf.gif) repeat-x top;  }
#products a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
#products a img { vertical-align:text-top; vertical-align:-72px; opacity:.2; margin-top:12px; }

.products a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
.products a img { vertical-align:text-top; vertical-align:-72px; opacity:.2; margin-top:8px; }

.products li { background:url(images/tacf.gif) repeat-x top;  }
.products a img { vertical-align:text-top; vertical-align:-72px; opacity:.2; margin-top:8px; }
#products1 a img { vertical-align:text-top; vertical-align:0px; opacity:.2; margin-top:8px; }
#products1 li { background:url(images/tacf.gif) repeat-x top; height:70px; }
#products1 a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
#products1 a:hover img { opacity:10; }


#products a:hover img { opacity:1; }
#be_zebra { padding:38px 0 50px 80px; background:url(../img/ser-una-cebra.png) no-repeat 21px 2px; color:#fff; font-size:14px; font-style:italic; }
#be_zebra a { color:#29a7df; text-decoration:none; }
#be_zebra a:hover { text-decoration:underline; }
#social { padding-top:10px; background:url(images/tacf.gif) repeat-x top; line-height:27px; text-align:center;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
#social li { display:inline; padding:0 3px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
#social a { padding:1px 5px 2px; background:#4b4b4b; color:#adadad; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}

#social #fma:hover { background:#DE066C; color:#fff; }
#social #fm:hover { background:#DE066C; color:#fff; }
#social #fb:hover { background:#3b5998; color:#fff; }
#social #tw:hover { background:#fff;    color:#0063dc; } #social #tw:hover span { color:#ff0084; }
#social #yt:hover { background:#fff;    color:#000;    } #social #yt:hover span { color:#ff3333; }
#social #ln:hover { background:#fff;    color:#000;    } #social #ln:hover span { color:#00a2eb; }
#social #bh:hover { background:#fff;    color:#00a2eb; }
#social #is:hover { background:#f89a22; color:#fdfdfd; }
#social #vi:hover { background:#000;    color:#31beff; } #social #vi:hover span { color:#fff; }
#social #dk:hover { background:#dd380b; color:#fffefb; }



/*********************/



/*     begin   scrol*/
#topblock {
position:relative;
top:25px;
padding:10px;
width:440px;
height:230px;
background:url('images/topblock-bg.png');
float:right;
} 
.scrollable { 
position:absolute; 
overflow:hidden; 
width: 440px; 
height:230px; 
} 
div.scrollable div.items { 
width:3520px; 
position:absolute; 
} 
div.scrollable div.items div {
width:440px;
height:230px;
float:left; 
} 
.prevPage, .nextPage {
position:absolute;
top:50%;
width:50px;
height:30px;
margin-top:-15px;
color:#fff;
z-index:10;
cursor:pointer;
}
.prevPage {
left:0;
background:url('images/previous.png') center center no-repeat;
}
.nextPage {
right:0;
background:url('images/next.png') center center no-repeat;
}
#scrollable-1 {
background:url('images/panel-3.png') no-repeat;
}
#scrollable-2 {
background:url('images/panel-3.png') no-repeat;
}
#scrollable-3 {
background:url('images/panel-3.png') no-repeat;
}
#scrollable-4 {
background:url('images/panel-4.png') no-repeat;
}

/* end scrol*/

/*Pocetak sredine*/
.gettouch-box {
	float:left;
	width:300px;
	height:140px;
	padding:0px 10px 0px 16px;
	background:url(../images/bottom-box-line.gif) no-repeat bottom right; 
	margin-left:auto;
	clear: both;
	position:absolute;
}
.gettouch-box p {
	margin:0px;
	padding:0px;
}
.gettouch-box a {
	text-decoration:none;
	color:#666666;
}
.gettouch-box a:hover {
	text-decoration:none;
	color:#9F0C0C;
}
.call {
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#373636;
	line-height:20px;
}
.call span {
	color:#9F0C0C;
}
.font13 {
	font-size:13px;
}

/*seo*/
#tabela { width:650px; border:1px #7F92B1 solid; margin:0px 0px 20px 0px; float:left;

}
.tabela1 {
margin:0px;
padding:0px;
}
.tabela1 td {
height:17px;
border-bottom:1px #7F92B1 solid;
border-right:1px #7F92B1 solid;
}

.tabela1 td .textfield {
	border:1px solid #999999;
	height:17px;
	width:140px;
	margin:2px 0px 2px 0px;
	padding:0px;
}

.tabe1 td .textarea {
	border:1px solid #999999;
	height:57px;
	width:250px;
	margin:2px 0px 2px 0px;
	padding:0px;
}
.tabela1 td.bottom {
border-bottom:1px #7F92B1 solid;
border-right:1px #7F92B1 solid;
}
.tabela1 td.right {
border-right:none;
border-bottom:1px #7F92B1 solid;
}
.tabela1 td.bottom-right {
border-right:1px #7F92B1 solid;
border-bottom:1px #7F92B1 solid;
}
.left-txt {
	padding-left:10px;
}
#nov{ margin-left:680px;
}
#portfolio { width:700px;}

.portfolio1{ width:350px; float:left; 

}

.portfolio1 td{border:1px solid #999999;

}
.portfolio1 .ko {border:none;

}
.lop{ width:250px;

}
.portfolio2{ width:450px; float:left; 

}

.portfolio2 td{border:1px solid #999999;

}
.portfolio2 .ko {border:none;

}
.lop{ width:250px;

}

/*kraj seo*/

#pr
{

	width:1065px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
#p
{
	background: url("images/hom.png") repeat-x top center;
	width:1065px;
	margin-left:auto;
	margin-right:auto;
	position: relative; 
}
#p p {
	padding:0px 0 0px 0px;
	font-size:12px;
	color:#666666;
}
#p1
{
	background: url("images/hom.png") repeat-x top center;
	width:1065px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	visibility: visible;
}

#maino {
	clear: both;
	width: 1065px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	height: auto;
}
.column1 {
	clear: none;
	float: left;
	width: 291px;
	margin-left: 20px;
}
.column2 {
	clear: none;
	float: left;
	width: 291px;
	margin-left: 75px;
}
.column3 {
	clear: none;
	float: left;
	width: 291px;
	margin-left: 75px;
	margin-right:20px;
}
ul.work {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}
ul.work li {
	list-style:none;
	padding:3px;
	clear:both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.work li a {
	display:block;
	text-decoration:none;
	font-size:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
ul.work li a img {
	margin-right:10px;
	clear: none;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
ul.work li a h4 {
	color:#999999;
	margin:0px;
	font-weight:normal;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
/*End sredine*/
#showcase {
	clear: both;
	position: relative;
	top: 140px;
	width: 804px; /*804px*/
	margin: 0 auto;
	padding-left: 8px;
}

#projects {
	width:764px;
	height:542px;
	overflow:hidden;
}

/* Font Definition */
@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('CartoGothicStd-Book.woff') format('woff'), url('CartoGothicStd-Book.otf') format('opentype'), url('CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std Italic'), local('CartoGothicStd-Italic'), url('CartoGothicStd-Italic.woff') format('woff'), url('CartoGothicStd-Italic.otf') format('opentype'), url('CartoGothicStd-Italic.svg#CartoGothicStd-Italic') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std Bold'), local('CartoGothicStd-Bold'), url('CartoGothicStd-Bold.woff') format('woff'), url('CartoGothicStd-Bold.otf') format('opentype'), url('CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std Bold Italic'), local('CartoGothicStd-BoldItalic'), url('CartoGothicStd-BoldItalic.woff') format('woff'), url('CartoGothicStd-BoldItalic.otf') format('opentype'), url('CartoGothicStd-BoldItalic.svg#CartoGothicStd-BoldItalic') format('svg');
}


body { background: #fdfdfd url('../images/footer_bg.jpg') repeat; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; color: #797979; margin: 0px; padding: 0px; }

.clear { clear: both; }

a { color:#797979; text-decoration: none; outline: 0; border: 0;}

h1 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

h2 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

h3 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

.left { float: left; }

.right { float: right; }

img {outline: 0; border: none}

.hide {visibility: hidden;}

#award {position: absolute; top: 0; right: 0;}

/**dobar tekst text-shadow: #61113d  0px 1px 0px;*/
/* Header */
#slogan {  margin-left:310px; float:left; width:790px;  margin-top:-37px;  color: #fff; font-weight: bold; font-size: 30px;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);} 
.header_wrapperpage1 {margin: 0px; width: 100%; height:12px;  background: url("images/sbgdole.gif") repeat-x top center; }

.header_wrapperpage {margin: 0px; width: 100%; height: 900px; background: url("images/sbggore.gif") repeat-x top center; }
.header_wrapper {margin: 0px; width: 100%; height: 500px; background: url("images/hdg.png") repeat-x top center; }

	.header {  height: 509px; margin: auto; margin-top: 0px;  background: url("images/header_bg.png") no-repeat center; }

	.header_content { width: 1100px; height: auto; margin: 0 auto; position: relative; }
	
		.header_content.IE6 {padding-bottom: 30px;}
		
			.header_content.IE6 p{margin-top: 0px; margin-left: 60px; margin-bottom: 10px; font-size: 20px; font-family: Helvetica; font-weight: bold; line-height: 25px; color: #fff;}
			
			.header_content.IE6 h1{margin-top: 0px; margin-left: 60px; font-size: 30px; font-family: Helvetica; font-weight: bold; line-height: 30px; color: #fff;}
			
				.header_content.IE6 p a{ color: #fff; text-decoration: underline;}
			
			.header_content.IE6 .left {margin-top: 0px; margin-left: 80px; font-size: 15px; font-family: Helvetica; font-weight: normal; line-height: 25px; color: #fff;}
			
			.header_content.IE6 .left.download {margin-top: 0px; margin-left: 40px; font-size: 15px; font-family: Helvetica; font-weight: normal; line-height: 25px; color: #fff;}
			
		.logo {float:left; width: 160px; height: 136px; text-align: left; margin-top: 0px; margin-left: 50px; background: url('images/logo.png') no-repeat top center;}
			
			.logo span {visibility: hidden;}



/* Menu za login #149d04 #61113d  a#0b4704    text-shadow: text-shadow: #61113d  1px 1px 1px; #2e021a  0px 1px 0px;*/

.menu { float: left; margin-top: 10px; margin-left: 0px; margin-bottom: 65px; text-align: right; width: 475px; height: 56px; list-style-image: none; list-style-type: none; padding: 0px; text-transform: uppercase; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}

	.menu .login_reveal {margin-bottom: 10px;  margin-right:-420px; } 
		
		.menu .login_reveal .indicator {width:16px; margin-left: -1000px; height: 17px; float: right; overflow: hidden; background: url('') no-repeat; background-position: bottom center;}
	
		.menu .login_reveal a {color: #fff; font-weight: bold; font-size: 10px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);} 
	
		.menu .login_reveal span {position: relative; float: right; top: 5px; right: 3px;}
	
	.menu ul { width: 900px; height: 26px; margin: 0px; padding: 0px; }

		.menu li { display: block; float: right; height: 26px; margin-left: 20px; margin-right: 2px; list-style-image: none; list-style-type: none; }

			.menu li a, .menu li a:active, .menu li a:visited { display: block; position: relative; right: -6px; height: 26px; color: #fff; font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; padding-left: 6px; padding-right: 13px; }

			.menu a, .menu li:hover a { text-decoration: none;}

			.menu li.current_page_item { background: url('images/dugme.png') no-repeat left; }

			.menu  li.current_page_item a, .menu li.current_page_item a:active, .menu li.current_page_item a:visited { background: url('images/dugmel.png') no-repeat right; }
			
			

/* banner */

#banner_tagline { color: #fff; font-size: 22px; text-align: center; margin: auto;  margin-bottom: 17px; text-shadow: 0px 2px 5px #0c6603; }

	#banner_tagline h1 { margin-top: 0px; margin-bottom: 0px; margin: auto; background: url('') no-repeat top center; width: 100%; height: 37px; margin: 0px;}
		
		#banner_tagline h1 span, #banner_tagline h2 span, #banner_tagline h3 span   {visibility: hidden;}

	#banner_tagline h2 { margin: 0px; background: url('../images/it_doesnt_get_better.png') no-repeat bottom center; height: 48px;}
	
	#banner_tagline h3 { margin: 0px; background: url('../images/creative_minds.png') no-repeat top center; height: 38px;}

	.thumbnail_wrapper { margin: auto; position: relative; width: 975px; padding: 0px; visibility: visible;}

		.thumbnail_wrapper .holder { width: 975px; height: 182px; overflow: hidden; position: relative; }

			.thumbnail_wrapper .holder .home_slider div.pane { width: 975px; margin: 0px; padding: 0px; }

				.thumbnail_wrapper ul {padding: 0px; margin: 0 15px; z-index: 0; list-style-image: none; list-style-type: none;}

					.thumbnail_wrapper li.post { overflow: hidden; position: relative; margin: 10px 0 5px 30px; float: left; width: 295px; height: 182px; padding: 0px; background: url('../images/thumbnails/thumbnail_frame.png') no-repeat; list-style-image: none; list-style-type: none; }

						.thumbnail_wrapper li.first { margin-left: 0px }
						
						.thumbnail_wrapper li img { margin: 5px; border: none}
						
						.thumbnail_wrapper li a {border: none; outline: none}

						.thumbnail_wrapper ul li .details_wrapper .details { visibility: hidden; }

						.thumbnail_wrapper ul li:hover .details_wrapper .details { visibility: visible; } 
						
						.thumbnail_wrapper li .details_wrapper { position: absolute; bottom: 14px; left: 5px; width: 286px; height: 62px; overflow: hidden;}

						.thumbnail_wrapper li .details_wrapper .details {position: absolute; width: 286px; height: 62px; background: url('../images/detail_bg.png') no-repeat; color: #ffffff; }
						
							.thumbnail_wrapper li .details_wrapper .details a {color: #FFFFFF; border: none}
							
							.thumbnail_wrapper li .details_wrapper .details h3 { margin: 18px 0 3px 15px; font-size: 14px; font-weight: bold; }

							.thumbnail_wrapper li .details_wrapper .details h4 { margin: 0px 15px; font-size: 12px; font-weight: normal; text-transform: uppercase; }

				.left-tab { position: absolute; top: 10px; left: -16px; width: 55px; height: 182px; z-index: 1; }

				.left-tab img, .right-tab img { cursor: pointer; outline: 0px;}
				
				.left-tab a img, .right-tab a img {  outline: none; border: none;}

				.right-tab { position: absolute; top: 10px; right: -16px; margin-left: -7px; width: 55px; height: 182px; z-index: 1; }
				
				

/* Content */

.home_content_wrapper { width: 100%; height: 225px; background: url('../images/white_noise_bg.jpg'); /*border-bottom: 2px #f6f6f6 solid;*/ }

	.home_content { width: 1100px; height: 225px; margin: auto; }

		.home_content .left { width: 370px; height: 225px; }
		
			.home_content .left #dpp {position: relative; top: 10px; left: 40px;}

		.home_content .right { width: 370px; height: 225px; }
			
			.home_content .weblog { margin: 30px 15px; }
			
				.home_content .weblog div {position: relative; font-size: 11px; width: 360px;}

				.home_content .weblog div.title { text-transform: uppercase; color: #d94608; font-weight: bold; width: 360px; margin-top: 15px;}

		.home_content .center { margin: 0px; height: 225px; width: 360px; margin-left: 370px; background: url('../images/home_content_center.jpg') no-repeat center top; position: relative; z-index: 1;}

			.home_content .center p { position: relative; width: 345px; float: left; bottom: 0px; margin-left: 15px; z-index: 2;}

			.home_content .center p span { font-size: 20px; }
			
			.home_content .center #creativestrategy {position: absolute; float: left;top: 10px; left: 0px; z-index: 1;}

		.home_content .title_holder { position: relative; margin: 30px 15px 10px 0; float: right; z-index: 2}

		.home_content h2 { font-weight: normal; text-align: left; margin-top: 0px; font-size: 23px;}
			
			.home_content h2 a {color: #797979;}


#namafor{ width:1000px; clear:both;
}		
.onama { width: 450px;; float:left; float:left; text-align: left; text-align:justify; margin-left:25px; margin-right:25px;}
.onama p {text-align: left;  text-align:justify; }
.oime{ float:right; text-align: right; text-align:justify;}

.formulka{ width: 450px;  float:left; float:left; text-align: left; margin-left:25px; margin-right:25px;}
.imagj { margin-right:57px;}
.onama p {text-align: left; text-align:justify;
}
.onama q {text-align: right;
}
	
#kick{ background: url(servis/klicko.jpg) no-repeat; width:960px; height:290px;
 }	
#kick p{ padding-left:50px; padding-top:8px; padding-right:350px;}	
	
	
	
	
.lefk { width:500px; float:left; text-align:justify; font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#666666; }
.desk { width:500px; float:right; text-align:justify; font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#666666;  }
.lefk .desk  p {text-align:justify; font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#666666;}


#kutak{ width:1065px; }
.kutak0{ width:260px; float:left; clear:none; margin-bottom:50px;}
.kutak1{ width:260px; float:left; clear:none; margin-left:8px; margin-bottom:50px;}
.kutak2{ width:260px; float:left; clear:none; margin-left:8px; margin-bottom:50px;}
.kutak3{ width:260px; float:left; clear:none; margin-left:8px; margin-bottom:50px;}
#page { 

background-position:top; height:2200px;

	background-color:#FFFFFF;
}
#page101 { 

background-position:top; height:2020px;;

	background-color:#FFFFFF;
}
#page1 { 

background-position:top; height:1650px;;

	background-color:#FFFFFF;
}
#page001 { 

background-position:top; height:1150px;;

	background-color:#FFFFFF;
}
#page2 { 

background-position:top; height:1400px;;

	background-color:#FFFFFF;
}
#page222 { 

background-position:top; height:1300px;;

	background-color:#FFFFFF;
}
#page3 { 

background-position:top; height:1170px;

	background-color:#FFFFFF;
}
#paget3 { 

background-position:top; height:700px;

	background-color:#FFFFFF;
}
#pagep3 { 

background-position:top; height:900px;

	background-color:#FFFFFF;
}
#pages3 { 

background-position:top; height:600px;

	background-color:#FFFFFF;
}
#page4 { 

background-position:top; height:1500px;;

	background-color:#FFFFFF;
}
#page5 { 

background-position:top; height:2250px;;

	background-color:#FFFFFF;
}
#page6 { 

background-position:top; height:1600px;;

	background-color:#FFFFFF;
}

#page7 { 

background-position:top; height:3800px;;

	background-color:#FFFFFF;
}
#page8 { 

background-position:top; height:3400px;;

	background-color:#FFFFFF;
}
#page9 { 

background-position:top; height:2000px;;

	background-color:#FFFFFF;
}
#page10 { 

background-position:top; height:3000px;;

	background-color:#FFFFFF;
}


#donjastrana { width:1065px;
	margin-left:auto;
	margin-right:auto;
	position: relative;}
/* Footer */

.footer{
float:center;
	margin: 0 auto;
	margin-left:auto;
	margin-right:auto; 
	width:1065px;
	background: url("images/foter.gif") no-repeat;
	background-color:#201f1b;
	position:relative;
}
.fh {margin: 0px; width: 100%; background: url("images/ft.gif") repeat-x top center; }
.footer_all{
	width:860px;
	padding-left:auto;
	text-align:left;
	background-color:#201f1b;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position: center 22px;
	padding-bottom:20px;
	padding-right:auto;	
	float:center;
}



.usefull_links1 .contact1{
	background-image:url(images/c1.png);
	background-repeat:no-repeat;
	padding-left:37px;
	width:300px;
	height:34px;
	float: left;
	margin-top:-95px;
}
.usefull_links1 .contact2{
	background-image:url(images/c2.png) ; ;
	background-repeat:no-repeat;
	padding-left:37px;
	width:300px;
	height:34px;
	float: left;
	margin-top:-65px;
}
.usefull_links1 .contact3{
	background-image:url(images/c3.png);
	background-repeat:no-repeat;
	padding-left:37px;
	width:300px;
	height:34px;
	float: left;
	margin-top:-35px;
}
.usefull_links1 a:active, .usefull_links  a:link, .usefull_links a:visited{
	color:#CCCCCC;
	text-decoration:none;
}
.usefull_links1 a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}



.usefull_links{ 

	font-size:12px;
	line-height:21px;
	height:40px;	
}
img.logo_bottom{
	display:block; 
	float:left; 
	width:131px; 
	margin-top:1px;
}
.usefull_links .contact{
	background-image:url(images/c1.png);
	background-repeat:no-repeat;
	padding-left:32px;
	width:55px;
	height:37px;
	float: right;
	margin-top:-20px;
}
.usefull_links .support{
	background-image: url(images/c2.png);
	background-repeat:no-repeat;
	padding-left:32px;
	width:60px;
	height:32px;
	float: right;
	margin-top:-20px;
}
.usefull_links .rss{
	background-image: url(images/c3.png);
	background-repeat:no-repeat;
	padding-left:32px;
	width:30px;
	height:32px;
	float: right;
	margin-top:-20px;
}
.usefull_links a:active, .usefull_links  a:link, .usefull_links a:visited{
	color:#b1b0b0;
	text-decoration:none;
}
.usefull_links a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.foot_info{ float:center;
	clear:both; 

}
#contact_info{
	font-size:11px;
	width:250px; margin-top:0px;
	
}
 a.mail_to{
 	color:#b1b0b0;
	border-bottom: dotted;
	border-bottom-color:#b1b0b0;
	border-bottom-width:1px; 
	
}
 a.mail_to:hover{
 	color: #FFFFFF;
	border-bottom: solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	
 }
.footer_menu{
	padding-top:4px;
	font-size:12px;
	width:1050px;
	float:center;
	clear:left;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}


.footer_menu a:active, .footer_menu a:link,.footer_menu a:visited{
	
	color:#b9b9b9;
	text-decoration:none;
	margin-left:0px;
}
.footer_menu a:hover{
	color: #DE066C;
	
}
.copy_rights{ color:#b9b9b9;
	font-size:12px;
	width:800px;
	float:center;
	clear: both;
	margin-top:5px;
	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

#footer_bg{
		color:#fff;
		background:#201f1b url(images/bg_content.gif) repeat-x;
		padding:1em 0;
		background-color:#201f1b;
		}
		
		#footere div.links					{ float: right; text-align: left; padding-left:300px; clear: both; width:100px; margin-top:90px; line-height: normal; font-size: 10px; }
#footere div.links a		 			{ background: url(images/icons.png) top left no-repeat; padding-left: 13px; }
#footere a#sitemap					{ background-position: 0px -40px; }
		/* footer */

	#footer_bg a{color:#ccc;}
	#footer_bg a:hover{color:#fff;
	background-color:#201f1b;
	}			
	#footer_bg p{
		float:left;
		margin:1em 30px 1em 53px;
		width:416px;
		}
	#footer_bg ul, #footer li{
		margin:0;
		padding:0;
		list-style:none;
		}		
	#footer_bg ul{
	float:left;
	display:inline;
	margin:1em 30px 1em 0;
	width:125px;
	font-size:10px; px solid #333;
	background-color:#201f1b;
		}						
		

		
	#footer_bg li{
		border-bottom:1}

/*graficki dizajn*/
#grafko {
	display: inline;
	float: left;
	margin: 33px 0 0 0;
	padding:0 0 0 0px;
	width: 1065px;
	}
#levastrana {
		float: left;
		width: 217px;
		}
		
#goreprojekti {
		margin-top: 40px;
		
		}
		
		#goreprojekti #featured {
			color:#666666;
			font-size:12px;
			font-weight: bold;
			margin-left:0px;
			margin-top:20px;
			margin-bottom: 20px;
			text-transform:uppercase;
			}

#featured a {
	color:#666666;
	text-decoration:none;
		}
		
#goreprojekti ul {
			border-bottom: 1px solid #e4e4e4;
			list-style-type:none;
			margin: 10px 0px 40px 0px;
			padding: 0px;
			}
			
#goreprojekti ul li {
				border-top: 1px solid #e4e4e4;
				padding: 8px 0 8px 0;
				}
				
#goreprojekti ul li a {
						color:#666666;
						font-size:12px;
						font-weight: bold;
						padding:0px;
						text-decoration:none;
						}
#goreprojekti ul li a.current {
						background: #3399cc;
						color: #FFFFFF;
						font-weight: bold;
						padding: 3px 5px 3px 5px;
						}			
#projkatt {
		float: right;
		margin-left:0px;
		margin-top:0;
		padding-top:0px;
		width: 743px;}			
		
.projekat {
		float:left;
		height:216px;
		margin-bottom:10px;
		margin-left:10px;
		width:224px;
		}		
		
.kutija {
		background: #2C2C2C;
		float:left;
		height:216px;
		overflow:hidden;
		padding-left:10px;
		padding-right:10px;
		padding-top:0px;
		position:relative;
		width:204px;
		}	
.kutija img {
		left:0;
		position:absolute;
		top:0;
		z-index:99;
		}	
#pj { width:1065px;
	margin-left:auto;
	margin-right:auto;
	position: relative;}							


.mapak 	{
			padding:20px 20px 0px 55px;
			}
			
			
.mapak  h1 			{
	
	font-family: 'Century Gothic', Geneva, sans-serif;
	
	
	display:block;
	margin-bottom:0px;
	
	color:#A9014B; font-weight: bold; font-size: 23px;  text-shadow: 0 1px 1px rgba(0,0,0,0.25);
			}
.mapak1  h2 			{
	
	font-family: 'Century Gothic', Geneva, sans-serif;
	
	
	display:block;
	margin-bottom:0px;
	
	color:#A9014B; font-weight: bold; font-size: 23px;  text-shadow: 0 1px 1px rgba(0,0,0,0.25);
			}			
		
.mapak  h2 			{
			font-size: 18px;
			font-family: 'Century Gothic', Geneva, sans-serif; font-weight:100;
			display:block;
			margin-bottom:7px;
			
			}	
			
#s{ width:1065px; height:200px;

}				
.s_box{ margin-left:25px;
margin-top:20px;
float:left;
width:311px;
height:156px;
background : url(images/sho.png) no-repeat left top;
}
.s_box .s{
padding:2px 29px 0px;
height:150px;
width:280px;
}		

 #onj{
	width: 1050px;
	float: left;
	margin: 30px 0;
	line-height: 24px;
}

#onj #onas{
	width: 780px;
	float: right;
	padding-top: 20px;
}
#onj #onajel a {
	color: #252525;
	text-decoration: underline;
}

#onj #onajel a:hover{
	text-decoration: none;
}

#onj #onajel img.imag{
	float: left;
	margin-right: 20px;
}
#onj #onajel{
	width: 225px;
	float: left;
	margin-right: 45px;
	padding-top: 20px;
	background: transparent url('images/ona1.png') no-repeat right top;
}
#onj #onajel ul.onas{
	margin-bottom: 40px;
	height: 400px;	
}

#onj #onajel ul.onas li{
	background: transparent url('images/sub-menue-border.gif') no-repeat bottom;
}

#onj #onajel ul.onas li.active{
	width: 235px;
	background: transparent url('images/ona2.png') no-repeat bottom left;
}

#onj #onajel ul.onas li.last{
	border: none;
}

#onj #onajel ul.onas li a{
	color: #252525;
	display: block;
	padding: 2px 0 3px 10px;
}

#onj #onajel ul.onas li.active a:hover,
#onj #onajel ul.onas li.active a{
	color: #fff;	
	background: transparent url('images/ona3.png') no-repeat right;
}

#onj #onajel ul.onas li a:hover{
	color: #1f69ac;
}

/*web d*/
#wdco{margin:0
auto;width:1050px;position:relative}
.nazivwdco {font-size:30px;line-height:36px;margin:0}

.nawdco, h2{font-family:"KlavikaLight",Arial;letter-spacing:-.05em;font-size:22px;line-height:27px}

.p-nawdco{color:#bababf;font-size:32px;line-height:36px;margin-bottom:27px;-webkit-text-stroke:1px transparent}

.p-nawdco strong{font-family:"KlavikaRegular",Arial;-webkit-text-stroke:1px transparent}

#servis-nawdco{margin:0;padding:0}



#servis-wdco  .gc{border:1px
solid #ccc;border-width:0 1px;margin:0;margin-bottom:27px;padding:9px
14px;width:300px;position:relative}



#servis-wdco .one{border-left:0;padding-left:15px; padding-right:15px}

#servis-wdco .two{margin:0 -1px; border-left:0; }

#servis-wdco .three{padding-right:0;border-right:0; border-left:0; padding-left:15px}


#servis-wdco  h2{color:#bb2682;border-bottom:1px dotted #b9b9bf;font-size:12px;margin:0
0 18px 0;text-transform:uppercase}

#servis-wdco h2 a{background:url('images/strel.png') no-repeat right 0;padding-right:16px}

.serviswdcol{color:#aaa}

.vazan, .vazan ul
ul{padding:0;margin:0
0 18px 0;list-style-type:none}.vazan li{background:url('images/strel.png') no-repeat 0px 3px;margin-left:9px;padding-left:18px}

.important li{float:left;width:40%}



.koija{margin:0
auto; position:relative; width:960px;}

#koristcms{border-top:1px dotted #ccc;clear:both;margin-top:18px}
#koristcms h2{margin-top:10px;}



.cmsbar{ background-image:url('images/kpoz.png') no-repeat top center; margin:-4px -4px -14px -4px;padding:0
4px}
 .cmsbar
li{width:236px;height:153px;margin:0;padding:13px
9px 23px 9px}

 .cmsbar li
h3{font-size:15px;padding-left:18px;padding-right:0;background-position:left center}
 .cmsbar li
p{padding-left:18px}




ul.cmsbar
li{ color:#999;float:left;font-size:11px;height:167px;display:inline;margin-top:5px;margin-bottom:17px;margin-left:1px;position:relative}ul.cmsbar
li.hover{cursor:pointer}
ul.cmsbar li
h3{background:url('images/strel.png') no-repeat right 3px;font-size:13px;float:left;margin:9px
0 9px 0;padding-right:18px;text-transform:uppercase}ul.cmsbar li h3
a{text-decoration:none}ul.cmsbar li
p{clear:both;margin:0}ul.cmsbar li.hover
p{color:#333}
.gr{clear:both;position:relative}

.featured-services-bar:after {content:".";display:block;height:0;clear:both;visibility:hidden