/* oblikovanje pozadine   */

* {
    margin: 0;
    padding: 0;
} 

html, body, #bg, #bg table, #bg td {
	behavior:url(cssHoverFix.htc);
    	height:100%;
    	width:100%;
    	overflow:hidden;
	background:#e9e9d8;
	/*background:url('slike/aboutus.jpg');background-position: center top; background-repeat:no-repeat;*/
	/*margin-left:0px;
	margin-right:0px;
	text-align:center;*/
}

#bg {
    position: fixed;

}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;

}

#bg td {
    text-align:center;
    vertical-align:middle;

}

#bg img {
   /* margin:0 auto;
    min-height:50%;
    min-width:50%;*/

}




/*brisati pocetak*/
 img.bg {
                        /* Set rules to fill background */
                        min-height: 100%;
                        min-width: 1024px;
                        
                        /* Set up proportionate scaling */
                        width: 100%;
                        height: auto;
                        
                        /* Set up positioning */
                        position: fixed;
                        top: 0;
                        left: 0;
                }
                
                @media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }
                }

/*brisati kraj*/

/* oblikovanje pozadine   */

/* oblikovanje linkova   */
a {
font: normal 100% verdana, arial, sans-serif; font-size:12px;
color: #56564a; /* 105cb6*/
background:transparent;
text-decoration:none;
outline: none;

}

a:hover {
color: #ffffff; /* AF934B*/
background:transparent;
text-decoration:none;
outline: none;

}

/* oblikovanje linkova   */




#sadrzaj {
	position:absolute;
    	top:118px;right:0px;
    	z-index:70;
	width: 20%;
	height:65%;
	overflow:scroll;
	overflow-x:hidden;
	border:0px solid #ff0000;
	background:#b9b4a1;
	color:#444444;
	text-align:justify;
}


#sadrzaj_home {
	position:absolute;
    	top:118px;right:0px;
    	z-index:70;
	width: 10%;
	height:65%;
	overflow:hidden;
	border:0px solid #ff0000;
	background:#b9b4a1;
	color:#444444;
	text-align:justify;
}




#slika_centar {
	position:absolute;
    	top:118px;left:190px;
    	z-index:70;
	width:70%;
	height:65%;
	overflow:hidden;
	border:0px solid #ff0000;
	background:#b9aaa1;
	color:#444444;
	
}


#slika_centar_home {
	position:absolute;
    	top:118px;left:190px;
    	z-index:70;
	width:80%;
	height:65%;
	overflow:hidden;
	border:0px solid #ff0000;
	background:#b9aaa1;
	color:#444444;
	
}


#slika_centar_gallery {
	position:absolute;
    	top:118px;left:190px;
    	z-index:70;
	width:70%;
	height:65%;
	overflow:hidden;
	border:0px solid #ff0000;
	background:#b9b4a1;
	color:#444444;
	
}




#beskraj {
	position:absolute;
    	top:108px;left:60%;
    	z-index:0;
	width: 100%;
	height:65%;
	overflow:hidden;
	border:0px solid #ff0a00;
	background:#b9b4a1;
	color:#444444;
	
}





#sadrzaj p {
margin:0px 0px 0px 0px; 
font: normal 12px #ffffff  arial, verdana, sans-serif;

}


.box {
    
    	margin: 0 auto;
    	
	padding:10px;
	line-height:100%;
    	font: 12px Arial, Verdana, Georgia, Serif;
	text-align:justify;
	
	border:0px solid #ff00ff;
	
}


.box p {
margin:0px 0px 0px 0px; 
font: normal 12px #ffffff  arial, verdana, sans-serif;

}


.box ul { 
margin:6px 0 0 5px; 
padding:0; 
font: normal 12px #ffffff  arial, verdana, sans-serif;
}

.box li {
list-style:circle; 
list-style-position:inside; 
margin:0 0 6px 5px;
font: normal 12px #ffffff  arial, verdana, sans-serif;
}

#music {
	
	margin: 0 auto;
	position:absolute;
	top:5px;left:300px;
	border:0px solid #ff00ff;
    	width: 30px;
    	z-index:1;
    	background: transparent;
    	font: 14px/2.2 Arial, Verdana, Georgia, Serif;
}

#veza {
	
	margin: 0 auto;
	position:absolute;
	top:8px;left:200px;
	border:0px solid #ff00ff;
    	width: 30px;
    	z-index:1;
    	background: transparent;
    	font: 14px/2.2 Verdana, Arial, Georgia, Serif;
}



#zaglavlje {
	
	margin: 0 auto;
	position:absolute;
	top:0px;left:0px;
	width:100%;
	height:84px;
	border:0px solid #000000;
    	padding: 2px 10px 2px 10px;
    	z-index:1;
    	background:url('slike/zaglavlje_podloga.jpg');
	background-repeat:repeat;
    	font: 10px Arial, Verdana, Georgia, Serif;
	text-align:center;
}


#zaglavlje2 {
	
	margin: 0 auto;
	position:absolute;
	top:85px;left:0px;
	width:190px;
	height:33px;
	border:0px solid #000000;
    	z-index:1;
    	background:#dcd6c6;
    	font: 10px Arial, Verdana, Georgia, Serif;
	color:#444444;
	padding: 10px 0px 0px 10px;
	
}


#zaglavlje3 {
	
	margin: 0 auto;
	position:absolute;
	top:85px;left:190px;
	width:100%;
	height:33px;
	border:0px solid #000000;
    	z-index:1;
    	background:#e9e9d8;
    	font: 10px Arial, Verdana, Georgia, Serif;
	color:#444444;
	padding: 10px 0px 0px 10px;
	
}



#jezici {
	
	margin: 0 auto;
	position:absolute;
	top:5px;right:200px;
	border:0px solid #000000;
    	padding: 2px 10px 2px 10px;
    	z-index:1;
    	background:transparent;
    	font: 10px Arial, Verdana, Georgia, Serif;
	color:#c0c0c0;
	text-align:center;
}



#logo {
	
	margin: 0 auto;
	position:absolute;
	top:0;left:10px;
	border:0px solid #ff00ff;
    	z-index:1;
    	background: transparent;
    	font: 14px/2.2 Arial, Verdana, Georgia, Serif;
}



#booking {
	
	margin: 0 auto;
	position:absolute;
	top:0px;left:700px;
	border:0px solid #000000;
    	padding: 2px 10px 2px 10px;
    	z-index:10000;
    	background:transparent;
    	font: 10px Arial, Verdana, Georgia, Serif;
	text-align:center;
}





/* pocetak ----------------------------------------------------------------------*/

#leftnav {margin: 0 auto;
	position:absolute;
    	top:200px;left:10px;
	border:1px solid #ff00ff;
    	width: 246px;
	height:367px;
    	background:url('slike/meni_podloga.png');
	background-repeat:no-repeat;
    	font: 14px/2.2 Arial, Verdana, Georgia, Serif;
	z-index:100;}

/*Main Menu*/
#leftnav ul {color:#ff0000; margin:0px; padding:0px; background-color:transparent;}

#leftnav ul li {
height:25px;
line-height:25px; 
list-style:none; 
padding-left:10px;
color:#b0b0b0; 
/*border-top:#000 solid; 
border-bottom:#000 solid; 
border-width:1px;*/
cursor:pointer; 
}
#leftnav ul li:hover {background-color:#fef5b8; position:relative;}

/*Sub Menu*/
#leftnav ul ul {display:none; position:absolute; left:75px; top:5px; border:#fff solid; border-width:1px; background-color:#dfdfdf; }
#leftnav ul li:hover ul {display:block;}

#leftnav ul ul li { width:150px; float:left; display:inline; border:none;}
#leftnav ul ul li:hover {text-decoration:none; border:none;}

#leftnav li:hover ul li ul {display:none;}

#leftnav ul ul li ul {left:110px; background-color:#0099CC;}
#leftnav ul ul li:hover ul {display:block;}



/* kraj ----------------------------------------------------------------------*/



#izbornik {
	
	
	margin: 0 auto;
	position:absolute;
    	top:118px;left:0px;
	border:0px solid #ff00ff;
    	width: 190px;
	height:65%;
    	background:#b9b4a1;
    	font: 14px/2.2 Arial, Verdana, Georgia, Serif;
	z-index:100;
	color:#6d6d60;
}


/*Main Menu*/
#izbornik ul {margin-top:10px;margin-bottom:0px; margin-right:0px; padding:0px 0px 0px 0px; font: normal 100% verdana, arial, sans-serif; font-size:14px; color:#ff0000; }

#izbornik ul li {

height:20px;
width:170px;
line-height:20px; 
margin:0px 0px 0px 10px;
list-style:none; 
padding-top:5px;
color:#6d6d60;
border: 0px solid red;
/*border-top:#000 solid; 
border-bottom:#000 solid; */
cursor:pointer; 
}
#izbornik ul li:hover { background-color:transparent; position:relative;border: 0px solid white;}

/*Sub Menu*/
#izbornik ul ul {display:none; width:240px; position:absolute; left:80px; top:-10px; border:#f0f solid; border-width:0px; }
#izbornik ul li:hover ul {display:block;}

#izbornik ul ul li { background:#e9e9d8;  width:220px; float:left; display:inline; border: 1px solid #c0c0c0; padding-left:20px;}
#izbornik ul ul li:hover {background:#e9e9d8; text-decoration:none; border: 1px solid #c0c0c0;}

#izbornik li:hover ul li ul {display:none;}

#izbornik ul ul li ul {left:110px; background-color:#0099CC;}
#izbornik ul ul li:hover ul {display:block;}



#kontakt {
		
	margin: 0 auto;
	position:absolute;
    	top:518px;left:0px;
	border:0px solid #ff00ff;
    	width: 190px;
	height:100%;
    	background:#dcd6c6;
	font: 11px Arial, Verdana, Georgia, Serif;
	
}

#kontakt_text{
		
	
	position:absolute;
    	bottom: 20px; left:10px;
	border:0px solid #ff00ff;
    	width: 180px;
	background:#dcd6c6;
	font: 11px Arial, Verdana, Georgia, Serif;
	color:#444444;
	
}


#footer {
		
	margin: 0 auto;
	position:absolute;
    	bottom:0px;left:220px;
	border:0px solid #ff00ff;
    	width: 75%;
	height:95px;
    	background:transparent;
	font: 11px Arial, Verdana, Georgia, Serif;
	color:#444444;
	
	text-align:left;
	
}


#rezervacije {
	margin: 0 auto;
	position:absolute;
    	top:515px;left:10px;
	border:0px solid #ff00ff;
    	width: 283px;
	height:73px;
    	/*background:url('slike/rezervacije_podloga.png');
	background-repeat:no-repeat;*/
    	font: 14px/2.2 Verdana, Arial, Georgia, Serif;
}

#rezervacije2 {
	margin: 0 auto;
	position:absolute;
    	top:575px;left:10px;
	border:0px solid #ff00ff;
    	width: 283px;
	height:73px;
    	/*background:url('slike/rezervacije_podloga.png');
	background-repeat:no-repeat;*/
    	font: 14px/2.2 Verdana, Arial, Georgia, Serif;
	color:#ffffff;
}


.borderit img{
border: 3px solid #ccc;
}

.borderit:hover img{
border: 3px solid #dea141;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}



/*  scroll pocetak   */

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 250px;
	height: 370px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0.3em auto;
	padding-right: 5px;
	border:0px solid red;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #B4C2DA;
	margin: 0.3em auto;
	padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}


.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}





/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(scrollbar.png);background-repeat:no-repeat;
width: 12px;
/* following is the bit that allows us fixed height scrollbars */
height: 110px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */





/* scroll kraj       */