@charset "utf-8";

/*------------------------------------------------------------------------------------
  CSS Reset
------------------------------------------------------------------------------------*/
html, body, form, fieldset{cursor:default;margin:0;padding:0;}
html{font-size:100.01%;}
body{font:87.5%/1.45em Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, abbr, pre, blockquote, label, ul, ol, dl, address{ cursor:default; margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6{ font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 1.2em; }
object, param{ outline:0px; border:0px; }
img { margin:0px; padding:0px; border:0px; }
fieldset{ border: none; }
input, select, textarea { font-size:100%; font-family:inherit; margin:0px; padding:2px; }
form label, input.submit{ cursor: pointer; }
textarea{ cursor:text; }
abbr{ cursor:help; }

sup           { position:relative; bottom:0.3em; vertical-align:baseline; }
sub           { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; text-decoration:underline; }
a, a p,
a img, a span,
a small       { cursor:pointer; }
a, a:hover    { text-decoration:none; }
blockquote    { margin:1.5em .8em .6em .8em; font-style:italic; }





/*------------------------------------------------------------------------------------
  Globals
------------------------------------------------------------------------------------*/
.wrap               { width:960px; margin:0 auto; }

.padding-top        { padding-top:1em; }
.padding-left       { padding-left:1em; }
.float-left         { float:left; }
.float-right        { float:right; }
.clear              { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.hidden             { display:none; }

.text-left          { text-align:left; }
.text-right         { text-align:right; }
.text-center        { text-align:center; }
.text-justify       { text-align:justify; }

.block              { display:block; }
.inline             { display:inline; }

.header1            { font-size:1.8em; line-height:none; }

blockquote.style1   { margin-left:1.5em; padding:5px 0 5px 1em; border-left:2px solid red; }
blockquote.style2   { padding:5px 0 5px 4.5em; background-position:top left; background-repeat:no-repeat; }

.font90             { font-size:90%; }
.font80             { font-size:80%; }
.font70             { font-size:70%; }
.font12px           { font-size:12px; }
.font13px           { font-size:13px; }
.font14px           { font-size:14px; }
.bold               { font-weight:bold; }
.italic             { font-style:italic; }
.underline          { border-bottom:1px solid; }
.highlight          { padding:2px 3px; }

.hrefBlock          { display:block; }
.textlinkBlock      { color:white; padding:2px 3px; background:#cc3300; text-decoration:none; }

.video              {  }
.video.style1       { display:block; padding:1em 0 0 0; text-align:center; }

.paddingTopSmall    { padding-top:.4em; }
.paddingTopMedium   { padding-top:.8em; }
.paddingTopBig      { padding-top:1.2em; }
.paddingBtmSmall    { padding-bottom:.4em; }
.paddingBtmMedium   { padding-bottom:.8em; }
.paddingBtmBig      { padding-bottom:1.2em; }
.paddingSmall       { padding:.4em; }
.paddingMedium      { padding:.8em; }
.paddingBig         { padding:1.2em; }

.img-left           { float:left; margin:.4em 1em .4em 0; }
.img-right          { float:right; margin:.4em 0 .4em 1em; }
.img-left img, 
.img-right img      { display:block; }
.img-border1        { border:3px solid #d3d3d3; }
.img-border2        { padding:5px; border:1px solid #d3d3d3; }

.alert-text         { font-weight:bold; color:red; }

.ul-paddingSmall li { padding:.4em; }
.ul-paddingMedium li{ padding:.8em; }
.list-inline        { display:inline; margin-right:.5em; }
.noindent           { margin-left:0; padding-left:0; }
.nobullet           { list-style:none; list-style-image:none; }
.list_imgReady      { list-style:none; list-style-image:none; }
.list_imgReady li   {  }
.list1 li           { background-image:url("../images/bullets/list1.gif"); }
.list2 li           { background-image:url("../images/bullets/list2.gif"); }
.list3 li           { background-image:url("../images/bullets/list3.gif"); }
.list4 li           { background-image:url("../images/bullets/list4.gif"); }
.list5 li           { background-image:url("../images/bullets/list5.gif"); }
.list6 li           { background-image:url("../images/bullets/list6.gif"); }
.list7              { margin-top:2px; }
.list7 li span      { color:white; background-image:url("../images/bullets/list7.gif"); background-color:#262626; padding: 2px 5px 2px 14px; background-position:3px center; background-repeat:no-repeat; }
.list8              { margin-top:15px; margin-left:80px; }
.list8 li           { background-image:url("../images/bullets/list8.gif"); padding:0px 0px 0px 19px; background-repeat:no-repeat; }
.list8 li span      { padding:2px 5px 2px 5px; color:white; background-color:#262626; }
.list8.plus li      { background-position:3px 5px; }
.list8.minus li     { background-position:3px -36px; }




/*------------------------------------------------------------------------------------
  Element-Headings
------------------------------------------------------------------------------------*/
.element .heading.default{ padding:.9em; font:bold 1em Arial, sans-serif; color:white; background:#131c25; }
/* Ovijeni heading  //  <div class='heading style1 black'><span class='lijevo'></span><h4>Naziv</h4><span class='desno'></span><a class='rss' href='#'></a></div> */
.element .heading.style1{ height:35px; background-image:url("../images/komponente/element_heading1.gif"); background-repeat:repeat-x; }
  .element .heading.style1 span{ width:6px; height:42px; background-image:url("../images/komponente/element_heading1.gif"); }
    .element .heading.style1 span.lijevo{ position:absolute; left:0px; margin:0px 0px 0px -5px; }
    .element .heading.style1 span.desno{ position:absolute; right:0px; margin:0px -5px 0px 0px; }
  .element .heading.style1 h4{ float:left; padding:7px 0px 0px 7px; font:bold 18px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; }
  .element .heading.style1 a.rss{ float:right; margin:9px 6px 0px 0px; width:16px; height:16px; background-image:url("../images/komponente/element_heading1_rss.gif"); }
.element .heading.style1.black{ color:white; text-shadow:black -1px -1px; background-color:#0f0f0f; background-position:0px -77px; }
  .element .heading.style1.black span.lijevo{ background-position:0px -112px; }
  .element .heading.style1.black span.desno{ background-position:-6px -112px; }
  .element .heading.style1.black a.rss{ background-position:0px 0px; }
.element .heading.style1.orange{ color:white; text-shadow:#873203 -1px -1px; background-color:#cc4800; background-position:0px 0px; }
  .element .heading.style1.orange span.lijevo{ background-position:0px -35px; }
  .element .heading.style1.orange span.desno{ background-position:-6px -35px; }
  .element .heading.style1.orange a.rss{ background-position:0px -16px; }
.element .heading.style1.lemon{ color:#423b03; background-color:#c9b500; background-position:0px -154px; }
  .element .heading.style1.lemon span.lijevo{ background-position:0px -189px; }
  .element .heading.style1.lemon span.desno{ background-position:-6px -189px; }
  .element .heading.style1.lemon a.rss{ background-position:0px -32px; }



/*------------------------------------------------------------------------------------
  Layout
------------------------------------------------------------------------------------*/
#header{ margin:13px 13px 0px 13px; }
#content{ margin:0px 13px; }
  
  .red      { margin:0px 10px; }
  .stupac   { display:inline; float:left; position:relative; }
  .S2_1     { width:620px; }
  .S2_2     { width:300px; }
  .S3_1     { width:300px; }
  .S3_2     { width:300px; }
    .S3_1-2 { width:620px; }
  .S3_3     { width:300px; }
  
  #content h1{ margin-top:4px; }
  #content a{ outline:0; }
  #content h2{ outline:none; }
  #content .element{ font-size:14px; }
    #content .sadrzaj{ display:none; width:934px; margin:0px 12px; overflow:hidden; }
      #content .sadrzaj .sadrzaj{ margin:0px; overflow:hidden; }
      .postAccord{ padding-bottom:250px; }
      .postAccord h3{ cursor:pointer; margin-top:10px; border:0px; outline:0px; }
        .postAccord h3 a{ padding:1px 2px; font:15px "Trebuchet MS", Arial, sans-serif; color:white; text-transform:uppercase; background:#cc0033; }
        .postAccord h3:hover a{ background:#660033; }
        .postAccord .ui-accordion-header.selected a{ background:#669999; }
        .postAccord .sadrzaj.klijenti2{ padding-top:1px; }
        .postAccord .sadrzaj.klijenti2 a{ float:left; margin:1px 1px 0px 0px; padding:2px 5px; color:white; background:#262626; }
          .postAccord .sadrzaj.klijenti2 a:hover{ color:white; background:#cc0033; }
      #content .sadrzaj p{ display:inline; padding:2px 0px; font:14px "Trebuchet MS", Arial, sans-serif; color:white; background:#262626; }
        #content .sadrzaj p strong{ color:#ff9999; }
      
    #content .sadrzaj.projekti{ padding-top:10px; }
      #content .sadrzaj.projekti a{ float:left; margin-top:5px; width:60px; height:120px; margin-right:5px; font:10px "Trebuchet MS" ,Arial, sans-serif; color:#d3224e; }
        #content .sadrzaj.projekti a span{ display:block; width:60px; height:61px; background:#333333; border:1px solid #cccccc; }
          #content .sadrzaj.projekti a span img{ display:block; width:60px; height:61px; }
        #content .sadrzaj.projekti a strong{ display:block; padding:2px 1px 0px 1px; width:50px; height:58px; overflow:hidden; font:9px/14px "Trebuchet MS", Arial, sans-serif; }
        #content .sadrzaj.projekti a:hover span{ border:1px solid #cc0033; }
  
  #content.projekt{  }
    #content.projekt #slika{ float:left; width:515px; height:450px; margin-top:20px; margin-right:14px; border:1px solid #cccccc; background:url("../images/komponente/ajax-loader.gif") center no-repeat; }
      #content.projekt #slika img{ display:block; width:515px; height:450px;  }
    #content.projekt #thumbovi{ float:left; margin-top:20px; width:391px; height:452px; }
      #content.projekt #thumbovi h1{ display:inline; padding:2px 3px; font:14px "Trebuchet MS", Arial, sans-serif; color:white; text-transform:uppercase; background:#cc0033; }
      #content.projekt #thumbovi a{ float:left; width:60px; height:61px; margin:3px 3px 0px 0px; border:1px solid #cccccc; }
      #content.projekt #thumbovi a:hover, #content.projekt #thumbovi a.active{ border:1px solid #cc0033; }
        #content.projekt #thumbovi a img{ display:block; }
    #content.projekt #oProjektu{ clear:both; }
      #oProjektu .lijevo{ float:left; width:515px; }
        #oProjektu .lijevo a{ padding:2px 3px; background:#cc0033; color:white; }
        #oProjektu .lijevo a:hover{ background:#660033; }
      #oProjektu .desno{ float:right; margin-top:92px; width:380px; text-align:right; }
      #oProjektu .desno a{ color:#cccccc; line-height:21px; text-transform:uppercase; }
      #oProjektu .desno a:hover span{ background:#660033; }
      #oProjektu .desno a span{ padding:2px 3px; color:white; background:#cc0033; }
      #oProjektu .desno strong{ padding:2px 3px; font-weight:normal; color:white; background:#cc0033; }
    #content.projekt #oProjektu .element{ padding-top:15px; line-height:21px; }
      #content.projekt #oProjektu .element h4{ display:inline; padding:2px 3px; font:14px "Trebuchet MS", Arial, sans-serif; color:white; text-transform:uppercase; background:#cc0033; }
    #content.projekt #oProjektu .element.tagovi{  }
      #content.projekt #oProjektu .element.tagovi span{ padding:2px 3px; font:14px "Trebuchet MS", Arial, sans-serif; color:white; background:#262626; }
  
#footer{ margin:60px 1px 10px 1px; padding:10px; }
  #footer .stupac{ float:left; padding:12px; width:206px; height:206px; }
  #footer .stupac.black{ margin-right:5px; color:#999999; background:#262626; }
  #footer .stupac.white{ margin-right:0px; color:#333333;  }
    #footer .stupac a, #footer .stupac .naslov{ font:17px "Trebuchet MS", Arial, sans-serif; letter-spacing:6px; text-transform:uppercase; text-decoration:none; }
    #footer .stupac.black a{ color:#cccccc; }
      #footer .stupac.black a:hover{ color:white; }
    #footer .stupac.white a{ color:#333333; }
      #footer .stupac.white a:hover{ color:black; }
    #footer .stupac .naslov{ color:white; }
    #footer .stupac .maliA a{ font-size:12px; letter-spacing:2px; }
    #footer .stupac .vijest{ font-size:12px; color:white; line-height:19px; }
      #footer .stupac .vijest strong{ text-transform:uppercase; font-weight:normal; }
      #footer .stupac .vijest p{ font-size:11px; color:#999999; }




/*------------------------------------------------------------------------------------
  Layout > Case
------------------------------------------------------------------------------------*/
.box{ float:left; width:230px; height:232px; margin:4px 2px 0px 2px; }
.box.double{ width:464px;  }
.box.black{ background:#333333; }
.box.red{ background:#cc0033; }
  .box.red a{ color:white; text-decoration:none; }
.box.noMarg{ margin:4px 0px 0px 2px; }
  .box div{ display:block; padding:10px; font:bold 14px/24px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:#ffffff; background:none; }




/*------------------------------------------------------------------------------------
  Implementacija > Superfish
------------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul{ left:0; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{ top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator {
	position:		absolute;
	display:		block;
  right:			1em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url("../images/bullets/superfish_white.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.96em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*
.sf-shadow ul {
	background:	url("../images/komponente/superfish_shadow.png") no-repeat bottom right;
	padding: 0 8px 9px 0;
	
  -moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
*/




/*------------------------------------------------------------------------------------
  Design > Globals
------------------------------------------------------------------------------------*/
a                   { color:#cc3300; }
.highlight          { background:#ccffff; }
blockquote.style1   { border-left:2px solid #d3d3d3; }
blockquote.style2   { background-image:url("../images/bullets/quoteBlack.png"); }







/*------------------------------------------------------------------------------------
  Design > Implementacija > Superfish
------------------------------------------------------------------------------------*/
.sf-menu { float:left; margin-top:65px; }
.sf-menu a { border-right:1px solid #666666; border-top:1px solid #666666; padding:.75em 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited { color:#252525; }
.sf-menu li, .sf-menu li li, .sf-menu li li li        { background:#efefef; }
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#d8d8d8; outline:0; }
.sf-sub-indicator{ background-image:url("../images/bullets/superfish_black.png"); }
.sf-menu ul{ border-left:1px solid #666666; border-bottom:1px solid #666666; }



a.zeleno, p.zeleno, .zeleno{ background:#33CC00; font-size:inherit; color:white; padding:2px 0px 2px 2px; }
h1.ds{ display:inline; padding:2px 0px 2px 2px; font:15px "Trebuchet MS", Arial, sans-serif; color:white; text-transform:uppercase; background:#33CC00; }
h1.ds strong{ font-weight:normal; }