/* ::::: http://ecm.rs/assets/templates/green/ecm.css ::::: */

* { margin: 0px; padding: 0px; }
body { background-color: rgb(255, 255, 255); font-size: 11px; font-family: "trebuchet ms",helvetica,sans-serif; }
a { text-decoration: underline; color: rgb(147, 179, 0); }
a:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(211, 227, 120) url('bbg1.gif') repeat-x scroll 0% 0%; }
#header { width: 100%; height: 104px; background: transparent url('a1.gif') repeat-x scroll 0% 0%; color: rgb(255, 255, 255); }
#header_inner { position: relative; width: 900px; height: 104px; margin: 0px auto; }
#logo { padding-top: 15px; }
#header_inner img { border: 0px none; }
#logo a:hover { border: 0px none; background: inherit; }
#slogan { background: inherit; position: absolute; right: 5px; bottom: 17px; color: rgb(218, 218, 218); text-transform: lowercase; font-size: 13px; }
#main { padding-top: 20px; position: relative; width: 900px; margin: 0px auto; padding-bottom: 10px; }
#menu ul { list-style: outside none none; margin: 0px; }
#menu li { background: transparent none repeat scroll 0% 0%; padding: 0px; font-weight: bold; }
#menu a { display: block; position: relative; width: 168px; height: 27px; margin-bottom: 1px; text-decoration: none; background-color: inherit; background-repeat: inherit; background-attachment: inherit; background-clip: inherit; background-origin: inherit; background-position: inherit; background-size: inherit; background-image: url('bbg0.gif'); padding-left: 17px; padding-top: 11px; color: rgb(99, 99, 99); font-size: 13px; }
#menu a:hover { background-color: inherit; background-repeat: inherit; background-attachment: inherit; background-clip: inherit; background-origin: inherit; background-position: inherit; background-size: inherit; color: rgb(255, 255, 255); background-image: url('bbg1.gif'); }
h1 { background: inherit; color: rgb(133, 172, 30); text-transform: lowercase; font-size: 26px; }
h2 { margin-top: 30px; color: rgb(80, 81, 77); font-size: 15px; text-transform: lowercase; height: 34px; background: transparent url('a3.gif') repeat-x scroll 0px 17px; }
#lcol { position: relative; width: 185px; float: left; padding-bottom: 100px; }
#rcontent { position: relative; padding: 25px 0px 0px 20px; }
ul { list-style: outside none none; }
li { background: transparent url('x1.gif') no-repeat scroll 0px 5px; padding-left: 15px; }
p { margin-bottom: 25px; text-align: justify; line-height: 20px; }
.divider { font-size: 0px; position: relative; border-bottom: 1px solid rgb(245, 245, 245); height: 1px; width: 100%; margin: 10px 0px; }
#rcol { position: relative; margin-left: 190px; width: 710px; background-image: url('a2.gif'); background-repeat: repeat-x; }
#footer { clear: both; background: transparent url('a2.gif') repeat-x scroll 0% 0%; width: 900px; margin: 25px auto; padding-top: 10px; text-align: center; text-transform: lowercase; }
#flyList { width: auto; position: relative; z-index: 300; }
#menu { padding: 0px; margin: 0px; list-style: outside none none; width: auto; height: auto; }
#menu li.level1-li { float: left; height: 35px; width: auto; }
#menu li.level1-li a.level1-a { background-image: url('bbg0.gif'); display: block; height: 25px; line-height: 25px; padding-left: 10px; text-decoration: none; font-size: 11px; }
#menu li.sub a.level1-a { background-image: url('bbg0.gif'); }
#menu li.sub span { position: absolute; right: 0px; margin-top: 5px; margin-right: 15px; width: 7px; height: 7px; background: transparent url('arrow.gif') no-repeat scroll 0% 0%; }
#menu div.listHolder { position: absolute; left: -9999px; background-image: url('flyout-background.png'); z-index: 301; }
#menu div.col3 { width: 660px; }
#menu div.listCol { width: 180px; float: left; padding: 20px; }
#menu div.listCol ul { padding: 0px; margin: 0px; list-style: outside none none; }
#menu div.listCol ul li { height: auto; }
#menu div.listCol ul li a { display: block; height: auto; font-size: 10px; text-decoration: none; color: rgb(0, 102, 153); padding-left: 15px; background: inherit; }
#menu div.listCol ul li a:hover { color: rgb(0, 51, 102); text-decoration: underline; }
#menu li a:hover { background-image: url('bbg1.gif'); }
#menu li.level1-li:hover > a { background-image: url('bbg1.gif'); }
#menu :hover div.listHolder { left: 175px; top: 0px; }
#menu div.flyoutttle { padding: 15px 0px 0px 15px; background: transparent url('linedot.gif') repeat-x scroll left bottom; height: auto; }
#menu div.flyoutttle a { padding: 0px; background: transparent none repeat scroll 0% 0%; color: rgb(0, 0, 0); font-size: 11px; height: auto; }
#menu div.flyoutttle a:hover { background: transparent none repeat scroll 0% 0%; text-decoration: underline; }
.home-column { float: left; width: 220px; margin: 0px 10px 0px 0px; padding: 15px 0px 20px; border-bottom: thin none; height: auto; }
.home-column h2 { margin: 0px; color: rgb(133, 172, 30); font-size: 15px; text-transform: lowercase; height: auto; background: transparent url('a3.gif') repeat-x scroll 0px 17px; padding-bottom: 10px; }
.home-column img { background-position: left top; background-image: url('home-column-okvir.jpg'); background-repeat: no-repeat; padding: 10px; margin: 5px; border: 0px none; }
.home-column p { text-align: left; height: 70px; }
.home-more { float: right; }