html, body {
	margin:0px 0 0px 0;
	padding:0;
}
body{
	text-align: center;
	font-family:arial, verdana, sans-serif;
	background-color: #B2E701;
	color: #444;
	font-size: 75%;
}
a{
	color: #27D;
	text-decoration: none;
	border:none;
}
a:focus, a:hover, a:active {
	text-decoration: none;
	outline:none;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family:arial, verdana, sans-serif;
	margin: 0;
}
h1 {
	padding: 0;
	font-size:3em;
	color: #333;
	letter-spacing:-1px;
}
h2 {
	padding-top: 10px;
	font-size:2em;
	letter-spacing:-1px;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
}

#gal_sticker{background:url(galerija_sticker.png) 0 0 no-repeat; position:absolute; z-index:10; right:0px; top:0px; width:106px; height:97px;}
#gal_sticker .txt{font-family:Arial, Helvetica, sans-serif;position:relative; width:95px; height:50px; color:#ffffff; font-size:0.8em; font-weight:bold; text-transform:uppercase; margin:30px 0 0 10px; text-align:left; overflow:hidden;}
#header{}
#odjava{margin:-1px 0 0 -1px; position:relative; width:80px; background:url(domov_lnk.gif) 0 0px no-repeat; float:left; left:0px; height:18px; padding:3px 0 0 25px; cursor:pointer; font-size:0.9em; font-weight:bold;}
#odjava:hover{background-position:0 -19px; text-decoration:none;}
#odjava:active,#odjava:focus{outline:none; text-decoration:none;}

.play_gumb{position:relative; top:0px; width:23px; background:url(auto_control.gif) 0 0 no-repeat; height:23px; cursor:pointer;}
.pavza_gumb{position:relative; top:0px; width:23px; background:url(auto_control.gif) 0 -23px no-repeat; height:23px; cursor:pointer;}

.prejsnja{float:left; width:19px; background:url(galerija_nazaj.gif) 0 0 no-repeat; height:13px; cursor:pointer;}
.naslednja{float:left; width:19px; background:url(galerija_naprej.gif) 0 0px no-repeat; height:13px; cursor:pointer;}

.galerija_naslov{position:relative; text-decoration:none; text-transform:uppercase; font-size:0.8em; font-weight:bold; color:#ddd;}
.galerija_naslov:hover{color:#666666; text-decoration:none;}

.gal_thumbs{color:#ddd;}
.gal_thumbs:hover{color:#666666;}

.tab_line{width:100%; border-bottom:1px solid #ccc; clear:left;}
.tab_gal{width:146px; background:url(tab_galerija.jpg) 0 0 no-repeat; height:22px; margin:0px 0 0px 0; font-size:0.8em; font-weight:bold; text-transform:uppercase; text-align:left; color:#666666; padding:6px 3px 3px 3px; overflow:hidden; margin:1px 0 -1px 0;}

div#page {
	position:relative;
	z-index:1;
	top:18px;
	width: 95%;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:70%; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('../img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #B2E701;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;
	font-size:0.8em;
	border-color: #ccc;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 1px;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #B2E701;
	border-color: #B2E701;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

#jCarouselGalerija .carousel  {padding: 10px 0 0 0; margin: 0 0 20px 10px; position: relative; width:100%;}

#jCarouselGalerija .demo em {color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal;}
#jCarouselGalerija .carousel button {/*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left;}              
#jCarouselGalerija .carousel a.next {display: block; float: left; width: 30px; height: 143px; text-decoration: none; background: url("galerija_nazaj.gif") left 60px no-repeat; cursor:pointer;}
#jCarouselGalerija .carousel a.prev{display: block; float: left; width: 30px; height: 143px; text-decoration: none; background: url("galerija_nazaj.gif") left 60px no-repeat; cursor:pointer; margin-left:20%;}
#jCarouselGalerija .carousel a.next {background: url("galerija_naprej.gif") right 60px no-repeat;}
#jCarouselGalerija .carousel a.next:hover {background-image: url("galerija_naprejH.gif");}
#jCarouselGalerija .carousel a.prev:hover {background-image: url("galerija_nazajH.gif"); margin-left:20%;}    
#jCarouselGalerija .carousel a:hover, #jCarouselGalerija .carousel a:active {border: none; outline: none;}                 
#jCarouselGalerija .carousel .jCarouselLite {border: 1px solid #B2E701; float: left; background-color: #EEEEEE; /* Needed for rendering without flicker */ position: relative; visibility: hidden; width:100%;}
#jCarouselGalerija .carousel ul {margin: 0;}
#jCarouselGalerija .carousel li { border:1px solid #B2E701;} 
#jCarouselGalerija .carousel li img, 
#jCarouselGalerija .carousel li p { width: 80px; height: 80px; margin: 10px;border:none;}
#jCarouselGalerija .widget img {cursor: pointer;}
/*#jCarouselGalerija .mid {margin-left: 80px; width: 400px; height: 300px;}*/
#jCarouselGalerija .vertical {margin-left: 170px;}
#jCarouselGalerija .vertical .jCarouselLite {/* so that in IE 6, the carousel div doesnt expand to fill the space */}
#jCarouselGalerija .imageSlider li img, 
#jCarouselGalerija .imageSlider li p, 
#jCarouselGalerija .imageSliderExt li img,
#jCarouselGalerija .imageSliderExt li p {width: 400px; height: 300px;}


#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #B2E701;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #B2E701;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #B2E701;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
color:#666666;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}