.body  {
	background-image:url(../pictures/bg3.gif);
	background-repeat:repeat-x;
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #8A8B8D;
}

p, h1, h2, h3, h4, h5, h6, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container  {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
	height: auto;
	background-image: url(../pictures/jana_centre.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	border-left-color: #333;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #333;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
} 

.header2
{
	height: 125px;
	width: 760px;
}

.header2Static
{
	height: 125px;
	width: 760px;
	background-image: url(../pictures/header2new.jpg);

}

.header3en
{
	background-color: #FFFFFF;
	height: 36px;
	text-align: right;
	background-image: url(../pictures/jana_header1ennew.gif);
}

.header4
{
	height: 20px;
	background-color: #353535;
	background-image: url(../pictures/jana_header4.gif);
}

.topMenu{
	margin: 0;
	padding: 0;
	float: right;
	width: 650px;
	overflow: hidden;
	margin-bottom: 0em;
	border: 1px solid#;
	border-width: 0px 0;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.topMenu li{
display: inline;
}

.topMenu li a{
	float: right;
	color: #FFF;
	padding: 9px 13px;
	text-decoration: none;
}

.topMenu li a:visited{
	color: #FFF;
}

.topMenu li a:hover, .topMenu li a.active{
	color: #000;
	background: transparent url(../pictures/topmenubgaktivan.png) center center repeat-x;
}

h1 {
	font: normal 145% "Trebuchet MS",Verdana,Sans-Serif;
	background: url(../pictures/linija_ispod3.jpg) left bottom no-repeat;
	padding-bottom:12px;
	color: #727376;
	margin-bottom: 15px;
	letter-spacing: 0.005em;
	margin: 0;
	padding: 0;
}

h2 {
	font: normal 100% "Trebuchet MS",Verdana,Sans-Serif;
	background: url(../pictures/linija_ispod3pod.jpg) left bottom no-repeat;
	padding-bottom:12px;
	color: #727376;
	margin-bottom: 15px;
	letter-spacing: 0.005em;
	margin: 0;
	padding: 0;
}

.photo {
	padding: 5px;
	border: 1px solid #999;
}

.sredina2
{
	margin: 0px 0px 0px 204px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 15px 0px 0px 0px;
	height: auto;
	border-left-style: dotted;
	border-left-color: #666;
	border-left-width: 1px;
}

p, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #333;
	margin: 1ex 0;
}

.naslov
{
	color:#0A4E89;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.naslovPod
{
	color:#333333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.naslovPod a {
	color: #2E0D45;
	text-decoration: underline;
}

.naslovPod a:hover {
	color: #54197D;
	text-decoration: none;
}

.naslov2
{
	color:#206592;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../pictures/bg_title5.gif);
	background-repeat: no-repeat;
}

.naslov3
{
	color:#206592;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.naslov4
{
	color:#318AC0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.nazadLink
{
	color:#CC6600;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.text3
{
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
}

.text3 a {
	text-decoration: underline;
	color: #922C51;
}

.text3 a:hover {
	color: #BE3D66;
	text-decoration: none;
}
 
.footerlink
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#footer
{
	weight:760px;
	height: 135px;
	background-color: #333;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	border-top-width: 1px;
	border-top-color: #333;
	border-top-style: solid;
	background-image: url(../pictures/footer.jpg);
}

.footerUnutrasnjost{
	margin-left: 204px;
	margin-right: 20px;
	font-size: 10px;
	color:#6A849D;
	height:30px;
	text-align: left;
	font-weight: lighter;
	color:#FFFFFF;
	width:460px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	margin-top: 8px;
	padding-left: 8px;
}

.footerUnutrasnjost li{
	display: inline;
}

.footerUnutrasnjost li a{
	color: white;
	text-decoration: none;
}

.footerUnutrasnjost li a:visited{
	color: white;
}

.footerUnutrasnjost li a:hover, .footerUnutrasnjost li a.active{
	color: #000;
}

.footerUnutrasnjostAdresa{
	margin-left: 204px;
	margin-right: 20px;
	font-size: 11px;
	color:#6A849D;
	height:45px;
	text-align: left;
	font-weight: normal;
	color:#000;
	width:460px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.7px;
	margin-top: 10px;
	padding-left: 49px;
	line-height: normal;
}

.donjiText {
	margin-left: 204px;
	margin-right: 20px;
	font-size: 10px;
	color:#6A849D;
	height:15px;
	text-align: left;
	font-weight: normal;
	color:#FFF;
	width:460px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.4px;
	margin-top: 15px;
	padding-left: 8px;
}

.leftMenu {
	position: absolute;
	top: 181px;
	width: 204px;
	left: 0px;
	color: #0F3051;
	padding: 20px 0px 15px 0px;
	background-image: url(../pictures/jana_left3.jpg);
	background-repeat: no-repeat;
	height: 400px;
}

.leftMenu ul{
	margin: 0 0 0 0px;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
}

.leftMenu ul li{
	list-style-type: none;
	display: block;
	width: 204px;
	padding: 5px 0px 8px 0px;
	margin: 0 0 0px 0;
}

.leftMenu ul li a{
	text-decoration: none;
	color: #000;
	padding: 0 0 0 25px;
	margin: 0;
	display: block;
}

.leftMenu ul li a:hover {
	color: #326E6E;
}

.leftMenu ul li a.active {
	color: #000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	background-image: url(../pictures/jana_left_active.jpg);
	border-bottom-color: #666;
}

.leftMenu ul ul {
	margin: 4px 0 4px 0;
	padding: 0;
	color: #0F3051;
}

.leftMenu ul ul li {
	background: none;
	padding: 8px 0 0 0;
	margin: 0;
}

.leftMenu ul ul li a {
	background: none;
	color: #000;
	padding: 0 0 0 40px;
	margin: 0;
}

#myGallery, #myGallerySet, #flickrGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	border: 0px solid #000;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/loading.gif);
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/loading.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	color: #000000;
	text-indent: 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

#myGallery
{
	width: 760px !important;
	height: 125px !important;
} 

.malaSlikaPopUpLevo{
position: relative;
z-index: 0;
}

.malaSlikaPopUpLevo:hover{
background-color: transparent;
z-index: 50;
}


.malaSlikaPopUpLevo span{
	position: absolute;
	background-color: #333333;
	left: -1000px;
	visibility: hidden;
}

.malaSlikaPopUpLevo span img{
	border-width: 1px;
	border-color: #333333;
	padding: 1px;
}

.malaSlikaPopUpLevo:hover span{
	visibility: visible;
	top: -20px;
	left: 50px;
}

.tekst-zalink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A1305C;
}

a.tekst-zalink:link {
  text-decoration: none; }

a.tekst-zalink:visited {
  text-decoration: none; }

a.tekst-zalink:hover {
	color: #326E6E;
}