/* ---------------------------------------------------------------------------------------------------------- Output device: screen, projection Author: Nuvio (www.nuvio.cz) Update: 2008-07-16, 19:25 GMT+1 Version: 2.2.6 (2008-07-13, 14:28 GMT+1) Structure: display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font; Content: 1) HTML tags 2) HTML styles 3) Layout 4-1) Page: Homepage 5) Others ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 1) HTML tags ---------------------------------------------------------------------------------------------------------- */ body {background:url("img/zk-back-06.jpg") 10% 0 repeat-x;background-position:top left;font:0.8em/1.5 Verdana, Tahoma, Arial, sans-serif;} a {color:#00F;} a:hover {color:#F00;} h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;} h3 {font-size:110%;margin-left:10px;} .clear {clear:both;height:1px;overflow:hidden;margin-bottom:-1px;} .clear2{clear:both;height:1px;overflow:hidden;} .clear3{clear:both;height:5px;overflow:hidden;} .clear4{clear:both;height:10px;overflow:hidden;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ div.bg {background:url("img/bg.gif") 50% 0 repeat-y;} #main {width:976px; margin:0 auto; overflow:hidden;} #header {width:976px; height:100px; overflow:hidden; } #logo {position:relative; width:178px; height:75px; overflow:hidden; margin:0 0 0 20px; padding:0; font-size:300%;color:#f0f0f0;} #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("img/logo.gif") 0 0 no-repeat; cursor:pointer;} .leaderboard {float:right;height:90px;width:728px;margin-top:5px;} .logo {position:relative;overflow:hidden;font-size:300%;float:left;height:90px;width:242px;margin:5px 0 0 0;color:#f0f0f0;} .logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;background:#f0f0f0 url("img/zk-logo2.gif") 0 0 no-repeat;cursor:pointer;} .logo a, .logo a:hover {color:#f0f0f0;} #tray {background:url("img/tray-bg.png") 0 100% repeat-y;/*padding:10px;background:url("img/tray.gif") 0 100% no-repeat;*/} #tray .corners {z-index:1;width:976px;height:1px;background:url("img/tray-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #tray ul {font-family:Verdana;font-size:8pt;font-weight:bold;list-style:none;margin:0;padding:0;} #tray ul li {float:left;display:inline;margin:0;padding:0;} #tray ul li a.selected {color:#fff;background-color:rgba(255,255,255,0.5);} #tray ul li a, #tray ul li span {padding:7px 10px;display:block;text-decoration:none;/*background:url("img/tray-separator.gif") 100% 50% no-repeat; */} #tray ul li a:hover {background-color:rgba(255,255,255,0.5);} #tray .lower {background-color:rgba(255,255,255,0.5);margin:0;padding:0;list-style:none;font:normal 11px arial,sans-serif;} #tray .lower .code {padding:7px 10px 3px;} #tray .lower a {text-decoration:none;color:#000;font:normal 11px arial,sans-serif;} #tray .lower a.current {text-decoration:underline;} #tray .lower a:hover {background-color:transparent;text-decoration:underline;} #cols {position:relative; margin:5px 0; } #content {float:right; width:781px; overflow:hidden;} #content-left {float:left; width:476px;} #content-left a {color:#895DB5;text-decoration:none;} #content-left a:hover {color:#49266c;} #content-left .corners {width:476px;height:1px;background:url("img/google-476-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #content-left .box {margin:0 0 5px 0;background-color:#fff;} #content-left .body {padding:4px 10px;} #content-left .body h2 {margin:0;padding:0;font-weight:normal;clear:both;} #content-left .body img {float:left;width:160px;height:125px;border:1px solid #f0f0f0;margin:5px 10px 10px 0;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;} #content-left .body p.lead {margin:1px 0 0 0;padding:0;text-align:justify;} #content-left .body p.lead strong a {margin-left:5px;font-size:8pt;} #content-left .topstory {margin:0 0 5px 0;background-color:#fff;} #content-left .topstory .body {padding:9px 10px;} #content-left .topstory a {color:#49266c;/*3e1f5c;*/} #content-left .topstory a:hover {color:#369;/*3e1f5c;*/} #content-left .topstory .body img {float:left;width:160px;height:125px;border:1px solid #eee;margin:0 10px 0 0;} #content-left .topstory .body img:hover {border:1px solid #ccc;} #content-left .topstory .lead {float:left;width:284px;} #content-left .topstory .lead_full {width:100%;} #content-left .topstory h2 {clear:none;float:left;margin:0;padding:0;font-weight:normal;width:284px;} #content-left .topstory p.nomb {margin:0 0 10px 0;line-height:1.5;} #content-left .topstory p.info {margin:0 0 10px 0;font-size:65%;text-align:right;} #content-left .clanak {margin:0 0 5px 0;background-color:#fff;} #content-left .clanak .body {padding:9px 10px;} #content-left .clanak .body form {padding:10px 20px 20px 20px;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;} #content-left .clanak .body form .input {width:350px;padding:3px;border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;} #content-left .clanak .body form .submit {padding:3px;border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;} #content-left .clanak p.naslov {clear:both;margin:10px 0 0 0;padding:10px 0 0 0;} #content-left .clanak ul {margin:10px 0 0 0;padding:0;font-size:9pt;list-style-type:none;} #content-left .clanak ul li {display:block;padding:5px 0;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} #content-left .clanak ul li a {display:block;padding:0 5px;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} #content-left .clanak ul li a:hover {color:#000;} #content-left .clanak ul li span a {background:url("img/nav-link.gif") 8px 5px no-repeat;padding:0 20px;color:#999;} #content-left .clanak ul li a:hover {color:#666;} #content-left .clanak a {color:#49266c;/*3e1f5c;*/} #content-left .clanak a:hover {color:#369;/*3e1f5c;*/} #content-left .clanak .body img {float:left;width:160px;height:125px;border:1px solid #eee;margin:0 10px 0 0;} #content-left .clanak .body img:hover {border:1px solid #ccc;} #content-left .clanak .lead {float:left;width:284px;} #content-left .clanak .lead_full {width:100%;} #content-left .clanak h3 {margin:0;padding:0;font-weight:normal;} #content-left .clanak p.nomb {margin:0 0 10px 0;line-height:1.5;} #content-left .clanak p.info {margin:0 0 10px 0;font-size:65%;text-align:right;} #content-left .expert {margin:0 0 5px 0;background-color:#fff;} #content-left .expert .body {padding:9px 10px;} #content-left .expert .body form {padding:10px 20px 20px 20px;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;} #content-left .expert .body form .input {width:350px;padding:3px;border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;} #content-left .expert .body form .submit {padding:3px;border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;} #content-left .expert p.naslov {clear:both;margin:10px 0 0 0;padding:10px 0 0 0;} #content-left .expert ul {margin:10px 0 0 0;padding:0;font-size:9pt;list-style-type:none;} #content-left .expert ul li {display:block;padding:5px 0;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} #content-left .expert ul li a {display:block;padding:0 5px;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} #content-left .expert ul li a:hover {color:#000;} #content-left .expert ul li span a {background:url("img/nav-link.gif") 8px 5px no-repeat;padding:0 20px;color:#999;} #content-left .expert ul li a:hover {color:#666;} #content-left .expert a {color:#49266c;/*3e1f5c;*/} #content-left .expert a:hover {color:#369;/*3e1f5c;*/} #content-left .expert .body .img {float:left;width:92px;height:auto;margin:0 10px 0 0;text-align:center;} #content-left .expert .body .img img {width:auto;height:auto;border:1px solid #eee;margin-bottom:0;} #content-left .expert .body .img img:hover {border:1px solid #ccc;} #content-left .expert .lead {float:left;width:354px;} #content-left .expert .lead_full {width:100%;} #content-left .expert h3 {margin:0;padding:0;font-weight:normal;} #content-left .expert p.nomb {margin:0 0 10px 0;line-height:1.5;} #content-left .expert p.info {margin:0 0 10px 0;font-size:65%;text-align:right;} #content-left .expert .tel {} #content-left .numbering {margin:0;padding:0;background-color:#fff;text-align:center;} #content-left .numbering .body {padding:9px 10px;font-size:8pt;} #content-left .numbering a {padding:3px;margin:0 1px;border:1px solid #ddd;} #content-left .numbering a:hover, #content-left .numbering span {padding:3px;margin:0 1px;border:1px solid #ddd;background-color:#eee;} #content-left .additional {display:block;padding:0 0 10px 10px;} #content-left .additional img {display:block;float:left;margin-right:11px;} #content-left .additional img.last {margin-right:0;} #content-left .additional .article {font-size:8pt;float:left;width:220px;height:83px;border:1px solid #fff;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin:0 8px 0 0;padding:1px;} #content-left .additional .article a.naslov {display:block;height:100%;padding:2px 3px 0 0;text-decoration:none;font-weight:bold;} #content-left .additional .article:hover a.naslov {color:#49266c;} #content-left .additional .article a img {float:left;width:95px;height:75px;border:1px solid #fff;margin:3px;} #content-left .additional .article:hover {border:1px solid #cdcdcd;} #content-left .additional .article:hover a img {border:1px solid #cdcdcd;} /* #topstory-top {width:476px;height:5px;background:url("img/topstory-top.gif") 0 0 no-repeat;font-size:0;line-height:0;} #topstory-bottom {width:476px;height:5px;background:url("img/topstory-bottom.gif") 0 0 no-repeat;font-size:0;line-height:0;} #topstory {margin:0;padding:10px;background-color:#e1d0e0;;} #topstory a {color:#49266c;} #topstory div.objavljeno {border-top:1px solid #A9A5A9;margin:5px 0 0 0;padding:5px 5px 0 5px;font-size:8pt;text-align:right;} #topstory h2 {margin:0;font-weight:normal;} #topstory div p.nomb {margin:0 0 10px 0;line-height:1.5;} #topstory p.info {margin:0 0 10px 0;font-size:65%;text-align:right;} #topstory div img {float:left;width:160px;height:125px;border:0;margin:5px 10px 0 0;} #topstory-img {float:left; width:180px;} #topstory-img img {display:block;} #topstory-desc {float:right; width:255px;} #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;} #topstory-desc .info {margin:0; font-size:65%;} */ /* #content-left-in {padding:0 10px;}*/ #content-right {float:right; width:300px;} #content-right .box {background-color:#fff;margin-bottom:5px;} #content-right .corners {width:300px;height:1px;background:url("img/content-right-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #content-right .body {padding:0 5px;} #content-right .body a {color:#9178AA;text-decoration:none;} #content-right .body a:hover {text-decoration:underline;} #content-right .body h3 {background-color:#9178AA;color:#fff;margin:5px 0;padding:5px;font:bold 8pt Verdana,Arial,Kalimati,sans-serif;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;} #content-right .body h3 a {color:#fff;font:bold 8pt Verdana,Arial,Kalimati,sans-serif;text-decoration:none;} #content-right .body h3 a:hover {text-decoration:underline;} #content-right .body p {margin:0 5px;padding:0 0 5px 0;color:#9178AA;} #content-right .body p a {color:#9178AA;text-decoration:underline;} #content-right .body p a:hover {text-decoration:none;} #content-right .body .naslov {font:normal 8pt Verdana,Kalimati,sans-serif;padding:3px 0;margin:0;border-bottom:1px solid #999;} #content-right .body .naslov h3 {font:bold 1.2em Arial,sans-serif;text-transform:uppercase;padding:3px 0;margin:0;color:#333;} #content-right .body .naslov .datum {padding:4px 0;color:#8E2800;} #content-right .body .sadrzaj {padding:10px;font:normal 8pt Verdana,Kalimati,sans-serif;} #content-right .body .statusbar {font:normal 8pt Verdana,Kalimati,sans-serif;text-align:right;margin:-2px 0 5px 0;padding-top:5px;border-top:1px solid #999;} #content-right .body .statusbar a {color:#333;text-decoration:none;} #content-right .body .statusbar a:hover {text-decoration:underline;} #content-right #login {background-color:#BAC;margin-bottom:5px;} #content-right #login label {float:left;width:90px;height:14px;padding:4px 4px 4px 0;text-align:right;} #content-right #login input.checkbox {float:left;margin-top:4px;} #content-right #login input.polje {float:left;width:165px;height:14px;font:normal 8pt Verdana,Kalimati,sans-serif;padding:3px;background-color:#FFF;border:1px solid #CCC;} #content-right #login input.polje:focus {border:2px solid #CCC;padding:2px;} #content-right #login input.btn {float:right;} #novosti {background-color:#FFF0A5;margin-bottom:5px;} .whitebox {background-color:#FFF;margin-bottom:5px;} #plavo {background-color:#E1F0E8;margin-bottom:5px;} #vezani_clanci {background-color:#fff;margin-bottom:5px;} #vezani_clanci .clanak {clear:both;} #vezani_clanci .clanak img {float:left;margin:0 10px 10px 0;padding:1px;border:1px solid #eee;width:60px;height:46px;} #vezani_clanci .clanak:hover img {border:1px solid #ccc;} #vezani_clanci .clanak p {float:left;margin:0;width:196px;} #vezani_clanci .clanak p a, #vezani_clanci .clanak:hover p a {display:block;color:#666;border-bottom:1px solid #eee;text-decoration:none;} #vezani_clanci .clanak p a:hover {color:#666;border-bottom:1px solid #ccc;} .content-right-top {width:300px;height:5px;background:url("img/contentright-top.gif") 0 0 no-repeat;font-size:0;line-height:0;} .content-right-body {background-color:#E5E5E5;} .content-right-bottom {width:300px;height:5px;background:url("img/contentright-bottom.gif") 0 0 no-repeat;font-size:0;line-height:0;margin-bottom:5px;} #content-right .banner {width:298px;height:250px;margin-bottom:5px;} #aside {float:left;width:190px;overflow:hidden;} #aside .box {margin:0 0 5px 0;padding:0;background-color:#fff;} #aside .corners {width:190px;height:1px;background:url("img/aside-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #aside .body {padding:4px 5px;} #aside .body h3 {margin:0 0 5px 0;padding:0;font:bold 8pt Verdana,Arial,Kalimati,sans-serif;} #aside form {text-align:center;margin:5px 0;} #aside form input {padding:3px;margin:0;border:1px solid #999;font:normal 8pt Verdana,Arial,Kalimati,sans-serif;} #aside form .input {width:110px;-moz-border-radius:3px;-webkit-border-radius:3px;} #aside form .submit {padding:2px;width:48px;-moz-border-radius:3px;-webkit-border-radius:3px;} #aside form .submit:hover {padding:2px;background-color:#bbb;} #aside .misaobody {padding:4px 5px;} #aside .misaobody h3 {background-color:#9178AA;color:#fff;margin:0 0 5px 0;padding:5px;font:bold 8pt Verdana,Arial,Kalimati,sans-serif;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;} #aside .misaobody p.misao {margin:0 5px;padding:0;text-align:center;color:#9178AA;} #aside .misaobody p.autor {margin:10px 5px 0 5px;padding:0;text-align:right;font-style:italic;color:#C3B2D4;} .nav {margin:0; list-style:none;} .nav li {display:inline;} .nav li a {display:block; padding:7px 10px 7px 30px; background:url("img/nav-link.gif") 15px 13px no-repeat;} .nav li#nav-active a {background:url("img/nav-active.gif") 15px 13px no-repeat; text-decoration:none; font-weight:bold;} .nav #nav-active ul li a {padding-left:45px;background:url("img/nav-sub.gif") 30px 10px no-repeat;} .nav a:hover {text-decoration:none;} #aside h4 {font-size:100%;} #aside h4.margin {margin:5px 0 5px 0;} #aside ul.alati {} #aside ul.alati li {height:45px;margin-bottom:5px;} #aside ul.alati li a {font-size:12px;text-decoration:none;display:block;padding-left:44px;color:#9178aa;border:1px solid #9178aa;-moz-border-radius:3px;-webkit-border-radius:3px;} #aside ul.alati li a span {display:block;padding:12px 0 13px 5px;} #aside ul.alati li a span.tren {display:block;padding:12px 0 13px 5px;background-color:#9178aa;color:#fff;} #aside ul.alati li a:hover span {background-color:#9178aa;color:#fff;} #aside ul.alati li.bmi a {background:url("img/bmi-ikona.gif") -1px -1px no-repeat;} #aside ul.alati li.idealna_tezina a {background:url("img/idealna-tjelesna-tezina-ikona.gif") -1px -1px no-repeat;} #aside ul.alati li.ovulacija a {background:url("img/plodni-dani-ikona.gif") -1px 0 no-repeat;} #aside ul.alati li.obuca a {background:url("img/konfekcija-obuca-ikona.gif") -1px 0 no-repeat;} #aside ul.alati li.odjeca a {background:url("img/konfekcija-odjeca-ikona.gif") -1px 0 no-repeat;} /* ---------------------------------------------------------------------------------------------------------- 4-1) Page: Homepage ---------------------------------------------------------------------------------------------------------- */ #topstory {margin:0;padding:10px;background-color:#e1d0e0;/*FFEBFF*/;} #topstory a {color:#49266c;/*3e1f5c;*/} #topstory div.objavljeno {border-top:1px solid #A9A5A9;margin:5px 0 0 0;padding:5px 5px 0 5px;font-size:8pt;text-align:right;} #topstory h2 {margin:0;font-weight:normal;} #topstory div p.nomb {margin:0 0 10px 0;line-height:1.5;} #topstory p.info {margin:0 0 10px 0;font-size:65%;text-align:right;} #topstory div img {float:left;width:160px;height:125px;border:0;margin:5px 10px 0 0;} #topstory-img {float:left; width:180px;} #topstory-img img {display:block;} #topstory-desc {float:right; width:255px;} #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;} #topstory-desc .info {margin:0; font-size:65%;} #topstory .horoskop h2 {margin:0; font-size:140%; font-weight:normal;} #topstory .horoskop .info {margin:0; font-size:85%;} #topstory-list {padding:10px 0 0 10px;overflow:hidden;border:0;} #topstory-list .topstory-additional {display:block;} #topstory-list .topstory-additional img {display:block;float:left;margin-right:11px;} #topstory-list .topstory-additional img.last {margin-right:0;} #topstory-list .topstory-additional {display:block;} #topstory-list .topstory-additional .article {float:left;width:220px;height:83px;border:1px solid #AAA;background-color:#FEFEFE;margin:0 8px 5px 0;padding:1px;} #topstory-list .topstory-additional .article:hover {background-color:#FAFAFA;} #topstory-list .topstory-additional .article a.naslov {color:#999;text-decoration:none;} #topstory-list .topstory-additional .article:hover a.naslov {color:#333;} #topstory-list .topstory-additional .article a.naslov:hover {text-decoration:underline;} #topstory-list .topstory-additional .article a img {float:left;width:95px;height:75px;border:1px solid #AAA;margin:3px;background-color:#FFF;} #topstory-list .topstory-additional .article:hover {border:1px solid #666;} #topstory-list .topstory-additional .article:hover a img {border:1px solid #666;} .article {margin-bottom:10px; padding-bottom:10px;} .article .article-img {float:left; width:180px;} .article .article-img img {display:block;} .article .article-desc {float:right; width:255px;} .article .article-desc h3 {margin:0; font-size:140%; font-weight:normal;} .article .article-desc .info {margin:0; font-size:85%;} .article .article-desc p.nomb {margin-top:8px; text-align:justify;} .box-01-top {width:260px; height:5px; margin-top:5px; background:url("img/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-01-top-b {padding:5px 10px 15px 10px; background:url("img/box-01-top-b.gif") 0 100% no-repeat;} .box-01-top-b .f-left {text-transform:uppercase;} .box-01-top-b .f-right {padding-top:2px; font-size:85%;} .box-01-bottom {width:260px; height:11px; background:url("img/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-01 {padding:5px; background:url("img/box-01.gif") 0 0 repeat-y;} .box-01 .bg {margin:10px 0; padding:10px 0;} .news {margin:0;} .news dt {display:block; float:left; width:50px; font-weight:bold; text-align:center; line-height:1.2;} .news dt span {font-size:140%;} .news dd {display:block; float:left; width:190px; font-size:85%; line-height:1.6;} .box-02-top {width:260px; height:5px; margin-top:10px; background:url("img/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-02-top-b {padding:5px 10px 15px 10px; background:url("img/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;} .box-02-bottom {width:260px; height:11px; background:url("img/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;} .box-02 {padding:5px 15px; background:url("img/box-02.gif") 0 0 repeat-y;} .mostreaded {margin:0; list-style:none;} .mostreaded span {font-size:85%;} /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */ #aside .padding {padding:0 15px 10px 15px;} .more {padding-right:15px; background:url("img/arrow.gif") 100% 50% no-repeat;} .rss {padding-left:22px; background:url("img/rss.gif") 0 50% no-repeat;} /**[TOPBAR]***************/ #topbar {width:978px;margin:0 auto 2px auto;background-color:rgba(255,255,255,0.75);border:1px solid #FFF;padding:5px;border-top:0;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;} #topbar div {color:#333;} #topbar div a {color:#333;text-decoration:none;} #topbar div a:hover {text-decoration:underline;} #topbar div.helping {float:right;margin:0 5px;} #topbar div.loginform {float:right;} #topbar div input.polje {float:left;width:65px;height:12px;font:normal 8pt Verdana,Kalimati,sans-serif;padding:3px;background-color:#FFF;border:1px solid #CCC;margin-right:5px;color:#999;} #topbar div input.polje:focus {border:2px solid #CCC;padding:2px;color:#333;} #topbar div input.btn {float:left;width:65px;height:20px;font:normal 8pt Verdana,Kalimati,sans-serif;padding:2px;border:1px solid #CCC;} #topbar div input.btn:hover {background-color:#BBB;cursor:pointer;} /**[HOROSKOP]*************/ #content-left div.horoskop {background-color:#fff;} #content-left div.horoskop:hover {background-color:#ebeaec;} #content-left div.trenutni {background-color:#fffcd1;} /*trenutni horoskop*/ #content-left div.trenutni:hover {background-color:#fffde6;} #content-left div.horoskop .corners, #content div.horoskopski_znak .corners {width:476px;height:1px;background:url("img/content-left-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #content-left div.horoskop .body a {color:#5e3785;font:normal 12pt Verdana,Kalimati,sans-serif;text-decoration:none;} #content-left div.horoskop .body a:hover {text-decoration:underline;} #content-left div.horoskop .body a.znak {float:left;} #content-left div.horoskop .body a img {width:64px;height:64px;margin:5px 15px 5px 5px;} #content-left div.horoskop .body h2 {float:left;clear:none;font:normal 11pt Verdana, Tahoma, Arial;margin:0;padding:4px 5px 2px 0;width:278px;} #content-left div.horoskop .body h2 a {font-variant:small-caps;} #content-left div.horoskop .body h2 span {margin-top:5px;padding:0;font-weight:normal;font-size:10pt;} #content-left div.horoskop .body p.lead {clear:none;float:left;height:90px;margin:0;padding:0 5px 0 0;font-weight:normal;font-size:9pt;overflow:hidden;} #content-left div.horoskopski_znak {background-color:#fff;} #content-left div.horoskopski_znak .body {padding:5px 10px;} #content-left div.horoskopski_znak .body a {color:#5e3785;font:normal 9pt Verdana,Kalimati,sans-serif;text-decoration:none;} #content-left div.horoskopski_znak .body a:hover {text-decoration:underline;} #content-left div.horoskopski_znak .body img {float:right;width:160px;height:160px;margin:5px 0 5px 10px;border:0;} #content-left div.horoskopski_znak .body div h2 {clear:none;float:left;margin:0;padding:0 0 10px 5px;width:278px;} #content-left div.horoskopski_znak .body div h2 a {font-variant:small-caps;font-weight:bold;font-size:14pt;color:#8d75a6;} #content-left div.horoskopski_znak .body div h2 span {margin-top:5px;padding:0;font-weight:normal;font-size:12pt;} #content-left div.horoskopski_znak .body div h3 {font-size:11pt;margin:0;padding:0 0 2px 5px;} #content-left div.horoskopski_znak .body div p {text-align:justify;margin:10px 0 0 0;padding:0;font-weight:normal;font-size:9pt;} #content-left div.horoskopski_znak .body div p.lead {font-style:italic;margin-bottom:15px;} #content-left div.horoskopski_znak .body div.vezani_sadrzaj {margin-top:10px;background-color:#ffe;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;} #content-left div.horoskopski_znak .body div.vezani_sadrzaj ul {list-style:none;} #content-left div.horoskopski_znak .body div.vezani_sadrzaj ul li {background: url('img/arrow.gif') 0 5px no-repeat;padding-left:16px;} #content-left div.horoskopski_znak .body div.vezani_sadrzaj ul li a {color:#8d75a6;font:bold 10pt Verdana,Kalimati,sans-serif;text-decoration:none;} #content-left div.horoskopski_znak .body div.vezani_sadrzaj ul li a:hover {color:#5d4d6e;} #content-left div.horoskopski_znak .body div.ostali_znakovi {margin-left:4px;padding:5px 0;} #content-left div.horoskopski_znak .body div.ostali_znakovi a {color:#5e3785;font:normal 9pt Verdana,Kalimati,sans-serif;text-decoration:none;} #content-left div.horoskopski_znak .body div.ostali_znakovi a:hover {text-decoration:underline;} #content-left div.horoskopski_znak .body div.ostali_znakovi img {width:64px;height:64px;border:0;float:none;margin:5px 0 0 0;} #content-left div.horoskopski_znak .body div.ostali_znakovi div.znak {background-color:#FFFFEE;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #999;float:left;width:91px;text-align:center;padding:5px;margin:10px 10px 0 0;} #content-left div.horoskopski_znak .body div.ostali_znakovi div.znak:hover {background-color:#FFEEEE;border:1px solid #000;} #content-left div.horoskopski_znak .body div.ostali_znakovi div.trenutni {background-color:#FFDDDD;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;width:91px;text-align:center;padding:5px;margin:10px 10px 0 0;} #kategorizirane-vijesti {margin:0;padding:0;} #kategorizirane-vijesti div.kategorija {float:left;width:234px;margin:4px 0;background-color:#f5edf5;font:8px Verdana, Tahoma, Arial, sans-serif;} #kategorizirane-vijesti div.kategorija h3 {text-transform:uppercase;margin:0;padding:5px;color:#FFF;} #kategorizirane-vijesti div.kategorija h3 a {display:block;color:#fff;text-decoration:none;} #kategorizirane-vijesti div.kategorija h3 a:hover {color:#fff;} #kategorizirane-vijesti div.kategorija ul {margin:0;padding:0;font-size:9pt;list-style-type:none;border:1px solid #9178aa;-moz-border-radius:3px;-webkit-border-radius:3px;} #kategorizirane-vijesti div.kategorija ul li {padding:3px;margin:4px;} #kategorizirane-vijesti div.kategorija ul li:hover {border:1px solid #999;padding:2px;background-color:#c3b2d4;cursor:pointer;} /* #kategorizirane-vijesti div.kategorija ul li div.slika {float:left;width:39px;height:30px;padding-right:3px;} #kategorizirane-vijesti div.kategorija ul li div.slika img {width:39px;height:30px;} */ #kategorizirane-vijesti div.kategorija ul li div.slika {float:left;width:51px;height:39px;padding:0 3px 2px 0;} #kategorizirane-vijesti div.kategorija ul li div.slika img {width:51px;height:39px;border:1px solid #eee;} #kategorizirane-vijesti div.kategorija ul li div.slika img:hover {border:1px solid #ccc;} /* #kategorizirane-vijesti div.kategorija ul li div.link {float:left;margin:0;padding:0;width:177px;} */ #kategorizirane-vijesti div.kategorija ul li div.link {float:left;margin:0;padding:0;width:155px;} #kategorizirane-vijesti div.kategorija ul li div.link a {display:block;padding:12px 5px 10px 5px;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} #kategorizirane-vijesti div.kategorija ul li:hover div.link a, #kategorizirane-vijesti div.kategorija ul li:hover div.link a:hover, #kategorizirane-vijesti div.kategorija ul li div.link a:hover {color:#fff;} /* #kategorizirane-vijesti div.kategorija ul li {clear:both;} #kategorizirane-vijesti div.kategorija ul li div.slika {float:left;margin:3px 3px;padding:4px 3px;width:39px;height:30px;} #kategorizirane-vijesti div.kategorija ul li:hover div.slika {padding:3px 2px;border:1px solid #999;} #kategorizirane-vijesti div.kategorija ul li div.slika img {width:39px;height:30px;} #kategorizirane-vijesti div.kategorija ul li div.link {float:left;margin:3px 0 1px 0;padding:0;width:180px;} #kategorizirane-vijesti div.kategorija ul li div.link a {display:block;padding:11px 5px 12px 5px;font-size:9pt;color:#895db5;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");} */ #kategorizirane-vijesti div.kategorija .kategorija-corners {width:234px;height:1px;background:url("img/kategorija-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #kategorizirane-vijesti div.kategorija div.violet div.naslov {background-color:#9178aa;} /* #kategorizirane-vijesti div.kategorija div.violet li a:hover {background-color:#c3b2d4;} */ #kategorizirane-vijesti div.kategorija div.plava div.naslov {background-color:#7987a9;} #kategorizirane-vijesti div.kategorija div.plava li a:hover {background-color:#a7b4d4;} #kategorizirane-vijesti div.kategorija div.zelena div.naslov {background-color:#87c68b;} #kategorizirane-vijesti div.kategorija div.zelena li a:hover {background-color:#a6dea9;} #clanak {background-color:#fff;} #clanak h1 {background-color:#9178AA;color:#fff;margin:5px;padding:5px;font:normal 8pt Verdana,Arial,Kalimati,sans-serif;text-align:left;-moz-border-radius:3px;-webkit-border-radius:3px;} #clanak h2 {margin:5px 10px;padding:0;} #clanak p.lead {margin:0 10px 0 10px;padding:0;font-family:Verdana;font-size:8pt;font-weight:bold;text-align:justify;color:#333;} #clanak div.tekst {padding:0 10px;font-family:Verdana;font-size:9pt;line-height:1.5;} #clanak div.tekst table p {margin:0;padding:0;} #clanak div.tekst table td {padding-bottom:15px;} #clanak div.tekst table.gi {} #clanak div.tekst table.gi td {border:1px solid #eee;padding:0;} #clanak div.tekst img.l {float:left;margin:5px 10px 5px 0;} #clanak div.tekst img.d {float:right;margin:5px 0 5px 10px;} #clanak div.tekst img.c {margin:5px 0px;} #clanak div.tekst ul {margin:10px 10px 10px 30px;list-style-type:square;/*font-family:Verdana;font-size:8pt;*/} #clanak div.tekst ul p {margin:0;} #clanak div.tagovi {padding:10px;font-family:Verdana;font-size:9pt;line-height:1.5;border-top:1px solid #eee;} #clanak div.tagovi a {background:url("img/tag_pink.png") 0 2px no-repeat;padding:2px 2px 2px 18px;margin:0 2px;} #clanak div.objavljeno {clear:both;padding:5px;border-top:1px solid #fff0a5;font-family:Verdana;font-size:7pt;text-align:right;} #clanak pre {display:block;padding:10px;margin:5px 0;color:#666;border:1px solid #efecf0;background-color:#f9f4f8;text-align:center;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;} #clanak form {display:block;padding:10px;margin:5px 0;color:#666;border:1px solid #efecf0;background-color:#f9f4f8;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;} #clanak form ul.error {clear:both;padding:0 10px 10px 10px;margin:0;color:#b8122d;} #clanak form .required {font:bold 10px Verdana,Arial,sans-serif;color:#f00;} #clanak form .blank {font:bold 10px Verdana,Arial,sans-serif;color:#f00;visibility:hidden;} #clanak form div.left {width:272px;float:left;margin-left:10px;} #clanak form div.right {width:152px;float:left;text-align:center;} #clanak form div.rez {border-top:1px solid #efecf0;margin-top:10px;padding-top:10px;text-align:center;font-weight:bold;} #clanak form label {float:left;width:150px;margin-right:10px;text-align:right;} #clanak form input, #clanak form select {padding:2px 3px;border:1px solid #efecf0;} #clanak form input.broj {float:left;width:50px;text-align:right;} #clanak form input.datum {float:left;width:80px;text-align:center;} #clanak form input.izracunaj {padding:20px;border:1px solid #e1d0e0;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background-color:#efecf0;cursor:pointer;} #clanak form input.izracunaj:hover {border:1px solid #c1b2c5;} #clanak form.kontakt label {float:left;width:130px;margin:5px 10px 0 0;text-align:right;font:normal 12px Verdana,Arial,sans-serif;} #clanak form.kontakt input, #clanak form.kontakt textarea {width:230px;padding:4px 5px;margin-bottom:5px;border:1px solid #efecf0;font:normal 12px Verdana,Arial,sans-serif;} #clanak form.kontakt textarea {height:100px;} #clanak form.kontakt input.submit {margin:0 5px 0 140px;width:auto;padding:5px 10px;} #clanak form.kontakt input.reset {margin-bottom:0;width:auto;padding:5px 10px;} #clanak div.tekst table.kalendar {width:200px;border:1px solid #999;font:normal 8pt Verdana, Tahoma, Arial;} #clanak div.tekst table.kalendar tr.mjesec {background-color:#333;color:#fff;} #clanak div.tekst table.kalendar tr.dani {background-color:#ddd;color:#000;} #clanak div.tekst table.kalendar td {padding:2px;} ul.autor_clanci {margin:10px 30px 20px;list-style:none;padding:0;} ul.autor_clanci li {padding-bottom:10px;} ul.autor_clanci li a.head {display:block;font:bold 12px Verdana,Arial,sans-serif !important;color:#333 !important;text-decoration:underline !important;} ul.autor_clanci li a.head:hover {color:#333 !important;} ul.autor_clanci li p {margin:0;color:#333 !important;line-height:16px;} ul.autor_clanci li a.link {display:block;font:normal 10px/12px Verdana,Arial,sans-serif !important;white-space:nowrap;color:#9178AA !important;text-decoration:underline !important;} ul.autor_clanci li a.link:hover {text-decoration:none !important;} #sanjarica {background-color:#fff;} #sanjarica h2, #sanjarica h3 {margin:5px 10px;padding:0;} #sanjarica h3 {font:normal 11pt Verdana,Tahoma,Arial;} #sanjarica div.navigacija {margin:5px 10px;text-align:center;} #sanjarica div.navigacija a {padding:0 2px;background-color:#fefefe;border:1px solid #eee;font-weight:bold;} #sanjarica div.navigacija a:hover {border:1px solid #999;} #sanjarica div.navigacija span {padding:0 2px;background-color:#fee;border:1px solid #999;} #sanjarica p.lead {margin:0 10px 0 10px;padding:0;font-family:Verdana;font-size:8pt;font-weight:bold;text-align:justify;color:#333;} #sanjarica div.tekst {padding:0 10px;font-family:Verdana;font-size:9pt;line-height:1.5;} #sanjarica div.tekst table p {margin:0;padding:0;} #sanjarica div.tekst table td {padding-bottom:15px;} #sanjarica div.tekst img.l {float:left;margin:5px 10px 5px 0;} #sanjarica div.tekst img.d {float:right;margin:5px 0 5px 10px;} #sanjarica div.tekst img.c {margin:5px 0px;} #sanjarica div.tekst ul {margin:10px 10px 10px 30px;list-style-type:square;font-family:Verdana;font-size:8pt;} #sanjarica div.objavljeno {clear:both;padding:5px;border-top:1px solid #fff0a5;font-family:Verdana;font-size:7pt;text-align:right;} #sanjarica pre {display:block;padding:10px;margin:5px 0;color:#666;border:1px solid #efecf0;background-color:#f9f4f8;text-align:center;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;} #sanjarica form {display:block;padding:10px;margin:5px 0;color:#666;border:1px solid #efecf0;background-color:#f9f4f8;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;} #sanjarica form ul.error {clear:both;padding:0 10px 10px 10px;margin:0;color:#b8122d;} #sanjarica div.tekst h3 {margin-top:0;font-variant:small-caps;font-weight:bold;} #sanjarica ul li a {display:block;font:normal 10pt Verdana,Tahoma,Arial;margin:5px 0;} /* GOOGLE OGLASI */ #google_oglas_468_15 {width:476px;background-color:#9178AA;color:#fff;font:Verdana;font-size:8pt;margin:0 0 5px 0;} #google_oglas_468_15 .corners {width:476px;height:1px;background:url("img/google-476-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #google_oglas_468_15 .code {width:468px;height:15px;padding:4px;} /*footer*/ #footer {clear:both;background:url("img/tray-bg.png") 0 100% repeat-y;} #footer .corners {z-index:1;width:976px;height:1px;background:url("img/tray-corners.gif") 0 0 no-repeat;font-size:0;line-height:0;} #footer a {color:#fff;} #footer a:hover {text-decoration:none;} #footer .body {padding:10px;color:#fff;font-size:7pt;} #footer .body p {margin:0;} #footer .body p.partneri {border-top:3px solid #8C72A7;font:normal 9px Verdana,Tahoma,Arial;padding:5px;margin:5px 0 10px 0;} #footer .body p.partneri a {font-weight:bold;color:#eee;text-decoration:none;} #footer .body p.partneri a:hover {color:#fff;text-decoration:underline;}