/* Karma shortcodeovi — pravila preuzeta iz originalnog style.css teme (shema "fire").
   Razlike od originala: stupci su u postocima (original je koristio fiksne pikseli za sadržaj od 720px),
   a okviri slika se na uskim ekranima pojednostavljuju. Slike očekuje u mapi images/ pored ove datoteke. */

/* ---- Stupci ---- */
br.clear, .clear{clear:both}
.one_half,.one_half_last,.one_third,.one_third_last,.one_fourth,.one_fourth_last,
.one_fifth,.one_fifth_last,.one_sixth,.one_sixth_last,.two_thirds,.two_thirds_last,
.three_fourth,.three_fourth_last{padding-bottom:20px;box-sizing:border-box}

.one_half{float:left;width:47.5%;margin-right:4.17%}
.one_half_last{float:right;width:47.5%;margin:0}
.one_third{float:left;width:30.55%;margin-right:4.17%}
.one_third_last{float:right;width:30.55%;margin:0}
.one_fourth{float:left;width:21.1%;margin-right:5%}
.one_fourth_last{float:right;width:21.1%;margin:0}
.one_fifth{float:left;width:17.2%;margin-right:3.2%}
.one_fifth_last{float:right;width:17.2%;margin:0}
.one_sixth{float:left;width:13.9%;margin-right:2.8%}
.one_sixth_last{float:right;width:13.9%;margin:0}
.two_thirds{float:left;width:65.3%;margin:0}
.two_thirds_last{float:right;width:65.3%;margin:0}
.three_fourth{float:left;width:76.4%;margin:0}
.three_fourth_last{float:right;width:73.6%;margin:0}

/* ---- Razdjelnici ---- */
.hr,.hr_top_link{border:0;height:2px;width:100%;background:url(images/separator3.gif) 0 0 repeat-x;margin:1.6em 0;clear:both}
.hr_top_link{margin-bottom:1em}
.hr_shadow{border:0;height:20px;width:100%;max-width:720px;background:url(images/global-sprite-dividers.png) 0 -20px no-repeat;margin:15px 0 22px 0;clear:both}

/* ---- Povratak na vrh ---- */
.link-top{padding:3px 0 0 17px;background:url(images/bg-link-top.gif) 0 7px no-repeat;font-size:11px;outline:none;margin:-9px 2px 15px 0;float:right;color:#E14A0A}

/* ---- Gumbi (fire) ---- */
.ka_button,.ka_button:hover{text-decoration:none;border:0;display:inline-block;letter-spacing:1.2px;text-transform:uppercase;color:#DDD !important}
.ka_button span{display:block}
.small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size:.9em;background:transparent url(images/bg-buttons-sprite-fire.png) 100% -43px no-repeat scroll;color:#F4F4F2}
.small_button span{margin:0;padding:16px 0 17px 21px;line-height:10px;background:transparent url(images/bg-buttons-sprite-fire.png) 0 0 no-repeat scroll}
.medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size:1em;background:transparent url(images/bg-buttons-sprite-fire.png) 100% -136px no-repeat scroll;color:#F4F4F2}
.medium_button span{margin:0;padding:19px 0 19px 23px;line-height:12px;background:transparent url(images/bg-buttons-sprite-fire.png) 0 -86px no-repeat scroll}
.large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size:1.1em;background:transparent url(images/bg-buttons-sprite-fire.png) 100% -261px no-repeat scroll;color:#F4F4F2}
.large_button span{margin:0;padding:28px 0 33px 33px;line-height:16px;background:transparent url(images/bg-buttons-sprite-fire.png) 0 -186px no-repeat scroll}

/* ---- Okviri slika ---- */
.modern_img_frame,.shadow_img_frame{background:url(images/image-frame-sprite-2.png) 0 0 no-repeat;margin-bottom:6px;max-width:100%;overflow:hidden}
.modern_img_frame .attachment-fadeIn,.shadow_img_frame .attachment-fadeIn{display:block}
.modern_img_frame img,.shadow_img_frame img{display:block;border:0;max-width:100%;height:auto}

.modern_preload_full,.modern_preload_regular,.modern_preload_small,.modern_preload_two_col_large,.modern_preload_two_col_small,
.modern_preload_three_col_large,.modern_preload_three_col_small,.modern_preload_four_col_small,.modern_preload_four_col_large,
.modern_preload_portrait_full,.modern_preload_portrait_thumb{margin:8px 0 0 9px;float:left}
.shadow_preload_full,.shadow_preload_regular,.shadow_preload_small,.shadow_preload_two_col_large,.shadow_preload_two_col_small,
.shadow_preload_three_col_large,.shadow_preload_three_col_small,.shadow_preload_four_col_small,.shadow_preload_four_col_large,
.shadow_preload_portrait_full,.shadow_preload_portrait_thumb{margin:6px 0 0 6px;float:left}

.modern_preload_full,.shadow_preload_full{width:922px;height:201px}
.modern_preload_portrait_full,.shadow_preload_portrait_full{width:612px;height:792px}
.modern_preload_portrait_thumb,.shadow_preload_portrait_thumb{width:275px;height:355px}
.modern_preload_regular,.shadow_preload_regular{width:703px;height:201px}
.modern_preload_small,.shadow_preload_small{width:493px;height:201px}
.modern_preload_two_col_large,.shadow_preload_two_col_large{width:437px;height:234px}
.modern_preload_two_col_small,.shadow_preload_two_col_small{width:324px;height:180px}
.modern_preload_three_col_large,.shadow_preload_three_col_large{width:275px;height:145px}
.modern_preload_three_col_small,.shadow_preload_three_col_small{width:202px;height:113px}
.modern_preload_four_col_large,.shadow_preload_four_col_large{width:190px;height:111px}
.modern_preload_four_col_small,.shadow_preload_four_col_small{width:135px;height:76px}

/* modern: veličine okvira */
.modern_portrait_full{width:630px;height:836px;background:url(images/image-frame-portrait-modern.png) 0 0 no-repeat !important}
.modern_portrait_thumb{width:293px;height:389px;background:url(images/image-frame-portrait-modern.png) -631px 0 no-repeat !important}
.modern_banner_full{width:940px;height:245px;background-position:-3px -857px !important}
.modern_banner_regular{width:720px;height:240px;background-position:0 -1354px !important}
.modern_banner_small{width:510px;height:240px;background-position:-5px -1844px !important}
.modern_two_col_large{width:455px;height:272px;background-position:0 0 !important}
.modern_two_col_small{width:342px;height:217px;background-position:-5px -630px !important}
.modern_three_col_large{width:293px;height:179px;background-position:-1px -279px !important}
.modern_three_col_small{width:220px;height:144px;background-position:-224px -465px !important}
.modern_four_col_large{width:208px;height:140px;background-position:-2px -465px !important}
.modern_four_col_small{width:152px;height:102px;background-position:-302px -300px !important}

/* shadow: veličine okvira */
.shadow_portrait_full{width:624px;height:829px;background:url(images/image-frame-portrait-shadow.png) 0 0 no-repeat}
.shadow_portrait_thumb{width:293px;height:392px;background:url(images/image-frame-portrait-shadow.png) -625px 0 no-repeat}
.shadow_banner_full{width:934px;height:238px;background-position:-5px -1102px !important}
.shadow_banner_regular{width:715px;height:238px;background-position:-5px -1594px !important}
.shadow_banner_small{width:505px;height:238px;background-position:-519px -1844px !important}
.shadow_two_col_large{width:449px;height:271px;background-position:-457px -1px !important}
.shadow_two_col_small{width:336px;height:215px;background-position:-365px -632px !important}
.shadow_three_col_large{width:287px;height:180px;background-position:-628px -273px !important}
.shadow_three_col_small{width:214px;height:147px;background-position:-478px -454px !important}
.shadow_four_col_large{width:202px;height:144px;background-position:-713px -454px !important}
.shadow_four_col_small{width:147px;height:107px;background-position:-470px -273px !important}

/* ---- Uski ekrani: stupci se slažu jedan ispod drugog, okviri slika postaju jednostavni ---- */
@media (max-width:760px){
  .one_half,.one_half_last,.one_third,.one_third_last,.one_fourth,.one_fourth_last,.one_fifth,.one_fifth_last,
  .one_sixth,.one_sixth_last,.two_thirds,.two_thirds_last,.three_fourth,.three_fourth_last{float:none;width:100%;margin:0}
  .modern_img_frame,.shadow_img_frame{background:none !important;width:auto !important;height:auto !important}
  .modern_img_frame > div,.shadow_img_frame > div{float:none !important;width:auto !important;height:auto !important;margin:0 !important}
  .modern_img_frame img,.shadow_img_frame img{width:100%;box-shadow:0 1px 5px rgba(0,0,0,.35)}
}


/* ---- Akordeon (originalna pravila iz Karme) ---- */
.accordion{width:100%;padding:0 0 20px 0;margin:0;list-style:none;background:none}
.accordion li{list-style:none;margin:0}
.accordion a{text-decoration:none}
.opener{background:#FFF url(images/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline:none;color:#676767;border:1px solid #C3C3C3;margin-bottom:3px}
.opener:hover{color:#222;text-decoration:none}
.opener strong{background:url(images/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;cursor:pointer;text-shadow:1px 1px 1px #FFF}
.accordion .ui-state-active strong{background:url(images/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222}
.accordion .slide-holder{width:100%;overflow:hidden}
.accordion .slide{padding:20px 27px 0 27px}
.accordion.is-ready li .slide-holder{display:none}
.accordion.is-ready li.ui-state-active .slide-holder{display:block}