body { background: #fff url('../images/layout/body.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 901px; margin: 0 auto; } /* =HEADER ----------------------------------------------- */ #header { height: 255px; position: relative; margin-bottom: 20px; } #header h1 a { display: block; text-indent: -5000px; background: url('../images/layout/logo.png') no-repeat; width: 150px; height: 167px; position: absolute; top: 28px; left: 25px; } #header fieldset { position: absolute; right: 38px; top: 47px; } #header label { text-indent: -5000px; display: block; float: left; margin: 9px 3px 0 0; background: url('../images/layout/logiraj_se.png') no-repeat; width: 59px; height: 11px; } #header .input-text { background: url('../images/form/header_input_text.png') no-repeat; border: none; width: 106px; height: 23px; display: block; float: left; margin-left: 4px; padding: 7px 10px 0 10px; margin-bottom: 10px; } #header p { background: url('../images/layout/nisi_registriran.png') no-repeat; text-indent: -5000px; width: 297px; height: 14px; position: relative; margin-top: 42px;} #header p a { display: block; width: 70px; height: 12px; position: absolute; left: 80px; top: 0; } #header ul { background: url('../images/layout/menu.png') no-repeat; width: 871px; height: 33px; position: absolute; top: 204px; left: 0; padding: 18px 0 0 30px; } #header ul li { display: inline; } #header ul li a { display: block; float: left; color: #888; text-indent: -5000px; height: 17px; margin-right: 30px; } #header ul li.nav-item-1 a { background: url('../images/menu/naslovna.gif') no-repeat; width: 59px; } #header ul li.nav-item-2 a { background: url('../images/menu/pomogli_smo.gif') no-repeat; width: 83px; } #header ul li.nav-item-3 a { background: url('../images/menu/nas_planet.gif') no-repeat; width: 68px; } #header ul li.nav-item-4 a { background: url('../images/menu/donatori.gif') no-repeat; width: 54px; } #header ul li.nav-item-5 a { background: url('../images/menu/linkovi.gif') no-repeat; width: 44px; } #header ul li.nav-item-6 a { background: url('../images/menu/kontakt.gif') no-repeat; width: 49px; } #header ul li.nav-item-7 a { background: url('../images/menu/kako_donirati.gif') top left no-repeat; width: 95px; } #header ul li a:hover, #header ul li a.active { background-position: top right; } #header a.rss { display: block; width: 22px; height: 23px; text-indent: -5000px; background: url('../images/icons/rss.gif') no-repeat; position: absolute; right: 31px; top: 218px; z-index: 10; } #content { padding: 10px 0 0 30px; } /* =MAIN CONTENT ----------------------------------------------- */ #main-content { width: 550px; margin-right: 20px; float: left; } #main-content p { font-size: 12px; color: #666; line-height: 1.5; margin-bottom: 20px; } #main-content p.novac { font-size: 24px; color: #ff8b32; margin-bottom: 10px; text-indent: 29px; } #main-content .img-left { float: left; margin: 0 10px 0 0; } #main-content img.donator { margin-bottom: 10px; } #main-content a.doniraj-pun { background: url('../images/buttons/doniraj_pun.gif') no-repeat; width: 326px; height: 48px; text-indent: -5000px; display: block; } #main-content h2 { text-indent: -5000px; height: 23px; margin-bottom: 15px; width: 300px; } #main-content h2#pun { background: url('../images/headings/prijatelji_u_nevolji.gif') no-repeat; } #main-content h2#ps { background: url('../images/headings/pomogli_smo.gif') no-repeat; } #main-content h2#np { background: url('../images/headings/nas_planet.gif') no-repeat; } #main-content h2#do { background: url('../images/headings/donatori.gif') no-repeat; } #main-content h2#li { background: url('../images/headings/linkovi.gif') no-repeat; } #main-content h2#ko { background: url('../images/headings/kontakt.gif') no-repeat; } #main-content h2#pp { background: url('../images/headings/por_podrske.gif') no-repeat; } #main-content h2#ppp { background: url('../images/headings/posalji_poruku_podrske.gif') no-repeat; } #main-content h2#re { background: url('../images/headings/registracija.gif') no-repeat; } #main-content h2#ud { background: url('../images/headings/ukupno_donirano.gif') no-repeat; } #main-content h2#po { background: url('../images/headings/pomogao_la.gif') no-repeat; } #main-content h2#udl { background: url('../images/headings/ukupno_donirao_la.gif') no-repeat; } #main-content h2#pr { background: url('../images/headings/profil.gif') no-repeat; } #main-content h2#pd { background: url('../images/headings/ponosni_donator.gif') no-repeat; } #main-content h2#pro { background: url('../images/headings/popis_registriranih_osoba.gif') no-repeat; } #main-content h3, #links li h3 a { font-size: 16px; font-weight: bold; color: #de1800; text-decoration: none; } #main-content h4 { font-size: 12px; font-weight: bold; color: #de1800; margin-bottom:5px; padding-top: 5px; } #main-content .lista-donatora { margin-left: 0; padding-top: 15px; } #main-content .lista-donatora li { margin-right: 10px; } #main-content .column { width: 200px; float: left; } #main-content .column.last { width: 250px; } #main-content .column a img { margin-left: 15px; } #main-content .column p.novac { margin: -8px 0 -3px 0; } #main-content .column p.vrijednost { margin-left: 29px; font-size: 11px; color: #999; } #main-content .column p.vrijednost strong { color: #ff8b32; } #lista-pun li { margin-bottom: 20px; clear: both; } #lista-pun li.last-item { margin: 0; padding-top: 20px; } #lista-pun img { float: left; margin-right: 10px; } #lista-pun h3 a { display: block; text-decoration: none; font-size: 16px; font-weight: bold; color: #de1800; margin-bottom: 4px; } #lista-pun p { font-size: 12px; color: #666; line-height: 1.5; } #lista-pun li.last-item a { background: url('../images/buttons/pun_kompletna_lista.gif') no-repeat; text-align: center; display: block; font-size: 11px; font-weight: bold; color: #999; width: 169px; height: 22px; text-decoration: none; padding-top: 7px; float: right; } .list-style-1 { width: 360px; font-size: 12px; font-weight: bold; color: #999; margin: -5px 0 0 30px; } .list-style-1 li { border-bottom: 1px dotted #999; position: relative; padding: 6px 0; } .list-style-1 li strong{ color: #ff8b32; position: absolute; top: 6px; right: 0; font-weight: bold; } .list-style-1 li a { color: #999; text-decoration: none; } .list-style-1 li a:hover { text-decoration: underline; } fieldset.contact-form li { margin-bottom: 10px; width: 400px; } fieldset.contact-form li.buttons { height: 30px; position: relative; } fieldset.contact-form label { font-size: 11px; font-weight: bold; color: #aaa; display: block; margin-bottom: 4px; } fieldset.contact-form .input-text, fieldset.contact-form textarea, fieldset.search .input-text { background: #eee url('../images/form/contact_input_bg.gif') no-repeat; width: 390px; height: 24px; border: none; padding: 6px 5px 0 5px; } fieldset.contact-form textarea { height: 200px; font: 12px Arial, Helvetica, sans-serif; } fieldset.contact-form .input-reset, fieldset.contact-form .input-button { background: url('../images/form/reset.gif') no-repeat; width: 63px; height: 29px; border: none; cursor: pointer; position: absolute; right: 78px; top: 0; } fieldset.contact-form .input-button { background: url('../images/form/send.gif') no-repeat; width: 69px; right: 0; } fieldset.contact-form.ppp textarea { height: 140px; } #main-content p.success, #main-content p.error { font-size: 11px; font-weight: bold; color: #08a00b; } #main-content p.error { color: #de1800; } fieldset.search { width: 480px; position: relative; } fieldset.search .input-text { margin-right: 8px; } fieldset.search .input-button { background: url('../images/form/search.gif') no-repeat; width: 74px; height: 31px; cursor: pointer; border: none; text-indent: -5000px; font-size: 1px; position: absolute; top: 0; right: 0; } fieldset.search span { font-size: 11px; color: #bbb; display: block; margin: 3px 0 15px 0; } #main-content .poruke { margin: 0; width: 550px; } #main-content .poruke p { margin-bottom: 0; } #links li p { margin-bottom: 15px; } #pages { margin: 0 0 0 155px; padding-top: 22px; } #pages.custom { margin-left: 75px; } #pages a { font-size: 11px; float: left; display: block; font-weight: bold; color: #bbb; text-decoration: none; margin-right: 10px; } #pages a.nr { width: 25px; height: 20px; color: #aaa; text-align: center; padding-top: 5px; margin-right: 0px; } #pages a.nr:hover, #pages a.nr.active { background: url('../images/layout/pages_hover.gif') no-repeat; } #pages a.prev, #pages a.next { padding-top: 5px; } /* =SIDEBAR ----------------------------------------------- */ #sidebar { width: 300px; float: right; } #sidebar h4 { width: 300px; height: 41px; margin-bottom: 15px; position: relative; text-indent: -5000px; } #sidebar h4 a { font-size: 11px; font-weight: bold; color: #ccc; text-decoration: none; position: absolute; top: 13px; right: 30px; text-indent: 0; } #sidebar h4#pp { background: url('../images/headings/poruke_podrske.gif') no-repeat; margin-top: 0px; } #sidebar h4#donatori { background: url('../images/headings/donatori_sidebar.gif') no-repeat; } .poruke { width: 240px; margin: 0 0 5px 30px; } .poruke li { margin-bottom: 10px; } .poruke h5 { font-size: 12px; font-weight: bold; color: #ba2512; margin-bottom: 5px; } .poruke h5 strong { font-weight: bold; color: #de1800; } .poruke span { font-size: 11px; color: #999; display: block; margin-bottom: 5px; } .poruke p { font-size: 12px; color: #666; margin-bottom: 5px; } #sidebar .lista-donatora { margin-top: -15px; } .lista-donatora { margin-left: 30px; } .lista-donatora li { float: left; } .lista-donatora li.custom { margin-right: 10px; } /* =FOOTER ----------------------------------------------- */ #footer { background: url('../images/layout/footer.jpg') repeat-x; height: 135px; padding-top: 115px; } #footer-inner { background: url('../images/layout/footer_inner.png') no-repeat; margin: 0 auto; width: 840px; height: 82px; position: relative; } #footer-inner ul { position: absolute; top: 22px; left: 30px; } #footer-inner ul li { float: left; margin-left: 3px; color: #267f27; } #footer-inner ul li a, #footer-inner p a { font-size: 11px; color: #267f27; text-decoration: none; } #footer-inner ul li a:hover, #footer-inner p a:hover { text-decoration: underline; } #footer-inner ul li.new-row { clear: both; } #footer-inner p { font-size: 11px; position: absolute; left: 504px; top: 24px; color: #267f27; line-height: 1.6; }