/* CSS Document */

<style type="text/css">

body,td,th {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #333333;
}
h1 {
	font-family: Trebuchet MS;
	font-size: 22px;
	color: #ffffff;
}
h2 {
	font-family: Trebuchet MS;
	font-size: 17px;
	color: #cc0000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: "bg.gif");
}
.Meni {color: #FFFFFF}
a {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}


.Footer {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666
}

#gmap {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #666666
}

.Naslov_stranica {
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #FFFFFF
}
.Text {font-family: "Trebuchet MS"; font-size: 12px; }
.Text_mali {font-family: "Trebuchet MS"; font-size: 11px;}
a.Text_mali {font-family: "Trebuchet MS"; font-size: 11px;color: #000000;text-decoration: underline;}
a:visited.Text_mali {font-family: "Trebuchet MS"; font-size: 11px;color: #666666;text-decoration: underline;}
a:hover.Text_mali {font-family: "Trebuchet MS"; font-size: 11px;color: #cc0000;text-decoration: underline;}
a:active.Text_mali {font-family: "Trebuchet MS"; font-size: 11px;color: #ff0000;text-decoration: underline;}

.language {font-family: "Trebuchet MS"; font-size: 12px; padding-left:25px;}

.Naslov_NOVO {
	font-size: 12px;
	color: #CC0000;
	font-family: "Trebuchet MS";
}

#flash-background{
		width:1280px;
		height:700px;
		text-align:left;
		margin:0px auto;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-640px;
		z-index:0;
	}
	
#website{
	    position:absolute;
		z-index:1;
		left:50%;
		margin-left:-468px;
	}
	
#social{
	    position:absolute;
		z-index:1;
		left:50%;
		margin-left:370px;
		margin-top: -10px;
	}	


/*start menu*/
#menu {
  font-family: Trebuchet MS;
  font-size: 12px;
  width: 890px;
  height: 40px;
  clear: both;  
}

ul#nav {
  float: left;
  width: 900px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#nav li {
  display: inline;
}

ul#nav li a {
  float: left;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0 10px;
      
}

/* APPLIES THE ACTIVE STATE */
ul#nav .current a, ul#nav li:hover > a  {
  color: #000;
  text-decoration: underline;
  background-color:#666;
 
}

/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  display: none;
}

/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
  position: absolute;
  display: block;
  width: 850px;
  height: 20px;
  position: absolute;
  margin: 18px 0 0 0;
  background-color:#666;
 
}

ul#nav li:hover > ul li a {
  float: left;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0 30px 0 0;
   
}

ul#nav li:hover > ul li a:hover {
  text-decoration: underline;
  text-shadow: none;
}
/*end menu*/
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background-color:#333;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 90px;
	height: 200px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-color: #fff;
}
#kwick_2 {
	background-color: #fff;
}
#kwick_3 {
	background-color: #fff;
}
#kwick_4 { 
	background-color: #fff;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/*e-katalog*/
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:900px;
  height:750px;
  display:none;
  z-index:9999;
  padding:10px;
}

#boxes #dialog {
  width:900px; 
  height:750px;
  padding:15px;
  background-color:#ffffff;
}
  
</style>