/* ------------------------------------------------------------------------------------- ---------- CSS datoteka za spletno stran ROZE.si --------------------------------- ------------------------------------------------------------------------------------- -------- BARVE ----------------------- white - bela (font menu, iskalnik) rumena - #fbd62f(ozadje) zelena - #5a6c3c(font koledar) temno zelena -#3b4c04(p) -------- STRUKTURA ----------------------- wrapper - header - naslov -iskalnik -koledar - nav - main - content -slika -slika1 - sidebar -------- TYPOGRAFIA ----------------------- all - Bickham Script Pro, Monotype Corsiva, Verdana,Tahoma, Verdana, Helvetica,sans-serif, Arial, Arial Narrow; */ /* ------------ RESET in nastavitve osnovnih elementov ----------------*/ *{margin: 0;padding: 0;} a:link, a:visited, a:active {text-decoration: none; color:#d0da69; font-size:12px; font-weight: bold;} a:hover {text-decoration: none; } a:active, a:focus {outline: 0;} img {border: 0; margin:0; padding:0; float:left;} html{} body{margin:0 auto; width: 100%; color: #3b4c04; font-family: Georgia, Bickham Script Pro, Times New Roman, serif; background-color:#fbd72d; height:auto; } /* ---------------- splošni class-i ------------------------------ */ .clear {clear:both;} .margin0 {margin: 0;} .invisible{text-indent: -9999px;} .blue {color:#005daa;} .red {color:#ee4037;} .bold{font-weight: bold;} span.znaki { /*imena roz*/font: 20px; color:#663b34;font-weight:bold; font-style:italic;} /* ---------------- GLAVNI DIV-i ------------------------------ */ #wrapper {width: 1000px; height: auto; margin: 0 auto; } #header {width: 100%; height: 174px;} #naslov {width:762px; height: 140px;float:left;background:url(slike/naslov.jpg) no-repeat; background-position:top left;} #iskalnik {width:238px; height:57px; margin: 0; float:right;background:url(slike/iskalnik.jpg) no-repeat; background-position:top right; } #koledar {width: 238px; height:113px; margin: 0; float:right; background:url(slike/koledar.jpg) no-repeat; background-position:top right;} #info{width: 762px; height:30px; float:left;background:url(slike/nav.jpg) no-repeat top left; } #tlo{width:100%; height: 4px; float:left; background:url(slike/tlo.jpg) no-repeat top left; } #main{width:100%; height:auto;background:url(slike/bg-main.jpg) repeat-y; background-position:top left; margin: 0 auto; } #sidebar{width:236px; height: auto;float:left; padding:0; } #content {width:520px; height: auto; margin-left: 236px; min-height:530px; } #inner{width:500px; height: auto;padding:0 0 10px 10px; } #sidebar-r{width:236px; height: auto; float:right; padding:0; } /* ---------------- OBLIKE POSAMEZNIH DIVOV ------------------------------ */ #naslov h1{color: black; text-indent: -9999px;} #iskalnik h3{color:black; text-indent: -9999px;} /* ---------------- div koledar ------------------------------ */ #koledar h3 {color:#5a6c3c; text-indent: -9999px;font-size:0;} #koledar p{ padding: 0 0 0 7px; font-weight:normal; font-style:italic; font-size: 12px; color:#60723f; font-family: Comic Sans MS, Georgia, Bickham Script Pro, Times New Roman, serif; margin-top: -3px;} #koledar .znak {width:180px; height:40px; float:left; padding: 12px 0 0 18px; } /* ---------------- div koledar / stevilka ------------------------------ */ #stevilka h2 {float:left;text-align:right;margin: -4px 0 0 18px;font-weight: normal;font-style: italic;font-size: 28px;line-height:100%;color:#5a6c3c;font-family: Georgia, Bickham Script Pro, Times New Roman, serif;text-shadow: #000000 1px 1px 1px;} #stevilka .mesec {float:left;margin-top:-3px;padding:0;} #stevilka {height:35px;width:208px;} #info .veja {float:left;margin:0;padding-left:0;} /* ---------------- div nav ------------------------------ */ #nav {padding: 0; z-index: 200; margin: 0 0 0 46px; width:716px; font-family: Georgia, Bickham Script Pro, Times New Roman, serif; list-style-type: none; position: relative; height: 30px;} #nav li { display: block; float: left;} #nav li a {border-right: #888 0px solid; padding: 0; border-top: #ddd 0px solid; display: block; float: left; border-left: #ccc 0px solid; width: 150px; cursor: pointer; border-bottom: #000 0px solid; height: 30px; text-decoration: none;} #nav #dom ,#nav #dom a {width:76px;} #nav #rastline, #nav #rastline a {width:125px;} #nav #ziv , #nav #ziv a {width:156px;} #nav #bol, #nav #bol a {width:87px;} #nav #nas, #nav #nas a {width:89px;} #nav #ida, #nav #ida a {width:61px;} #nav #zan, #nav #zan a {width:122px;} #nav li a b {margin-left: -9999px;} #nav li a.domov {background: url(slike/domov1.jpg)} #nav li a.vrste {background: url(slike/vrste.jpg)} #nav li a.zivljenje {background: url(slike/zivot.jpg)} #nav li a.bolezni {background: url(slike/bolezni.jpg)} #nav li a.nasveti {background: url(slike/nasveti.jpg)} #nav li a.ideje{background: url(slike/ideje.jpg)} #nav li a.zanimivosti{background: url(slike/zanimivosti.jpg)} #nav li:hover a {background-position: 0px -30px;} #nav a:hover {background-position: 0px -30px;} #nav table{padding: 0; left: 0px; margin: -1px; width: 0px; position: absolute; top: 0px; border-collapse: collapse; height: 0px;} #nav ul{padding: 0; left: -9999px; margin:-6px 0 0 0; width: 0px; list-style-type: none; position: absolute; top: -9999px; height: 0px;} #nav li:hover {z-index: 200; position: relative;} #nav a:hover {z-index: 200; white-space: normal; position: relative;} #nav :hover ul {z-index: 300; background: #d0da69; left: 0px; width: 200px; top: 36px; height: auto; border-top: #ddd 1px solid; border-right: #888 1px solid; } #nav :hover ul li{display: block; font-weight: normal; float: left; width: 200px; position: relative; height: 25px;border-bottom: #000 1px solid;} #nav :hover ul li a {padding: 0; display: block; border-left: #ccc 1px solid; width: 200px; cursor: pointer; height: 25px; text-decoration: none;} #nav :hover ul li a b {left: -9999px; margin: 0px; position: absolute; } #nav :hover ul li a {background-color: #d0da69; } #nav :hover ul li a:hover {background-position: 0px 50px; position: relative;} #nav :hover ul li a:hover b {display: block; font-size: 12px; left: -5px; width: 200px; color:#d0da69; line-height: 18px; top: 5px; height: 20px; text-align: left;background: #3b4c04;padding-left: 10px; padding-top: 0;} #nav :hover ul li a b {display: block; font-size: 12px; left: -5px; width: 200px; color: #3b4c04; line-height: 18px; top: 5px; height: 20px; text-align:left;padding-left: 10px; padding-top:0;} /* ---------------- OBLIKE POSAMEZNIH CLASSOV ------------------------------ */ /* ---------------- sidebar levi ------------------------------ */ #sidebar .rubrika {width:232px; height: 155px; background:url(slike/trak1.jpg) no-repeat top left; margin-left:10px; margin-top:3px; } #sidebar .rubrika h2 {text-indent: -9999px; height:38px;} #sidebar .rubrika ul {padding: 5px 0px 10px 25px; list-style-type: none;} #sidebar .rubrika li {padding-left: 15px; padding-bottom: 5px; line-height: 13px; } #sidebar .rubrika li a:link, #sidebar .rubrika li a:visited, #sidebar .rubrika li a:active {display:block; background:url("slike/tulipan.gif") no-repeat 0px 2px; color:#3b4c04; padding-left:15px; padding-bottom:5px; font-weight:bold; font-size:12px;} #sidebar .rubrika li a:hover {text-decoration:none; display:block; padding-left:15px; padding-bottom: 5px;color:#3b4c04; font-weight:bold; font-size: 12px; background-color:#d0da69; margin-right: 10px;} #novo h2{background:url(slike/novo.jpg) no-repeat 30px 10px;} #naj h2{background:url(slike/naj.jpg) no-repeat 30px 10px;} #anketa h2{background:url(slike/anketa.jpg) no-repeat 30px 10px;} /* ---------------- ANKETA FORM ------------------------------ */ #anketa form {width:193px; height:112px; background: url(slike/bg-anketa.jpg) no-repeat top left; margin-left:20px; margin-top: -2px; padding-left:3px; padding-top:5px; font-size:11px; line-height:20px; } #anketa label {display:block;color:#3b4c04; padding-left:10px; font-weight:bold; font-size:11px; padding-top:5px; margin-bottom:3px;margin-top:0;} #anketa label.dane {display:inline;padding-left: 0;} #anketa input {color:#3b4c04; margin-left:25px;margin-right:5px;} #anketa form input.txt{margin-left:10px;width:162px;} #anketa form input.ok{display:block;background: url(slike/gumb-potrdi.jpg) no-repeat 0 0; float:right; margin-left:100px; margin-right:18px; width:45px;height:20px;border:none;} #anketa form input.ok:hover{background-position: left -20px ;} /* ---------------- oglas ------------------------------ */ #prodaja {padding: 10px 0 0 35px; margin-top: 20px; margin-bottom: 20px;} #oglas { padding: 10px 0 0 35px; margin-top: 30px; } #reklama {width:100%; height: 150px; margin-top:8px; margin-left:17px;} #host{width:100%; height: 200px; margin-top:8px; margin-left:12px;} /* ---------------- sidebar-r ------------------------------ */ #sidebar-r .rubrika {width:232px; height:154px; background:url(slike/trak2.jpg) no-repeat top left; margin-left:3px; margin-top:1px; } #sidebar-r .rubrika h2 {text-indent:-9999px; } #box h2{background:url(slike/koledrar-vrt.jpg) no-repeat 30px 10px; height:38px;} #box1 h2{background:url(slike/slovar.jpg) no-repeat 30px 10px;height:39px;} #box {width:100%; height: 114px; margin-top:0;} #box a:hover {background-position:0 -38px;} #box a {display:block; width:100%; height:100%;} #box h3 {height:38px;text-indent:-9999px;line-height:0; font-size:0;margin:0;padding:0;background:transparent;float:left;} #box1 {width:100%; height: 145px; margin-top:0;} #box1 a:hover {background-position:0 -29px;} #box1 a {display:block; width:100%; height:29px;} #box1 h3 {height:29px;text-indent:-9999px;line-height:0; font-size:0;margin:0;padding:0;background:transparent;float:left;} #box2 a {display:block; width:100%; height:54px;} #box2 a img{ float:left; padding: 5px 0px 0px 13px;} #foto a {display:block; width:100%; height:54px;} #foto a img{ float:right; padding: 15px 13px 0px 10px;} #gbh { margin-left:25px; width:100%; height: 140px;} /* #box3 a {display:block; width:100%; height:60px;} #box3 a img{ float:right; padding: 10px 15px 0px 0px;}*/ #box .kocka1{width:49px; padding-left:10px;} .kocka1 a {background-image:url(slike/kocka1.jpg); padding-left:10px;} #box .kocka2{width:46px;} .kocka2 a {background-image:url(slike/kocka2.jpg);} #box .kocka3{width:46px;} .kocka3 a {background-image:url(slike/kocka3.jpg);} #box .kocka4{width:50px;} .kocka4 a {background-image:url(slike/kocka4.jpg);} #box .kocka5{width:49px;padding-left:10px;} .kocka5 a {background-image:url(slike/kocka5.jpg); padding-left:10px;} #box .kocka6{width:46px;} .kocka6 a {background-image:url(slike/kocka6.jpg);} #box .kocka7{width:46px;} .kocka7 a {background-image:url(slike/kocka7.jpg);} #box .kocka8{width:50px;} .kocka8 a {background-image:url(slike/kocka8.jpg);} #box .kocka9{width:49px; padding-left:10px;} .kocka9 a {background-image:url(slike/kocka9.jpg); padding-left:10px;} #box .kocka10{width:46px;} .kocka10 a {background-image:url(slike/kocka10.jpg);} #box .kocka11{width:46px;} .kocka11 a {background-image:url(slike/kocka11.jpg);} #box .kocka12{width:50px;} .kocka12 a {background-image:url(slike/kocka12.jpg);} #box1 .a {width:40px;padding-left:9px;} .a a {background-image:url(slike/a.jpg);padding-left:9px;} #box1 .b{width:38px;} .b a {background-image:url(slike/b.jpg);} #box1 .c{width:38px;} .c a {background-image:url(slike/c.jpg);} #box1 .c1{width:38px; } .c1 a {background-image:url(slike/c1.jpg);} #box1 .d{width:40px;} .d a {background-image:url(slike/d.jpg);} #box1 .e{width:40px;padding-left:9px;} .e a {background-image:url(slike/e.jpg);padding-left:9px;} #box1 .f{width:38px; } .f a {background-image:url(slike/f.jpg);} #box1 .g{width:38px;} .g a {background-image:url(slike/g.jpg);} #box1 .h{width:38px;} .h a {background-image:url(slike/h.jpg);} #box1 .i{width:40px;} .i a {background-image:url(slike/i.jpg);} #box1 .j{width:40px; padding-left:9px;} .j a {background-image:url(slike/j.jpg);padding-left:9px;} #box1 .k{width:38px;} .k a {background-image:url(slike/k.jpg);} #box1 .l{width:38px; } .l a {background-image:url(slike/l.jpg);} #box1 .m{width:38px;} .m a {background-image:url(slike/m.jpg);} #box1 .n{width:40px;} .n a {background-image:url(slike/n.jpg);} #box1 .o{width:40px;padding-left:9px;} .o a {background-image:url(slike/o.jpg);padding-left:9px;} #box1 .p{width:38px; } .p a {background-image:url(slike/p.jpg);} #box1 .r{width:38px;} .r a {background-image:url(slike/r.jpg);} #box1 .s{width:38px;} .s a {background-image:url(slike/s.jpg);;} #box1 .s1{width:40px;} .s1 a {background-image:url(slike/s1.jpg);} #box1 .t{width:40px;padding-left:9px;} .t a {background-image:url(slike/t.jpg);padding-left:9px;} #box1 .u{width:38px;} .u a {background-image:url(slike/u.jpg);} #box1 .v{width:38px;} .v a {background-image:url(slike/v.jpg);} #box1 .z{width:38px;} .z a {background-image:url(slike/z.jpg);} #box1 .z1{width:40px;} .z1 a {background-image:url(slike/z1.jpg);} /* ----------------DIV CONTENT ------------------------------ */ .greenborder{ border-bottom: 2px dotted #60723f;} .greenborder h1{font-size: 20px; font-style: italic; font-weight:bold; color:#60723f; padding: 15px 0 0 20px; } img.picture { /* levo poravnana slika*/float:left; padding: 0 10px 0 10px; } img.slika{ /* desno poravnana slika*/float:right;padding: 10px 10px 0 10px;} p {line-height:22px; font-size: 12px; font-weight:normal; padding: 0 15px 0 15px;} p.initial:first-letter { font-size:300%; } #port {width:240px; height: auto;margin:10px 0 0 20px; } #port ul {line-height:22px; font-size: 16px; font-weight:bold; } #port li {padding:5px 0 10px 30px; background:url("slike/lastnosti.gif") no-repeat 0px 0px;} #port li a:link, #port li a:visited, #port li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #port li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #gojenje {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #gojenje ul {line-height:22px; font-size: 16px; font-weight:bold; } #gojenje li {padding:5px 0 10px 30px; background:url("slike/gojenje.gif") no-repeat 0px 0px;} #gojenje li a:link, #gojenje li a:visited, #gojenje li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #gojenje li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #na {width:240px; height: auto;margin:15px 0 0 20px; } #na ul {line-height:22px; font-size: 16px; font-weight:bold; } #na li {padding:5px 0 10px 30px; background:url("slike/nasvet.gif") no-repeat 0px 0px; } #na li a:link, #na li a:visited, #na li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #na li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #problemi {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #problemi ul {line-height:22px; font-size: 16px; font-weight:bold; } #problemi li {padding:5px 0 10px 30px; background:url("slike/problemi.gif") no-repeat 0px 0px;} #problemi li a:link, #problemi li a:visited, #problemi li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #problemi li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #list {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #list ul {line-height:22px; font-size: 16px; font-weight:bold; } #list li {padding:5px 0 10px 30px; background:url("slike/list.gif") no-repeat 0px 0px;} #list li a:link, #list li a:visited, #list li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #list li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #dodatek {width:240px; height: auto;margin:15px 0 0 20px; } #dodatek ul {line-height:22px; font-size: 16px; font-weight:bold; } #dodatek li {padding:5px 0 10px 30px; background:url("slike/dodatek.gif") no-repeat 0px 0px; } #dodatek li a:link, #dodatek li a:visited, #dodatek li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #dodatek li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #zal {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #zal ul {line-height:22px; font-size: 16px; font-weight:bold; } #zal li {padding:5px 0 10px 30px; background:url("slike/zaliv.gif") no-repeat 0px 0px; } #zal li a:link, #zal li a:visited, #zal li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #zal li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #abeceda{width:520px; height: auto; padding-bottom:10px;} #abeceda ul li {padding:10px 0 0 10px; line-height:18px;letter-spacing:2px; } #abeceda ul li a:link, #abeceda ul li a:visited, #abeceda lu li a:active {display:inline; color:#3b4c04; font-weight:bold; font-style: italic;font-size:14px;} #abeceda ul li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 14px; background-color:#3b4c04;} #clanki {width:520px; height: auto; margin: 0; } #clanki ul{margin-top: 0; padding-top: 10px;} #clanki ul li {padding: 0 5px 0 15px;} #clanki ul li a:link, #clanki ul li a:visited, #clanki lu li a:active {display:block; color:#3b4c04; font-weight:bold; font-style: normal;line-height:18px;font-size:12px;} #clanki ul li a:hover {text-decoration:none; display:block; color:#3b4c04; font-weight:bold; font-style: normal;line-height:18px;font-size: 12px; background-color:#d0da69; margin-right: 130px;} #clanek{width:520px; height: auto; margin: 0; min-height:400px;} #clanek ul{margin-top: 0; padding-top: 10px;} #clanek ul li {padding: 0 5px 0 15px;} #clanek ul li a:link, #clanek ul li a:visited, #clanek lu li a:active {display:block; color:#3b4c04; font-weight:bold; font-style: normal;line-height:18px;font-size:12px;margin-right: 10px;} #clanek ul li a:hover {text-decoration:none; display:block; color:#3b4c04; font-weight:bold; font-style: normal;line-height:18px;font-size: 12px; background-color:#d0da69; margin-right: 10px;} /* ----------------HOROSKOP ------------------------------ */ #ribi {width:240px; height: auto;margin:10px 0 0 20px; } #ribi ul {line-height:22px; font-size: 16px; font-weight:bold; } #ribi li {padding:5px 0 10px 30px; background:url("slike/spomincice1a.gif") no-repeat 0px 0px;} #ribi li a:link, #ribi li a:visited, #ribi li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #ribi li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #oven {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #oven ul {line-height:22px; font-size: 16px; font-weight:bold; } #oven li {padding:5px 0 10px 30px; background:url("slike/maki1a.gif") no-repeat 0px 0px;} #oven li a:link, #oven li a:visited, #oven li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #oven li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #bik {width:240px; height: auto;margin:10px 0 0 20px; } #bik ul {line-height:22px; font-size: 16px; font-weight:bold; } #bik li {padding:5px 0 10px 30px; background:url("slike/vrtnica1a.gif") no-repeat 0px 0px;} #bik li a:link, #bik li a:visited, #bik li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #bik li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #dvojcki {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #dvojcki ul {line-height:22px; font-size: 16px; font-weight:bold; } #dvojcki li {padding:5px 0 10px 30px; background:url("slike/orhideje1a.gif") no-repeat 0px 0px;} #dvojcki li a:link, #dvojcki li a:visited, #dvojcki li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #dvojcki li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #rak {width:240px; height: auto;margin:10px 0 0 20px; } #rak ul {line-height:22px; font-size: 16px; font-weight:bold; } #rak li {padding:5px 0 10px 30px; background:url("slike/lilije1a.gif") no-repeat 0px 0px;} #rak li a:link, #rak li a:visited, #rak li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #rak li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #lev {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #lev ul {line-height:22px; font-size: 16px; font-weight:bold; } #lev li {padding:5px 0 10px 30px; background:url("slike/soncnice1a.gif") no-repeat 0px 0px;} #lev li a:link, #lev li a:visited, #lev li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #lev li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #devica {width:240px; height: auto;margin:10px 0 0 20px; } #devica ul {line-height:22px; font-size: 16px; font-weight:bold; } #devica li {padding:5px 0 10px 30px; background:url("slike/marjetice1a.gif") no-repeat 0px 0px;} #devica li a:link, #devica li a:visited, #devica li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #devica li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #tehtenica {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #tehtenica ul {line-height:22px; font-size: 16px; font-weight:bold; } #tehtenica li {padding:5px 0 10px 30px; background:url("slike/vijolice1a.gif") no-repeat 0px 0px;} #tehtenica li a:link, #tehtenica li a:visited, #tehtenica li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #tehtenica li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #skorpijon {width:240px; height: auto;margin:10px 0 0 20px; } #skorpijon ul {line-height:22px; font-size: 16px; font-weight:bold; } #skorpijon li {padding:5px 0 10px 30px; background:url("slike/perunika1a.gif") no-repeat 0px 0px;} #skorpijon li a:link, #skorpijon li a:visited, #skorpijon li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #skorpijon li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #strelec {width:240px; height: auto;margin-top:-33px; float:right; margin-right: 16px; } #strelec ul {line-height:22px; font-size: 16px; font-weight:bold; } #strelec li {padding:5px 0 10px 30px; background:url("slike/grasek1a.gif") no-repeat 0px 0px;} #strelec li a:link, #strelec li a:visited, #strelec li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #strelec li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} #kozorog {width:240px; height: auto;margin:10px 0 0 20px; } #kozorog ul {line-height:22px; font-size: 16px; font-weight:bold; } #kozorog li {padding:5px 0 10px 30px; background:url("slike/azalia1a.gif") no-repeat 0px 0px;} #kozorog li a:link, #kozorog li a:visited, #kozorog li a:active { color:#3b4c04; font-weight:bold; font-style: italic;font-size:16px; padding-left: 5px; padding-right:5px; margin-top: 50px;} #kozorog li a:hover {text-decoration:none; display:inline; color:#d0da69; font-weight:bold; font-style: italic;font-size: 16px; background-color:#3b4c04;} /* ----------------DIV INNER ------------------------------ */ #inner .rubrika {width:500px; height: 85px; background: url(slike/clanki.jpg) no-repeat top left; margin:10px 24px 0 8px;} #inner .rubrika h2 {text-indent: -9999px; height:38px;} #inner .rubrika ul {padding: 5px 0px 10px 25px; list-style-type: none; } #inner .rubrika li {padding-left: 15px; padding-bottom: 5px; line-height: 13px; } #inner .rubrika li a:link, #inner .rubrika li a:visited, #inner .rubrika li a:active {display:block; background:url("slike/tulipan.gif") no-repeat 0px 2px; color:#3b4c04; padding-left:15px; padding-bottom:5px; font-weight:bold; font-size:12px;} #inner .rubrika li a:hover {text-decoration:none; display:block; padding-left:15px; padding-bottom: 5px;color:#3b4c04; font-weight:bold; font-size: 12px; background-color:#d0da69; margin-right: 60px;} /* ----------------DIV CONTENT1 ------------------------------ */ #content1{width:100%; height:auto;background:url(slike/bg-content1.jpg) repeat-y top left; } #content1 .rubrika {width:932px; background: url(slike/galerija.jpg) no-repeat center 5px; } #content1 .rubrika h2 {text-indent: -9999px; height:38px;} #rob{width:932px; height: auto; margin-left: 32px; border: 2px dotted #60723f;} .tabela {border: solid 1 #336633;padding:10px;font-weight:bold; font-size: 12px;} .tabela td{color: #3b4c04; font-family: Georgia, Bickham Script Pro, Times New Roman, serif;} .tabela td a:link, .tabela td a:visited, .tabela td a:active {display:block; color:#3b4c04; padding-bottom:5px; font-weight:bold; font-size:12px;} .tabela td a:hover {text-decoration:none; display:block; padding-bottom: 5px;color:#3b4c04; font-weight:bold; font-size: 12px; background-color:#d0da69;} div.slovar{ /*pisava levo v horoskop*/padding:0px 0px 0px 80px;} div.govor { /*pisava desno v horoskop*/padding:0px 0px 0px 180px;} /* ----------------DIV FOOT ------------------------------ */ #foot{width:100%; height:auto; background: url(slike/bg-foot.jpg) repeat-y 0 center; margin-left:1px; clear:both;} #foot ul{ width:100%;height:auto; background: url(slike/bg-foot-top.jpg) no-repeat 0 0; padding: 35px 0 0 0; list-style-type: none;color: #d0da69; } #foot ul li {padding: 0 5px 0 25px; line-height: 17px; } #foot ul li a:link, #foot ul li a:visited, #foot lu li a:active {display:inline; color:#d0da69; font-weight:bold; font-size:12px;} #foot ul li a:hover {text-decoration:none; display:inline; color:#3b4c04; font-weight:bold; font-size: 12px; background-color:#d0da69; } .bg-bottom{ height:17px; padding-top:0;background: url(slike/bg-foot-bottom.jpg) no-repeat top left; } /* ---------------- ISKALNIK FORM ------------------------------ */ #iskalnik form {display:inline; width:174px; } #search {text-align:left; width: 145px; height:21px; padding:16px 0 0 10px; margin-left:10px; float:left; background:transparent; border:none;} #searchButton {width:35px; height:20px; margin:14px 0 0 1px; background:url(slike/gumb.jpg) left 0 no-repeat; border:none; float:left; font-size:0; color:#6a6e0c;} #searchButton:hover{background-position: left -20px ;}