@CHARSET "UTF-8"; /*body, font, colors*/ body {margin:20px; background: #fff; color: #000; } body {font-family: Arial; font-size: 11px; margin: 0; padding: 0; line-height:100%; text-align:left;} img {border:0px;} form, fieldset, label, select {margin: 0px; padding: 0px; border: 0px;} .tac {text-align: center;} .tal {text-align: left;} .tar {text-align: right} .fll {float: none;} .flr {float: none;} .fln {float: no ne;} .cll {clear: left;} .clr {clear: right;} .clb {clear: both;} .cln {clear: none;} p {line-height: 130%; margin:0 0 10px 0; padding: 0;} ul, li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; list-style-type: none;} p.error {margin: 0 0 5px !important; color: #ff6600} /* normal links */ a {font-weight: bold;} a:link {color:#781351; font-weight: bolder; text-decoration: none} a:visited {color:#781351; font-weight: bolder; text-decoration: none} a:hover {color:#781351; font-weight: bolder; text-decoration: underline} a:active {color:#781351; font-weight: bolder; text-decoration: none} /* HeadLines */ h1 {font-size: 20px; color: #000000; line-height: 120%; display: inline-block; margin:15px 0 10px 0; min-height: 30px} h1.title {font-size: 20px; color: #000000; line-height: 120%; display: inline-block; margin:0px 0 10px 0; min-height: 30px} h2 {font-size: 16px; color: #000000; line-height: 120%; border-bottom: 1px solid #00975A; padding-bottom: 3px; margin-top: 15px; margin-bottom: 10px; clear: both; float: none; display: block;} h3 {font-size: 14px; color: #000000; line-height: 120%; clear: both; float: none; display: block;} h4 {background:transparent url(../img/h4arrow.gif) no-repeat scroll 0 4px; color:#4c4c4c; font-size:14px; line-height:120%; margin:10px 0; padding-left: 15px; clear: both; float: none; display: block;} h5, h6 {font-size: 12px; color: #000000; line-height: 120%; clear: both; float: none; display: block;} p.summary {clear: both; float: none; line-height: 165%; margin-top: 0px;} .red {color:#ff9900; text-decoration: none} #mainColumn ul, #mainColumn li { list-style: disc ; list-style-position: inside; margin-left: 6px; margin-top: 10px; line-height: 130%} #mainColumnArticle ul, #mainColumnArticle li, #mainColumnArticleWide ul, #mainColumnArticleWide li { list-style: disc ; list-style-position: inside; margin-left: 4px; margin-top: 10px; line-height: 130%; margin-bottom: 10px;} /* Main Layout Page elements */ .shadow {background:transparent; display: table; width: 100%; margin: 0 auto;} #wrapper {width: 100%; margin: 0 auto;} #topMenu {display: none;} #mainMenu {display: none;} #search {display: none;} .rss {display: none;} .greenAccent {display: none;} .breadCrumbs {margin:5px 0 5px } #content {width:100%;} #contentArticle {width:100%; position: relative; z-index: 9} #mainColumn {width: 100%; padding: 0 15px 10px 10px;} #mainColumnArticle {width: 100%; padding: 0 15px 10px 15px;} #mainColumnArticleWide {width: 100%; padding: 0 15px 10px 15px;} #rightColumn {display: none;} #rightColumnArticle {display: none;} #leftColumn {display: none;} #mainColumnArticle dl ul li, #mainColumnArticleWide dl ul li { list-style: disc ; list-style-position: inside; margin-left: 15px; color: #00975A; } #mainColumnArticle .summary, #mainColumnArticleWide .summary { list-style: none ; list-style-position: inside; margin-left: 15px; margin-bottom: 10px; color: #000000; display: none; } #mainColumnArticle dl ul li .filesize, #mainColumnArticleWide dl ul li .filesize { color: #000000; font-weight: bold; } /*TODO ubaciti css za table */ #mainColumnArticle table th, #mainColumnArticleWide table th { } #fotter {display: none;} /*Preload*/ /* NewsLetter */ .TXNewsletters_form_labelGauche {display:block; padding-top:5px; float:none; width:200px; height:17px; color:#4c4c4c; position:relative; top:0px; text-align:left; margin-right:5px; clear: both;} .TXNewsletters_form{margin:10px; padding:2px} .TXNewsletters_form_right{padding-left:0px} .TXNewsletters_form_right input {width:20px!important;} .TXNewsletters_form_right INPUT[type="submit"] {background:#7AB51D url(../img/green_button_back.gif) no-repeat top left;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #7AB51D solid; float: left;width:105px!important;} .TXNewsletters_form_right INPUT[type="submit"]:hover {background:#fff url(../img/button_back.gif) no-repeat top left;border:0; color:#8E8E8E; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #d2d2d2 solid; float: left; width:105px!important;} .TXNewsletters_form_item{padding:1px; margin:2px} .TXNewsletters_form_item TEXTAREA{vertical-align:middle; border:1px solid #bbb; font-size:11px; color:#4c4c4c} .TXNewsletters_form_item INPUT {border:1px solid #D9D9D9; color:#A3A3A3; padding:3px; width:210px;} input.TXNewsletters_form_noborder{border:0} .TXNewsletters_form_noborder{border:0} .TXNewsletters_form_inputErr{border:1px solid #f00} .TXNewsletters_form_labelErr{color:#f00} /* Table css */ .klista tr td {padding: 7px 3px;} .klista tr.even {background:#D9D9D9; color: #000000} .klista th {text-align: right; font-weight: bold; background: #7AB51D ; color: white; padding: 3px;} .klista th.leftone {text-align: left} .klista td {text-align: right;width: 15%;padding: 3px 0;} .klista td.leftone {text-align: left;width: 25%; font-weight: bold;} .klista td.leftone span, .klista span {padding:2px 6px; display: block; text-align: center;} .klista td.leftone span {text-align: left;} .klista {margin: 10px 10px 10px 0px;} /* Icons */ .icons {display: none;} .savetoPDF {background:url(../img/pdf.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .savetoPDF:hover {background:url(../img/pdf_over.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .emailFriend {background:url(../img/email.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .emailFriend:hover {background:url(../img/email_over.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .printDoc {background:url(../img/print.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; cursor: pointer;} .printDoc:hover {background:url(../img/print_over.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; cursor: pointer;} .AddFav {background:url(../img/favorite.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .AddFav:hover {background:url(../img/favorite_over.gif) no-repeat; display: block; padding:8px; float: left; margin:2px 1px; } .rss {position:absolute; top:51px; left:634px; background:transparent url(../img/rss.gif) no-repeat scroll 0 0; clear:none; display:block; padding:10px; } .greenAccent {position:absolute; top:35px; left:870px; background:transparent url(../img/greenAccent.gif) no-repeat scroll 0 0; width:60px; height:40px; } hr.clear {clear: both; float: none; height: 1px; margin:10px 0 2px 0; padding: 0px; border: 0px; background: #d2d2d2 } /* Register */ #wlpeUserRegisterForm input {background:#fff ; color:#8E8E8E; font-size:11px; margin:0px 5px; padding:3px; border: 1px #d2d2d2 solid; float: right;} #wlpeUserProfileForm input {background:#fff ; color:#8E8E8E; font-size:11px; margin:0px 5px; padding:3px; border: 1px #d2d2d2 solid; float: right;} #wlpeUserRegisterForm label {float: none; clear: both; margin: 0 0 10px 0; display: block; height: 21px; width: 280px; } #wlpeUserProfileForm label {float: none; clear: both; margin: 0 0 10px 0; display: block; height: 21px; width: 280px; } #wlpeUserRegisterForm button {background:#7AB51D url(../img/green_button_back.gif) no-repeat top left;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #7AB51D solid; float: left;min-width: 97px;} #wlpeUserProfileForm button {background:#7AB51D url(../img/green_button_back.gif) no-repeat top left;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #7AB51D solid; float: left;min-width: 97px;} #wlpeUserRegisterForm button:hover {background:#fff url(../img/button_back.gif) no-repeat top left;border:0; color:#8E8E8E; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #d2d2d2 solid; float: left; min-width: 97px;} #wlpeUserProfileForm button:hover {background:#fff url(../img/button_back.gif) no-repeat top left;border:0; color:#8E8E8E; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #d2d2d2 solid; float: left; min-width: 97px;} #wlpeUserRegisterForm span.label {color:#4c4c4c; font-size:11px; float: left; margin-right: 5px; padding-top: 5px; text-transform: uppercase;} #wlpeUserProfileForm span.label {color:#4c4c4c; font-size:11px; float: left; margin-right: 5px; padding-top: 5px; text-transform: uppercase;} #wlpeUserRegisterForm span.required {color:#ff9900; font-size:11px; float: left; margin-right: 5px; padding-top: 5px; text-transform: uppercase;} #wlpeUserProfileForm span.required {color:#ff9900; font-size:11px; float: left; margin-right: 5px; padding-top: 5px; text-transform: uppercase;} #wlpeUserRegisterForm span.info {display:none; position: absolute;} #wlpeUserProfileForm span.info {display:none; position: absolute;} #wlpeUserRegisterForm #photolabel {display:block;float: left; width: 255px;} #wlpeUserProfileForm #photolabel {display:block;float: left; width: 255px;} #wlpeUserRegisterForm #wlpeUserDefaultImage {display:block;float: left; margin-bottom: 10px;} #wlpeUserProfileForm #wlpeUserDefaultImage {display:block;float: left; margin-bottom: 10px;} #wlpeUserRegisterForm #wlpeUserProfilePhotoInfo {display:block;float: left; margin:5px 0; } #wlpeUserProfileForm #wlpeUserProfilePhotoInfo {display:block;float: left; margin:5px 0; } #wlpeUserRegisterForm #wlpeCaptchaImage {display:block;float: none; clear: both;} #wlpeUserProfileForm #wlpeCaptchaImage {display:block;float: none; clear: both;} #wlpeUserRegisterForm #wlpeCaptchaLabel {display:block;float: none; clear: both; margin-top: 15px; width: 260px; text-transform: none;} #wlpeUserProfileForm #wlpeCaptchaLabel {display:block;float: none; clear: both; margin-top: 15px; width: 260px; text-transform: none;} #wlpeNewPasswordAreaLegend {font-size:14px; color: #000000; line-height: 120%; clear: both; float: none; display: block; } #wlpeMyProfileImg {display:block; height:70px; position:relative; width:70px; z-index:10000; margin-top: 7px; margin-left: 7px;} /* Jot */ .jot-form {} .jot-form input {background:#fff ; color:#8E8E8E; font-size:11px; margin:5px 0; padding:3px; border: 1px #d2d2d2 solid;} .jot-form textarea {background:#fff ; color:#8E8E8E; font-size:11px; margin:5px 0; padding:5px; border: 1px #d2d2d2 solid; width: 415px} .jot-form INPUT[type="submit"] {background:#7AB51D url(../img/green_button_back.gif) no-repeat top left;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #7AB51D solid; float: left;min-width: 97px;} .jot-form INPUT[type="submit"]:hover {background:#fff url(../img/button_back.gif) no-repeat top left;border:0; color:#8E8E8E; font-size:10px; margin:3px 2px; padding:3px 6px 3px 17px; text-transform: uppercase; border: 1px #d2d2d2 solid; float: left; min-width: 97px;} .jot-row {width: 425px;} .ditoListItem {float: none ; clear: both; height: 90px; margin-bottom: 10px; margin-right: 15px; padding-top: 7px; border-bottom: 1px #00975A solid; } .ditoListItem .thumb {float: left ; width: 70px; margin-right: 15px; } .ditoListItem .thumb a {float: none ;} .ditoListItem .title {float: left ; width: 80%; margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #000000; line-height: 15px; } .ditoListItem .date {float: left ; width: 80%; margin-bottom: 6px; font-size: 9px; color: #a8a8a8; } .ditoListItem .summaryNews {float: left ; width: 80%; overflow: hidden;} .ditoListItem .more {bottom:1px; clear:both; float:right; position:relative;} .paginationRow {float: left; margin-top: 4px; color: #a8a8a8; margin-bottom: 6px;} #paginationRow {float: right; margin-top: -3px; } #paginationRow a {background:#7AB51D;border:0; color:#fff; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #7AB51D solid;float: left;} #paginationRow a:hover {background:#fff;border:0; color:#7AB51D; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #D2D2D2 solid;float: left;} .paginationRow span {display: block;} .paginationRow strong {color: #919191!important} .ditto_previous_off,.ditto_next_off {background:#fff;border:0; color:#7AB51D; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #fff solid; display:block; float: left;} .ditto_currentpage {background:#fff;border:0; color:#7AB51D; font-size:10px; margin:3px 2px; padding:3px 6px; text-transform: uppercase; border: 1px #D2D2D2 solid; float: left;} .ditto_page {} .ditto_next_link {} /* Contact formular */ #ContactForm label {clear:both; float:none; display:block; margin-bottom: 10px;} #ContactForm > input {clear:both; float:none;} #ContactForm .submitbtn {clear:both; float:left;} /* Sitemap Styler */ #sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; } #sitemap{background:url(../img/line1.gif) repeat-y;} #sitemap li{ line-height:20px; margin-top:1px; position:relative; width:100%; } /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{ float:left; display:inline;} #sitemap li a{margin-left:28px;} #sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} #sitemap li span, #sitemap li span.collapsed{background:url(../img/collapsed.gif) no-repeat 0 0;} #sitemap li span.expanded{background:url(../img/expanded.gif) no-repeat 0 0;} /* sub levels */ #sitemap li ul{ margin-left:28px; background:url(../img/line1.gif) repeat-y;} #sitemap li li{ background:url(../img/line2.gif) no-repeat 0 0;} #sitemap:after, #sitemap ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #sitemap, #sitemap ul{display:block;} /* */ #sitemap, #sitemap ul{min-height:1%;} * html #sitemap, * html #sitemap ul{height:1%;} /* */ #sitemap ul{display:none;} /* .breadCrumbs {width: 456px; padding-bottom: 0px; line-height: 130%; display: table; color: #00975a; padding-left: 14px; margin: 5px 0 15px 0} */ .breadCrumbs {width: 95%; padding: 2px 24px 0; margin: 5px 0 21px 0; line-height: 130%; display: table; color: #00975a; } .breadCrumbs span, .breadCrumbs a {float: left } .breadCrumbsSep {background:transparent url(../img/arrow.jpg) no-repeat scroll 2px 3px; display:block; padding:7px;} .breadCrumbs a:link {color:#4c4c4c; text-decoration: none;} .breadCrumbs a:visited {color:#4c4c4c; text-decoration: none;} .breadCrumbs a:hover {color:#00975a; text-decoration: none;} .breadCrumbs a:active {color:#4c4c4c; text-decoration: none;}