@charset "UTF-8";
body {
	font-family: "Trebuchet MS", Arial;
	font-size: 13px;
	line-height:18px;
	color: #555;
	margin:0;
	padding:0;
}

p 		{margin:0 0 14px 0;}

h2 		{margin:0 0 8px 0; font-size:34px; color:#a52b31; font-weight:normal; line-height:34px; margin: 20px 0 20px 0;}
h3 		{margin:0 0 8px 0; font-size:26px; color:#b3d234; line-height:30px;}
h4 		{margin:0 0 8px 0; font-size:20px; color:#666; line-height:20px;}
h5		{margin:0 0 8px 0; font-size:20px; color:#a52b31; line-height:22px;}


a:link 		{color:#a52b31; text-decoration:none;}
a:hover 	{color:#b3d234;}
a:visited	{color:#a52b31; text-decoration:none;}
a:active	{color:#a52b31; text-decoration:none;}
a {border:none;}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:990px;
	clear:both;
	float:none;
}
#logo {
	width:550px;
	height:205px;
	float:right;
}
#animacija {
	width:440px;
	height:240px;
	float:left;
}

#right-wrapper {
	float: right;
	width: 680px;
	background-image: url(../images/gradijentLogoBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#right-wrapperPostave {
	float: right;
	width: 600px;
	background-image: url(../images/gradijentLogoBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#inner {
	width:948px;
	clear:both;
	float:left;
	border-right: solid 2px #b3d234;
	padding:30px 20px 30px 20px;
	
}
#innerVijesti {
	width:948px;
	clear:both;
	float:left;
	border-right: solid 2px #b3d234;
	padding:30px 20px 30px 20px;
	background-image:url(../images/leftLogo.jpg);
	background-repeat:no-repeat;
	position: relative;
}
#footer{
	width:930px;
	clear:both;
	float:none;
	border-left: solid 2px #b3d234;
	border-bottom: solid 1px #ccc;
	padding:0 30px 30px 30px;
	margin-top:30px;
	background-image:url(../images/cccBg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#najave {
	width:220px;
	float:left;
	margin-right:30px;
	clear:both;
}
.najaveDatum {
	font-size:11px;
	margin:0;
	float:left;
	clear:both;
}
.najaveIme {
	float:left;
	clear:both;
	padding:0 0 10px 0;
}

.najaveIme a:hover {	color:#b3d234;}
.najaveIme a:link 	{	color:#a52b31;}

#gradacija {
	width:80px;
	float:left;
}
#vijesti {
	display: inline;
	width:590px;
	float:right;
	clear: right;
}
#vijest1 {
	width:280px;
	float:left;
}
#vijest2 {
	width:280px;
	float:right;
}
#ostaleVijesti 		{ clear:both; padding: 10px 0 10px 0; border-top:solid 1px #ccc;  border-bottom:solid 1px #ccc;}
.ostaleVijestiIme 	{ clear:both; padding: 2px 0 2px 0;}

#postave {
	width:440px;
	float:right;
	margin-left:10px;
	margin-right:20px;
}

#trazilica {
	float:left;
	padding:0px;
	clear:right;
}
#trick { margin: 0 0 20px 0; }
.poljeUnosa {
	padding:4px; border:1px solid #ccc;
}
.quote {
	padding:10px; margin:16px 0px 16px 36px; background-image:url(../images/bgCitat.gif); background-repeat:no-repeat; background-position:top left; font-size:18px; line-height:22px;
}
.subtitle 		{margin:0 0 8px 0; font-size:20px; color:#b3d234; line-height:20px;}


/* SLIKE */

.image{
	float:left;
	margin-right:8px;
	border:solid 1px #ccc;
	padding:5px;
}
.imageArticle{
	padding: 5px;
	margin: 0;
}

.imageLeft {
	float:left;
	border:solid 1px #ccc;
	font-size:11px; color:#b3d234;
	position: relative;
	margin-right: 8px;
	background-color: #FFF;
	margin-bottom:10px;

}
.imageLeftLeft {
	float:left;
	border:solid 1px #ccc;
	font-size:11px; color:#b3d234;
	position: relative;
	left: -200px;
	margin-right: -190px;
	background-color:#ffffff;
	background-color: #FFF;
	margin-bottom:10px;

}
.imageRight {
	float:right;
	margin-left:8px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	font-size:11px; color:#b3d234;
	background-color: #FFF;
}
.imageCenter {
	float:none;
	margin:0 0 10px 0;
	border:solid 1px #ccc;	
	font-size:11px; color:#b3d234;
	background-color: #FFF;
}
.signature {
	display: block;
	padding: 0 5px 0 5px;
}

.imagy{
	border:solid 2px #f8f8f8;
	float: left;
	margin: 0 4px 6px 0;
	padding: 3px;
}

#imagy {
	left: 0;
	top: 30px;
	position: absolute;
	width: 360px;
}

#slikice {float:left; clear:both;}
#slikice img {float:left; border:2px solid #ccc; padding:3px; margin:5px;}

/* MENI */

.meniLeft1 			{padding:8px; border-bottom:solid 1px #CCCCCC;}
.meniLeft2 			{padding:8px 8px 8px 20px; border-bottom:solid 1px #CCCCCC;}
.meniLeft2 a:link	{color:#666}
.meniLeft2 a:visited{color:#666}
.meniLeft2 a:hover	{color:#a52b31}


#navigacijaTop {
	width:540px;
	float:right;
	background-color:#bbbcbd;
	color:#fff;
	text-align:right;
	padding-right:10px;
}
#navigacijaTop a:link		{color:#FFF}
#navigacijaTop a:visited	{color:#FFF}
#navigacijaTop a:hover		{color:#a52b31}


/* Navigation */
.nav {
	float: right;
	clear: both;
	width: 540px;;
	height: 35px;
	text-align: right;
}
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  text-decoration: none;
  color: #959595 !important;
}

.nav li a:hover {
  background: #ccc;
  color: #000 !important;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #565656;
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: #565656;
  list-style: none;
  margin: 0;
  width: 150px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 35px;
  left: -81px;
}
.nav ul li {
  border: 0;
  float: left;
}
.nav ul a {
  padding: 5px 10px 5px 10px;
  float: left;
  width: 150px;
  text-align: left;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.gallery-link {
	display: block;
	border: 0 !important;
}
.gallery-link img {
	border: 2px solid #a52b31 !important;
	margin: 0;
	padding: 0;
}

#video-content h2 { margin: 25px 0 18px 0; font-size:20px; color:#a52b31; line-height:22px; }
#video-content #player, .player { margin-bottom: 15px; }
	
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}