@charset "utf-8"; @import "heading.css";
* {	margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; font: 12px/21px Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #707070; background: #fff url(../assets/images/bg-top.jpg) repeat-x top left; }
/* ---------- ELEMENTS: a ---------- */
a:link, a:visited, a:hover, a:active, a:focus, li p a:link, li p a:visited { border-bottom: 1px dashed #866f5b; text-decoration: none; color: #866f5b; }
a:hover, li p a:hover, li a:link, li a:visited { border: 0 none; color: #7d0000; }
/* ---------- ELEMENTS: p ---------- */
p { padding-bottom: 1.25em; text-align: justify; }
p.bottom-border, h2.bottom-border#h2-index { border-bottom: 4px double #ccc; padding-bottom: 1.5em; }
p.creator { font-size: 11px; text-align: right; }
.i { font-style: italic; color: #866f5b; }
/* ---------- ELEMENTS: ul, li ---------- */
ul { padding: 0.5em 0 1.5em 0; }
ul li { padding: 0.5em 0 1.6em 0; border-top: 4px double #ccc; list-style-type: none; }
ul li img { border: 0 none; }
/* ---------- BRANDING ---------- */
div#branding { position: relative; width: 100%; height: 100%; background: url(../assets/images/logo.jpg) no-repeat 0px -2px; z-index: 1 }
div#slogan1, div#content-bg { position: absolute; width: 100%; height: 1000px; background: url(../assets/images/letters.gif) no-repeat 640px 125px; z-index: 2; }
/* div#content-bg { background: url(../assets/images/bg.jpg) no-repeat 280px 225px; z-index: 3; } */
div#margin-top { width: 100%; height: 185px; }
/* ---------- NAVIGATION: background ---------- */
div#nav { position: relative; float: left; /* OPERA; padding-right: 570px; */ margin-top: 7px; width: 300px; background: url(../assets/images/nav-top.gif) no-repeat 90px 0px; z-index: 6; }
div#nav #grad { margin-top: 101px; width: 100%; height: 245px; background: url(../assets/images/nav-grad.gif) repeat-y 90px 0; }
div#nav #grad #bottom { margin-top: 219px; width: 100%; height: 43px; background: url(../assets/images/nav-bottom.gif) no-repeat 90px 0; }
div#nav-branding { background: url(../assets/images/nav-kejatz.gif) no-repeat 105px 40px; }
div#nav-adsense { margin-top: 25px; padding-left: 101px; }
div#nav-logo { height: 50px; background: url(../assets/images/nav-logo.gif) no-repeat 105px 0px; }
/* ---------- NAVIGATION: links ---------- */
#nav a, #nav a:link, #nav a:visited, #nav span { position: absolute; left: 103px; border: 0 none; font: 10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #444; }
#nav a:hover, #nav a:active { color: #a51a0a; background-color: #f1f1f1; }
#nav #a1, #nav #a2, #nav #a3, #nav #a4, #nav #a5, #nav #a6, #nav #a7, #nav #a8, #nav #a9, #nav #a10, #nav #a11, #nav #a12 { border-bottom: 1px solid #e8e8e8; padding: 2px 0 4px 11px; width: 132px; }
#nav #a1 { top: 24px; padding: 6px 0 6px 11px; }
#nav #a2 { top: 131px; padding-bottom: 3px; }
#nav #a3 { top: 170px; }
#nav #a4 { top: 210px; border-width: 3px; }
#nav #a10 { top: 233px; padding: 14px 0 14px 11px; }
#nav #a11 { top: 276px; padding: 14px 0 14px 11px; }
#nav #a12 { top: 319px; border: 0 none; padding: 14px 0 15px 11px; }
body.Index #nav #a1,
body.Fudbal #nav #a2, body.Fudbal1 #nav #a2, body.Fudbal2 #nav #a2, body.Fudbal3 #nav #a2,
body.Putovanja #nav #a3, body.Putovanja1 #nav #a3, body.Putovanja2 #nav #a3,
body.Galerija #nav #a4, body.Galerija1 #nav #a4, body.Galerija2 #nav #a4,
body.Kejci #nav #a10, body.Kejci1 #nav #a10, body.Kejci2 #nav #a10, body.Kejci3 #nav #a10, body.Kejci4 #nav #a10, body.Kejci5 #nav #a10, body.Kejci6 #nav #a10,
body.Istorijat #nav #a11,
body.Kontakt #nav #a12 { color: #707070; background: #f1f1f1; }
div#nav-branding p a:link, div#nav-branding p a:visited { position: static; /* MOZILLA fix */ display: inline; /* MOZILLA fix */ border-bottom: 1px dashed #866f5b; font-weight: bold; line-height: 18px; color: #866f5b; }
div#nav-branding p a:hover, div#nav-branding p a:active { border-bottom: 1px dashed white; color: #7d0000; background: #fff; }
/* ---------- NAVIGATION: text ---------- */
#nav #s1, #nav #s2, #nav #s3, #nav #s4, #nav #s5, #nav #s6, #nav #s7, #nav #s8, #nav #s9 { padding: 0 0 8px 11px; font-weight: bold; color: #cad6bd; /* color: #c2cbe2; */ }
#nav #s1 { top: 90px; border-bottom: 3px solid #e8e8e8; padding-bottom: 5px; width: 132px; color: #444; }
#nav #s2 { top: 116px; }
#nav #s3 { top: 155px; }
#nav #s4 { top: 195px; }
#nav #s5 { top: 235px; }
#nav #s6 { top: 275px; }
#nav #s7 { top: 315px; }
#nav #s8 { top: 355px; }
#nav #s9 { top: 395px; }
div#nav-branding p { padding: 100px 0 0 111px; }
/* ---------- CONTENT ---------- */
div#content { position: absolute; /* OPERA; position: relative; float: left; */ margin-left: 300px; /* OPERA; margin-left: -570px; */ width: 565px; z-index: 7; }
div#kej-heading-adsense { height: 17px; margin: 20px 0 0; } div#kej-heading-adsense-kejci { margin-bottom: 25px; } body.Fudbal div#kej-heading-adsense, body.Putovanja div#kej-heading-adsense, body.Galerija div#kej-heading-adsense { height: 28px; margin: 0px; }
div.viewer-wrap { margin-top: 0.5em; text-align: center; }
div.player-wrap { margin: 30px 0 20px; text-align: center; }
div#viewer, div#player { margin-top: 5em; }
/* ---------- BOTTOM ---------- */
div#margin-bottom { position: absolute; top: 108.3em; width: 100%; height: 11.166em; /* 11.166em=134px */ background: url(../assets/images/bg-bottom.jpg) repeat-x bottom left; z-index: 8; }
body.Index div#margin-bottom { top: 1138em; }
body.Fudbal div#margin-bottom { top: 111em; }
body.Galerija1 div#margin-bottom { top: 120em; }
#validation { margin-left: 300px; border-top: 4px double #ccc; padding-top: 4px; width: 565px; font: 10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #ababab; }
#validation a { margin-left: 1px; line-height: 18px; }
#kej-footer-adsense { position: absolute; top: -80px; left: 347px; }
/* ---------- CONTENT: index ---------- */
div.vesti-novo { float: left; margin-top: 1.6em; margin-bottom: 1.6em; border-bottom: 4px double #ccc; padding-bottom: 1.6em; width: 100%; }
div.vesti-novo h3 { font-size: 18px; color: maroon; }
div.vesti-novo h4 { margin-bottom: 1em; font-size: 14px; color: maroon; }
div.vesti-novo ol { padding-left: 18px; }
div#vesti { float: left; margin-top: 1.6em; width: 240px; }
div#vesti div { margin-bottom: 2em; padding: 0 15px 1.5em 0; border-bottom: 4px double #ccc; border-right: 4px double #ccc; }
div#vesti div#last { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
/* div#vest, div.vest { float: left; clear: both; margin-top: 2.5em; border-right: 4px double #ccc; border-bottom: 4px double #ccc; padding: 0 8px 1.5em 0; width: 231px; } */
div#galerija { float: right; margin-top: 2.5em; }
div#galerija img { margin: 1em 0; }
div#galerija p.creator { margin-bottom: 1.5em; }
/* ---------- CONTENT: kejci ---------- */
div#kejci a { display: block; float: left; margin: 1.5em 1.04em 0 0; border: 0 none; }
div#kejci a.last { margin-right: 0; }
div#kejci div a { border: 1px solid #ccc; }
div#kejci div a img { margin: 0.4em; border: 0 none; }
div#kejci div a:hover, div#kejci div a:active { border: 1px solid #396800; }
div#profile { float: left; margin: 0 2em 0 0; border: 1px solid #ccc; }
div#profile img { margin: 0.6em; }
/* ---------- CONTENT: kontakt ---------- */
#questionnarie { position: relative; }
#questionnarie p { padding: 0.8em 0 0.2em; }
fieldset { border: 2px solid #d4d0c8; padding: 1.5em 0 0.75em; width: 550px; color: #707070; }
fieldset#about-project { height: 407px; }
fieldset#project-details { width: 565px; text-align: center; }
label, label span { float: left; padding: 0 1em 0.35em 0; }
label { width: 100%; }
label span { width: 55%; text-align: right; }
input, select, textarea { margin-bottom: 0.45em; border: 1px solid #d4d0c8; width: 190px; font: 13px Arial; color: #707070; }
#c0, #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8 { width: 15px; margin-top: 4px; }
fieldset#project-details textarea { overflow: auto; margin: 0 auto 8px; width: 502px; }
#submit { position: relative; top: 15px; left: 468px; margin-bottom: 0; border: 1px solid #7d0000; width: 100px; height: 25px; font: 12px Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #7d0000; background: #fff; }
#submit:hover { border: 1px solid #866f5b; color: #866f5b; }