/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: bottom;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size:75%;color:#ddd;
/*background:#231f20; */

background:#161616;
/*IZBACITI
background:#000;
background-image:url("/ads_images/background-avatar.jpg");
background-repeat:no-repeat;
background-position:top center;
background-attachment:scroll;
IZBACITI*/
font-family:Arial, Helvetica, sans-serif;

}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0;}
p img.left {float:left;margin: 0 .7em .1em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {text-decoration: underline;}
a {color:#ddd;text-decoration:none;}

.menu_general a{

}

.menu_general ul li a{

font-size: 11px;
font-weight:normal;
}

#left-column-wrap-general
	{
	background-color: #333;
	}';

.cursor {
cursor: hand;
cursor:pointer;
}

/*
a:focus, a:hover {color:#444;text-decoration:underline;}
a {color:#fff;text-decoration:none;}
*/



blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
.strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

/*
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}

li {margin-bottom: 5px;}
*/

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;} 
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:0px 0px 0px 0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#fff;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}



.last {margin-right:0;padding-right:0;}



.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
#fieldset1 {
	padding:0.8em 1em 1em 1em;margin:0 0 1.5em 1em;
	}
	#fieldset2 {
		padding: 0 0 0 10px; margin 0;
	/*padding:1em;margin:0 0 1.5em 1em;*/
	}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #DEDEDE;color:#333; font-size:1em;margin:0.5em 0; padding:0px;background:#F3F3F3;}
/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, #login1:focus, #login2:focus, #search1:focus, #search2:focus  {border-color:#359dc9;} */
textarea {overflow:auto;font-size:1em;font-family:Arial, Helvetica, sans-serif;}
input.text, input.title {
/*	width:220px;
	padding: 2px 5px 2px 5px;
	*/
}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:0.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

fieldset#login {
	padding:0em 0.2em 0.2em 6.3em;
margin: 0em 0 0.7em 0em;}

input#login1, input#login2 {
	width:105px;
	padding: 2px 5px 2px 5px;
	background-color:#fff;
	border:1px solid #444;
	color:#666;
	font-size:1em;
	margin:0.5em 0em 0.5em 0em;
}
input#login1, input#login2 {
	width:105px;
	padding: 2px 5px 2px 5px;
	background-color:#fff;
	border:1px solid #444;
	color:#666;
	font-size:1em;
	margin:0.5em 0em 0.5em 0em;
}

input#search1 {
	width:220px;
	padding: 2px 5px 2px 5px;
	background-color:#fff;
	border:1px solid #444;
	color:#666;
	font-size:1em;
	margin:0em 0em 0.5em 0em; 
}
input#search2 {
	width:30px;
	padding: 2px 5px 2px 5px;
	background-color:#fff;
	border:1px solid #444;
	color:#666;
	font-size:1em;
	margin:0.5em 0em 0em 0em; 
}

.form-button-search{
	font-size:1em;
	cursor:pointer;
	border: 1px solid #444;
	background:#359dc9;
	color:#fff;
	font-weight:normal;
	padding: 0px 0px 1px 0px;
	width: 75px;
	height:21px;
}
/* grid.css */
/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-06-15) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            940 px
    * Number of columns:     12
    * Column width:          60 px
    * Margin width:          20 px
   ======================================

   By default, the grid is 940px wide, with 12 columns 
   spanning 60px, and a 20px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 940px;
  margin: 0 auto;
  position:relative;
  overflow: hidden;

}

#container1 {
/*	float:left; */
/*	width:100%; */
/*	position:relative; */
	/*right:50%; */
	background:#fff689; /* column 1 background colour */
}

#container2 {
/*	clear:left; */
/*	float:left; */
/*	width:100%; */
/*	overflow:hidden;*/
	background:#ffa7a7; /* column 2 background colour */
}



#testing{
position:absolute;
right:20px;
top:20px;
color:#FF0000;
}

/* Body margin for a sensile default look. */
body {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1em; 
	margin-left: 0;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 20px;}



/* The last column in a row needs this class. */
div.last { margin-right: 0; }


.home-header-logo  { float:left; width: 175px; }
.home-header-logo1  { float:left; width: 175px; padding-top:25px;}
.home-header-big-ad  { margin-bottom: 8px; float:left; width: 728px;  padding-left:29px;height:90px;padding-top:8px;}
.home-header-search{position:absolute; background-color:#282828; padding:3px; width:154px; height:24px; left:9px; top:67px; z-index:984;overflow:hidden;}
.home-header-search-icon{position:absolute; width:25px; height:25px; left:170px; top:73px; z-index:992;cursos:hand;cursor:pointer;}
input#searchfield{background-color:#282828;border-width:0px;color:#BBBBBB;}

#search_absolute{
position:absolute;
top:50px;
right:0px;
width:200px;
height:90px;
z-index:995;
}


/* Use these classes to set the width of a column. */
.span-1  { width: 60px; }
.span-2  { width: 140px;}
.span-3  { width: 220px;}
.span-4  { width: 300px;}
.span-5  { width: 380px;}
.span-6  { width: 460px;}
.span-7  { width: 540px;}
.span-8  { width: 620px;}
.span-9  { width: 700px;}
.span-10 { width: 780px;}
.span-11 { width: 860px;}
.span-12, div.span-12 { width: 935px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 80px;}
.append-2  { padding-right: 160px;}
.append-3  { padding-right: 240px;}
.append-4  { padding-right: 320px;}
.append-5  { padding-right: 400px;}
.append-6  { padding-right: 480px;}
.append-7  { padding-right: 560px;}
.append-8  { padding-right: 640px;}
.append-9  { padding-right: 720px;}
.append-10 { padding-right: 800px;}
.append-11 { padding-right: 880px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 80px;}
.prepend-2  { padding-left: 160px;}
.prepend-3  { padding-left: 240px;}
.prepend-4  { padding-left: 320px;}
.prepend-5  { padding-left: 400px;}
.prepend-6  { padding-left: 480px;}
.prepend-7  { padding-left: 560px;}
.prepend-8  { padding-left: 640px;}
.prepend-9  { padding-left: 720px;}
.prepend-10 { padding-left: 800px;}
.prepend-11 { padding-left: 880px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:9px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:53px;
  margin-right:50px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -80px;}
.pull-2 { margin-left: -160px;}
.pull-3 { margin-left: -240px;}
.pull-4 { margin-left: -320px;}
.pull-5 { margin-left: -400px;}
.pull-6 { margin-left: -480px;}
.pull-7 { margin-left: -560px;}
.pull-8 { margin-left: -640px;}
.pull-9 { margin-left: -720px;}
.pull-10 { margin-left: -800px;}
.pull-11 { margin-left: -880px;}
.pull-12 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}


.push-1 { margin: 0 -80px 1.5em 80px;}
.push-2 { margin: 0 -160px 1.5em 160px;}
.push-3 { margin: 0 -240px 1.5em 240px;}
.push-4 { margin: 0 -320px 1.5em 320px;}
.push-5 { margin: 0 -400px 1.5em 400px;}
.push-6 { margin: 0 -480px 1.5em 480px;}
.push-7 { margin: 0 -560px 1.5em 560px;}
.push-8 { margin: 0 -640px 1.5em 640px;}
.push-9 { margin: 0 -720px 1.5em 720px;}
.push-10 { margin: 0 -800px 1.5em 800px;}
.push-11 { margin: 0 -880px 1.5em 880px;}
.push-12 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */


/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 .8em 0;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
	clear: both;
    visibility: hidden;
}

* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* changes.css */
/* -------------------------------------------------------------- */

li#home-menu1 {
	background-image: url(../css_images/home-menu-bg1.gif);
	height: 50px;
	width: 170px;
	background-color: #161616;
	float: left;
	margin: 0 0 0 6px;
}


#home-menu-bg {
  /*  font: bold 11px/16px arial, helvetica, sans-serif; */
    height: 52px;
    position: relative;
    float: left;
    width: 938px;
	background-color: #282828;
/*  background: #161616; */
	overflow: hidden; 
	padding: 0 0 0 0;
	margin-bottom: 8px;
	/*border: 1px solid #303030; */
}

#home-menu li {
	/*background-color: #616161; */
	position: relative;
	float: left;
	background-position: top left;
	display: inline-block;
	margin-top: 8px;
	margin-right: 10px;
	text-decoration:none;
	list-style-type: none;
	padding: 0px 0px;

}

/*	background-image: url(../css_images/home-menu-bg1-over.gif);*/
#home-menu li a{
	background-repeat: no-repeat;
	background-position: 0 900px;
	width: 170px;
	display: block;
	padding: 0px 0px;
	height: 52;
	text-decoration:none;
}

#home-menu li a:hover {
	/*background-image: url(../css_images/home-menu-bg1-over.gif);*/ 
	padding: 0px 0px;
	border: 0px 0px;
}



li#home-menu1 a{
	height: 44px;
/*	border-bottom: 0px none #000; */
}

li#home-menu1 a:hover{
/*	border: 1px solid #808080; */
}
	
li#home-menu2 {
	background-position:top left;
	background-image: url(../css_images/home-menu-bg2.gif);
	height: 38px;
	width: 170px;
	padding: 0px 0px;
	border: 1px solid #303030;
}

li#home-menu2 a{
	height: 38px;
	width:170px;
	padding: 0px 0px;
}

li#home-menu2 a:hover{
	background-position:0px -38px;
	background-image: url(../css_images/home-menu-bg2.gif);
/*	background-image: url(../css_images/home-menu-bg2a.gif);	*/
	padding: 0px 0px;
	/*border: 1px solid #808080; */
		width:170px;
	height: 38px;
	margin: 0px 0px;*/
}

li#home-menu3{
	background-color: #161616;
	/*background-color:#4f4f4f; */
	/*background-image: url(../css_images/home-menu-bg2.gif);*/
	height: 38px;
	width: 370px;
	overflow:hidden;
	border: 1px solid #303030;
}

li#home-menu4{
	
	background-position:top left;
	background-image: url(../css_images/home-menu-bg4.gif);
	height: 38px;
	width: 170px;
	padding: 0px 0px;
	border: 1px solid #303030;
}

li#home-menu4 a{
	height: 38px;
	width:170px;
	padding: 0px 0px;
}

li#home-menu4 a:hover{
	background-position:0px -38px;
	background-image: url(../css_images/home-menu-bg4.gif);
}

#home-message {
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #161616;
	border: 1px solid #424242;
	height: 105px;
	overflow:hidden;
	background-image:url(../css_images/message-bg.jpg);
	background-repeat:no-repeat;
}

#home-message2 {
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #404040;
	height: 25px;
	overflow:hidden;
	background-image:url(../css_images/message-bg.jpg);
	background-repeat:no-repeat;
}
.message {
	height: 105px;
	text-align: left;
	font-size:1.9em;
	padding-left: 150px;
	padding-top: 18px;
}

.font-blue {
	color: #00a7ea;
}

#logo {
	height: 42px;
	margin-top: 11px;
}

#registration {
	margin-top: 7px;	
}


#window_headline_link{
height: 35px;
width: 215px;
position:absolute;
left:0px;
top:0px;	
z-index:333;
}



#window1 {
	background-color: #D31C5C;
	/* background-image:url(../css_images/window1-bg-nista.png); */
	height: 242px;
	margin-bottom: 10px;
	overflow: hidden;
    position:relative;
}

#window1_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
text-align:right;
}

#window1_stamp a{
height: 38px;
width: 83px;
}

#window1_stamp a img{
height: 38px;
width: 83px;
}

#window1_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window1_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window1_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}



.window1-bgdarker {
	background-color: #ac1d4f;	
}


#window2 {
	overflow: hidden;
	background-color: #58595b;
	height: 242px;
	margin-bottom: 10px;
    position:relative;
}

#window2_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
background-repeat:none;
}

#window2_stamp a{
height: 38px;
width: 83px;
}

#window2_stamp a img{
height: 38px;
width: 83px;
}

#window2_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window2_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window2_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}

.window2-bgdarker {
	background-color: #4c4c4e;
}

#window2-bgdarker  {
	background-color: #4c4c4e;
}

#window2-bgdarker a:hover {
	background-color: #434345;
/*	text-decoration: none; */
}

#window3 {
	overflow: hidden;
	background-color: #007cf7;
	height: 242px;
	margin-bottom: 10px;
    position:relative;
}

#window3_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
}

#window3_stamp a{
height: 38px;
width: 83px;
}

#window3_stamp a img{
height: 38px;
width: 83px;}

#window3_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window3_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window3_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}

.window3-bgdarker {
	background-color: #066cda;
}

#window4 {	
	overflow: hidden;
	background-color: #e84037;
	height: 242px;
    position:relative;
}

#window4_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
}

#window4_stamp a{
height: 38px;
width: 83px;}

#window4_stamp a img{
height: 38px;
width: 83px;}

#window4_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window4_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window4_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}

.window4-bgdarker {
	background-color: #bd3a32;
}

#window5 {
	overflow: hidden;
	background-color: #669E21;
	height: 242px;
    position:relative;
}

#window5_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
}

#window5_stamp a{
height: 38px;
width: 83px;}

#window5_stamp a img{
height: 38px;
width: 83px;}

#window5_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window5_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window5_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}

.window5-bgdarker {
	background-color: #5c8b21;
}

#window6 {
	/* background-image:url(../css_images/window6-bg-nista.png); */
	overflow: hidden;
	background-color: #8E6539;
	height: 242px;
    position:relative;
}

#window6_stamp {
height: 40px;
width: 87px;
position:absolute;
right:0px;
top:0px;
z-index:150;
background-image:url(../css_images/uzivo-slika1.png);
background-position: top right;
}

#window6_headline {
position:absolute;
left:30px;
top:10px;
text-align:left;
color:#000;
font-size:12pt;
text-transform:uppercase;
z-index:995;
font-family: Arial, Helvetica, sans-serif;
}

#window6_headline a.headline_link{
font-size:12pt;
display:block;
position:relative;
color:#000;
}

#window6_headline a.headline_link:hover{
color:#FFF;
text-decoration:underline;
}

#window6_stamp a{
height: 38px;
width: 83px;}

#window6_stamp a img{
height: 38px;
width: 83px;}

.window6-bgdarker {
	/*background-color: #8137c8; - ovo je ljubicasta*/
	background-color: #775634;
}

.uzivo-slika {
	display: block; 
	clear: right; 
	position: absolute;
	margin-left:230px;
	z-index: 100;
	width: 70px;
	height: 40px;
/*	float:right;  */
}
.uzivo-slika-ul {
	list-style-type: none;
}

.uzivo-slika-ul li a {
	background-image:url(../css_images/uzivo-slika.gif);
	background-position: top left;
	width: 70px;
	height: 40px;
	display:block;
	text-decoration:none;
/*	float:right;  */
}
.uzivo-slika-ul li a:hover {
	background-image:url(../css_images/uzivo-slika.gif);
	background-position: 0px -40px;
/*	float:right;  */
}

ul.home-links {
	position: relative;
	float: left;
	padding-top: 45px;
	padding-left: 33px;
	width: 149px;
	list-style-type: none;
	
}



.home-links li {
	font-weight:bold;
	margin-bottom:2px; 
}

.home-links li a {
/*	font-weight:bold;*/
}

.normal {
	font-weight:normal;
}

.home-numbers1 {
	color: #e98eae;
}
.home-numbers2 {
	color: #acacae;
}
.home-numbers3 {
	color: #82bdff;
}
.home-numbers4 {
	color: #f79f9d;
}
.home-numbers5 {
	color: #b3cf90;
}
.home-numbers6 {
	color: #c7b29c;
	/*color: #cda0fb; ovo je ljubicasta */
}

.home-pogledaj1 a {
	color: #e98eae;
	font-weight:normal;
}

.home-pogledaj1 a:hover {
	color: #444;
	font-weight:normal;
}
.home-pogledaj2 a {
	color: #bcbdbf;
	font-weight:normal;
}

.home-pogledaj2 a:hover {
	color: #444;
	font-weight:normal;
}
.home-pogledaj3 a {
	color: #82bdff;
	font-weight:normal;
}

.home-pogledaj3 a:hover {
	color: #444;
	font-weight:normal;
}
.home-pogledaj4 a {
	color: #f79f9d;
	font-weight:normal;
}

.home-pogledaj4 a:hover {
	color: #444;
	font-weight:normal;
}
.home-pogledaj5 a {
	color: #b1cf93;
	font-weight:normal;
}

.home-pogledaj5 a:hover {
	color: #444;
	font-weight:normal;
}
.home-pogledaj6 a {
	color: #c7b29c;
	font-weight:normal;
}

.home-pogledaj6 a:hover {
	color: #444;
	font-weight:normal;
}


ul.home-kalendar{
	width: 300px;
	position: relative;
	float: left;
	/*clear: both;*/
	padding-top: 2px;
	padding-left: 5px;
/*	height: 15px;*/
	list-style-type: none;
	font-size:10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.home-kalendar li{
	position: relative;
	float: left;
	display: inline-block;
}

.home-kalendar li a{
/*	background-color: #ac1d4f; */
text-align:left;
	display: block;
	padding: 3px 15px 3px 15px;
	margin: 0px 1px 0px 1px;
}

.home-kalendar li a:hover{
/*	background-color: #ac1d4f;  */
}


li.home-novosti1 a {
	width: 40px;
	padding: 1px 0px 1px 0px;
	margin: 2px 1px 2px 15px;
	text-align: center;
}

li.home-novosti2 a {
	width: 185px;
	height:15px;
	padding: 3px 0px 3px 1px;
	margin: 0px 1px 0px 5px;
	text-align: left;
	display:inline-block;
	overflow:hidden;
/*	background-color: #D31C5C; */
}

li.home-novosti2a a {
	width: 175px;
	height:15px;
	padding: 3px 0px 3px 0px;
	margin: 0px 1px 0px 5px;
	text-align: left;
	display:inline-block;
	overflow:hidden;
	/* background-color: #D31C5C;  */
}

li.home-novosti3 a {
	width: 8px;
	height:15px;
	padding: 0px 6px 0px 6px;
	margin: 3px 1px 3px 1px;
	text-align: center;
	display:inline-block;
	overflow:hidden;
/* 	background-color: #D31C5C; */
/*	border: 1px solid #ac1d4f; */
}

.home-images {
	position:relative;
	float:left;
	list-style-type: none;
	padding: 1px 9px 5px 9px;
	margin-top: 35px;
	margin-bottom: 4px;
   
    }

.home-images li {
	margin: 0px;
	padding:0px;
    z-index:500;
	height:100%;
}

.home-images li a{
font-size:10px;
/* text-transform:uppercase; */
}


.images-frame1 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #b73a66;
	display: block;
	
}

.images-frame1 a:hover{
	border:1px solid #fff;

}

.images-frame2 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #636365;
	display: block;
}

.images-frame2 a:hover{
	border:1px solid #fff;

}

.images-frame3 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #297bcf;
	display: block;
}

.images-frame3 a:hover{
	border:1px solid #fff;

}

.images-frame4 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #c5524b;
	display: block;
}

.images-frame4 a:hover{
	border:1px solid #fff;

}

.images-frame5 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #719a3e;
	display: block;
}

.images-frame5 a:hover{
	border:1px solid #fff;

}

.images-frame6 a {
	padding: 1px 1px 1px 1px;
	border:1px solid #886c4e;
	display: block;
}

.images-frame6 a:hover{
	border:1px solid #fff;

}

.wrap {
	
}


/* ------------------------------- novosti ------------------------------- */




.item_events_right{
position:relative;
clear:right;
width:300px;
border-bottom:1px solid #161616;
	}

.item_events_right a{
	position:relative;
	overflow:hidden;
	display:block;
	width:260px;
	background-color:#333;
	padding:10px;
	padding-right:20px;
	padding-left:20px;
	padding-top:30px;
	font-weight:bold;
}

.item_events_right a:hover{
	display:block;
	width:260px;
	background-color:#404040;
	z-index:750;
}

.item_events_right_date{
position:absolute;
right:10px;
top:10px;
height:15px;
width:200px;
color:#999999;
z-index:800;
font-size:10px;
text-align:right;
}

.item_events_right_header{
color:#999999;
padding:20px;
}





/* ----------------- LAYOUT ------------------------------------------- */

#menu-bg {
  /*  font: bold 11px/16px arial, helvetica, sans-serif; */
    height: 28px;
    position: relative;
    float: left;
    width: 935px;
    background: #404040;
	
	z-index: 994;

/*	padding-left: 10px;*/
}


/*	--------------- CSS	MENU ------------------------------------------	*/

  .menu li:hover > ul {visibility:visible;}   /* ovo je za ff visible */
.menu a:hover ul,
.menu a:hover a:hover ul, 
 .menu a:hover a:hover a:hover ul {visibility:visible;} /* ovo je ie6 podloga */
.menu a:hover ul ul, 
.menu a:hover a:hover ul ul {visibility:visible;}
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
/*	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; */
	font-size:14px;
	font-weight:bold;
	}



.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}



.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
			
			
			#menu ul.top-level {display:table; margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}
		/*	
			.menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(anywidth/taba.gif) no-repeat left top;} 
.menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(anywidth/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}

*/
.menu a.top-level-a:hover {white-space:nowrap; background:url(anywidth/taba.gif) no-repeat left -30px;}
.menu a.top-level-a:hover b, 
.menu a.top-level-a:focus b, 
.menu a.top-level-a:active b {color:#000; background:url(anywidth/tabb.gif) no-repeat right -30px; cursor:pointer;}
			

	.menu li ul{
		background:#333333;
		display:block;
 visibility:hidden; 
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		top:35px;
/*		left:0;*/
		}
/*
	.menu li:hover ul{

		visibility: visible;
		}
		*/
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
/*
.menu li:hover li a{
		background:none;
		
		}
		
		*/
	.menu li ul a{
		display:block;
	/*	position:absolute;*/
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
		.menu ul.drop-down {top:35px; opacity:0.85;} 
		
.menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
.menu table ul li a {padding-left:0; padding-left:20px;}
.menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
.menu table table ul {margin-top:-4px; margin-top:-7px;}

/*
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}
*/




/* -------------------------/// CSS MENU END -----------------------------------*/



#menu {width:750px; height:22px; text-align:center;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {display:table; margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px; padding:10px;}

#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(anywidth/taba.gif) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(anywidth/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(anywidth/tabc.gif) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(anywidth/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(anywidth/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(anywidth/tabc.gif) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(anywidth/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(anywidth/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(anywidth/tabc.gif) no-repeat right -30px;}

#menu li ul {
	display:block;
	position:absolute;
	visibility:hidden;
	background:#505060;
	padding:1px 1px 8px 1px;
	left:0;
	z-index: 300;
}
#menu li li {border-bottom:1px solid #505060;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#e3e6ed;} 
#menu li li:hover > a {background:#e3e6ed;}
#menu li li a.fly {background:#fff url(anywidth/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(anywidth/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(anywidth/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:22px; opacity:0.85;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}


/* -------------------- menu 2 script ------------------------ */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 500}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-weight:bold;
	font-size:11px;
/*	font: bold 11px arial */}
#sddm ul
{
	list-style-type: none;
	z-index: 501
}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 8px 12px 7px 12px;
/*	height: 25px;*/
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	background: #EAEBD8;
	/*border: 1px solid #332e2f; */
	z-index: 500}

	#sddm div a
	{	
	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial;
		
		/*position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8; 
		color: #222;
		font-size:11px;*/
		}
		#sddm div a
	{	/*min-width: 120px;
		color: #FFF*/}	
		
	/* ------ sub menu -------- */



	#sddm div a:hover
	{	
	/* background: #49A3FF; */
		color: #FFF}

	#sddm div#m1 a
	{
		background: #231F20;
		/* background: #d31c5c; */
		color: #FFF}

	#sddm div#m1 a:hover
	{	
	background: #332e2f;
/*		background: #d31c5c; */
	color: #FFF;
		text-decoration: none;
			}

	#sddm div#m2 a
	{
		background: #231F20;
		/* background: #332e2f; */
		color: #FFF}

	#sddm div#m2 a:hover
	{	/*background: #332e2f;*/
	background: #332e2f;
	color: #FFF;
		text-decoration: none;
	}
		
	#sddm div#m3 a
	{	
	background-color: #231F20;
	/* background-color: #007cf7;	 */
		color: #FFF;}

	#sddm div#m3 a:hover{
		background: #332e2f;
		/*background: #007cf7; */
		color: #FFF;
		text-decoration: none;
		
		}
		
	#sddm div#m4 a
	{	
	background-color: #231F20;
	color: #fff;

/*	background-color: #231F20;
	color: #FFF
		*/
		}

	#sddm div#m4 a:hover
	{	
	background: #332e2f;
/*		background-color: #ddd;	 */
/*	background: #e53320; */
	color: #fff;
		text-decoration: none;
		}
		
	#sddm div#m5 a
	{	/*background-color: #231F20;
	color: #FFF */
	background-color: #231F20;
	color: #fff;

		}

	#sddm div#m5 a:hover
	{	
	background: #332e2f;
/*	background-color: #ddd;	 */
	/* background-color: #359dc9;	*/
	/*background: #669e21; */
	color: #fff;
		text-decoration: none;
		}
		
	#sddm div#m6 a
	{	
		background-color: #231F20;
		color: #fff;
	/* background-color: #231F20; */

		}

	#sddm div#m6 a:hover
	{	
		background: #332e2f; 
	/*	background-color: #359dc9;	*/
	/*	background: #9c3ef7; */
		color: #FFF;
		text-decoration: none;
		}

	/* ------ end sub menu -------- */

	#sddm li a.menu-naslovna {
	background-color: #332e2f;
	text-transform: uppercase;
}
#sddm li a:hover.menu-naslovna {
	background-color: #231f20;	
	color: #FFF;
}

#sddm li a.menu-nocni {
	background-color: #d31c5c;
	text-transform: uppercase;
	width: 80px;
}
#sddm li a:hover.menu-nocni {
	background-color: #332e2f;	
	color: #FFF;
	width: 80px;
}

#sddm li a.menu-kultura {
	background-color: #58595b;	
	text-transform: uppercase;
}
#sddm li a:hover.menu-kultura {
	background-color: #332e2f;	
	color: #FFF;
}

#sddm li a.menu-shopping {
	background-color: #007cf7;	
	text-transform: uppercase;
}
#sddm li a:hover.menu-shopping {
	background-color: #332e2f;	
	color: #FFF;
}

#sddm li a.menu-sport {
	/* background-color: #e53320;	*/
	background-color: #e84036;
	width: 160px;
	text-transform: uppercase;
}
#sddm li a:hover.menu-sport {
	background-color: #332e2f;	
	color: #FFF;
	width: 160px;

}

#sddm li a.menu-izleti {
	background-color: #669e21;	
text-transform: uppercase;
}
#sddm li a:hover.menu-izleti {
	background-color: #332e2f;	
	color: #FFF;

}


#sddm li a.menu-ugostiteljstvo {
	/* background-color: #9c3ef7;	ovo je ljubicasta*/ 
	background-color: #8e6539;
	width: 75px;
	text-transform: uppercase;
}
#sddm li a:hover.menu-ugostiteljstvo {
	background-color: #332e2f;	
	color: #FFF;
	width: 75px;
}

/* --------------------------- end menu ------------------------- */

   #crumbs {
	list-style-type: none;
    height:28px;
   }
   
   #crumbs li {
    float:left;
    line-height:28px;
    padding-left:.75em;
    color:#777;
	font-weight: normal;
	font-size: 11px;
   }
   
   #crumbs li a {
	/*   color: #bcbcbd; */
	font-weight: normal;
	font-size: 11px;
    display:block;
    padding:0 15px 0 0;
    background:url(../css_images/path_bg.gif) no-repeat right center;
   }

/* ------------------------------- wrapper ------------------------------*/

#left-column-wrap
	{
	float: left;
	width: 635px;
/*	margin-left: -600px; */
	background-color: #fff;
	overflow:hidden;
}
.bg-popis
	{
	background-image:url(../css_images/bg_popis_mjesta.gif);
}
* html #left-column-wrap
	{
	display: inline;
	}
#right-column-wrap
	{
	float: left;
	width: 300px;
	/* ORIG  width: 305px; */
	background-color: #333;
	overflow:hidden;
	}
/* Start Mac IE5 filter \*/
#block_1, #left-column-wrap, #right-column-wrap
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	width: 940px;
	clear: both;
	/*	margin:0 auto; */
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	/*float: left; */
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	/* float: none; */
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
/*  I have disabled this beacouse it interfere with menu --------
* > #footer2, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1001;
	}

*/


/* --------------------------- layout 03 mjesto begin ----------------------*/

.path{
	padding: 2px 0px 2px 0px;
	background-color: #404040;
	overflow:hidden;
	font-weight:bold;
}

#live-header {
	position:relative;
	overflow: hidden;
	height: 335px;
	width: 540px;
float:left;
text-align:center;
margin: 0px auto;
background-image:url(../css_images/live-background.jpg);
}

#iframe-live {
	padding-top:44px;
	overflow: hidden;
	height: 290px;
	width: 326px;
margin: 0px auto;
text-align:center;
}

#mjesto-image {
	overflow: hidden;
	height: 335px;
	width: 540px;
float:left;
}

#mjesto-gallery {
	overflow: hidden;
	height: 335px;
	width: 95px;
float:left;
background-color:#161616;

}

#mjesto-chat {
	overflow: hidden;
	height: 282px;
	width: 635px;
/*	float:left;*/
}

#mjesto-map {
	overflow: hidden;
/*	float: left;*/
	height: 300px;
/*	width: 305px; */
	padding-right:0;
	padding-left:0; 
	margin-right:0;
}

#mjesto-thumbnails {
	background-color: #231f20;
	height: 35px;
	width: 635px;
	float:left;
}

#mjesto-map-details {
	overflow: hidden;
	height: 35px;
	background-color: #2d2d2d;
	font-size: 10px;
}


/*

#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}
*/




/* --------------------------- left column wrap ------------------------ */






.tab1 {
	position:relative;
	background-color:#161616;
	height: 62px;
	clear: both;
	/* width: 264px; */
	width: 433px;
	float:left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 28px;
}

#tab_headline{
position:relative;	
}

#tab2 {
	position:relative;
	background-color:#161616;
	height: 52px;
	width: 1px;
	/* width: 175px; */
	float:left;
	padding-top: 38px;
}

#tab2 a { display:block; height:33px; width:33px; overflow:hidden;}

#tab2 a:hover { display:block; text-indent:-39px; }

#tab2 div {
	display: inline-block;
	float: left;
	margin-right: 6px;
}

.tab3 {
	background-color:#161616;
	height: 90px;
	float: left;
}

.tab3 ul  {
	list-style-type: none;
	font-size:10px;

}

.tab3 ul li {
	
		display:block;
	line-height: 29px;
	height: 29px;
	width: 150px;
		color: #404040;
	text-align:center;
	border-left: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

.tab3 ul li a {
	display:block;
	line-height: 29px;
	height: 29px;
	width: 150px;
		color: #404040;
	text-align:center;

}

.tab3 ul li a:hover {
	background-color: #1F1F1F;
	text-decoration:none;
	color: #fff;
	}
	
	.tab3 ul li a.active {
	background-color: #1F1F1F;
	text-decoration:none;
	color: #fff;
	}





p.tab1-nadnaslov {
	color: #000;
	font-style:italic;

}

p.tab1-caption {
	margin-top: -2px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

h1.main-headline{
	margin-top: -5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height:1.5em;
}

h1.h1nagradne{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height:1.5em;
	padding:20px 10px;
}

a.special_link{
display:block;
width:135px;
height:38px;
color:#000;
clear:both;
margin-top: 10px;
font-weight:bold;
}




p.event-date {
	color: #333;
	font-size: 14px;
	margin:0;
	margin-bottom:-15px;
}

.text {
	clear:both;
	padding: 15px 45px 15px 45px;
	color: #231f20;
}

.text table{
width:100%;
}

.text table tr td{
border:1px solid #000000;
padding:5px;
font-size:10px;
}

.text a{
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}

.text-item {
	clear:both;
	padding: 15px 45px 15px 45px;
	padding-top:60px;
	color: #231f20;
}

.text-item a{
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}

.text-item a:hover{
	color:#333;
	text-decoration:underline;
	font-weight:bold;
}



.text-item table{
	background:#999999;
	border-spacing:1px;
}


.text-item table tr{
	background:#FFFFFF;
}

.text-item table tr td{
padding:10px;
text-align:left;
}






.left-details {
	/*border-top: 1px solid #cccecf; */
	background-color: #ebebec;
	width: 550px; 
	margin: 0px 45px 5px 45px;
}

.comment-list-author {
color:#666;
border-top: 1px dotted #999;
width: 550px; 
margin: 0px 45px 5px 45px;
position:relative;
padding-top:10px;
font-size:14px;
font-weight:bold;
clear:both;
}

.comment-list-date {
color:#999;
width: 100px; 
text-align:right;
clear:both;
position:absolute;
right:5px;
top:10px;
font-size:10px;
}

.comment-list-text {
color:#666;
width: 550px; 
text-align:left;
clear:both;
font-size:12px;
padding-top:10px;
margin: 0px 45px 25px 45px;
}

.comment-list-start {
color:#666;
width: 550px; 
text-align:center;
clear:both;
font-size:12px;
padding-top:10px;
margin: 0px 45px 25px 45px;
}

.left-details-info {
	/*border-top: 1px solid #cccecf; */
	width: 520px; 
	margin: 0px 45px 5px 45px;
}



.div-table-options{
width:272px;
float:left;
}

.div-table-options-big{
width:500px;
float:left;
}

.table-options-big {
	color: #231f20;
	width:500px;
	margin:20px;
}

.table-options-big tr td{
border-bottom:2px solid #FFF !important;	
padding:5px;
}

.table-options {
	color: #231f20;
	width:500px;
	margin:20px;
}

.table-options tr td{
border-bottom:2px solid #FFF !important;	
padding:5px;
}


.table-options-left{
}

.table-options-long-left{
width:200px;
padding-right:20px;	
}

.table-options-info-left{
width:50px;
padding-right:20px;
}

.table-options-right{
	font-weight:bold;
	width:300px;
}

.table-options-right a {
color: #374971;	
}

.table-options-right a:hover {
color: #374971;	
text-decoration:underline;
}

#table-details {
	clear:both;
	padding: 10px 15px 15px 15px; 
	color: #231f20;
	width:100%;
	margin:0;
}


.details-column1 {
	display:table-cell;
	vertical-align:top;
	white-space:nowrap;


	padding-right:5px;
	padding-left:20px;
}
.details-column2 {
		display:table-cell;
vertical-align:top;
font-weight:bold;
	white-space:nowrap;

	padding-left:5px;
	padding-right:15px;
}

.details-column5 {
		display:table-cell;
vertical-align:top;
font-weight:bold;
	width: 50px;
	text-align: right;
	padding-right: 5px;
}

.details-column6 {
		display:table-cell;
vertical-align:top;
/*width:150px; */
}





.tel-zagreb {
color: #808080;
/*font-weight: normal; */
}

a.adress {
	color: #0b72ac;
}


/* ---------------------------end left column wrap ------------------------ */

/* ----------------------- tablica ---------------------- */
/*
.dogadanja-div {

}

			#div3 table:hover {border: 1px solid black}
			#div3 div {position: absolute; padding: 0; border: none; margin: 0; min-width:0; min-height: 0; display:block;}
			#div3 table {position: static}
			#div3 a {position: absolute; top:0; left:0; width:100%; height: 100%}

		
			* html #div3 a {width: 1ex; height: 1em; font-size: 7em}

#mytable {

	
}

#mytable:hover {
	background-color:#F00;
	color:#0F0; 
}
*/
/*
.dogadanja-table {
	background-color: #333; 
	border-right: 0px solid #C1DAD7;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.dogadanja-table th {
	background-color: #231f20;
	height: 40px;
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
	width: 100%;
	padding-left: 20px;
	color: #777;
}
*/

td.caption {
	font-weight:bold;
	color:#ddd;
		padding-top: 8px;
		padding-left:20px;
}


.item-event-table td{
			padding-top: 10px;
			padding-bottom: 10px;
		padding-left:20px;
}
/*
td.caption a{
	color: #ddd;
	
}

td.caption a:hover {
	color: #fff;
	}
*/
/*

ul.dogadanja-hover  {
	position: absolute;
	float: left;
	list-style-type:none;
	margin: 0;
	z-index: 6000;
	background-image: url(../css_images/spacer.gif);
	background-repeat: repeat;
}

ul.dogadanja-hover li {

}

ul.dogadanja-hover li a {
	display:block;
	line-height: 50px;
	height: 50px;
	width: 150px;

}
ul.dogadanja-hover li a:hover{
	text-decoration:none;
}
*/
.dogadanja-table {
	margin-bottom: 0;	
}

.dogadanja-table td {
	background-color: #231f20;
	height: 40px;
	vertical-align:middle;
	width: 100%;
	padding-left: 20px;
	color: #777;
}

#dogadanja-table1  {
		margin-bottom: 0;
		vertical-align:top;
		background-color: #404040;
}



#dogadanja-table2 {
		margin-bottom: 0;
		vertical-align:top;
/*		color: #999; */
}


#dogadanja-table3  {
		margin-bottom: 0;
		vertical-align:top;
		background-color: #404040;
}

#dogadanja-table4  {
		margin-bottom: 0;
		vertical-align:top;
}

a#dogadanja-link  {
	position: absolute;
	float: left;
margin: -8px 0 0 -20px;
	display: block; 
	width: 305px;
	height: 34px;
/*	background-color:#0F0; */
	background-image:url(images/spacer.gif); 
	background-repeat:repeat;
	}
	a#dogadanja-link a:hover  {
/*	display: block; 
	width: 300px;
	height: 69px; */
	}

a#preporuke-uzivo  {
	position: absolute;
	float: left;
margin: -8px 0 0 -20px;
	display: block; 
	width: 305px;
	height: 83px;
/*	background-color:#0F0; */
	background-image:url(images/spacer.gif); 
	background-repeat:repeat;
	}
	a#preporuke-uzivo a:hover  {
/*	display: block; 
	width: 300px;
	height: 69px; */
	}


td.details3 {
	vertical-align:top;
/*	padding-top: 0px;*/
/*	padding-bottom: 0px;*/
	padding-left: 20px;
	color: #999;
/*		background-color: #333;  */
/*		height:20px; */
/*		line-height:30px; */
/*	border: 1px solid  #090; */
}

td.details2 {
	vertical-align:top;
	padding-bottom: 7px; 
	padding-left: 20px;
		color: #999;
/*	border: 1px solid  #090; */
}

.odd {
	background-color:#404041;
}

td.even {
/*	background-color:#333;*/
}

.color-grey {
color: #999;	
}
.color-lightgrey {
color: #808080;	
}
/* ----------------------- end tablica ---------------------- */


/* ----------------------- div tablica ---------------------- */

.tc1 {
text-align:center;
width:305px;
clear:both;
/*height:1%; */
font-size: 10px;
display:block;

/*border-right:solid 1px #DEDEDE;*/
/*border-top:solid 1px #DEDEDE; */
/*background-color: #0F0;*/
}

/*
div.tc1 .header{
	background:#FFFFCC; 
	font-weight:bold; 
	clear:both; 
	width:300px;
}
*/

div.tc1 div{
	height:12px;
/*	line-height:30px;*/
	padding:2px 5px 0px 19px;
	border: 0px;
	display:block;
	float:left;
	margin: 0px;
	text-align:left;
	/*border-bottom:solid 1px #DEDEDE;*/
/*border-left:solid 1px #DEDEDE;*/
}

div.tc1 div.left{

color: #666;
}

div.tc1 div.right{
/*	width:305px;*/
	clear: both;
	letter-spacing: -0.025em;
}

div.tc1 .odd {
	background-color:#000;
}
/* ----------------------- end div tablica ---------------------- */

   #map-details-meni {
	list-style-type: none;
    height:18px;
	clear:both;
	padding: 0 0 0 19px;
   }
   
   #map-details-meni li {
    float:left;
    line-height:18px;
    padding-left:0px;
    color:#777;

   }
   
   #map-details-meni li a {
	/*   color: #bcbcbd; */
	font-weight: normal;
	font-size: 10px;
	letter-spacing: -0.025em;
    display:block;
    padding:0 7px 0 0px;
    background:url(../css_images/path_bg_crni.png) no-repeat right center;
   }

/* --------------------------- layout 03 mjesto  end ----------------------*/


/* ----------------------------- layout live text ------------------------*/

.live-text1 {
	position:relative;
	clear: both;
	width: 120px;
	float:left;
	padding: 25px 15px 0 0;
	
	text-align:right;
}

.live-text2 {
	padding: 25px 15px 20px 40px;
	position:relative;
	width: 385px;
	float:left;
	color: #222;
}

.live-text2 p {margin:0 0 0.8em 0;}


.live-text2 a {
	color: #0b72ac;
	font-weight:bold;
}
.live-text2 a:hover {
	color: #025aa0;
	font-weight:bold;
	text-decoration:underline;
}

.live-text3 {
	margin-top: 18px;
	float: left;
	width:130px;
	background-color: #ebebec;
	padding: 7px 0 0 10px;
	border: 1px solid #dedeea;
}

td.live-caption {
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight:bold;
	padding-left: 15px;
}

.ad {
	padding: 0px 0px 0px 0px;
}

.live-details {
	display:table-cell;
	vertical-align:top;
	white-space:nowrap;
	color: #333;
}

.live-table {
	width:72px;
/*	background-color: #0F0; */
}

.live-caption a {
/*	padding: 1px 1px 1px 1px;*/
	/*border:1px solid #b73a66;*/
	/*display: block; */
}

.live-caption a:hover{
/*	padding: 0 0 0 0;*/
/*	border:1px solid #fff;*/
}
.live-trokut {
background-repeat:no-repeat;
background-position: 2px 2px;
padding: 1px 1px 1px 1px;
}

.live-trokut a {
	 padding: 1px 1px 1px 1px;
		display: block;
}


.live-trokut a:hover{
	/*position: relative;
	left: -1px;
	top: -1px;*/
	padding: 0 0 0 0; 
	margin: 0;
	border:1px solid #fff;

}

/* -------------------------- Popis mjesta --------------------------- */

#left-column-wrap2
	{
		position:relative;
	float: left;
	width: 135px;
/*	margin-left: -600px; */
	/*	background-color: #d31c5c; */
	padding: 10px 5px 5px 5px;
	padding-top:100px;
	/* padding: 20px 5px 5px 15px; */
	overflow:hidden;
	}
* html #left-column-wrap2
	{
	display: inline;
	}
#right-column-wrap2
	{
	float: left;
	width: 486px;
	/* orig 490px */
/*	padding: 0 0 0 20px; */
	background-color: #fff;
	overflow:hidden;
	}
/* Start Mac IE5 filter \*/
#left-column-wrap2, #right-column-wrap2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper2
	{
	width: 635px; 
	margin:0 auto; 
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper2
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper2:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper2
	{
	display: inline-block;
	}
/*\*/
#wrapper2
	{
	display: block;
	}
/* end easy clearing */
#footer2
	{
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */


#top-live {
	/*border: 1px solid #000;*/
	width: 470px;
	padding: 10px;
	font-family: Verdana, sans-serif;
	background-color:#231f20;
	height: 80px;
	overflow: hidden;
	}

#top-live ul div {
	display: inline;
	}

#top-live ul, #top-live li {
	/*
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	*/
	}

/*
#top-live {
	height: 100px;
	width: auto;
	background-color: #231f20;
	clear:both;
}


#top-live ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#top-live ul li {
	margin-left: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
	
	#top-live ul li a {
	line-height: 75px;
	height: 75px;
	display:inline;
	}
*/

ul.arrow {
	position: relative;
	float: left;
	z-index:200;
}

li.navigation-arrow {
/*	position: relative; 	*/
	vertical-align: middle; 
	display:inline;

/*	margin: 0 auto; 		*/


/*	margin-top: 20px; 		*/

}

.navigation-arrow a {
		position: relative;
	display: block;
	width: 10px;
	margin-top: 2px;
	line-height: 75px;
	height: 75px;
	background-color:#404041;
}

.navigation-arrow a:hover {
	background-color:#626262;
	text-decoration: none;
}

#left-column-wrap2 ul {
padding: 0;
list-style-type: none;
margin: 0;

}

#left-column-wrap2 ul ul {
	padding-left: 8px;
	/* list-style-image: url(../css_images/bullet.png); */
list-style-type: none;
}

#left-column-wrap2 li, #left-column-wrap2 li li, #left-column-wrap2 li li li, #left-column-wrap2 li li li li {
	padding: 0;
	margin: 0;

}


#left-column-wrap2 li a{
	display: block;
line-height: 22px;
height: 22px;
padding-left: 5px;
	/*width: 112px;*/
	overflow: hidden;
/*background-color:#0F0; */
}







.top-live-trokut {
background-repeat:no-repeat;
background-position: 2px 2px;
padding: 1px 1px 1px 1px;
}

.top-live-trokut a {
	 padding: 1px 1px 1px 1px;
		display: block;
		width: 100px;
}


.top-live-trokut a:hover{
	/*position: relative;
	left: -1px;
	top: -1px;*/
	padding: 0 0 0 0; 
	margin: 0;
	border:1px solid #fff;

}

/*
.top-live-trokut {
background-repeat:no-repeat;
background-position: 2px 2px;
padding: 1px 1px 1px 1px;

}

.top-live-trokut a {
	padding: 1px 1px 1px 1px;
	display: inline-block;
	width: 100px;
}


.top-live-trokut a:hover{
	padding: 0 0 0 0; 
	margin: 0;
	border:1px solid #fff;
}

*/
#top-live-table {
	position:relative;
	float:left;
	width: auto;
	height: 75px;
	/* background-color:#F00; */
	margin-left: 5px;
}

#top-live-table td {
		display: inline-block;
	width: 110px;
}


/*
.top-live-trokut {
	display:inline;
	width:100px;
	background-repeat:no-repeat;
	background-position: 2px 2px; 
	padding: 1px 1px 1px 1px;

}

.top-live-trokut a {
	padding: 1px 1px 1px 1px;
	display:block;
	display: inline; 
	line-height: 75px;
	height: 75px;
}


.top-live-trokut a:hover{

	padding: 0 0 0 0;
	margin: 0;
	border:1px solid #fff;

}
*/

.tabs {
	/*width: 490px; */
	/*background-color:#F00; */
	padding: 0 0 0 1px;
	margin: 0;
	list-style-type: none;
	font-size:10px;
}
.tabs ul  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tabs li{
	background-color:#404041;
	display: inline-block;
	width: 163px;
/*	background-color:#0F0; */
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}

.tabs ul li a {
	display:block;
	line-height: 23px;
	height: 23px;
	text-align:center;
	border-right: 1px solid #231f20; 
	border-bottom: 1px solid #231f20;
}

.tabs ul li a:hover {
	background-color: #d31c5c;
	text-decoration:none;
	border-bottom-color: #b91c53;
/*	border-right-color: #b91c53; */
	}

#tab-active a {
	background-color:#FFF;
	color: #0b72ac;
	border-bottom: 0px;
}

.stranice {
	/*position:relative;*/
	display:inline-block;
	clear: both;
	background-color:#fff;
	width: 480px;
	margin: 8px 0 8px 0;
	padding-left: 8px;
}

.stranice-left   {
		list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
}

.stranice-left li{

/*	display: inline-block; */
/*	background-color:#0F0; */
	padding: 0 2px 0 2px;
	margin: 0;
	list-style-type: none;
	float: left;
	color: #231f20;
	display: inline-block;
	text-align:center;
	/*line-height: 20px;
	height: 20px;*/
}

.stranice-left li a, .stranice-right li a {
	/*line-height: 20px;
	height: 20px;*/
	color: #0b72ac;
	font-weight:bold;
	text-decoration:underline;
/*	border-right: 1px solid #231f20; 
	border-bottom: 1px solid #231f20; */
}

.stranice-left li a:hover, .stranice-right li a:hover {
	/*line-height: 20px;
	height: 20px;*/
	text-decoration: underline;
	color: #222;
/*	border-right: 1px solid #231f20; 
	border-bottom: 1px solid #231f20; */
}

.stranice-right li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*display:inline-block; */
	float:right;	
	margin-right: 10px;
}

.sponzorirano {
	clear: both;
	background-color: #e0e1e2;
	padding: 10px;
	/*margin-top: 6px; */
}
.sponzorirano-ne {
	clear: both;
	/*background-color: #e0e1e2; */
	padding: 0 10px 0 10px;
	/*margin-top: 6px; */
}

.popis-mjesto {
	clear: both;
	background-color: #FFF;
	width: 450px;
	display:inline-block;
	padding: 8px;
}

.sponzorirano-bg {
	background-image: url(../css_images/sponzorirano_bg.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

.popis-sponzorirano-hr {
	border-bottom: 8px solid #e0e1e2;
	width: auto;
}

.popis-sponzorirano-ne-hr {
	border-bottom: 1px solid #cccecf;
	width: auto;
}


.popis-image {
	position:relative;
	float: left;
	width: 101px;
	background-repeat:no-repeat;
	padding: 1px 0 0 1px;
}



.popis-image a {
	 padding: 1px 1px 1px 1px;
		display: inline-block;
		width: 100px;
}

.popis-image a:hover{
	/*position: relative;
	left: -1px;
	top: -1px;*/
	padding: 0 0 0 0; 
	margin: 0;
	border:1px solid #222;

}


.wrapper-popis {
	position:relative;
	float:right;
	width: 340px;
	margin-top: 2px;
}

.xtra-info-popis{
position:absolute;
top:35px;
right:0px;
width:90px;
height:50px;
text-align:right;
color:#295ab2;
font-size:9px;
}

.popis-caption {
	float: left;
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 3px;
}

.popis-caption a {
	color: #295ab2;
	font-size: 1.2em;
}
.popis-caption a:hover {
	/*color: #222; */
}

.popis-caption a:visited {
	color: #295ab2;
	font-size: 1.2em;
}








h2.headline-list {
	float: left;
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 3px;
	font-size: 1em;
}

h2.headline-list a {
	color: #295ab2;
	font-size: 1.2em;
}
h2.headline-list a:hover {
	/*color: #222; */
}

h2.headline-list a:visited {
	color: #295ab2;
	font-size: 1.2em;
}










.popis-sub-caption {
	float:left;
	clear: left;
	text-transform:uppercase;
	font-size: .7em;
	color: #999;
	margin: 0 0 0 3px;
	width: 220px;
}

.popis-text {
	font-size: 1.0em;
	float:left; 
	clear: left; 
	color: #222;
	width: 330px;
	margin: 3px 0 0 3px;
}

.popis-text a{
color: #666 !important;
text-decoration:underline;
}

.popis-text a:hover{
color: #666 !important;
text-decoration:none;
}

.popis-adresa {
	font-size: .8em;
	float:left; 
	clear: left; 
	color: #666;
	width: 330px;
	margin: 3px 0 0 3px;
	text-transform:uppercase;
}

.popis-stars {
	float: right;
	width: 100px;
	color: #acacac;
	font-size: .8em;
}

.popis-datum {
	float: right;
	width: 110px;
	color: #575757;
	/* color: #acacac; */
	font-size: .8em;
	text-align:right;
	height:28px;
}

.popis-live-trokut {
	width: 101px;
	background-repeat:no-repeat;
	background-position: 1px 1px;
	/*padding: 1px 1px 1px 1px; */
}

.popis-live-trokut a {
	 padding: 1px 1px 1px 1px;
		display: inline-block;
		width: 100px;
}


.popis-live-trokut a:hover{
	/*position: relative;
	left: -1px;
	top: -1px;*/
	padding: 0 0 0 0; 
	margin: 0;
	border:1px solid #222;
}

/* PAGINATION */


    .pagination{
		position:relative;
		width:100%;
    padding: 2px;
text-align:center;
    }

    .pagination ul{
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 0;
    text-align: center; /*Set to “right" to right align pagination interface*/
    font-size: 12px;

    }

    .pagination li{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
    }
	
	    .pagination .threedots{
    list-style-type: none;
    display: inline;
       color: #000;
    }

    .pagination a, .pagination a:visited{
    padding: 0 2px;
    text-decoration: none;
    color: #595959;
    }

    .pagination a:hover, .pagination a:active{
    color: #000;
	text-decoration: underline;
    }

    .pagination a.currentpage{
    background-color: #6E95DA;
    color: #FFF !important;
    font-weight: bold;
    cursor: default;
    }

    .pagination a.disablelink, .pagination a.disablelink:hover{
    cursor: default;
    color: #e0e1e2;
    font-weight: normal !important;
    }

    .pagination a.prevnext{
    font-weight: normal;
padding:0 10px;
    }

	
	/* PAGINATION */
	
	
	
	
	
	/* GALERIJA ITEM-A */
	
	ul.itemarrow {
	position: relative;
	clear:both;
	z-index:50;
padding-left:10px;
padding-top:10px;
}

li.navigation-itemarrow_up {

	display:inline;
}

.navigation-itemarrow_up a {
		position: relative;
	display: block;
	margin-top: 2px;

	width:75px;
	height:10px;
	background-color:#404041;
	background-image:url(../css_images/gal_up.gif);
	background-repeat:no-repeat;
}

.navigation-itemarrow_up a:hover {
	background-color:#626262;
	text-decoration: none;
	background-image:url(../css_images/gal_up_over.gif);
	background-repeat:no-repeat;
}



li.navigation-itemarrow_down {

	display:inline;
}

.navigation-itemarrow_down a {
		position: relative;
	display: block;
	margin-top: 2px;
	line-height: 75px;
	width:75px;
	height:10px;
	background-color:#404041;
	text-decoration: none;
	background-image:url(../css_images/gal_down.gif);
	background-repeat:no-repeat;
}

.navigation-itemarrow_down a:hover {
	background-color:#626262;
	text-decoration: none;
	background-image:url(../css_images/gal_down_over.gif);
	background-repeat:no-repeat;
}

/* GALERIJA ITEM-A */


/* ODABIR PERIODA ZA EVENT U LISTI */



#events_period{
	width: 500px;
	position: relative;
	float: left;
	padding:10px;
}

#events_period ul{
float: left;
	/*clear: both;*/
	padding-top: 2px;
	padding-left: 5px;
/*	height: 15px;*/
	list-style-type: none;
	font-size:10px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: inline;

}

#events_period ul li{

list-style-type: none;
	display: inline;

}

#events_period ul li a.disabled{
background-color: #626262;
color:#FFF;
text-align:left;
padding: 3px 15px 3px 15px;
margin: 0px 1px 0px 1px;
}

#events_period ul li a{
background-color: #E3E3E3;
color:#000;
text-align:left;
padding: 3px 15px 3px 15px;
margin: 0px 1px 0px 1px;
}

#events_period ul li a:hover{
background-color: #626262;
color:#FFF;
}
/* ODABIR PERIODA ZA EVENT U LISTI */

.item-wrapper {
	clear:both;
	padding: 15px 45px 0px 45px;
}

.child-event-wrapper{
	clear:both;
	padding: 15px 45px 0px 45px;
}

.item-wrapper p{
	color:#333;
text-align:left;
font-size:12px;
line-height:24px;
}

.item-wrapper p.location_paragraph{
color:#333;
text-align:left;
font-size:16px;
margin:0px;
height:10px;
font-weight:bold;
text-decoration:none;
}


.item-wrapper a{
color:#333;
text-align:left;
font-size:16px;
margin:0px;
height:15px;
font-weight:bold;
text-decoration:underline;
}

.item-wrapper a:hover{
color:#333;
text-decoration:none;
}


.comment-form {
	clear:both;
	padding: 15px 45px 0px 45px;
}

.submit-comment{
	width:402px;
	background-color:#fff;border:1px solid #DEDEDE;color:#333; font-size:1em;margin:0.5em 0; padding:8px;background:#F3F3F3;
}

.submit-comment:hover{
    background: #BEBEBE;
}

.clearFieldBlurred { font-style: italic; }
.clearFieldActive { }

.comment_loading_img{
padding:100px;
}

#comment-div{
	color:#666;
	font-weight:bold;
}

#rating{
position:absolute;
left:500px;
top:100px;
}

.footer-link{
padding-top:20px;
padding-bottom:10px;
clear:both;
}



.home_cat_sponsor{
	position:absolute;
	right:4px;
	bottom:4px;
	width:292px;
	height:47px;

	/*filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
-khtml-opacity: 0.20;
*/
}

.home_edge_calendar{
		position:absolute;
	right:4px;
	top:4px;
	width:23px;
	height:24px;
}

.home_cat_uzivo{
		position:absolute;
	left:4px;
	bottom:55px;
	width:20px;
	height:152px;
	background-color:#000000;
	filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
-khtml-opacity: 0.20;
z-index:900;
}


.bottom_banner{
width:100%;
height:60px;
text-align:center;
padding-bottom:10px;
float:left;
}

.left-column-ad{
width:100%;
height:600px;
text-align:center;
padding-bottom:10px;
padding-top:10px;
float:left;
}

.banner_padding{
padding:2px 0;	
}

.static-calendar{
position:absolute;
width:145px;
top:27px;
left:0px;
overflow:hidden;
clear:both;
}

.left-calendar-headline{
	position:absolute;
width:140px;
height:20px;
padding-left:5px;
padding-top:5px;
top:0px;
left:0px;
overflow:hidden;
clear:both;
}

.carousel_wrapper{
position:relative;
width:75px;
height:75px;
float:left;
z-index:930;
}

.carousel_headline{
position:absolute;
top:0px;
left:0px;
width:75px;
height:75px;
z-index:920;
background-color:none !important;
color:none !important;
}

.carousel_headline a{
background-color:none !important;
color:none !important;
}

a.child_item_link{
		color: #295AB2 !important;
	font-size: 14px;
	font-weight: bold;
}




a.child_item_link:hover{
		color: #333333 !important;
}


.child_items_h2{
	font-size: 14px;
	font-weight: bold;	
	color: #295AB2 !important;
	margin-bottom:-10px;
}

.child_items_headline{
color: #666666 !important;	
}

.child_item_behind_link{
	
		font-size: 12px;
	font-weight: normal;	
	color: #333333;
}

a.grey_link{
		color: #295AB2;
	font-weight: bold;
}

a.grey_link:hover{
		color: #295AB2;
	font-weight: bold;
}


.home_register{
position:relative;
float:left;
clear:both;
width:940px;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

.list_register{
position:relative;
float:left;
clear:both;
width:240px;
padding:30px;
text-align:center;
}

.register_link{
font-size:14px;
font-weight:bold;
color:#00a7ea;
}

.social_icons{
position:relative;
float:left;
width:300px;
clear:both;
margin-left:45px;
}

.social_icons a{
display:block;
float:left;
padding-right:10px;
}

#map_canvas{
margin:5px 0;	
}

.nagradna-list{
position:relative;
float:left;
width:100px;
oveflow:hidden;
margin:0;
}

.nagradna-list_hor_space{
position:relative;
float:left;
width:12px;
height:75px;
margin:0;
padding:0;
}

.nagradna-list_vert_space{
position:relative;
float:left;
width:466px;
height:20px;
margin:0;
padding:0;
clear:both;
}

.nagradna-list_hor_edge{
position:relative;
float:left;
width:15px;
height:75px;
margin:0;
padding:0;
}

.nagradna-image{
position:relative;
float:left;	
width:100px;
height:75px;
clear:both;
border:1px solid #999;
}

.nagradna-popis{
position:relative;
float:left;	
width:100px;
clear:both;
overflow:hidden;
}

.datum-nagradna{
	float: left;
	width: 100px;
	color: #575757;
	font-size: .8em;
	text-align:left;
	height:28px;	
	padding:5px 0;
	clear:both;
}

h2.nagradna-list {
	float: left;
	width: 90px;
	overflow: hidden;
	margin: 0;
	padding-right:10px;
	font-size: 1em;
	line-height:1.2em;
}

h2.nagradna-list a {
	color: #295ab2;
	font-size: 1em;
}
h2.nagradna-list a:hover {
	/*color: #222; */
}

h2.nagradna-list a:visited {
	color: #295ab2;
	font-size: 1em;
}

.nagradna-text {
	font-size: 1.0em;
	float:left; 
	clear: left; 
	color: #222;
	width: 90px;
	margin: 0;
	padding-right:10px;
}

.nagradna-text a{
color: #666 !important;
text-decoration:underline;
}

.nagradna-text a:hover{
color: #666 !important;
text-decoration:none;
}