body {
  margin: 0;
  padding: 0;
  font-size: 10pt;
  font-family: 'Source Sans Pro', sans-serif;
 background-color: #0071BB;
}

div {margin: 0; padding: 0;}

div#shadow {
z-index: 1;
position: fixed;
display: block;
width: 100%;
height: 100px;
background-image: url('imgs/sha.png');
background-repeat: repeat-x;
background-position: 0px 0px;
}

b {font-weight: 700;}

#fj {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 20%;
  display: block;
  width: 30px;
  height: 61px;
  padding: 15px 23px 15px 12px;
  background-color: #0071BB;
  background-image: url('imgs/fj.png');
  background-repeat: no-repeat;
  background-position: center;
}

.sekcija {
 width: 100%;
 height: auto;
 min-height: 768px;
 margin: 0;
 padding: 0px 0px 50px 0px;
 clear: both;
}

.sekcija:nth-child(odd) {
  background-color: #ED193A;
 background-image: url('imgs/gra2.png');
 background-repeat: repeat-x;
}


.sekcija:nth-child(even) {
  background-color: #0071BB;
 background-image: url('imgs/grad.png');
 background-repeat: repeat-x;
}

.sekcija h1 {font-size: 3em; margin: 0px 0px 0px 5%; padding: 120px 0px 0px 0px;}

.sekcija h1:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 200px;
height: 5px;
margin: 30px 0px 0px 0px;
}

.sekcija:nth-child(even) h1:after { background-color: #ED193A;}

.sekcija:nth-child(even) h1 { color: #f2f2f2;}

.sekcija:nth-child(odd) h1:after { background-color: #0071BB;}

.sekcija:nth-child(odd) h1 { color: #f2f2f2;}


.sekcija#home {
  background-color: #0071BB;
background-image: url('imgs/bgs/bgbg2.png');
background-size: cover;
background-position: right;
}

.sekcija#lineup {
  background-color: #0071BB;
 background-image: url('imgs/grad.png');
 background-repeat: repeat-x;
}

.sekcija#jkkc {
 background-image: url('imgs/bgs/truba.png');
 background-position: bottom right;
 background-repeat: no-repeat;
 background-size: 35%;
}

.sekcija#ofestu {
 background-image: url('imgs/bgs/lik.png');
 background-position: bottom right;
 background-repeat: no-repeat;
 background-size: 35%;
}

.sekcija#galerija {
 position: relative;
 height: auto;
}

#logo {
 position: relative;
 width: 35%;
 margin: 200px 0px 0px 0px;
 left: 5%;
}

p#lead, p#lu, p#quote, p#quotedva {
 position: relative;
 left: 5%;
 width: 65%;
 margin: 30px 0px 30px 0px;
 padding: 0;
 color: #f2f2f2;
 font-weight: 300;
 font-size: 2.5em;
 line-height: 1.5em;
} 

p#lead {
  width: 60%;
  position: relative;
  margin: 35px 0px 0px 0px;
  padding: 0;
}

p#lu {
  position: relative;
  width: 70%;
  margin: 60px 0px 0px 0px;
}

p#quotedva {
  position: relative;
  width: 80%;
  margin: 60px 0px 0px 0px;
  color: #f2f2f2;
}

p#quote {
  position: relative;
  width: 80%;
  margin: 60px 0px 0px 0px;
  color: #f2f2f2;
}

p#tekstdva {
 position: relative;
 left: 5%;
 width: 65%;
 margin: 30px 0px 30px 0px;
 padding: 0;
 color: #f2f2f2;
 font-weight: 300;
 font-size: 1.5em;
 line-height: 1.5em;
}

p#tekst {
 position: relative;
 left: 5%;
 width: 65%;
 margin: 30px 0px 30px 0px;
 padding: 0;
 color: #f2f2f2;
 font-weight: 300;
 font-size: 1.5em;
 line-height: 1.5em;
}

.sekcija#program table {
 width: 70%;
 position: relative;
 left: 5%;
 margin: 60px 0px 0px 0px;
 padding: 0;
 border-collapse: collapse;
}

.sekcija#program table tr {
 width: 100%;
 margin: 0;
 padding: 10px;
 border-top: 3px solid #0071BB;
 transition: 0.1s background ease-in-out;
}

.sekcija#program table tr:hover {
 background-color: #0071BB;
}

.sekcija#program table tr:hover sub { color: #f2f2f2; }

.sekcija#program table tr#naslov {
 border: none;
}

.sekcija#program table tr#naslov:hover {
 background-color: rgba(0,0,0,0);
}

.sekcija#program table tr#ime { border: none; }

.sekcija#program table tr#ime:hover { background-color: rgba(0,0,0,0); }

.sekcija#program table tr td:first-child { width: 20%; font-size: 16pt; font-weight: 700; line-height: 16pt; }

.sekcija#program table tr td {
 margin: 0;
 padding: 5px 0px 15px 0px;
 color: #f2f2f2;
}

.sekcija#program table tr td h5 {
 color: #f2f2f2;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 font-variant: small-caps;
}

.sekcija#program table tr td h3 {
 font-weight: 700;
 color: #f2f2f2;
 margin: 0px;
 padding: 30px 0px 0px 0px;
}

.sekcija#program table tr td sub { color: #f2f2f2; font-variant: small-caps; font-weight: 600; vertical-align: top; padding: 5px 0px 0px 0px;  transition: 0.1s color ease-in-out;}

.sekcija#sponzori #spon {
 position: relative;
 left: 5%;
 margin: 70px 0px 0px 0px;
 padding: 0;
 width: 95%;
}

.sekcija#jkkc #tekst sub {
 font-variant: small-caps; vertical-align: bottom; font-weight: 600;
}

.sekcija#sponzori #spon ul {
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 list-style: none; 
}

.sekcija#sponzori h3 { color: #f2f2f2; font-size: 1.4em; margin: 20px 0px; padding: 0px 0px 30px 0px; }

.sekcija#sponzori #spon ul li {
 display: inline;
 margin: 0px 0px 50px 0px;
 padding: 0px 50px 50px 0px;
}

.sekcija#sponzori #spon ul li img {
 max-width: 8%;
 height: auto;
 margin: 0px 0px 50px 0px;
}

iframe {
 width: 65%;
 margin: 0% 0% 0% 5%;
 padding: 0;
 left: 5%;
}