html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif; background-image:url('Images/body_bg.jpg'); background-repeat:repeat-x; background-position:left top; background-color:#94C1EB;}

/* layout */
div#container{width:980px;margin:0 auto}
div#content{float:right;width:694px; margin:0;}
div#leftColumnTop{float:left;width:286; background-image:url('Images/left_column_bg.jpg'); background-repeat:repeat-y; background-position:left top;}
div#leftColumnBottom{float:left;clear:left;width:286px; background-image:url('Images/left_column_bg.jpg'); background-repeat:repeat-y; background-position:left top;}
div#footer{clear:both;width:100%}
div#wrapper { position:relative; } 

/* header */
div#header { height:281px; background-image:url('Images/header.jpg'); background-repeat:no-repeat; background-position:center top; position:relative; }

/* service navigation */
div#serviceNavigation { position:absolute; top:0px; right:20px; width:450px; height:31px;}
div#serviceNavigation ul { list-style-type:none; margin:0; padding:0; }
div#serviceNavigation ul li { float:left; margin:9px 0 7px 40px; }
div#serviceNavigation a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
div#serviceNavigation a:hover { text-decoration:underline; }
div#serviceNavigation #jezik { position:absolute; top:5px; right:25px; }

.homeLink { background-image:url('Images/home_icon.gif'); background-position:left center; background-repeat:no-repeat; padding:0 0 0 25px; }
.sitemapLink { background-image:url('Images/sitemap_icon.gif'); background-position:left center; background-repeat:no-repeat; padding:0 0 0 25px; }
.contactLink { background-image:url('Images/contact_icon.gif'); background-position:left center; background-repeat:no-repeat; padding:0 0 0 25px; }

/* company navigation */
div#companyNavigation { position:absolute; right:25px; top:50px; width:416px; height:57px; }
div#companyNavigation ul { list-style-type:none; margin:0; padding:0; }
div#companyNavigation ul li { float:left; margin:10px 15px 10px 0; padding:0 15px 0 0; line-height:35px; }
div#companyNavigation ul li.separator { background-image:url('Images/companyNavigationSeparator.gif'); background-repeat:no-repeat; background-position:left top; }
div#companyNavigation ul li a { color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.2em; }
div#companyNavigation ul li a:hover { text-decoration:underline; }

/* company navigation */
div#productsNavigation { position:absolute; right:0px; top:0px; width:470px; height:57px; }
div#productsNavigation ul { list-style-type:none; margin:0; padding:0; }
div#productsNavigation ul li { float:left; margin:10px 16px 10px 7px; padding:0 16px 0 0; line-height:35px; }
div#productsNavigation ul li.separator { background-image:url('Images/companyNavigationSeparator.gif'); background-repeat:no-repeat; background-position:left top; }
div#productsNavigation ul li a { color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.2em; }
div#productsNavigation ul li a:hover { text-decoration:underline; }

/* left column */
div.leftColumnInner { margin:0 10px; }
div#leftColumnTopBackground { width:286px; height:29px; background-image:url('Images/left_column_top.jpg'); background-position:left top; background-repeat:no-repeat; position:relative;}
div#leftColumnBottomBackground { width:286px; height:30px; background-image:url('Images/left_column_bottom.jpg'); background-position:left top; background-repeat:no-repeat;}

div.leftColumnInner .sidebarTitle { background-image:url('Images/sidebar_title_bg.gif'); background-position:center center; background-repeat:no-repeat; width:259px; height:54px; margin:0; }
div.leftColumnInner .sidebarTitle h3 { color:#FFFFFF; margin:0 0 0 15px; padding:0;  position: relative; top:15px; text-transform:uppercase; font-size:17px;  }
div#leftColumnTop { padding:0 0 10px 0; }
div.leftColumnInner ul { list-style-type:none; margin:0; padding:0; }
div.leftColumnInner ul li { color:#8B96E0; margin:5px 10px 0 5px; padding:5px 0 10px 0; border-bottom:1px dotted #3647C9; }
div.leftColumnInner ul li a { color:#3647C9; text-decoration:none; font-size:12px; font-weight:bold; }
div.leftColumnInner ul li a:hover { text-decoration:underline; }

/* right column */
div#rightColumnTopBackground { width:694px; height:80px; background-image:url('Images/right_column_top.gif'); background-position:left top; background-repeat:no-repeat; position:absolute; top:-50px; }
div#rightColumnBottomBackground { width:694px; height:38px; background-image:url('Images/right_column_bottom.jpg'); background-position:left top; background-repeat:no-repeat; }
div#contentBackground { background-image:url('Images/right_column_background.jpg'); background-repeat:repeat-y; background-position:left top; margin-top:30px;}

/* content inner */
div#contentInner { margin:0 20px; line-height:150%; }
div#contentInner h2 { margin:0; padding:5px 0; font-size:20px; }
div#contentInner img { border:none; }

#productsList a { color:#3647C9; text-decoration:none; }
#productsList a:hover { text-decoration:underline; }
#productsList .categoryImage { float:left; margin:-3px 10px 0 0; }
#productsList .sf_postCategory { background-image:url('Images/category_bg.jpg'); background-repeat:repeat-x; background-position: left top; height:50px; margin:7px 0; }
#productsList .sf_postCategory .categoryInner {  }

.novostiNaslovnica { background-image:url('Images/novosti_bg.gif'); background-position:left top; background-repeat:no-repeat; height:192px; overflow:hidden; }

.naslovnicaVijestiInner { margin:0 75px 0 15px; padding:10px 0; color:#FFFFFF; }
.naslovnicaVijestiInner h2 { margin:5px 0; }
.naslovnicaVijestiInner h3 { margin:5px 0; }
.naslovnicaVijestiInner a { color:#FFFFFF; }