/* MAIN MICROSITE CSS */
.default_microsite.microsite .pageBody{
  width:100%
}

.bocniMeniStrane{
  background: #467;
  display: flex;
  justify-content: space-around;
  padding: 10px 200px;
}
.bocniMeniStrane li{
  max-width: 200px;
  border:1px solid #eee;
}
.bocniMeniStrane li a{
  text-decoration: none;
  padding: 10px 30px;
  display: block;
  color:#eee;
}
/*LETNJA SKOLA*/
.microsite{width: 100%; margin: 0px; padding: 0px}
.microsite .pageBody{padding: 0px}
.microsite .oblast_zaglavlja, .microsite .oblast_futera{display: none}
.obuka_header{display: flex;; padding: 20px 60px; box-sizing: border-box;background:#e7e7e7;}
.obuke_header .obuka_logo{width: 220px; display: block; width: 20%; }
.obuka_header .obuka_logo a{width: 100%; display: block;}
.obuka_header .obuka_logo img{width: 100%; display: block;}
.obuka_header .obuka_name{width: 40%; text-align: center; font-size: 24px}
.obuka_header .obuka_glavni_meni{width: 50%;}
.obuka_header .obuka_glavni_meni ul{display: flex; justify-content: space-around;}
.obuka_header .obuka_glavni_meni ul li{list-style: none;}
.microsite .banner{position: relative; width:100%}
.microsite .banner img{width:100%; display: block}
.microsite .banner .tekst{position: absolute; top: 20%;; left: calc(100% - 75%) }
.microsite .banner .tekst h2{font-size: 30px; color: #fff; margin-top: 30px; text-align: center}
.microsite .banner .tekst h3{font-size: 40px; color: #fff; font-weight: lighter; text-align: center}
.microsite .banner .tekst p{text-align: center; margin-top: 60px; color: #fff; font-size: 20px}
.microsite .obuka_letnja_skola{text-align: center;}
.microsite .slika_teme span, .microsite .slika_prijava span{
  background: red;
  display: block;
}
.microsite .slika_teme span img, .microsite .slika_prijava span img{
  display: block;width: 100%;
}


.microsite .obuka_letnja_skola h4{color: var(--red); margin-top: 30px}
.microsite .obuka_letnja_skola h2{color: #828282;; margin: 40px 0; text-transform: uppercase;}
.microsite .obuka_letnja_skola p{color: #828282; padding: 0 60px;}

.microsite .obuka_teme{width: 100%; margin: 70px auto; position: relative;}
.microsite .obuka_teme .topics{position: absolute; top: 10%; left: calc(100% - 58%); background: rgba(250,250,250,.4); box-sizing: border-box; padding: 20px}
.microsite .obuka_teme h2{text-align: center; margin-top: 5px;padding-bottom: 10px}

.microsite .obuka_predavaci{width: 80%; margin: 0px auto 80px}
.microsite .obuka_predavaci >div{margin: auto;}
.microsite .obuka_predavaci h2{text-align: center; margin: 80px 0 30px}
.microsite .obuka_predavaci ul{display: flex; flex-wrap: wrap; width: 100%; margin: auto;}
.microsite .obuka_predavaci ul li{display: block;width: 30%; margin: 40px auto; list-style: none;}
.microsite .obuka_predavaci li .slika_predavac{width: 160px;height: 160px; display: block; margin: 10px auto 20px; overflow: hidden; border-radius: 50%;}
.microsite .obuka_predavaci li .slika_predavac img{width: 100%; display: block;}
.microsite .obuka_predavaci li .ime_predavaca {display: block;text-align: center; width: 100%;font-size: 20px; }


.microsite .obuke_prijava {width: 100%; margin: auto;position: relative}
.microsite .obuke_prijava .prijava_cena{margin-top: 0px;position: absolute; top: 10px; bottom: 10px; left: calc(100% - 90%) ;background: rgba(250,250,250, .9); border-radius: 20px; padding: 20px; box-sizing: border-box; width: 80%}
.microsite .obuke_prijava h2{padding-bottom: 20px; text-align: center;text-transform: uppercase; color: #828282; font-weight: normal}
.microsite .obuke_prijava ul li {padding-bottom: 2px; color: #828282}
.microsite .obuke_prijava ul li a{color: #828282;}

.microsite .obuka_arhiva {width: 60%; margin: 80px auto;}
.microsite .obuka_arhiva h2 {margin-bottom: 20px}
.microsite .obuka_arhiva p{margin-bottom: 8px}
.microsite .obuka_arhiva p a{color: #2cc7c1; }
.microsite .obuka_arhiva a:hover{color: #23527c; text-decoration: underline}

.microsite .obuka_footer{background: #525b64; padding: 20px 0px; margin-top: 30px;}
.microsite .obuka_footer h3, .microsite .obuka_footer ul {text-align: center;color: #ccc; }
.microsite .obuka_footer ul li{color: #ccc; list-style: none;}
.microsite .obuka_footer a{color: #2cc7c1}
.microsite .container{background: #3f464c;}
.microsite .container p{text-align: center; color: #ccc; padding: 10px; box-sizing: border-box}