/***************************************************
    DEFAULT CSS for Interkonzalting
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

*           { margin: 0; padding: 0; list-style: none; outline: none; }

/* --------------- Reset ------------------- */

a,
a img       { outline: none; text-decoration:none; }

a           { color: #a5a5a5; text-decoration: underline; }
a:hover     { text-decoration: none; color:#DF3131 !important; }


input:focus,
textarea:focus,
select:focus { outline: none; }



a img,
fieldset    { border: none; }

legend { display: none; }

h1, h2, h3 { line-height: 1.5em; letter-spacing: -2px; }

#printlogo  { position: absolute; top: -9999px; left: -9999px; }


/* --------------- Basic Typ. -------------- */

p,
ul,
ol,
dl,
table   { margin: 15px 0; }

h1 		{ color:#df3131; font-size:2.7em; font-weight: bold; letter-spacing: -2px; margin-bottom:15px;  }
h2      { font-size: 1.95em; font-weight: bold; margin: 10px 0 15px 0; color: #000; }
h3      { font-size: 1.75em; font-weight: bold; margin: 10px 0 15px 0; color: #000; }
h4      { font-size: 1.6em; font-weight: bold; margin: 10px 0 15px 0; color: #A5A5A5; }

/*Liste*/
#content ul li ul, 
#content ul li ol, 
#content ol li ul, 
#content ol li ol { padding: 10px 0 10px 0; }

#content ol li ul li, 
#content ul li ul li  { list-style: circle inside; }

#content ul li { list-style: outside disc; }

ul li   { margin-left: 15px; }
ul ul li{ margin: 0; }
ul ul,
ul ol   { margin: 0 0 5px 0; }
ul ol li{ padding: 0; background: 0; }

ol li   { list-style: decimal; margin-left: 40px; }
ol ol li{ margin-left: 25px; list-style: outside lower-latin; }
ol ul li{ list-style: none; margin-left: 0; }
ol ul,
ol ol   { margin-top: 0; margin-bottom: 0; }

table   { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; font-size: 1em; }
caption { font-size: .9em; margin: 0; padding: 0; font-style: italic; }
td, th  { padding: 5px 15px; }
th      { background: #e9e9e9; text-align: left; font-weight: normal; border: none; color: #2578cc; border-bottom:1px solid #c6c5c5; border-top:1px solid #c6c5c5; }
td      { background: none; border-top: 1px solid #e9e9e9;}
tr.even { background: #e9e9e9 !important; }

table.blank { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; }
.blank th,
.blank td   { font-weight: normal; border: none; background: none !important; padding: 0 5px 0 0; }

table p,
table ul,
table ol,
table table { margin-top: 0; margin-bottom: 0; }

blockquote  { margin: 25px 0 25px 40px; color:#2578cc; }
blockquote *{ margin-top: 0; margin-bottom: 0; }


/* --------------- LAYOUT & GRID ---------- */
html { background: url(../images/css/body-bg-top.jpg) top repeat-x #fff; }
form { height: 100%; width: 100%;  }
body { font: normal 12px/1.6em Tahoma, Arial, serif; color: #000;  text-align:center; background: url(../images/css/circles-right.png) 100% 0 no-repeat; }

#bGrad { background: url(../images/css/body-bg-bottom.jpg) 0 100% repeat-x; }
#dnoStranice { background: url(../images/css/dnoDesno.png) 0 100% no-repeat; } 
#holder{ background: url(../images/css/circles-left.png) 0 200px no-repeat; }

#container { width: 960px; margin: 0 auto; text-align:left; padding:0 10px; }
#topHeader { height:30px; background:#2e2e2e; color:#fff; text-align:left; margin:0; padding:0; text-transform:lowercase; }
#headerC { margin:0 auto; text-align:left; width:960px; height:30px; position:relative; padding:0; }
#language {  position:absolute; left:0; top:5px; margin:0; padding:0; }
#topNav { position:absolute; right:0; top:5px; margin:0; padding:0; }
#topNav ul { margin:0; padding:0; }
#language li,
#topNav li { margin:0 0 0 15px; float:left; }
#language a, 
#topNav a { color:#fff; text-decoration:none; float:left; margin:0; padding:0;}
#language li.on a, 
#topNav a:hover,
#topNav li.on a, 
#language a:hover { color:#eb2a2a; }

#mainHeader { position:relative; width:960px; height:230px;  }
#logo    { position: absolute; top: 40px; left: 10px; width: 362px; height: 65px; overflow: hidden; margin: 0; padding: 0; }
#logo a  { display: block; width: 362px; height: 65px; overflow: hidden; text-indent: -9999px; background: url(../images/css/logo.png); }

#istaknuto { width: 837px; text-align:justify; font-size:1.6em;; line-height:1.3em;  font-weight:bold; color:#a5a5a5; padding:0 0 40px 0;  background:url(../images/css/stripe-transparent.png) 100% 100% no-repeat; margin:0 0 30px; text-shadow: 0 1px #FFFFFF; } 
.page-home #istaknuto { padding:0 0 40px 80px; width: 880px; line-height: 1.6em; } 
.reference01 #istaknuto  { background:none; font-weight:normal; margin:0 0 0; line-height: 1.6em; }
#istaknuto a { color:#a5a5a5; background: url(../images/css/pseudo-underline2.gif) 0 97% repeat-x; text-decoration:none; }
#istaknuto a:hover { text-decoration:none; }
#slideshowTop { position:relative; width:1040px; height:495px; background: url(../images/css/slideshow_bg.png) top left no-repeat; margin-left:-20px;}
#slideshowTop .slideNaslov { position:absolute; left:100px; top:40px;}
.slideNaslov { position:absolute; font-size:18px; color:#a5a5a5; font-weight:bold; }

/****Paginacija*****/

.slidePagination ul { position:absolute; }
.slidePagination ul { margin:0; padding:0; list-style:none; }
.slidePagination ul li { float:left; margin:0 2px 0 0; padding:0; }
.slidePagination  ul li a { float:left; margin:0; padding:0; width:11px; height:11px; background: url(../images/css/pag_btn.png) top center no-repeat; text-indent: -9999px; overflow:hidden;  }
.slidePagination ul li a:hover, 
.slidePagination ul li.on a { background: url(../images/css/pag_btn.png) 0 -11px no-repeat;  }

.slidePagination li.prev a {width:22px; height:22px; background: url(../images/css/prev-next.png) top left no-repeat; margin-top:-6px; margin-right:3px; margin-left:6px; }
.slidePagination li.prev a:hover { background: url(../images/css/prev-next.png) bottom left no-repeat; margin-top:-6px;}
.slidePagination li.next a { width:22px; height:22px; background: url(../images/css/prev-next.png) top right no-repeat; margin-top:-6px; }
.slidePagination li.next a:hover { background: url(../images/css/prev-next.png) bottom right no-repeat; margin-top:-6px; }

a.play { text-indent:-9999px; width:22px; height:23px; background: url(../images/css/play-pause.png) top right no-repeat; position:absolute; right:49px; top:41px; display:block; overflow:hidden; }
a.play:hover { background: url(../images/css/play-pause.png) bottom right no-repeat;}
a.pause { text-indent:-9999px; width:22px; height:23px; background: url(../images/css/play-pause.png) top left no-repeat; position:absolute; right:49px; top:41px; display:block; overflow:hidden; }
a.pause:hover { background: url(../images/css/play-pause.png) bottom left no-repeat; }

#slideshowTop .slidePagination ul { top:48px; right:84px; }


#slideOpis { position:absolute; bottom:34px; left:110px; font-size:36px; font-weight: bold; line-height:36px; }
#slideOpis a { color:#df3131; text-decoration:none; background: url(../images/css/pseudo-underline.gif) left bottom repeat-x; letter-spacing: -2px; }
#slideOpis a:hover { background:0; }

#slidePic { position:absolute; left:30px; top:70px; width:960px; height:320px; }

#navigation { position:absolute; right:0; top:150px; }
#mainMenu { margin:0; padding:0; }
#mainMenu li { float:left; display:block; height:49px; background: url(../images/css/btn-li.png) top left no-repeat; margin:0 0 0 1px; padding:0;}
#mainMenu a { float:left; height:48px; display:block; line-height:48px; background: url(../images/css/btn-a.png) top right no-repeat; padding:0 15px; font-size:18px; color:#000; margin-right:-2px; text-decoration:none; }
#mainMenu li:hover, 
#mainMenu li.on { background: url(../images/css/btn-li.png) left -49px no-repeat; }
#mainMenu li:hover a,
#mainMenu li.on a
{ color:#eb2a2a;  background: url(../images/css/btn-a.png) right -49px no-repeat; }

/*REFERENCE MENU*/
#rMenu { width:921px; margin: 0 0 45px -25px; }
#rMenu .ref-tabs { width:921px; position: relative; z-index: 100; }
#rMenu .ref-tabs li { float:left; height:43px; padding:0; margin:0 0 0 1px; background: url(../images/css/ref-li.gif) no-repeat left top; list-style:none !important; }

#rMenu .ref-tabs li.on, 
#rMenu .ref-tabs li:hover { background: url(../images/css/ref-li.gif) no-repeat left bottom; margin-top: 1px; }

#rMenu .ref-tabs li a { float:left; color:#9a9a9a; text-decoration:none; padding:0 20px; height:43px; 
line-height:51px; font-size:14px; background:url(../images/css/ref-a.gif) top right no-repeat; }
#rMenu .ref-tabs li.on a, 
#rMenu .ref-tabs a:hover { color:#df3131; text-decoration:none; background: url(../images/css/ref-a.gif) bottom right no-repeat; text-shadow: 0 1px #fff; line-height:49px; }

.dropdown { width: 921px; clear: both; margin: 0 0 0 -5px; padding: 0; overflow: hidden; position: relative; top: -1px; z-index: 1; }
.dropdown-top { width: 921px; height: 20px; overflow: hidden; background: url(../images/css/refnav-top.gif) no-repeat 0 0; }
.dropdown-body { width: 871px; padding: 1px 25px 1px; overflow: hidden; background: url(../images/css/refnav-mid.png) no-repeat 0 0; }
.dropdown-bottom { width: 921px; height: 9px; overflow: hidden; background: url(../images/css/refnav-bottom.png) no-repeat 0 0; }
.ref-item { display: none; }
.ref-item ul { overflow: hidden; margin: 0; padding: 0; }
.ref-item ul li { float: left; height: 30px; overflow: hidden; margin: 0 15px 10px 0 !important; padding: 0 !important; background: 0 !important; border-right: 1px solid #fff; list-style: none !important; list-style: none !important; float: none; display: inline-block; }
.ref-item ul a { float: left; padding: 0 15px 0 0; height: 30px; line-height: 30px; border-right: 1px solid #e5e5e5; color: #2e2e2e; text-decoration: none; text-shadow: 0 1px #fff;  }
.ref-item ul .first-child a { padding-left: 0; }
.ref-item ul a:hover,
.ref-item ul .on a { color: #df3131; }

.ref-item p { color: #2578cc; font-style: italic; margin: 0; padding: 0 0 15px; text-shadow: 0 1px #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#bSlideshowWrap { width:980px; height:322px; background: url(../images/css/bottom-slide.png) no-repeat top left; position:relative;  }
#aktualniProjekti .slideNaslov { top:45px; left: 90px; }
#aktualniProjekti .slidePagination ul { top:49px; right:320px; } 
#slideSmallPic { position:absolute; width:365px; height:190px; left:10px; top:83px; }

.text { position:absolute; width:250px; top:84px; left:410px; color:#000; line-height:1.8em; text-shadow:0 1px #FFFFFF; }
#aktualniProjekti .text { left:410px; }
#aktualniProjekti .text a { color:#000; }
.text h3 { font-size:21px; font-weight:bold; letter-spacing: -1px; }

#bavimoSe .slideNaslov { left:720px; }
#bavimoSe .slidePagination ul { right:16px; }
#bavimoSe .text { left:720px; color:#2578cc; }
#bavimoSe .text h3,
#bavimoSe .text a { color:#2578cc ; }

#footer {  text-align: center; bottom:0; clear:both; overflow:hidden; }
.footerC { margin:0 auto; text-align:left; width:870px; padding:20px 0 0 90px; background: url(../images/css/zadnja.gif) -9999px -9999px no-repeat;  }
.footerL { display:inline; float:left; margin:0; padding:0 0 0 0; width:580px; color:#A5A5A5; background: url(../images/css/zadnja-hover.gif) -9999px -9999px no-repeat; text-shadow: 0 1px #FFFFFF; }
.footerL a { text-decoration: none; background: url(../images/css/prva.gif) -9999px -9999px no-repeat; text-shadow: 0 1px #FFFFFF }
.footerL a:hover { text-decoration:underline; background: url(../images/css/prva-hover.gif) -9999px -9999px no-repeat; }
.footerR { display:inline; float:right; width:240px; }
#footerBottom { padding:40px 0 0; margin:40px 0 0 0; background: url(../images/css/stripe-transparent.png) top left no-repeat; width:880px; float:left; text-shadow: 0 1px #FFFFFF }

#footer h4, #footer h5 { line-height:1em; margin:0 0 15px;}
#footer h5 { color:#2578cc; font-size:18px; font-weight:bold; }
#vrhStranice { float:right; background: url(../images/css/dlaka.png); width:203px; height:85px; position:relative; margin-right:-170px; }
#vrhStranice a { display:block; width:35px; height:35px; overflow: hidden; background: url(../images/css/vrh.png) top left no-repeat; text-indent:-9999px; }
#vrhStranice a:hover { background: url(../images/css/vrh.png) 0 -37px no-repeat; }

span.red { color:#df3131 ; line-height:1.6em !important; }
span.blue { color:#2578cc; }
span.black { display:block; color:#000; margin:0 0 5px; }

/*default page*/
#inner { width:837px; margin-left:88px; }

/**/
#basicTools { width: 870px; height: 77px; overflow: hidden; margin: 0; position: relative; background: url(../images/css/stripe-transparent.png) top left no-repeat; padding-top:5px; }
#path { margin: 0; padding: 15px 0 0 0; line-height: 16px; overflow:hidden; }
#path li { float: left; margin: 0 3px 0 0; padding: 0; }
#path .on { background: 0; }
#path a { color: #8b8d8e; text-decoration: none; background: url(../images/css/strelice.png) no-repeat 98% 5px; padding:0 10px 0 0; text-transform:lowercase; }
#path a:link:hover{ color:#e53434; background: url(../images/css/strelice.png) no-repeat 98% -11px; padding:0 10px 0 0;}
#path .on a { background: none !important; }

#tools { position: absolute; bottom: 0; right: 0; }
#tools a { float: left; overflow: hidden; margin-left: 0; background-position: 0 0; background-repeat: no-repeat; text-indent:-9999px; }
#tools a:hover { background-position: 0 100%; }

#print-icon { margin-left: 12px !important; margin-top: -2px !important; width: 30px; height: 30px; background-image: url(../images/css/print.gif); text-indent: -9999px;  }
#large { margin-top: 1px; width: 25px; height: 25px; line-height:20px; font-size:24px; background-image: url(../images/css/large.gif); }
#normal { margin-top: 3px; width: 22px; height: 22px; line-height:20px; font-size:18px; background-image: url(../images/css/normal.gif); margin-right:1px; }
#small { margin-top: 6px; width: 17px; height: 18px; line-height:16px; font-size:12px; background-image: url(../images/css/small.gif); margin-right:2px; }

#content { width:100%; margin:0; padding:0 0 10px; }

.innerPageScroll { position:relative; padding:0 43px; width: 843px;  margin-left:-55px;  }
.innerPageScroll a { display:block; cursor:pointer; }
.innerPageScroll a.browse { position:absolute; background: url(../images/css/prev-next-big2.jpg); top:165px; width:26px; height:26px; display:block; }
.innerPageScroll a.prev { left:5px; background-position: top left; }
.innerPageScroll a.prev:hover { left:5px; background-position: bottom left; }
.innerPageScroll a.next { right:5px; background-position: top right; }
.innerPageScroll a.next:hover { right:5px; background-position: bottom right; }

/**scrolable**/
.scrollable { height: 390px; overflow: hidden; position: relative; width: 843px; background: url(../images/css/stripe.gif) 10px 100% no-repeat; margin:0 0 30px 0; }
.scrollable .items { clear: both; position: absolute; width: 20000em;
}
.items div { background: url(../images/css/img.gif) top left no-repeat; height:334px; width:629px; float:left; padding:9px 0 9px 8px }
.num, .total { display:block; font-size:10px; margin-top:8px; }
.num { color:#a5a5a5; }
.total { position:absolute; top:349px; right:43px; color:#000; background: url(../images/css/total-bg.gif) 0 5px no-repeat; padding:0 0 0 8px; }
.innerPageScroll .prev { width:22px; height:22px; background: url(../images/css/prev-next-big2.jpg) top left no-repeat; margin-top:-6px; margin-right:3px; margin-left:6px; }
.innerPageScroll .prev:hover { background: url(../images/css/prev-next-big2.jpg) bottom left no-repeat; margin-top:-6px;}
.innerPageScroll .next { width:22px; height:22px; background: url(../images/css/prev-next.png) top right no-repeat; margin-top:-6px; }
.innerPageScroll .next a:hover { background: url(../images/css/prev-next.png) bottom right no-repeat; margin-top:-6px; }
.clear { clear:both; }


/*Galerija scroll*/
.innerPageScroll { position:relative; padding:0 43px; width: 843px; margin-left:-43px; margin-left:-50px;  }
.innerPageScroll a { display:block; cursor:pointer; }
.innerPageScroll a.browse { position:absolute; top:165px; width:26px; height:26px; display:block; }
.innerPageScroll a.prev { left:5px; background-position: top left; }
.innerPageScroll a.prev:hover { left:5px; background-position: bottom left; }
.innerPageScroll a.next { right:5px; background-position: top right; }
.innerPageScroll a.next:hover { right:5px; background-position: bottom right; }
.innerPageScroll .next a:hover { background: url(../images/css/prev-next.png) bottom right no-repeat; margin-top:-6px; }
/**scrolable**/
.page-gallery-main .innerPageScroll { border-bottom:1px solid #e6e6e6;  }
.page-gallery-main h2 { font-weight:bold; font-size:18px; font-weight:normal; letter-spacing:normal; margin:30px 0 0; padding:0; }
.page-gallery-main .scrollable { height: 130px; overflow: hidden; position: relative; width: 843px; background: none; margin:0; padding:0 0 30px; }
.page-gallery-main .scrollable .items { clear: both; position: absolute; width: 20000em;
}
.page-gallery-main .innerPageScroll a.browse { top:53px; }
.page-gallery-main .items div { background: none; height:103px; width:198px; float:left; padding:9px 6px 9px 8px; }
.page-gallery-main .items div  a { float:left; text-decoration:none; } 
.page-gallery-main .num, .total { display:block; font-size:10px; margin-top:2px; }
.page-gallery-main .num { color:#a5a5a5; }
.page-gallery-main .total { position:absolute; bottom:30px; right:43px; color:#000; background: url(../images/css/total-bg.gif) 0 5px no-repeat; padding:0 0 0 8px; }

#reference-list, #reference-content { width: 900px; height:auto; overflow:hidden; }
#reference-list ul, #reference-content ul { margin:0; padding:0; }
#reference-list ul li{ float:left; width:420px; list-style:none; margin:0 30px 0 0; padding:0; border-bottom:1px solid #fff; }
#reference-list ul li a { float:left; display:block; width:400px; height:87px; text-decoration:none; font-size:18px; color:#b1b1b1; font-weight:bold; border-bottom:1px solid #e2e2e2; padding:14px 20px 0 0; line-height:24px; }
#reference-list ul li a:hover { background: #f3f3f3; }
#reference-list ul li img { height:70px; width:135px; margin:0 20px 0 0; padding:2px 3px; float:left; display:inline; background: url(../images/css/img-bg-small.gif) top left no-repeat; }
/*reference bez linka*/
#reference-content ul li { list-style:none; display:block; float:left; border-bottom:1px solid #E2E2E2; text-decoration:none; font-size:18px; color:#b1b1b1; width:400px; font-weight:bold; padding:14px 20px 14px 0; line-height:24px; margin:0 30px 0 0; }


.paginator { width:836px; height:20px; position:relative; margin:40px 0 0;  text-align:center; }
.paginator ul { width:300px; margin:0 auto; padding:0; text-align:center; overflow:visible; }
.paginator ul li { float:left; margin:0; padding:0; list-style:none !important; }
.paginator ul li a { float:left; text-decoration:none; font-size:18px; padding:3px 10px; text-shadow:0 1px #FFFFFF; }
.paginator ul a.on,
.paginator ul li a:hover { color:#df3131; }
.paginator ul li.firstPage a {  background: url(../images/css/prva.gif) 34% 96% no-repeat; }
.paginator ul li.firstPage a:hover {  background: none; /*url(../images/css/prva-hover.gif) 34% 96% no-repeat; */}

.paginator ul li.lastPage a {  background: url(../images/css/zadnja.gif) 70% 96% no-repeat;  }
.paginator ul li.lastPage a:hover {  background: none; /*url(../images/css/zadnja-hover.gif) 70% 96% no-repeat;*/ }

.paginator ul li.prevPage a { position:absolute; top:0; left:0; display:block; height:29px; width: 28px; margin:0; padding:0; overflow:hidden; text-indent:-999px; background: url(../images/css/first-last1.png) 0 0;}
.paginator ul li.prevPage a:hover { background-position:0 28px; }
.paginator ul li.nextPage a { position:absolute; top:0; right:0; display:block; height:29px; width: 29px; margin:0; padding:0; overflow:hidden; text-indent:-999px; background: url(../images/css/first-last1.png) 29px 0;}
.paginator ul li.nextPage a:hover { background-position:29px 28px; }
items { display:block; clear:both; }
.gallery-page-content { color:#a5a5a5; }

.footerR ul li { display:block; margin:0; padding:0; }
.footerR ul li a { overflow:hidden; display:block; height:36px; text-indent:-9999px;}
.footerR ul li.troing a {  background: url(../images/css/troing.png) top left no-repeat; border-bottom: 1px solid #d6d6d6;  }
.footerR ul li.troing a:hover { background: url(../images/css/troing.png) bottom left no-repeat; }
.footerR ul li.istra a { height: 52px; background: url(../images/css/istra-ekskluziv.png?v2) top left no-repeat; border-top:1px solid #fff;  }
.footerR ul li.istra a:hover { background: url(../images/css/istra-ekskluziv.png?v2) bottom left no-repeat; }

.reference01 h1, .page-default h1 { margin:0; }