/*
Theme Name: Cloudland
Description: Created using <a href="http://www.artisteer.com">Artisteer</a>, the #1 software for creating WordPress themes. See more <a href="http://wordpress.org/extend/themes/profile/artisteer">WordPress.org</a> themes.
Version: 1.1
Author: Artisteer
Author URI: http://artisteer.com/
Tags: fixed width, three columns, valid XHTML, widgets
*/

/* begin Page */

/* Generated with Artisteer version 1.0.0.11662 */

body
{
	margin: 0 auto;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial;
	background-color: #000000;
	color: #7497B4;
}
h1
{
	font-size: 1.8em;
	color: #053f5a;
	font-weight: bold;
	text-align: center;
}
h2
{
	font-size: 1.2em;
	color: #afa987;
	font-weight: normal;
}
h6 {
	color: #BCB89C;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-indent: 7px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-weight: normal;
}
.Main
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
}
.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlareImage
{
	height: 483px;
	width: 304px;
	margin: 0;
	background-color: #000000;
}

/* specially for Opera */
html:first-child .PageBackgroundGlare
{
  border: 1px solid transparent;
}
/* specially for Opera */

* html .PageBackgroundGlareImage
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Page-BgGlare.png',sizingMethod='crop')");
}

table, th, td
{
  font-size: 1em; 
  padding: 0; 
  border-collapse: collapse;
}

a img
{ 
  border: 0; 
}

a
{
  color: #417DAF;
}

a:link
{
  color: #417DAF;
}

a:visited
{
  color: #325F86;
}

a:hover
{
  color: #6398C5;
}
/* end Page */

/* begin Box, Sheet */
.Sheet 
{
	min-width:41px;
	min-height:41px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 0;
	width: 984px;
}

* html .Sheet 
{
  width:expression(this.offsetWidth < 41 ? 41+"px" : "auto !important");
  height:expression(this.offsetHeight < 41 ? 41+"px" : "auto !important");
  
  width: 984px;
  zoom: 1;
}


.Sheet-body 
{
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin: 0px;
	text-align: left;
	background-image: url(images/crta_bcg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.Sheet-tl 
{
	position: absolute;
	overflow: hidden;
	z-index: -1;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background-color: #14130f;  /*background-image: url('images/Sheet-s.png');*/
}

* html .Sheet-tl 
{
	font-size: 1px;
	background-color: #14130f;
	background-image: none;  /*
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); */
  
}


.Sheet-tr 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}

* html .Sheet-tr 
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-30+'px');
}

.Sheet-tr div
{
	position: absolute;
	z-index: -1;
	top: 0px;
	left: -30px;
	width: 60px;
	height: 60px;
	/* background-image: url(images/Sheet-s.png); */
	background-color: #14130f;
}

* html .Sheet-tr div
{
	background-color: #14130f;
	background-image: none;  /*
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");  */
  
}

.Sheet-bl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
}

* html .Sheet-bl 
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-30+'px');
}

.Sheet-bl div
{
	position: absolute;
	z-index: -1;
	top: -30px;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: #14130f;  /* background-image: url('images/Sheet-s.png'); */
}

* html .Sheet-bl div
{
	background-color: #14130f;
	background-image: none;  
/*
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); */
}

.Sheet-br 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
}

* html .Sheet-br
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-30+'px');
  left: expression(this.parentNode.offsetWidth-30+'px');
}

.Sheet-br div 
{
	position: absolute;
	z-index: -1;
	top: -30px;
	left: -30px;
	width: 60px;
	height: 60px;
	/* background-image: url(images/Sheet-s.png); */
	background-color: #14130f;
}

* html .Sheet-br div
{
	background-color: #14130f;
	background-image: none;  
  /*
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");  */
}

.Sheet-tc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 30px;
  right: 30px;
  height: 30px;
}

* html .Sheet-tc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-60+'px');
}


.Sheet-tc div
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	/* background-image: url(images/Sheet-h.png); */
	background-color: #14130f;
}

* html .Sheet-tc div
{
	font-size: 1px;
	background-color: #14130f;
	background-image: none;  /* 
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')"); */
  
}


.Sheet-bc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 30px;
  right: 30px;
  height: 30px;
}

* html .Sheet-bc
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-30+'px');
  width: expression(this.parentNode.offsetWidth-60+'px');
}

.Sheet-bc div 
{
	position: absolute;
	z-index: -1;
	top: -30px;
	left: 0;
	width: 100%;
	height: 60px;
	/* background-image: url(images/Sheet-h.png); */
	background-color: #14130f;
}

* html .Sheet-bc div
{
	font-size: 1px;
	background-color: #14130f;
	background-image: none; /*
   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");  */
}


.Sheet-cl 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 30px;
  left: 0;
  width: 30px;
  bottom: 30px;
}

* html .Sheet-cl
{
  font-size: 1px;
  height: expression(this.parentNode.offsetHeight-60+'px');
}

.Sheet-cl div
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	background-color: #14130f;
}

* html .Sheet-cl div
{
	font-size: 1px;
	background-color: #333333;
	background-image: none;
}

.Sheet-cr 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 30px;
  right: 0;
  width: 30px;
  bottom: 30px;
}

* html .Sheet-cr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-30+'px');
  height: expression(this.parentNode.offsetHeight-60+'px');
}

.Sheet-cr div
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: -30px;
	width: 60px;
	height: 100%;
	background-color: #14130f;
}

* html .Sheet-cr div
{
	font-size: 1px;
	background-color: #14130f;
	background-image: none;
}

.Sheet-cc 
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  background-color: #14130f;
}

* html .Sheet-cc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-60+'px');
  height: expression(this.parentNode.offsetHeight-60+'px');
}
.Sheet
{
  margin-top: 0px !important;
  margin-bottom: 0px;
  padding: 0 0 1em 0;
}
/* end Box, Sheet */

/* begin Header */
div.Header 
{
	margin: 0;
	position: relative;
	width: 984px;
	height: 353px;
	background-color: #000;
	background-image: url(images/festivebanner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

* html div.Header 
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Header.png',sizingMethod='crop')");
}

div.Header  div
{
	margin: 0em;
	padding: 0px;
	width: 100%;
	height: 100%;
	/* background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
	text-align: left;
}
/* end Header */

/* begin Logo */
.logo
{
  position: relative;
  left: 10px;
  top: 62px;
}

.logo td
{
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.logo-name
{
  font-size: 26px;
  font-family: Trebuchet MS;
  font-style: normal;
  font-weight: bold;
}

.logo-name a
{
  text-decoration: none;
  color: #1C354A !important;
}

.logo-text
{
  font-size: 18px;
  font-family: Trebuchet MS;
  font-style: normal;
  font-weight: normal;
  color: #1C354A !important;
}
)()+"images/nav.png',sizingMethod='crop')");
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
	margin-bottom: 9px;
	width: 100%;
	position: relative;
}/* end ContentLayout */

/* begin Button */
button.Button, a.Button
{
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  font-size: 100%;
  font-family: inherit;
  line-height: inherit;
  display: inline-block;
  overflow: visible;
  width: auto;
  cursor: default;
  white-space: normal;
  text-decoration: none;
}

.Button .btn 
{
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  z-index: 0;
  height: 33px;
  color: #1A1F23;
}

.Button .t
{
  height: 33px;
  line-height: 33px;
  padding: 0 21px;
  text-align: left;
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.Button .active
{
  color: #FFFFFF;
}

.Button .hover 
{
  color: #FFFFFF;
}

.Button .active .r 
{
  top: -66px;
}

.Button .hover .r 
{
  top: -33px;
}

.Button .r 
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 99px;
}

* html .Button .r
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-7+'px');
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:409px;
  height: 99px;
}

* html .Button .r span
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-409+'px');
}

.Button .active .l 
{
  top: -66px;
}

.Button .hover .l 
{
  top: -33px;
}

.Button .l 
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 7px;
  height: 99px;
}

* html .Button .l
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-7+'px');
}
.Button .l, .Button .r span  
{
  background-image: url('images/Button.png');
}

* html .Button .l, * html .Button .r span
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Button.png',sizingMethod='crop')");
}
/* end Button */

/* begin Box, Block */
.Block 
{
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

/* START IZMJENA */
.Blocksredina 
{
	min-width:1px;
	min-height:1px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	display: block;
	width: 540px; /* ŠIRINA SREDNJE KOLONE - prepraviti i .contentLayout .content  za promjene */
}
ol {
	padding: 0px;
	margin-left: 10px;
}
ol li {
	font-size: 1.5em;
	display: block;
	margin: 0px;
	padding: 0px;
}
#festiveinfo
{
	min-width:1px;
	min-height:1px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	float: left;
	margin-top: 20;
	margin-right: 10px;
	margin-bottom: 40;
	margin-left: 10px;
	display: block;
	width: 170px;
	clear: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(images/info_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
}
#festiveinfo p
{
	font-size: 1.3em;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial;
	margin-right: 0px;
	margin-left: 0px;
}
#blok_crta {
	display: block;
	padding: 0px;
	height: 20px;
	width: 100%;
	clear: both;
}
#rss {
	display: block;
	clear: both;
	height: 40px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #4B4738;
}
#favorites {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4B4738;
}

#crta 
{
	display: block;
	height: 30px;
	background-image: url(images/crta.png);
	background-repeat: repeat-x;
}
#searchform
{
	background-image: url(images/search30x30.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	margin-left: 0px;
	width: 190px;
	text-align: right;
}
.reklama
{
	display: block;
	margin-left: 30px;
}
input {
	display: block;
	height: 28px;
	font-size: 16px;
	margin-left: 31px;
	width: 120px;
	float: left;
	border: 1px solid #003366;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.botun {
	display: block;
	font-size: 14px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/go30x30.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.gengo_lang_en
{
	display: block;
	margin-left: 0px;
	background-image: url(images/uk.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 82px;
	text-align: left;
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Verdana;
	font-size: 1em;
	text-indent: 25px;
}
.gengo_lang_hr
{
	display: block;
	margin-left: 0px;
	background-image: url(images/hr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 82px;
	text-align: left;
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Verdana;
	font-size: 1em;
	text-indent: 25px;
}
.slomiga
{
	display: block;
	clear: both;
	height: 1px;
}
.crta_ispod_loga
{
	display: block;
	clear: both;
	height: 20px;
	background-color: #154EA2;
}
#gl_sponzor
{
	display: block;
	clear: both;
	font-size: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 55px;
	color: #D9AD00;
}
.naslov_sponzor
{
	display: block;
	padding: 0px;
	width: 210px;
	text-align: center;
	font-size: 120%;
	height: 20px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
/* KRAJ IZMJENA */
* html .Block 
{
  width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
  height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
  
  zoom: 1;
}


.Block-body 
{
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin: 0px;
	text-align: left;
	float: left;
}




.Block
{
  margin: 7px;
}

.Block table.table
{
  border-collapse: collapse;
  margin: 1px;
}

.Block table.table th, .Block table.table td
{
  padding: 2px;
  border: solid 1px #7E90A0;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 0px;
  text-align: left;
  color: #4E5D6A;
  font-family: 'Trebuchet MS';
  font-size: 15px;
  font-weight: Bold;
  font-style: normal;  
  text-decoration: none;
}

* html .BlockHeader
{
  zoom: 1;
}

.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div 
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l 
{
  left: 0;
  right: 0px;
}

* html .BlockHeader .l
{
  width: expression(this.parentNode.offsetWidth-0+'px');
}

.BlockHeader .r 
{
  right: 0;
  width: 0px;
}

* html .BlockHeader .r
{
  left: expression(this.parentNode.offsetWidth-0+'px');
}

.BlockHeader .r div
{
  width: 890px;
  right: 0;
}

* html .BlockHeader .r div
{
  left: expression(this.parentNode.offsetWidth-890+'px');
}

* html .BlockHeader .l, * html .BlockHeader .r div 
{
  font-size: 1px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent 
{
  min-width:15px;
  min-height:15px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 0;
}


* html .BlockContent 
{
  width:expression(this.offsetWidth < 15 ? 15+"px" : "auto !important");
  height:expression(this.offsetHeight < 15 ? 15+"px" : "auto !important");
  
  zoom: 1;
}


.BlockContent-body 
{
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin: 8px;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	float: left;
	width: 524px;
}

.BlockContent a
{
  color: #50ff03;
}
.BlockContent a:link
{
	color: #50ff03;
	text-decoration: none;
}

.BlockContent a:hover
{
	color: #50ff03;
}
.BlockContent a:hover:visited
{
	color: #309F00;
	text-decoration: none;
}

.BlockContent a:visited
{
    color: #309F00;
	text-decoration: none;
}

.BlockContent-tl 
{
	position: absolute;
	overflow: hidden;
	z-index: -1;
	top: 0;
	left: 0;
	width: 7px;
	height: 7px;
	background-color: #14130f;
}

* html .BlockContent-tl 
{
  font-size: 1px;
  background: none;
	background-color: #14130f;
}


.BlockContent-tr 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

* html .BlockContent-tr 
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-7+'px');
}

.BlockContent-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -7px;
  width: 14px;
  height: 14px;
  	background-color: #14130f;
}

* html .BlockContent-tr div
{
  background: none;
  	background-color: #14130f;
}

.BlockContent-bl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
}

* html .BlockContent-bl 
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-7+'px');
}

.BlockContent-bl div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 14px;
  height: 14px;
  	background-color: #14130f;
}

* html .BlockContent-bl div
{
  background: none;
  	background-color: #14130f;
}

.BlockContent-br 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

* html .BlockContent-br
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-7+'px');
  left: expression(this.parentNode.offsetWidth-7+'px');
}

.BlockContent-br div 
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  width: 14px;
  height: 14px;
  	background-color: #14130f;
}

* html .BlockContent-br div
{
  background: none;
  	background-color: #14130f;
}

.BlockContent-tc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

* html .BlockContent-tc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-14+'px');
}


.BlockContent-tc div
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 14px;
	background-color: #14130f;
}

* html .BlockContent-tc div
{
  font-size: 1px;
  background: none;
background-color: #14130f;
}


.BlockContent-bc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

* html .BlockContent-bc
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-7+'px');
  width: expression(this.parentNode.offsetWidth-14+'px');
}

.BlockContent-bc div 
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 100%;
  height: 14px;
background-color: #14130f;
}

* html .BlockContent-bc div
{
  font-size: 1px;
  background: none;
background-color: #14130f;
}


.BlockContent-cl 
{
	position: absolute;
	overflow:hidden;
	z-index: -1;
	top: 7px;
	left: 0;
	width: 7px;
	bottom: 7px;
}

* html .BlockContent-cl
{
  font-size: 1px;
  height: expression(this.parentNode.offsetHeight-14+'px');
}

.BlockContent-cl div
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 14px;
	height: 100%;
	background-color: #000000;
}

* html .BlockContent-cl div
{
  font-size: 1px;
  background: none;
	background-color: #000000;
}

.BlockContent-cr 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  right: 0;
  width: 7px;
  bottom: 7px;
}

* html .BlockContent-cr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-7+'px');
  height: expression(this.parentNode.offsetHeight-14+'px');
}

.BlockContent-cr div 
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -7px;
  width: 14px;
  height: 100%;
  background-color: #000000;
}

* html .BlockContent-cr div
{
	font-size: 1px;
	background-color: #000000;
	background-image: none;
}

.BlockContent-cc 
{
	position: absolute;
	overflow:hidden;
	z-index: -2;
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	background-color: #000000;
}

* html .BlockContent-cc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-14+'px');
  height: expression(this.parentNode.offsetHeight-14+'px');
}
/* end Box, BlockContent */

/* begin LayoutCell */
.contentLayout .sidebar1
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 0%;
}
/* end LayoutCell */

/* begin LayoutCell */

/* UKUPNA ŠIRINA ĆELIJE ZA PRVU KOLONU! */
.contentLayout .content
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 77%;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 220px; /* ŠIRINA DESNE KOLONE */
}
/* end LayoutCell */



.sidebar1 ul, .sidebar2 ul, .sidebar3 ul
{
	margin-left: 0;
	padding-left: 10px;
	background-color: #14130f;
}

.sidebar1 ul li, .sidebar2 ul li, .sidebar3 ul li
{
	list-style: none; 

	margin-left: -10px;
	padding: 0;
}

#footer
{
	text-align: center;
	display: block;
	height: 350px;
	background-image: url(images/logo_footer_bcg.jpg);
	background-repeat: repeat-x;
	width: 984px;
	margin-right: auto;
	margin-left: auto;
}
#sponsor {
	display: block;
	height: 50px;
	width: 443px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(images/logo_sponsors.jpg);
	background-repeat: repeat;
	background-position: center center;
}
.reklame {
	display: block;
	float: left;
	height: 120px;
	width: 120px;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 10px;
	margin-left: 35px;
	border: 1px solid #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.post h2 a 
{
	text-decoration: none;
}

.aligncenter, div.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

#commentform textarea
{
	width: 100%;
	padding: 2px;
}
/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
	float: left;
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -40px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul{
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
/* - - - ADxMenu: DESIGN styles - - - */

.menu{
	color: #eee;
	background-color: #14130f;
	}
.menu ul li {
	color: #eee;
	background-color: #201E17;
	/* Ovdje dodati crtu ili border */
	}
.menu {
	width: 200px;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #b0aa88;
	padding: .4em 1em;
	display: block;
}

.menu a:hover, .menu li:hover>a {
	color: #fc3;
}

.menu li {	/* create borders around each item */
	line-height: 25px;
	border: 0px solid #ccc;
	margin-left: 0px;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 4px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts 
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}
*/
/*]]>*/
</style>

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.menu ul {
	visibility: visible;
	position: static;
}

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #fc3;
}

.menu .adxmhoverUL {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.menu ul ul li a
{
	padding-top: 1px;
	padding-bottom: 1px;
}

/*]]>*/
</style>

<script type="text/javascript" src="../code/ADxMenu.js"></script>
<![endif]button {
}
-->