@charset "utf-8";
/* CSS Document */


body { font-family:calibri,Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0; color: #404040;}
textarea { font-family:calibri,Arial, Helvetica, sans-serif; font-size: 14px; color: #404040;}

#glavni-kontejner {width: 1000px; margin: 0 auto;}

input[type="text"]:hover, textarea:hover, select:hover {box-shadow: 0px 0px 4px 1px rgba(246, 146, 30, .2); }

img {	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}

a, a:visited { color: #00a9b1; text-decoration: none;}
a:hover { color: #f6921d; text-decoration: none;}



form {margin: 0;}
figcaption { padding: 2px 3px; background-color: #f3f3f3; font-style: italic;}
img {	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
input, select {padding: 2px 3px; border-radius: 3px; border: 1px solid #cbcbcb;}

.plavo-dugme {padding: 3px 3px 2px 3px;}
.plavo-dugme-veliko {padding: 10px 20px;}
.plavo-dugme, .plavo-dugme-veliko { border-radius: 3px; background-color: #00a9b1; color: #fff; border-bottom: 1px solid #00878d; border-right: 1px solid #00878d;border-top: 1px solid #35c1c7; border-left: 1px solid #35c1c7; font-size: 14px; font-weight: bold; width: auto; min-width: 50px;}
.plavo-dugme:hover, .plavo-dugme-veliko:hover {background-color: #f6921d; border-bottom: 1px solid #f6a94f; border-right: 1px solid #f6a94f;border-top: 1px solid #e3810e; border-left: 1px solid #e3810e; }
.plavo-dugme:disabled, .plavo-dugme-veliko:disabled {background-color: #ababab; border-bottom: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b;border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; color: #efefef; }

	/*    header     */
	
#header { overflow: auto;}
#header a.logo {display: block; width: 160px; height: 88px; float: left; margin: 15px 0 5px 0; background:url(/images/argus_logo.png) top left no-repeat; }
#header .pozovite-nas {width: 230px; height: 80px; float: left; margin: 10px 0 5px 120px; background:url(/images/argus_maskota_header.png) top right no-repeat; padding: 0 0 0 0px; }
#header .pozovite-nas-en {width: 280px; height: 80px; float: left; margin: 10px 0 5px 200px; background:url(/images/argus_maskota_header.png) top right no-repeat; padding: 0 0 0 0px; }
#header .pozovite-nas .red1, #header .pozovite-nas-en .red1 {font-size: 110%; font-weight: bold; color: #f6921d; margin: 30px 0 0 0; }
#header .pozovite-nas .red2, #header .pozovite-nas-en .red2 {font-size: 160%; font-weight: normal; color: #00a9b1; }
.header-linkovi-gore {font-size: 90%; float: right; height: 20px; margin: 5px 0 0 0; }
.header-linkovi-gore a, .header-linkovi-dole a {margin: 0 5px; }
.header-linkovi-gore a:last-child, .header-linkovi-dole a:last-child {margin: 0 0 0 5px; }
.header-linkovi-dole {font-size: 90%; float: right; height: 20px; margin: 45px 0 0 0; clear: right;  }





	/*    navigacija    

#navigacija { height: 40px; border: 1px solid #cbcbcb; background-color: #f3f3f3; padding: 0;}
#navigacija a, #navigacija a:visited {display: block; margin: 3px 5px 0px 5px; border-radius: 3px; padding: 5px 12px; float: left; font-size: 16px;}
#navigacija a:hover {background-color: #f6921d; text-decoration: none; color: #fff; }


.navigacija-desno {float: right; height: 38px; background-color: #dfdfdf; width: 298px; border-left: 1px solid #cbcbcb; }
.navigacija-desno .facebook {width: 40px; height: 40px; background-color: #3a5795; background:url(/images/icon_facebook.png) center no-repeat #3a5795; float: right; margin: -1px -1px -1px 5px;}
 */

	/*   navigacija druga   */
	
#navigacija { height: 80px; border: 0px solid #cbcbcb; background-color: #00a9b1; padding: 0;}
#navigacija a, #navigacija a:visited {display: block; margin: 4px 3px 4px 3px; border-radius: 3px; padding: 5px 11px; float: left; font-size: 16px; color: #fff;background-color: #00a9b1;}
#navigacija a:hover, #navigacija a.active {background-color: #f6921d; text-decoration: none; color: #fff; }
	
.navigacija-desno {float: right; height: 80px; background-color: #f6921d; width: 40px; /* width: 299px; */ border-left: 0px solid #cbcbcb; }
#navigacija .navigacija-desno a {background-color: #f6921d;}
#navigacija .navigacija-desno a:hover {background-color: #00a9b1; text-decoration: none; color: #fff; }
#navigacija .navigacija-desno .facebook a { width: 40px; height: 40px; background-color: #3a5795; background:url(/images/icon_facebook.png) center no-repeat #3a5795; float: right; margin: 0px 0px 0px 5px; cursor:pointer; padding: none; border-radius: 0;}
#navigacija .navigacija-desno .instagram a { width: 40px; height: 40px; background:url(/images/icon_instagram.png) center no-repeat; float: right; margin: 0px 0px 0px 5px; cursor:pointer; padding: none; border-radius: 0;}

#navigacija .lastminute {background-color: #ff0000 !important; font-weight: bold; text-transform: uppercase;}

#navigacija .oup {color: #ffd6a7 !important; /* background-color: #ff0000 !important; */ font-weight: bold; text-transform: uppercase;}
#navigacija a.oup:hover, #navigacija a.oup.active { color: #ff0000 !important; }

	/*   naslovna   */
	
.slajder {height: 400px; margin: 10px 0 20px 0;}
.centralni-deo-naslovna { overflow: auto; margin-top: 1px;}
.centralni-deo-naslovna .levo { width: 235px; float: left; margin: 0 15px 0 0;}
.centralni-deo-naslovna .levo-engleski { width: 70%; max-width: 650px; float: left; margin: 0 15px 0 0;}
.centralni-deo-naslovna .levo .baneri { margin: 0 0 20px 0}
.centralni-deo-naslovna .levo .baneri img { border: none; margin: 0 0 10px 0;}
.centralni-deo-naslovna .sredina { width: 435px; float: left; margin: 0; }
.centralni-deo-naslovna .desno { width: 300px; float:right; margin: 0;}

.boks-slajfna { margin-bottom: 30px;}
.boks-naslov {font-size: 130%; font-weight: bold; padding-bottom: 0px; border-bottom: 1px solid #cbcbcb; margin: 0 0 8px 0;}
form.naslovna-strana {margin: 10px 0 0 0;}
form.naslovna-strana select {width: 80%}
form.naslovna-strana input {width: 50%}
form.naslovna-strana input, form.naslovna-strana select {margin: 0 0 5px 0;}
#knjiga-utisaka {display: none;}
#radno-vreme {border: 1px solid #f6921d; padding: 6px 10px 10px 10px; background-color: #ffead2; border-radius: 5px;}
#radno-vreme .boks-naslov {text-transform: uppercase; margin: 0 -8px 8px -8px; padding: 0 8px; border-bottom: 1px solid #f6921d;}
#radno-vreme table  {width: 100%; border-collapse: collapse;}
#radno-vreme table td {padding: 3px; background-color: rgba(255,255,255, .5); border-bottom: 2px solid #ffead2;}
#radno-vreme table td:first-child {padding-right: 0px; padding-left: 4px;}
#kursna-lista {}
#kursna-lista .cifra { padding: 5px; margin: 10px 0 0 0; background-color: #f3f3f3; font-weight: bold;}


.centralni-deo-naslovna .sredina .izdvojeno { margin: 0 0 30px 0; width: 435px;}
.centralni-deo-naslovna .sredina .izdvojeno a {height: 110px; display: block; background-color: #f3f3f3; overflow: none; line-height: 100%; margin: 0 0 10px 0; overflow: hidden; }
.centralni-deo-naslovna .sredina .izdvojeno a:hover {background-color: #391d79;}
.centralni-deo-naslovna .sredina .izdvojeno a img {border: none; float: left;}
.centralni-deo-naslovna .sredina .izdvojeno a .kontejner-tekst {height: 110px; display: block;}
.centralni-deo-naslovna .sredina .izdvojeno a .naslov {display: block; font-size: 20px; font-weight: bold; color: #391d79; margin: 8px 0 0 12px; float: left; width: 50%; text-transform:uppercase; }
.centralni-deo-naslovna .sredina .izdvojeno a .podnaslov {display: block; font-size: 15px; font-weight: bold; color: #00a9b1; margin: 5px 0 0 12px;  float: left; width: 50%; }
.centralni-deo-naslovna .sredina .izdvojeno a .tekst {display: block; font-size: 14px; margin: 5px 0 0 15px; float: left; width: 50%; color: #404040; }
.centralni-deo-naslovna .sredina .izdvojeno a .cena {display: block; font-size: 20px; padding: 6px 10px; background-color: #f6921d; color: #fff; margin: 3px 0 0 12px; float: left; font-weight: bold; min-width: 100px; text-align: right;  }
.centralni-deo-naslovna .sredina .izdvojeno a:hover .naslov, .centralni-deo-naslovna .sredina .izdvojeno a:hover .podnaslov, 
.centralni-deo-naslovna .sredina .izdvojeno a:hover .tekst { color: #fff; }
.centralni-deo-naslovna .sredina .izdvojeno a:hover .cena {background-color: #fff; color: #391d79; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-zima {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_zima.png) top left no-repeat; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-prolece {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_prolece.png) top left no-repeat; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-leto {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_leto.png) top left no-repeat; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-jesen {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_jesen.png) top left no-repeat; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-evropa {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_evropa.png) top left no-repeat; }
.centralni-deo-naslovna .sredina .izdvojeno a .lenta-ngodina {position: relative; left: 0px; top: -110px; width: 54px; height: 54px; background:url(/images/naslovna_lenta_ngodina.png) top left no-repeat; }


.centralni-deo-naslovna .sredina .aranzmani-naslovna {}
.centralni-deo-naslovna .sredina .aranzmani-naslovna .segment {margin: 0 0 20px 0;}
.centralni-deo-naslovna .sredina .aranzmani-naslovna .segment-podaci { margin: 0px 0 5px 0;}
.centralni-deo-naslovna .sredina .aranzmani-naslovna .segment-podaci h3 { font-size: 20px; color: #00a9b1; font-weight: bold; margin: 0;}
.centralni-deo-naslovna .sredina .aranzmani-naslovna .segment-podaci h4 { font-size: 14px; font-weight: bold; margin: 0;}

.aranzmani-naslovna a.link, .aranzmani-naslovna a.link:visited {display: block; margin: 0 0 5px 0; padding: 4px; background-color: #f3f3f3; border: 1px solid #cbcbcb; color: #404040; font-size: 93%; line-height: 110%; overflow: auto;}
.aranzmani-naslovna a.link:hover {background-color: #391d79; color: #fff;}
.aranzmani-naslovna a.link .tekst { width: 230px; float: left;}
.aranzmani-naslovna a.link .termin { width: 110px; float: right; margin: 0 0 0 10px;}
.aranzmani-naslovna a.link .cena { width: 70px; float: right; text-align: right; font-size: 120%; font-weight: bold; color: #f6921d; }



.nove-cene em {font-weight: bold; color: #ff0000; font-style:normal; font-size: 120%;}



.kontejner-rezervacija-karata {border: 1px solid #cbcbcb; padding: 8px; margin: 0 0 30px 0;}
.crveni-boks { background-color: #F00; color: #fff; display: block; padding: 8px; margin: 10px 0;}
.crveni-boks a, .crveni-boks a:visited { color: #fff; text-decoration: unterline;}
.crveni-boks a:hover { color: #fff; text-decoration: none;}

.image-kontejner-mali {display: block; width: 160px; height: 110px; overflow: hidden; float: left}
.image-kontejner-mali img {height: 110px; max-width: none; margin-left: -15px;}


.veliki-pdf-link { width: 80%; margin: 20px auto; border: 1px solid #dedede; border-radius: 3px; text-align: center; padding: 210px 10px 30px 10px; font-size: 16px; }
.argus-papagaj-lezi { background:url(/images/argus_papagaj_lezi.png) center 20px no-repeat; }
.argus-papagaj-mase { background:url(/images/argus_papagaj_mase.jpg) center 20px no-repeat; }



	/*   karusel   */
	
.carousel .col-sm-4 li .prvi-red { display: block; font-size: 17px; font-weight: bold; color: #391d79; line-height: 120%;}
.carousel .col-sm-4 li .drugi-red { display: block; font-size: 13px; color: #00a9b1; line-height: 130%; text-transform: uppercase; }
.carousel .col-sm-4 li .treci-red { display: block; font-size: 12px; color: #646464; line-height: 130%; }
.carousel .col-sm-4 li .cetvrti-red { display: block; font-size: 12px; color: #646464; line-height: 130%; }
.carousel .col-sm-4 li .cena { display: block; float: right; right: 10px; position: absolute; top: 44px; font-size: 25px; font-weight: bold; color: #391d79; margin: 0 0 0 10px; }

.carousel-caption h4 {font-size: 25px; font-weight:bold; color: #fff; margin: 0 0 10px 0;}
.carousel-caption h4 a {color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.carousel-caption p {font-weight:bold; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}






	/*   centralni deo   */
	
.centralni-deo { overflow: auto; margin: 20px 0; }
.breadcrumbs {padding: 5px 0; border-bottom: 0px solid #cbcbcb; font-size: 100%; margin: 0 0 20px 0;}
.kategorija-slika { margin: -17px 0 20px 0;}
.opis-zemlje {margin: 20px 0 20px 0;}
.centralni-deo h1 { font-size: 250%; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 2px 0; border-bottom: 1px solid #cbcbcb; }
.centralni-deo h2 { font-size: 180%; font-weight: normal; margin: 0 0 10px 0;}
.centralni-deo h3 { font-size: 130%; font-weight: normal; margin: 0 0 10px 0;}
.drzave-lista ul, .destinacije-lista ul { list-style-type: none; margin: 0; padding: 0;}
.drzave-lista > ul > li { font-size: 18px; margin-top: 30px;}
.drzave-lista > ul > li > li { font-size: 14px;}
.centralni-deo-gore {overflow: auto;}
.slajfna-levo { width: 44%; float: left; margin: 0 }
.slajfna-levo .online-rezervacija-aranzmana-uputstvo { margin: 60px 0;  padding: 10px; background-color: #ccf4d0; border: 1px solid #CCC; font-weight: bold; text-align: center; }
.destinacije-lista a, destinacije-lista a:visited { display: block; margin: 0 0 10px 0; padding: 5px 5px 5px 5px; background-color: #f3f3f3; border: 1px solid #cbcbcb;}
.destinacije-lista a:hover { background-color: #391d79; border: 1px solid #391d79; color: #fff;}
.destinacije-lista a span.destinacije-cena {float: right; color: #f6921d; font-size: 120%; font-weight: bold; margin: -1px 0 0 10px;}

.slajfna-desno { width: 52%; float: right; margin: 0 }

.dve-trecine-levo { width: 64%; float: left;}
.trecina-desno  { width: 31%; float: right;}


.svetlosiva-pozadina {background-color: #f3f3f3; padding: 10px;}

.kontakt-formular { }
.kontakt-formular input, .kontakt-formular textarea { margin: 0 2% 10px 2px;}
.kontakt-formular input[type="text"] { width: 90%; padding: 5px; border: 1px solid #cbcbcb; border-radius: 5px;}
.kontakt-formular textarea { width: 90%; height: 80px; padding: 5px; border: 1px solid #cbcbcb; border-radius: 5px;}

table.ovlasceni-agenti { background-color: #fff; width: 100%; text-align: center; margin: 10px 0; border-collapse: collapse; font-size: 12px; }
table.ovlasceni-agenti th { background-color: #eee; text-align: left; }
table.ovlasceni-agenti th, table.ovlasceni-agenti td  { border: 1px solid #dedede; padding: 3px 5px; text-align: left; }
table.ovlasceni-agenti tr:first-child th { background-color: #00a9b1; color: #fff; padding: 5px ; text-align: center; font-size: 14px; font-weight: bold; }
table.ovlasceni-agenti tr th { margin-bottom: 3px; vertical-align: top; }

.tabela-transfers tr td:not(:first-child) {text-align: center;}

.hotel-slika-velika-kontejner {margin: 0; z-index: 1; overflow: hidden; position: relative; }
.hotel-slika-velika {margin: 0; position:relative;}
.hotel-slika-velika img {width: 100%;}
.hotel-slika-velika img, .hotel-slike-male img {border: none;}
.hotel-slika-velika-kontejner img.over-logo {position:absolute; top: 0; left: 0; z-index: 2;}
.hotel-slike-male {overflow: auto; z-index: 100;}
.hotel-slike-male a { float: left; width: 19.6%; height: 80px; overflow: hidden; margin: 0.5% 0.5% 0 0; display: block; }
.hotel-slike-male a:nth-child(5n) { margin: 0.5% 0 0 0;}
.hotel-slike-male img {width: 100%; min-height: 80px;}

.hotel-opis-slika { position: absolute; bottom: 5px; left: 5px;color: white; text-shadow: 0px 0px 4px #000000; }

.english-navigation-right {width: 100%; padding: 10px; margin: 0 0 30px 0; background-color: #00a9b1; color: #fff;}
.english-navigation-right h4 {margin: 0 0 10px 0; font-size: 20px; text-transform:uppercase; border-bottom: 1px solid #fff;}
.english-navigation-right a, .english-navigation-right a:visited {display: block; margin: 5px 0; color: #fff; padding: 5px; border-radius: 3px; }
.english-navigation-right a:hover {background-color: #f6921d; }



	/*   amadeus   */

.AmadeusPretragaNaslovna { background:url(/images/amadeus_pozadina.jpg) top right no-repeat; margin: -9px; padding: 9px; background-color: #ebeaef;}
.AmadeusPretragaNaslovna h2 { display: block; margin: -9px -9px 10px -9px; background-color: #ff0000; padding: 7px; font-size: 22px; font-weight: bold; color: #fff; text-align: center; }
.SearchFormAmadeusFrontPage {}
.SearchFormAmadeusFrontPage table { width: 100%; border-collapse: collapse;}
.SearchFormAmadeusFrontPage table td { padding: 2px 0;}

.ekarta-levo { width: 70%; max-width: 650px;}
.ekarta-desno { width: 300px;}



	/*   fajlovi za preuzimanje (iznad tabele sa cenovnikom)   */
.preuzmi-fajl {
	padding: 10px 0;
}





	/*   tabela sa cenovnikom   */

.aranzmani-tabela table { background-color: #f3f3f3; width: 100%; text-align: center; margin: 10px 0; border-collapse: collapse; font-size: 12px; }
				
.aranzmani-tabela table caption {text-align: left; font-style: italic; font-size: 14px;}


.handsontable-accomodation table tr td { text-align: center; }
.aranzmani-tabela table tr td.run-active { background-color: rgb(229, 253, 229); }
.aranzmani-tabela table tr td.run-active:hover { background-color: #8EB04B; }
.aranzmani-tabela table tr td.run-inactive { background-color: rgb(253, 229, 229); }
.aranzmani-tabela table tr td.run-inactive:hover { background-color: #fd5829; }






.handsontable-accomodation table tr td span.capacity-unknown,
.handsontable-accomodation table tr td span.capacity-no,
.handsontable-accomodation table tr td span.capacity-little,
.handsontable-accomodation table tr td span.capacity-announcement,
.handsontable-accomodation table tr td span.capacity-has,
.handsontable-room table tr td span.capacity-unknown,
.handsontable-room table tr td span.capacity-no,
.handsontable-room table tr td span.capacity-little,
.handsontable-room table tr td span.capacity-announcement,
.handsontable-room table tr td span.capacity-has { width: 120%; height: 100%; display:block; margin: 0 -4px; }

.handsontable-accomodation table tr td span.capacity-unknown { background-color: inherit; }
.handsontable-accomodation table tr td span.capacity-no { background-color: #ffd5d5; }
.handsontable-accomodation table tr td span.capacity-little { background-color: #f8f6c1; }
.handsontable-accomodation table tr td span.capacity-announcement { /* background-color: blue; nema bojenja 2015-02-20 */ }
.handsontable-accomodation table tr td span.capacity-has { background-color: #ccf4d0; }

.handsontable-room table tr td span.capacity-unknown { background-color: inherit; }
.handsontable-room table tr td span.capacity-no { background-color: #ffd5d5; }
.handsontable-room table tr td span.capacity-little { background-color: #f8f6c1; }
.handsontable-room table tr td span.capacity-announcement { /* background-color: blue;  nema bojenja 2015-02-20 */ }
.handsontable-room table tr td span.capacity-has { background-color: #ccf4d0; }


/* ***** tabela sa cenovnikom 2019-07-15 ***** */

.tab-table-accomodation table tr td.capacity-unknown { background-color: inherit; }
.tab-table-accomodation table tr td.capacity-no { background-color: #ffd5d5; }
.tab-table-accomodation table tr td.capacity-little { background-color: #f8f6c1; }
.tab-table-accomodation table tr td.capacity-announcement { /* background-color: blue; nema bojenja 2015-02-20 */ }
.tab-table-accomodation table tr td.capacity-has { background-color: #ccf4d0; }

.tab-table-room table tr td.capacity-unknown { background-color: inherit; }
.tab-table-room table tr td.capacity-no { background-color: #ffd5d5; }
.tab-table-room table tr td.capacity-little { background-color: #f8f6c1; }
.tab-table-room table tr td.capacity-announcement { /* background-color: blue;  nema bojenja 2015-02-20 */ }
.tab-table-room table tr td.capacity-has { background-color: #ccf4d0; }




	/*   legenda tabele sa cenama   */

.legende-kontejner-gore {overflow: auto; border-top: 1px solid #CCC; margin-top: 10px; padding-top: 10px;}
.legende-kontejner {overflow: auto; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px;}
.legenda-cene-aranzmana {float: left; margin-top: 35px}
.legend-capacity {float: right; border: 0px solid #0C6}	
.legend-capacity .naslov {text-align: right;}	
.legend-capacity-list {overflow: auto; margin-left: 0;}
ul.legend-capacity-list {margin-left: 0; margin-bottom: 0; -webkit-padding-start: 0px;}
.legend-capacity-list li { list-style: none; float: right; display: block; padding: 3px 5px; margin: 5px 0 0px 10px; font-size: 90%;}
.legend-capacity-list li.capacity-no { background-color: #ffd5d5; border: 1px solid #ffd5d5 ; }
.legend-capacity-list li.capacity-little { background-color: #f8f6c1; border: 1px solid #f8f6c1 ; }
.legend-capacity-list li.capacity-has { background-color: #ccf4d0; border: 1px solid #ccf4d0 ; }
.legend-capacity-list li.capacity-unknown { background-color: #fff; border: 1px solid #CCC ; }

.legend-service-type {}
.legend-service-type .naslov { }	
.legend-service-type-list {margin-left: 0; -webkit-padding-start: 0px;}
.legend-service-type li { list-style: none; float: left; display: block; padding: 3px 5px; margin: 5px 10px 0px 0; font-size: 90%; background-color: #fff; border: 1px solid #CCC ;}

.crveni-boks-obavestenje { background-color: #ff0000; color: #fff; font-size: 15px; text-transform:none; padding: 5px 10px; margin: 10px 0;}


.aranzmani-tabela table th { background-color: #eee; text-align: left; }
.aranzmani-tabela table tr:first-child>th { background-color: #00a9b1; color: #fff; text-align: left; }
.aranzmani-tabela table tr:first-child>th { font-size: 14px; text-align: center; }
.aranzmani-tabela table tr:first-child>th:nth-child(1), .aranzmani-tabela table tr:first-child>th:nth-child(2) { text-align: left; padding: 2px 4px; }
.aranzmani-tabela table td, .aranzmani-tabela table th { border: 1px solid #fff; padding: 2px; }
.aranzmani-tabela table tr td:hover { background-color: #fff; }
.aranzmani-tabela table tr:not(:first-child)>th:nth-child(1) { width: 180px; text-align: left; font-weight: normal; padding: 2px 4px; }
.aranzmani-tabela table tr:not(:first-child)>th:nth-child(2) { white-space: nowrap; text-align: left; font-weight: normal; padding: 2px 4px; }
.aranzmani-tabela table tr:not(:first-child)>th:nth-child(1) a { font-size: 14px;}
.aranzmani-tabela table tr.soba-korekcije { font-size: 11px; }
				
.aranzmani-tabela table .pozadina-hotel { display: block;  height: 20px; width: 100px; border: 0px solid #FFF; border-radius: 2px; background: url(/images/ikona_hotel_16.png) -2px 2px no-repeat; padding: 3px 0 0 17px; font-size: 14px; font-weight: normal; }
.aranzmani-tabela table .pozadina-hotel:after { content: "Hotel"}
		
.aranzmani-tabela table .pozadina-kuca { display: block;  height: 20px; width: 100px; border: 0px solid #FFF; border-radius: 2px; background: url(/images/ikona_kuca_16.png) 0px 4px no-repeat; padding: 3px 0 0 19px; font-size: 14px; font-weight: normal; }
.aranzmani-tabela table .pozadina-kuca:after { content: "Kuća"}





	/*   aranžmani - napomene   */
	
.aranzmani-napomene, .aranzmani-program-putovanja { margin: 20px 0;}
.aranzmani-napomene h3, .aranzmani-program-putovanja h3 { padding: 2px 4px; background-color: #f3f3f3 ; text-transform:uppercase;}
.aranzmani-napomene ul, .aranzmani-program-putovanja ul { list-style: none;}





.ponuda .nav-tabs li a, .ponuda .nav-tabs li a:link, .ponuda .nav-tabs li a:visited, .ponuda .nav-tabs li a:hover, .ponuda .nav-tabs li a:active { background-color: #eee; color: #a94442; }
.ponuda .nav-tabs li.active a { font-weight: bold; background-color: #ddd; }





	/*   back to top button   */
	
a.go-top, a.go-top:visited {
	position: fixed;
	bottom: 10em;
	right: 0em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 169, 177, 0.6);
	font-size: 12px;
	padding: 10px 30px 10px 10px;
	display: none;
	border-left: 5px solid rgba(0, 0, 0, 0.0);
	}

a.go-top:hover {
	background-color: rgba(0, 169, 177, 0.9);
	border-left: 5px solid rgba(246, 146, 29, 0.9);
}




	/* dodatak za cene specijalne ponude */
	
a.promo-elements-special, a.cena-specijal {border: 1px solid #ffa7a7 !important; border-radius: 3px; background-color: #ffebeb !important;}
a.promo-elements-special:hover, a.cena-specijal:hover, a.promo-elements-ultra:hover {border: 1px solid #a81313 !important; background-color: #a81313 !important;}

a.promo-elements-new {border: 1px solid #00a9b1 !important; border-radius: 3px; background-color: #dbeaeb !important; background-image:url(/images/icon_novo_16.png); background-repeat: no-repeat; background-position: left center; padding: 8px 4px !important;}
a.promo-elements-new .tekst {width: 200px !important; margin-left: 20px;}
a.promo-elements-new:hover {border: 1px solid #007b81 !important;  background-color: #007b81 !important;}



a.promo-elements-ultra {border: 1px solid #ffa7a7 !important; border-radius: 3px; background-color: #ffebeb !important; background-image:url(/images/icon_zvezdica_16.png); background-position: 3px center; background-repeat: no-repeat;}
a.promo-elements-ultra .tekst {width: 200px !important; margin-left: 20px;}

.cena-specijal .tekst-3 {float: right; text-align: right; font-size: 120%; color:#f6921d; clear:left; font-weight: bold; margin-top: -15px;}
.cena-specijal .cena {display:none;}
.cena-specijal .termin {width: 180px !important;}


	/*  specijalne ponude u slajderu  */
	
ul.list-group li.cena-specijal { padding-top: 25px; background-image:url(/images/naslov_specijal_slajder.png); background-repeat: no-repeat; background-position: top left;}
ul.list-group li.cena-specijal .cena { display: none;}
ul.list-group li.cena-specijal .treci-red { float: right; float: right; right: 10px; position: absolute; top: 64px; font-size: 25px; font-weight: bold; color: #391d79; margin: 0 0 0 10px;}


	/*   footer   */
	
.footer {margin: 20px 0 10px 0;}
.footer-gornji { padding: 20px; background-color: #00a9b1; color: #fff;}
.footer-gornji a { color: #fff;}
.footer-gornji a:hover { text-decoration: underline;}
.footer-gornji img { float: right; margin: 0px 0 0 20px;}

.footer-srednji {padding: 20px; background-color: #f3f3f3; overflow: auto;}
.footer-srednji .adresa { float: left; }
.footer-srednji .linkovi { float: right; margin: 20px 0 0 0 ; }
.footer-srednji .linkovi a { margin: 0 5px;  }


.footer-donji {padding: 20px 0; overflow: auto; font-size: 90%}
.footer-donji .levo { float: left; }
.footer-donji .desno { float: right; text-align: right; }
.footer-donji a { color: #404040;}



	/*   handson tabela   */
	
.handsontable-accomodation { border-collapse: collapse;}
.handsontable-accomodation th, .handsontable td { text-align: center;}
.handsontable-accomodation td:nth-child(1), .handsontable td:nth-child(2) { text-align: left;}
.handsontable-accomodation td:nth-child(1) { color:#fff;}
.handsontable-accomodation td:nth-child(2) { width: 120px;}
.htCore td:first-child {text-align: left;}

/*.handsontable tr:not(:first-child)>th:nth-child(1) { text-align: left;}
.handsontable tr:not(:first-child)>th:nth-child(2) { text-align: left; }*/

/*    .handsontable td:nth-child(1) {border-bottom: 1px solid #fff;}
.handsontable td:nth-child(1)>a {border-top: 1px solid #ccc; display: block; margin: 0px -4px 0 -4px; padding: 0 4px;}
.htDimmed < a {border-top: 1px solid #ccc;}   */




	/*  licence gore   */
	
#header .header-licenca { float: left; width: 360px; border: 0px solid #0F0; margin: 12px 0 0 20px; background-color: #590793; padding: 5px 10px 5px 10px; color: #fff; line-height: 110%; border-radius: 3px; font-size: 135% }
#header .header-licenca strong {font-size: 120%; color: #f6921d;}
#header .header-licenca span.manje {font-size: 80%}




	/******   red i kolone   ******/
	.row {overflow: auto;}
	@media (min-width: 40rem) { 
		.column { float: left; padding-left: .5rem; padding-right: .5rem;} 
		.column.full { width: 100%; } 
		.column.two-thirds { width: 66.7%; } 
		.column.half { width: 50%; } 
		.column.third { width: 33.3%; } 
		.column.fourth { width: 25%; } 
		.column.three-fourth { width: 75%; } 
		.column.flow-opposite { float: right; }   
	} 
	
	/*    popup za rent-a-yacht   */
		.rent-a-yacht-slike {width: 100%}
		.rent-a-yacht-slike img {margin-bottom: 1rem;}









		.centralni-deo-naslovna .levo-responsive,
		.facebook-responsive,
		.centralni-deo .lista-hotela
		 {		 display: none;		}


/************************************************************************************
manje od 1000 px širine
*************************************************************************************/
@media screen and (max-width: 1000px) {
	
		#glavni-kontejner {	  width: 96%;	  margin: 0 auto;	}	
		#header .header-licenca { display: none;}
		
		.centralni-deo-naslovna   
		 {
			width: 100%; /* fix for Firefox */
			display: -webkit-box;
			display: -moz-box;
			display: -webkit-flexbox;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-webkit-box-direction: normal;
			-moz-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			
		  }

		
		.centralni-deo-naslovna .levo 
		  {
			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			-webkit-flex-order: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
			float: none; width: 100%;
		  }


		
		.centralni-deo-naslovna .sredina {	  width: 100%;	  float: none;	  margin: 0;}
		
		.centralni-deo-naslovna .desno
		   {
			-webkit-box-ordinal-group: 3;
			-moz-box-ordinal-group: 3;
			-webkit-flex-order: 2;
			-ms-flex-order: 2;
			-webkit-order: 2;
			order: 2;
			float: none; width: 100%;
		  }
	
	
		.navigacija-desno {width:auto;}
		.navigacija-desno .facebook {display: none;}
		.navigacija-desno .instagram {display: none;}
		.facebook-responsive {display: inline;}
		
		.ekarta-levo {width: 55%;}
		.ekarta-desno { width: 40%; overflow: auto;}
		.kontejner-rezervacija-karata {max-width: 300px; }
	
}


/************************************************************************************
manje od 800 px širine - zaglavlje
*************************************************************************************/

@media screen and (max-width: 800px) {
	
		#header .pozovite-nas {margin-left: 10%}
		.slajder {height: auto;}
		a.go-top {display: none !important;}
		.navigacija-desno {display: none !important;}
}


/************************************************************************************
manje od 650 px širine - zaglavlje
*************************************************************************************/

@media screen and (max-width: 650px) {
	
		#header .pozovite-nas {margin-left: 10%; background: none; width: 150px; height: 80px;}
		#header .pozovite-nas .red1, #header .pozovite-nas-en .red1 {  margin: 10px 0 0 0;}
		.header-linkovi-gore {  float: none;  margin: 5px 0 15px 0; text-align: center; }
		
		.centralni-deo-naslovna .levo-responsive {	  display: block;	  width: 100%;	  float: none;	  margin: 40px 0 0 0;	}	
		.centralni-deo-naslovna .desno {	  width: 100%;	  float: none;	  margin: 40px 0 0 0;	}
		
		.centralni-deo-gore .slajfna-levo { width: 100%; float: none; margin-bottom: 20px;}
		.centralni-deo-gore .slajfna-desno { width: 100%; float: none;}
		.centralni-deo .dve-trecine-levo { width: 100%; float: none;}
		.centralni-deo .trecina-desno { width: 100%; float: none; margin-top: 40px;}

		.ekarta-levo {width: 100%; float: none;}
		.ekarta-desno { width: 100%; float: none; margin-top: 40px; overflow: auto;}
		
		
		
		li.preuzmi-fajl {list-style: none; margin-left: -40px;}
		li.preuzmi-fajl a {display: block; margin: 0; padding: 10px; border: 1px solid #f00; border-radius: 5px; font-size: 130%; font-weight: bold; text-align: center;}
		li.preuzmi-fajl a:hover, li.preuzmi-fajl a:active { background-color: #f00; color: #fff;}
		
		.centralni-deo .legende-kontejner-gore, 
		.centralni-deo #hot-accomodation,
		.centralni-deo #hot-room,
		.centralni-deo .legende-kontejner
		{ /* display: none; */ }
		
		.crveni-boks-obavestenje { background-color: #fff; color: #404040; font-size: 15px; text-transform: none; padding: 5px 10px; margin: 10px 0; border: 1px solid #CCC; border-radius: 5px;	}
		
		.centralni-deo .lista-hotela { /* display: block; */ }
		.centralni-deo .lista-hotela ul {margin-left: 0; padding-left: 0;}
		.centralni-deo .lista-hotela ul li {list-style: none; padding: 5px 0; border-bottom: 1px solid #CCC; }
		
		.carousel-control .glyphicon-chevron-right { margin-right: -45px; }
		.carousel-control .glyphicon-chevron-left {  margin-left: -45px;}
		

}

/************************************************************************************
manje od 505 px širine - zaglavlje
*************************************************************************************/

@media screen and (max-width: 505px) {
	
		#header .pozovite-nas {display: none;}
		#navigacija { height: 160px; }
		.carousel-control .glyphicon-chevron-right { margin-right: -25px; }
		.carousel-control .glyphicon-chevron-left {  margin-left: -25px;}
		.centralni-deo { overflow: visible; margin: 20px 0; }

}


/*****************************************************/
/***********   11.08.2018.   *************************/
/*****************************************************/
.partner-offer {
    position: relative;
}
.partner-offer table .partner-offer tbody, .partner-offer td, .partner-offer textarea, .partner-offer th, .partner-offer thead {
    box-sizing: content-box;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.partner-offer table  {
    display: table;
    border-color: grey;
}
.partner-offer thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.partner-offer th {
    background-color: #EEE;
    color: #222;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
}
.partner-offer tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.partner-offer tr:first-child td, .partner-offer tr:first-child th {
    border-top: 1px solid #CCC;
}
.partner-offer td:first-child, .partner-offer th:first-child {
    border-left: 1px solid #CCC;
}
.partner-offer td, .partner-offer th {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 22px;
    empty-cells: show;
    line-height: 21px;
    padding: 0 4px;
    vertical-align: top;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line;
}
