/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }

.fullBg {position: fixed; top: 0; left: 0; overflow: hidden;}

/* GLOBALS */
html, body { height: 100%; }
body { background: #6b6157; font: 12px Arial, sans-serif; line-height: 18px; color: #9e9e9e; }
input, select, textarea { font: 12px Arial, sans-serif; line-height: 18px; color: #9e9e9e; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 15px Arial, sans-serif; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea { background: #333333; border: none; line-height: 17px; height: 17px; padding: 2px 0 2px 5px; color: #ffffff; }
.searchbox { line-height: 17px; height: 17px; width: 150px; color: #d50515; margin: 0 7px 0 0; }
.loginbox { line-height: 17px; height: 17px; width: 105px; margin: 5px 0 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }

.btn { padding: 5px 10px; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; background: url(img/footerBgnd.gif) repeat-x left center; border: none; cursor: pointer; border: 1px solid #333333;; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #ffffff; }
a:hover { color: #9e9e9e; }

.menuTop a:hover { background: url(img/black50per.png) repeat; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #9e9e9e; }
.leftMenu a:hover { color: #ffffff; }

.leftMenu .open a:link, .leftMenu .open a:active, .leftMenu .open a:visited { color: #ffffff; }
.leftMenu .open a:hover { color: #ffffff; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 12px 0 0 0; }
.marginTop2 { margin: 17px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 23px; }
.marginLeft2 { margin: 0 0 0 15px; }
.marginLeft3 { margin: 0 0 0 45px; }

.wrapper { position: relative; z-index: 50; }

.siteTop { min-width: 1000px; height: 130px; overflow: show;  }
.logo { position: absolute; width: 420px; height: 80px; left: 0; top: 30px; background: url(img/black50per.png) repeat-x 0 0; }
.logo img { margin: 18px 0 0 50px; }
.menuTop { float: right; text-align: right; margin: 0 55px 0 0; padding: 25px 0 0 0; background: url(img/menuTopBgnd.gif) no-repeat right top; text-transform: lowercase; }
.menuTop a { display: block; font-size: 17px; padding: 5px 12px 5px 50px; }
.menuTop a.active { background: url(img/black50per.png) repeat; }

.pageTitle { position: relative; width: 600px; height: 80px; padding: 0 0 0 50px; }
h1 { font-size: 39px; color: #000000; text-transform: lowercase; font-weight: normal; line-height: 2em; }

/* h1 { font-size: 39px; color: #ffffff; text-transform: lowercase; font-weight: normal; text-shadow: 2px 2px 3px rgba(0,0,0,0.8); line-height: 2em; }
h1.shadow { filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');  height: 2em; } */

.blocks { width: 950px; height: 255px; padding: 0 0 0 50px; }
.block { float: left; width: 250px; height: 235px; background: url(img/black50per.png) repeat 0 0; padding: 10px; }
.block img { margin: 0 0 3px 0; }
.block p { background: url(img/black85per.png) repeat; font-size: 17px; line-height: 19px; padding: 7px 12px; }

.blocks2 { width: 950px; height: 255px; padding: 30px 0 0 50px; overflow: hidden; }
.news { float: left; width: 535px; height: 126px; background: url(img/black85per.png) repeat; padding: 12px 25px; }
.news table { width: 100%; }
.news table .newsItem { width: 240px; line-height: 16px; vertical-align: top; }
.news table .newsItem p { font-size: 14px; line-height: 17px; padding: 5px 0; }
.news table .divider { background: url(img/newsDivider.png) repeat-y center top; }
.izmjera { float: left; width: 250px; height: 130px; background: url(img/black50per.png) repeat 0 0; padding: 10px; }
.izmjera img { margin: 0 0 3px 0; }
.izmjera p { background: url(img/black85per.png) repeat; font-size: 17px; line-height: 19px; padding: 7px 12px; }

.middleWrapper { padding: 0 50px; }
.middle { width: 100%; min-width: 900px; }

.left { width: 290px; vertical-align: top; }
.leftMenu { float: left; width: 250px; background: url(img/black50per.png) repeat 0 0; padding: 10px; text-align: right; text-transform: lowercase; }
.leftMenu div { padding: 7px 12px; font-size: 17px; background: url(img/black85per.png) repeat 0 0; margin: 3px 0 0 0; }
.leftMenu div.first { margin: 0; }
.leftMenu div ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.leftMenu div ul li { padding: 2px 0; }
.leftMenu div ul li.active a { background: url(img/bullet-active.png) no-repeat 0 5px; padding: 0 0 0 15px; }

.main { background: url(img/black85per.png) repeat 0 0; vertical-align: top; padding: 25px; }

.pageContentWrapper { position: relative; height: 290px; overflow: hidden; }
.pageContent { position:absolute; width: 550px; height:290px; }
.pageBody { overflow: hidden; vertical-align: top; line-height: 17px; }

.pageGallery {vertical-align:top;}

div.galimage { float: left; width: 120px; height: 120px; background: url(img/thnBgnd.png) repeat 0 0; margin: 0 22px 20px 0; }
div.galimage div { overflow:hidden; width:100px;height:100px; margin: 10px; }

.footer { position: fixed; width: 100%; height: 37px; left: 0; bottom: 0; background: url(img/footerBgnd.gif) repeat-x 0 0; color: #9e9e9e; z-index: 1000; }
.footer p { padding: 11px 50px 0 50px; font: 15px Arial, Helvetica, sans-serif; line-height: 17px; }

#scrollContentWrapper{position:absolute; left:300px;height:290px;}

#pocDiv{height:290px;}

.scroll-pane
{
	width: 100%;
	height: 290px;
	overflow: auto;
	
}


.horizontal-only
{
	height: auto;
	max-height: 290px;
}




/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}