@font-face {
  font-family:icons;
  src:url(site_includes/css/font-awesome/fonts/FontAwesome.otf)
}
@font-face {
  font-family:g_icons;
  src:url(site_includes/css/fonts/google_icons.ttf)
}
@font-face {
  font-family:montserrat;
  src:url(site_includes/css/fonts/montserrat.ttf)
}
@font-face {
  font-family:montserrat_bk;
  src:url(site_includes/css/fonts/montserrat_black.ttf)
}
@font-face {
  font-family:pfc;
  src:url(site_includes/css/fonts/pfc_bold.ttf)
}
* {
  padding:0;
  margin:0
}
HTML {
  width:100%
}
BODY {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-size:14px;
  overflow-x:hidden;
  overflow-y:scroll;
  color:#505050;
  font-family:asap,sans-serif
}
:root {
  --main:#23a8e0;
  --primary:#48484a;
  --main_gradient:radial-gradient(50% 50% at 50% 50%,#99c75b 0%,rgba(153,199,91,0) 100%);
  --brown:#ed1c24;
  --orange:#f8971d;
  --fl:24px;
  --fxl:36px;
  --fm:20px;
  --fn:16px;
  --fs:14px;
  --fxs:12px;
  --fxxs:9px;
  --th:rgba(86,191,12,.05);
  --negative_color:#eee;
  --width_inner:1200px;
  --width_min:800px
}
.hidden,
.mobile_off {
  display:none!important
}
img {
  width:100%;
  height:auto
}
a {
  text-decoration:none;
  outline:none
}
.icons,
.index .searchDugme {
  font-family:icons
}
.g_icon {
  font-family:g_icons
}
.active_page {
  display:block!important
}
.app_messages {
  text-align:center;
  padding:30px 20px;
  border:1px solid var(--main);
  width:80%;
  margin:30px auto 0 auto;
  background:#fff;
  border-radius:10px;
  color:#f33;
  font-size:var(--fn)
}

.glavni_meni,
.userBar,
.catalog_search,
.top_baner,
.sideCatNav {
  display:none!important
}
.logo_header {
  background:var(--main)
}
.logo_header a {
  display:block;
  _background:red;
  width:70%;
  padding:0 16px;
  box-sizing:border-box
}
.logo_header img {
  filter:invert(1) brightness(10)
}
.zaglavlje_content {
  display:flex;
  position: relative;
}
.meni_jezici {
  background:var(--main);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:0 10px 0 0
}
.meni_jezici li {
  list-style:none
}
.meni_jezici li a {
  color:inherit
}
.oblast_strane {
  background:var(--primary)
}
.image_tiles {
  width:90%;
  text-align:center;
  margin:auto;
  list-style:none;
  padding:20px 0 40px 0;
  box-sizing:border-box;
  color:#999
}
.image_tiles .tile_element {
  padding:10px
}
.tile_element a {
  color:inherit;
  font-size:20px
}
.organizator {
  padding-bottom:50px
}
.org_desno a {
  display:block;
  margin:auto;
  color:#999;
  font-size:20px;
  text-align:center
}

.pageBody p{
  line-height: 1.8em;
  padding: 10px 0;
}

.pageBody a{
  color: var(--orange);
}

#coll_middle{
    padding:30px;
}

.catid_77 #coll_middle,
.catid_78 #coll_middle,
.catid_81 #coll_middle,
.catid_80 #coll_middle,
.catid_79 #coll_middle,
.catid_82 #coll_middle,
.catid_84 #coll_middle,
.catid_87 #coll_middle,
.catid_74 #coll_middle,
.catid_92 #coll_middle,
.catid_91 #coll_middle,
.catid_96 #coll_middle,
.catid_95 #coll_middle,
.catid_97 #coll_middle,

{
  _width:90%;
  margin:auto;
  background:#fff;
  box-sizing:border-box
}

.pageTitle {
  margin-bottom: 15px;
  color: var(--orange);
}

/*prijava*/

.catid_76, .catid_89 {
  color: #fff;
}
.catid_76 #prijava_ucesnika,
.catid_89 #prijava_summersax{
  margin: 20px auto;
  width: 80%;
   box-sizing: border-box;
}
.catid_76  #prijava_ucesnika li,
.catid_89 #prijava_summersax li{
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  width: 100%;
   box-sizing: border-box;
}
.catid_76 #prijava_ucesnika ul, 
.catid_89 #prijava_summersax ul{
  display: flex;
  flex-direction: column;
  width: 100%;
  _background: red;
  box-sizing: border-box;

}
.catid_76 #prijava_ucesnika input,
.catid_89 #prijava_summersax input{
  padding: 10px 0px;
  margin-top: 5px;
  width: 100%;
}
.catid_76 #prijava_ucesnika .li_korepetitor {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}
.catid_76 #prijava_ucesnika .li_korepetitor p{
  flex-grow: 1;
  flex-basis: 1;
  width: 100%;
}
.catid_76 #prijava_ucesnika .li_korepetitor .type_radio{
  padding-right: 30px;
  display: flex;
  align-items: baseline;
  gap: 5px;
  
}

.catid_76 #prijava_ucesnika .li_klavir p{
  padding-bottom: 10px;
}

.catid_76 #prijava_ucesnika .li_program_trajanje h2 {
  padding: 20px 0px 0px 0px;
  text-align: center;
  
}

.catid_89 #prijava_summersax .li_program_trajanje h2{
  padding: 20px 0px;
  text-align: center;
  
}
.catid_76 #prijava_ucesnika .li_program_trajanje p,
.catid_89 #prijava_summersax .li_program_trajanje p{

  text-align: center;
  margin: 20px 0px;
}

.catid_76 #prijava_ucesnika .bottom_box,
.catid_89 #prijava_summersax .bottom_box {
  margin-bottom: 20px
}

.catid_76 #prijava_ucesnika  .li_program_trajanje .flexbox>div,
.catid_89 #prijava_summersax .li_program_trajanje .flexbox>div{
  padding: 0px 0px 10px 0px;
}
.catid_89 #prijava_summersax .li_program_trajanje > div{
  margin-bottom: 35px;
}
#prijava_ucesnika li input[type="text"]:focus,
#prijava_ucesnika li input[type="date"]:focus,
.catid_89 #prijava_summersax li input[type="text"]:focus,
.catid_89 #prijava_summersax li input[type="date"]:focus{
  outline:none;
  background:#ffe
}
#prijava_ucesnika li input[type="submit"],
.catid_89 #prijava_summersax li input[type="submit"]{
  border:none;
  color:#eee;
  padding:15px 40px;
  font-size:var(--fn);
  width:80%;
  margin: auto;
  cursor:pointer;
  background: var(--main);

}

#prijava_ucesnika li input[type="submit"]:hover,
.catid_89 #prijava_summersax li input[type="submit"]:hover{
  background:var(--brown)
}

.text_box {
  padding-left:10px
}
.text_box p {
  padding:10px 0
}
.text_box p,
.text_box li {
  line-height:1.8em
}
.text_box ul {
  padding:1em 2em
}
.text_box .lista_payment {
  padding:1em 0
}
.text_box h2 {
  padding:30px 0 10px 0
}
.text_box .clan {
  font-weight:bold;
  padding:10px 0
}
.text_box .uplata_box {
  padding:16px 0 0 0
}
.text_box .uplata_box p {
  padding:0
}
.organizator {
  display:flex;
  width:100%;
  _background:#2c2c2c
}
.organizator .org_levo {
  flex-grow:1
}
.organizator .org_desno {
  width:260px;
  display:block;
  color:#888;
  padding:20px;
  text-align:center
}
.lista_payment {
  list-style:none
}
.catPic .catTitlePicture {
  display:none!important
}
.catPic img {
  display:none!important
}
.catid_75 .pageTitle  {
  color:#eee;
  font-size:var(--fl);
  text-align:center;
  padding:20px
}

.catid_75 .pageBody p{
  line-height:1em;
  color:var(--orange);
  font-size:var(--fm);
  text-align:center;
  padding:14px 0px;
}
.catid_75 .pageBody p a {
  color:inherit
}
.catid_75 .pageBody h5 {
  color:var(--main);
  font-weight:bold;
  font-size: 22px;
}
.catid_75 .contactBox{
  margin-top: 40px;
}

.catid_82 .sax_table_cnt {
  overflow: hidden;
}
.catid_82 .sax_table {
  overflow-x: scroll;
}
.sax_table {
  width:90%;
  margin:30px 0 10px 0;
  border-collapse:collapse;
  text-align:left
}
.sax_table td,
.sax_table th {
  border-bottom:solid 1px #eee;
  padding:5px 5px
}
.catid_82 .toRight {
  margin-bottom:30px;
  text-align:right
}

.summer_onama h1, .summer_onama h4{
  padding: 8px 10px;
}

.summer_onama .text_box a{
  text-decoration: underline;
  color: var(--orange);

}

.summer_onama .predavaci_p{
  display: flex;
  flex-direction: column;
  font-size: 20px;
}

.catid_88 {
  color: #fff;
}

.catid_88 h1,
.catid_92 h1{
  text-align: center;
  line-height: 1.8em;
  margin-bottom: 20px;
}
.catid_88 .biography_img,
.catid_92 .biography_img{
  margin-bottom: 15px;
}

.catid_88 .biogtaphy_text p,
.catid_92 .biography_text p{
  padding: 10px 0px
}

.futer_mobile {
  margin-top:20px;
  padding-bottom:10px
}
.futer_inner_cnt {
  padding:0 30px
}
.futer_inner_cnt details{
  color: #fff;
  font-size: 18px;
  border: solid 1px #fff;
  padding: 10px 20px;
  _text-align: center;
 margin-bottom: 7px;
  
 
}
.futer_inner_cnt details a{
  color: inherit;
}


.futer_lv1 {
  display:flex;
  flex-direction:column;
  align-items:left;
  font-size:18px;
  margin: 15px 0;
}
.targetLi {
  list-style:none;
  padding:8px 0;
  color:#fff;
  border:solid 1px #888;
  margin-bottom:8px;
  width:80%
}
.futer_lv1 li a {
  display:block;
  width:100%;
  text-align:left;
  padding: 0px 10px;
  color:inherit;
  font-size:inherit
}
.futer_mobile .logo_cnt {
  width:40%;
  padding-top:10px;
  display:flex;
  margin:0 0 0 60%
}
.futer_mobile .logo_cnt img {
  display:block;
  width:100%
}

/*biografije main page*/

.catid_88 ul.pages, .catid_95 ul.pages {
  display: flex;
  flex-direction: column-reverse;
  margin: 40px auto;
  gap: 50px;

 
}

.catid_88 ul.pages .img, .catid_95 ul.pages .img{
  width: 300px;
  height: 300px;
}
.catid_88 ul.pages li, .catid_95 ul.pages li{
  position: relative;
  list-style: none;
  margin: auto;
}

.catid_88 ul.pages .info, .catid_95 ul.pages .info{
  position: absolute;
  bottom:0px;
}

.catid_88 ul.pages h2, .catid_95 ul.pages h2{
  color: #fff;
  background: #555a;
  display: block;
  width: 300px;
  padding: 10px ;
  box-sizing: border-box;
  font-weight: normal;

   
}
.catid_88 ul.pages h2 a, .catid_95 ul.pages h2 a{
  color: inherit;
}
.catid_88 ul.pages .img, .catid_95 ul.pages .img{
  overflow: hidden;
  
}
.catid_88 ul.pages .img img, .catid_95 ul.pages .img img{
  display: block;
  width: 100%;
  overflow: hidden;
}

/*biogtafije pages*/


.biography_text {
  color: #fff;
}

/*arhiva saxcompetition*/

.catid_90 .nestview{
  display: flex;
  flex-direction: column;
  color: #fff;
  margin: 0 0 0 40px

}

.catid_90 .nestview li{
  list-style: none;
}

.catid_90 .nestview a{
  color: inherit;
  font-size: 18px;
   font-weight: normal;
}
.catid_90 .nestview .nest_brojStrana{
  display: none!important;
}

.catid_90 .nestview>li{
  position: relative;

}

.catid_90 .nest_info{
  position: absolute;
   top: 30px;
  left: -55px;
  transform: rotate(270deg);
  
}

.catid_90 .nest_catname a{
  font-size: 27px;
}


.catid_97 p, .catid_98 p{
  padding: 0;
}

.pageBody .blue{
   color: var(--main);
}

.pageBody .orange{
  color: var(--orange);
}

.catid_98 h3{color: var(--orange)}

.catid_98 .program_column{
  margin: 25px 0;
}

.catid_98 p, .catid_96 p, .catid_97 p, .catid_74 p, 
.catid_78, .catid_81, .catid_79, .catid_80, 
.catid_87,.catid_99,.catid_83 p {
  color: #fff;
}

.catid_83 h2{
  color: #fff;
  font-weight: normal;
  line-height: 1.7em;
}

.catid_99 .pageBody img{
    margin: 10px 0;
}
