html {
	background-color: #d36b0f;
	height:100%;
	padding:0px;
	margin:0px;
	overflow:auto;
	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color: #d36b0f;

}

.wrapper1{
	color: #44433f;	
	font: 13px Arial, "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 4px 0 0;
	height:100%;
	background-color: #EFEFDF;
	background:url(../images/backgroundBig.jpg) no-repeat center top;
	}
	.nav-wrapper a{
		color: #ffffff;
		text-decoration: none;
	}
	.nav-wrapper a:hover {
		color: #09548B;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	width: 980px;
	margin: 5px auto;
}
.frapper {
	width: 980px;
	height:40px;
	font-size: 1px;
	background-image: url(../images/footer_bck.png);
	background-repeat: no-repeat;
}
.nav {
	background: #fff url(../images/nav_bg.png) repeat-x;
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(../images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(../images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	width: 955px;
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 14px;
	padding-left:3px; !important
}
.nav li {
	float: left;
	padding: 0 5px;
	background: url(../images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(../images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 4px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 950px;
	background: transparent url(../images/content_bg.png) repeat-y;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.content h1 {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 2px;
}
.content p {
	padding: 0;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(../images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

#okvir {
	background-color: #EBEBEB;
	margin: 3px;
	padding: 3px;
	height: 160px;
	width: 160px;
	border: 1px solid #CCCCCC;
	text-align: center;
	display: block;
	float:left;
	vertical-align: middle;
}

/*news*/
#wrapper {
    width: 800px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h3 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 740px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px;
    width: 740px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	height: 220px;
	width: 740px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.scrollContainer div.panel img {
	padding-right: 10px;
}

.scrollContainer div.panel a {
	color:#000000;
	text-decoration:none;
}

#shade {
	height: 50px;
	background-color: #ffffff;
	background-image: url(../images/shade.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
	display: inline;
	margin-right: 10px;
	font-size: 18px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
	background-color: #F5F5F5;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#protectimage {
   position: relative;
   width: 100%; /* for IE 6 */
}

#protectimage .protector {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/spacer.gif);
}

/*news*/



.panedate {
	color: #adadad;
	font-size: 10px;
}
div.panerate {
	background-image: url(../images/panerate_bck.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: right;
	width:100%;
	padding-bottom:5px;
	margin-bottom: 5px;
}

.naslovpodnapis {
	height:37px;
	color:#FFFFFF;
	padding-left:18px;
	background-image: url(../images/sub_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:30px;
}

.naslovpodnapistekst {
	height:32px;
	text-shadow: 1px 1px 2px #000000;
	color:#FFFFFF;
	width:100%;
	line-height:30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7a98af;
}



/*scroller*/

.clear{
	clear:both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

/*galerija*/
#image_wrap {
	/* dimensions */
	width:677px;
	margin:15px 0 15px 40px;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 865px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:relative;
	clear:both;
	overflow:hidden;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor: url("http://www.ue.co.rs/images/magnify.cur"), url("http://www.ue.co.rs/images/magnify.cur"), default;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	




/* ---------- gallery styles start here ----------------------- */
.photo {
	margin: 30px;
	position: relative;
	width: 175px;
	height: 130px;
	float: left;
	text-align:center;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}

.sample4 span {
	width: 115px;
	height: 32px;
	display: block;
	position: absolute;
	top: -13px;
	left: 30px;
	background: url(../images/tape2.png) no-repeat;
}

.dirphoto {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	position: relative;
	width: 115px;
	height: 80px;
	float: left;
	text-align:center;
}
.dirphoto img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.dirphoto span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.dirphoto a {
	text-decoration: none;
}
.sample5 span {
	width: 115px;
	height: 32px;
	display: block;
	position: absolute;
	top: -13px;
	left: -2px;
	background: url(../images/tape2.png) no-repeat;
}

.gallerydesc{
display:block;
float:left;
width:300px;
}

/* for understanding browsers */
.gallerydesc {
min-height:450px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .gallerydesc {
height: 450px;
}
/**/


/*galerija*/


#navcontainer 
{
list-style-type: none;
margin: 0;
padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#navcontainer a
{
	display: block;
	padding: 3px;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eee;
}

#navcontainer a:link
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

/* facebook footer */
a.myfooter 				{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.myfooter:hover 		{  }
a.myfooter:active 	{  } 

#pagelist 
{
list-style-type: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
width:100%;
}

#pagelist ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#pagelist a
{
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cfd0e9;
}

#pagelist a:link, #pagelist a:visited
{
color: #5f5f5f;
text-decoration: none;
}

#pagelist a:hover
{
	background-color: #ffffff;
	color: #000000;
	background-image: url(../images/li_back_index1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

/* facebook footer */

div#facebook-footer  {padding: 0; margin: 0;}
div#facebook-footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  background: none;
  color:black;
  font:11px Verdana, Geneva, sans-serif;
}
@media screen {
body>div#facebook-footer {
  position:fixed;
}
}
div#facebook-footer div#controls {
  background: #fff;
  margin: 0 20px 0 20px;
  line-height: 29px;
  border: 1px solid #b5b5b5;
  border-bottom: none;
}
div#facebook-footer div#controls div {
  background: #e5e5e5;
  margin-top: 1px;
  padding: 0 10px 0 10px;
}
div#facebook-footer .separator {
  border-left: 1px solid #b5b5b5;
  margin-left: 3px;
}
div#facebook-footer div#controls ul, li {
  margin: 0;
  padding: 0;
}
div#facebook-footer div#controls ul {
  list-style: none;
}
div#facebook-footer div#controls li {
  display: inline-block;
  line-height: 27px;
  height: 29px;
  padding-right: 6px;
}
div#facebook-footer .icon {
  vertical-align: text-bottom;
}
div#facebook-footer .icon-chat {
  padding-top: 3px;
}
div#facebook-footer .icon-chat a {
  text-decoration: none;
  color:#333333;
}
div#facebook-footer .chat, .icon-chat {
  float: right;
}
div#facebook-footer .text {
  vertical-align: top;
}

.tooltip {

	background:transparent url(../images/black_arrow2.png);
	font-size:12px;
	height:310px;
	width:210px;
	padding-left:15px;
	padding-right:10px;
	padding-top:25px;
	padding-bottom:25px;
	color:#fff;
	z-index: 100;
	margin-bottom:20px;
}

/* style the trigger elements */

/* round corner */

/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1px 0;
	padding:0 1px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
}
/* Normal styling */
.cb {margin:1px 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}

.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(../images/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(../images/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(../images/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(../images/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(../images/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(../images/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(../images/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
	font-size: 11px;
	font-weight: normal;
}

/* round corner */

/* tabs prognoza  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}


.weathertab {
	list-style:none;
	padding:0px;
	margin-left:70px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
.minmaxprog {
	background-image: url(../images/weather_background.png);
	background-repeat: no-repeat;
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	margin:0;
	padding:0;
	line-height:18px;
	text-shadow: 1px 1px 2px #000000;
	font-size: 11px;
	margin-top:20px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes div {
	display:none;
	font-size:14px;
	background-color:#fff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* tabs prognoza  */

/* comments */

.comments, .comments ul, #comments li{
	margin:0;
	padding:0;
	list-style:none;
	}
.comments li{
	margin:1.5em 0;
	position:relative;
	font-size:13px;
	}
.comments a{color:#89c140;text-decoration:none;}
.comments a:hover{color:#555;}
.comments .meta{}	
.comments .meta li{
	margin:0;
	display:inline;
	font-size:13px;
	color:#777;
	position:static;
	}	

.comments .meta .image{display:none;}	
.comments .meta .author{
	float:left;
	font-weight:bold;
	padding-left:35px;
	line-height:30px;
	background:url(../images/ico_comments.gif) no-repeat 0 50%;
	}
.comments .meta .date {
	float:right;
	color:#999;
	font-style:italic;
	font-size:11px;
	}
li.date {
	position:absolute;
	top:-15px;
	}	
.comments .body{
	clear:both;
	padding:15px 5px;
	background:#fff url(../images/bg_comments.gif) repeat-x;
	}	

/* // comments */
.newsdate {
	text-align:right;
	color:#999;
	font-style:italic;
	font-size:11px;
	line-height:18px;
	}
img.imarticle { 
	padding-top:0px;
	padding-right:10px;
	padding-bottom:5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#zpanel {
	display: none;
}
.slide {
	position:relative;
	top:-5px;
	padding: 0;
	background: url(../images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(../images/white-arrow1.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000000;
}
.active {
	background-position: right 12px;
}

div.grippie {
				background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
				border-color:#DDDDDD;
				border-style:solid;
				border-width:0pt 1px 1px;
				cursor:s-resize;
				height:9px;
				overflow:hidden;
			}
			.resizable-textarea textarea {
				display:block;
				margin-bottom:0pt;
				width:635px;
				height: 30%;
				overflow:auto;
			}
/* // textarea resizable */
#infobar {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	overflow:hidden;
	z-index:2000;
}
body>div#infobar {
	position:fixed;
}
#infobar a {
	background:InfoBackground url('/images/infobar.png') no-repeat fixed 4px 4px;
	border-bottom:2px outset;
	color:InfoText;
	display:block;
	font:message-box;
	height:15px;
	line-height:15px;
	margin:0 -25px 0 0;
	padding:5px 0 5px 25px;
}
#infobar a:hover {
	background:Highlight url('/images/infobar.png') no-repeat fixed 4px 4px;
	color:HighlightText;
}


#info_warn {
	color: #333333;
	background-color: #f0f0cc;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8b4;
	border-bottom-color: #d8d8b4;
}

#info_warn p {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin: 0px;
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
/* // promenu */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_eight */

.pro15 {
	padding:0 3px 0 1px;
	margin:0 5px 0 5px;
	list-style:none;
	height:30px;
	background:#ffffff url(../images/pro_15_0.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c8c9ca;
	border-left-color: #c8c9ca;
}
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:30px; background:url(../images/pro_15_4.gif); color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(../images/pro_15_4.gif) right top; padding:0 16px 0 8px;}
.pro15 li a:hover {color:#fff; background: url(../images/pro_15_1.gif);}
.pro15 li a:hover b {background:url(../images/pro_15_1.gif) no-repeat right top;}
.pro15 li.current a {color:#fff; background:url(../images/pro_15_3.gif);}
.pro15 li.current a b {background:url(../images/pro_15_3.gif) no-repeat right top;}
.pro15 li.current a:hover {color:#fff; background: url(../images/pro_15_3.gif); cursor:default;}
.pro15 li.current a:hover b {background:url(../images/pro_15_3.gif) no-repeat right top;}
.pro15 li.kraj a em {display:block; float:left; width:16px; height:30px;}
.pro15 li.kraj a em.addevent {background:url(../images/add_event.gif) no-repeat center center;}
.pro15 li.kraj a em.addlocation {background:url(../images/location_flag.gif) no-repeat center center;}
.pro15 li a em {display:block; float:left; width:16px; height:30px;}
.pro15 li a em.calendar {background:url(../images/add_event.gif) no-repeat center center;}
.pro15 li a em.camera {background:url(camera.gif) no-repeat center center;}
.pro15 li a em.address {background:url(../images/card_address.png) no-repeat center center;}
.pro15 li a em.contact {background:url(contact.gif) no-repeat center center;}
.pro15 li a em.search {background:url(search.gif) no-repeat center center;}

.pro15 li.kraj {float:right;}
.pro15 li.kraj a {display:block; float:left; height:30px; line-height:30px; background:url(../images/pro_15_1.gif); color:#eee; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li.kraj a b {float:left; display:block; background:url(../images/pro_15_1.gif) right top; padding:0 16px 0 8px;}
.pro15 li.kraj a:hover {color:#fff; background: url(../images/pro_15_2.gif);}
.pro15 li.kraj a:hover b {background:url(../images/pro_15_2.gif) no-repeat right top;}

.nakraj {
float:right;
}


/* // osx add */
#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777; font-size:.9em;}

/* form messages */
#msg {display:none; position:absolute; z-index:6000; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}


/* yutub */
.yt-focus-button,.yt-uix-button {height:1.9231em;margin:1px 0
}

.yt-focus-button,.yt-uix-button-text{position:relative;right:-1px
}

.yt-focus-button,.yt-uix-button{
	padding:0 .5em;
	height:2.0833em;
	border:1px solid #ccc;
	background:#f6f6f6;
	background-image:-moz-linear-gradient(top,#ffffff,#efefef);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	overflow:visible;
	color: #333333;
	text-decoration: none;
}

.yt-focus-button,.yt-uix-button:hover,.yt-uix-button:focus{border-color:#999;background:#f3f3f3;background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EBEBEB)";outline:0;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999
}

.yt-focus-button,.yt-uix-button-focus{border-color:#999;background:#f3f3f3;background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EBEBEB)";outline:0;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999
}

.yt-focus-button,.yt-uix-button:active,.yt-uix-button-active,.yt-uix-button-active:hover,.yt-uix-button-active:focus{border-color:#999;background:#ddd;background-image:-moz-linear-gradient(top,#cccccc,#ffffff);background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)"
}

.yt-uix-button-group .yt-uix-button{border-right-style:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0
}

.yt-uix-button:hover .yt-uix-button-arrow,.yt-uix-button:focus .yt-uix-button-arrow{border-top-color:#333
}

.yt-uix-button:active .yt-uix-button-arrow,.yt-uix-button-active .yt-uix-button-arrow{border-top-color:#333
}

.yt-uix-pager,.searchFooterBox div.yt-uix-pager{text-align:left;border:none
}

.yt-uix-pager .yt-uix-button{color:#03c
}

.yt-uix-pager .yt-uix-pager-selected{color:#000;font-weight:bold;background:#ddd;-moz-boz-shadow:none;-webkit-box-shadow:none;box-shadow:none;cursor:default;border-color:#ccc
}


/* desavanja */
.ratepop {
	display: none;
	float:right;
	position:relative;
	margin-top:-30px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
	}
/* desavanja */

/* vista meni */
ul.xpwbULz79tw {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align: left;
  margin-top:5px;
  margin-bottom:5px;
}

ul.xpwbULz79tw li {
	padding-left:5px;
	margin: 0;
	cursor: pointer;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #646464;
	border-right-color: #646464;
	border-bottom-color: #cfd0e9;
	border-left-color: #646464;
}

ul.xpwbULz79tw li:hover {
	padding-left:0px;
	padding-right:5px;
	margin: 0;
	background-color: #f0f0f0;
	cursor: pointer;
	height: 25px;
	background-image:url(../images/zlmenu_1.gif);
	background-repeat:no-repeat;
	background-position: right top;
}



ul.xpwbULz79tw li a {
	display:block;
	height:25px;
	line-height:25px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
	padding-left:3px;
	width:100%;
	font-size: 11px;
	text-shadow: 1px 2px 2px #999999;
}

ul.xpwbULz79tw li a:hover {
	background-image:url(../images/zlmenu_1.gif);
	background-repeat:no-repeat;
	background-position: left top;
	text-shadow: 1px 2px 2px #ffffff;
}


.btn {
	float: left;
	background: url(../images/btn_left.png) no-repeat;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 20px;
	padding: 0 10px;
	color: #333333;
	font-size: 1em;
	text-decoration: none;
	width:550px;
	text-transform: uppercase;
	font-weight: bold;
}
.btn a:hover{

	color: #ffffff;

}

.btn a span.eventdate{
	color: #7E7E7E;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
}

.btn span.endbox {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_extra { background-color: #085b89; }
.btn_extra a {
	color: #ffffff;
}
.btn_extra a:hover {
	color: #cbcbcb;
}
.btn_extra a span.eventdate{
	color: #ffffff;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
}
.clear {
	clear: both;
}

/* privredni adresar */

.prvadr {
	padding:0;
	margin:0;
	list-style:none;
	width:550px;
	background-image: url(../images/pr_adr_list_bck.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.prvadr li {
	clear:both;
	height:24px;
	padding:0px;
	margin:0px;
	display:block;
}
.prvadr li span {
	height:24px;
}
.prvadr li a {
}

/* privredni adresar */

/* tooltip message */
#tt {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* form */
.textfield {
	color:#333;
	margin:1px;
	height:20px;
	border:solid 0 #fff;
	background: transparent url("../images/textfield_bg.gif") no-repeat fixed;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:187px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
input.textfield {
	background: transparent url("../images/textfield_bg.gif") no-repeat;
	font-size: 11px;
	
	color: #333333;
}
.zzztextarea {
font:11px Arial, Helvetica, sans-serif;
color:#333 ;
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;

width:200px;


}
.zzztextarea {
background: transparent url("../images/textarea_bg.gif") no-repeat;
}
.submit {
margin:3px;
background: transparent url("../images/submit.gif") no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font-size: 11px;
color:#666;

 }


/* uploadify */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 100%px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/* ---------- gallery styles start here ----------------------- */
.postergallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.postergallery li {
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0;
	float: left;
	position: relative;
}
.postergallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 3px;
}
.postergallery span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.postergallery .ytvideo {
	background: url(/images/ytvideo.gif) no-repeat;
}
.postergallery a {
	text-decoration: none;
}
.postergallery a:hover img  {
	border-color: #666;
}
.postergallery a:hover span {
	background-position: left -22px;
}