/* CSS Document [fulspectrum media]

----------------------------------------------
version: 1.0 
author:  fulspectrum media
email:   info@fulspectrum.net
website: http://www.fulspectrum.net/ 
----------------------------------------------*/

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #ffffff repeat-x top;
	color: #666666;
	font: .7em Georgia,"Times New Roman", Times, serif
}
body.sub{
	background: url(../images/bgr2.gif) #ffffff repeat-x 0 0;
}
a{
	color: #354e19;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #cdcdcd 1px solid;
	color: #666;
	font-size: 12px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #68707b;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase
}
h2 span{
	display: none
}
h2 img{
	display: block
}
p{
padding:0pt 0pt 1.3em;
line-height:1.4em;
font-size:1.2em;
}
/*=== Layout ===*/
#banner{
	position:relative;
	top: 25px;
	left: 250px;
        width:420px
}
body.sub #page{
	background: url(../images/page-bgr2.gif) repeat-y;
	height: 1%;
	margin: 0 auto;
	padding: 15px 0 0;
	width: 920px
}
#page-top{
	background: url(../images/page-top.gif) no-repeat top;
	height: 15px;
	margin: 0 auto;
	overflow: hidden;
	width: 864px
}
body.sub #page-top{
	background: url(../images/page-top2.gif) no-repeat top;
	height: 15px;
	margin: 0 auto;
	overflow: hidden;
	width: 920px
}
#page{
	background: url(../images/page-bgr.gif) repeat-y;
	height: 1%;
	margin: 0 auto;
	padding: 15px 0 0;
	width: 864px
}
#page-top{
	background: url(../images/page-top.gif) no-repeat top;
	height: 15px;
	margin: 0 auto;
	overflow: hidden;
	width: 864px
}
#page-bot{
	background: url(../images/page-bot.jpg) no-repeat top;
	height: 152px;
	margin: 0 auto;
	width: 864px
}
body.sub #page-bot{
	background: url(../images/page-bot2.jpg) no-repeat top;
	height: 300px;
	margin: 0 auto;
	width: 920px
}
body.sub #page-bott{
	background: url(../images/205.jpg) no-repeat top;
	height: 300px;
	margin: 0 auto;
	width: 920px
}
/*=== Header ===*/
#header{
	background: url(../images/header-bgr.jpg) no-repeat top;
	height: 431px;
	margin: 0 auto;
	width: 980px
}
#header_en{
	background: url(../images/header-bgr-en.jpg) no-repeat top;
	height: 431px;
	margin: 0 auto;
	width: 980px
}

#header .spacer{
	float: right
}
body.sub #header{
	background: url(../images/header-bgr2.jpg) no-repeat 30px 0;
	height: 232px;
	margin: 0 auto;
	width: 980px
}
/*- Logo -*/
#header h1, #header_en h1{
	margin: 0;
	position: absolute;
	text-indent: -9999px;
	top: 35px;
	width: 113px;
	z-index: 150
}
#header h1 a, #header_en h1 a{
	display: block;
	height: 215px
}
#header h1 a:hover,#header_en h1 a:hover{
	text-decoration: none
}
/*- Slogan -*/
#slogan p{
	color: #68707b;
	font-size: 15px;
	font-style: italic;
	height: 115px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 0 0 417px;
	position: absolute;
	top: 190px;
	width: 460px
}

/*- Map -*/
#map, #map2{
	height: 110px;
	padding: 0 0 0 150px;
	position: absolute;
	text-indent: -9999px;
	top: 250px;
	width: 220px;
	z-index: 100
}
#map a, #map2 a{
	display: block;
	height: 110px;
	width: 220px
}
/*- Weather -*/
#weather{
	font: 12px Arial, Helvetica, sans-serif;
	height: 123px;
	padding: 0 0 0 618px;
	position: absolute;
	top: 317px;
	width: 275px;
	z-index: 50
}
#weather li{
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	width: 80px
}
#weather em{
	color: #ee8008;
	display: block;
	font-style: normal;
	margin: 0 0 5px
}
#weather img{
	display: block
}
#weather strong{
	color: #ffffff;
	display: block;
	font-size: 21px
}
/*=== Navigation ===*/
/*- Nav1 -*/
body.sub #nav1{
	height: 55px;
	top: 69px
}
#nav1{
	font-size: 16px;
	height: 55px;
	margin: 0 0 0 215px;
	position: absolute;
	text-transform: uppercase;
	top: 109px
}
#nav1 li{
	float: left;
	line-height: 40px;
	text-align: center
}
#nav1 li a{
	color: #53924d;
	display: block;
	float: left;
	height: 55px;
	width: 157px
}
#nav1 li a:hover,
#nav1 li a.active,
#nav1 li.hover a,
#nav1 li.active a{
	background: url(../images/nav1-hover.gif) no-repeat top;
	color: #ffffff;
	text-decoration: none
}
/*- Languages -*/
/*- Nav1 -*/
#lang{
	font-size: 11px;
	height: 20px;
	padding: 0 0 0 670px;
	position: absolute;
	top: 50px;
	width: 255px
}
body.sub #lang{
	font-size: 11px;
	height: 20px;
	padding: 0 0 0 670px;
	position: absolute;
	top: 20px;
	width: 255px
}
#lang li{
	float: left
}
#lang li.last{
	border: 0
}
#lang li.flag{
	border: 0;
	float: right;
	width: 90px
}
.en-gb{
		background: url(../images/gb.gif) no-repeat ;
		padding:0pt 15px;
}
.sl{
		background: url(../images/ico-flag-sl.gif) no-repeat ;
		padding:0pt 15px;
}
#lang li a{
	color: #68707b;
	display: block;
	float: left;
	height: 12px;
	padding: 0 8px
}
#lang li a:hover{
	color: #3d571e;
	text-decoration: none
}
/*=== Title ===*/
.title{
	margin: 0 15px 10px 0;
	width: 243px
}
.title p{
	padding: 0 0 0 10px
}
.title2{
	margin: 0 15px 10px 0;
	width: 367px
}
.title2 p{
	padding: 0 0 0 10px
}
/*=== All Columns ===*/
.columns{
	height: 1%;
	margin: 0 0 -40px;
	padding: 0 45px;
	position: relative
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 357px
}
/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0
}
/*- Search -*/
#search{
	height: 20px;
	padding: 0 0 0 680px;
	position: absolute;
	top: 78px;
	width: 250px
}
body.sub #search{
	height: 20px;
	padding: 0 0 0 680px;
	position: absolute;
	top: 38px;
	width: 250px
}
#search input{
	float: left;
	width: 235px
}
#search .btn{
	margin: 3px 0 0 -18px;
	position: relative;
	width: auto
}
/*=== Footer ===*/
body.sub #footer{
	padding: 245px 0 0;
}
#footer{
	color: #68707b;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 95px 0 0;
	text-align: center
}
#footer a{
	color: #68707b
}
#footer em{
	color: #84b819;
	font-style: normal
}
#footer ul{
	text-align: center;
	padding:5px
}
#footer li{
	background: url(../images/ico-list.gif) no-repeat left;
	display: inline;
	padding: 0 .6em
}
#footer li.copy{
	background: none
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr{
	border-top: 1px solid #e6f0d2;
	clear: both;
	height: 1px;
	margin: 0 0 .8em;
	width: 100%
}
.sep{
	background: url(../images/sep.gif) no-repeat top;
	clear: both;
	height: 33px;
	margin: 0 0 5px;
	overflow: hidden;
	width: 100%
}
.fl{
	float: left
}
.fr{
	float: right
}
.pic img{
	border: 1px solid #354e19;
	display: block;
	margin: 0 0 10px
}
.post ul img{
border:1px solid #daeaba;
height:67px;
margin:0pt 20px 15px 0pt;
padding:3px;
width:100px;
float:left	
}
.post2 ul img{
border:1px solid #daeaba;
padding:3px;
float:left;
}
.post2 ul li{
float:left;
list-style-type:none;
/*margin:0pt 0pt 15px;
padding:0pt 5px 0px 0pt;
width:220px;*/
}
* html .post2 ul li{
background: transparent;
width: 180px;
}
.post2 ul li img {
	margin: 0 15px 30px 0;
}
*+html .post2 ul li {
	padding-bottom: 30px;
}
* html .post2 ul li {
	padding-bottom: 30px;
}
.post a{
text-decoration:underline
}
.list{
	width:675px;
}
fieldset h3{margin: 0 0 15px 0}
/* boris */
#subnav { float: left; width: 205px; }
#content { float: right; width: 692px; }
	#main { float: left; width: 438px; }
	#main_map { float: none; border: 1px solid #daeaba; width: 660px; margin: 10px 0 0 0; }
	#sidebar { float: right; width: 195px; margin:10px 30px 0pt 0pt; }
	* html #sidebar { margin-right: 15px; }
	body.sub #page { padding: 0; }
	
	/* heading */
	#content .heading { position: relative; padding-bottom: 5px; }
	#content .heading h2 { color: #53924d; font-size: 28px; font-weight: normal; font-family: Georgia,Tahoma, Arial, Helvetica; text-transform: none; margin: 0 0 8px 0;  position: relative;padding-right: 250px;  }
	#content .heading h2 span { display:  block; position: relative; bottom: 0; left: 0; top: 0; }
	#content .heading h3 { position: absolute; top: 0; right: 0; margin: 0; }
	#content .heading img { position: relative; left: -6px; }
	#content .heading h3 img { left: 0; }
	
	/* content */
	#main p { font-size: 12px; color: #404040; font-family: Tahoma, Arial, Helvetica; line-height: 1.5em; padding: 0; margin: 0 0 1.5em 0; }
	#sidebar { font-size: 12px; color: #404040; font-family: Tahoma, Arial, Helvetica; line-height: 1.5em;}

	#main ul, #main ol { font-size: 12px; color: #404040; margin: 1.5em 0; font-family: Tahoma, Arial, Helvetica; }
	.post ul li { background:transparent url(../images/li_dot.gif) no-repeat scroll 0pt 6px;font-size:12px;line-height:1.5em;padding:0pt 0pt 12px 10px;}
		#main ol { list-style-type: decimal; margin-left: 20px; }
		* html #main ol { margin-left: 25px; }
		*+html #main ol { margin-left: 25px; }
		#post ul li { font-size: 12px; background: url(../images/li_dot.gif) no-repeat 0 6px; padding: 0 0 0 10px; line-height: 1.5em; }
		#main ol li { font-size: 12px; background: none; padding: 0; list-style-type: decimal; line-height: 1.5em; }
		/* post */
		#main .post, #main .post2 { border-top: 1px solid #e8f1d4; padding: 16px 0 4px 0; }
				#main .post em { font-family: Tahoma; line-height: 1.5em; }

		#main .post h2, #main .post2 h2  { color: #53924d; font-size: 16px; font-weight: normal; font-family: Tahoma, Arial, Helvetica; text-transform: none; margin: 0 0 2px 0; }
#main .post h3, #main .post2 h3  { color: #404040; font-size: 12px; font-weight: bold; font-family: Tahoma, Arial, Helvetica; text-transform: none; margin: 0 0 2px 0; height: 36px; overflow: hidden; display: block; position: relative; }
			#main .post h3 a, #main .post2 h3 a { position: absolute; bottom: 3px; left: 0; }
			*+html #main .post h3 a { position: relative; top: 6px; }
			*+html #main .post2 h3 a { position: relative; top: 6px; }
		/* explore */
		#main .explore,#main .explore2 { border-top: 1px solid #e8f1d4; padding: 16px 0 4px 0; }
		#main .explore h2 { margin-bottom: 10px; height: 17px; background: url(../images/hd_raziscite.gif) no-repeat; text-indent: -9999em; }
			#main .explore2 h2 { margin-bottom: 10px; height: 24px; background: url(../images/more.gif) no-repeat; text-indent: -9999em; }
			#main .explore li,#main .explore2 li { position: relative; min-height:52px;margin:0pt 0pt 5px;}
			* html #main .explore li, * html #main .explore2 li { height: 52px; }
			#main .explore li a,#main .explore2 li a { display: block; margin: 0 0 0 80px; }
				#main .explore li a span,#main .explore2 li a span { display: block; color: #53924d; font-size: 14px; }
				#main .explore li a em,#main .explore2 li a em { display: block; font-style: normal; }
			#main .explore li a.img,#main .explore2 li a.img { position: absolute; top: 0; left: 0; margin: 0; }
			#main .explore li a:hover,#main .explore2 li a:hover { text-decoration: none; }
		/* map */
		#main .map h2 { margin-bottom: 10px; height: 20px; background: url(../images/hd_map.gif) no-repeat; text-indent: -9999em; }
		#main .map2 h2 { margin-bottom: 10px; height: 20px; background: url(../images/map.gif) no-repeat; text-indent: -9999em; }
	/* sidebar */
	#sidebar h2 { margin: 0 0 1em 0; color:#a2112a; }
	#sidebar a{color:#354E19;text-decoration: underline;}
		#sidebar h2.cenik { height: 17px; background: url(../images/hd_cenik.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.informacije { height: 21px; background: url(../images/hd_informacije.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.information { height: 21px; background: url(../images/en_info.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.arhiv { height: 21px; background: url(../images/hd_arhiv.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.archive { height: 21px; background: url(../images/archive.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.arch { height: 21px; background: url(../images/arh.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.galerija { height: 23px; background: url(../images/hd_galerija.gif) no-repeat; text-indent: -9999em; }
		#sidebar h2.gallery { height: 23px; background: url(../images/gallery.gif) no-repeat; text-indent: -9999em; }
	#sidebar h3 { margin: 0 0 1em 0; font-family: Georgia,Tahoma, Arial, Helvetica; font-size: 15px; color: #333; text-transform: uppercase; }
	#sidebar p { font-size: 12px; color: #404040; font-family: Tahoma, Arial, Helvetica; line-height: 1.5em; padding: 0; margin: 1.5em 0; }
	#sidebar ul { font-size: 12px; color: #404040; margin: 1.5em 0; font-family: Tahoma, Arial, Helvetica; }
		#sidebar ul li { font-size: 12px; background: url(../images/li_dot.gif) no-repeat 0 6px; padding: 0 0 12px 10px; line-height: 1.0em; }
		/* cenik */
		#sidebar .cenik li em { float: left; width: 130px; font-style: normal; }
		#sidebar .cenik li span { float: right; color: #a2112a; font-weight: 400; }
		/* info */
		#sidebar .info { padding-bottom: 15px; }
		#sidebar .info strong { color: #a2112a; font-weight: 400; }
			#sidebar .info h3 { font-weight: normal; margin: 0 0 10px 10px; }
			#sidebar .info p { margin: 0 0 15px 10px; }
			#sidebar .info img { float: left; padding-right: 8px;}
		/* gallery */
		.gallery ul li img { float: none; }
		#sidebar .gallery { font-family: Tahoma, Arial, Helvetica; }
		#sidebar .gallery ul { margin: 0 0 0 5px; width: 190px; }
		#sidebar .gallery ul, #sidebar .gallery ul li { list-style-type: none !important; background: none; }
			#sidebar .gallery ul li { margin: 0; padding: 0; float: left; margin: 0 2px 10px 2px; }
			#sidebar .gallery ul li a { display: block; }
			#sidebar .gallery ul li img { border: 1px solid #9d9d9d;width:51px;height:42px;padding:2px }
		#sidebar .gallery a.more { color: #a2112a; text-decoration: underline; float: right; background: url(../images/arr_more.gif) no-repeat 100% 5px; padding: 0 7px 0 0; }
	
	/* subnav */
	#subnav { background: url(../images/bg_subnav.gif) repeat-y; }
	#subnav div.bot { background: url(../images/bg_subnav_bot.gif) no-repeat; height: 18px; }
		#subnav li { padding: 0 4px 0 9px; }
		#subnav li li { padding: 0; }
		#subnav li a { display: block; color: #405c21; background: #c0db89 url(../images/arr_green.gif) no-repeat 10px 50%; padding: 10px 10px 10px 25px; font-size: 14px; }
		* html #subnav li a { width: 156px; }
		#subnav li.on a, #subnav li a:hover { color: #a2112a; text-decoration: none; }
		#subnav li li a { background: transparent url(../images/arr_green.gif) no-repeat 20px 50%; padding: 8px 10px 8px 35px; color: #78be3b !important; }
		#subnav li li.on a, #subnav li li a:hover { color: #a2112a !important; }
		#subnav li li li a, #subnav li li.on li a { font-size: 12px; padding: 3px 10px 3px 44px; color: #666 !important; background: transparent; }
		#subnav li li li.on a, #subnav li li li a:hover { color: #a2112a !important; }
		#subnav li.open li.open li.on a { background-color: #edf5dd !important; text-decoration: underline; }
		* html #subnav li.open li.open li.on a { width: 139px; }
		
		/* open / close */
		#subnav li ul { display: none; }
		#subnav li.open ul { display: block; }
			#subnav li li ul { display: none !important; }
			#subnav li li.open ul { display: block !important; }
			/* arrows */
			#subnav li.open a { background-image: url(../images/arr_green_down.gif) !important; }
			#subnav li.open.on a { background-image: url(../images/arr_red_down.gif) !important; }
			#subnav li.open li a { background-image: url(../images/arr_green.gif) !important; }
			#subnav li.open li.open a { background-image: url(../images/arr_green_down.gif) !important; }
			#subnav li.open.on li a { background-image: url(../images/arr_green.gif) !important; }
			#subnav li.open li.open.on a { background-image: url(../images/arr_green_down.gif) !important; }
			#subnav li.open li.open.on a { background-image: url(../images/arr_red_down.gif) !important; }
			#subnav li.open li.open li a { background-image: none !important; }
			#subnav li.open li.open.on li a { background-image: none !important; }
	a:focus { outline: none; }
	
	/* drop down */
	#nav1 { z-index: 999; }
	#nav1 li { position: relative; }
	#nav1 li ul { background: #6aa534 url(../images/bg_drop.gif) no-repeat; padding: 15px 0 10px 0; position: absolute; z-index: 101; top: 34px; left: 2px; display: none; width: 180px; border: 1px solid #fff; border-top: 0; }
	#nav1 li:hover ul, #nav1 li.hover ul { display: block; }
	#nav1 li li { float: none; line-height: 40px; text-align: left; padding: 0 15px; }
	#nav1 li li a, #nav1 li.hover li a { background: none !important; color: #fff; font-size: 14px; float: none; height: auto; width: auto; line-height: 18px; border-bottom: 1px solid #8ea873; padding: 10px 1px 5px 1px; }
	* html #nav1 li li a { width: 99% !important; }
	* html #nav1 li.hover li a { width: 99% !important; }
	*+html #nav1 li li a { width: 99% !important; }
	*+html #nav1 li.hover li a { width: 99% !important; }
	#nav1 li li a:hover, #nav1 li li a.active{ background: none; color: #8ee741; }
	.thumb{width:60px;height:42px;padding:3px;border:1px solid #bad68c;}