/* USTAVIMO GRIPO \ www.ustavimogripo.si VERSION 1.0 \ Last Edit: 09-08-2009 PROJECT & DESIGN: STUDIO 3S \ www.studio-3s.si WEB DEVELOPMENT: KODAMOTIV \ www.kodamotiv.com CONTENTS ---------- 1.BODY 2.DEFAULT STYLING 3.HEADINGS 4.LINKS 5.IMAGES 6.LAYOUT 7.LEFT COLUMN 8.MAIN COLUMN 9.INDEX ------------------- COLORS ------------ text #231f20 - black titles #de1738 - red links #de1738 - red small #c4bbb1 - light brown ------------------- */ /* 1. BODY ---------------------------------------------------------------------- */ * {margin:0;padding:0;} html {min-height:100%; height:auto;} body {background:#c4bbb1 url(../slike/body_bg.jpg) bottom repeat-x !important; background:#c4bbb1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20;} /* 2. DEFAULT STYLING ---------------------------------------------------------------------- */ p,ul,dl,ol { padding-bottom:13px; line-height:16px; } ul li { margin-left:20px; } ol { list-style:decimal; } ol li { margin-left:20px; padding-bottom:3px; } small {font-size:10px; color:#c4bbb1; padding-bottom:2px; display:block;} cite {font-size:11px; color:#49413c;} fieldset {border:solid 1px #ede9e5;} legend {font-size:13px; color:#de1738; font-weight:bold; padding:3px;} hr {border: 0; background-color:#dcd6d0; color:#dcd6d0; height:1px; margin-bottom:13px; clear:both;} blockquote {padding:13px 13px 0 13px; margin-bottom:13px; font: normal 13px Arial, Helvetica; color:#de1738; border:solid 1px #de1738; background:#f3f1ef;} abbr {font-style:normal; color:#8B7965; font-size:11px; cursor: help} table {border-collapse:collapse; width:100%; margin-bottom:13px;} table th {background:#E91738; color:#fff; padding:5px;} table tr:hover {background:#f3f1ef;} table td{border-color:#e5e0dc;border-width:1px;border-style:solid;text-align:center; padding:5px;} /* 3. HEADINGS ---------------------------------------------------------------------- */ h1 {font-size:25px; color:#de1738; font-weight:normal; padding-bottom:16px; line-height:24px; letter-spacing:-1px;} h2 {font-size:20px; color:#de1738; font-weight:normal; padding-bottom:16px;} h3 {font-size:13px; color:#de1738; font-weight:bold; padding-bottom:4px; } h4 {font-size:11px; color:#231f20; font-weight:bold; padding-bottom:4px; } /* 4. LINKS ---------------------------------------------------------------------- */ a {color:#de1738; text-decoration:none;} a:hover {text-decoration:underline;} a.push { background:transparent url(../slike/arrowLink.gif) center right no-repeat; margin-top:5px; padding-right:10px; font-weight:bold; text-align:right;display:block; font-size:11px;} a.link { background:transparent url(../slike/arrowLink.gif) center right no-repeat!important; margin-top:5px; padding-right:10px; font-size:12px;font-weight:bold;} a.linkSmall { background:transparent url(../slike/arrowLink.gif) center right no-repeat; margin-top:5px; padding-right:10px; font-size:11px;font-weight:bold;} a.up { background:transparent url(../slike/up.gif) center right no-repeat; margin-top:-5px; padding-right:10px; font-size:11px;font-weight:bold;display:block; width:36px;float:right; margin-bottom:8px;} a.download { background:transparent url(../slike/download.gif) center right no-repeat; margin-top:-5px; padding-right:20px; font-size:11px;font-weight:bold;display:block; width:36px; margin-bottom:8px;} a.next {float:right; width:280px; display:block; text-align:right; font-weight:normal;} a.prev {float:left; width:280px; display:block; text-align:left;font-weight:normal;} /* 5. IMAGES ---------------------------------------------------------------------- */ img {display:block; border:none; } img.left { float:left; margin:0 20px 10px 0; } img.right { float:right; margin:0 0 10px 10px; } /* 6. LAYOUT & DESIGN & GENERIC STYLES ---------------------------------------------------------------------- */ #container {width:960px; margin:15px auto 30px auto; background:transparent url(../slike/footer.png) no-repeat; background-position:188px bottom; padding-bottom:18px; position:relative; } #container .clear {clear:both;} #container .shade {background:#fff url(../slike/boxTop_bg.gif) top repeat-x; } #container .divider {height:25px; } /* 7. LEFT COLUMN ---------------------------------------------------------------------- */ #leftCol { width:188px; float:left; } #leftCol .logo h1 { text-indent:-9999px; background:transparent url(../slike/logo.jpg) top left no-repeat; margin:0 0 5px 0; padding:0;} #leftCol .logo h1 a {display:block;width:188px; height:94px; } /* English version */ #leftCol .logoEng h1 { text-indent:-9999px; background:transparent url(../slike/logoEng.jpg) top left no-repeat; margin:0 0 5px 0; padding:0;} #leftCol .logoEng h1 a {display:block;width:188px; height:94px; } #leftCol ul {padding:0; margin:0 0 0 20px; width:168px; list-style:none;} #leftCol ul li {margin-left:0;} #leftCol ul li a { font:normal 10px "Arial Black", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; padding:4px 0 10px 0; height:16px;width:168px; display:block; background-image: url(../slike/nav.gif); background-repeat: repeat-x; background-position: 0 0; text-align:center;} #leftCol ul li a:hover, #leftCol ul li a.selected {margin:0; background-position: 0 -30px;} #leftCol ul li a:active {margin:0; background-position: 0 -60px;} #leftCol ul li a:focus {outline:none;} #leftCol ul li ul {margin:-6px 0 8px 0; padding-bottom:4px; background:transparent url(../slike/navSub_ul_shadow.gif) bottom repeat-x; width:168px;} #leftCol ul li ul a {background:transparent url(../slike/navSub.gif) top repeat-x; width:158px; text-align:left; padding:6px 0 4px 10px; height:15px; color:#8a7863; font:bold 11px Arial, Helvetica, sans-serif;} #leftCol ul li ul a:hover, #leftCol ul li ul a.selectedSub {color:#fff; background:transparent url(../slike/navSub_down.gif) top repeat-x;} #leftCol .lcBoxSprites {background:transparent url(../slike/leftColBox.png); background-repeat:no-repeat;} #leftCol .lcBox {font-size:11px; margin:5px 0;} #leftCol .lcBoxTop { background-position:0 0; background-repeat:no-repeat; height:12px;} #leftCol .lcBoxCenter { background-position:-188px 0; background-repeat:repeat-y; padding:0 12px;} #leftCol .lcBoxBottom { background-position:-376px 0; background-repeat:no-repeat; height:17px;} #leftCol .lcBox span {font-size:26px; font-weight:bold; color:#de1738; display:block; text-align:center; width:100%; } #leftCol .lcBox a {font-size:12px; } #leftCol .langSwitch { height:44px; background:transparent url(../slike/langTab.png) top right no-repeat;} #leftCol .langSwitch a.eng {font-weight:bold; margin-left:130px; padding: 10px 0; display:block;} #leftCol .langSwitch a.si {font-weight:bold; margin-left:120px; padding: 10px 0; display:block;} /* 8. MAIN COLUMN ---------------------------------------------------------------------- */ #mainColIndex {width:590px; float:left; background:#fff;} #mainColInner {width:560px; min-height:600px; height:auto !important; height:600px; float:left; background:#fff url(../slike/boxTop_bg.gif) top repeat-x; padding:15px;} /* 9. RIGHT COLUMN ---------------------------------------------------------------------- */ #rightCol {float:left;} #rightCol .pannelCall {width:182px; height:60px; background:transparent url(../slike/phone.jpg) top left no-repeat; text-indent:-9000px;} #rightCol .pannelCall a {display:block; height:60px;} #rightCol .pannelEmail {width:182px; height:60px; background:transparent url(../slike/writteToUs.jpg) top left no-repeat; text-indent:-9000px;} #rightCol .pannelEmail a {display:block; height:60px;} #rightCol .pannelEmail_eng {width:182px; height:60px; background:transparent url(../slike/writteToUs_eng.jpg) top left no-repeat; text-indent:-9000px;} #rightCol .pannelEmail_eng a {display:block; height:60px;} #rightCol .pannelInfo{width:182px; height:60px; background:transparent url(../slike/vacin.jpg) top left no-repeat; text-indent:-9000px;} #rightCol .pannelInfo a {display:block; height:60px;} #rightCol .rcBoxSprites {background:transparent url(../slike/rightColBox.png);} #rightCol .rcBox {width:182px;font-size:11px; margin-bottom:3px;} #rightCol .rcBoxTop { background-position:0 0; background-repeat:no-repeat; height:12px;} #rightCol .rcBoxCenter { background-position:-182px 0; background-repeat:repeat-y; padding:0 12px;} #rightCol .rcBoxBottom { background-position:-364px 0; background-repeat:no-repeat; height:17px;} /* kampanja bg image */ #rightCol a.medijska_kampanja {display:block; text-indent:-9999px; height:91px;background:transparent url(../slike/medijska_kampanja.jpg) top left no-repeat;} #rightCol a.medijska_kampanja_eng {display:block; text-indent:-9999px; height:91px;background:transparent url(../slike/medijska_kampanja_eng.jpg) top left no-repeat;} /* 10. INDEX ---------------------------------------------------------------------- */ #newsPush {width:590px; background:#fff;} #newsPush .lastWrap { border-bottom:solid 1px #e5e0dc; } #newsPush .lastImage { float:left; width:385px; } #newsPush .lastText { width:181px; padding:12px 12px 0 12px; float:left;} #newsPush .reecent { width:181px; padding:12px 12px 0 12px; float:left;} #newsPush .reecent ul {list-style:none; } #newsPush .reecent ul li {margin:0;padding:0;} #newsPush .reecent ul li h2 {font-size:16px; margin:0; padding:0 0 5px 0;} #newsPush .reecent ul li h2 a {background:transparent url(../slike/arrowLink.gif) center right no-repeat; padding-right:10px;} #push .pushPrevention { width:360px; border-right:solid 1px #e5e0dc; padding:12px 12px 15px 12px; float:left;} #push .question {width:173px; padding:0 20px 0 0; float:left;} #push .pushPrevention .pictogram {float:left; } #push .pushPrevention .pictogram img {border:none;} #push .faq {float:left; padding:12px 12px 0 12px;width:181px; font-size:14px;} #push .faq p {line-height:19px;} /* 11. NOVICE ---------------------------------------------------------------------- */ #mainColInner ul.archive { list-style:none; } #mainColInner ul.archive li { border-bottom:solid 1px #e5e0dc; margin-left:0; padding:8px 5px 5px 5px;} /* 12. MULTIMEDIA ---------------------------------------------------------------------- */ .mm_right {float:left; width:430px;} .mm_right img {border:solid 1px #e5e0dc; padding:1px;} #mediaNav {padding:0; list-style:none;margin:0;} #mediaNav li {float:left; margin:15px 0; padding:0; background:transparent url(../slike/media_nav.gif) repeat-x; height:30px;} #mediaNav li.med_selected a {background:transparent url(../slike/media_nav.gif) repeat-x; background-position:0 -30px; color:#fff;} #mediaNav li a { margin:0; padding:5px 35px; height:14px; color:#8a7863; font:bold 11px Arial, Helvetica, sans-serif; border-left:solid 1px #d1c9c1; border-right:solid 1px #bbb0a5; text-transform:uppercase; text-decoration:none; display:block;} #mediaNav li a:first-child {border-left:none;} #mediaNav li a:hover {color:#fff;} /* 13. FORM ---------------------------------------------------------------------- */ #form {margin:0; padding:10px; list-style:none;} #form li {padding:6px 0; margin:0; border-top:dotted 1px #ede9e5;} #form li b {color:#de1238;} #form li:first-child {border-top:none;} #form li label {width:200px; float:left;} #form li .field {width:250px; padding:1px; margin-right:10px; font:normal 12px Arial, Helvetica, sans-serif;} #form li .text {height:100px;} #form li .submit {background:#C4BBB1; color:#fff; border:solid 1px #8B7963; padding:2px 7px;} /* 14. FOOTER ---------------------------------------------------------------------- */ #footer {position:absolute; bottom:-20px; left:285px; background:transparent; width:560px; font-size:11px; color:#F0F1EC;} #footer a {color:#F0F1EC; font-weight:bold;} #footer_eng {position:absolute; bottom:-20px; left:255px; background:transparent; width:560px; font-size:11px; color:#F0F1EC;} #footer_eng a {color:#F0F1EC; font-weight:bold;}