* { padding: 0; margin: 0; outline: 0; }



body {

    font-size: 13px;

    line-height: 16px;

    font-family:  "Trebuchet MS", Arial, sans-serif;

    color: #555555;

	background: #fff;

    text-align: left;

}



.cl { font-size: 0; line-height: 0; height: 0; clear: both; }



a img { border: 0; }

a { color: #4685b3; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer;}



.left { float: left; display: inline; }

.right { float: right; display: inline;} 

.notext {font-size: 0; line-height: 0; text-indent: -4000px;}



.center {display: block; margin: 0 auto;}



.shelltop {margin: 0 auto; width: 946px;}

.shell {margin: 0 auto; width: 946px;}



#header {background: url(images/header.gif) repeat-x 0 0; height: 120px;}



h1#logo {float: left; padding-top: 10px;}

h1#logo a {background: url(images/logo.gif) no-repeat 0 0; display: block; width: 278px; height: 103px;}



h2 {font-family: "Trebuchet MS", sans-serif; font-size: 18px; line-height: 20px;}

h3 {font-family: "Trebuchet MS", sans-serif; font-size: 18px; color: #262626;}

h4 {font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: #262626;}

h5 {font-family: "Trebuchet MS", sans-serif; font-size: 12px; color: #262626;}

h6 {font-family: "Trebuchet MS", sans-serif; font-size: 10px; color: #262626;}



/*gornja navigacija*/

.topnavigwrapper {padding-top: 51px; width: 480px; float:left;}

#navigation {}

#navigation ul {list-style-type: none; float:right;}

#navigation ul li {display: inline; float:left; padding-right: 3px;}

#navigation ul li a {background: url(images/nav.gif) no-repeat 0 0; width: 100px; text-align:center; height: 24px; float: left; color: #fff; font-family: tahoma, sans-serif; color: #fff; font-size: 14px; padding-top: 3px;}

#navigation ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url(images/nav-hover.gif); color: #343434;}

#navigation ul li a:hover span, #navigation ul li.active a span {background-image: url(images/nav-hover.gif);}

/*kraj gornje navigacije*/

/*gornja mala navigacija*/

.smallshell {margin: 0 auto;}

#smallnavigation { padding-top: 11px;}

#smallnavigation ul {list-style-type: none; float:right;}

#smallnavigation ul li {display: inline; padding-left: 15px;}

#smallnavigation ul li a {height: 21px; color: #fff; font-family: tahoma, sans-serif; color: #222; font-size: 11px; }

#smallnavigation ul li a:hover, #smallnavigation ul li.active a {text-decoration: none; color: #666;}

/*gornja mala navigacija*/



.grb {padding-top: 15px; float:right;}



#headingtop {background: #e9e9e9 url(images/headertop.gif) repeat-x 0 0; padding-top: 15px; padding-bottom: 50px; height: 40px}

#headingtop ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}

#headingtop ul li {display: inline; float: left; padding-right: 9px;}

#headingtop ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}

#headingtop ul li a:hover {text-decoration: none;}

#headingtop p.copy {float: right; font-size: 10px; color: #ffffff; padding-right: 10px;}

.headingtopbox1 {float: left; display: inline; width: 296px; padding: 0px; margin-left: 8px;}

.headingtopbox2 {float: left; display: inline; width: 296px; padding: 0px; margin-left: 8px;}

.headingtopbox3 {background: url(images/1px1.gif) repeat-y 0 0; float: left; display: inline; height: 29px; width: 1px; margin-left: 8px; margin-right: 8px;}



#headingtopnavig {background: #e9e9e9 url(images/headertop.gif) repeat-x 0 0; padding-top: 10px; padding-bottom: 40px;}

.headingtopnavig1 {float: left; display: inline; padding: 5px;}



#heading {background: #fff url(images/heading-bg.gif) no-repeat center 0px; padding:25px 0; margin: 0px; clear:both;}

#heading ul {margin-left: 14px;}

#heading ol {margin-left: 20px;}

.heading-cnt {float: left; width: 550px; min-height:550px; padding-left: 15px; padding-right: 15px;  border-left:#999 dotted 1px; border-right:#999 dotted 1px; border-bottom:#999 dotted 1px;}

.heading-cnt2 {float: left; width: 170px; padding-left: 8px; padding-top: 5px; margin-right: 10px;}

.heading-cnt2-1 {float: left; width: 120px; padding-left: 10px; margin: 0px 0px 20px 10px; border-left: dashed 1px #aaa; border-bottom: dashed 1px #aaa;}

a.naviglink1 {background:#ffffff url(images/strelica.gif) no-repeat 0px 4px; border-top:solid 4px #fff; border-bottom:solid 5px #fff; padding-left: 10px; display: block; color: #0088DD; text-decoration: none;}

a:hover.naviglink1 {background:#4685b3 url(images/strelica-over.gif) no-repeat 0px 4px; border-top:solid 4px #4685b3; border-bottom:solid 5px #4685b3; color:#FFF; padding-left:10px; display:block; text-decoration: none;}

.border1 {float: left; width: 10px; margin-left: 10px; margin-right: 10px; height: 200px; border-right:#999 dotted 1px; }



.heading-desno-wrapper {float: right; width: 160px; margin-left: 10px;}

.heading-login {border: 1px solid #aaa; }

.heading-kucica-desno {margin-top: 15px; border: 1px #aaa solid; }

#heading h2 {color: #262626; padding-bottom: 15px;}

#heading p {padding-bottom: 16px;}

.login {color:#FFF;}

.navig-left {font-family: "Trebuchet MS", sans-serif; font-size: 11px; color:#666;}



#features {background: url(images/features.gif) repeat-x 0 0; height: 122px; padding-top: 5px;}

.features-cnt {background: url(images/features-cnt.gif) no-repeat 0 0; height: 118px; padding-left: 20px;}

.feature {width: 290px; float: left; padding-top: 6px; padding-right: 30px;}

.less-padding {padding-right: 14px;}

.no-padding {padding-right: 0 !important;}

.feature h2 {color: #fff; padding-bottom: 5px;}

.feature img {padding-right: 6px;}

.feature p {float: left; width: 288px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}

.feature p span {padding-bottom: 4px; display: block;}

.feature a {color: #fff; padding-bottom: 5px; text-decoration: none;}

.feature a:hover {color:#e1e1ff; text-decoration: none;}

.feature a.more {background: url(images/more.gif) no-repeat 0 0; display: block; float:right; width: 24px; height: 13px;}



#main {background: #e9e9e9; padding-top: 15px;padding-left: 28px; padding-bottom: 37px;}

#main h3 {padding-bottom: 7px;}

#main a {font-weight: bold; color: #4685b3; text-decoration: underline; font-size: 11px;}

#main a:hover {text-decoration: none;}

#main a.rss {background: url(images/rss.gif) no-repeat 0 0; width: 11px; height: 11px;}

.link-margin { margin-right: 10px; margin-left: 2px;}

.first-column {width: 297px; float: left; padding-right: 24px;}

.middle-column {width: 315px; float: left; padding-right: 9px; padding-left:5px;}

.last-column {width: 270px; float: left; padding-left: 11px;}



ul.news {list-style-type: none; padding-bottom: 8px;}

ul.news li {background: url(images/newsitem-bg.gif) repeat-x 0 bottom; padding-top: 7px; padding-bottom: 8px; min-height: 85px; height: 85px;}

ul.news1 a {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; text-decoration: none;}

ul.news li small {color: #606d0f; font-size: 11px;}

ul.news li small.grey {color: #656565; padding-left:5px;}

ul.news li p {padding-left:5px;}

.mali {font-family: "Trebuchet MS", Helvetica, sans-serif; color: #444; font-size: 11px;}

.srednji {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 12px;}



#news2 {padding:0; margin:0;}

#news2 li {list-style-type: none; padding-top: 16px; padding-bottom: 16px; border-bottom: solid 1px #ddd ;}

#news2 a {font-family: Arial, Helvetica, sans-serif; font-size: 15px;}

#news2 li small {color: #606d0f; font-size: 11px;}

#news2 li small.grey {color: #656565;}



.mali2 {font-family: "Trebuchet MS", Helvetica, sans-serif; color: #777; font-size: 10px;}

.srednji2 {font-family: Arial, Helvetica, sans-serif; color:#444; font-size: 12px;}





.contacts {font-size: 12px; }

strong.usa {background: url(images/flag-usa.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}

strong.swe {background: url(images/flag-swe.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}



#footer {background: #e9e9e9 url(images/footer.gif) repeat-x 0 0; padding-top: 15px; padding-bottom: 50px;}

#footer ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}

#footer ul li {display: inline; float: left; padding-right: 9px;}

#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}

#footer ul li a:hover {text-decoration: none;}

#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}