/***************************************************
    CSS file for Stipic Interart
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body	        { font: 12px/18px Arial, Verdana, sans-serif; color: #39393A; background: #efeff0 url(../images/css/body-bkg.gif) no-repeat 50% 0; }
:root           { overflow-y: scroll; }
h1, h2, h3      { font-weight: bold; color: #7A7E7E; }

a               { color: #39393A; text-decoration: none; }

a:hover,
a:active,
a:focus         { text-decoration: none; color: #e5e4e2; }

fieldset,
a img       { border: 0; }

table       { text-align: left; border-collapse: collapse; border-spacing: 0; }

td,
th          { vertical-align: top; text-align: left; }

legend                  { white-space: normal; }
select, input, textarea { outline: 0; font: 12em/18px Arial, sans-serif; }


/* LAYOUT */
#layout			    { width: 855px; margin: 0 auto; position: relative; }
#content                    { clear: both; position: relative; }
#main-content               { clear: both; }

#page-news #content,
#page-news-listing #content,
#page-article #content                  { background: url(../images/css/content-middle.gif) repeat-y 0 0; }

#page-news #content-inner,
#page-news-listing #content-inner,
#page-article #content-inner   { background: url(../images/css/content-top.gif) no-repeat 0 0; padding-top: 86px; }

#page-category-listing #content-inner   { padding-top: 50px; background: url(../images/css/content-top-short.gif) no-repeat 0 0; }

#page-news #main-content,
#page-news-listing #main-content,
#page-article #main-content             { background: url(../images/css/content-bottom.gif) no-repeat 0 100%; padding-bottom: 50px; }

/* HEADER */
#header                     { position: relative; height: 102px; margin-bottom: 22px; width: 100%; }

#logo                       { float: right; width: 115px; height: 33px; background: url(../images/interface/logo.gif) no-repeat 0 0; margin: 47px 36px 0 0; display: inline; }
#logo a                     { display: block; width: 115px; height: 33px; overflow: hidden; text-indent: -9999px; }

#languages-container        { position: absolute; top: 5px; right: 81px; padding-right: 10px; background: url(../images/css/lang-splitter.gif) no-repeat 100% 50%; }
#languages-container ul     { display: inline; float: left; list-style: none; }
#languages-container li     { float: left; font-size: 10px; margin-left: 17px; display: inline; }
#languages-container li a   { color: #889193; }

#languages-container li.active a,
#languages-container li a:hover,
#languages-container li a:active,
#languages-container li a:focus     { color: #fff; text-decoration: none; }

#home-link                          { position: absolute; top: 2px; left: 50px; font-size: 10px; color: #889193; }

/* MAIN NAVIGATION */
#navigation                 { clear: both; position: absolute; bottom: 26px; left: 43px;  }

#navigation ul              { float: left; list-style: none; }
#navigation li              { float: left; margin: 0 0 0 48px; display: inline; font: bold 14px/18px Helvetica, sans-serif; }

#navigation li.first-child  { margin-left: 0; }
#navigation a               { display: block; padding: 0; color: #fff; outline: none; text-transform: uppercase; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; height: 14px; }

#navigation a:hover         { background-position: 0 -14px; }
#navigation li.active a     { color: #000; background-position: 0 -28px; }

#navigation .nav-o-grupi a               { background-image: url(../images/css/nav-o-grupi.gif); width: 45px; }
#navigation .nav-clanice-grupe a         { background-image: url(../images/css/nav-clanice-grupe.gif); width: 88px; }
#navigation .nav-kontakt a               { background-image: url(../images/css/nav-kontakt.gif); width: 52px; }
#navigation .nav-karijere a              { background-image: url(../images/css/nav-karijere.gif); width: 54px; }
#navigation .nav-vijesti a               { background-image: url(../images/css/nav-vijesti.gif); width: 42px; }

#navigation .nav-about-group a            { background-image: url(../images/css/nav-about-group.gif); width: 80px; }
#navigation .nav-group-members a           { background-image: url(../images/css/nav-group-members.gif); width: 98px; }
#navigation .nav-contact a                 { background-image: url(../images/css/nav-contact.gif); width: 51px; }
#navigation .nav-career a                 { background-image: url(../images/css/nav-career.gif); width: 45px; }
#navigation .nav-news a                   { background-image: url(../images/css/nav-news.gif); width: 33px; }



/* LOCAL NAV */
#local-navigation                   { background: url(../images/css/local-nav.gif) no-repeat 0 100%; width: 440px; height: 35px; position: absolute; right: 90px; top: 24px; z-index: 100; }
#local-navigation ul                { list-style: none; padding-left: 5px; }
#local-navigation li                { float: left; text-transform: uppercase; font-size: 11px; background: url(../images/css/local-nav-splitter.gif) no-repeat 0 8px; padding: 0 19px; font-weight: bold; }
#local-navigation li a              { color: #cfcdcb; display: block; padding: 0; margin-top: 5px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; height: 14px; }
#local-navigation li a:hover        { background-position: 0 -14px; }
#local-navigation li.active a       { color: #fff; background-position: 0 -28px; }
#local-navigation li.first-child    { background: 0; padding-left: 19px; }

#local-navigation .nav-o-nama a               { background-image: url(../images/css/nav-o-nama.gif); width: 39px; }
#local-navigation .nav-misija a               { background-image: url(../images/css/nav-misija.gif); width: 34px; }
#local-navigation .nav-doprinos-zajednici a   { background-image: url(../images/css/nav-doprinos-zajednici.gif); width: 102px; }
#local-navigation .nav-nove-vijesti a         { background-image: url(../images/css/nav-nove-vijesti.gif); width: 64px; }
#local-navigation .nav-arhiva-vijesti a       { background-image: url(../images/css/nav-arhiva-vijesti.gif); width: 73px; }

#local-navigation .nav-stipic-interart a      { background-image: url(../images/css/nav-stipic-interart.gif); width: 82px; }
#local-navigation .nav-stipic-constructa a    { background-image: url(../images/css/nav-stipic-constructa.gif); width: 98px; }
#local-navigation .nav-stipic-nekretnine a    { background-image: url(../images/css/nav-stipic-nekretnine.gif); width: 94px; }

#local-navigation .nav-about-us a                  { background-image: url(../images/css/nav-about-us.gif); width: 48px; }
#local-navigation .nav-mission a                   { background-image: url(../images/css/nav-mission.gif); width: 40px; }
#local-navigation .nav-community-awareness a       { background-image: url(../images/css/nav-community-awareness.gif); width: 122px; }
#local-navigation .nav-news a                      { background-image: url(../images/css/nav-latest-news.gif); width: 28px; }
#local-navigation .nav-news-archive a              { background-image: url(../images/css/nav-news-archive.gif); width: 72px; }



/* HOME CONTENT */
#page-home #main-content                { width: 854px; position: relative; }
#page-home #article-container           { position: absolute; bottom: 2px; right: 2px; width: 810px; background: url(../images/css/article-bottom.png) no-repeat 0 100%; padding-bottom: 6px; }
#page-home #article-container .article  { min-height: 138px; height: auto !important; height: 138px; padding: 32px 230px 50px 45px; font-size: 12px; line-height: 18px; font-weight: bold; color: #fff; background: url(../images/css/article-top.png) no-repeat 0 0; }

#page-home #article-container h2,
#page-home #article-container h3        { font-size: 16px; line-height: 24px; color: #fff; }

#page-home #article-container li ul,
#page-home #article-container li ol     { margin-left: 30px; }

#page-home #article-container li li     { margin-left: 0; }

#page-home #article-container a         { text-decoration: none; color: #6c6d6f; }

#page-home #article-container a:hover,
#page-home #article-container a:active,
#page-home #article-container a:focus   { color: #39393A; }


/*  GROUP LINKS */
#group-links { position: absolute; bottom: 20px; left: 45px; }
#group-links ul            { float: left; list-style: none; padding: 0; margin: 0; }
#group-links li            { float: left; font-size: 11px; margin: 0 30px 0 0; }
#group-links a             { display:block; color: #fff; text-transform: uppercase; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; height: 18px; }
#group-links a:hover       { background-position: 0 -18px !important; }

#group-links .item-1 a     { background: url(../images/css/nav-group-interart.gif) no-repeat 0 0; width: 97px; }
#group-links .item-2 a     { background: url(../images/css/nav-group-constructa.gif) no-repeat 0 0; width: 113px; }
#group-links .item-3 a     { background: url(../images/css/nav-group-nekretnine.gif) no-repeat 0 0; width: 115px; }

#savjet-logo               { background: url(../images/css/group-bkg.gif) no-repeat 0 0; height: 85px; margin-top: 25px; }
#savjet-logo p             { background: url(../images/css/savjet-za-zelenu-gradnju-logo.gif) no-repeat 100% 0; height: 62px; text-align: right; padding: 18px 101px 0 0; position: relative; right: 15px; top: 10px; color: #fff; color: #fff; font-weight: bold; line-height: 18px; }
#savjet-logo a             { color: #fff; }
#savjet-logo a:hover,
#savjet-logo a:active      { color: #E5E4E2; }


#page-article #article-container,
#page-news #article-container       { float: right; width: 435px; clear: both; margin: 0 90px 0 0; display: inline;}

#page-news #gallery-container,
#page-article #gallery-container    { float: left; width: 210px; margin: 4px 0 0 40px; display: inline;}

#gallery-container a:hover,
#gallery-container a:active { color: #39393A; text-decoration: underline; }

/* ARTICLE */
.article                { font-size: 12px; line-height: 18px; color: #39393A; }

.article a              { text-decoration: underline; }
.article p,
.article ul,
.article ol,
.article dl            { margin-bottom: 18px; }

.article dt            { font-weight: bold; }

h1,
.article h1             { font-size: 20px; line-height: 24px; padding-bottom: 7px; color: #7A7E7E; font-weight: normal; }
.article h2             { font-size: 14px; line-height: 24px; margin-bottom: 13px; color: #39393A; }

.article h3,
.article h4,
.article h5,
.article h6              { font-size: 12px; line-height: 18px; color: #7A7E7E; margin: 0 0 13px; font-weight: bold; }

.article ul             { margin-left: 23px; }
.article ol             { margin-left: 31px; }

.article li ul,
.article li ol               { margin-top: 18px; }

.article table               { margin-bottom: 18px; }

.article table td,
.article table th            { padding: 5px 10px; border-top: 1px solid #ededed; font-weight: normal; }

.article table th            { color: #7A7E7E; font-weight: bold; }

.article table caption      { color: #7A7E7E; padding: 0 10px 5px; font-weight: bold; text-align: left; }
.article table.blank        { margin-left: 0; margin-right: 0; border: none; width: auto; }
.article table.blank tr     { background: 0; }
.article table.blank caption    { padding: 0 0 10px; text-align: center; }

.article table.blank th,
.article table.blank td         { border: 0; background: none; font-weight: normal; padding: 0; }

.article a:hover,
.article a:active,
.article a:focus        {  color: #7A7E7E; }

.article .left         { float: left; margin: 5px 18px 0 0; clear: left; display: inline; }
.article .right        { float: right; margin: 5px 0 0 18px; clear: right; display: inline; }

#page-news h1,
#page-article h1        { clear: both; margin: 0 70px 0 auto; width: 455px; }

#page-news #main-content .date              { margin: 0; color: #949B9D; font-size: 11px;}



/* CATEGORY LISTING */
#category-listing                           { float: left; width: 100%; }
#category-listing .article-intro            { float: left; width: 100%; background: url(../images/css/category-bottom.gif) no-repeat 0 100%; position: relative; margin-bottom: 7px; }
#category-listing .article-intro .inner     { float: left; padding: 41px 100px 13px 330px; width: 425px; background: url(../images/css/category-top.gif) no-repeat 0 0; min-height: 180px; height: auto !important; height: 180px; }

#category-listing .first-child .inner       { background: 0; }

#category-listing .article-intro h2         { font-size: 20px; line-height: 24px; margin-bottom: 8px; color: #7A7E7E; font-weight: normal; }
#category-listing .article-intro h2 a       { color: #7A7E7E; text-decoration: none; }

#category-listing .article-intro h2 a:hover,
#category-listing .article-intro h2 a:active,
#category-listing .article-intro h2 a:focus { text-decoration: none; color: #000; }


#category-listing .article-intro .photo      { position: absolute; top: 30px; left: 40px; clear: both; }

#content .content-button,
#content .category-button          { float: left; margin: -9px -4px 0 -3px; display: inline; width: 436px; }

#content .content-button a,
#content .category-button a        { display: block; padding: 0; color: #fff; outline: none; text-transform: uppercase; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; height: 36px; }

#content .content-button a:hover,
#content .category-button a:hover  { background-position: 0 -36px; }

#content .button-interart a        { background-image: url(../images/css/button-interart.gif); }
#content .button-constructa a      { background-image: url(../images/css/button-constructa.gif); }
#content .button-nekretnine a      { background-image: url(../images/css/button-nekretnine.gif); }

#content .button-kontakt a      { background-image: url(../images/css/button-kontakt.gif); }
#content .button-contact a      { background-image: url(../images/css/button-contact.gif); }

/* PAGE NEWS */
#news-intro                         { padding-bottom: 18px; font-weight: bold; }

/* NEWS LISTING */
#news-listing                       { width: 555px; margin: 0 0 20px 175px; }
#news-listing h1                    { padding: 0 0 28px 155px; }

#news-listing .news-intro           { padding: 0 0 30px 155px; position: relative; margin-bottom: 28px; min-height: 84px; height: auto !important; height: 84px; }

#news-listing .news-intro p         { margin: 0; }

#news-listing .news-intro h2        { font-size: 14px; line-height: 20px; margin-bottom: 12px; }
#news-listing .news-intro h2 a      { color: #000; text-decoration: none; }

#news-listing .news-intro h2 a:hover,
#news-listing .news-intro h2 a:active,
#news-listing .news-intro h2 a:focus    { color: #7A7E7E; }

#news-listing .news-intro .photo    { position: absolute; top: 4px; left: 0; }
#news-listing .date                 { font-size: 11px; color: #949B9D; margin: 0; position: absolute; bottom: 1px; left: 155px; }


/* FOOTER */
#footer                 { font-size: 10px; padding: 2px 42px 10px; text-align: right; }

#footer,
#footer a               { color: #949B9D; }

#footer a:hover,
#footer a:active,
#footer a:focus         { color: #333; }

#footer p               { display: inline; margin-left: 30px; }
#footer p.first-child   { float: left; margin-left: 0; }


#print-link,
#to-top                 { display: none; }

/* PAGINATION */
.paginator                  { clear: both; padding-left: 155px; }
.paginator ul               { list-style: none; }
.paginator ul li            { float: left; padding: 0; margin-right: 3px; }
.paginator a                { float: left; padding: 2px 8px; text-align: center; /*color: #3e3d40;*/ }

.paginator .on              {}
.paginator a:hover,
.paginator a:active,
.paginator a:focus          { color: #7A7E7E; }

.paginator .firstPage a,
.paginator .lastPage a,                
.paginator .prevPage a,
.paginator .nextPage a       { text-indent: -9999px; width: 22px; height: 22px; padding: 0; background-color: transparent !important; }

.paginator .firstPage a      { background: url(../images/css/pagination-first.gif) no-repeat 50% 50%; }
.paginator .firstPage a.off  { background: url(../images/css/pagination-first-off.gif) no-repeat 50% 50%; }

.paginator .prevPage a          { background: url(../images/css/pagination-prev.gif) no-repeat 50% 50%; }
.paginator .prevPage a.off      { background: url(../images/css/pagination-prev-off.gif) no-repeat 50% 50%; margin-right: 5px; }
.paginator .nextPage a          { background: url(../images/css/pagination-next.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .nextPage a.off      { background: url(../images/css/pagination-next-off.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .lastPage a          { background: url(../images/css/pagination-last.gif) no-repeat 50% 50%; }
.paginator .lastPage a.off   { background: url(../images/css/pagination-last-off.gif) no-repeat 50% 50%; }

#basic-controls         { clear: both;  width: 435px; margin: 0 0 0 330px; padding: 25px 0 0; list-style: none; text-align: center; }
#basic-controls li      { display: inline; padding: 0 10px; }
#basic-controls li a    { color: #3e3d40; }

#basic-controls li a:hover,
#basic-controls li a:active,
#basic-controls li a:focus  { color: #7A7E7E; }

img.over            { cursor: pointer; }

/* TOOLS */
#tools              { position: absolute; top: -118px; right: 38px; width: 61px; }
#tools ul           { list-style: none; float: right; }
#tools li           { float: left; text-transform: uppercase; margin-left: 6px; line-height: 1; display: inline; position: relative; }
#tools li.small     { font-size: 9px; top: 4px; }
#tools li.medium    { font-size: 11px; top: 2px; }
#tools li.large     { font-size: 14px; top: 0px; }
#tools li a         { color: #889193; }

#tools li a:hover,
#tools li a:active,
#tools li a:focus   { color: #fff; text-decoration: none; }

/* MISC */
#footer:after,
.article:after,
.paginator ul:after,
.news-intro:after,
#main-content:after,
#main-content:after,
#content #content-inner:after,
#local-navigation:after,
#stipic-group:after,
#header:after,
#layout:after,
#content:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#logo img               { display: none; }

#logo img,
#tools p,
.paginator p,
#logo img,
.skip-links,
#navigation h2         { position: absolute; top: -9999px; left: -9999px; }

#admin-pages                { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #fff; }
#admin-pages ul             { list-style: none; }
#admin-pages li             { padding: 5px 0; text-transform: uppercase; font-size: 10px; line-height: 1; border-top: 1px solid #eee; }
#admin-pages li.elements    { display: none; }
#admin-pages li a           { color: #225992; }
#admin-pages li:first-child { border-top: 0; }
#admin-pages li.active a    { color: #f00; }

#projects-logo { position: absolute; bottom: 15px; right: 0; }
#projects-logo div { float: left; display: inline; margin-right: 30px; }
#projects-logo div a { display: block; width: 84px; height: 84px; text-indent: -9999px; outline: none; }
#projects-logo div#ban a { background: url(../images/interface/logo-ban.gif) no-repeat 0 0; }
#projects-logo div#bundek a { background: url(../images/interface/logo-bundek.gif) no-repeat 0 0; }