/*------------------------------------
  INFO
--------------------------------------
--------------------------------------
  CONTENT
--------------------------------------
1. RESET

2. CONTENT/WRAPPER
    //languageHolder
3. WIDGET10
    //widgetContentLeft
    //pagginator
    //memberBox
    //tabs
4. SEARCH
    //detailed profile
5. MEMBER INFO
6. HOLDER
    //tabs
7. MULTYSELECT
8. FOOTER
9. SPECIFIC STYLES
------------------------------------*/
/*------------------------------------
  RESET
------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,latin-ext,cyrillic);
/* line 44, ../compass/compass/reset.scss */
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: Arial, Helvetica, sans-serif;
}

/* HTML5 display-role reset for older browsers */
/* line 54, ../compass/compass/reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 57, ../compass/compass/reset.scss */
body {
  line-height: 1;
}

/* line 60, ../compass/compass/reset.scss */
ol, ul {
  list-style: none;
}

/* line 63, ../compass/compass/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 67, ../compass/compass/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 71, ../compass/compass/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 75, ../compass/compass/reset.scss */
* {
  -webkit-appearance: none;
}

/* Remove default iPhone input styles */
/* line 77, ../compass/compass/reset.scss */
a:HOVER, button:HOVER, input[type=submit]:HOVER {
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -khtml-opacity: 0.8;
}

/* line 85, ../compass/compass/reset.scss */
* {
  margin: 0;
  padding: 0;
}

/*add dimensions to sprite images*/
/*shadow mixin*/
/*using*/
/*@include box-shadow-auto((1px 1px 4px #000 inset, 0 1px 4px rgba(255,255,255,.5)));*/
/*@import "compass/css3/pie";*/
/* ---------- default settings ----------*/
/*
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'PT Sans Caption', sans-serif;
font-family: 'PT Sans', sans-serif;
*/
@font-face {
  font-family: 'PT Sans';
  src: url("pt_sans-web-regular-webfont.eot");
  src: url("../fonts/pt_sans-web-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt_sans-web-regular-webfont.woff") format("woff"), url("../fonts/pt_sans-web-regular-webfont.ttf") format("truetype"), url("../fonts/pt_sans-web-regular-webfont.svg#LegalTenderRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  src: url("pt_sans-web-bold-webfont.eot");
  src: url("../fonts/pt_sans-web-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt_sans-web-bold-webfont.woff") format("woff"), url("../fonts/pt_sans-web-bold-webfont.ttf") format("truetype"), url("../fonts/pt_sans-web-bold-webfont.svg#LegalTenderRegular") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  src: url("pt_sans-web-italic-webfont.eot");
  src: url("../fonts/pt_sans-web-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt_sans-web-italic-webfont.woff") format("woff"), url("../fonts/pt_sans-web-italic-webfont.ttf") format("truetype"), url("../fonts/pt_sans-web-italic-webfont.svg#LegalTenderRegular") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'PT Sans';
  src: url("pt_sans-web-bolditalic-webfont.eot");
  src: url("../fonts/pt_sans-web-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt_sans-web-bolditalic-webfont.woff") format("woff"), url("../fonts/pt_sans-web-bolditalic-webfont.ttf") format("truetype"), url("../fonts/pt_sans-web-bolditalic-webfont.svg#LegalTenderRegular") format("svg");
  font-weight: bold;
  font-style: italic;
}

/*fonts*/
/*$ff2 : 'PT sans', sans-serif;*/
/*colors*/
/*overwrite reset*/
/* line 94, ../compass/compass/base.scss */
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: "Roboto Condensed", sans-serif;
}

/* line 97, ../compass/compass/base.scss */
.wrapper {
  width: 960px;
  margin: 0 auto;
}

/* line 101, ../compass/compass/base.scss */
.left {
  float: left;
}

/* line 104, ../compass/compass/base.scss */
.right {
  float: right;
}

/* line 107, ../compass/compass/base.scss */
a {
  color: black;
  text-decoration: none;
}

/* line 114, ../compass/compass/base.scss */
.clear {
  clear: both;
}

/* line 118, ../compass/compass/base.scss */
*:focus {
  outline: none;
}

/* line 121, ../compass/compass/base.scss */
.hidden {
  display: none;
}

/*fonts*/
/* line 125, ../compass/compass/base.scss */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 129, ../compass/compass/base.scss */
button, button:hover, li:hover, a:hover, li, a, *:hover, *::active, *::focus, * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
}

/* line 138, ../compass/compass/base.scss */
*:focus {
  outline: none;
}

/* line 142, ../compass/compass/base.scss */
input[type="text"], input[type="password"] {
  outline: none;
}

/* line 145, ../compass/compass/base.scss */
.shadow {
  text-shadow: 1px 1px 3px #000000;
}

/* Welcome to Compass.
 *Author: Mirkov Nemanja
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*spoace between sprite images*/
/*FLAGS*/
/*$flags_small-spacing: 10px;*/
/*add dimension to flags*/
                    /*$flags_small-sprite-dimensions: true;
@import "flags_small/*.png";*/
/* line 178, source/*.png */
.source-sprite, #animation .logo, #logo, .sidemenu.small li, .sidemenu.small li.selected, a.documents, .contact_details span.logo, .document_box span.box_logo, .details.company span.logo_small, .contact_details span.divider_contact {
  background: url('../images/sprites/generated/source-s15931c783f.png') no-repeat;
  display: inline-block;
}

/*include all flags in flags.css*/
/*@include all-flags_small-sprites;*/
/* END FLAGS sprite*/
/*@import (".nekaklasa" {@import "public/css/compass/flags_small.css"});*/
/*.widgetContentLeft .widgetHolder	{
	@import "flag_small";
}*/
/*@mixin sirina() {
  $base-width: 100% !default;

  @if $base-width == 100% {
     width: $base-width/2;
  }
}
*/
/*@mixin sprite-dimensions($map, $sprite) {
  height: image-height(sprite-file($map, $sprite));
  width: image-width(sprite-file($map, $sprite)); }*/
/*@include all-portal-sprites;*/
/* line 62, ../compass/compass/sprites.scss */
#animation .logo {
  background-position: 0 -1199px;
  height: 103px;
  width: 103px;
  position: absolute;
  top: 74%;
  left: 45%;
  opacity: 0;
  z-index: 2;
}

/* line 71, ../compass/compass/sprites.scss */
#animation .logov {
  /*@include source-sprite(Libra-Audit_veliki);*/
  /*@include source-sprite-dimensions(Libra-Audit_veliki);*/
  /*position: absolute;*/
  /*top: 30%;*/
  /*right: 43%;*/
  /*opacity: 0;
  z-index: 2;*/
  /*cursor: pointer;*/
  /*background: url(../images/Libra-Audit_veliki-na-crnom.gif) no-repeat;*/
  /*width: 398px;*/
  /*height: 398px;*/
  /*@include transition(border-bottom-color 0.3s ease-in, color 0.35s ease-out);*/
}

/* line 85, ../compass/compass/sprites.scss */
.logo_mobile {
  display: none;
}

/* line 88, ../compass/compass/sprites.scss */
#logo {
  background-position: 0 0;
  height: 241px;
  width: 266px;
  position: relative;
  top: 3px;
}

@media only screen and (max-width: 1280px) {
  /* line 96, ../compass/compass/sprites.scss */
  #logo {
    background-position: 0 -829px;
    height: 160px;
    width: 177px;
    position: relative;
    top: 3px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 106, ../compass/compass/sprites.scss */
  #logo {
    background: none;
    position: relative;
    top: 3px;
  }

  /* line 111, ../compass/compass/sprites.scss */
  .logo_mobile {
    display: block;
    margin-top: 37px;
  }
}
/* line 118, ../compass/compass/sprites.scss */
.sidemenu.small li {
  background-position: 0 -1763px;
  height: 84px;
  width: 16px;
}
/* line 43, C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sidemenu.small li:hover, .sidemenu.small li.menu_small_hover, .sidemenu.small li.menu_small-hover {
  background-position: 0 -1524px;
}

/* line 123, ../compass/compass/sprites.scss */
.sidemenu.small li.selected {
  background-position: 0 -1524px;
  height: 84px;
  width: 16px;
}

/* line 127, ../compass/compass/sprites.scss */
a.documents {
  background-position: 0 -1312px;
  height: 71px;
  width: 467px;
  line-height: 60px;
  padding-left: 115px;
}

/* line 133, ../compass/compass/sprites.scss */
.contact_details span.logo {
  background-position: 0 -549px;
  height: 270px;
  width: 270px;
  position: absolute;
  top: -66px;
  left: -60px;
}

/* line 140, ../compass/compass/sprites.scss */
.document_box span.box_logo {
  background-position: 0 -999px;
  height: 190px;
  width: 190px;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 0;
}

/* line 148, ../compass/compass/sprites.scss */
.details.company span.logo_small {
  background-position: 0 -1199px;
  height: 103px;
  width: 103px;
}

/* line 154, ../compass/compass/sprites.scss */
.contact_details span.divider_contact {
  background-position: 0 -1975px;
  height: 533px;
  width: 3px;
}

/* line 10, ../compass/compass/default.scss */
h2 {
  font-size: 50px;
  font-family: "PT Serif";
  color: black;
  margin-bottom: 10px;
}

/* line 16, ../compass/compass/default.scss */
h3 {
  font-size: 16px;
  text-align: justify;
  margin-bottom: 5px;
  font-family: "Roboto Condensed", sans-serif;
  color: #77a21c;
  font-weight: lighter;
  font-weight: bold;
  line-height: 25px;
}

/* line 27, ../compass/compass/default.scss */
h4 {
  font-family: "PT Serif";
  font-size: 16px;
  color: #6f6f6f;
  font-weight: bold;
  margin: 20px 0px 10px 0px;
  width: 500px;
  text-align: justify;
}

/* line 38, ../compass/compass/default.scss */
ul li {
  font-family: "PT Serif";
  font-size: 14px;
  color: #6f6f6f;
  list-style-position: inherit;
  line-height: 20px;
}

/* line 47, ../compass/compass/default.scss */
* {
  margin: 0px;
  padding: 0px;
  border: none;
}

/* line 54, ../compass/compass/default.scss */
#dark {
  /*color: black;*/
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 1;
  display: none;
  z-index: 1;
}

/* line 64, ../compass/compass/default.scss */
.fade_win {
  display: none;
  min-height: 100%;
  width: 100%;
  -webkit-appearance: none;
}

/*	#animation .logo  {
		@include rotate(330deg);
		@include transform( 3s );
	}*/
/* line 76, ../compass/compass/default.scss */
.sidemenu.small {
  right: 25px;
  position: fixed;
  top: 190px;
  z-index: 25;
  display: none;
}

/* line 84, ../compass/compass/default.scss */
html {
  /*background-color: black;*/
}

/* line 89, ../compass/compass/default.scss */
body {
  /*background-color: black;*/
  background: url(../images/bg_main.png) repeat;
  position: relative;
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
}

/* line 97, ../compass/compass/default.scss */
#just_bg {
  background-color: black;
  width: 3000px;
  height: 15000px;
  position: absolute;
  /*z-index: 50;*/
}

/* line 104, ../compass/compass/default.scss */
#scd {
  text-align: center;
  display: block;
  width: auto;
  height: auto;
  /*border: 1px solid white;*/
  opacity: 0;
  z-index: 2;
  margin-top: 200px;
  margin-left: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
}
/* line 120, ../compass/compass/default.scss */
#scd h1 {
  font-family: "PT Serif";
  color: #750607;
  /*font-size: 45px;*/
  font-size: 32px;
  font-weight: bold;
}
/* line 127, ../compass/compass/default.scss */
#scd h2 {
  font-family: "Roboto Condensed", sans-serif;
  color: #6f6f6f;
  font-size: 22px;
  font-weight: bold;
  width: auto;
}

/*header start*/
/* line 136, ../compass/compass/default.scss */
#header_wrapper {
  height: 220px;
  width: 100%;
  /*background: url(../images/bg_main.png) repeat-x;*/
  /*z-index: 12;*/
}

/* line 142, ../compass/compass/default.scss */
#header {
  position: relative;
  height: 220px;
  background: url(../images/bg_header.png) repeat-x;
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 12;
  display: none;
}

/* line 152, ../compass/compass/default.scss */
.sidemenu.main {
  position: relative;
}
/* line 154, ../compass/compass/default.scss */
.sidemenu.main ul {
  /*margin-top: 53px;*/
  position: absolute;
}
/* line 157, ../compass/compass/default.scss */
.sidemenu.main ul.left_menu {
  left: 0px;
  top: 53px;
}
/* line 161, ../compass/compass/default.scss */
.sidemenu.main ul.right_menu {
  right: 0px;
  top: 53px;
}
/* line 165, ../compass/compass/default.scss */
.sidemenu.main ul li {
  float: left;
  /*margin-top: 50%;*/
}
/* line 168, ../compass/compass/default.scss */
.sidemenu.main ul li a {
  display: block;
  margin-right: 50px;
  padding: 2px;
  font-family: "PT Serif";
  font-weight: bold;
  font-size: 16px;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}
/* line 177, ../compass/compass/default.scss */
.sidemenu.main ul li a.last {
  margin-right: 0px;
}
/* line 182, ../compass/compass/default.scss */
.sidemenu.main ul li.special.selected a {
  background: none;
}
/* line 187, ../compass/compass/default.scss */
.sidemenu.main ul li.selected a, .sidemenu.main ul li:hover a {
  background-color: black;
}

/*header end*/
/* line 199, ../compass/compass/default.scss */
.sidemenu.small {
  display: none;
}
/* line 201, ../compass/compass/default.scss */
.sidemenu.small ul {
  margin-top: 25px;
  width: 16px;
}
/* line 204, ../compass/compass/default.scss */
.sidemenu.small ul li {
  /*margin-top: 50%;*/
}
/* line 206, ../compass/compass/default.scss */
.sidemenu.small ul li a {
  display: block;
  margin-right: 5px;
  padding: 2px;
  margin-top: 5px;
  height: 100%;
}

/*conten start*/
/* line 225, ../compass/compass/default.scss */
#content {
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-appearance: none;
}

/* line 231, ../compass/compass/default.scss */
.divider {
  width: 100%;
}

/* line 234, ../compass/compass/default.scss */
.title_divider {
  width: 100%;
  height: 8px;
  background-color: #77a21c;
  margin-bottom: 20px;
}

/* line 240, ../compass/compass/default.scss */
.content_section {
  min-height: 500px;
  width: 100%;
  -webkit-appearance: none;
  margin: 0px auto;
  margin-bottom: 800px;
  padding-top: 250px;
}
/* line 247, ../compass/compass/default.scss */
.content_section ul li {
  list-style-image: url(../images/list_dot.png);
}
/* line 249, ../compass/compass/default.scss */
.content_section ul li ul.neasted li {
  list-style-type: circle;
  list-style-position: inside;
}

/* line 262, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li {
  /*span.box_shadow {
  	background-color: red;
  	width: 30px;
  	height: 300px;
  	background: url(../images/shadow.png) no-repeat;
  }*/
  overflow: hidden;
  max-width: 205px;
  min-height: 340px;
  top: 250px;
  left: 0px;
  position: fixed;
  /*border: 3px solid $company_color;*/
  /*border-width: 3px;*/
  border-top-width: 8px;
  border-style: solid;
  border-color: #77a21c;
  background: url(../images/logo_transparency_small.png) no-repeat -38px -28px white;
  transition: opacity 1s ease-out;
  /*opacity: 0;  enable this allow box dissapear on mouse scrool*/
  opacity: 1;
  /*display: none;*/
  padding-bottom: 5px;
}
/* line 264, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li span.box_shadow {
  position: absolute;
  width: 38px;
  height: 100%;
  background: url(../images/shadow_s.png) no-repeat;
  background-size: cover;
}
/* line 297, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li h3.header_doc_box {
  text-align: center;
  width: 205px;
  margin-bottom: 0px;
  font-family: "PT Serif";
  margin-top: 20px;
  margin-left: 12px;
  margin-bottom: 0px;
}
/* line 307, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li a.external {
  float: left;
  color: #6f6f6f;
  font-family: "PT Serif";
  margin-left: 15px;
  width: 205px;
}
/* line 313, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li a.external:hover {
  color: #77a21c;
}
/* line 321, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li.inView.selected {
  overflow: hidden;
  list-style-image: none;
  border-color: #77a21c;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-width: 8px;
  transition: opacity 1s ease-in;
  opacity: 1;
  /*display: block;*/
}
/* line 338, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li.inView.selected a.external:hover {
  color: #77a21c;
}
/* line 342, ../compass/compass/default.scss */
#onama .sidemenu.document_box ul li.inView.selected #mrsh {
  position: absolute;
  top: 240px;
  left: -40px;
}

/* line 351, ../compass/compass/default.scss */
#onama {
  /*padding-top: 0px;*/
  text-align: left;
}
/* line 355, ../compass/compass/default.scss */
#onama h2 {
  float: right;
  text-align: right;
}
/* line 359, ../compass/compass/default.scss */
#onama h3 {
  width: 450px;
  float: right;
  text-align: right;
}
/* line 364, ../compass/compass/default.scss */
#onama h4 {
  /*width: 100%;*/
  font-weight: normal;
  line-height: 25px;
}
/* line 369, ../compass/compass/default.scss */
#onama ul {
  width: 490px;
}
/* line 371, ../compass/compass/default.scss */
#onama ul li {
  width: 490px;
  text-align: justify;
}

/* line 378, ../compass/compass/default.scss */
#usluge h2 {
  float: left;
  text-align: left;
}
/* line 382, ../compass/compass/default.scss */
#usluge h3 {
  width: 500px;
  /*float: left;*/
}
/* line 387, ../compass/compass/default.scss */
#usluge h4 {
  color: #6f6f6f;
  width: 600px;
  line-height: 20px;
  margin-bottom: 20px;
  float: right;
  text-align: justify;
}
/* line 395, ../compass/compass/default.scss */
#usluge ul {
  float: right;
}
/* line 397, ../compass/compass/default.scss */
#usluge ul li {
  line-height: 25px;
  width: 600px;
  font-weight: bold;
  color: #6f6f6f;
}
/* line 402, ../compass/compass/default.scss */
#usluge ul li ul li {
  font-weight: normal;
}

/* line 409, ../compass/compass/default.scss */
#reference {
  text-align: left;
}
/* line 411, ../compass/compass/default.scss */
#reference h2 {
  float: right;
  text-align: right;
}
/* line 415, ../compass/compass/default.scss */
#reference h3 {
  float: right;
  text-align: right;
  width: 500px;
}
/* line 420, ../compass/compass/default.scss */
#reference ul li {
  width: 600px;
}
/* line 423, ../compass/compass/default.scss */
#reference h3.general {
  color: #6f6f6f;
  width: 600px;
  line-height: 20px;
  margin-bottom: 50px;
}

/* line 430, ../compass/compass/default.scss */
.row {
  float: left;
  width: 24%;
  /*background-color: red;*/
  margin-left: 1%;
}
/* line 437, ../compass/compass/default.scss */
.row p {
  font-size: 13px;
  font-weight: lighter;
  line-height: 15px;
}
/* line 442, ../compass/compass/default.scss */
.row p.compName {
  color: #77a21c;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "PT Serif";
  font-size: 12px;
}
/* line 449, ../compass/compass/default.scss */
.row p.compDsc {
  color: #6f6f6f;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 5px;
}

/*POP_up*/
/* Mask for background, by default is not display */
/* line 460, ../compass/compass/default.scss */
#mask {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 999;
}

/* You can customize to your needs  */
/* line 474, ../compass/compass/default.scss */
.doc-box {
  display: none;
}

/* line 477, ../compass/compass/default.scss */
.doc-popup {
  display: none;
  /*background: #333;*/
  background: url(../images/bg_main.png) repeat;
  padding: 10px 0px 20px 0px;
  border-top: 7px solid #77a21c;
  float: left;
  font-size: 1.2em;
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 99999;
  width: 500px;
  min-height: 300px;
  box-shadow: 0px 0px 20px #999;
  /* CSS3 */
  -moz-box-shadow: 0px 0px 20px #999;
  /* Firefox */
  -webkit-box-shadow: 0px 0px 20px #999;
  /* Safari, Chrome */
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px;
  /* Firefox */
  -webkit-border-radius: 3px;
  /* Safari, Chrome */
}

/* line 503, ../compass/compass/default.scss */
.documents {
  display: block;
  margin-bottom: 7px;
}

/* line 507, ../compass/compass/default.scss */
img.btn_close {
  /*Position the close button*/
  float: right;
  margin: -28px -28px 0 0;
}

/*obavestenja*/
/* line 520, ../compass/compass/default.scss */
#obavestenja h3 {
  width: 500px;
}
/* line 523, ../compass/compass/default.scss */
#obavestenja .obavestenje {
  width: 490px;
  float: right;
  position: relative;
}
/* line 529, ../compass/compass/default.scss */
#obavestenja .obavestenje.open p.text {
  height: auto;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
/* line 535, ../compass/compass/default.scss */
#obavestenja .obavestenje.open a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  display: inline-block;
  padding: 3px 15px;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d40304), color-stop(100%, #770607));
  background-image: -webkit-linear-gradient(top, #d40304, #770607);
  background-image: -moz-linear-gradient(top, #d40304, #770607);
  background-image: -o-linear-gradient(top, #d40304, #770607);
  background-image: linear-gradient(top, #d40304, #770607);
}
/* line 547, ../compass/compass/default.scss */
#obavestenja .obavestenje.open a.vise {
  display: none;
}
/* line 554, ../compass/compass/default.scss */
#obavestenja .obavestenje.open ul {
  margin-left: 15px;
  font-style: italic;
}
/* line 559, ../compass/compass/default.scss */
#obavestenja h4 {
  font-size: 22px;
}
/* line 562, ../compass/compass/default.scss */
#obavestenja p.text {
  height: 59px;
  overflow: hidden;
  margin: 5px 0px;
  font-size: 14px;
  font-family: "PT Serif";
  line-height: 20px;
  font-weight: lighter;
  color: #6f6f6f;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
/* line 577, ../compass/compass/default.scss */
#obavestenja span.date {
  color: #B50405;
  float: left;
  font-size: 12px;
}
/* line 582, ../compass/compass/default.scss */
#obavestenja a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  display: inline-block;
  padding: 3px 15px;
  float: right;
  position: absolute;
  right: 0;
  top: 19px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d40304), color-stop(100%, #770607));
  background-image: -webkit-linear-gradient(top, #d40304, #770607);
  background-image: -moz-linear-gradient(top, #d40304, #770607);
  background-image: -o-linear-gradient(top, #d40304, #770607);
  background-image: linear-gradient(top, #d40304, #770607);
}
/* line 599, ../compass/compass/default.scss */
#obavestenja a.zatvori {
  display: none;
}

/* line 607, ../compass/compass/default.scss */
#contact {
  margin-bottom: 0px;
}
/* line 610, ../compass/compass/default.scss */
#contact h2 {
  float: right;
}
/* line 614, ../compass/compass/default.scss */
#contact .contact_details {
  background: white;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
/* line 620, ../compass/compass/default.scss */
#contact .contact_details .divider_contact {
  position: absolute;
  right: 50%;
  top: 0px;
}
/* line 625, ../compass/compass/default.scss */
#contact .contact_details .title_divider.tiny {
  height: 4px;
}
/* line 628, ../compass/compass/default.scss */
#contact .contact_details a.other_details {
  color: #6f6f6f;
  text-transform: none;
}
/* line 632, ../compass/compass/default.scss */
#contact .contact_details p {
  margin-bottom: 5px;
}
/* line 634, ../compass/compass/default.scss */
#contact .contact_details p.name, #contact .contact_details p.function, #contact .contact_details p.other_details {
  font-size: 16px;
  color: #77a21c;
  text-transform: uppercase;
}
/* line 639, ../compass/compass/default.scss */
#contact .contact_details p.function, #contact .contact_details p.other_details {
  color: #6f6f6f;
}
/* line 643, ../compass/compass/default.scss */
#contact .contact_details p.other_details {
  text-transform: none;
}
/* line 657, ../compass/compass/default.scss */
#contact .contact_details .details {
  margin-top: 50px;
  /*border: 1px solid black;*/
  width: 50%;
  float: left;
  min-height: 415px;
}
/* line 667, ../compass/compass/default.scss */
#contact .contact_details .details.company .logo_holder {
  margin: 0 auto;
  width: auto;
  text-align: center;
}
/* line 671, ../compass/compass/default.scss */
#contact .contact_details .details.company .logo_holder .logo_small {
  margin-top: 30px;
  /*position: absolute;*/
  /*top: -66px;*/
  /*left: -60px;*/
}
/* line 677, ../compass/compass/default.scss */
#contact .contact_details .details.company .logo_holder .company_name {
  font-size: 37px;
  font-family: "PT Serif";
  color: #750607;
}
/* line 683, ../compass/compass/default.scss */
#contact .contact_details .details.company .logo_holder .company_type {
  font-size: 14px;
}
/* line 687, ../compass/compass/default.scss */
#contact .contact_details .details.company .sediste, #contact .contact_details .details.company .office {
  width: 50%;
  text-align: center;
  float: left;
  margin-top: 20px;
}
/* line 700, ../compass/compass/default.scss */
#contact .contact_details .details.form {
  /*@include box-shadow-auto((1px 1px 4px #000 inset));*/
  text-align: center;
  position: relative;
}
/* line 705, ../compass/compass/default.scss */
#contact .contact_details .details.form input#name {
  margin-top: 30px;
}
/* line 710, ../compass/compass/default.scss */
#contact .contact_details .details.form .contact_filed {
  font-weight: bold;
  color: white;
  background: #a2a2a2;
  padding: 5px;
  font-family: "PT Serif";
  font-size: 14px;
  margin-bottom: 10px;
  -webkit-box-shadow: 1px 1px 1px black inset;
  -moz-box-shadow: 1px 1px 1px black inset;
  box-shadow: 1px 1px 1px black inset;
  width: 420px;
  text-align: left;
}
/* line 722, ../compass/compass/default.scss */
#contact .contact_details .details.form #submit_btn {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: white;
  padding: 3px 5px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d40304), color-stop(100%, #770607));
  background-image: -webkit-linear-gradient(top, #d40304, #770607);
  background-image: -moz-linear-gradient(top, #d40304, #770607);
  background-image: -o-linear-gradient(top, #d40304, #770607);
  background-image: linear-gradient(top, #d40304, #770607);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  cursor: pointer;
  width: auto;
}
/* line 733, ../compass/compass/default.scss */
#contact .contact_details .details.form .errMsg {
  position: absolute;
  /*display: block;*/
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d40304), color-stop(100%, #770607));
  background-image: -webkit-linear-gradient(top, #d40304, #770607);
  background-image: -moz-linear-gradient(top, #d40304, #770607);
  background-image: -o-linear-gradient(top, #d40304, #770607);
  background-image: linear-gradient(top, #d40304, #770607);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  right: 45px;
  color: white;
  font-weight: bold;
  padding: 3px 10px;
}
/* line 742, ../compass/compass/default.scss */
#contact .contact_details .details.form .errMsg.one {
  top: 35px;
}
/* line 745, ../compass/compass/default.scss */
#contact .contact_details .details.form .errMsg.two {
  top: 74px;
}
/* line 748, ../compass/compass/default.scss */
#contact .contact_details .details.form .errMsg.three {
  top: 115px;
}
/* line 755, ../compass/compass/default.scss */
#contact .contact_details .staff_details_holder {
  width: 88%;
  /*@include box-shadow-auto((1px 1px 4px #000 inset));*/
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
/* line 763, ../compass/compass/default.scss */
#contact .contact_details .staff_details_holder .staff_details {
  width: 33.3%;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-bottom: 40px;
  /*@include box-shadow-auto((1px 1px 4px #000 inset, 1px 1px 4px rgba(247,22,22,.9)));*/
}
/* line 771, ../compass/compass/default.scss */
#contact .contact_details .staff_details_holder iframe {
  margin: 0 auto;
  border: 10px solid #77a21c;
}
/* line 776, ../compass/compass/default.scss */
#contact .contact_details.from {
  margin-top: 50px;
}

/* line 785, ../compass/compass/default.scss */
#footer {
  margin-bottom: -20px;
  max-width: 100%;
  position: relative;
  -webkit-appearance: none;
}
/* line 790, ../compass/compass/default.scss */
#footer .title_divider.big {
  height: 45px;
}
/* line 792, ../compass/compass/default.scss */
#footer .title_divider.big p {
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 45px;
}

/* line 802, ../compass/compass/default.scss */
#message {
  text-align: center;
}
/* line 804, ../compass/compass/default.scss */
#message h2 {
  color: #77a21c;
  font-family: "Roboto Condensed", sans-serif;
}
/* line 808, ../compass/compass/default.scss */
#message p {
  color: #750607;
  font-family: "Roboto Condensed", sans-serif;
}

/* line 818, ../compass/compass/default.scss */
fieldset {
  border: none;
}

/* line 822, ../compass/compass/default.scss */
form.signin .textbox label {
  display: block;
  padding-bottom: 7px;
}

/* line 827, ../compass/compass/default.scss */
form.signin .textbox span {
  display: block;
}

/* line 831, ../compass/compass/default.scss */
form.signin p, form.signin span {
  color: #999;
  font-size: 11px;
  line-height: 18px;
}

/* line 837, ../compass/compass/default.scss */
form.signin .textbox input {
  background: #666666;
  border-bottom: 1px solid #333;
  border-left: 1px solid #000;
  border-right: 1px solid #333;
  border-top: 1px solid #000;
  color: #fff;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px Arial, Helvetica, sans-serif;
  padding: 6px 6px 4px;
  width: 200px;
}

/* line 852, ../compass/compass/default.scss */
form.signin input:-moz-placeholder {
  color: #bbb;
  text-shadow: 0 0 2px #000;
}

/* line 857, ../compass/compass/default.scss */
form.signin input::-webkit-input-placeholder {
  color: #bbb;
  text-shadow: 0 0 2px #000;
}

/* line 862, ../compass/compass/default.scss */
.button {
  background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
  background: -o-linear-gradient(top, #f3f3f3, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
  border-color: #000;
  border-width: 1px;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  padding: 6px 6px 4px;
  margin-top: 10px;
  font: 12px;
  width: 214px;
}

/* line 881, ../compass/compass/default.scss */
.button:hover {
  background: #ddd;
}

/*NANO scroller*/
/*.nano { background: #bba; width: 500px; height: 500px; }*/
/*.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }*/
@media only screen and (max-width: 1280px) {
  /* line 895, ../compass/compass/default.scss */
  .wrapper {
    width: 780px;
  }

  /* line 898, ../compass/compass/default.scss */
  #header {
    height: 150px;
  }

  /* line 901, ../compass/compass/default.scss */
  #onama .sidemenu.document_box ul {
    width: 100%;
  }
  /* line 905, ../compass/compass/default.scss */
  #onama .sidemenu.document_box ul li.inView,
  #onama .sidemenu.document_box ul li {
    max-width: 100%;
    display: block;
    width: 50%;
    margin: 0 auto;
    display: block;
    height: auto;
    left: 0;
    top: -35px;
    max-width: 100%;
    min-height: 10px;
    position: relative;
    width: 100%;
  }
  /* line 918, ../compass/compass/default.scss */
  #onama .sidemenu.document_box ul li.inView h3.header_doc_box,
  #onama .sidemenu.document_box ul li h3.header_doc_box {
    width: 100%;
  }

  /* line 924, ../compass/compass/default.scss */
  .content_section {
    padding-top: 195px;
    margin: 0;
  }
}
/* line 931, ../compass/compass/default.scss */
.ie8 #just.bg {
  display: none;
}