/* CSS Document */

body {
margin: 0;
padding: 0;
background-color:#5b7867;
background-image:url(pozadina.jpg);
background-position:top;
background-repeat:repeat-x;
taxt-align:center;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
margin-left:13px;
margin-right:13px;
line-height:150%;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	color:#709EBF;
}


a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#709ebf;
}

a:hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}

#razno-index a {
font-weight:normal;
}


p.predstavljanje {
font-size:14px;
line-height:135%;
}


#kontejner {
width:960px;
height:auto;
margin:auto;
text-align:left;
}

#header {
width:960px;
height:185px;
background-image:url(header.jpg)
}

#meni {
height:28px;
margin-top:-10px;
background-image:url(horiz-meni.gif);
background-position:top;
background-repeat:no-repeat;
}

#sadrzaj-index {
	background-color:#ebefec;
	background-image:url(sadrzaj-ilustracija.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:0;
}

 html>body.sadrzaj-index {
height: auto;
}

#levakolona-index {
width:214px;
height:500px;
background-image:url(ko-smo-mi.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:95px;
margin-left:30px;
}

#levakolona-index a {
font-size:12px;
text-decoration:none;
color:#709ebf;
font-weight:bold;
}

#levakolona-index a:hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}

#novosti {
	width:469px;
	background-image:url(novosti.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:106px;
	margin-left:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#676767;
}

#novosti p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
margin:0;
padding:0 12px 0 12px;
}



#novosti h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:lighter;
color:#709ebf;
margin:0;
padding:0 0 0 12px;
display:inline;
}

#novosti h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cf3d52;
margin:0;
padding:0 0 0 12px;
}

#novosti h4 {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#cf3d52;
margin:0;
padding:0;
}

#novosti a {
font-size:12px;
text-decoration:none;
color:#709ebf;
font-weight:bold;
}

#novosti a:hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}

textarea {
height:200px;
width:300px;
}

input {
width:300px;
}



#razno-index {
	width:155px;
	height:auto;
	background-image:url(razno.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:95px;
	margin-right: 30px;
}

#razno-index ul {
display:block;
margin:0;
padding:0;
padding-left:2em;
list-style-image: url(bullet.gif);
}

#razno-index li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
line-height:19px;
width:112px;
}

#razno-index li a {
font-size:12px;
text-decoration:none;
color:#709ebf;
font-weight:normal;
}

#razno-index li :hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
font-weight:normal;
}

#footerspacer {
width:960px;
height:9px;
background-image:url(footer-spacer.gif);
background-repeat:no-repeat;
}

#footer {
height:40px;
background-image:url(futer.jpg);
background-position:top;
background-repeat:no-repeat;
margin:9px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#aebfb3;
padding-left:120px;
}

#footer-tekst {
width:250px;
padding-top:20px;
float:left;
}

#footer-webmaster {
width:80px;
float:right;
padding-right:12px;
padding-top:20px;
}

#footer-webmaster a {
text-decoration:underline;
color:#aebfb3;
}
#footer-webmaster :hover {
color:white;
text-decoration:underline;
}

#footer p{
line-height:12px;
margin:0;
}




.novostislika {
	padding:5px;
	border-color:#709EBF;
	border-width:1px;
	border-style:solid;
	margin-right:20px;
	margin-top:3px;
	margin-bottom:13px;
}

#vest {
width:445px;
margin-left:12px;
margin-right:12px;
margin-bottom:10px;
margin-top:10px;
text-align:left;
}

#vest p {
line-height:14px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#vest h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#709ebf;
margin:0;
padding:0;
display:inline;
}

#vest h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#cf3d52;
margin:0;
padding:0;
}

#vest a {
font-size:12px;
text-decoration:none;
color:#709ebf;
font-weight:bold;
}

#vest a:hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}


#horiz-meni: {
width: 100%;
float: left;
margin-top:20px;
}





.prodrop4 {
	padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:28px;
	background-color:#00b59c;
	position:relative;
	z-index:80;
	font-family:arial, verdana, sans-serif;
}


.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:28px; line-height:28px; color:white; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;background-color:#00b5ae;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 11px 0 11px; height:28px;background-color:#00b5ae;}
.prodrop4 li a.top_link:hover {color:#000; background-color:009f9a; line-height:28px;}
.prodrop4 li a.top_link:hover span {background-color:#009f9a;}

.prodrop4 li:hover > a.top_link {color:#000; background-color:#009f9a; line-height:28px;}
.prodrop4 li:hover > a.top_link span {background-color:#009f9a;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:70;}
.prodrop4 li:hover {position:relative; z-index:70;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:170px;}
.prodrop4 ul.sub2 {width:194px;}
.prodrop4 ul.sub3 {width:154px;}
.prodrop4 ul.sub4 {width:148px;}

.prodrop4 :hover ul {left:0; top:28px; background: #00b5ae; padding:0px; white-space:nowrap; height:auto; z-index:80;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; color:white;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:24px; line-height:24px; width:auto; padding:0 10px; color:white; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#009f9a; color:white;}

#jezici {
margin-right:56px;
width:96px;
height:28px;
}

#opcije {
	margin-left:377px;
	width:425px;
	height:28px;
}

#cleaner {
clear:both;
}



/******************************* UNUTRASNJE STRANE **************************************/

#sadrzaj {
float:right;
width:727px;
height:746px;
margin-top:0;
background-color:#ebefec;
background-position:bottom;
background-repeat:no-repeat;
}



#levimeni {
float:left;
width:224px;
margin-right:9px;
padding-top:35px;
}

#meni-unutrasnji {
height:28px;
margin-top:-10px;
background-image:url(horiz-meni-unutrasnji.gif);
background-position:top;
background-repeat:no-repeat;
}

#srednje {
float:left;
width:450px;
padding-left:30px;
padding-right:30px;
padding-top:40px;
background-image:url(heading-pozadina.gif);
background-repeat:no-repeat;
background-position:top left;
line-height:130%;
}

#srednje h1 {
margin:0 0 29px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#949494;
font-weight:normal;
letter-spacing:0px;
}

#razno {
width:157px;
height:650px;
background-image:url(razno-unutrasnje.jpg);
background-position:top;
background-repeat:no-repeat;
margin-left:30px;
padding-top:115px;
}

#razno li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
line-height:19px;
width:112px;
}

#razno li a {
font-size:12px;
text-decoration:none;
color:#709ebf;
}

#razno li :hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}

#razno ul {
display:block;
margin:0;
padding:0;
padding-left:2em;
list-style-image: url(bullet.gif);
}

#razno p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:13px;
}



#sadrzaj-kontejner {
width:960px;
background-image:url(levi-meni-tajl.gif);
background-repeat:repeat-y;
margin:0;
}

#sadrzaj-kontejner2 {
width:960px;
background-image:url(levi-meni-ilustracija.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
}

#sadrzaj-kontejner3 {
width:960px;
background-image:url(desna-pozadina.gif);
background-repeat:repeat-y;
background-position:right;
}

#sadrzaj-kontejner4 {
width:960px;
background-image:url(desna-ilustracija.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#sadrzaj-kontejner4 p{
margin:0;
line-height:150%;
}

#levimeni ul {
display:block;
padding:60px 0 0 45px;
margin:0;
list-style-type:none;
}

#levimeni li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#698774;
line-height:21px;
}

#levimeni li a {
text-decoration:none;
color:#698774;
}

#levimeni li :hover {
color:#00b5ae;
background-color:#ebefec;
}



ul#podmeni {
display:block;
padding:0 5px 0 25px;
margin:0;
list-style-image: url(bullet.gif);
}



ul#podmeni li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#698774;
line-height:18px;
}

ul#podmeni li a {
text-decoration:none;
color:#698774;
}

ul#podmeni li a:hover {
color:#ebefec;
background:none;
}






label {
width: 80px;
float:left;
text-align: right;
margin-top:1px;
margin-right:20px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#709ebf;
}

.submit {
margin-left:100px;
margin-top:10px;
margin-bottom:20px;
width:100px;
}


#srednje a {
	font-size:12px;
	text-decoration:none;
	color:#709ebf;
	font-weight:bold;
}

#srednje a:hover {
font-size:12px;
color:#cf3d52;
text-decoration:underline;
}


TR,TD {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#676767;
}

TD {
padding-left:3px;
}

.galerija-thumb {
	padding:6px;
	border-color:#709ebf;
	border-width:0px;
	border-style:solid;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #E4E9E3;
}



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 500;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
.galerija-slicice {
background-color:none;
border:none;
}

.galerija-slicice a{
background-color:none;
border:none;
}

.galerija-slicice a:hover {
background-color:none;
border:none;
}