@supports (display: grid) {
@media (min-width: 992px) {.site-grid {grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,17.875rem) minmax(0,22.875rem) minmax(0,22.875rem) minmax(0,17.875rem) [main-end] minmax(0,1fr) [full-end]}}}
@supports (display: grid) {
    .site-grid {
        grid-template-areas:
          ". banner banner banner banner ."
          ". side-l side-l side-l side-l ."
          ". comp comp comp comp ."
          ". side-r side-r side-r side-r ."
		  ". top-a top-a top-a top-a ."
          ". top-b top-b top-b top-b ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". side-l comp comp side-r ."
			  ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
        }
    }
}
h1, .h1 {margin-bottom: 0;}
h2 {font-size: 1.1rem;margin-bottom: 0;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,600);}
h3 {font-size: 1rem;margin-bottom: 0;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,600);}
@media (width >= 1200px) {h3, .h3 {font-size: 1rem;}}
a:not([class]) { text-decoration: none;}
.blog-item .item-image {margin-top: 0px;}
.article-info-term, .icon-folder-open, .icon-fw { display: none;}
.article-info dd {text-align: left;font-size: 0.813rem;}
.container-header{ background-image:none;background-color:#fff}
.container-header .mod-menu {color: #000;}
.container-header .navbar-brand {margin-left: auto;margin-right: auto;}
.container-header .navbar-toggler{color: #000;}
p {margin-bottom: 0rem;}
.boxed .blog-item .item-content{padding: 15px 25px 0px 25px;text-align: center;}
.naslov {border-bottom: 1px solid #ccc;margin-bottom: 15px;text-align:center;}
.foto {display: block;position: relative;}
.stiker-slika{position: absolute;font-size: 13px;padding: 0 5px;}
@supports (display:grid) {.blog-items{grid-gap: 2em;}}
.gorelevo{top: 0px;margin: 10px 0 0 10px;background: #3565a2;color:#fff}
.goredesno{top: 0px;right:0px;margin: 10px 10px 0 0;background: #e0e0e0;right: 0;}
.dolelevo{margin: 0 0 10px 10px;background: #efd02b;bottom: 0}
.doledesno{background: #b20f0f;right: 10px;color: #fff;bottom: 10px;}
/* --- tabela plana1 --- */
table.plana1 {background: #fbfbfb;border-collapse: collapse;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);text-align:center;margin-bottom: 20px;width: 100%;font-size: 14px;line-height: 22px;}
table.plana1 tr:hover {}
table.plana1 thead {background: #e1f1ff;color: #000;}
table.plana1 td:first-child {left: 0;position: sticky;position: -webkit-sticky;background: #e1f1ff;outline: 1px solid #d3d3d3;color: #000;}
table.plana1 td {border: 1px solid #d3d3d3}
table.plana1 {overflow-x: auto;display: block;}
@media screen and (min-width: 640px) {table.plana1 {display: inline-table}}
/* --- tabela --- */
table.tabela {background: #fbfbfb;border-collapse: collapse;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);text-align:center;margin-bottom: 20px;width: 100%;font-size: 14px;line-height: 22px;}
table.tabela tr:hover {}
table.tabela thead {background: #e1f1ff;color: #000;}
table.tabela td:first-child {left: 0;position: sticky;position: -webkit-sticky;background: #e1f1ff;outline: 1px solid #d3d3d3;color: #000;}
table.tabela td {border: 1px solid #d3d3d3}
table.tabela {overflow-x: auto;display: block;}
@media screen and (min-width: 640px) {table.tabela {display: inline-table}}
.left.item-image{float: none;aspect-ratio: auto 10 / 6;max-width: 1000px;}
.kategorija-objekta{text-align: center;}
.galerija {margin-bottom: 25px;max-width:1000px;height: auto; aspect-ratio: auto 15 / 10;margin-left: auto;margin-right: auto;}
.footer .grid-child{padding: 1rem .5em;}
.footer{background-color: #2b6691;background-image: none;}
a{color: #1d4a72;}
.info-dole {float:right;display: flex;margin-top: -5px;}
.dana-nocenja{text-align: right;line-height: 11px;margin-right:4px}
.dana {font-size: 11px;border-bottom: 1px solid #ccc;margin-bottom: 2px;padding-bottom: 2px;}
.dana:after {margin-left:3px;content:"dana"}
.nocenja {font-size:11px}
.nocenja:after {margin-left:3px;content:"noćenja"}
.autobusom {font-size: 0px;content: url("https://planatours.rs/images/ikonice/bus.png");float: right;width: 30px;}
.avionom {font-size: 0px;content: url("https://planatours.rs/images/ikonice/avio.png");float: right;width: 30px;}
.article-info{float:left}
.kategorija-objekat-cat{color: #5a5a5a;min-height: 25px;text-align: center;font-size: 15px;}
.naziv-objekat-cat{text-transform: uppercase;width: 100%;min-height: 50px;text-align: center;}
 h1 {font-weight: var(--cassiopeia-font-weight-headings,600);font-size: 2rem;}
.article-header{text-align: center;}
.naslov-kategorije{text-align: center;border-bottom: 1px solid #ccc;margin-bottom: 20px;font-size: 34px;}
.container-header .container-nav {padding-bottom: 0em;}
ul.fields-container {list-style: none;padding-left: 0;}
.pretraga-opis{padding: 15px 25px 15px 25px;}
.pretraga_item1{box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);background-color: #fff;margin-bottom: 15px;}
.razmak-15{padding: 0px 15px;}
@media screen and (min-width: 1300px) {dugmad-prva-strana{max-width: 250px;}}
@media screen and (min-width: 1400px) {body {max-width: 1400px;margin:0 auto;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}}
.naslov_pretraga {text-decoration: none;}
.kategorija_pretraga{text-decoration: none;}
/* --- minifrontpage --- */
.naslov-minifrontpage{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: 4px;text-transform: uppercase;color: #175a91;}
.naslov-minifrontpage-pb{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: -40px;text-transform: uppercase;color: #175a91;}
.naslov-minifrontpage-cg{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: -70px;text-transform: uppercase;color: #175a91;}
/* --- button --- */
.btn-block{display: block;padding: 5px;}
.btn-pdf{color:#292929;background-color:#dcdcdc;margin-bottom: 5px;font-size: 14px;width: 100%;}
.btn-pdf:hover{color:#fff;background-color:#245682;border-color:#117a8b;margin-bottom: 5px;font-size: 14px;}
.btn-avionom {display: block;width: 48%;float: inline-end;padding: 5px}
.btn-autobusom {display: block;width: 48%;padding: 5px}
.btn-sivo {background-color:#eaeaea;margin-bottom:5px;font-size: 14px}
.btn-crveno {background-color:#ad3c3c;margin-bottom:5px;color:#fff;font-size: 14px}
.btn-plavo {background-color:#4388be;margin-bottom:5px;color:#fff;font-size: 14px}
.btn-zuto {background-color:#e88700;margin-bottom:5px;color:#fff;font-size: 14px}
.btn-sivo:hover {color:#fff;background-color:#245682;margin-bottom: 5px;font-size: 14px;}
.btn-crveno:hover {color:#fff;background-color:#245682;margin-bottom: 5px;font-size: 14px;}
.btn-plavo:hover {color:#fff;background-color:#245682;margin-bottom: 5px;font-size: 14px;}
.btn-zuto:hover {color:#fff;background-color:#245682;margin-bottom: 5px;font-size: 14px;}
.btn-dejan {border:1px solid #ccc;margin-bottom: 10px;font-size: 13px;}
.btn-dejan:hover {background:#f3f3f3}
.btn-mini{color:#000;background-color:#ebebeb;margin-bottom: 15px;font-size: 12px;position: absolute;padding: 3px 8px;z-index:9999}
.btn-mini:hover{color:#fff;background-color:#245682;margin-bottom: 15px;font-size: 12px;position: absolute;padding: 3px 8px;}
.card-prva {
  --card-spacer-y: 0;
  --card-spacer-x: 0;
  --card-title-spacer-y: .5rem;
  --card-title-color: ;
  --card-subtitle-color: ;
  --card-border-width: var(--border-width);
  --card-border-color: #fff;
  --card-border-radius: var(--border-radius);
  --card-box-shadow: ;
  --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
  --card-cap-padding-y: .5rem;
  --card-cap-padding-x: 1rem;
  --card-cap-bg: rgba(var(--body-color-rgb),.03);
  --card-cap-color: ;
  --card-height: ;
  --card-color: ;
  --card-bg: var(--body-bg);
  --card-img-overlay-padding: 1rem;
  --card-group-margin: .5em;
  color: var(--body-color);
  word-wrap: break-word;
}
.h1kategorija {font-size: 16px;text-align: center;font-weight: normal;}
.subagent{display: none;}
@media screen and (min-width: 1400px) {body {max-width: 100%;margin: 0 auto; box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);}}
body {flex-direction: column;display: flex;}
.znak-pdf{display: flex;justify-content: center;align-items: center;height: 100%;font-size: 18px;font-weight: 600;color: #931a1a;border-radius: 5px;  border: 1px solid #ccc;}
@media screen and (max-width: 767px) {.podkategorije1 {width: 100%;}}
.podkategorija {display: flow-root;margin: 10px -15px;}
.podkategorije1 {float: left;margin: 0 0 5px 0;padding: 0 14px;background: none;border: none;}
.podkategorije {text-align: center;font-weight: 600;margin: 4px;padding: 6px;border: 1px solid #cbcbcb;font-size: 14px;background: #f9f9f9;text-transform: uppercase;}
.kategorija-broj {margin-left: -5px;}
.datumi-gradovi{display: flow-root;}
.mapa {padding: 3px 8px;background-color: #fbea39;border-radius: 3px;text-transform: uppercase;font-size: 12px;display: inline;}
.obavestenje {background-color: ivory;}
.lm {color: #000 !important;background-color: RGB(240, 240, 240) !important;padding: 10px;border-radius: 5px;border: 2px #ca4d4d dashed;font-size: 14px;}
.last-minute {background-color: #fbfbfb;border-bottom: 2px solid #ab1212;font-size: 14px;padding: 15px 5px;border-radius: 5px;font-size: 13px;line-height: 18px;}
.last-minute::before {content: "LAST MINUTE";top: -15px;margin: 0 -5px;position: relative;padding: 8px;background: #9c1c1c;text-align: center;display: block;color: #fff;border-radius: 5px 5px 0 0;}
.last-minute-field{padding: 5px 15px 15px 15px;width: 300px;display:block;float: left;margin-right: 15px;background: #ffefae;border-radius: 0 0 10px 10px;font-size: 14px;}
.last-minute-head{padding: 1px;background: #911515;text-transform: uppercase;width: 300px;display: block;text-align: center;color: #fff;}
.datumi-gradovi{display: flow-root;}
.polazak{display: block;border: 1px solid #ccc;padding: 0 5px;text-align: center;float: left;border-radius: 4px;margin-right: 4px;min-width: 30px;}
.polazak-sig{display: block;border: 1px solid #ccc;padding: 0 5px;text-align: center;float: left;border-radius: 4px;margin-right: 5px;min-width: 30px;background: #fff7ca;}
.datum{font-size: 12px;line-height: 10px;margin-top: 2px;}
.mesec{font-size: 9px;line-height: 15px;}
.h1kategorija{font-size: 16px;text-align: center;font-weight: normal;}
.h1gradovi{font-size: 16px;text-align: center;font-weight: normal;}
.modulpretraga {text-align: center;text-transform: uppercase;font-size: 18px;color: dodgerblue;}