@font-face {
  font-family: 'bonako-icons';
  src: url('bonako-icons.eot?31452804');
  src: url('bonako-icons.eot?31452804#iefix') format('embedded-opentype'),
       url('bonako-icons.woff2?31452804') format('woff2'),
       url('bonako-icons.woff?31452804') format('woff'),
       url('bonako-icons.ttf?31452804') format('truetype'),
       url('bonako-icons.svg?31452804#bonako-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "bonako-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-clock:before { content: '\e73d'; } /* '' */
.icon-phone:before { content: '\e766'; } /* '' */
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\e803'; } /* '' */
.icon-location:before { content: '\e804'; } /* '' */
.icon-plus:before { content: '\e805'; } /* '' */
.icon-file-pdf:before { content: '\e806'; } /* '' */
.icon-ok-circled:before { content: '\e807'; } /* '' */
.icon-cancel-1:before { content: '\e808'; } /* '' */
.icon-right-open:before { content: '\e809'; } /* '' */
.icon-down-open-big:before { content: '\e80a'; } /* '' */
.icon-down-open:before { content: '\e80b'; } /* '' */
.icon-right:before { content: '\e80c'; } /* '' */
.icon-spin1:before { content: '\e827'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */


html{height:100%;min-height:100%}
body{height:100%}
body{font-family:'Manrope', sans-serif;color:#333;font-weight:300;font-size:1.1em;line-height:1.5;z-index:1;background:#eee}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
h1{color:#000;font-size:1.3em;line-height:1.3;margin:0;padding:0}
h2{color:#333;font-size:1.3em;font-weight:100;margin:0;padding:0}
h3{color:#000;font-size:1.3em;line-height:1.3;font-weight:100;margin:0;padding:0}
h4{color:#666;font-size:1.3em;font-weight:100;margin:0;padding:0}
body,a,p,ul,li,form,fieldset,blockquote,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited{color:#000;text-decoration:none}
a:hover{color:#000}
.clear,.clear2{clear:both;display:block}
.cf:before,.cf:after{content:'';display:table}
.cf:after{clear:both}

.he1{width:8%;padding:3% 0;float:left;position:relative}
.he1 h1{z-index:12;overflow:hidden;text-align:left}
.he1 img{z-index:12;margin:0;width:100%;float:left}
.he1 span{position:absolute;top:-9999em;right:0}
.logo{z-index:12;width:100%;float:left}


.wr0{float:left;width:100%;background:#fff}
.wr1{background:#eee;max-width:1280px;margin:0 auto}
.wr11{max-width:1280px;margin:0 auto}
.wr2{position:relative;overflow:hidden;height:580px;width:100%;z-index:10;float:left;background-color:#F8F8F8;background-image:url(bg.jpg?7);background-size:cover;background-position: bottom right;}

.wr2box{max-width:1280px;margin:0 auto;text-align:left}

.wr2boxDIV{width:50%;margin:5% 50% 30px 0;color:#fff;font-size:130%;position:relative}
.wr2boxH1{font-size:190%;color:#fff;font-weight:700}
.wr2boxDIV b{color:#fff;background:#D70135;font-size:110%;padding:0 10px}


.wr3{float:left;width:100%;background:#fff}
.wr3L{width:50%;float:left;background:#003C8A;color:#fff}
.wr3R{width:50%;float:left;background:#fff;color:#003C8A}


.wr2boxIMG{position:absolute;right:20px;top:20px}
.wr2boxIMG img{width:300px;margin:0 0 10px 0}

.wr3Lbox{float:right;width:165px;padding:10px 0;font-size:20px}
.wr3Lbox li{width:100%;float:left;padding:22px 0}
.wr3Lbox img{float:left;width:40px;height:auto}
.wr3Lbox span{float:left;padding:6px 0 10px 15px}

.wr3Rbox{float:left;width:200px;padding:10px 0;font-size:20px}
.wr3Rbox li{width:170px;float:left;padding:16px 0 16px 30px}

.wr4{float:left;width:100%;text-align:center;padding:80px 0;background:#fff;margin:0 0 20px 0}
.prijavise a:link,.prijavise a:visited{background:#003C8A;color:#fff;text-decoration:none;padding:10px 30px;border-radius:20px;font-size:25px}
.prijavise a:hover{background:#2D996C}

/*kongres vsebina*/
.wrs1{position:relative;overflow:hidden;width:100%;z-index:10;float:left;background-color:#1C6E57;background-image:url(bg1.jpg);background-size:cover;;background-position:top;background-attachment: fixed}
.pad1{color:#fff;padding:60px 0;}
.h21{font-size:200%;color:#fff;padding:0 0 0 0;margin:0;font-weight:700;text-transform: uppercase}
.h31{font-size:150%;color:#2D996C;padding:0 0 20px 0;margin:0;font-weight:700}
.h32{font-size:150%;color:#2D996C;padding:50px 0 20px 0;margin:0;font-weight:700}

.h41{font-size:150%;color:#2D996C;padding:0 0 5px 0;margin:0;font-weight:700}
/*kongres vsebina*/

/*domov*/
.wrs2{position:relative;width:100%;z-index:10;float:left;background:#fff}
.pad2{color:#333;padding:60px 0;}
.h22{font-size:200%;color:#2D996C;padding:0 0 40px 0;margin:0;font-weight:700}
.green{color:#2D996C}
/*domov*/

#na2 {width:80%;float:right;margin:6% 0 0 0}
#na2 ul{float:right;margin:0}
#na2 li{float:left;font-size:90%;text-transform: uppercase}
#na2 a:link,#na2 a:visited{float:left;color:#333;padding:0 0 0 25px;margin:0;text-decoration:none}
#na2 a:hover{color:#2D996C}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{color:#2D996C;text-decoration:none;font-weight:700}


/*sys*/
.sys{font-weight:400;position:fixed;z-index:20;top:10px;right:10px}
.sys ul {float:right}
.sys a:link,.sys a:visited{float:left;text-align:center;background:#2D996C;color:#fff;width:40px;margin: 0 0 2px 0;padding:6px 3px 8px 3px;text-decoration:none}
.sys a:hover{background:#0D4051;color:#fff}
/*sys*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.spon ul{width:100%;float:left}
.spon li{width:20%;float:left}
.spon img{width:80%;margin:0 10% 20px 10%;float:left}

.mail a:link,.mail a:visited{color:#fff;text-decoration:none;padding:5px 10px;background:#2D996C;border-radius:5px}
.mail a:hover{background:#F8F8F8;color:#2D996C}
.ul1 ul{margin:10px 0;padding:0 }
.ul1 li{padding:0;margin:5px 0 0 20px;list-style-type:disc;list-style-position:outside}
.img100{width:100%;float:left}
.img100MF{max-width:100%}
#map{height:425px;width:100%;float:left;background:#eee}


/*new css table*/
.ntab {display:table;width:100%;color:#666;margin:0 0 30px 0}
.nrow {display:table-row}
.nrow:hover,.nrow:nth-child(2n+1):hover{background:#ddd}
.nrow div:first-child{border-left:2px solid transparent}
.nrow div{display:table-cell;border-bottom: 1px dotted #666;padding:8px 5px}
/*new css table*/


/*form*/
#form1{width:100%;float:left;text-align:left;line-height:25px}
#form1_on,#form1_off{border:0}
#form1 input[type=text]{background:rgba(255,255,255,0.9);color:#333;font-size:18px;float:left;width:98%;border:1px solid #ccc;margin:5px 0;padding:4px 1%;box-sizing:border-box;border-radius: 0.25em}
#form1 textarea{background:rgba(255,255,255,0.9);border:0;padding:4px 1%;width:98%;height:200px;margin:5px 0;font-family:'Roboto Condensed',sans-serif;font-size:19px;box-sizing:border-box;border-radius: 0.25em}
#form1 input[type=submit]{font-size:22px;color:#fff;background:#2D996C;margin:3px 0 8px 0;padding:8px 20px;cursor:pointer;border:1px solid #2D996C;border-radius: 0.25em}
#form1 input[type=submit]:hover{color:#2D996C;background:#eee}
#form1_off{display:none;font-size:22px;line-height:20px;background:#5E9222;color:#fff;padding:20px}
#form1 i{font-size:25px;width:5%;float:left}
#form1 a:link,#form1 a:visited{color:#333;text-decoration:underline}
#form1 a:hover{color:#2D996C}
#form1 span{width:95%;float:right}
/*form*/



	#openNav{cursor:pointer;position:fixed;z-index:-9;top:5px;right:5px;font-size: 36px;color:#000;padding:4px 0;background:rgba(0,0,0,0);display:none}
	#closeNav {position:absolute;top:1px;right:0px;font-size: 48px;color:#333;cursor:pointer}
	#Nav {height:0;width:0;position: fixed;z-index: 1;top: 0;right: 0;background:#fff;overflow:hidden;transition: 0.5s;padding-top: 60px;}
	#MoMenu2{display:block}
	#MoMenu2 {visibility:visible;float:left;width:100%;display:block;overflow:hidden}
	#MoMenu2 li{display:block;float:left;width:100%;text-align:center}
	.o1 a:visited,.o1 a:link,.o1 a:hover{display:block;font-size:150%;line-height:22px;color:#000;padding:15px 0;text-decoration:none;font-weight:400;text-transform:uppercase}
	.o1 span{display:block;font-size:150%;line-height:22px;padding:12px 0;color:#000;cursor:pointer;font-weight:400;text-transform:uppercase}
	.o2 a:visited,.o2 a:link,.o2 a:hover{display:block;font-size:150%;line-height:22px;padding:15px 0;color:#000;text-decoration:none;font-weight:400;text-transform:uppercase}
	.o2 span{display:block;font-size:150%;line-height:22px;color:#000;padding:15px 0;cursor:pointer;font-weight:700;text-transform:uppercase}
	.o3 a:visited,.o3 a:link,.o3 a:hover{display:block;font-size:150%;line-height:22px;color:#000;padding:5px 0;text-decoration:none}
	.o4 a:visited,.o4 a:link,.o4 a:hover{display:block;font-size:150%;line-height:22px;color:#000;padding:5px 0;text-decoration:none}





.visiting-info {

  margin-bottom: 2rem;
  border-radius: 6px;
}

.visiting-infoh1 {
  margin-top: 0;
  color: #1B6652;
}

.visiting-info p {
  margin: 0.3rem 0;
}

.visiting-info h3 {
  margin-top: 1rem;
  color: #1B6652;
}



.highlight-topic {
  font-weight: bold;
  color: #1B6652;
}




    .session {
      margin-bottom: 1.5rem;
    }
    .session .text {
      margin-bottom: 0.3rem;
      color: #1B6652;
      font-weight: bold;
font-size:100%
    }
    .session .time {
      font-weight: bold;
      color: #555;
    }



.workshop-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
  table-layout: fixed;
}

.workshop-table th,
.workshop-table td {
  border: 1px solid #ccc;
  padding: 0.75rem;
  text-align: center;
  word-wrap: break-word;
}

.workshop-table th {
  background-color: #eee;
  font-weight: bold;
  color: #333;
  font-size: 1rem;
}

.workshop-table td {
  font-size: 0.95rem;
}

/* ---------- Lepša tabela za večje zaslone ---------- */
@media (min-width: 769px) {
  .workshop-table th,
  .workshop-table td {
    padding: 1rem;
    font-size: 1rem;
  }

  .workshop-table {
    width: 80%;
    margin: 0 auto 2rem auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
}

/* ---------- Mobilna verzija ---------- */
@media (max-width: 768px) {
  .workshop-table {
    font-size: 0.9rem;
  }

  .workshop-table th,
  .workshop-table td {
    padding: 0.5rem;
  }

  .workshop-table td {
    word-break: break-word;
  }
}





@media (max-width:1280px){
.wr1{width:96%;margin:0 auto}
.wr11{width:96%;margin:0 auto}
.wr2box{width:96%;margin:0 auto}
}

@media (max-width:1280px){
.sys{font-weight:400;position:fixed;z-index:20;top:0;right:0}
}


@media (max-width:830px){
	.sys{font-weight:400;position:fixed;z-index:20;top:0;right:42%}
	.pad2{padding:60px 2%}	
	.pad1{padding:60px 2%}
	.wr2boxDIV{width:100%;margin:110px 0 30px 0;color:#fff;text-align:center;text-shadow: -1px -1px 2px #000}
	.wr2boxH1{font-size:200%;color:#fff;font-weight:700}
	.wr2{position:relative;overflow:hidden;height:450px;width:100%;z-index:10;float:left;background-color:#2D996C;background-image:url(bg.jpg?3);background-size:cover}
	
	#form1 i{width:10%;float:left}
	#form1 span{width:90%;float:right}

	#openNav{display:block}
	#na2 {display:none}
	
	.he1{width:11%;padding:3% 0;float:left;position:relative}


.wr2boxIMG{position:absolute;right:20px;top:20px}
.wr2boxIMG img{width:180px;margin:0 0 10px 0}

}

@media (max-width:480px){
	.he1{width:25%;padding:40px 0 40px 20px;float:left;position:relative}
	.sys{font-weight:400;position:fixed;z-index:20;top:0;right:42%}

.spon li{width:50%;float:left}
.spon img{width:80%;margin:0 10% 20px 10%;float:left}

.wr2{position:relative;overflow:hidden;height:630px;width:100%;z-index:10;float:left;background-color:#F8F8F8;background-image:url(bg.jpg?7);background-size:cover;background-position: bottom center;}
	
/*new css table*/
.ntab {display:table;width:100%;color:#666;margin:0 0 30px 0;font-size:14px}
.nrow {display:table-row}
.nrow:hover,.nrow:nth-child(2n+1):hover{background:#ddd}
.nrow div:first-child{border-left:2px solid transparent}
.nrow div{display:table-cell;border-bottom: 1px dotted #666;padding:8px 5px}
/*new css table*/

	.wr2boxH1{font-size:150%;color:#fff;font-weight:700}
}