/*
cyan: #00aeef
zelena: #8dc63f

*/
body {
	margin:0; padding:0; 
	background-image:url(../images/bg00.gif); background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13.5px; color:#666666; line-height:17px;
}

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

a:link {color:#00aeef; text-decoration:none;}
a:visited {color:#00aeef; text-decoration:none;}
a:hover {color:#8dc63f; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1 {}
h2 {color:#8dc63f; padding:0 0 20px 0;}
h3 {color:#8dc63f; font-size:14px; padding:0 0 6px 0;}

/* images */
.imgLeft {}
.imgRight {}
.imageCenter { table-layout: fixed; border-collapse:collapse; border-spacing:0; margin: 0; padding: 0; }
.imageArticle {clear:both; margin:4px 0 20px 0;}
#center {width:960px; margin:0 auto 0 auto;}
#wrapper {width:960px;}

/* header */
#header {width:960px; float:left; height:84px}
#header em {float:right; color:#fff; width:360px; margin:6px 0 0; padding:20px 0 20px 20px; font-size:16px; background-image:url(../images/quote.gif); background-repeat:no-repeat;}
.logo {float:left; margin:10px;}


/* content */
#content {width:940px; min-height:500px; float:left; margin:0 10px 20px 10px; background-image:url(../images/bgContent.gif);}
#content .left {float:left; width:600px; margin:0 20px 0 0; overflow: hidden; }
#content .right {float:left; width:300px; margin:0 0 0 20px;}
#content .right a { outline: 0;}
#content .right img { border: 0;}

/* menu */
#menu { list-style-type:none; float: left; clear: both; width:600px; height: 50px; margin:0 0 20px 0; padding: 0;}
	#menu li { float: left;  padding: 0; margin: 0; border-right: 2px solid #ebebeb; }
	#menu li.first a { padding-left: 0; }
	#menu li.last { border-right: 0; }
		#menu li.last a { padding-right: 0; }
	#menu span { display: block; margin: 3px 0 3px 0; padding: 0;  color: #999999; font-size: 12px;  }
	#menu a { display: block; float: left; height: 44px; margin: 0; padding: 6px 15px 0 15px; color: #00aeef; font-size: 16px;  min-width:60px; width:auto !important; width:60px; }
	#menu a:hover { text-decoration: underline; }

/* extract */
#extract {width:520px; height:203px; clear: both; background-image:url(../images/bgExtract.gif); padding:30px 40px 0 40px; margin:0 0 20px 0;}
#extract .left {float:left; width:180px; padding:0; margin:0 30px 0 0;}
#extract .right {float:left; width:310px; padding:0; margin:0;}
#extract h3 {font-size:16px; color:#8dc63f; padding:0 0 12px 0;}
#extract h2 {font-size:25px; color:#00aeef; padding:0 0 12px 0; font-weight:bold; line-height:26px;}


/* right */
#right h4 {font-size:12px; color:#ccc; margin:0; padding:0 0 4px 0;}
#right #space {height:20px; border-bottom:dotted 1px #ccc; margin:0 0 20px 0;}

/* footer */
#footer {float:left; width:100%; background-color:#111; border-top:2px solid #444444;}
	#footer .center {width:960px; margin:0 auto 0 auto;}
	#footer .left {
		width:180px; margin:30px 10px 30px 10px; padding:0 0 0 45px; list-style:none; float:left;
		background-image:url(../images/footer1dva.gif); background-repeat:no-repeat; color:#fff;
		border-right:solid 1px #222222; font-size:12px; height:190px;
	}
#footer li {padding:0 0 6px 0;}
#footer h3 {margin:0; padding:0 0 6px 0; font-size:18px; color:#00aeef; font-weight:normal;}
#footer h4 {color:#434343; font-size:11px; line-height:13px; margin:0; padding:0;}
#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#8dc63f;}

#slicice { display: inline; list-style: none; float: left; width: 620px; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 2px solid #eeeeee; }
#slicice li { float: left; margin-right: 20px; padding: 0; }
#slicice img { border: 0; }

/* last */
#last {float:left; width:600px; background-image:url(../images/last.gif);}
#last ul {width:160px; margin:0; padding: 0 20px 0 20px; float:left; list-style:none; min-height:130px;}
#last ul li { margin: 0 0 3px 0; padding: 0; }
#last a:link {color:#666666;}
#last a:visited {color:#666666;}
#last a:hover {color:#00aeef;}

/* blog */
#contentBlog {width:940px; min-height:500px; float:left; margin:0 10px 20px 10px; background-image:url(../images/bgContentBlog.gif); background-repeat:repeat-y}
#contentBlog .left {float:left; width:300px; margin:0 40px 0 0;}
#contentBlog .right {float:left; width:600px; margin:0 0 0 0;}
#contentBlog .right h1 {font-size:26px; line-height:28px; font-weight:bold; margin:20px 0; color:#000;}

#contentBlog .right .left {float:left; width:450px; margin-right:20px;}
#contentBlog .right .right {float:right; width:130px;}

#contentBlog .date {float:left; width:108px; height:47px; background-image:url(../images/bgBlogDate.gif); background-repeat:no-repeat;}
#contentBlog .date .left {float:left; width:35px; margin:16px 0 0 0; font-size:26px; color:#00aeef; font-weight:normal; text-align:right;}
#contentBlog .date .right {float:right; width:55px; margin:15px 0 0 0; font-size:11px; color:#444; font-weight:normal;}

#plus {text-align:right; margin-top:55px;}
#plus h2 {font-size:14px; font-weight:bold; margin:0; padding:0 0 2px 0;}

#contentBlog h3 {font-size:18px; font-weight:normal; margin:30px 0 4px 0;}
#contentBlog .more {clear:both; padding: 0px 0 0 15px; background:url(../images/bgMore.gif) 0 0 no-repeat; }

/* category */
#contentCategory {width:940px; min-height:500px; float:left; margin:0 10px 20px 10px; background-image:url(../images/bgContentBlog.gif); background-repeat:repeat-y}
	#contentCategory .left {float:left; width:300px; margin:0 40px 0 0;}
	#contentCategory .right {float:left; width:600px; margin:0;}
	#contentCategory .title {margin:0 0 16px 0;}
	#contentCategory .vise {padding:14px;}
	
	#contentCategory h1 {font-size:26px; line-height:30px; color:#000000; margin:0 0 12px 0; font-weight:bold;}
	#contentCategory h2 {font-size:16px; margin:0; padding:0 0 2px 14px; font-weight:normal;}
	#contentCategory h3 {font-size:12px; margin:0; padding:0 0 10px 14px; font-weight:normal; color:#444444;}
		#contentCategory h3 p {font-size:12px; margin:0; padding:0;}
	#contentCategory h4 {font-size:14px; font-weight:bold; margin:6px 0 0 0; padding:0;}
	
	.boxMiddle {background-image:url(../images/rightBoxMiddle.gif); padding:0 20px 10px 20px;}
	#contentCategory .right .leftColum {width:320px; float:left;}
	#contentCategory .right .rightColum {float:right; width:260px; font-size:12px; }
	#contentCategory .right .imagy img {float:left; margin:0 10px 10px 0; }
	
	#less-work	{ float: left; display: none; position: relative; left: 15px; }
	#other-work	{ display: none; }


/* genaral styles */
.no-border img { border: 0; }
.imagy { float:left; clear: both; width:600px; border-top:solid #eeeeee 2px; padding:10px 0 0 0; }

#more-work { outline: none; }

/* clients */
#recommendation { margin-top: 50px; }

#category-client .right { position: relative; min-height:600px; height:auto !important; height:600px; }
#category-client .right img { position: absolute; display: block; float: left; top: 0; left: 0; margin: 0; padding: 0; }

#clients { list-style-type: none; float: left; clear: both; width: 620px; margin: 0; padding: 0;}
	#clients li { float: left; clear: none; margin: 0 20px 20px 0; }
	#clients img { border: 0; }

.article-client h2 { color: #85bb3d; font-size: 16px; margin: 10px 0 13px 0; padding: 0; }
.article-client .right img { margin-bottom: 14px; }
.article-client .right, .article-client .right p { color: #444444; }
.article-client #works { list-style-type: none; width: 610px; margin: 100px 0 0 0; padding: 0; }
	.article-client #works li { float: left; clear: none; width: 140px; height: 230px; margin: 0 10px 0 0; padding: 0; }
	.article-client #works img { border: 0; margin-bottom: 2px; }
	.article-client #works h3 { margin: 0 0 2px 0; padding: 0; }
		.article-client #works h3 a { font-size:  12px; line-height: 15px; color: #444444; }
	.article-client #works h4 { margin: 0; padding: 0; }
	.article-client #works span { color: #cccccc; }
	
/* contact page */
.contact #content .left { margin-right: 0px !important; }
.contact #content .right { background: url(../images/kontaktMap.jpg) no-repeat 0 0 #fff; text-indent: -9999px; height: 600px; }
#contact-left { float: left; clear: none; width: 250px; margin: 30px 10px 0 0; }
	#contact-left p { color: #444444; font-size: 12px; text-align: right; margin: 0 35px 11px 0; padding: 0; }
	#contact-left p span { color: #999999; }
	#contact-left h3 { color: #00aeef; font-size: 20px; text-align: right; margin: 20px 35px 5px 0; padding: 0; }
	#contact-left h3 span { color: #322f32; } 
	
#contact-right { float: left; clear: none; width: 330px; margin-top: 30px; }
.contact input { width: 208px; height: 15px; margin: 0 0 10px 0; padding: 10px 20px; border: 0; text-align: right; color: #00acec; font-size: 13px; background-image: url('../images/inputfield.gif'); }
.contact input.name { padding: 9px 20px; height: 17px; font-size: 14px; }
.contact textarea { width: 294px; height: 272px; margin: 0 0 15px 0; padding: 12px 16px; border: 0; font-family:"Trebuchet MS"; font-size: 12px; color: #444444; background-image: url('../images/textarea.gif'); overflow: auto; }
.contact button { width: 116px; height: 36px; text-indent: -9999px; overflow: hidden; border: 0; margin: 0; padding: 0; background-image: url('../images/contact_submit.gif'); background-color: transparent; }
.message { color: #00aeef; font-size: 16px; line-height: 22px; margin-top: 20px; }

/* cjenik */
#cjenik { border: none; padding: 0; float: left; margin: 0 0 30px 0; width: 100%; color: #333; }
#cjenik span { color: #999; clear: both; display: block; font-size: 12px; }
#cjenik td { border-bottom: solid 1px #eee; padding: 6px; margin: 0; }
.blue { color: #000; font-weight: bold; border: none; font-size: 18px; }
.cijena { width: 100px; vertical-align:bottom; text-align: right; color: #222; font-size: 18px; }
#pdv { float: right; color: #222; font-style: italic; padding: 8px 13px; background-color: #f1f1f1;-moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 13px; }