body {
  font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
  word-spacing:2px;
  color:#000;
  margin:20px;
  background:url(../images/body.jpg) #f6f6f6;
}

* {
  margin:0;
  padding:0;
  
}

#wrapper {
  background:#d7d7d7;
  border:3px solid #b8b8b8;
  max-width:1200px;
  width:expression(this.width > 320 ? "320px" : this.width);
  min-width:950px;
  margin:0 auto;
}

* html #wrapper
{
  w\idth: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}

#innerwrapper {
  margin:1px;
  background:url(../images/innerwrapper.jpg) top repeat-x;
  padding:20px;
}

#header input {
  width:150px;
  padding:5px;
  background:#fff;
  border:2px solid #f6f6f6;
  font:150% Arial;
  color:#999;
}

#header input:hover {
  border:2px solid #ccc;
}

#header input:focus {
  border:2px solid #79B5D6;
  color:#555;
}

#header form {
  padding:27px 25px 20px 25px;
  float:right;
  background:#fff;
  width:160px;
  margin:-20px -20px 0 0 !important;
  margin:-20px -10px 0 0;
  border:none;
}

#header h1 {
  float:left;
  font:260% Georgia;
  color:#333; 
  padding:5px 20px 5px 5px;
  
  margin:0 20px 0 0;
}

#header h1 a {
  color:#333;
  text-decoration:none; 
}

#header h1 a:hover {
  color:#111;
  
}

#header h2 {
  font:150% Georgia;
  font-weight:normal;
  color:#555;
  padding:14px 0 0 0;
  border:none;
}

#header h2 a {
  color:#555;
  text-decoration:none;
  border-bottom:2px solid #f6f6f6;
}


#header #nav {
  clear:both;
  height: 23px;
  background:url(../images/nav.jpg) top repeat-x #3d701d;
  border-bottom:1px solid #44851d;
  border-top:1px solid #49961a;
  border-left:1px solid #49961a;
  border-right:1px solid #49961a;
  padding:10px 10px 10px 0 !important;
  padding:4px 10px 10px 0;
}

#header a em {
  font-style:normal;
  text-decoration:underline;
}

#header #nav a {
  color:#fff;
  font:130% Trebuchet MS;
  text-decoration:none;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}

#header #nav a:hover {
  background:#49961a;
}

#header #nav a.active {
  background:#49961a;
}

#header #nav li {
  display:inline;
  list-style:none;
}

#header #subnav {
  color:#DEEDF5;
  background:#49961a;
  font:90% Verdana;
  padding: 5px 7px 7px 7px;
  border-bottom:1px solid #44851d;
  border-left:1px solid #44851d;
  border-right:1px solid #44851d;
}

#header #subnav li {
  list-style:none;
  display:inline;
}

#header #subnav a {
  color:#DEEDF5;
  text-decoration:none;
  font:100% Verdana;
  padding:5px;
  border-bottom:2px solid #4F9EC9;
}

#header #subnav a:hover {
  border-bottom:2px solid #388CBA;
  color:#fff;
}

#header #subnav a.active {
  border-bottom:2px solid #388CBA;
  color:#fff;
}

#inner_nav li, #gallery_table li {
  list-style:none; 
  padding-left:20px; 
  line-height:18px;
  background:url(../images/li.gif) no-repeat 0px 4px;
}

#sidebar {
  background:#d7d7d7;
  width:210px;
  padding:10px 20px 20px 5px;
  float:left;
  color:#666;
}

#sidebar h2 {
  font:160% Arial;
  color:#333;
  margin:10px 0 10px 0;
  border:none;
}

#sidebar p {
  margin:15px 0;
}

#sidebar p.news {
  font:95% Verdana;
  color:#000;
  line-height:20px;
  margin:10px 0;
  background:#fefefe;
  padding-right: 10px;
}

#sidebar p.news a.more {
  color:#ccc;
  display:block;
  text-align:right;
  font:80% Verdana;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration:none;
  padding:10px 0;
}

#sidebar p.news a:hover {
  color:#666;
}

#sidebar .subnav {
  border-top:1px solid #fafafa;
}

#sidebar .subnav li {
  list-style:none;
  padding:5px;
  border-bottom:1px solid #fafafa;
}

#sidebar .subnav li a { 
  color:#ccc;
  text-decoration:none;
  display:block;
}

#sidebar .subnav li a:hover {
  color:#666;
}

#sidebar .subnav li a b {
  float:right;
  display:none;
  color:#666;
}

#sidebar .subnav li a:hover b {
  display:inline;
}

#sidebar input {
  padding:4px;
  background:#f6f6f6;
  border:1px solid #ccc;
  color:#000;
  font:90% Verdana;
  width:190px;
}

#sidebarright {
  width:170px;
  float:right;
  padding:10px 0 0 20px;
}

#sidebarright p {
  font:90% Verdana;
  color:#000;
  margin:10px 0;
  line-height:20px;
  padding-right: 10px;
}

#sidebarright h2 {
  font:140% Arial;
  color:#333;
  margin:10px 0;
  border:none;
}

#sidebarright ul {
  margin:10px 0 10px 15px;
  font:90% Verdana;
}

#sidebarright ul li {
  margin:5px 0;
}

#sidebarright a {
  border-bottom:1px dotted #eee;
  color:#000;
  text-decoration:none;
}

#sidebarright a:hover {
  border-bottom:1px solid #ccc;
}

#content {
  margin:0 210px 0 240px;
  padding:20px 0 0 20px;
}

#contentnorightbar {
  margin:20px 0 0 240px;
  padding: 0 0 0 0;
  border-left:1px solid #b8b8b8 ;

}

p {
  margin:15px 0;
  line-height:22px;
}

h2 {
  font:190% Arial;
  color:#3d701d;
  border-bottom:2px solid #b8b8b8;
}

h2 a {
  color:#3d701d;
  text-decoration:none;
}

h2 a:hover {
  color:#3d701d;
}


#footer {
  clear:both;
  text-align:center;
  font-size: 10px;
  border-top:1px solid #b8b8b8;
  padding:10px;
  margin:30px 0 0;
}

a {
  color:#222;
}

a:hover {
  text-decoration:none;
}

h3 {
  font:140% Trebuchet MS;
  margin:10px 0;
}

#content ul {
  margin:15px 0 15px 0;
  line-height:25px;
  padding:15px 0 15px 15px;
  color:#79B933;
}

#content ul span {
  color:#000;
}

#contentnorightbar ul {
  color:#79B933;
  line-height:25px;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 15px;
  border-top:2px solid #ddd;
  border-bottom:2px solid #ddd;
}

#contentnorightbar ul span {
  color:#000;
}

#logo {
  padding-bottom:10px;
  background:#d7d7d7;
}

#wrapper_table
{
  width: 100%;
}

#nav_table
{
  width: 100%;
}

#Intro
{
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom:0px solid #f6f6f6;
}

form {
  padding:10px;
  border:1px solid #b8b8b8;
}

label {
  font:110% Georgia;
  display:block;
  font-weight:bold;
  color:#000;
  margin:5px 0;
}

label.category {

}

label.data {
  padding:4px;
  border:none;
  border-bottom:1px dotted #ccc;
  font:95% Georgia;
  color:#000;
}

input {
  width:300px;
  padding:4px;
  border:none;    
  border-bottom:1px dotted #ccc;
  font:90% Verdana;
  color:#000;
}

textarea {
  width:400px;
  padding:4px;
  font:90% Verdana;
  border:1px solid #eee;
  height:200px;
  display:block;
  color:#000;
}

p img {
  float:left;
  margin:0 10px 0 0;
}

blockquote p {
  font:160% Georgia;
  color:#aaa;
  padding:0 10% 0 0;
  line-height:30px;
}

table.contacttable {
  width: 100%;
  color: #3d701d;
  text-align: left;     
}

table.contacttable  a {
  color: #3d701d;
  text-decoration: none;
}

td.category_top,
td.category_middle,
td.category_bottom
{
  text-align: center;
}

td.category_top,
td.category_middle,
td.category_bottom
{
  text-align: center;
}

td.category_top
{
  vertical-align: bottom;
}

td.category_middle
{
  vertical-align: middle;
}

td.category_bottom
{
  vertical-align: top;
}

#category_REZANJE
{
  padding-bottom: 70px;
}

#category_GSSI
{
  padding-top: 50px;
}

img.category {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.6);
  margin-bottom: 15px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  margin: 2em;
  margin-bottom: 1em;
}

.category_left,
.category_middle,
.category_right {
  width: 33%;
  text-align: center;
}

div.single a {
  float: left;
  display: block;
  background: #ededed;
  padding: 8px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

div.lightbox a:hover {
  background: #79B933;
}

div.float-left {
  float:left;
  margin: 20px 10px 0 0;
}

div.float-right {
  float:right;
  margin: 0px 0px 0 10px;
}

#reference
{
  margin-top: 40px;
}

#table_reference {
  width: 98%;
  font-size: 11px;
}

#table_reference td {
  width: 50%;
  vertical-align: top;
}

#partner
{
  float: right;
  margin-top: -70px;
}

.partner_text
{
  font: 1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
}