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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: sans-serif;
	background: url("../images/natural_paper.png") repeat scroll 0 0;
	color: #4d4d4d;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}

a {
  outline:none;
}

table {
  border:none;
  border-left: 1px solid #4D4D4D;
  border-top: 1px solid #4D4D4D;
  margin-bottom: 10px;
}

table td {
  border:none;
  border-right: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}


p {
    margin: 0 0 25px;
    padding: 0;
}

.main p {
  margin: 0 0 10px;
  line-height: 21px;
}

a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* ==========================================================================
   Fonts
   ========================================================================== */
h1, #nav, #vmenu {
	font-family: 'Noto Sans', sans-serif;
}


/* ==========================================================================
   Body
   ========================================================================== */




/* ==========================================================================
   Layouts
   ========================================================================== */
/*
 * Wrapper
 */
#wrapper{
    
    margin: 0 auto;
    overflow: hidden;
}
#header, .footercontainer{
	width: 960px;
	margin: 0 auto;
}

#slider{
  width: 100%;
  overflow: hidden;
  height:auto;
  float:none;
  min-height: 200px;
  clear:both;
  display: block;
}

#slider img {
 margin-bottom: 0px;
}

#nav{
	background: #3a454b;
	margin-bottom: 30px;

}
#content{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#primary{
	width: 680px;
	float: right;
}

#secondary{
	float: left;
	width: 250px;
	margin: 0 30px 0 0;

}
#bottom{
	position: relative;
}
#footer{
	background: #3a454b;
    padding: 30px 0 10px 0px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}


#navcontainer{
	margin: 0 auto;
	width: 960px;
}


/* ==========================================================================
   Menus
   ========================================================================== */
#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: block;
  height: 50px;
  font-size: 18px;
  width: auto;
}
#nav li {
  display: block;
  float: left;
  margin: 0;
  pading: 0;
 /* border-right: 1px solid #989898;*/
  background: url(../images/line-bg.jpg) no-repeat;
  background-position: right;
}
#nav li a {
	color: #fff;
	display: block;
	float: left;
	height: 35px;
  width:137px;
  text-align: center;
	padding: 15px 0px 0;
	text-decoration: none;
}
#nav li a:hover {
}

#nav li a:hover {
  background:#fa0912;
}


#nav li.zeleno a:hover {
  background:#38b038;
}

#nav li.zuto a:hover {
  background:#ccb91c;
}

#nav li.link1 a:hover {
  background: #33bee5;
}

#nav li.link2 a:hover {
  background: #FABE09;
}


#nav li.link3 a:hover {
  background: #6CC437;
}

#nav li.link4 a:hover {
  background: #F97A14;
}

#nav li.link5 a:hover {
  background: #E94F4F;
}

#nav li.link6 a:hover {
  background: #48DCB8;
}

#nav li.link7 a:hover {
  background: #33BEE5;
}
#nav li.last {
  background:none;
}



div#vmenu {
   margin: 0;
   padding: .25em 0em .25em 0em;
   background: #3a454b;

}

#vmenu a {
	color: #fff;
	font-size: 14px;
	line-height: 24px;

}

div#vmenu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

div#vmenu ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #989898;

}



div#vmenu ul a:link {
   margin: 0;
   padding: 10px 20px;
   text-decoration: none;
   display: block;
}

div#vmenu ul a:active {
   margin: 0;
   text-decoration: none;
   display: block;
}

div#vmenu ul a:visited {
   margin: 0;
   text-decoration: none;
   display: block;
}

div#vmenu ul li a:hover {
   margin: 0;
   text-decoration: none;
   display: block;
   color:#33BEE5;
} 

#vmenu li:last-child,
#nav li:last-child {
	border-bottom: none;
	border-right: none;
}


/* ==========================================================================
   General Styles
   Site wide styles for text elements, forms and links
   ========================================================================== */
#secondary h1{
	font-size: 18px;
	margin-bottom: 10px;
	color: #3a454b;
}

#primary h1 {
	font-size: 24px;
	margin: 20px 0;
	color: #3A454B;
}

strong {
    font-weight: bold;
    padding-right: 5px;
}

.cpy {
    display: block;
    float: left;
    margin: 10px 0 1em 0;
    color: #babec0;
    font-size: 11px;
}


.v {
    float: right;
}
img {
    height: auto;
    margin: 0 0 0.5em;
    max-width: 100%;
}


/* ==========================================================================
   SLider
   ========================================================================== */

   .slider {
    height: 135px;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 52px;
    position: relative;
}

.slider li {
    padding: 10px 0;
    overflow: hidden;
}

.slider li img {
    opacity: 0.6;
}

.slider li a:link, .slider li a:visited {
  display: block;
  float: left;
  height: 113px;
  margin: 0 10px;
  padding: 4px;
  width: 150px;
}

a.slider_left:link, a.slider_left:visited {
  background: url("../images/left_arr.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  left: 20px;
  margin-top: -15px;
  overflow: hidden;
  top: 50%;
  position: absolute;
  text-indent: -9999px;
  width: 15px;
  height: 30px;
}

a.slider_left:hover, a.slider_left:active{
  background-position: left top;
}

a.slider_right:link, a.slider_right:visited {
  background: url("../images/right_arr.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  margin-top: -15px;
  overflow: hidden;
  right: 20px;
  top: 50%;
  position: absolute;
  text-indent: -9999px;
  width: 15px;
  height: 30px;
}

a.slider_right:hover, a.slider_right:active{
  background-position: left top;
}






/* ==========================================================================
   DIV Specific Styles
   style the HTML that sits inside those site wide areas like the header and footer. 
   So now, rather than just giving the div#footer or footer its dimensions, borders 
   and so on, I’m going to style the lists, paragraphs and so on inside of the footer.
   ========================================================================== */
.logo{
	float: left;
	margin-top: 30px;
  margin-bottom: 10px;
}

.language{
	float: right;
}

.main,
.box, #bottom {
	background: #fff;
	padding: 20px;
	font-size: 12px;
	line-height: 24px;
}


.main {
  float:left;
  width:640px;
}

.box, #bottom{
	margin-top: 20px;
}

.ostalo {
    overflow: hidden;
}

.ostalo h2{
  font-size: 18px;
  font-family: 'Noto Sans',sans-serif;
  margin: 20px 0;
  color: #3A454B;
}




/* ==========================================================================
   Page Specific Styles
   ========================================================================== */

.item {
    margin: 0 0 2em;
    overflow: hidden;
}
.item_link {
    background: url("../images/novosti_back.png") repeat scroll center center transparent;
    display: block;
    float: left;
    height: 150px;
    margin: 0 20px 0 0;
    padding: 4px;
    width: 200px;
}

.opsirnije_link {
  background: url("../images/vise_bullet.gif") no-repeat scroll left center transparent;
  float: right;
  font-size: 12px;
  margin: 0.5em 0 0;
  padding: 0 0 0 1em;
  font-family: 'Noto Sans',sans-serif;
  text-decoration: none;
}
.novosti_sep {
  clear: both;
  height: 11px;
  margin: 0;
}

.reference-main .novosti_sep {
  height:0px;
}


.item h2{
    color: #3A454B;
    font-family: 'Noto Sans',sans-serif;
    font-size: 18px;
    margin: 0px 0 20px 0;
}

.flex-l .flex-next, .flex-l .flex-prev {
  display:none;
}

.item h2 a{
    color: #3A454B;
    font-family: 'Noto Sans',sans-serif;
    font-size: 18px;
    text-decoration: none;

}

.kontakt_podaci {
    float: left;
    width: 30%;
    overflow: hidden;
}


.kontakt_forma {
    padding: 1em 0 0;
    float: left;
    width: 100%;
    overflow: hidden;
}

.kontakt {
  font-size: 11px;
  position: relative;
}

.kontakt p {
  margin-bottom: 0px;
}

.kontakt a:hover {
  color:#000;
}

.prijava_box label {
    display: block;
    margin: 0 0 0.5em;
}


.prijava_box input {
    -moz-box-sizing: border-box;
    border: 1px solid #E1E1E1;
    color: #4D4D4D;
    display: block;
    margin: 0 0 1em;
    padding: 1%;
    width: 99.4%;
}

.prijava_box input.txt_error, .prijava_box textarea.txt_error  {
  border: 1px solid #f22424;
}

.prijava_box textarea {
    -moz-box-sizing: border-box;
    border: 1px solid #E1E1E1;
    color: #4D4D4D;
    font-size: 0.9em;
    height: 265px;
    margin: 0 0 1em;
    overflow: auto;
    padding: 1%;
    width: 99.4%;
}

.prijava_box input.button {
    background: #F80B14;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Noto Sans',sans-serif;
    font-size: 14px;
    margin: 0;
    margin-right: 3px;
    float:right;
    padding: 0.5em;
    text-align: center;
    width: 25%;
    text-transform: uppercase;
}

a.download_link:link, a.download_link:visited {
    background: url("../images/download_ico.png") no-repeat scroll 10px center #F6F6F6;
    display: block;
    margin: 0 0 10px;
    padding: 0.5em 0.5em 0.5em 3em;
}

a:link, a:visited {
    color: #F80B14;
    text-decoration: none;
    font-family: 'Noto Sans',sans-serif;

}


.clear {
  clear:both;
}

#slider {
  position: relative;
}

.slide1 {
  text-align: center;
  width:100%;
  font-family: 'Noto Sans';
  font-weight: bold;
}

.left-s {
  background: url(../images/left-arr.png) no-repeat;
  background-position: left;
  width:41px;
  height:40px;
  position: absolute;
  left:0px;
  top:50%;
  cursor: pointer;
  z-index: 100;
  display: block;
}

.right-s {
  background: url(../images/right-arr.png) no-repeat;
  background-position: left;
  width:39px;
  height:40px;
  position: absolute;
  right:0px;
  top:50%;
  z-index: 100;
  cursor: pointer;
  display: block;
}

.slide1 span {
  background: url(../images/bg-w.png) repeat;
  color:#3a454b;
  width:356px;
  position: absolute;
  top:30%;
  font-size:18px;
  line-height: 21px;
  text-align: left;
  padding:10px;
  right:24.4%;
}

.o-nama {
  float:right;
}

.arr-kont {
  background: url(../images/procitaj-vise.png) no-repeat;
  width:14px;
  height:5px;
  position: absolute;
  right:15px;
  float:right;
  display: block;
  top:27px;
}

.txt_error_img {
  float:right;
  margin-bottom: 0px;
}

.main a:hover {
  color:#000;
}

.certifikat {
  float:left;
  width:210px;
}

.certifikati-img {
  float:left;
}

.certifikat span {
  font-size:11px;
  line-height: 15px;
  float:left;
  padding-left: 15px;
}

.certifikat p {
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.item {
  border-bottom: 1px solid #ECECEC;
  float:left;
  padding-bottom: 1em;
  width:100%;
}

.item.last {
  border:none;
}

.no_content 
{
  float:left;
  width:89.5%;
  border: 2px solid #E0E0E0;
  text-align: center;
  font-weight: bold;
  margin-left:0.5%;
  margin-bottom:2em;
  padding:1% 5%;
  background: #EFEFEF;
}


a.unos_link {
  float:left;
  margin-right:20px;
}

.solast {
  text-indent: -9999px;
  overflow: hidden;
}

.solast a {
  background:none!important;
}

.karta {
  float:right;
}

hr.kontakt-hr {
  border:none;
  border-top:1px solid #D0D0D0;
  margin-top:25px;
  margin-bottom: 10px;
}

a.gal_link {
  width:120px;
  height:90px;
  overflow: hidden;
  float:left;
  display: block;
  margin-right:3px;
  text-align:center;
  margin-bottom:6px;
  border: 1px solid #E9E9E9;
  padding:2px;
}


a.gal_link_last {
  width:120px;
  height:90px;
  overflow: hidden;
  float:left;
  display: block;
  margin-right:0px;
  margin-bottom:6px;
  text-align:center;
  border: 1px solid #E9E9E9;
  padding:1px;
}

.slider-slika {
  width:80px;
  height:60px;
  float:left;
}

.flex-l  {
  width:200px;
}
 
.flex-l .slides li a {
  text-align: center;
}

.flex-d .slides li {
    height:60px;/*
    margin-right: 20px;
    margin-left:20px;*/
    margin-left: 5px;
    text-align: center;
}

.opis-txt {
  float:left;
  width:400px;
  margin-left:15px;
}

.ref-slika {
  float: left;
  height: 165px;
  width: 200px;
  margin-right: 10px;
}

 .ref-slika a.gal_link {
  width:200px;
  height:165px;
 }

 .ref-slika a.gal_link {
  display: block;
  float: left;
  height: 90px;
  overflow: hidden;
  text-align: center;
  width: 120px;
}

.ref-slika .flexslider {
    box-shadow: none;
 }

.opis-txt .flexslider {
  box-shadow: none;
  height: 60px;
  margin: 0;
  width: 350px;
  margin-left: 20px;
}

 .item .opis-txt h2 {
  margin-bottom: 5px;
}

.opis-txt p {
  margin-bottom: 0px;
  line-height: 19px;
}

.opis-txt-txt {
  float: left;
  height: 90px;
  overflow: hidden;
  width: 400px;
}

.flex-direction-nav a.flex-prev {
  background: url("../../images/left_arr.png") no-repeat scroll left bottom;
  text-indent: -9999px;   width:20px; height:30px;
}

.flex-direction-nav a.flex-next {
  background: url("../../images/right_arr.png") no-repeat scroll left bottom;
    text-indent: 9999px;   width:20px; height:30px;
}

.flexslider .slides img {
  width:auto;
  height:auto;
  max-width:200px;
  max-height:165px;
}

ul.page_numbers {
  float: left;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.page_numbers li {
  display: inline;
}

.page_numbers li a.pslc, .page_numbers li a.pslc:hover {
  background: none repeat scroll 0 0 #FB0711;
  border: 1px solid #CECECE;
  color: #FFFFFF;
}

.page_numbers a {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CECECE;
  color: #3A454B;
  font-weight: bold;
  line-height: 24px;
  margin-right: 5px;
  padding: 3px 6px;
  text-decoration: none;
}

.full #primary {
  width:100%;
  margin-top:20px;
}


.full .main {
  width:920px;
  margin-top:20px;
}

.language {
  float:right;
  margin-top:81px;
}

.language a {
  background: url("../images/lang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 14px;
  margin: 6px 0 0 8px;
  text-indent: -9999px;
  width: 22px;
}

.language a.hr {
  background-position: 0 0;
}

.language a.hr:hover, .language a.hr.slc {
  background-position: 0 -14px;
}


.language a.en {
  background-position: -31px 0;
}

.language a.en:hover, .language a.en.slc {
  background-position: -31px -14px;
}


.language a.ru {
  background-position: -127px 0;
}

.language a.ru:hover, .language a.ru.slc {
  background-position: -127px -14px;
}