html, body {
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 100%;
}

body {
   text-align: center;
   font-family: arial, helvetica, sans-serif;
   font-size: 14px;
   overflow: scroll;
   background: #FFFFFF url("../slike/podloga.gif") repeat-x;
}

.cistiliste { clear: both; }

.nevidljivo { display: none; }

p {
   margin-bottom: 20px;
}

#zaglavlje {
   background-image: url("../slike/super_cisto.png");
   background-repeat: no-repeat;
   background-position: 30px 10px;
   height: 300px;
   width: 960px;
   margin: auto;
   position: relative;
   overflow: hidden;
}

#sjena {
   height: 5px;
   background: #FFFFFF url("../slike/sjena.gif") repeat-x;
}

#zaglavlje img { position: absolute; }

#zena { right: 0px; bottom: 0px; }
#ruka { right: 0px; bottom: -310px; }
#fleka_0, #fleka_1 { right: 140px; top: 50px; }

#izbornik {
   height: 38px;
   position: absolute;
   padding: 0px 50px;
   bottom: 0px;
   left: 5px;
   text-align: left;
}

#izbornik img {
   width: 50px;
   height: 38px;
   position: absolute;
   top: 0px;
}

#ip { left: 0px; }

#iz { right: 0px; }

#izbornik ul {
   display: inline-block;
   height: 38px;
   background-image: url("../slike/izbornik_podloga.png");
   background-repeat: repeat-x;
}

#izbornik ul li { float: left; }

#izbornik ul li a {
   display: inline-block;
   padding: 13px 10px 0px 10px;
   text-decoration: none;
   color: black;
}

#izbornik ul li a:hover { color: red; }

#radni_kontejner {
   margin: 10px auto;
   min-height: 444px;
   padding: 20px 20px 20px 320px;
   width: 630px;
   text-align: left;
   position: relative;
}

#radni_kontejner .cistilica {
   position: absolute;
   top: 0px;
   left: 0px;
}

.tekstovi {
   border-left: dotted 1px gray;
   margin: 0px;
   padding-left: 20px;
   min-height: 450px;
}

.naslov {
   border-bottom: dotted 1px gray;
   text-align: right;
   font-size: 2em;
   padding: 0px 5px 5px 0px;
   color: red;
   font-style: italic;
}

.sadrzaj {
   text-align: justify;
   margin-top: 20px;
   line-height: 150%;
}

.sadrzaj ul {
   list-style-type: disc;
   margin: 10px 0px 10px 20px;
   padding-left: 20px;
}

#referentna_lista {
   padding: 0px;
   list-style-position: inside;
}

#referentna_lista li {
   border-bottom: solid 1px gainsboro;
   padding: 7px 0px;
}

#podnozje {
   background-color: white;
   min-height: 165px;
   border-top: solid 1px gray;
   background: #000000 url("../slike/podnozje.gif");
   margin-bottom: 70px;
}

#podnozje_radno {
   margin: auto;
   width: 940px;
   min-height: 165px;
   padding: 13px 10px;
   text-align: right;
   color: gray;
}

#podnozje ul {
   float: left;
   list-style-type: disc;
   margin: 10px 0px 10px 20px;
   padding-left: 20px;
   text-align: left;
}

#podnozje ul li {
   margin-top: 5px;
}

#podnozje ul li a {
   text-decoration: none;
   color: black;
   display: inline-block;
}

#podnozje ul li a:hover { color: red; }

#kontakt {
   margin-top: 20px;
   margin-left: 20px;
}

#kontakt li { margin-top: 5px; }

#kontakt_slika {
   position: absolute;
   right: 0px;
   bottom: 0px;
}

#zavjesa {
   display: none;
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   text-align: center;
   background-image: url("../slike/transparent.png");
}


#zavjesa iframe {
   width: 854px;
   height: 510px;
   margin: 0px auto 50px auto;
   border: solid 5px orangered;
}

a.video {
   display: block;
   padding: 10px;
   margin-bottom: 10px;
   border: solid 1px gainsboro;
   text-decoration: none;
   color: gray;
}

a.video strong { color: orangered; }

a.video:hover { border: solid 1px orangered; }

a.video img {
   float: left;
   margin-right: 20px;
}

#video_izlaz {
   width: 854px;
   height: 40px;
   margin: 100px auto 0px auto;
}

#video_izlaz a {
   display: block;
   height: 27px;
   float: right;
   padding-right: 50px;
   padding-top: 13px;
   background-image: url("../slike/izlaz.png");
   background-repeat: no-repeat;
   background-position: right center;
   text-decoration: none;
   font-weight: bold;
   color: black;
}

#video_izlaz a:hover {
   background-image: url("../slike/izlaz_hover.png");
   color: red;
}

#folija {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
   text-align: center;
   display: none;
}

#hamag_bicro {
   width: 600px;
   background-color: white;
   border-radius: 20px;
   min-height: 200px;
   margin: 100px auto 100px auto;
   text-align: center;
   position: relative;
}

#hamag_bicro {
   font-size: 18px;
   display: block;
   padding: 15px;
   -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
   box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
}

#zatvori {
   position: absolute;
   width: 100px;
   height: 15px;
   top: -30px;
   right: 25px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background-color: white;
   font-size: 14px;
   padding: 8px;
}

#zatvori a, #saznaj_hamag { color: #ff9999; text-decoration: none; }

#zatvori a:hover, #saznaj_hamag:hover { color: red; }

#taraba {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   height: 70px;
   background-color: white;
   -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
   box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
   text-align: center;
}

#taraba div {
   margin: auto;
   width: 960px;
   height: 70px;
   text-align: center;
}

#taraba div img {
   height: 70px;
   width: auto;
   margin: 0 60px 0 0;
   vertical-align: middle;
}

/* AIDA ART ---------------------------------------------------------- */

#aidaart {
   position: fixed;
   display: none;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: url("../slike/aapodloga.png");
   text-align: center;
   font-family: Roboto;
   color: white;
}

#aacontent {
   position: absolute;
   top: 10%;
   bottom: 10%;
   left: 50%;
   width: 960px;
   margin-left: -480px;
   background-color: rgba(0, 0, 0, .9);
   border-radius: 15px;
   text-align: left;
}

#aaTitle {
   margin: 15px;
   border-bottom: solid 1px white;
   font-size: 40px;
   padding-bottom: 5px;
}

#aaTitle img {
   margin-right: 10px;
   height: 90px;
   width: auto;
}

#aaTitle a {
   float: right;
   color: white;
   text-decoration: none;
   font-size: 36px;
   margin-right: 15px;
   padding: 20px 0 0 0;
   line-height: 0;
}

#aaTitle a:hover {
   color: red;
}

#aaText {
   margin: 15px;
   text-align: justify;
}

#aaText img {
   float: right;
   margin-left: 15px;
}

#aaSlike {
   width: 925px;
   margin-left: 15px;
}

#aaSlike #velika {
   width: 440px;
   height: 290px;
   float: right;
   margin-right: 70px;
   margin-top: 25px;
   border: solid 1px gray;
}

#maleSlike {
   width: 380px;
   display: inline-block;
}

#maleSlike img {
   margin-right: 10px;
   margin-bottom: 10px;
   cursor: pointer;
   border: solid 1px gray;
}

#maleSlike img:hover {
   outline: 3px red solid;
}