body {
  font: 300 14px/1.38 'museo-sans', arial, sans-serif;
  color: rgb(255, 255, 255);
}
/* Svi headeri. */
#header_home {
  float: left;
  width: 960px;
  height: 100px;
}
.logo_home {
	float:left;
	position:relative;
	width:322px;
	height:191px;
}
#header {
  float: left;
  width: 960px;
  height: 200px;
}
.logo {
	float:left;
	position:relative;
	width:322px;
	height:191px;
}
.ill-under-menu {
	position:relative;
	float:left;
	width: 640px;
	margin:0;
	padding:0;
}
.top-illustration {
	position: relative;
  	float: right;
 	 width: 638px;
 	 margin:0;
	 padding:0;
}
.under_logo_illustration {
  position: relative;
  float: left;
  width: 322px;
}


/* Navigation bar styling. */
#menu-wrapper {
	position:relative;
	float:left;
	margin:52px 0 0 15px;
	width:622px;
	height:36px;
}

#nav {
      margin: 0;
      padding: 0;
      list-style: none;
	  overflow:visible;
}
#nav li {
      float: left;
	  list-style: none;
	  text-indent:0;
}
#nav li a, #nav li a:visited {
  font-family: "museo-slab", arial;
  font-size:18px;
  display: block;
  margin: 0 57px 0 15px;
  text-decoration: none;
  color: #000;
  text-align:right;
  font-weight:700;
}
#nav li a:hover, #nav li a:visited:hover {
   color: #fff;
}
#nav .active {
  font-family: "museo-slab", arial;
  font-size:18px;
  display: block;
  margin: 0 57px 0 15px;
  text-decoration: none;
  color: #fff;
  text-align:right;
  font-weight:700;
}
/* End navigation bar styling. */

.container {
  width: 960px;
  margin: 0 auto;
  clear:both;
}

.top_illustration {
	position:relative;
	float:left;
	width:960px;
	clear:both;
	margin:0;
	padding:0;
}
/* Left column all. */
.left_column {
  position: relative;
  float: left;
  width: 650px;
  background-color:#FFF;
  margin:0;
  padding: 0 25px 25px 25px;
}

.left_column_kontakti {
  position: relative;
  float: left;
  width: 650px;
  background-color:#FFF;
  margin:0;
  padding: 0 25px 25px 25px;
}

.left_column_kontakti p a:link, .left_column_kontakti p a:visited {
  color: #fe0000;
}
.left_column_kontakti p a:hover, .left_column_kontakti p a:visited:hover {
  text-decoration: underline;
}

.left_column_novosti {
  position: relative;
  float: left;
  width: 650px;
  background-color:#FFF;
  margin:0;
  padding: 0 25px 25px 25px;
}

.left_column_novosti p a:link, .left_column_novosti p a:visited {
  color: #fa9d1c;
}
.left_column_novosti p a:hover, .left_column_novosti p a:visited:hover {
  text-decoration: underline;
}

.left_column_novosti h1 a:link, .left_column_novosti h1 a:visited {
  color: #000;
}
.left_column_novosti h1 a:hover, .left_column_novosti h1 a:visited:hover {
  text-decoration: none;
}

.novosti_post_photo {
	position:relative;
	float:left;
	width:600px;
	margin:25px 0 30px 0;
	padding:0;
}
.novosti_povratak {
	position:relative;
	float:left;
	margin: 25px 0 0 0;
}

.left_column_home {
  position: relative;
  float: left;
  width: 322px;
  height: 443px;
  margin-top:103px;
}

/* Sidebars all. */
.sidebar {
	position:relative;
	float:right;
	width:250px;
	background-color: #1a1a1a;
	margin:0;
	padding:20px;
}
.sidebar p {
	color:#fff;
	font-size: 12px;
	line-height:17px;
}
.sidebar p a:link, .sidebar p a:visited {
  font-family: "museo-sans", arial;
  text-decoration: none;
  color: #00aeef;
  font-weight:300;
  font-size:12px;
  line-height:17px;
}
.sidebar p a:hover, .sidebar p a:visited:hover {
  text-decoration: underline;
}

.sidebar_kontakti {
	position:relative;
	float:right;
	width:250px;
	background-color: #1a1a1a;
	margin:0;
	padding:20px;
}
.sidebar_kontakti p {
	color:#fff;
	font-size: 12px;
	line-height:17px;
}
.sidebar_kontakti p a:link, .sidebar_kontakti p a:visited {
  font-family: "museo-sans", arial;
  text-decoration: none;
  color: #fe0000;
  font-weight:300;
  font-size:12px;
  line-height:17px;
}
.sidebar_kontakti p a:hover, .sidebar_kontakti p a:visited:hover {
  text-decoration: underline;
}

.sidebar_novosti {
	position:relative;
	float:right;
	width:250px;
	background-color: #1a1a1a;
	margin:0;
	padding:20px;
}
.sidebar_novosti p {
	color:#fff;
	font-size: 12px;
	line-height:17px;
}
.sidebar_novosti p a:link, .sidebar_novosti p a:visited {
  font-family: "museo-sans", arial;
  text-decoration: none;
  color: #fa9d1c;
  font-weight:300;
  font-size:12px;
  line-height:17px;
}
.sidebar_novosti p a:hover, .sidebar_novosti p a:visited:hover {
  text-decoration: underline;
}

.sidebar_illustration {
	position:relative;
	float:right;
	width:250px;
	margin:0;
	padding:0;
}
/* End sidebars. */
.right_column_home {
  position: relative;
  float: right;
  width: 638px;
  height: 545px;
  margin:0;
}
.bottom_illustration {
  position:relative;
  float:left;
  width: 960px;
  clear:both; 
  margin:0;
  padding:0;
}

.logos_all {
  width: 960px;
  height: 132px;
  margin: 0 auto;
  clear:both; 
}
/* Sve za footer. */
#footer {
  width: 100%;
  height: 323px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 1);
}

.copyright_container {
  width: 100%;
  height: 191px;
  margin: 0 auto;
  background-image: -webkit-linear-gradient(90deg, #333333 0%, rgb(0, 0, 0) 100%);
  background-image:    -moz-linear-gradient(90deg, #333333 0%, rgb(0, 0, 0) 100%);
  background-image:      -o-linear-gradient(90deg, #333333 0%, rgb(0, 0, 0) 100%);
  background-image:     -ms-linear-gradient(90deg, #333333 0%, rgb(0, 0, 0) 100%);
  background-image:         linear-gradient(360deg, #333333 0%, rgb(0, 0, 0) 100%);
}

.copyright_txt_container {
  width: 925px;
  height: 37px;
  margin: 130px auto 0;
}

.footer-copyright-text {
  float: left;
  width: 100%;
  font-size: 11px;
  min-height: 34px;
  margin-top: 1px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}
/* End footer. */
hr {
  border: 0 #e6e6e6 solid;
  border-top-width: 1px;
  clear: both;
  height: 1px;
  margin: 25px 0 25px 0;
}
/* Logos. */
.fondovi {
	float:left;
	position:relative;
	width:150px;
	height:132px;
	margin:0;
	background: url("../imgs/fondovi-logo.jpg") no-repeat 0 0;
	background-size:300px 132px;
}
.fondovi:hover {
	background-position: -150px 0;
}
.esf {
	float:left;
	position:relative;
	width:80px;
	height:132px;
	margin:0;
	background: url("../imgs/esf-logo.jpg") no-repeat 0 0;
	background-size:160px 132px;
}
.esf:hover {
	background-position: -80px 0;
}
.eu {
	float:left;
	position:relative;
	width:135px;
	height:132px;
	margin:0;
	background: url("../imgs/eu-logo.jpg") no-repeat 0 0;
	background-size:270px 132px;
}
.eu:hover {
	background-position: -135px 0;
}
.czrcd {
	float:left;
	position:relative;
	width:115px;
	height:132px;
	margin:0;
	background: url("../imgs/czrcd-logo.jpg") no-repeat 0 0;
	background-size:230px 132px;
}
.czrcd:hover {
	background-position: -115px 0;
}
.uzuvrh {
	float:left;
	position:relative;
	width:150px;
	height:132px;
	margin:0;
	background: url("../imgs/rh-ured-za-udruge.jpg") no-repeat 0 0;
	background-size:300px 132px;
}
.uzuvrh:hover {
	background-position: -150px 0;
}
.babe {
	float:left;
	position:relative;
	width:100px;
	height:132px;
	margin:0;
	background: url("../imgs/babe-logo.jpg") no-repeat 0 0;
	background-size:200px 132px;
}
.babe:hover {
	background-position: -100px 0;
}
.mladi {
	float:left;
	position:relative;
	width:115px;
	height:132px;
	margin:0;
	background: url("../imgs/mladi-eu-logo.jpg") no-repeat 0 0;
	background-size:230px 132px;
}
.mladi:hover {
	background-position: -115px 0;
}
.legalina {
	float:left;
	position:relative;
	width:115px;
	height:132px;
	margin:0;
	background: url("../imgs/legalina-logo.jpg") no-repeat 0 0;
	background-size:115px 132px;
}