/* CSS Document */
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000}
h1,h2,.large,.left{font-family:"Verdana","Lucida Grande",Arial,sans-serif;font-size:40px; color:#000}
h2,.box img{padding-bottom:10px}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:200;overflow:auto}


#nav-outer { margin-left:5px; margin-right:5px; height:25px; padding-top:5px; position:relative; top:24px; background:#000;opacity:0.6;filter:alpha(opacity=60); }
#navigation { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-yamaha { margin-left:79%; margin-right:5px; height:25px; padding-top:5px; position:relative; top:24px; background:#000;opacity:0.6;filter:alpha(opacity=60); }
#navigation-yamaha { height:20px; width:auto; margin:0 auto; background-position:top right; background-repeat:no-repeat; }

#nav-outer-second { margin-left:77%; margin-right:5px; height:auto; padding-top:5px; position:relative; top:24px; background:#000;opacity:0.6;filter:alpha(opacity=60); }
#navigation-second { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-logo { position:absolute; width:200px; margin:0 auto; text-align:center; top:5px; right:5px; z-index:200; }
#navigation-logo { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-logo-left { position:absolute; width:250px; margin:0 auto; text-align:left; top:8px; left:8px; z-index:200; }
#navigation-logo-left { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-logo-down { position:absolute; width:250px; text-align:right; bottom:5px; right:5px; z-index:200; }
#navigation-logo-down { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-arrows { margin-left:5px; margin-right:5px; height:60px; padding-top:15%; position:relative; }
#navigation-arrows { height:20px; width:auto; margin:0 auto; background-position:center; background-repeat:no-repeat; }

#nav-outer-bottom { margin-left:5px; margin-right:5px; height:25px; padding-top:5px; position: absolute; bottom:24px; background:#000;opacity:0.6;filter:alpha(opacity=60); }
#navigation-bottom { height:20px; width:auto; margin:0 auto; background-position:bottom left; background-repeat:no-repeat; }

#nav-outer-content { height:auto; width:auto; padding: 5px 5px 5px 5px; position: absolute; top: 15%; background:#000; left: 20%; right: 20%; z-index:2; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:3px 2px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4); }
#navigation-content { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:2; }

#nav-outer-karnic { height:auto; width:auto; padding: 5px 5px 5px 5px; position: absolute; top: 65px; background:#000; left: 20%; right: 20%; z-index:2; }
#navigation-karnic { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:2; }

#nav-outer-galerija { height:auto; width:auto; padding: 5px 5px 5px 5px; position: absolute; top: 19%; background:#000; left: 20%; right: 20%; z-index:200; }
#navigation-galerija { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:200; }

#nav-outer-ponuda-print { height:auto; width:auto; padding: 3px 3px 3px 3px; position: absolute; top: 15%; background:#000; right: 13%; z-index:200; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:3px 2px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);}
#navigation-ponuda-print { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:200; }

#nav-outer-content-cjenik { height:562px; padding: 5px 5px 5px 5px; position: absolute; top: 15%; bottom: 15%; background:#000; left: 20%; right: 20%; z-index:2; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:3px 2px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);}
#navigation-ponuda-print { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:200; }
#navigation-content-cjenik { height:auto; width:auto; margin:0 auto; background-position: center; background-repeat:no-repeat; z-index:200; }


#menu-down { background:#000;opacity:0.6;filter:alpha(opacity=60); margin-left:5px; margin-right:5px; height:25px; padding-top:5px; position: absolute; bottom:24px; }
#menu-down ul { list-style:none; float:left; }
#menu-down ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu-down ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu-down ul li a:hover { text-decoration:underline; }

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:20px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link:hover {color:#fff;}

.menu2 li:hover > a.top_link {color:#fff;}


.menu2 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 */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

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

.menu2 :hover ul.sub {left:2px; top:24px; background: #000; opacity:0.6; filter:alpha(opacity=60); padding:3px 2px; white-space:nowrap; width:206px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:203px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#000; opacity:0.6; filter:alpha(opacity=60); color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}

/* Izbornik model novo*/
.menutop {position:absolute; width:750px; margin:0 auto; text-align:center; top:5px; left:10%; right:10%; z-index:200;
	
 }

.menutop ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; padding:2px; z-index:200;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Colors */

	background: #333;
	border: 1px solid #444;
	border-right: none;
		/* CSS 3 Stylings */
	
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#2a2a2a));

}
.menutop ul {display:inline;}

.menutop li {margin:0; padding:0; list-style:none;}
.menutop li {display:inline-block; display:inline;}
.menutop ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.menutop ul ul ul { 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.menutop.grey ul ul {background-color:#888;}

.menutop > ul {display:table; margin:0 auto;}
.menutop > ul > li {float:left; display:block; position:relative; z-index:100;}
.menutop > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF;}

.menutop ul a {display:block; font:12px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px;}
.menutop > ul > li > a {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.menutop > ul > li:first-child > a,
.menutop > ul > li:last-child > a {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.menutop ul ul a {padding:3px 10px; margin:5px 0; line-height:25px;
}

.menutop ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menutop ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menutop > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menutop > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menutop li.left ul a {text-align:right;}

.menutop ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menutop.grey li:hover > a {background-color:#888;}

.menutop span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menutop ul ul {display:none;}
.menutop ul li:hover > ul {display:block;}
.menutop span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menutop span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menutop.grey span a {background-color:#888;}

.menutop:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menutop span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menutop img {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* Izbornik model bocni*/
.menuright {position:absolute; width:auto; margin:0 auto; text-align:center; top:120px; right:10px; z-index:200;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Colors */

	background: #333;
	border: 1px solid #444;
 }

.menuright ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; padding:2px; z-index:200;}
.menuright ul {display:inline;}

.menuright li {margin:0; padding:0; list-style:none;}
.menuright li {display:inline-block; display:inline;}
.menuright ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.menuright ul ul ul { 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}

.menuright.grey ul ul {background-color:#888;}

.menuright > ul {display:table; margin:0 auto;}
.menuright > ul > li {float:left; display:block; position:relative; z-index:100;}
.menuright > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF; text-decoration:underline;}

.menuright ul a {display:block; font:11px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px; width:80px; text-align:right;}
.menuright > ul > li > a {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.menuright > ul > li:first-child > a,
.menuright > ul > li:last-child > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menuright ul ul a {padding:0 10px; margin:5px 0; line-height:25px;
}

.menuright ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menuright ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menuright > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menuright > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menuright li.left ul a {text-align:right;}

.menuright ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menuright.grey li:hover > a {background-color:#888;}

.menuright span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menuright ul ul {display:none;}
.menuright ul li:hover > ul {display:block;}
.menuright span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menuright span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menuright.grey span a {background-color:#888;}

.menuright:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menuright span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

/* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 15px; background-image:url(scroll.png); border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent1-drag { background: #ad5134; border-radius: 4px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; z-index:300; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:5; padding:5; color:#FFFFFF; font-size:11px; font:Verdana, Arial, Helvetica, sans-serif;}
  
  .content-table { border:1px solid; border-color:#FFFFFF; padding: 3px 0 3px 10px; font-size:11px; color:#FFFFFF; }
  .content-table-left { border-left:1px solid; border-bottom:1px solid; border-right:1px solid; border-color:#FFFFFF; padding: 2px 0 2px 10px; font-size:10px; color:#FFFFFF; width:40%; }
  .content-table-right { border-bottom:1px solid; border-right:1px solid; border-color:#FFFFFF; padding: 2px 0 2px 10px; font-size:10px; color:#FFFFFF; width:60%; }
  
  .contentgallery-table { padding: 0; font-size:13px; }
  .contentgallery-table-left { border-bottom:#CCCCCC 1px solid; text-align:left; padding-left:10px; padding-top:7px; padding-bottom:7px; font-size:13px; color:#FFFFFF; width:60%; }
  .contentgallery-table-left a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
  .contentgallery-table-left a hover { font-weight:bold; text-decoration:underline; }
  .contentgallery-table-right { border-bottom:#CCCCCC 1px solid; font-weight:bold; text-align:right; padding-right:10px; padding-top:7px; padding-bottom:7px; font-size:13px; color:#FFFFFF; width:40%; }
  
/* OPIS FONTOVI */
#naslov-bila {margin:5; padding:5; color:#FFFFFF; font-size:14px; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-bila-bold {margin:5; padding:5; color:#FFFFFF; font-size:18px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-smedja-bold {margin:5; padding:5; color:#691f1e; font-size:18px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-plava { font-size:14px; color:#3366cc; }

#logo-ulaz{position:absolute; top:10px; left: 40%; right: 40%; z-index:80; width:auto; line-height:12px; border:0px	;
}
#logo-ulaz div{height:113px;padding:3px 0 0 7px}

#menu-bottom{
	position:absolute;
	bottom:5px;
	right:60px;
	z-index:80;
	width:auto;
	line-height:12px;
	font-size:16px;
	background-position:bottom right;
}
#menu-bottom div{height:60px;padding:3px 0 0 7px}

/* Izbornik model bocni karnic*/
.menukarnic {position:absolute; width:auto; margin:0 auto; text-align:center; top:60px; right:10px; z-index:200; }

.menukarnic ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; background:#333; padding:2px; z-index:200; }
.menukarnic ul {display:inline;}

.menukarnic li {margin:0; padding:0; list-style:none;}
.menukarnic li {display:inline-block; display:inline;}
.menukarnic ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.menukarnic ul ul ul { 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menukarnic.grey ul ul {background-color:#888;}

.menukarnic > ul {display:table; margin:0 auto;}
.menukarnic > ul > li {float:left; display:block; position:relative; z-index:100;}
.menukarnic > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF; text-decoration:underline;}

.menukarnic ul a {display:block; font:11px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px; width:120px; text-align:right;}
.menukarnic > ul > li > a {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.menukarnic > ul > li:first-child > a,
.menukarnic > ul > li:last-child > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menukarnic ul ul a {padding:0 10px; margin:5px 0; line-height:25px;
}

.menukarnic ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menukarnic ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menukarnic > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menukarnic > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menukarnic li.left ul a {text-align:right;}

.menukarnic ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menukarnic.grey li:hover > a {background-color:#888;}

.menukarnic span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menukarnic ul ul {display:none;}
.menukarnic ul li:hover > ul {display:block;}
.menukarnic span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menukarnic span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menukarnic.grey span a {background-color:#888;}

.menukarnic:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menukarnic span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menugalerija {position:absolute; width:auto; margin:0 auto; text-align:center; top:20%; right:10px; z-index:200; }

.menugalerija ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; background:#333; padding:2px; z-index:200; }
.menugalerija ul {display:inline;}

.menugalerija li {margin:0; padding:0; list-style:none;}
.menugalerija li {display:inline-block; display:inline;}
.menugalerija ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.menugalerija ul ul ul { 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menugalerija.grey ul ul {background-color:#888;}

.menugalerija > ul {display:table; margin:0 auto;}
.menugalerija > ul > li {float:left; display:block; position:relative; z-index:100;}
.menugalerija > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF; text-decoration:underline;}

.menugalerija ul a {display:block; font:11px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px; width:160px; text-align:right;}
.menugalerija > ul > li > a {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.menugalerija > ul > li:first-child > a,
.menugalerija > ul > li:last-child > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menugalerija ul ul a {padding:0 10px; margin:5px 0; line-height:25px;
}

.menugalerija ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menugalerija ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menugalerija > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menugalerija > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menugalerija li.left ul a {text-align:right;}

.menugalerija ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menugalerija.grey li:hover > a {background-color:#888;}

.menugalerija span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menugalerija ul ul {display:none;}
.menugalerija ul li:hover > ul {display:block;}
.menugalerija span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menugalerija span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menugalerija.grey span a {background-color:#888;}

.menugalerija:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menugalerija span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

/* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 15px; background-image:url(scroll.png); border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent1-drag { background: #ad5134; border-radius: 4px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; z-index:300; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:5; padding:5; color:#FFFFFF; font-size:11px; font:Verdana, Arial, Helvetica, sans-serif;}
  
  .content-table { border:1px solid; border-color:#FFFFFF; padding: 3px 0 3px 10px; font-size:11px; color:#FFFFFF; }
  .content-table-left { border-left:1px solid; border-bottom:1px solid; border-right:1px solid; border-color:#FFFFFF; padding: 2px 0 2px 10px; font-size:10px; color:#FFFFFF; width:40%; }
  .content-table-right { border-bottom:1px solid; border-right:1px solid; border-color:#FFFFFF; padding: 2px 0 2px 10px; font-size:10px; color:#FFFFFF; width:60%; }
  
/* OPIS FONTOVI */
#naslov-bila {margin:5; padding:5; color:#FFFFFF; font-size:14px; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-bila-bold {margin:5; padding:5; color:#FFFFFF; font-size:16px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-smedja-bold {margin:5; padding:5; color:#691f1e; font-size:18px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif;}
#naslov-plava { font-size:14px; color:#3366cc; }

.naslov-galerija {position:absolute; width:750px; margin:0 auto; text-align:center; top:5px; left:10%; right:10%; z-index:300; }

.cjenik { background-color:#FFFFFF }
.cjenik-font { font-size:14px; color:#000000; }
.cjenik-font-bold { font-size:11px; color:#000000; font-weight:bold; padding-top:3px; padding-bottom:3px; }
.cjenik-font-bluewater { font-size:14px; color:#ffffff; font-weight:bold; background-color:#006699; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.cjenik-font-open { font-size:14px; color:#ffffff; font-weight:bold; background-color:#F90; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.cjenik-font-storm { font-size:14px; color:#ffffff; font-weight:bold; background-color:#666; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.cjenik-font-cruiser { font-size:14px; color:#ffffff; font-weight:bold; background-color:#606; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.cjenik-font-naslov { font-size:14px; font-weight:bold; color:#000000; }
.cjenik-font-naslov-large { font-size:18px; font-weight:bold; color:#000000; padding-top:10px; padding-bottom:3px; }
.cjenik-tablica-top { border-top:1px solid; border-bottom:1px solid; border-color:#000000; font-size:12px; color:#000000; padding-top:3px; padding-bottom:3px; }
.cjenik-tablica-bottom { border-bottom:1px solid; border-color:#000000; font-size:12px; color:#000000; padding-top:3px; padding-bottom:3px; }

.offer-font { font-size:14px; color:#000000; }
.offer-font-small { font-size:10px; color:#000000; }
.offer-font-medium { font-size:12px; color:#000000; padding: 0 10px 0 10px; }
.offer-font-bold { font-size:12px; color:#000000; font-weight:bold; padding: 3px 10px 3px 10px; }
.offer-font-model { font-size:14px; color:#ffffff; font-weight:bold; background-color:#F90; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-prince { font-size:14px; color:#ffffff; font-weight:bold; background-color:#333399; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-king { font-size:14px; color:#ffffff; font-weight:bold; background-color:#48c2c5; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-freedom { font-size:14px; color:#ffffff; font-weight:bold; background-color:#fecb08; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-winner { font-size:14px; color:#ffffff; font-weight:bold; background-color:#ff0000; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-cruiser { font-size:14px; color:#ffffff; font-weight:bold; background-color:#993300; padding-left:20px; padding-top:3px; padding-bottom:3px; }
.offer-font-naslov-large { font-size:18px; font-weight:bold; color:#000000; padding-top:10px; padding-bottom:3px; }
.offer-full-cell { border-bottom:1px solid; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#000000; font-size:12px; color:#000000; padding-top:3px; padding-bottom:3px; }
.offer-pdf { top:15%; bottom:15%; width:100%; height:100%; padding-bottom:10px; }

#logo-ulaz{position:absolute; top:10px; left: 40%; right: 40%; z-index:80; width:auto; line-height:12px; border:0px	;
}
#logo-ulaz div{height:113px;padding:3px 0 0 7px}

#menu-bottom{
	position:absolute;
	bottom:5px;
	right:60px;
	z-index:80;
	width:auto;
	line-height:12px;
	font-size:16px;
	background-position:bottom right;
}
#menu-bottom div{height:60px;padding:3px 0 0 7px}