@charset "utf-8";
/* RESET */
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, p, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins {text-decoration: none; }
del {text-decoration: line-through; }
a img { border: 0; }
/* FONT */
.KabelITCbyBT-Book 		{font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;}
.KabelITCbyBT-Bold 		{font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelMdBTBold', sans-serif;}
.KabelITCbyBT-Medium 	{font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelMdBTMedium', sans-serif;}
/* STIL */
body {margin-top: 0;background-color: #D1D1D1;background-image: url(../images/bg.png);background-repeat: repeat;color: #666666;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px; position:relative;}

#header 			{width:970px;text-align:left;height:299px;background-color:#333333;position:relative; overflow: hidden;}
#headerindex 		{width:950px;text-align:left;height:280px;background-color:#333333;position:relative; overflow: hidden; padding:10px;}
#logoholder			{width:970px; position:relative;font-family: 'KabelBkBTBook', sans-serif; padding:10px 0 15px 10px;font-size:40px;}
#logoholder a:hover	{text-decoration:none; color:#757575;}

/* SLOGAN */
#slogan 			{padding:25px 18px 0 0; font-size:20px; position:relative; float:right;}




/* Jezik */
ul#lang 			{margin: 0;position: absolute;width: 135px;right:-5px;top:10px;}
ul#lang li			{display: inline-block;list-style-type:none;text-align: center;}
ul#lang a			{text-decoration:none;font-size:10px;color:#666666;border:none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 45px; padding: 0 5px 2px 5px;}
ul#lang a:hover 	{color:#fff;background-color:#666666;width: 45px;}
ul#lang a.current	{color:#fff;background-color:#666666;width: 45px;}

.wrapper 			{margin:0 auto;width: 970px;position:relative; }

/* Navigacija */
ul#navigation { list-style:none; background-color: #666; height: 25px; margin: 0; padding: 5px 0 8px 33px; -moz-box-shadow: 0px 1px 2px #888;
-webkit-box-shadow: 0px 1px 2px #888;box-shadow: 0px 1px 2px #888; }
ul#navigation li{ position: relative; float:left; padding: 0; margin: 0; }
ul#navigation li a{ letter-spacing:1px; color:#FFFFFF; display:block;  font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif; margin:0px; text-align:center; text-decoration:none; font-size: 19px;	text-shadow: 1px 1px 1px #000; padding: 1px 19px 5px 0; }
ul#navigation a:hover{ letter-spacing:1px; color:#CCC; display:block;  font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif; margin:0px; text-align:center; text-decoration:none; font-size: 19px; padding: 1px 19px 5px 0; }
	
/* Sub Navigacija */
ul#subnavigation { list-style:none; height: 14px; padding-left: 14px; font-size: 14px; 	padding: 0 0 0 25px;margin: 15px 0 15px 0; }
ul#subnavigation li{ float:left; padding: 0; margin: 0;}
ul#subnavigation li a{ letter-spacing:1px;font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif; color:#333; display:block; margin:0px; text-align:center; text-decoration:none; padding: 0 7px 5px 7px; }
ul#subnavigation a:hover{ letter-spacing:1px;font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif; color:#333; display:block; margin:0px; text-align:center; text-decoration:underline; padding: 0 7px 5px 7px; text-decoration:none;text-shadow: 0px 0px 1px #666;}
	
h1 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;font-size: 30px; color: #666; padding: 0; margin: 0; }
h2 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;font-size: 20px; color: #666; text-decoration: none; margin: 0;	padding: 0;}
h3 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;font-size: 16px; color: #333; margin: 0; padding: 0; }
h4 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;font-size: 20px; color: #333; margin: 0; padding: 0; }
h2 a:hover, h3 a:hover {text-decoration:none}
.list { list-style-type: square;}

/* Senke */
.fullwidth, .fullwidthindex, .half, .half2, .halfnext, .banner, .banner0, .bannerbelo,.middleskype, #footer, .middlesadrzaj, .middle2 {-webkit-box-shadow: 0px 1px 3px 0px #888;-moz-box-shadow: 0px 1px 3px 0px #888;box-shadow: 0px 1px 3px 0px #888}

/* Osnovni */
.fullwidth { width: 968px; background-image: url(../images/box_bg.png); background-repeat: repeat; background-position: bottom;	border: 1px solid #999; margin:0; text-align: left;}
.fullwidthindex { width: 968px; background-image: url(../images/box_bg.png); background-repeat: repeat; background-position: bottom;border: 1px solid #999; margin:0; text-align: left;}
.fullwidth .grafickidizajn { padding:10px;}
.half {width: 448px;background-image: url(../images/box_bg.png);background-repeat: repeat;background-position: bottom;border: 1px solid #999;margin:0 0 10px 0;text-align: left;float:left;padding: 10px 20px 10px 10px;}
.half2 {width: 448px;background-image: url(../images/box_bg.png);background-repeat: repeat;background-position: bottom;border: 1px solid #999;margin:0 10px 10px 0;text-align: left;float:left;padding: 10px 20px 10px 10px;}
.halfnext {width: 448px;background-image: url(../images/box_bg.png);background-repeat: repeat;background-position: bottom;border: 1px solid #999;margin:0 0 10px 0 ;text-align: left;float:left;padding: 10px 20px 10px 10px;}
.half img {padding: 5px 20px 60px 0; float:left;}
.half2 img {padding: 5px 20px 60px 0; float:left;}
/* POCETNA */
.iluindex {	padding-top: 7px;padding-bottom: 7px;}
#box1 {	width: 245px;	height: auto;	padding-left: 35px;	padding-top: 8px;	float: left;	padding-bottom: 10px; }
#box2 {	width: 245px;	height: auto;	padding-left: 30px;	top: 0px;	padding-top: 8px;	float: left;	padding-bottom: 10px;}
#box3 {	width: 344px;	margin-right: 0px;	height: auto;	padding-left: 30px;	top: 0px;	padding-top: 8px;		float: left;	padding-bottom: 10px;}

.detaljnije 	{ float: right;	padding: 10px 30px 0 0; }
.detaljnije2	{ float: right; padding: 10px 0 0 0; }
.detaljnije3	{ float: right; padding: 10px 10px 0 0; }


/* Banneri */
.middlebanner {
	width: 255px;
	float: right;
	padding-bottom: 0px;
}
.banner {
	width: 233px;
	float: right;
	background-image: url(../images/box_bg.gif);
	background-repeat: repeat-x;
	background-position: 100% bottom;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 10px;
	margin: 0 0 10px 0;
}
.bannertitle {
	width: 253px;
	float: right;
	height: 30px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.bannertitleskype {
	width: 253px;
	float: right;
	height: 30px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFF;
	background-color: #666;
}
.banner0 {
	width: 255px;
	float: right;
	position:relative;
	background-color: #FFF;
	padding: 0;
	margin: 0 0 10px 0;
}

.bannerbelo {
	width: 233px;
	float: right;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 10px;
	margin: 0 0 10px 0;
}

.banner255 {
	width: 255px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}


.middleskype {
	width: 253px;
	text-align: left;
	position: relative;
	background-color: #FFFFFF;
	float: right;
	padding: 15px 0 15px 0;
	border: 1px solid #999;
	margin-bottom:10px;
}


a:link {	color: #666;	text-decoration: none;}
a:visited {	color: #666;	text-decoration: none;}
a:hover {color: #333; text-decoration: none;}

a:link.a2 {	color: #FFF;		text-decoration: none;}
a:visited.a2 {	color: #FFF;		text-decoration: none;}
a:hover.a2 {color: #CCC;}

a:link.a3 {	color: #666;	text-decoration: underline;	}
a:visited.a3 {	color: #666;	text-decoration: underline; }
a:hover.a3 {	color: #333;	text-decoration: none;	}

a:link.a4 {	color: #4D4D4D;	text-decoration: none;	line-height: 1.6em;}
a:visited.a4 {	color: #4D4D4D;	text-decoration: none;}
a:hover.a4 {	color: #666666;	font-weight: bold;text-decoration: none;}

a:link.a5 {color: #666;text-decoration: none;}
a:visited.a5 {color: #666;text-decoration: none;}
a:hover.a5 {color: #666666;	text-decoration: none;}

input[type=submit]{	border: none;	padding: 5px;	font-size: 12px;	-moz-border-radius: 3px;	color: white;	margin-top: 10px;	background-color: #666666;}
input[type=submit]:hover{	cursor: pointer;	background-color: #999;	color: #333;}

#middle { width: 970px;	position: static; background-color: #FFF; background-image: url(../images/box_bg.gif); background-repeat: repeat-x; background-position: bottom;	height: auto;}
.middle {width: 970px;	text-align: left;	width: 100%;	overflow: hiden;	margin-top: 0px;	margin-bottom: 10px;	background-color: #FFFFFF;	background-image: url(../images/box_bg.gif);	background-position: bottom;	background-repeat: repeat-x;	border:#999;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 0;
	margin-right: 0px;	margin-left: 0px;}



.middle1 {	width: 970px;	height: 100px;	position: static;}
.middle2 {	width: 640px;	text-align: left;	position: relative;	background-color: #FFFFFF;	background-image: url(../images/box_bg.gif);	background-position: bottom;background-repeat: repeat-x;	float: left;	border: 1px solid #999;	padding: 20px 30px 20px 30px;	overflow: visible;}
.middle3 {	width: 253px;	text-align: left;	height: 100%;	position: static;	background-color: #FFFFFF;	background-image: url(../images/box_bg.gif);	background-position: bottom;background-repeat: repeat-x;	float: right;	border: 1px solid #999;	padding: 0;}
.middle4 {	width: 223px;	height: 100%;	background-color: #FFF;	background-position: bottom;	background-repeat: repeat-x;	position: static;	float: right;
	margin: 0;	padding-top: 0px;	padding-right: 15px;	padding-bottom: 0px;	padding-left: 15px;	border: 1px solid #999999;}
.middle680 {float: left;	width: 680px;}

.middlesadrzaj {text-align: left;padding-top: 5px;padding-right: 15px;padding-bottom: 15px;padding-left: 15px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #999999;}


.middlesadrzajreference {text-align: left;padding: 0;border: 1px solid #999;height: 300px;width: 968px;overflow: hidden;
	background-image: url(../images/box_bg.png);background-position: bottom;background-repeat: repeat-x;margin: 0;}
	
.middlesadrzajreference2 {text-align: left;padding: 0;border: 1px solid #999;height: 300px;width: 968px;overflow: hidden;
	background-image: url(../images/box_bg.png);background-position: bottom;background-repeat: repeat-x;margin: 10px 0 0 0;}
	

.middlesadrzajreferenceslika 		{margin: 0;padding: 0;float: left; position:relative;}
.middlesadrzajreferencetxt			{margin: 0;padding: 50px 35px 0 0;height:155px;width: 280px;float: left;position:relative;}
.middlesadrzajreferencedetaljnije 	{float:left;width:135px;padding:0px;position:relative;}
.inforeference {color: #333;margin-bottom: 5px;float: left;clear: both;width: 785px; position:relative;}
.inforeferencescroll {color: #333;margin-bottom: 5px;float: left;clear: none;	width: 150px;text-align: right; position:relative;}

/* FOOTER */
#footer {background-image: url(../images/box_bg.png);background-repeat: repeat-x;background-position: bottom;border: 1px solid #999999;clear: both;margin: 10px 0 0 0;padding: 0 0 0 30px; position:relative;}
.footersadrzaj { font-size: 13px; width: 970px;	text-align: center;	padding: 0;	margin: 12px 0 25px 0; position: relative; }
.footerbox  { width: 155px; float: left; text-align: left; padding: 0; margin: 10px 0 10px 0;  position:relative;}
.footerbox2 { width: 230px; float: left; text-align: left; padding: 0; margin: 10px 0 10px 0;  position:relative;}
.footernavigation{ list-style: none; padding: 0; border: none; font-size: 12px; line-height:17px; margin: 15px 0 5px 0;  position:relative;}
ul.footericons 				{margin:8px 0 0 0; padding:0; position:relative;}
ul.footericons li			{display: inline-block;list-style-type:none;padding: 0 5px 0 5px; marugin: 0 auto;}
#footer h2 {font-size:18px;}

/* TABELE */
.tabeletamno {	background-color: #DFDFDF; font-size: 13px;	color: #666;}
.cene {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 13px; color: #FFF; background-color: #666;	padding: 2px; }
.spacer10 {	width:100%;	height: 10px;	margin: 0;	padding: 0;}
.spacer5 {	width:100%;	height: 5px; margin: 0;	padding: 0;}
.red { color: #FF0000; }
.btn {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;background-color: #333;border: 2px solid #666;cursor:pointer;}
.content{color:#eee;font:14px/1.4 "helvetica neue", arial,sans-serif;width:940px;margin-top: 0px;margin-right: auto;margin-left: auto;}


/* GALERIJA GRAFICKI DIZAJN REFERENCE */ 
#galleria{height:500px;}

.clear { margin: 0;	padding: 0;	clear: both; height: 0px; width: 0px; }


/*  LIKE */
.like 			{ background-color: #CCC; clear: both; width: 640px; height:20px; overflow: visible; padding: 5px 0 5px 10px;}
.like .podeli	{float:left; width:130px;}
.like2 			{ background-color: #CCC; clear: both; width: 930px; height:20px; overflow: visible; padding: 5px 0 5px 10px;}
.like2 .podeli  {float:left; width:130px;}

/* KONTAKT */
.contactbox {float:left; width:300px; position:relative;}
.saradnik {width 100px; height:150px; float:left; position:relative;margin-right:23px;}
.saradnik img {margin-bottom:5px;}
.saradnik span {font-size:11px;}

/* social icons */

.social_links{ display: block; position:absolute; top:25px; right:3px; width:295px;} 
.social_links .social-text{ font-style: normal; line-height:normal; font-family: 'KabelBkBTBook', sans-serif;font-size: 14px;display:block; position:absolute; top:8px; left:0px;}
a.rss_section{ display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/rss-header.png");}
a.skype_section{ display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/skype-header.png");}
a.twitter_section{display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/twitter-header.png"); }
.facebook_section{display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/facbook-header.png"); }
.flickr_section{display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/flickr-header.png"); }
.linkedin_section{display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/linkedin-header.png"); }
.gplus_section{display:block; float:right; width:33px; height:33px; margin-right:5px; background:top left no-repeat url("../socialicons/gplus-header.png"); }
a.gplus_section:hover,a.linkedin_section:hover,a.flickr_section:hover,a.skype_section:hover, a.rss_section:hover, a.twitter_section:hover, a.facebook_section:hover { background-position:bottom left;}