* { margin: 0; padding: 0; }
a { text-decoration: none; color: #7cac54; }
a:hover { color: #608d1e; }
img { border: none; }
ul { list-style: none; }
em { font-style: normal; }
.clear { clear: both; }
p { margin: 10px 0; }

body { font: 62.5%/1.3  Verdana, Arial, Helvetica, sans-serif; color: #888; }
#container { margin: 0px auto; width: 772px; font-size: 1em; }

#sidebar { float: left; width: 169px; padding: 70px 0 11px 0; }

#menu { border: 1px solid #ebefe6; margin: 22px 0 0 0; padding: 2px 12px 4px 13px; }
#menu li { background: url(../images/BORDERmenu.gif) bottom left repeat-x; padding: 8px 0 8px 0; }
#menu li a { font-weight: bold; color: #777; background: url(../images/ICONbullit.gif) left 5px no-repeat; padding-left: 14px; }
#menu li a:hover { color: #7cac54; }
#menu li.nobkg { background: none; }

#contacts { margin: 17px 0 15px 0; }
#contacts em { display: block; background: #e5eedd url(../images/BKGcontacts.gif) bottom right no-repeat; padding: 3px 0 3px 8px; color: #608d1e; font-weight: bold; }
#contacts #top { background: #fff url(../images/BKGcontactstop.gif) top left no-repeat; display: block; height: 9px; margin: 1px 0 0 0; }
#contacts div { background: transparent url(../images/BORDERcontacts.gif) top left repeat-y; padding: 5px 0 0 1px; margin: -15px 0 0 0; *margin: -21px 0 0 0;}
#contacts span { background: transparent url(../images/BKGinnercontacts1.gif) bottom left no-repeat; display: block; padding: 0 0 14px 6px; }
#contacts a { text-decoration: underline; }
#contacts a:hover { color: #bbb; }
#contacts br { line-height: 16px; }

#submenu { margin: 17px 0 15px 0; }
#submenu em { display: block; background: #e5eedd url(../images/BKGcontacts.gif) bottom right no-repeat; padding: 3px 0 3px 8px; color: #608d1e; font-weight: bold; }
#submenu #top { background: #fff url(../images/BKGcontactstop.gif) top left no-repeat; display: block; height: 9px; margin: 1px 0 0 0; }
#submenu div { background: transparent url(../images/BORDERcontacts.gif) top left repeat-y; padding: 5px 0 0 1px; }
#submenu ul { background: transparent url(../images/BKGinnercontacts.gif) bottom left no-repeat; display: block; padding: 10px 4px 20px 14px; }
#submenu ul li { margin: 0 0 13px 0; }
#submenu a { color: #777; }
#submenu a:hover { color: #7cac54; }
#submenu li.on a { color: #7cac54; font-weight: bold; }

#wrapper { float: right; width: 593px; }

#nav { text-align: right; padding-top: 48px; }
#nav dl dd { display: inline; margin-left: 11px; padding-left: 11px; border-left: 1px solid #d9e3cb; }
#nav dl dd.nobord { border: none; }
#nav dd a { padding-left: 18px; color: #666; }
#nav dd a:hover { color: #7cac54; }
#nav dd.links a { background: url(../images/ICONlinks.gif) top left no-repeat; }
#nav dd.contact a { background: url(../images/ICONcontact.gif) top left no-repeat; } 
#nav dd.press a { background: url(../images/ICONpress.gif) top left no-repeat; }

#nav ul { width: 593px; margin: 44px 0 0 0; border-bottom: 1px solid #fff; float: left; }
#nav li { display: block; float: left; padding: 7px 18px 6px 20px; margin-right: 1px; background: #edf7df url(../images/BKGnav.gif) top left repeat-x; }
#nav li.nomarg { margin: 0; padding: 7px 19px 6px 20px; }
#nav li a { color: #608d1e; font-weight: bold; }
#nav li a:hover, #nav li.on a { color: #7cac54; }

#headerindex { height: 264px; clear: both; background: url(../images/header1.jpg) bottom left no-repeat; margin-bottom: 1px; }
#header { height: 156px; clear: both; background: url(../images/header1.jpg) bottom left no-repeat; margin-bottom: 1px; }

#content { padding-bottom: 60px; font-size: 1.1em; }
#contentindex { font-size: 1.1em; }
#contentindex h2 { font-size: 1.1em; color: #7cac54; font-weight: bold; }
h3 { font-size: 1.1em; color: #7cac54; font-weight: bold; padding-left: 2px; }
h3.marg { margin-left: 193px; }
h3 span { font-weight: normal; padding-left: 10px; }

#content h2 { display: block; background: #7cac54; font-size: 1.3em; color: #fff; font-weight: normal; margin: 16px 0 12px 0; *margin: 17px 0 12px 0; padding: 1px 5px 1px 5px; *padding: 0px 5px 2px 5px; }
img.left { float: left; }
#contentindex { background: #fff url(../images/BKGcontentindex.gif) top left repeat-x; padding: 20px 3px 20px 10px; }

#aboutus { width: 398px; float: left; padding: 0 15px 0 0; background: transparent url(../images/BORDERvertgreen.gif) top right repeat-y; }
#aboutus img { margin: 0 10px 4px 0;}
#docs { width: 157px; float: right; padding: 0 0 0 10px; }
#docs ul { margin-top: 10px }
#docs ul li { margin-bottom: 6px }
#docs ul li a { color: #333; background: url(../images/ICONbullit.gif) left 5px no-repeat; padding: 0 5px 0 11px; }
#docs ul li a:hover { color: #7cac54; }

#content #location { line-height: 1.9em; float: left; margin: 0 0 0 2px; padding: 0; }
#content #location li { background: none; padding: 0; }

#workhours { float: right; font-size: 0.9em; width: 397px; }
#workhours td, #workhours th { vertical-align: top; text-align: left; padding: 0 10px 0 0; }
#workhours th { padding: 9px 10px 0 0; }
#workhours th.green { color: #7cac54; font-weight: normal; padding: 9px 10px 6px 0; }

.imgholder { clear: both; padding: 25px 0 10px 0; border-bottom: 1px solid #dbe4cd; }
.imgholder.last { border: none; }
.imgholder img { margin: 0 3px 10px 3px; vertical-align: top; }

.tophint { display: block; margin: 15px 0 10px 0; padding-left: 2px; }
.tophint br { line-height: 10px; }

#suplies { border-collapse: separate; border-spacing: 1px; width: 100%; text-align: center; vertical-align: top; }
#suplies th { background: #aac792; color: #fff; padding: 2px 0; }
#suplies td { padding: 2px 0; }
#suplies tr.title th { background: #fff; color: #777; padding: 15px 0 5px 0; }
#suplies th.left, #suplies td.left { text-align: left; padding-left: 3px; }
#suplies tr.greenrow td { background: #eaeee5; }

#content ul { margin: 10px 0; padding-left: 2px; }
#content ul li { background: url(../images/BKGbullitdash.gif) left 0.6em no-repeat; padding-left: 10px; }
#content p { padding-left: 2px; }

.textbox, .textbox2 { padding-bottom: 10px; clear: both; }
.textbox img { float: left; margin: 12px 10px 4px 2px; }
.textbox2 img { margin: 2px 10px 4px 2px; }
.textbox2 img.left { float: left; }
.textbox2 img.right { float: right; }

#question { margin-top: 20px; }
#question input { border: 1px solid #AAC792; background: #F0F5EA; }
#question #leftblock { float: left; border: none; width: 260px; padding: 0 0 30px 0; }
#question #leftblock label { display: block; width: 8.1em; float: left; text-align: right; margin: 7px 7px 0 0; }
#question #leftblock input { margin: 5px 0 0 0; width: 150px; font: 1em  Verdana, Arial, Helvetica, sans-serif; color: #888; padding: 1px; }

#question #rightblock { text-align: right; float: right; border: none; width: 320px; padding: 5px 2px 30px 0; }
#question #rightblock label { display: block; width: 5em; float: left; text-align: right; }
#question #rightblock textarea { width: 253px; height: 80px; *height: 85px; border: 1px solid #AAC792; font: 1em  Verdana, Arial, Helvetica, sans-serif; color: #888; background: #F0F5EA; padding: 1px; }
#question #rightblock #button { margin: 5px 0 0 0; font: 1em  Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #AAC792; cursor: pointer; padding: 0 2px 1px 2px; *padding: 0; }

#natjecajforma input,
#natjecajforma textarea { border: 1px solid #AAC792; background: #F0F5EA; display: block; margin: 2px 0 4px 0; *margin: 1px 0 2px 0; padding: 2px; font-size: 11px; }
#natjecajforma textarea { width: 195px; }
#natjecajforma span { display: block; padding-left: 105px; *padding-left: 90px; }
#natjecajforma .botuni { float: left; margin-right: 10px; }

.market { border-collapse: separate; border-spacing: 1px; width: 100%; text-align: left; vertical-align: top; }
.market th { background: #aac792; color: #fff; padding: 2px 2px; }
.market td { padding: 2px 2px; }
.market tr.greenrow td { background: #eaeee5; }

.ask { display: block; padding-left: 10px; margin-top: 4px; background: url(../images/ICONbullit.gif) left 5px no-repeat; }

/* dimedia logo*/
#sign { padding: 2px 0 2px 7px; background: #eaeee5; clear: both;  }
#sign a { font: 1.1em "Trebuchet MS", Verdana, Arial, sans-serif; text-decoration: none; color: black; }
#sign a:hover { color: red; }
#sign span { color: red; }