/* CSS Document-Rus */

<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;
	text-decoration: none;
}
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;}
.Text_mali a:link{font-family: "Trebuchet MS"; font-size: 11px;color: #000000;text-decoration: underline;}
.Text_mali a:visited {font-family: "Trebuchet MS"; font-size: 11px;color: #666666;text-decoration: underline;}
.Text_mali a:hover {font-family: "Trebuchet MS"; font-size: 11px;color: #cc0000;text-decoration: underline;}
.Text_mali a:active {font-family: "Trebuchet MS"; font-size: 11px;color: #ff0000;text-decoration: underline;}
.Text_mali strong{font-family: "Trebuchet MS"; font-size: 12px; font-weight:bolder;}

.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;
}

.language {font-family: "Trebuchet MS"; font-size: 12px; padding-left:25px;}
.phone {font-family: "Trebuchet MS"; font-size: 12px; padding-left:25px; color:#FFF; position:absolute; z-index:10000;}

TD.Link {font-family: "Trebuchet MS"; font-size: 12px;}
A.Link {font-family: Trebuchet MS;font-size: 12px;color: #CC0000;}
A.Link:link {font-family: "Trebuchet MS";}
A.Link:hover {text-decoration: underline;color: #000000;}
A.Link:visited {text-decoration: none;color: #666666;}
A.Link:active {text-decoration: none;color: #ff0000;}

/*footer*/
#wrapper1 {
	background:#0F0;
	position:relative;
	text-align:left;
	width:100%;
	background:url("../img/bg_footer.gif");
	border-top: 6px solid #363636;
	}
#wrapper_index {
	background:#0F0;
	position:absolute;
	margin-top:755px;
	text-align:left;
	width:100%;
	background:url("../img/bg_footer.gif");
	border-top: 6px solid #363636;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:930px;
	left:50%;
	margin-left:-465px;
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:33%; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	}
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:33%; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
	}
#centercol {
	position:relative;
	width:auto;
	}
#centercol a {
	color:#fff;
	}
#centercol a:hover {
	color:#09d00e;
	text-decoration:none;
	}
#footer {
	position:relative;
	width:100%;
	clear:both;
	text-align:center;
	color:#CCC;
	font-family:"Trebuchet MS";
	font-size:12px;
	}

/*kontakt forma u footeru*/

#form {
	position:absolute;
	padding-left:40px;
	top:20px;
	width:200px;
	text-align:justify;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#fff;
	}

p{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#363636;
	
	}

input.formInput{
	color:#fff;
	background-color:transparent;
	border:1px dashed #abaaaa;
	border-radius:3px;
	width:200px;
	height:25px;
	font-weight:bold;
}
input.button{
	border: none;
	color:#fff;
	background-color:#363636;
	border-radius:3px;
	width:100px;
	height:30px;
	}
input.button:hover{
	border: none;
	color:#09d00e;
	background:#000;
	width:100px;
	height:30px;
}
input.button:active{
	border: none;
	color:#fff;
	background:transparent;
	width:100px;
	height:30px;
}
textarea.formInput{
	color:#fff;
	background-color:transparent;
	border:1px dashed #abaaaa;
	border-radius:3px;
	width:290px;
	height:100px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

		.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
		.success 	{background: #ccfcd1;border: 1px solid #60a400;}
		.error	{background: #fff; border: 1px solid #d93611; display:block; height:16px;}
		.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
		.notes, .notice, .success, .error 
		{font-size: 100%; color:#d93611; width:260px; padding:2px; margin: 0 0 3px 0px; text-align:left}
		.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 5px;padding: 2px 40px;}
		.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}
h3 {
	font-family: Trebuchet MS;
	font-size: 17px;
	color: #09d00e;
}


</style>