/*----------------------------------------------------- mainContent - basic Typ. / headings ------------------------------------------------------ */ #mainContent h1 { font: bold 1.2em Georgia, "Times New Roman", Times, serif; padding: 0 0 5px 0; margin: 0 0 20px 0; color: #cf242a; border-bottom: 1px solid #e6e6e6; } #mainContent h2 { font: bold 1.2em Georgia, "Times New Roman", Times, serif; color: #cf242a; margin: 10px 0; } #mainContent h3 { font: bold 1em Georgia, "Times New Roman", Times, serif; color: #cf242a; margin: 10px 0; } #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 { font: bold .9em Georgia, "Times New Roman", Times, serif; color: #cf242a; margin: 10px 0; } #mainContent h1 a, #mainContent h2 a, #mainContent h3 a, #mainContent h4 a, #mainContent h5 a, #mainContent h6 a { color: #cf242a; text-decoration: none; } #mainContent h1 a:hover, #mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent h4 a:hover, #mainContent h5 a:hover, #mainContent h6 a:hover { color: #cf242a; text-decoration: underline; } /*----------------------------------------------------- mainContent - basic Typ. - default marings ------------------------------------------------------ */ #mainContent p, #mainContent ul, #mainContent ol { margin: 5px 0; } /*----------------------------------------------------- mainContent - basic Typ. / list ------------------------------------------------------ */ #mainContent ul { padding: 0 0 0 20px; } #mainContent ul ul { padding: 0 0 0 20px; } #mainContent ul li { background: transparent url(../images/layout/right-box-arrow.gif) no-repeat 0 7px; padding: 0 0 0 15px; } #mainContent ol { padding: 0 0 0 20px; } #mainContent ol ul { padding: 0 0 0 20px; } #mainContent ol li { list-style: outside decimal; margin: 0 0 0 25px; } /*----------------------------------------------------- mainContent - basic Typ. - tables ------------------------------------------------------ */ #mainContent table { border: 1px solid #ccc; margin: 5px; } #mainContent table caption { padding: 5px 0 0 0; color: #cf242a; } #mainContent th { font-weight: bold; padding: 6px 2px 2px 2px; color: #838383; background: #f1f1f1; border: 1px solid #f1f1f1; } #mainContent td { border: 1px solid #f1f1f1; padding: 2px; } /*----------------------------------------------------- mainContent - basic Typ. - links ------------------------------------------------------ */ #mainContent a { color: #cf242a; text-decoration: underline; } #mainContent a:hover { color: #cf242a; text-decoration: none; } /*----------------------------------------------------- mainContent - basic Typ. - images ------------------------------------------------------ */ #mainContent img { display: inline; margin: 5px; padding: 2px; border: 1px solid #bdbdbd; } /*----------------------------------------------------- NEWS (popis) ------------------------------------------------------ */ #mainContent.homeNews { padding-top: 10px; } .news { background: transparent url(../images/layout/news-bg.jpg) repeat-x 0 0; padding: 10px 0 20px 0; margin: 0 -5px; height: 100%; overflow: hidden; margin: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; position: relative; z-index: 1; } .news.last { border: none; } #mainContent .news h2 { font: bold 1.1em Georgia, "Times New Roman", Times, serif; padding: 0 0 5px 0; margin: 0 0 35px 0; color: #cf242a; border-bottom: 1px solid #e6e6e6; } .date { display: block; padding: 5px 0; background: transparent url(../images/layout/news-dotted.gif) repeat-x left bottom; color: #838383; font: normal .9em Georgia, "Times New Roman", Times, serif; position: absolute; top: 32px; left: 0; width: 100%; } #mainContent .news img { display: inline; float: left; width: 90px; padding: 2px; margin: 0 10px 0 0; border: 1px solid #bdbdbd; } .details { display: block; float: left; width: auto; } /*----------------------------------------------------- NEWS (cijela novost) ------------------------------------------------------ */ .news#sazetak { height: auto; overflow: visible; border: none; font-weight: bold; padding: 10px 5px 0 5px; margin: 0 -5px 0 -5px; background: none; } #mainContent .news h1 { font: bold 1.1em Georgia, "Times New Roman", Times, serif; padding: 0 0 5px 0; margin: 0 0 35px 0; color: #cf242a; border-bottom: 1px solid #e6e6e6; } .news#sazetak .date { padding: 5px; } /*----------------------------------------------------- Paginator ------------------------------------------------------ */ #mainContent #paginator { width: auto; float: right; margin: 20px 0 0 0; padding: 0; } #mainContent #paginator a { display: block; padding: 2px; border: 1px solid #ccc; width: 15px; text-align: center; margin-right: 5px; text-decoration: none; } #mainContent #paginator a:hover { border: 1px solid #cf242a; } #mainContent #paginator a.on, #mainContent #paginator a.on:hover { font-weight: bold; text-decoration: none; color: #fff; background: #cf242a; border: 1px solid #cf242a; } #mainContent #paginator a.disabled, #mainContent #paginator a.disabled:hover { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; } #mainContent #paginator li { background: none; padding: 0; margin: 0; line-height: normal; float: left; display: block; } /*----------------------------------------------------- NewsNavigator ------------------------------------------------------ */ #mainContent #news-navigator { float: right; margin: 20px 0; padding: 0; } #mainContent #news-navigator a { display: block; float: left; padding: 2px; border: 1px solid #ccc; width: 150px; text-align: center; margin-right: 5px; text-decoration: none; } #mainContent #news-navigator a:hover { border: 1px solid #cf242a; } #mainContent #news-navigator a.on, #mainContent #news-navigator a.on:hover { font-weight: bold; text-decoration: none; color: #fff; background: #cf242a; border: 1px solid #506C90; } #mainContent #news-navigator a.disabled, #mainContent #news-navigator a.disabled:hover { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; } #mainContent #news-navigator li { background: none; padding: 0; margin: 0; line-height: normal; display: inline; } /*----------------------------------------------------- FAQ ------------------------------------------------------ */ #pitanje-link { float: right; width: auto; display: inline; clear: both; margin: 0 0 15px 380px !important; margin: 0 0 0 380px; width: 130px; text-align: right; } #mainContent .pitanje { color: #005581; font-weight: bold; } #mainContent .odgovor { padding: 5px 10px; margin: 0 0 15px 10px; border-left: 1px solid #005581; } /*----------------------------------------------------- FAQ / form ------------------------------------------------------ */ #pitanja { clear: both; } #pitanja fieldset { border: 1px solid #005581; overflow: hidden; height: 100%; padding-bottom: 15px; } #pitanja legend { color: #005581; margin: 0 10px; background: #fff; padding: 0 10px; } #podaci { display: inline; float: left; width: 150px; margin: 15px 15px 0 15px; } #podaci #ime_i_prezime, #podaci #email { width: 140px; background: #fff; border: 1px solid #dddddd; margin: 5px 0 10px 0; padding: 3px 5px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; } #podaci .gumb { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; border: 1px solid #e5e5e4; background: transparent url(../images/layout/buttons.gif) repeat-x 0 0; padding: 2px 0; margin: 5px 5px 0 0; } #pitanje { display: inline; float: right; width: 305px; margin: 15px 15px 0 0; } #pitanje textarea { width: 295px; height: 72px; padding: 3px 5px; overflow: hidden; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; border: 1px solid #e5e5e4; background: #fff; margin-top: 5px; } #podaci #ime_i_prezime:focus, #podaci #email:focus, #pitanje textarea:focus { background: #fafafa; } /*----------------------------------------------------- SITEMAP ------------------------------------------------------ */ #mainContent #sitemapTopMenu { display: inline; float: left; width: 430px; margin: 0; padding: 0; } #mainContent #sitemapMainMenu { display: inline; float: right; width: 430px; margin: 0; padding: 0; } #mainContent #sitemapTopMenu li, #mainContent #sitemapMainMenu li { height: 1%; } #mainContent #sitemapTopMenu ul, #mainContent #sitemapMainMenu ul { padding: 0 0 0 10px; } /*----------------------------------------------------- SEARCH RESULTS ------------------------------------------------------ */ #search-content form { text-align: center; padding: 15px; color: #8c8c8c; } #search-content form fieldset { border: none; } #upit { width: 200px; height: 17px; padding: 2px 3px 0 3px; background: #fff; border: 1px solid #dddddd; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; vertical-align: middle; } #upit:focus { background: #fafafa; } #trazi { width: 50px; height: 21px; background: #fff url(../images/layout/buttons.gif) repeat-x 0 0; border: 1px solid #dddddd; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; vertical-align: middle; margin: 0 0 0 5px; } #match-found { padding-left: 20px; } #results-no, #results-pages { padding-left: 40px; } #match-found { padding-bottom: 15px; } #results-pages { padding-bottom: 20px; } #results-nav { padding: 0 0 0 20px; } #results-wrapper { padding-top: 10px; } .result-item { margin-bottom: 10px; } .result-link a { font-weight: bold; } .result-description, .url { padding: 0 15px; } #mainContent .url { font-size: 80%; color: #838383; margin-top: -5px; } #mainContent .url a { color: #838383; }