/* =SPECIFIC PAGES */

/* =NAVIGATION all pages*/

#navigation .home a { background: url(../images/btn_nav_naslovna.gif) no-repeat top center;} 
#navigation .portfolio a { background: url(../images/btn_nav_portfolio.gif) no-repeat top center;}
#navigation .products a { background: url(../images/btn_nav_proizvodi.gif) no-repeat top center;}
#navigation .services a { background:url(../images/btn_nav_usluge.gif) no-repeat top center;}
#navigation .about-us a { background: url(../images/btn_nav_about_us.gif) no-repeat top center; }
#navigation .news a {background: url(../images/btn_nav_info.gif) no-repeat top center;}
#navigation .news a {background: url(../images/btn_nav_info.gif) no-repeat top center;}
#navigation .contact a {background: url(../images/btn_nav_kontakt.gif) no-repeat top center;}
#navigation .login a {background: url(../images/btn_nav_login.gif) no-repeat top center;}

/* =HOME */
#home-page #navigation .home a { background: url(../images/btn_nav_naslovna_active.gif) no-repeat top center;} /*active*/
#home-page #navigation .home {background: url(../images/bg_navigation_active.gif) no-repeat top right;} /*active*/
#home-page #navigation .home a { border-top-color:#00ff00; } /*active*/


/* =PORTFOLIO*/ 
.portfolio-pages #sidebar h2 { background:url(../images/hl_portfolio.gif) no-repeat;}
.portfolio-pages #navigation .portfolio a { border-top-color:#00ff00; }
.portfolio-pages #navigation .portfolio {background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.portfolio-pages #navigation .portfolio a { background: url(../images/btn_nav_portfolio_active.gif) no-repeat top center;}

/* =PRODUCTS */
.products-pages #sidebar h2 { background:url(../images/hl_proizvodi.gif) no-repeat;}
.products-pages #navigation .products a { border-top-color:#00ff00; }
.products-pages #navigation .products {background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.products-pages #navigation .products a { background: url(../images/btn_nav_proizvodi_active.gif) no-repeat top center;}
.products-pages #content .all { border: 1px solid #999999; margin: 5px; }
#proizvodi-list { margin-top: 40px; }
#proizvodi-list li { width: 645px; height: 20em; margin: 10px 0; border-bottom: 1px solid #CCCCCC; }
#proizvodi-list a { text-decoration: none; color: #FF9900; }
#proizvodi-list .first { height: 12em; }
#proizvodi-list .inner { float: left; width: 500px; }
#proizvodi-list .inner h4 { margin: 5px 0; }
#proizvodi-list .inner p { margin: 5px 0; }
#proizvodi-list .inner .detaljnije { float: right; margin: 5px; text-decoration: none; background: url(../images/blt_ext_link.png) no-repeat right center; width: 70px; color: #666666; }
#normal-list li { width: auto; height: auto; margin: 0; border: none; }

/* =GENERA CMS */
h5 { font: 2em Arial, Helvetica, sans-serif; color: #FF9900; }

/* =SERVICES */
.services-pages #navigation .services a { background: url(../images/btn_nav_usluge_active.gif) no-repeat top center;} 
.services-pages #navigation .services{ background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.services-pages #navigation .services a { border-top-color:#00ff00; } 
.services-pages #sidebar h2 { background:url(../images/hl_usluge.gif) no-repeat;}
.services-pages .normal { margin: 30px 0; }

/* =ABOUT_US */
.about_us-pages #navigation .about-us a { background: url(../images/btn_nav_about_us_active.gif) no-repeat top center;} 
.about_us-pages #navigation .about-us { background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.about_us-pages #navigation .about-us a { border-top-color:#00ff00; } 
.about_us-pages #sidebar h2 { background:url(../images/hl_about_us.gif) no-repeat;}



/* =NEWS */
.news-pages #navigation .news a { background: url(../images/btn_nav_info_active.gif) no-repeat top center;} 
.news-pages #navigation .news{ background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.news-pages #navigation .news a { border-top-color:#00ff00; } 
.news-pages #sidebar h2 { background:url(../images/hl_info.gif) no-repeat;}


/* =CONTACT */
.contact-pages #navigation .contact a { background: url(../images/btn_nav_kontakt_active.gif) no-repeat top center;} 
.contact-pages #navigation .contact { background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.contact-pages #navigation .contact a { border-top-color:#00ff00; } 
.contact-pages #sidebar h2 { background:url(../images/hl_kontakt.gif) no-repeat;}
/* =LOGIN*/
.login-pages #navigation .login a { background: url(../images/btn_nav_login_active.gif) no-repeat top center;} 
.login-pages #navigation .login { background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.login-pages #navigation .login a { border-top-color:#00ff00; } 
.login-pages #sidebar h2 { background:url(../images/hl_login.gif) no-repeat;}

/* =KLIJENTI */
.klijenti #primary-content { width: 600px; }
.klijenti #primary-content h5 { color: #999999; border-bottom: 1px solid #CCCCCC; }
.klijenti #secondary-content { border: none; width: 600px; float: left; }
.klijenti #secondary-content h3 { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; }

.klijenti-list { margin-bottom: 10px; }
.klijenti-list li { width: 184px; height: 7.6em; display: block; float: left; margin: 5px; border: 1px solid #f2f2f2; background: url(../images/bg_klijenti_list.gif) repeat-x left center; border: 1px solid #CCCCCC; }
.klijenti-list li a:hover { background: #CCCCCC url(../images/bg_klijenti_list_right.gif) no-repeat right center; /*color: #FF0000;*/ cursor: default; }
.klijenti-list li a { display: block; height: 7.6em; text-decoration: none; color: #000000; cursor: default; }
.klijenti-list li img { margin: 5px; float: left; }
.klijenti-list li p { /*margin-top: 15px;*/ float: none; padding: 5px; }

#klijenti-popis li { width: 270px; display: block; float: left; margin: 5px 10px; }
#klijenti-popis li a { display: block; color: #666666; cursor: default; text-decoration: none; }
#klijenti-popis li a:hover { /*color: red;*/ cursor: default; }

.klijenti #sidebar h2 { background:url(../images/hl_portfolio.gif) no-repeat;}
.klijenti #navigation .portfolio {background: url(../images/bg_navigation_active.gif) no-repeat top right;} 
.klijenti #navigation .portfolio a { background: url(../images/btn_nav_portfolio_active.gif) no-repeat top center;}
.klijenti #navigation .portfolio a { border-top-color:#00ff00; }