/* CSS Document */
*{margin:0; padding:0;}

BODY{ background:url(../images/body_bg.jpg) top repeat-x #fff;}
HTML { height:100.02%;}
.Clear{ clear:both;}

#Header{ height:192px; width:1003px; margin:0 auto; background:url(../images/header.jpg) black top no-repeat;}
A#Header:link, A#Header:visited, A#Header:hover{ display:block; width:436px; height:110px; margin:42px 0 0 10px}

#Content{width:1003px; margin:0 auto; background:url(../images/content_bg.jpg) repeat-y;}
  #Column1{width:217px; height:547px; margin:0 0 0 11px; float:left; background:url(../images/column1bg.jpg) no-repeat right;}

  #Column2{width:592px; float:left; padding:10px 0 0px 0; }
  	#Column2 H1{font:20px Arial, Helvetica, sans-serif; color:#0076CC; margin:30px 100px 15px 50px}
	#Column2 H2{font: bold 13px Arial, Helvetica, sans-serif; color:#0076CC; margin:0 100px 0 50px}
	#Column2 P{font:13px Arial, Helvetica, sans-serif; color:#272B2E; margin:0 100px 12px 50px;}
	#Column2 a:link, #Column2 a:visited { font:bold 13px Arial, Helvetica, sans-serif; color:#272B2E; text-decoration:underline;}
	#Column2 a:hover { text-decoration:none;}
	#Column2 TABLE{ margin:0px 0 10px 50px; width:502px;}
	#Column2 TD{font:13px Arial, Helvetica, sans-serif; color:#272B2E;}
	  
  #Column3{width:183px; float:left; padding:0 0 10px 0; }
    #Column3 .Box{ width:236px; height:124px; margin:15px 0 0 -63px; position:relative;background:url(../images/over_box.gif);}
	#Column3 .Box a:link, #Column3 .Box a:visited {  font:15px Arial, Helvetica, sans-serif; color:white; text-decoration:none;display:block; width:185px; text-align:right;}
	#Column3 .Box a:hover { text-decoration:underline;}
	  #Column3 .Box .link1 a:link, #Column3 .Box .link1 a:visited { display:block; height:104px; width:211px; background:url(../images/slika1.png)}
	  #Column3 .Box .link1 a:hover { background:url(../images/slika11.png)}
	  #Column3 .Box .link0 a:link, #Column3 .Box .link0 a:visited { display:block; height:104px; width:211px; background:url(../images/slika0.png)}
	  #Column3 .Box .link0 a:hover { background:url(../images/slika01.png)}
	  #Column3 .Box .link2 a:link, #Column3 .Box .link2 a:visited { display:block; height:104px; width:211px; background:url(../images/slika2.png)}
	  #Column3 .Box .link2 a:hover { background:url(../images/slika21.png)}
	#Column3 IMG { padding:1px 1px; height:103px; width:210px; display:none;}
	#Column3 P{ font:15px Arial, Helvetica, sans-serif; color:white; display:block; width:185px; text-align:right; padding:4px 0 0 0; }
	#Column3 ADDRESS{font:12px Arial, Helvetica, sans-serif; color:white; margin:30px 23px 0 23px;}
	#Column3 a:link, #Column3 a:visited {font:12px Arial, Helvetica, sans-serif; color:white; text-decoration:none;}
	#Column3 a:hover { text-decoration:underline;}
	
#Footer{border-top:2px solid black;border-bottom:2px solid black;position:relative; height:48px; margin:-48px 0 0 228px; width:592px; }
#Footer UL { padding:5px 0 0 55px;position:relative;}
#Footer LI { display:inline; padding:0 6px;position:relative;}
#Footer a:link, #Footer a:visited { font:bold 12px Arial, Helvetica, sans-serif; color:#2F353A; text-decoration:none;position:relative;}
#Footer a:hover {color:#0076CD;position:relative;}
#Footer P{font:bold 12px Arial, Helvetica, sans-serif; color:#2F353A; padding:0 0 0 190px;position:relative;}
#Footer IMG { border: none; vertical-align: middle; margin:0 1px;position:relative;}

ul#nav {margin:0; padding:22px 0 0 0;list-style-type: none;	text-align: left;display: block;}
#nav li {padding: 0;margin: 0;display: block;	list-style-type: none;text-align: left;}
#nav a:link, #nav a:visited {height:21px;padding: 3px 20px 0 0;display: block;color: white;text-decoration: none;font: 16px Arial, Helvetica, sans-serif; text-align:right;margin:0 0 -1px 0;}
#nav a:hover{ background:#2F353A ;}
#nav LI.sub:hover UL,
#nav LI.over UL {z-index:3;display: block;}
/* Drop down menu */
#nav UL {position: absolute;margin: -23px 0 0 218px;width: 200px;display: none;}
#nav UL LI.new { background: black; width:260px; margin:-1px 0 -2px -1px;}
#nav UL LI.new a:link, #nav UL LI.new a:visited{height:23px;padding: 3px 20px 0 0;display: block;color: white;text-decoration: none;font: 16px Arial, Helvetica, sans-serif; text-align:right; background:black;}
#nav UL LI.new a:hover{background:#2F353A ;}

#Form{ width:550px; padding:10px 0 0px 0px;}
	#Form P { font:12px Arial, Helvetica, sans-serif; padding:5px 20px; color:black;}
	#Form a:link,#Form a:visited {font:12px Arial, Helvetica, sans-serif; color:white;
	 text-decoration: none;}
	#Form a:hover{color:#A8A8A8;}
		.text { width: 125px; border:1px solid #CCC; padding:2px; margin: 0 3px 5px 0; }
		.adres { width: 25px; border:1px solid #CCC; padding:2px; margin: 0 0 5px 0; }
		.text:hover { border: 1px solid gray;} /* works only in firefox */ 
		label { float: left; padding: 4px 0 0 0; width: 100px; }
		.button { margin: 0 0 0 150px; background: #000; color: #FFF; 
		border: 1px solid white; padding: 1px 2px; cursor: pointer; 
		font: 11px Arial, Helvetica, sans-serif;  }
		textarea.text { width: 220px; height: 80px; }