@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(/script/images/bg.gif) repeat-x top;
	font: 12px/18px Tahoma, Geneva, sans-serif;
	color: #000;
}
#zatrazite-ponudu {
	position: absolute;
	top: 0px;
	display: block;
	height: 130px;
	width: 130px;
	z-index: 50;
	float: right;
	right: 0px;
}
#zatrazite-ponudu p {
	margin:0px;
	padding:0px;
}
img, div {
	behavior: url(/script/iepngfix.htc);
}
a:link {
	color: #49748D;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration:underline;
}
a:hover {
	color: #78a1b9;
}
a:active {
	color: #49748D;
	text-decoration: underline;
}
h1 {
	margin: 0px;
	padding: 0px 0px 10px;
	line-height: 28px;
	color: #137480;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	margin: 20px 0px 10px;
	padding: 2px;
	line-height: 27px;
	font-size: 18px;
	color: #137480;
	background: #e0ecf2;
	font-weight: normal;
}
h3 {
	margin: 0px 0px 8px;
	padding: 0px 0px 5px 1px;
	line-height: 22px;
	font-size: 16px;
	border-bottom: 1px solid #C8DDE8;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
	color: #000;
	line-height: 19px;
}
h5 {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 5px 0px;
	line-height: 19px;
}
h6 {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 5px 0px;
}
form, img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.no-underline, .news a:visited {
	text-decoration: none;
	color: #000;
}
.underline, .news a:hover {
	color: #000;
	text-decoration: underline;
}
.article h2 {
	text-decoration: underline;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.border {
	border: 1px solid #DDE9F0;
	padding: 1px;
}
.text10 {
	font-size: 10px;
	line-height: 16px;
}
.text11 {
	font-size: 11px;
	line-height: 17px;
}
.text12 {
	font-size: 12px;
	line-height: 18px;
}
.text13 {
	font-size: 13px;
	line-height: 17px;
}
.text14 {
	font-size: 14px;
	line-height: 18px;
}
.text15 {
	font-size: 15px;
	line-height: 18px;
}
.text16 {
	font-size: 16px;
	line-height: 19px;
}
.text17 {
	font-size: 17px;
	line-height: 20px;
}
.text18 {
	font-size: 18px;
	line-height: 20px;
}
.text25 {
	font-size: 27px;
	letter-spacing: 1px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.clear {
	clear: both;
}
.align-image-left {
	float: left;
	margin: 0 9px 9px 0;
}
.align-image-right {
	float: right;
	margin: 0px 0px 9px 9px;
}
.image-border {
	border: 1px solid #999;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.center {
	text-align:center;
}
.underline {
	text-decoration:underline;
}
.nounderline {
	text-decoration:none;
}
.red {
	color:#de251c;
}
.black {
	color: #000;
}
.white {
	color: #fff;
}
.search-input, #search form input[type=text] {
	position: absolute;
	background: transparent;
	border-style: none;
	padding: 4px 10px 2px 22px;
	width: 165px;
	font: 10px Tahoma, Geneva, sans-serif;
	color: #7d98a9;
	margin: 5px 0px 0px 10px;
}
.search-button, #search form input[type=submit] {
	background: url(/script/images/search-button.gif) no-repeat left bottom;
	height: 22px;
	width: 27px;
	margin: 5px 0px 0px 200px;
	padding: 0px;
	border-style: none;
	position: absolute;
	cursor:pointer;
}
.search-button:hover, #search form input[type=submit]:hover {
	background: url(/script/images/search-button.gif) no-repeat left top;
}
p {
	margin: 0px 0px 10px;
	padding: 0px;
}
#head {
	height: 203px;
}

#visit {
	background: url(/script/images/posjetnica-ikona.gif) no-repeat left 3px;
	text-indent: 23px;
	position: absolute;
	margin-top: 170px;
	margin-left: 300px;
	font-size: 11px;
}
.head-address {
	position: absolute;
	margin-top: 140px;
	margin-left: 301px;
	font-size: 11px;
}
#lang {
	display: block;
	width: 73px;
	background: url(images/in-english.gif) no-repeat;
	position: absolute;
	color: #000;
	text-decoration: none;
	font-size: 11px;
	padding: 6px 0px 8px;
	text-align: center;
	float: right;
	margin: 2px 0px 0px 911px;
}
#head-image {
	position: absolute;
	background: no-repeat left top;
	height: 209px;
	width: 391px;
	margin: 0px 0px 0px 585px;
}
#head-image p {
	margin:0px;
	padding:0px;
}
.text35 {
	font-size: 35px;
	position: absolute;
	margin: -22px 0px 0px 0px;
	line-height: 50px;
}
.tagtext12 a, .tagtext14 a, .tagtext16 a {
	text-decoration: none;
	padding: 7px 0px;
}
.tagtext12 {
	font-size: 12px;
	font-weight: bold;
}
.tagtext14 {
	font-size: 14px;
	font-weight: bold;
}
.tagtext16 {
	font-size: 16px;
	font-weight: bold;
}
.text42 {
	font-size: 42px;
}
.text-green {
	color: #179baa;
}
.text-green a {
	color: #179baa;
	text-decoration:underline;
	}
.text-green a:hover{
	text-decoration:none;
}
.clear {
	clear: both;
}
.wrapper {
	margin: auto;
	width: 990px;
}
#logo {
	background: url(/script/images/logo-trans.png) no-repeat;
	height: 80px;
	width: 300px;
	display: block;
	position: absolute;
	margin-left: 0px;
	margin-top: 10px;
}
#left, #support-menu {
	float: left;
	width: 225px;
}
#support-menu ul {
	margin: 0px;
	padding: 2px 0px 0px 5px;
	list-style: none;
}
#support-menu ul li {
	background: url(images/arow3.gif) no-repeat left 6px;
	padding: 2px 0px 2px 16px;
}
#support-menu ul li a {
	text-decoration: none;
}
.box-left {
	margin-top: 7px;
	background: url(/script/images/panel-bottom-bg.gif) no-repeat center bottom;
	font-size: 11px;
	line-height: 17px;
	padding-bottom: 17px;
}
.box-left img {
	border: 1px solid #b5cfdd;
	padding: 1px;
	text-align: center;
	margin-left: 6px;
}
#left .ostalo {
	text-align: right;
	float: right;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 10px 0px;
	color: #547d9b;
}
.box-left p {
	margin: 0px;
	padding: 0px 7px 5px;
}
.box-left h3, #portfolio-right h3 {
	background: url(/script/images/panel-title.gif) no-repeat left top;
	height: 28px;
	width: 214px;
	font-size: 12px;
	line-height: 28px;
	text-indent: 10px;
	border-style: none;
}
#portfolio-right {
	float: right;
	width: 200px;
	margin:0px 0px 0px 20px;
}
.letters {
	padding:0px 0px 15px 6px;
	font-size: 11px;
	color: #CCC;
}
.letters a {
	text-decoration: none;
	padding: 2px;
}
.size-0{
	font-size: 11px;
	color: #B6B6B6;
	line-height: 12px;
}
.size-1{
	font-size: 12px;
	line-height: 18px;
}
.size-2{
	font-size: 16px;
	line-height: 20px;
}
.size-3{
	font-size: 20px;
	line-height: 25px;
}
.size-4{
	font-size: 28px;
	line-height: 31px;
}

#left .feat-portfolio {
	color: #000;
	text-decoration: none;
}

.tags {
	padding: 0px 5px 17px;
	line-height: 20px;
}
#featured-portfolio {
	padding: 10px;
	margin-bottom: 15px;
}

/*--------------------------PRVA RAZINA--------------------------*/
#nav { /* all lists */
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li {
	float:left;
	margin: 0px 0px 2px;
	padding: 0px;
	width: 176px;
}
#nav li a {
	background: url(/script/images/nav.gif) no-repeat bottom;
	display: block;
	width: 221px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-indent: 28px;
	padding-top: 4px;
	padding-bottom: 10px;
}
#nav li a:hover {
	background: url(/script/images/nav.gif) no-repeat top;
}
#nav li a.sub {
	background: url(/script/images/nav-sub.gif) no-repeat bottom;
}
#nav li a.sub:hover {
	background: url(/script/images/nav-sub.gif) no-repeat top;
}


/*----------------------------------------DRUGA RAZINA----------------------------------*/
#nav ul {
	width:230px;
	position: absolute;
	left: -999em;
	margin: -10px 0px 0px 50px;
	background: #e2edf3;
	padding: 2px;
	margin: -12px 0px 0px 125px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #CCDFEA;
	border-right: 2px solid #CCDFEA;
	border-bottom: 2px solid #CCDFEA;
	border-left: 1px solid #CCDFEA;
	z-index: 20;
}
#nav ul li {
	width: 230px;
}
#nav ul li a {
	background: url(/script/images/arrow2.gif) no-repeat 12px 10px;
	width: 190px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	padding: 5px 10px 6px 30px;
	line-height: 15px;
	font-weight: normal;
	text-indent: 0px;
}
#nav li ul li a:hover {
	color: #000;
	background: url(/script/images/arrow2.gif) no-repeat 12px 10px;
	text-decoration: underline;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav a.sub {
	background: url(/script/images/arrow2.gif) no-repeat right 12px;
}
#nav a.sub:hover {
	background: #E0BB8D url(/script/images/menu-sub.gif) no-repeat left 12px;
}




#right {
	float: right;
	width: 750px;
	padding-bottom: 20px;
}

#news-archive {
	background: url(/script/images/arhiva.gif) no-repeat;
	line-height: 17px;
	height: 17px;
	width: 82px;
	font-size: 10px;
	color: #3D6074;
	text-decoration: none;
	display: block;
	text-align: center;
	float: right;
	margin-right: 5px;
}
.box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.box ul li {
	background: url(/script/images/arow3.gif) no-repeat 8px 4px;
	padding: 0px 0px 3px 27px;
}
.more, .more:visited {
	display: block;
	background: url(/script/images/vise.gif) no-repeat left top;
	font-size: 10px;
	text-decoration: none;
	color: #000;
	line-height: 15px;
	text-align: center;
	height: 15px;
	width: 38px;
}
.rabati {
	background: url(/script/images/rabati.jpg) no-repeat;
	height: 83px;
	width: 95px;
	color: #FFF;
	font-size: 25px;
	line-height: 27px;
	text-align: center;
	padding-top: 15px;
}
.news {
	background: url(/script/images/news-top.gif) no-repeat top;
	margin-bottom: 6px;
}
.news a {
	color: #000;
	text-decoration: none;
}
.news-bottom {
	background: url(/script/images/news-bottom.gif) no-repeat bottom;
	padding: 6px 8px;
}
.news-title {
	width: 160px;
	display: block;
	float: left;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
	margin-left: 6px;
}
.news-date {
	background: url(/script/images/date.gif) no-repeat;
	height: 56px;
	width: 56px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	padding-top: 4px;
	float: left;
}
.date-day {
	color: #008585;
	padding-top: 5px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}

.product-box, .product-box-logit, .product-box-usus, .product-box-logimo, .product-box-prosperio {
	background: #c2e0f1 url(/script/images/product-box.gif) repeat-x top;
	font-size: 11px;
	padding: 5px 5px 5px 50px;
	margin-bottom: 3px;
}
.product-box-logit {
	background: url(/script/images/logit.gif) no-repeat left top;
}
.product-box-usus {
	background: url(/script/images/usus.gif) no-repeat left top;
}
.product-box-logimo {
	background: url(/script/images/logimo.gif) no-repeat left top;
}
.product-box-prosperio {
	background: url(/script/images/prosperio.gif) no-repeat left top;
}
.product-box p, .product-box-logit p, .product-box-usus p, .product-box-logimo p, .product-box-prosperio p {
	margin: 0px;
	padding: 0px;
}
.product-box h3, .product-box-logit h3, .product-box-usus h3, .product-box-logimo h3, .product-box-prosperio h3 {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	border-style: none;
}
.offer-box {
	background: url(/script/images/prod-box.jpg);
	height: 85px;
	width: 305px;
	float: left;
	padding-left: 65px;
	font-size: 11px;
	margin-bottom: 5px;
}
.product-box h3 a, .product-box-logit h3 a, .product-box-usus h3 a, .product-box-logimo h3 a, .product-box-prosperio h3 a, .offer-box a, .offer-box a:visited {
	text-decoration: none;
	color: #000;
}
.product-box h3 a:hover, .product-box-logit h3 a:hover, .product-box-usus h3 a:hover, .product-box-logimo h3 a:hover, .product-box-prosperio h3 a:hover, .product-box a:hover, .offer-box a:hover {
	text-decoration: none;
	color: #49748D;
}
.offer-box a:visited, .product-box a:visited, .product-box-logit a:visited, .product-box-usus a:visited, .product-box-logimo a:visited, .product-box-prosperio a:visited {
	color: #3D6074;
}
.offer-box h3 {
	font-weight: normal;
	font-size: 17px;
	margin: 6px 0px 2px;
	padding: 0px;
	border-style: none;
}
.web-design {
	background: url(/script/images/web-design.jpg) no-repeat left top;
	height: 38px;
	width: 44px;
	display: block;
	position: absolute;
	margin: 17px 0px 0px -65px;
}
.web-hosting {
	background: url(/script/images/hosting.jpg) no-repeat left top;
	height: 44px;
	width: 41px;
	display: block;
	position: absolute;
	margin: 14px 0px 0px -59px;
}
.web-programming {
	background: url(/script/images/web-programming.jpg) no-repeat left top;
	height: 51px;
	width: 46px;
	display: block;
	position: absolute;
	margin: 14px 0px 0px -64px;
}
.marketing {
	background: url(/script/images/marketing.jpg) no-repeat left top;
	height: 51px;
	width: 46px;
	display: block;
	position: absolute;
	margin: 13px 0px 0px -64px;
}
#bc {
	font-size: 10px;
	padding: 10px 0px 25px;
	float: left;
}
#bc a {
	background: #C0D8E2;
	color: #000;
	text-decoration: none;
}
#bc a:hover {
	background: #A9CAD8;
}
#search {
	float: right;
	height: 31px;
	width: 232px;
	background: url(images/search.gif) no-repeat;
	position: relative;
	margin: 2px 85px 0px 0px;
}

#footer-nav {
	margin: 20px 0px 0px;
	padding: 0px;
	width: 990px;
	text-align: center;
}
#footer-nav a {
	background: url(images/footer-menu-left.gif) no-repeat left top;
	text-decoration: none;
	font-weight: bold;
	color: #628fa2;
	text-transform: uppercase;
	margin: 0px 2px;
	padding: 3px 0px;
}
#footer a span {
	background: url(images/footer-menu-right.gif) no-repeat right top;
	padding: 3px 6px;
}
#footer-nav a:hover {
	color: #000;
}
#rss {
	display: block;
	height: 18px;
	width: 40px;
	position: absolute;
	margin-top: 63px;
	margin-left: 917px;
	background: url(images/feed.gif) no-repeat left 2px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}
#rss2 {
	display: block;
	height: 18px;
	width: 40px;
	position: absolute;
	margin-top: 83px;
	margin-left: 917px;
	background: url(images/feed.gif) no-repeat left 2px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}
#ontop {
	position: absolute;
	background: url(images/page-top.gif);
	height: 19px;
	width: 82px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-left: 905px;
	margin-top: 18px;
}
.tagovi {
	padding: 10px 15px 0px;
	margin-top: 25px;
}
.tagovi-title {
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 7px;
}
.testemonial {
	background: url(images/border-gradient.jpg) no-repeat left top;
	padding: 10px 0px 0px 10px;
	margin: 10px 0px 25px;
}
.feat-testemonial {
	background: #E2ECF1;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	padding: 5px 6px 7px;
	margin: 6px 0px;
}
.feat-testemonial p {
	padding:0px 0px 4px;
	margin:0px;
}
#paginator {
	text-align: center;
	padding-top: 8px;
}
#paginator a, #paginator span {
	background: #FFF url(images/paginator.gif) repeat-x left bottom;
	padding: 3px 6px;
	margin-right: 1px;
	text-decoration: none;
	border: 1px solid #96ccec;
	color: #000;
}
#paginator a:hover {
	color: #49748D;
}
#paginator span {
	font-weight: bold;
}
#paginator .disabled {
	display: none;
}
.short-text {
	font-size: 11px;
	line-height: 17px;
	background: #F0F5F9;
	padding: 8px 10px 0px;
	margin: 0px 0px 15px;
	border-top: 1px solid #DDE9F0;
	border-right: 1px solid #DDE9F0;
	border-bottom: 2px solid #DDE9F0;
	border-left: 1px solid #DDE9F0;
}
#prev, .prev {
	background: url(images/arrow-left.gif) no-repeat right top;
	height: 16px;
	width: 20px;
	display: block;
	float: left;
	margin: 9px 0px 0px 85px;
}
#next, .next {
	background: url(images/arrow-right.gif) no-repeat left top;
	height: 16px;
	width: 20px;
	display: block;
	float: right;
	margin: 9px 85px 0px 0px;
}



/* -------------------------------------- ČLANCI ------------------------------------- */
.article {
	margin: 10px 0px;
	background: url(images/border-gradient.jpg) no-repeat left top;
	padding: 5px 0px 10px 10px;
}
.article img {
	float: left;
	border: 1px solid #CCC;
	padding: 1px;
	margin: 6px 10px 10px 0px;
}
.article-date {
	padding:2px;
	background: #CBDBE4;
}
.article h2 {
	background: transparent;
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 18px;
}
.article h2 a {
	text-decoration:none;
}
.article-right {
	float: right;
	width: 530px;
}
.article-title {
	font-weight: bold;
}
.article-title a {
	text-decoration: underline;
}
.article-title a:hover {
	text-decoration: none;
}
.article .date {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 5px;
}
#categories {
	margin: 10px 0px 20px;
}
#categories .cat {
	background: url(images/cat-left.gif) no-repeat left top;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
	margin-right: 5px;
	color: #000;
}
#categories .cat:hover {
	color:#78a1b9;
}
.cat span {
	background: url(images/cat-right.gif) no-repeat right top;
	display: block;
	padding: 11px 13px 13px;
}

.izdvojeno, .izdvojeno-desno, .izdvojeno-lijevo {
	background: #CADBE6;
	width: 200px;
	padding: 8px 13px;
	margin: 4px 0px 10px;
	float: left;
	font-size: 11px;
	line-height: 17px;
	border: 4px solid #B5CEDF;
}
.izdvojeno-desno {
	float: right;
	margin: 5px 0px 10px 10px;
}
.izdvojeno-lijevo {
	float: left;
	margin: 5px 10px 10px 0px;
}

#right table {
	border: 1px solid #BAD5E2;
	margin: 5px 0px 10px;
}
#right table td {
	padding: 5px;
	border-bottom: 1px solid #BAD5E2;
	border-right: 1px solid #BAD5E2;
}
#right table tr:first-child, #right table th {
	background: #D3E4ED;
}
.portfolio { padding-bottom: 10px; margin-bottom: 15px; background: none; }
.portfolio label {
	font-weight:bold;
}
#portfolio {
	float: left;
	width: 520px;
}
#left .home-usluge {
	padding:0px 12px 7px 8px;
}
.content {
	background: url(images/sep2.jpg) no-repeat center bottom;
	margin-bottom: 10px;
	padding-bottom: 15px;
}
#right .opsirnije {
	background: url(images/more.gif) no-repeat;
	width: 75px;
	text-align: center;
	padding: 5px 0px 9px;
	display: block;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-left: 3px;
}
#right .opsirnije:hover {
	color: #49748D;
}

.portfolio p {
	margin: 0px;
	padding: 2px 0px 3px;
}
#portfolio .portfolio h2, #our-portfolio .portfolio h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px 0px 0px 2px;
	background: transparent;
	color: #137480;
	background: #e0ecf2;
}
#portfolio .portfolio h2 a , #our-portfolio .portfolio h2 a {
	text-decoration:underline;
}
.portfolio img {
	margin: 5px 1px 1px;
	padding: 1px;
	border: 1px solid #CCC;
}
.portfolio-left {
	width: 220px;
	float: left;
}
.portfolio-right {
	width: 280px;
	float: left;
}
#portfolio .usluge, #our-portfolio .usluge, .tag {
	background: #bdd3e0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 8px;
	text-decoration: none;
	color: #000;
	margin: 0px 3px 3px 0px;
	display: block;
	float: left;
}
#portfolio .usluge:hover, #our-portfolio .usluge:hover, .tag:hover {
	background: #D0E0EA;
}
.desc {
	margin: 10px 5px 0px;
}

.item {
	margin: 0px;
	padding: 25px 0px 0px;
	background: url(images/feat-portfolio.jpg) no-repeat left top;
	width: 230px;
	text-align: center;
}
#featured-references {
	background: url(images/sep2.jpg) no-repeat center bottom;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#carousel {
	float:left;
	width: 700px;
	height:450px;
	padding-bottom: 15px;
}
.prev {
	margin: 90px 5px 0px 0px;
	padding: 0px;
}
.next {
	margin: 90px 0px 0px 5px;
	padding: 0px;
}

fieldset {
	margin: 10px 0px 0px;
	padding: 15px 5px 5px;
	border: 1px solid #b9d0e0;
}
legend {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px 5px 10px 0px;
	background: #FFF;
}
form p {
	padding: 4px;
	margin: 0px;
}
form label {
	float: left;
	width: 270px;
	padding: 2px 10px 0px 0px;
}
form input[type=text], form textarea {
	width: 350px;
	font-size: 13px;
	padding: 3px 2px;
	background: #deebf1 url(images/input.gif) repeat-x left top;
	color: #000;
	border: 1px solid #99BACA;
}
form textarea {
	height:150px;
	font: 12px/19px Tahoma, Geneva, sans-serif;
}
form select {
	width: 350px;
	border: 1px solid #99BACA;
	font: 13px/19px Tahoma, Geneva, sans-serif;
}
form input[type=submit] {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 10px 0px 0px 285px;
	padding: 4px 6px;
	background: #deebf1 url(images/input.gif) repeat-x top;
	border: 1px solid #ABC7D3;
}
form input[type=text]:hover, form textarea:hover, form input[type=text]:focus, form textarea:focus {
	border: 1px solid #48758A;
}
.errorlist {
	font: bold 10px Tahoma, Geneva, sans-serif;
	color: #900;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.error, .errorlist li {
	font-size: 10px;
	font-weight: bold;
	color: #900;
	margin: 0px;
	padding: 0px 0px 25px 287px;
}
.errorlist li {
	padding: 15px 0px 0px 287px;
}


.feat_title {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #000;
	background: transparent;
}
#total {
	margin: 8px 0px 10px;
	padding: 0px 0px 0px 8px;
	font-weight: bold;
}
#total label {
	font-weight: normal;
}
.extra {
	padding: 5px;
	width: 190px;
	border: 1px solid #cae3ee;
	background: #e7f4fc;
	margin: 6px 0px 0px 9px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}
.extra label {
	font-weight:bold;
	display:block;
}
.extra p {
	margin:0px;
	padding:3px 0px;
}
.extra a {
	padding: 2px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0px;
}
#extra:hover {
	background: #D0E0EA;
}
#id_services, #id_services {
	height: 270px;
	margin: 0px;
	padding: 3px 10px 3px 3px;
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	background: #deebf1 url(images/input.gif) repeat-x left top;
	color: #000;
	border: 1px solid #99BACA;
}

/* pretraga */
#search_results_box{
	position: absolute;
	top: 35px;
	right: 0;
	width: 465px;
	height: 450px;
	background: url('/script/images/sitesearch.gif');
	z-index: 100000;
}
#results_close{
	position:absolute;
	top:-10px;
	left:-10px;
}
#search_results{
	width: 445px;
	height: 400px;
	overflow: auto;
	margin: 30px 10px 0 10px;
}

table.gsc-branding td,table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
}

.gsc-branding-text {
  color : #676767;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}


/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */

.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  padding-bottom: 2px;
  width : 99%;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* trailing more link at the bottom of a collection of results */

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #49748D;
  text-decoration: underline;
}

/* trailing cursor section */

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #49748D;
  font-weight : bold;
  text-decoration: none;
}

 .gs-result{
   padding: 5px 0 10px;
 }


.gs-result .gs-title {
  color: #49748D;
  font-weight: bold;
}
.gs-result .gs-title a:link {
	color: #49748D;
	text-decoration: underline;
}
.gs-result .gs-title a:visited {
	color: #000;
	text-decoration:underline;
}
.gs-result .gs-title a:hover {
	color: #78a1b9;
}
.gs-result .gs-title a:active {
	color: #49748D;
	text-decoration: underline;
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #78a1b9;
  text-decoration: none;
}

div.gs-visibleUrl-short { display: none; }
div.gs-watermark { display: none; }




#viewport{
	width: 680px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	float: left;
	padding: 0px 5px 10px 0px;
	position:relative;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	float:left;
	width: 680px;
	margin: 0px;
	list-style: none;
}
#viewport img {
	border: 1px solid #e0ecf2;
	padding: 1px;
}
#viewport li{
	width: 220px; /* Defines the size of inner element */
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	margin: 0 0px;
	padding: 24px 5px 5px;
	text-align:center;
	background: url(images/feat-portfolio.jpg) no-repeat center top;
}
#viewport a {
	text-decoration:none;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	background: url(images/car_prev.gif) no-repeat left top;
	height: 102px;
	width: 20px;
	display: block;
	float: left;
	margin: 80px 5px 0px;
	cursor:pointer;
}
#simpleNext {
	background: url(images/car_next.gif) no-repeat right top;
	margin: 90px 5px 0px;
	float: right;
}

.askforoffer_error {
 padding: 5px 0px 7px 7px;
 line-height: 18px;
 color: #fff;
 font-size: 18px;
 background-color: #c40808;
 border: 1px solid #8c0505;
}

.traka{
    height: 50px;
}
.traka-mini{
    height:30px;
}
.rss{
	float: left;
	width: 300px;
	background: url(images/rss-icon.png) no-repeat left -6px;
	padding: 0px 0px 3px 37px;
	margin-left: 4px;
}
.ispis a{
    float: right;
    width: 100px;
    height: 18px;
    background: url(images/printer.png) no-repeat 0 1px;
    padding-left: 22px
}
.sharethis{
    float: right;
    width: 100px;
}
#links {
	padding: 15px 10px 10px;
}
#home_rotator {
	float: right;
	margin: 4px 5px 0px;
}
#home_rotator p {
	margin:0px;
	padding:0px;
}


#head-text {
	position: absolute;
	padding: 2px 0px 0px;
	margin: 8px 0 0 360px;
	width: 600px;
	font-size: 31px;
	text-align: left;
	line-height:38px;
}
#head-text p {
	margin:0px;
	padding:0px 0px 25px;
}
.guarantee {
	font-size: 15px;
	letter-spacing: normal;
	font-weight: bold;
}
#top-menu {
	position:absolute;
	width: 260px;
	margin: 110px 0px 0px 5px;
	padding: 0px;
	list-style: none;
}
#top-menu li {
	background: url(images/top-menu-trans.png) no-repeat left 2px;
	padding-left: 20px;
	margin-bottom: 6px;
}
#top-menu a:link {
	text-decoration:none;
	color:#000;
}
#head-request {
	position:absolute;
	margin: 108px 0 0 3px;		
	width: 330px;
}
#head-testemonials {
	position:absolute;
	margin: 62px 0 0 360px;
	width: 565px;
	font-size: 11px;
}
#join {
	width: 500px;
	position:absolute;
	margin: 155px 0 0 360px;
}
#join p {
	float:left;
	padding: 2px 15px 0px 0px;
}
#join p:last-child {
	float:left;
	padding: 0px;
}
#join a {
	float:left;
	background: url(images/rss.gif) no-repeat left top;
	display: block;
	text-decoration:none;
	color:#49748D;;
	padding: 2px 5px 7px 31px;
	margin-right: 15px;
}
#join a:hover {
	color: #78a1b9;
}
#join .facebook {
	background: url(images/facebook.gif) no-repeat left top;
}
#join .twitter {
	background: url(images/twitter.gif) no-repeat left top;
}
#join .newsletter {
	background: url(images/newsletter.gif) no-repeat left 2px;
	padding-left: 35px;
}
#join .rss_blog_email {
	background: url(images/blogemail-trans.png) no-repeat left -1px;
	padding-left: 35px;
}
.box-services-top {
	background: url(images/box-bottom-trans.png) no-repeat left bottom;
	width: 181px;
	float: left;
	font-size: 11px;
	line-height: 17px;
	margin: 0px 0px 3px 6px;
}
.box-services-top p {
	padding:0px 0px 3px;
	margin:0px;
}
.box-services-bottom {
	background: url(images/box-top-trans.png) no-repeat left top;
	padding: 0px 9px 9px;
}
.box-services-top h2 {
	font-size: 14px;
	background: transparent;
	margin: 0px;
	padding: 3px 0px 8px;
	color: #000;
	text-align: center;
	font-weight: bold;
}
.box-services-top h2 a {
	color: #000;
	text-decoration:none;
}
.box-services-top h2 a:hover {
	color: #78a1b9;
}
.box-services-top h2 a:visited {
	color: #49748D;
}
.products {
	float:right;
	width:385px;
}
.blog {
	width: 355px;
	padding: 0px 0px 6px;
}
.blog .date {
	float: left;
	width: 75px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}
.blog .title {
	float: right;
	width: 277px;
}
.box {
	float: left;
	width: 355px;
	font-size: 11px;
	line-height: 17px;
	margin: 35px 14px 0px 0px;
}
.box h2 {
	color: #137480;
	font-size: 21px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 25px;
	background: transparent;
}
#right .archive {
	background: url(images/stariji-postovi.gif) no-repeat;
	text-align: center;
	width: 94px;
	padding: 5px 0px;
	color: #000;
	text-decoration: none;
}
#footer{
	background: #b8cfdd url(images/footer-bg.gif) repeat-x 0px 0px;
	font-size: 10px;
	padding: 0px 0px 10px;
	margin-top: 23px;
}
#footer .box-services-top {
	margin: 0px 8px;
}
.copy {
	margin: 12px 0px 0px;
	text-align: center;
}
#pojmovnik h3 {
	padding-top: 20px;
}
.traka2 {
	background: url(images/traka2.gif) no-repeat right bottom;
	padding: 11px 0px 5px;
	margin-bottom: 7px;
}
.traka2 .rss {
	float:right;
	padding-right:15px;
	width:auto;
}
.ispis2{
	background:url("images/printer.png") no-repeat scroll 0 1px transparent;
	float:right;
	height:18px;
	margin:1px 10px 0 0;
	padding:0 0 0 22px;
	width:78px;
}
.sharethis2 {
	float:right;
	margin-top:0;
	width:95px;
}
.tweetmeme{
	float:right;
	margin:3px 0 0 8px;
	width:76px;
}
.facebooklike{
	float:right;
	margin:0 0 0 8px;
	width:335px;
    height: 30px;
}
.comment-title {
	background: #E0ECF2;
	padding: 5px 10px;
	border-bottom: 1px solid #C4DBE6;
}
.comment .author {
	margin: 0px;
	padding: 0px 0px 6px;
}
.comment p {
	margin: 0px;
	padding: 0px 0px 6px;
}
.comment, .post_author, .last_comment {
	background:url(images/comment.png) no-repeat scroll 8px 3px #F0F5F9;
	border-bottom:1px solid #DDDDDD;
	margin:0 0 5px;
	padding:10px 10px 5px 75px;
}
.comment .author span {
	font-size: 11px;
}
.last_comment{
    padding: 10px 10px 5px;
    margin-bottom: 20px;
}
.post_author{
	background:#E2ECF3 url(images/mini-logo-trans.png) no-repeat scroll 13px 13px;
	padding:10px 10px 5px 75px;
	border-bottom:1px solid #D2D2D2;
}
.tag{
	text-decoration:none;
}
.fieldset {
	margin: 0px;
	padding: 8px 7px;
	background: url(images/grad.gif) repeat-x top;
}
#label_id_project_info{
    width: 625px;
}
#id_project_info{
    clear: both;
    height: 100px;
    width: 630px;
}
#id_similar_project{
    height: 42px;
}