/* 
 * reset.css
 *
 * will undo default browser settings 
 */
 
* { padding:0; margin:0; }
:link,:visited { text-decoration: none; color: inherit; }
h1,h2,h3,h4,h5,h6,th { font-weight: normal; }
ul,ol { list-style:none }
a img,:link img,:visited img,acronym,abbr { border:none }
address, dfn { font-style:normal }

html {
  background: #3d3f35 url('../images/bg.jpg') left top no-repeat fixed;
  color: #fff;
  font-family: arial, helvetica, sans-serif;
  font-size: 62.5%; }

body {
  margin-left: 239px;
  margin-right: 182px;
  
  font-size: 1.4em;
  line-height: 1.57143;
  background: #3d3f35; }

html, body, #wrapper {
  height: 100%; }

div#wrapper {
  position: relative;
  min-width: 508px;
  max-width: 640px;
  background: #fff; }
  div#wrapper ul#navigation {
    padding-left: 8px;
    width: 100%;
    background: #3d3f35; }
    div#wrapper ul#navigation li {
      position: relative;
      float: left;
      margin-top: 3px;
      margin-left: 5px;
      
      width: 95px;
      height: 34px;
      background: url('../images/navigation-tab.gif'); }
      div#wrapper ul#navigation li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 34px;
        text-align: center;
        color: #ececeb; }
        div#wrapper ul#navigation li a:hover {
          background: url('../images/navigation-arrow.gif') bottom center no-repeat;
          color: #fff; }
  div#wrapper div#content {
    padding: 40px 40px 200px;
    background: #fff;
    color: #000; }
    div#wrapper div#content h1, div#wrapper div#content h2, div#wrapper div#content h3 {
      color: #923019; }
    div#wrapper div#content h1 {
      font-size: 2.5em;
      margin-bottom: 0.5em;
      letter-spacing: -0.02223em; }
    div#wrapper div#content h2 {
      font-size: 1.42857em;
      line-height: 1.1em;
      margin-bottom: 1.1em; }
    div#wrapper div#content h3 {
      font-size: 1.28571em;
      line-height: 1.22222em;
      margin-bottom: 1.22222em; }
    div#wrapper div#content h4 {
      font-size: 1.14286em;
      line-height: 1.375em;
      margin-bottom: 1.375em; }
    div#wrapper div#content p, div#wrapper div#content ul, div#wrapper div#content blockquote, div#wrapper div#content pre, div#wrapper div#content td, div#wrapper div#content th {
      margin-bottom: 1.57143em;
      letter-spacing: -0.01em; }
    div#wrapper div#content p.small {
      margin: 0;
      font-size: 0.85714em;
      line-height: 1.83333em;
      margin-bottom: 1.83333em; }
    div#wrapper div#content ul li {
      list-style: url('../images/bullet.gif') outside circle; }
    div#wrapper div#content table {
      border-collapse: collapse;
      margin-bottom: 1.57143em; }
      div#wrapper div#content table td {
        padding: 0.1em 0.3em;
        border: 1px solid #999;
        font-size: 0.9em; }
    div#wrapper div#content a {
      text-decoration: underline; }
      div#wrapper div#content a:link {
        color: #3faa5e; }
      div#wrapper div#content a:visited {
        color: #78c38e; }
      div#wrapper div#content a:hover {
        color: #f2ba1f; }
    div#wrapper div#content div#sidestuff {
      position: absolute;
      top: 37px;
      right: -174px;
      padding: 20px 10px 60px 20px;
      width: 144px;
      background: #343430;
      font-size: 0.9em;
      line-height: 1.746em;
      color: #c2c2c1; }
      div#wrapper div#content div#sidestuff h2 {
        margin-bottom: 0.2em;
        font-size: 1.6em;
        color: #6d6d6a; }
      div#wrapper div#content div#sidestuff li {
        list-style: none; }
      div#wrapper div#content div#sidestuff a {
        color: #c2c2c1;
        text-decoration: none; }
      div#wrapper div#content div#sidestuff a:hover {
        color: #fff; }
      div#wrapper div#content div#sidestuff #flash {
        position: absolute;
        top: 37px;
        left: 50%;
        margin-left: -240px;
        padding: 10px 40px;
        width: 400px;
        text-align: center; }
        div#wrapper div#content div#sidestuff #flash.notice {
          background: #E4E6DE; }
        div#wrapper div#content div#sidestuff #flash.error {
          background: #FCF0A4; }
      div#wrapper div#content div#sidestuff #document-info strong {
        display: block; }
      div#wrapper div#content div#sidestuff img {
        width: 135px; }
  div#wrapper div#contact {
    position: fixed;
    left: 10px;
    bottom: 10px;
    padding: 1em;
    width: 196px;
    height: 60px;
    font-size: 0.8em;
    color: #fff;
    background: #5c5d55;
    opacity: 0.8; }
    div#wrapper div#contact p {
      margin-bottom: 3px; }
    div#wrapper div#contact address {
      float: left; }
    div#wrapper div#contact p#contact-phone {
      float: right;
      color: #ddd; }
    div#wrapper div#contact span {
      display: block; }

#current_user {
  position: absolute;
  top: 0;
  right: 1em;
  padding-right: 20px;
  line-height: 3em;
  font-size: 0.9em;
  
  background-image: url('/images/current_user_icon.gif');
  background-repeat: no-repeat;
  background-position: right center;
  
  color: #888; }
  #current_user a:hover {
    color: #fff; }

body.section_index div#wrapper li#navigation-akt, body.section_o-zavodu div#wrapper li#navigation-oza, body.employees div#wrapper li#navigation-zap, body.articles div#wrapper li#navigation-nas, body.section_povezave div#wrapper li#navigation-pov {
  background: url('../images/navigation-tab_selected.gif');
  font-size: 1.2em; }
  body.section_index div#wrapper li#navigation-akt a, body.section_index div#wrapper li#navigation-akt a:hover, body.section_o-zavodu div#wrapper li#navigation-oza a, body.section_o-zavodu div#wrapper li#navigation-oza a:hover, body.employees div#wrapper li#navigation-zap a, body.employees div#wrapper li#navigation-zap a:hover, body.articles div#wrapper li#navigation-nas a, body.articles div#wrapper li#navigation-nas a:hover, body.section_povezave div#wrapper li#navigation-pov a, body.section_povezave div#wrapper li#navigation-pov a:hover {
    padding-top: 1px;
    background: transparent;
    color: #3d3f35; }

body#index div#content div#home-picture {
  margin-top: -16px;
  margin-bottom: 20px;
  
  height: 152px;
  width: 98%;
  border: 5px solid #d8d5d0;
  background: url('/images/home.jpg') top right no-repeat; }
body#index div#content #tmp-aktualno {
  height: 39px;
  font-size: 2.1875em;
  background: url('/images/tmp-h2_bg.png') right top no-repeat; }
body#index div#content h1 {
  display: none; }
body#index div#content div.articles {
  margin-top: -2em;
  padding-left: 30px;
  padding-right: 20px; }
  body#index div#content div.articles div {
    position: relative; }
  body#index div#content div.articles p.date {
    position: absolute;
    top: 0;
    left: -62px;
    margin: 0;
    padding: 4px 0 4px;
    width: 50px;
    line-height: 1em;
    color: #737370; }
    body#index div#content div.articles p.date span {
      float: right; }
    body#index div#content div.articles p.date span.day_and_month {
      color: #5f5f5c;
      font-size: 1.28571em;
      letter-spacing: -0.085em; }
    body#index div#content div.articles p.date span.year {
      display: block;
      padding-top: 2px;
      padding-right: 3px;
      
      font-size: 0.8em; }
  body#index div#content div.articles h3 {
    margin: 2.444em 0 1.222em; }
  body#index div#content div.articles p.author {
    margin: -1em 2em 0 0;
    text-align: right;
    font-style: italic;
    color: #8b8c86; }

body#employees-index div#content ul.employeeList li#off {
  display: inline; }
body#employees-index div#content ul.employeeList li.expanded_off {
  display: block;
  background: #eee; }

body#departments-list div#content ul.employeeList li address {
  background-color: #F9F9F9;
  border-left: 2px solid #CCCCCC;
  font-size: 0.9em;
  line-height: 1.74428em;
  margin-left: 1em;
  padding: 0 1em; }
  body#departments-list div#content ul.employeeList li address span {
    display: block; }

body#employees-show div#content address {
  margin-bottom: 1.57143em;
  border: 1px solid #ccc;
  width: 60%;
  background: #f9f9f9;
  padding: 0.7em 1.5em; }
  body#employees-show div#content address span {
    display: block; }

body#articles-show div#content div#photos {
  margin-top: 2.444em;
  padding-top: 2.444em;
  border-top: 2px solid #ccc; }

div#wrapper div#content ul.expandable {
  height: 400px; }
  div#wrapper div#content ul.expandable li {
    list-style: none; }
    div#wrapper div#content ul.expandable li a {
      display: block;
      height: 60px;
      width: 460px;
      text-indent: -999px;
      background-position: left bottom;
      overflow: hidden; }
  div#wrapper div#content ul.expandable li#category-vinska a {
    background-image: url('/images/nasveti-vinska_trta.jpg'); }
  div#wrapper div#content ul.expandable li#category-sadno a {
    background-image: url('/images/nasveti-sadno.jpg'); }
  div#wrapper div#content ul.expandable li#category-vinarstvo a {
    background-image: url('/images/nasveti-vinarstvo.jpg'); }
  div#wrapper div#content ul.expandable li#category-oljkarstvo a {
    background-image: url('/images/nasveti-oljkarstvo.jpg'); }
  div#wrapper div#content ul.expandable li#category-poljscine a {
    background-image: url('/images/nasveti-poljscine.jpg'); }
  div#wrapper div#content ul.expandable li#category-zelenjadarstvo a {
    background-image: url('/images/nasveti-zelenjadarstvo.jpg'); }
  div#wrapper div#content ul.expandable li#laboratory-ento a {
    background-image: url('/images/laboratoriji-ento.jpg'); }
  div#wrapper div#content ul.expandable li#laboratory-mleko a {
    background-image: url('/images/laboratoriji-mleko.jpg'); }
  div#wrapper div#content ul.expandable li#laboratory-agro a {
    background-image: url('/images/laboratoriji-agro.jpg'); }

body#nasveti div#content ul.expandable {
  height: 360px; }

body#laboratoriji div#content ul.expandable {
  height: 240px; }

form label {
  display: block; }
form fieldset {
  border: none; }
form fieldset.checkboxes label {
  display: inline; }
form textarea.markdown {
  width: 100%;
  height: 500px; }

#navigation:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: transparent;
	}