/* ---------- base styles ------------- */
@charset "utf-8";

* {
	padding:0;
	margin: 0;
	}
html { background : url(images/ozadje_black_to_gradient.png) repeat-x; 
    }
	
body {
    margin: 0 auto;
	padding: 0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	}
.male {
	font-size:11px;
}
.srednje {
	font-size:11px;
}
#wrapper {
    position:relative;
	background: #fcfae2;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}
#clear {
	clear:both;
	}
	
/* ----------------- header styles ---------------*/
#header {
	position: relative;
	margin-top: 0px;
	background-image:url(images/strojno_kljucavnicarstvo_kovac_napis_kovinski.jpg);
	height: 200px;
    }
#header1 {
	position: relative;
	margin-top: 0px;
	background-image:url(images/strojno_kljucavnicarstvo_kovac_napis_kovinski.jpg);
	height: 200px;
    }
#header h1{
	margin-left: -9000px;
	}
#header1 h1{
	margin-left: -9000px;
	}
#header h3 {
    color:#333333;
	margin-left: 3.5em;
	margin-bottom: 0.8em;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: small;
	font-style: italic;
	/*text-shadow: #FFFFFF;*/
	visibility:hidden;
	}
#header1 h3 {
    color:#333333;
	margin-left: 3.5em;
	margin-bottom: 0.8em;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: small;
	font-style: italic;
	/*text-shadow: #FFFFFF;*/
	visibility:hidden;
	}
#header ul {
	margin: 0;
  	padding: 0;
 	float: right;
	background: url(images/menu_bg_crn_gradient.png) repeat-x top left;
  	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 500px;
	}
#header1 ul {
	margin: 0;
  	padding: 0;
 	float: right;
	background: url(images/menu_bg_crn_gradient.png) repeat-x top left;
  	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 500px;
	}
#header ul li{
	float:left;
	}
#header1 ul li{
	float:left;
	}
#header ul a {
  padding: 0 2.65em;
  font-size: 14px;
  line-height: 1.85em;
  text-decoration: none;
  color:#fff5ee;
/*  float: right;*/
  display: block;
  background: url(images/menu_sep_siv.gif) no-repeat top left;
 /* text-shadow:#000000;*/
}
#header1 ul a {
  padding: 0 2.65em;
  font-size: 12px;
  line-height: 1.85em;
  text-decoration: none;
  color:#fff5ee;
/*  float: right;*/
  display: block;
  background: url(images/menu_sep_siv.gif) no-repeat top left;
 /* text-shadow:#000000;*/
}

#header ul a.first {
	background: #fff;
	}
#header1 ul a.first {
	background: #fff;
	}	
#header ul a:hover {
	color:#f5f5f5;
	/*text-shadow:#FF0000;*/
	background:url(images/menu_bg_hover.png) repeat-x top left;
	}
#header1 ul a:hover {
	color:#f5f5f5;
	/*text-shadow:#FF0000;*/
	background:url(images/menu_bg_hover.png) repeat-x top left;
	}
#header ul a:active {
    color:#000000;
	background-color:#FFFFFF;
}
#header1 ul a:active {
    color:#000000;
	background-color:#FFFFFF;
}
#header li#active a {
    background: #fff;
    color: #000;
}
#header1 li#active a {
    background: #fff;
    color: #000;
}
#maincontent {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 500px;
	float: right;
	overflow:auto;
}
#maincontent1 {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 500px;
	float: right;
	overflow:auto;
}
#maincontent2 {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 500px;
	float: right;
	overflow:auto;
}
#maincontent img {
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	border: thick ridge #000000;
}
#maincontent1 img {
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
#maincontent2 img {
	display: block;
	margin-top: -2px;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}
#maincontent p.caption {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	text-align: right;
	padding: 0.5em;
}
#maincontent #caption1,
#maincontent #caption2,
#maincontent #caption3,
#maincontent #caption4,
#maincontent #caption5,
#maincontent #caption6,
#maincontent #caption7,
#maincontent #caption8,
#maincontent #caption9,
#maincontent #caption10,
#maincontent #caption11,
#maincontent #caption12,
#maincontent #caption13,
#maincontent #caption14,
#maincontent #caption15,
#maincontent #caption16,
#maincontent #caption17,
#maincontent #caption18,
#maincontent #caption19,
#maincontent #caption20,
#maincontent #caption21,
#maincontent #caption22,
#maincontent #caption23,
#maincontent #caption24,
#maincontent #caption25,
#maincontent #caption26,
#maincontent #caption27,
#maincontent #caption28 {
	position: absolute;
	top: 470px; 
	top: 476px;
	visibility: hidden;
	right: 0;
	width: 500px;
}
#maincontent #caption1 {
	visibility: visible;	
}
#maincontent p {
	margin: 2px;
	line-height: 1.3em;
	font-family: Times New Roman, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:justify;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#maincontent od {
	margin-left: 80px;
	padding-top: 0;
	}
#maincontent1 h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	margin-left: 8px;
	padding-top: 2px;
	color: #F00;
	}	
#maincontent2 h2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:900;
	font-size:14px;
	text-align: left;
	margin-left: 8px;
	padding-top: 2px;
	}	
#maincontent ul li{
	font-family: Times New Roman ," Times, serif";
	line-height: 1.3em;
	margin-left: 22px;
	font-style:italic;
	list-style:circle;
	text-align:inherit;
	/*font-family: italic;*/
	font-weight:bold;
	word-spacing: .1em;
	}
#sidebar {
	background-color: #FF9900;
	width: 200px;
	height: 300px;
	float: left;
}
#sidebar1 {
	background-color: #FF9900;
	width: 200px;
	height: 300px;
	float: left;
}
#sidebar1 p {
	margin-left: 5px;
	margin-top: 1.5px;
	line-height: 0.9em;
	font-family: Times New Roman, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	font-size: 11px;
}
#sidebar1 n {
	margin-left: 5px;
	margin-top: 2px;
	font-family: Times New Roman, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:left;
	font-size: 16px;
}
#sidebar1 m {
	/*margin-left: 5px;*/
	margin-top: 2px;
	line-height: 0.9em;
	font-family: Times New Roman, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	font-size:8px;
}
#sidebar1 img {
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
#b {
	font-weight: bold;
	font-size:16px;
}
#clear {
	clear: both;
}
#footer {
	background-color: #000;
	padding: 5px;
	height: 15px;
}
#footer p {
    color: #fff;
	font-size:9px;
	display: inline;
	margin-left: 0.5em; padding-right: 130px;
}

#footerflag {
	margin-top: -1em ; padding: 0 0.2em 0 0;
	text-align: right;
	line-height: 0;
}
#footerflag a {
	padding:  0.2em;
}