/* GLOBALS */
/*html, body { height: 100%; }*/
body { margin: 0; padding: 0; background: #fff; }
td, input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #434447; line-height: 14px; }
form { margin: 0; }
fieldset { margin: 0; padding: 0; border: none; }

a img { border: 0; }

ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.footerLinks { margin-top: 5px; }

dl.linklist1 { margin: 3px 0; padding: 0; list-style-type: none; }
dl.linklist1 dt { background: url(img/bullet_arrow_red.gif) no-repeat left 5px; padding-left: 12px; }
dl.linklist1 dd { margin: 0; padding-left: 12px; }

ul.linklist2 { margin: 0; padding: 0; list-style-type: none; }
ul.linklist2 li { background: url(img/bullet_arrow_red.gif) no-repeat left 7px; padding: 2px 0 2px 12px; }

ul.linklist3 { margin: 3px 0 0 0; padding: 0; list-style-type: none; }
ul.linklist3 li { padding: 1px 0 1px 8px; }

.txtPlavi { color: #0066a1; }
.picborder { border: 1px solid #d4d4d4; }

tr.redplavi td { background: #2674A1; }
tr.redsivi td { background: #E7E7E7; }
tr.redbijeli td { background: #ffffff; }

.tablica1 { background: #b6b6b6; }

.tablica1 th { font-size: 11px; color: #fff; font-weight: bold; background: #C80013; line-height:20px; }
.tablica1 td { font-size: 11px; background: #fff; line-height:20px; }
.tablica1 tr.redsivi td { background: #efefef; line-height:20px; }

.tablica1 tr.table_heading { font-size: 11px; color: #fff; font-weight: bold; background-color: #C80013; line-height:20px; }
.tablica1 tr.table_heading td {font-size: 11px; color: #fff; font-weight: bold; background-color: #C80013;  line-height:20px;}
.tablica1 tr.table_heading td p { padding: 0px; margin:0px;font-size: 11px; color: #fff; font-weight: bold; background-color: #C80013;  line-height:20px;}

#pageBody .tablica1 tr.table_heading td { font-size: 11px; color: #fff; font-weight: bold; background-color: #6d6d6d; line-height:20px; }

/* LINKS */
a:link { color: #0066a1; text-decoration: none; }
a:active { color: #0066a1; text-decoration: none; }
a:visited { color: #0066a1; text-decoration: none; }
a:hover { color: #df0015; text-decoration: none; }

a.linkTopmenu:link { color: #fff; text-decoration: none; font-weight: bold; }
a.linkTopmenu:active { color: #fff; text-decoration: none; font-weight: bold; }
a.linkTopmenu:visited { color: #fff; text-decoration: none; font-weight: bold; }
a.linkTopmenu:hover { color: #eee; text-decoration: none; font-weight: bold; }

a.linkleftmenu:link { padding-left: 12px; }
a.linkleftmenu:active { background: url(img/bullet_arrow_red.gif) no-repeat left 5px; padding-left: 12px; }
a.linkleftmenu:visited { background: url(img/bullet_arrow_red.gif) no-repeat left 5px; padding-left: 12px; }
a.linkleftmenu:hover { background: url(img/bullet_arrow_red.gif) no-repeat left 5px; padding-left: 12px; }


/* FORM ELEMENTS */
.textbox, textarea { background: url(img/textboxBgnd.gif) no-repeat left top; padding: 2px 5px; border: 1px solid #ceced1; }
.searchbox { width: 150px; margin: 0 7px; }
.konverterbox { width: 60px; margin: 5px 0; }
.kontaktbox { width: 180px; margin-bottom: 6px; }
select { background: #fff; border: 1px solid #ceced1; }
.konverterselect { width: 72px; }
.searchselect { width: 185px; margin-bottom: 7px; }
.searchselect2 { width: 185px; margin-left: 4px; }

.searchselectNEW { width: 163px; margin-bottom: 7px; }

.hotelselekt { background: #fff; border: 0px; }
.kontaktbox2 { width: 150px; margin-bottom: 6px; }

/* DROPDOWN - LANG */
.langMenuContainer { position: absolute; visibility: hidden; z-index: 500; width: 145px; background: #fff; }
.langMenuDrop { margin: 0; padding: 0; list-style-type: none; width: 100%; }
.langMenuDrop li { text-align: left; border-top: 1px solid #fff; }

a.linkLang:link { background: url(img/langBgnd.gif) repeat-x center center; display: block; padding: 5px 12px; }
a.linkLang:active { background: url(img/langBgnd.gif) repeat-x center center; display: block; padding: 5px 12px; }
a.linkLang:visited { background: url(img/langBgnd.gif) repeat-x center center; display: block; padding: 5px 12px; }
a.linkLang:hover { background: url(img/langActiveBgnd.gif) repeat-x center center; color: #fff; padding: 5px 12px; }


/* DROPDOWN - MAIN MENU */
.mainMenuContainer { position: absolute; visibility: hidden; z-index: 1000; background: #e3e4e8; border: 1px solid #c1c3c6; border-bottom: none; }
.mainMenuDrop { margin: 0; padding: 0; list-style-type: none; }
.mainMenuDrop li { text-align: left; border-bottom: 1px solid #c1c3c6; }

a.linkMainMenu:link { background: url(img/mainMenuItemBgnd.gif) no-repeat left 9px; width: 150px; padding: 4px 10px 4px 20px; display: block; }
a.linkMainMenu:active { background: url(img/mainMenuItemBgnd.gif) no-repeat left 9px; width: 150px; padding: 4px 10px 4px 20px; display: block; }
a.linkMainMenu:visited { background: url(img/mainMenuItemBgnd.gif) no-repeat left 9px; width: 150px; padding: 4px 10px 4px 20px; display: block; }
a.linkMainMenu:hover { background: url(img/mainMenuItemActive.gif) repeat-x left top; color: #df0015; width: 150px; padding: 4px 10px 4px 20px; display: block; }


/* WRAPPERS */
.headerAbove { width: 970px; margin-top: 15px; }
.headerAbove td { color: #0066a1; }
.headerLogo { text-align: left; }
.headerLogo img { margin-left: 27px; }
.searchContainer { width: 270px; }
.langSelectContainer { width: 50px; }

.menuLang { width: 145px; }
.flag { margin-right: 10px; vertical-align:middle; } 
.menuLangLabel { text-align: left; }
.menuLangActive { width: 110px; background: url(img/langTabBgnd.gif) no-repeat right; padding-left: 12px; height: 25px; cursor: pointer; text-align: left; }

.header { width: 970px; }
.headerMain, .headerMain2 { width: 100%; background: url(img/header_bgnd.gif) no-repeat top right; text-align: left; }
/*.headerMain2 { background-image: none; }*/
.headerPicBig { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.headerTextWrapper { margin: 10px; }
.headerTextWrapper2 { margin: 0; }
.headerTextDesc { background: url(img/arrowLeft.gif) no-repeat left 4px; padding-left: 10px; color: #fff; font-size: 12px; height: 104px; }
.headerTextDesc span { font-size: 11px; color: #ffb3b3; }
.headerTextTerm { font: 27px Arial, Helvetica, sans-serif; color: #fff; padding-left: 10px; }

.headerTextDesc2 { background: url(img/arrowLeft.gif) no-repeat 10px 4px; padding-left: 20px; color: #fff; font-size: 12px; height: 104px; margin-top: 10px; }
.headerTextDesc2 span { font-size: 11px; color: #ffb3b3; }
.headerTextTerm2 { font: 27px Arial, Helvetica, sans-serif; color: #fff; padding-left: 20px; }


.headerPicSmall { border-left: 1px solid #fff; border-right: 1px solid #fff; }

.menutop { width: 970px; border-top: 1px solid #fff; background: url(img/topnav5.gif) repeat-x; }
.menutop td { text-align: center; }
.menuTopContainer { text-align: left; }
.menutopSide1 { background: url(img/menutopBgnd_grey.gif) repeat-x; text-align: center; width: 98px; border-right: 1px solid #fff; }
.menutopSide2 { background: url(img/menutopBgnd_grey.gif) repeat-x; text-align: center; width: 197px; border-left: 1px solid #fff; }
.menuBlueStrip { background: #0066a1; border-top: 1px solid #fff; }
.menutopDivider { width: 1px; background: #FFF; }
.menutopMain .mainmenuItem { padding: 5px 29px; }

.menutopMain .mainmenuItem_n { padding: 8px 23px; }
.menuTopContainer .menutopMain { text-align: left; }
/*#menu_parent1.mainmenuItem_n { width: 99px; padding: 5px 0; }*/
/*#menu_parent2.mainmenuItem_n, #menu_parent5.mainmenuItem_n { padding: 5px 25px; }*/

#menu_parent1 { background: url(img/menutopBgnd_blue.gif) repeat-x; }
#menu_parent2 { background: url(img/topnav2.gif) repeat-x; }
#menu_parent3 { background: url(img/topnav3.gif) repeat-x; }
#menu_parent4 { background: url(img/topnav4.gif) repeat-x; }
#menu_parent5 { background: url(img/topnav5.gif) repeat-x; }

#menu_parent5 a { color: #2f2f2f; }

.middle { width: 970px; }
.middle td { text-align: left; }
.middleLeft { width: 230px; background: #e7e7e7; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; }
.middleMain { background: url(img/middleMainBgnd.gif) repeat-x top; }
.contentMain { border-left: 1px solid #d6dbe3; padding: 15px; }
.middleRight { width: 240px; background: #e7e7e7; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; }
.middleSideContainer { padding: 10px; }

.middleRight .middleSideContainer { padding: 3px; }

.box { margin-top: 12px; }
.boxTitle { font: 16px Arial, Helvetica, sans-serif; color: #0066a1; padding-bottom: 5px; padding-left: 5px; }
.boxTitle span { font-weight: bold; }
.boxBody { background: #fff url(img/boxBgnd.gif) repeat-x top; border: 1px solid #d4d4d4; padding: 7px; }

.box2 { background: url(img/boxBgnd2.gif) repeat-x top; padding: 15px; }
.box2 .boxTitle { color: #ff8400; }

.quickSearch { width: 100%; margin-bottom: 15px; }
.quickSearch .tab { background: url(img/tabBgnd.gif) no-repeat left; font-weight: bold; text-align: center; width: 80px; height: 24px; }
.quickSearch .tab2 { background: url(img/tabBgnd2.gif) no-repeat left; font-weight: bold; text-align: center; width: 105px; height: 24px; }
.quickSearch .tabActive { background: url(img/tabBgnd_active.gif) no-repeat left; font-weight: bold; text-align: center; color: #fff; width: 80px; height: 24px; }
.quickSearch .tabActive2 { background: url(img/tabBgnd_active2.gif) no-repeat left; font-weight: bold; text-align: center; color: #fff; width: 105px; height: 24px; }

.right_search .quickSearch .tab { background: url(img/tabBgnd_right.gif) no-repeat left; width: 98px; }
.right_search .quickSearch .tab2 { background: url(img/tabBgnd2_right.gif) no-repeat left; width: 115px; } 
.right_search .quickSearch .tabActive { background: url(img/tabBgnd_active_right.gif) no-repeat left; width: 98px; }
.right_search .quickSearch .tabActive2 { background: url(img/tabBgnd_active2_right.gif) no-repeat left; width: 115px; }

.quickSearchBody { background: #2795d4 url(img/searchBgnd.gif) repeat-x top; padding: 10px 12px; }
.quickSearchLabel { color: #fff; text-transform: uppercase; margin-bottom: 5px; }
.quickSearchDivider { background: url(img/divider_blue.gif) repeat-x center center; }

.tabActive a, .tabActive2 a { color: #FFF; }

.leftmenu { width: 100%; border: 1px solid #d4d4d4; border-bottom: none; margin-bottom: 15px; }
.leftmenu td { background: #f0f0f3 url(img/leftmenuItemBgnd.gif) no-repeat top left; padding: 5px 10px 5px 20px; border-bottom: 1px solid #d4d4d4; }

.boxWelcome { margin: 15px; line-height: 17px; }
.boxWelcome h2 { color: #0066a1; font-size: 14px; font-weight: normal; margin: 10px 0; }

.pageContent { width: 100%; margin: 15px 0; }
.pageTitle h1 { font: 16px Arial, Helvetica, sans-serif; color: #0066a1; font-weight: bold; margin: 0; padding: 0 15px; }
.pageTitleh1  { font: 16px Arial, Helvetica, sans-serif; color: #0066a1; font-weight: bold; margin: 0; padding: 0 15px; }
.pageBody { padding: 0 15px;}
.pageBody p { margin: 0 0 12px 0; }
.pageHeading { padding: 0 15px;}

.grupacije { width: 100%; }
.grupacije td { padding-bottom: 12px; }
.grupacijePic { border: 1px solid #ffdb9d; margin-right: 12px; }
.grupacijePic2 { border: 1px solid #ffdb9d; margin-right: 12px; }
.grupacijePic img { margin: 3px; }
.grupacijePic2 img { margin: 3px; }
.grupacijaText div { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 3px; }
.grupacijaText2 div { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 6px; }
.hotelInfo { width: 100%; }
.hotelInfo td { text-align: left; padding: 0; }
.hotelInfoPic { text-align: left; }
.hotelInfoPic div { border: 1px solid #c7c7c7; margin-right: 20px; }
.hotelInfoPic img { margin: 3px; }
.hotelInfoDataContainer { width: 100%; }
.hotelInfoData { width: 100%; }
.hotelInfoData td { padding: 3px 0; }
.hotelInfoLabel { color: #0066a1; font-weight: bold; width: 100px; }

.galerija td { text-align: center; padding: 0;  }
.hotelInfoPic2 div { border: 1px solid #c7c7c7; }
.hotelInfoPic2 img { margin: 2px;border: 1px solid #c7c7c7; }

.hotelSection { margin-top: 25px; background: url(img/hotelSection_bgnd.gif) no-repeat left 20px; padding: 0 15px; }
.hotelSection2 { margin-top: 25px; background: url(img/hotelSection_bgnd2.gif) no-repeat left 20px; padding: 0 15px; }
.hotelSectionTitle { color: #0066a1; font-size: 12px; font-weight: bold; margin-bottom: 18px; }
.hotelSectionText { line-height: 16px; }

.hotelOprema { width: 100%; }
.hotelOprema td { width: 50%; padding: 2px 5px; }

.hotelUdaljenost { width: 100%; }
.hotelUdaljenost td { padding: 2px 5px; }
.hotelUdaljenost .hotelUdaljenostValue { width: 8%; text-align: right; padding-right: 15px; color: #0066a1; white-space: nowrap; }

.hotelCjenik { width: 100%; }
.hotelCjenik th { font-weight: bold; padding: 3px 10px 7px 10px; }
.hotelCjenik td { padding: 3px 10px; border-bottom: 1px solid #fff; }
.hotelCjenik .hotelCjenikValue { text-align: center; color: #0066a1; width: 100px; }
.hotelCjenik .hotelCjenikRow1 { background: #f1f1f1; border-bottom: 1px solid #fff; }
.hotelCjenik .hotelCjenikDoplata { padding: 3px 10px; border-bottom: 1px solid #ddd; }

.hotelResults { width: 100%; }
.hotelResultsDivider { height: 29px; background: url(img/divider_grey.gif) repeat-x left center; }
.hotelResults td { padding: 1px 0; }

.tecajna { width: 100%; margin-bottom: 5px; }
.tecajna th { font: 10px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 4px; border-bottom: 1px dotted #2a97d5; font-weight: bold; text-align: right; }
.tecajna td { font-size: 11px; text-align: right; padding: 3px 5px 2px 5px; border-bottom: 1px dotted #2a97d5; text-align: right; }
.tecajna .tecajnaValuta { text-align: left; width: 40px; }
.tecajna .tecajnaValuta img { margin-right: 2px; }
.tecajna .tecajnaHeading { padding: 0; }

.konverter { width: 100%; margin-top: 7px; }

.prognoza { width: 100%; border: 1px solid #d4d4d4; border-bottom: none; }
.prognoza td { background: #fff url(img/boxBgnd.gif) repeat-x top; padding: 0px 7px; border-bottom: 1px solid #d4d4d4; }
.prognoza .prognozaTemp { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; color: #0066a1; }
.prognoza .prognozaCity { width: 60px; text-align: left; }
.prognoza .prognozaIcon { text-align: center; }

.banners img { margin-bottom: 5px; }

.footer { width: 970px; border-top: 13px solid #0066a1; margin-bottom: 10px; }
.footer td { color: #868686; padding: 10px 0; }
.footer .footerMain { text-align: center;padding-left:150px; }


/*ACCORDION*/

#container {
	width: 100%;
	height: 100%; 
	overflow: hidden;
}

#content {
	width: 529px;
}

h3 { margin: 0; padding: 0; text-align: left; }

h3 {
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

h3 a:link, h3 a:visited {
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div.accordion {
	padding: 0 10px;
	margin-bottom: 1px;
}

div.article {
	margin: 10px 0px;
}

.image {width:56px;height:56px;border:1px solid #CCC;float:left;margin-right:5px;margin-bottom:1px;position:relative;}
.image div { width:52px;height:52px;overflow:hidden;position:absolute;top:2px;left:2px;}
.image img { border:none; }

.posebna_box { float: left; height: 185px; margin-bottom: 7px; margin-right: 8px; width: 240px; padding: 5px 0 0 5px; }

.posebna_box_img { width:235px; height:135px; overflow: hidden; display: block; margin-bottom: 10px; }

.posebna_box_txt { width:235px;padding-left:3px;height:40px; display: block;  }

#ajaxRezultat {display:none;position:absolute;overflow:auto;width:179px;background-color:white;border:1px solid #f0f0f0;height:100px;padding:2px;}

td.grupacijaWraper { width: 234px; background: #ffffff; border: 1px solid #d4d4d4; vertical-align: top; padding: 5px; }
.grupacijaNaziv {text-align:center;text-transform:uppersace;font-weight:bold;font-size:15px;padding:10px 10px 0 10px;}
.grupacijaKopis {padding:5px;text-align:center;font-size:10px;}

.grupacija_big { background: #ffffff; border: 1px solid #d4d4d4; padding: 5px; width: 517px; margin-bottom: 15px; }
.grupacija_big_last { margin: 0; }
.grupacija_big .grupacija_img a { display: block; height: 150px; overflow: hidden; }
.grupacija_big .grupacijaNaziv, .grupacija_big .grupacijaKopis { text-align: left; }
.grupacija_big .grupacijaKopis { padding: 5px 10px; }

#rotator {
    width: 400px;
    height: 170px;
    position: relative;
    overflow: hidden;
    margin-left: 0;
}


.rotator-item {
    position: absolute;
}


#rotator2 {
    width: 272px;
    height: 170px;
    position: relative;
    overflow: hidden;
    margin-left: 0;
    display: none;
}

.rotator-item2 {
    position: absolute;
    width: 272px;
    height: 170px;
    background: url(img/header_bgnd.gif) no-repeat top right;
}


#toggler {
	display: none;
}



/*novi header*/

#slideshow_content {
	position: relative;
    width: 970px;
    height: 255px;
}

#slideshow_nav {
	position: absolute;
	z-index: 200;
	top: 15px;
	left: 0;
	width: 970px;
}

#slideshow_nav table {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

#slideshow_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#slideshow_nav li {
	float: left;
	background: url(img/anima_bg.png) repeat-x bottom;
	margin-right: 10px;
}

#slideshow_nav li a, #slideshow_nav td div {
	color: #000;
	float: left;
	padding: 10px 12px;
	font-weight: bold;
	font-size: 13px;
	text-shadow: 1px 1px 1px #FFF;
}

#slideshow_nav li a {
	/*width: 150px;*/
	padding: 10px 28px;
	text-align: center
}

#slideshow_nav td div {
	float: none;
	display: inline;
	background: url(img/anima_bg.png);
}

#slideshow_nav td a {
	color: #000;
}

#slideshow_nav td a:hover {
	color: #0066A1;
}

#slideshow_nav li a:hover {
	background: url(img/anima_bg_h.png);
}

#slideshow_nav li a.active {
	background: url(img/anima_bg_h.png);
}
	
#slideshowNEW {
    background: none repeat scroll 0 0 #E5E5E5;
    float: left;
    height: 250px;
    position: absolute;
    width: 970px;
    z-index: 100;
    overflow:hidden;
    margin-top:5px;
	left: 0;
	top: 0;
}

#slideshowNEW .slide {
	display: block;
    height: 320px;
    position: absolute;
    width: 970px;
    z-index: 100;
	left: 0;
	top: 0;
}

#slideshowNEW .slide .description {
	/*background: url("img/slideshowDescriptionBgnd.png") repeat scroll 0 0 transparent;*/
	/*background-color:#6AB8E6;*/
	background: url(img/anima_txt.png);
    color: #FFFFFF;
    font-size: 24px;
    line-height: 28px;
    padding: 15px 40px 15px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 140px;	
    right:0;
	text-shadow: 1px 1px 1px #000;
	text-align: right;
}

#slideshowNEW .slide .description a, #slideshowNEW .slide .description .description_title {color: #FFFFFF;}
#slideshowNEW .slide .description a:hover {color: #84D4FF;}

#slideshowNEW .slide img {cursor:pointer;}

#slideshowNEW .slide .description .description_s, #slideshowNEW .slide .description .description_s {font-size:14px; text-transform: none; }

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact { margin: 0 !important;}

.content_img_cont {
	position: relative;
	height: 320px;
	width: 529px;
}

.content_img_txt { 
	position: absolute; 
	bottom: 30px; 
	right:0; 
	background: url(img/anima_txt.png); 
	font-size: 20px;
	color: #FFF; 
	text-shadow: 1px 1px 1px #000;
	line-height: 30px;
	padding: 10px 17px;
	font-weight: normal; 
}

.home_interes {
	padding-bottom: 10px;
    padding-left: 20px;
}

.clear {
	clear: both;
}

.home_interes dl.linklist1 dt { 
	background: #DDECFF; 
	float: left; 
	width: 200px; 
	height: 30px; 
	line-height: 30px; 
	margin: 0 10px 10px 0; 
}


/* karta */

.box_karta {
	padding: 0 0 0 10px;
	text-align: center;
}

.box_karta .boxTitle {
	text-align: left;
}

.karta_regije {
	position: relative;
	width: 328px;
	height: 324px;
	margin: 10px auto 20px;
}

.karta_regije div {
	position: absolute;
}

.karta_regije a {
	display: block;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.karta_regije a span {
  	display:none;
}

.karta_regije a:hover span {
	position: absolute;  
	width: 160px; 
	display: block; 
	font-size: 12px; 
	padding: 7px;
	color: #434447;
	z-index: 500;
	background: url(img/boxBgnd.gif) repeat-x scroll center top #FFFFFF;
	-moz-box-shadow: 2px 2px 3px #b0afad;
	-webkit-box-shadow: 2px 2px 3px #b0afad;
	box-shadow: 2px 2px 3px #b0afad;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b0afad')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b0afad');
	text-align: left;
}

.karta_regije a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

.karta_regija_1 {
	top: 0;
	right: 0;
	width: 249px;
	height: 130px;
	z-index: 100;
}

.karta_regija_1 a {
	height: 130px;
	background: url(img/mapa_1.png) no-repeat;
}

.karta_regija_1 a:hover span {
	top: 160px;
	left: 140px;
}

.karta_regija_2 {
	top: 68px;
	left: 35px;
	width: 112px;
	height: 104px;
	z-index: 50;
}

.karta_regija_2 a:hover span {
	top: 92px;
	left: 184px;
}

.karta_regija_2 a {
	height: 104px;
	background: url(img/mapa_2.png) no-repeat;
}

.karta_regija_3 {
	top: 80px;
	left: 0;
	width: 44px;
	height: 57px;
}

.karta_regija_3 a {
	height: 57px;
	background: url(img/mapa_3.png) no-repeat;
}

.karta_regija_3 a:hover span {
	top: 80px;
	left: 219px;
}

.karta_regija_4 {
	top: 141px;
	left: 60px;
	width: 91px;
	height: 63px;
	z-index: 40;
}

.karta_regija_4 a {
	height: 63px;
	background: url(img/mapa_4.png) no-repeat;
}

.karta_regija_4 a:hover span {
	top: 19px;
	left: 159px;
}

.karta_regija_5 {
	top: 177px;
	left: 87px;
	width: 77px;
	height: 54px;
	z-index: 30;
}

.karta_regija_5 a {
	height: 54px;
	background: url(img/mapa_5.png) no-repeat;
}

.karta_regija_5 a:hover span {
	top: -17px;
	left: 132px;
}

.karta_regija_6 {
	top: 195px;
	left: 108px;
	width: 108px;
	height: 84px;
	z-index: 20;
}

.karta_regija_6 a {
	height: 84px;
	background: url(img/mapa_6.png) no-repeat;
}

.karta_regija_6 a:hover span {
	top: -35px;
	left: 111px;
}

.karta_regija_7 {
	top: 257px;
	left: 153px;
	width: 126px;
	height: 67px;
}

.karta_regija_7 a {
	height: 67px;
	background: url(img/mapa_7.png) no-repeat;
}

.karta_regija_7 a:hover span {
	top: -97px;
	left: 66px;
}

.karta_regija_8 {
	top: 46px;
	left: 130px;
	width: 24px;
	height: 25px;
	z-index: 200;
}

.karta_regija_8 a {
	height: 25px;
	background: url(img/mapa_8.png) no-repeat;
}

.karta_regija_8 a:hover span {
	top: 114px;
	left: 89px;
}


.slideshowWrapper div.slide {position:absolute;top:0;left:0;}

.legenda { background: #E7E7E7; padding: 7px 15px; font-weight: bold; border: 1px solid #D4D4D4; margin-bottom: 10px; width: 938px; margin-top:10px; text-align:left; font-family: Arial, sans-serif; font-size: 11px; color: #334447;  }
.legenda img { vertical-align: middle; margin: 0 5px 0 0; }
.legenda_th { margin-right: 40px; display: inline; }


.kontakt_link {
	position: relative;
}

.posalji_upit_btn { 
	display: block; 
	background: url(img/red_btn.gif) no-repeat; 
	width: 135px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	float: right;
}

.posalji_upit_btn:link, .posalji_upit_btn:visited {
	color: #FFF;
}

.posalji_upit_btn:hover { 
	background: url(img/red_btn.gif) no-repeat bottom; 
}

.kontakt_popup {
	position: absolute;
	bottom: -25px;
	right: 0;
	width: 280px;
}

.kontakt_popup .kontaktbox2 {
	width: 250px;
}

.close_btn img {
	cursor: pointer;
	float: right;
}


/* right */

.login_box { background: #FFF; color: #646464; font-size: 12px; padding: 15px; }

a.grey_btn { background: url(img/grey_btn.png) no-repeat; height: 24px; width: 66px; color: #FFF; font-weight: bold; font-size: 11px; text-align: center; line-height: 22px; display: block; }

.login_box .grey_btn { float: right; margin-top: 3px; }

.login_name { color: #1070a7; font-size: 14px; font-weight: bold; padding-top: 3px; }


.phone_box { font-size: 12px; line-height: 17px; background: url(img/tel.png) no-repeat 170px 35px; padding:5px 15px; margin-top: 20px; }
.hotel_info .phone_box { background: none; padding: 30px 0 0; }

.logo_box { background: #FFF; text-align: center; padding: 10px 0; margin-top: 20px; }

.terms_btn { padding: 15px 0 15px 25px; }
.middleLeft .terms_btn { padding: 15px 0 15px 4px; }
.terms_btn a { background: url(img/terms_btn.png) no-repeat; display: block; width: 179px; height: 32px; color: #FFF; font-weight: bold; font-size: 16px; line-height: 32px; text-align: center; /*margin: 30px 0 0 25px;*/ }
.terms_btn a:hover { background: url(img/terms_btn.png) no-repeat bottom; }

.contact_col1, .contact_col2 { float: left; }
.contact_col1 { width: 225px; }

hr { border: 0; background: #cbccce; color: #cbccce; height: 1px; font-size: 1px; line-height: 1px; margin: 20px 0 0; padding: 0; }


/* home */

.home_container, .registration_container { background: url(img/home_bg.gif) repeat-y; padding-top: 1px; }
.home_content { background: url(img/home_bg_top.gif) no-repeat top; padding: 15px; }

.home_content h2 { color: #0066a1; font-size: 15px; font-weight: normal; margin: 0 0 15px; }

.theme_title { clear: both; width: 940px; height: 26px; }
.theme_title h3 { float: left; height: 26px; color: #FFF; font-size: 14px; line-height: 26px; padding: 0 10px; text-transform: uppercase; }
.theme_kw { float: left; display: block; height: 26px; line-height: 26px; padding: 0 10px; font-weight: bold; }

.theme_title.family { border-top: 2px solid #3dbfe9; }
.theme_title.family h3 { background: #3dbfe9; }
.family .theme_kw { background: #ebf8fd; color: #0f9bc8; }

.theme_title.active { border-top: 2px solid #4ba935; }
.theme_title.active h3 { background: #4ba935; }
.active .theme_kw { background: #edf6ea; color: #389722; }

.theme_title.spa { border-top: 2px solid #d24da1; }
.theme_title.spa h3 { background: #d24da1; }
.spa .theme_kw { background: #faedf5; color: #d24da1; }

.theme_title.heritage { border-top: 2px solid #d8925a; }
.theme_title.heritage h3 { background: #d8925a; }
.heritage .theme_kw { background: #fbf4ee; color: #c47a3e; }

.theme_title.boutique { border-top: 2px solid #3c1d93; }
.theme_title.boutique h3 { background: #3c1d93; }
.boutique .theme_kw { background: #DFD7F7; color: #3c1d93; }

.theme_title.gourmet { border-top: 2px solid #8d1839; }
.theme_title.gourmet h3 { background: #8d1839; }
.gourmet .theme_kw { background: #f3e7eb; color: #8d1839; }

.theme_title.business { border-top: 2px solid #949494; }
.theme_title.business h3 { background: #949494; }
.business .theme_kw { background: #f4f4f4; color: #696969; }

.theme_title.special { border-top: 2px solid #df2020; }
.theme_title.special h3 { background: #df2020; }
.special .theme_kw { background: #ffe8e2; color: #df2020; }

.offer { float: left; width: 465px; padding: 10px 5px 20px 0; }
.offer_img { float: left; width: 208px; background: #FFF; height: 138px; border: 1px solid #c7c7c7; padding: 5px 0 0 5px; margin-right: 18px; }
.offer_img a { display: block; width: 203px; overflow: hidden; height: 133px; }
.offer_txt { float: left; width: 230px; padding-top: 5px; }
.offer h4 { font-size: 14px; margin: 0; padding: 0 0 5px; }
.offer_data { margin-top: 7px; }
.hotel.offer .offer_data { margin-top: 3px; }
.cijena { font-size: 14px; color: #ee2535; font-weight: bold; }

.hotel .offer { background: #ddecff; padding: 10px; width: 675px; margin-top: 15px; }
.hotel .offer_img { width: 168px; height: 113px; }
.hotel .offer_img a { width: 163px; height: 108px; }
.hotel .offer h4 { padding: 0; }
.hotel .offer_txt { width: 480px; }
.hotel_details .offer_txt { width: 440px; }

.hotel_details .offer { background: url(img/hotel_details_offer.gif) no-repeat top; padding: 10px; width: 675px; }

a.blue_btn { background: url(img/blue_btn.png) no-repeat; height: 24px; width: 66px; color: #FFF; font-weight: bold; font-size: 11px; text-align: center; line-height: 22px; display: block; }

.hotel_details a.blue_btn { float: left; margin-right: 10px; }
.hotel_details a.blue_btn { float: left; margin-right: 10px; }

.offer a.blue_btn { margin-top: 10px; }

/* login */

.login_container {	min-height: 310px;	border-top: 5px solid #0066a1;	margin-top: 10px; padding-top: 115px; }
.registration_container { border-top: 5px solid #0066a1;	margin-top: 10px; }
.login, .register { background: #deedff; width: 445px; min-height: 180px; float: left; padding: 15px; }
.register { background: #fcf5c9; float: right; }
.login h2, .register h2, .registration h2 { border-bottom: 1px solid #c3ccd8; margin: 0; font-size: 11px; color: #565656; font-weight: normal; padding-bottom: 8px; }
.login h2 strong, .register h2 strong, .registration h2 strong { color: #0066a1; font-size: 14px; font-weight: bold; margin-right: 10px; }
.login label, .registration label { float: left; clear: left; display: block; width: 70px; margin-bottom: 10px; padding-top: 5px; font-weight: bold; }
.registration label { width: 160px; font-weight: normal; }
.login_input { float: left; background: url(img/textboxBgnd.gif) no-repeat left top; border: 1px solid #CECED1; padding: 2px 5px; margin-bottom: 10px; }
input.blue_btn { background: url(img/blue_btn.png) no-repeat; height: 24px; width: 66px; color: #FFF; font-weight: bold; font-size: 11px; cursor: pointer; margin-left: 70px; border: 0; clear: both; float: left; }
.login form { width: 230px; padding: 20px 0 0 100px; }

.forgotten_pass_label { padding: 10px 0 10px 100px; clear: both; float: left; display: block; font-weight: bold;  }

.register_in { padding: 60px 0 0 65px; }
a.register_btn, a.terms_btn_s { background: url(img/register_btn.png) no-repeat; height: 34px; text-align: center; color: #FFF; display: block; width: 134px; color: #FFF; line-height: 34px; font-weight: bold; float: left; }
a.register_btn:hover { background: url(img/register_btn.png) no-repeat bottom; }
a.terms_btn_s { background: url(img/terms_btn_s.png) no-repeat; margin-left: 35px; }
a.terms_btn_s:hover { background: url(img/terms_btn_s.png) no-repeat bottom; }

.registration { width: 600px; margin: 0 auto; }
.register_input { width: 420px; float: left; background: url(img/textboxBgnd.gif) no-repeat left top; border: 1px solid #CECED1; padding: 6px 5px; margin-bottom: 10px; }
.register_input2 { width: 620px; float: left; background: url(img/textboxBgnd.gif) no-repeat left top; border: 1px solid #CECED1; padding: 6px 5px; margin-bottom: 10px; }
.registration input.blue_btn { margin-left: 160px; }

.checkbox { vertical-align: middle; width: 16px; height: 16px; margin: 0; padding: 0; }
.terms_accept { clear: both; padding: 10px 0 25px 160px; }

.right_search { padding: 27px 8px 0; }

.breadcrumbs { background: url(img/divider_grey.gif) repeat-x left bottom; margin: 0 0 15px; padding: 0 0 10px; }
.bc_sep { margin: 0 7px; color: #6ba2c1; }
.breadcrumbs strong { font-weight: normal; }
.content_left {  border-left: 1px solid #d6dbe3; padding: 12px 15px; }

.tabs { background: url(img/tabs_bg.gif) repeat-x bottom; height: 30px; margin-bottom: 15px; }
.tabs ul { list-style: none; margin: 0; padding: 0; }
.tabs li { float: left; margin-right: 10px; }
.tabs a { background: #edf5ff; height: 29px; color: #0081bb; line-height: 29px; padding: 0 10px; display: block; float: left; font-weight: bold; margin-bottom: 1px; }
.tabs a:hover { background: #e1eeff; }
.tabs a.active { background: #FFF; border: 1px solid #78c4ef; border-bottom: 0; line-height: 27px; }

.search_box { float: left; width: 330px; height: 26px; margin-bottom: 10px; }
.search_box label, .category_box label, .search_more_box label { float: left; width: 95px; padding-top: 4px; }
.search_select, .search_select_s { float: left; border: 1px solid #d4d4d4; width: 222px; padding: 3px; }
.search_select_s { width: 169px; }
.hotel_details .search_select_s { width: 164px; margin-bottom: 10px; }
.search_input, .search_input_s { float: left; border: 1px solid #d4d4d4; width: 212px; padding: 4px; }
.search_input_s { width: 160px; }
.hotel_details .search_input_s { width: 154px; margin-bottom: 10px; }
.input_calendar { background: #FFF url(img/calendar.gif) no-repeat right; }

.contentMain h1 { color: #0081bb; font-size: 15px; padding: 5px 0 15px; margin: 0; }
.contentMain h1 em { color: #78797c; font-style: normal; }

.hotel_details h1 { padding: 5px 0 10px; }

.sep { background: url(img/divider_grey.gif) repeat-x left bottom; font-size: 1px; line-height: 1px; clear: both; height: 1px; margin-bottom: 15px; padding-top: 5px; }

.category_box { height: 30px; }
.category_stars img { vertical-align: middle; }
.category_stars { padding: 3px 15px 0 20px; float: left; }

.search_box label.label_b, .search_more_box label { width: 140px; }

.reservation_boxes { padding: 15px 0 0 20px; }

a.book_btn { display: block; background: url(img/book_btn.png) no-repeat; height: 34px; width: 110px; float: left; color: #FFF; font-weight: bold; text-align: center; line-height: 34px; text-transform: uppercase; font-size: 12px; }
a.book_btn:hover { background: url(img/book_btn.png) no-repeat bottom; }

.show_link { float: right; padding: 5px 5px 0 0; font-weight: bold; }

.search_more_box { background: #e0eeff; clear: both; padding: 15px; margin: 10px 0; }
.search_more_box_plain { background: none; padding: 0; }
.search_more_box_plain { background: none; padding: 10px 0 20px; margin: 0; }
.search_more_col1 { float: left; padding-left: 10px; width: 220px; }
.search_more_col2 { float: left; }
.search_more_box .checkbox { margin: 3px 5px 0 0; }

.hotel_sort { float: right; }
.hotel_sort select { width: 160px; }

.hotel { background: url(img/divider_grey.gif) repeat-x left bottom; float: left; width: 695px; padding-bottom: 15px; margin-bottom: 15px; }
.hotel.offer { background: none; padding: 0; }
.hotel_img { float: left; width: 208px; height: 138px; border: 1px solid #c7c7c7; padding: 5px 0 0 5px; margin-right: 18px; }
.hotel_img a { display: block; width: 203px; overflow: hidden; height: 133px; }
.hotel_txt { float: left; width: 460px; padding-top: 5px; }
.hotel.offer .hotel_txt { padding: 0; }
.hotel h4 { font-size: 14px; margin: 0; padding: 0 0 10px; }
.hotel h4 em { font-size: 11px; font-style: normal; }
.hotel_stars img { vertical-align: middle; }
.hotel_stars { margin: 0 10px; }

.hotel dl { margin: 0; padding: 0; }
.hotel dt { float: left; font-weight: bold; clear: left; width: 110px; padding: 3px 0; }
.hotel dd { float: left; margin: 0; padding: 3px 0; width: 350px; }

.hotel_links { float: left; clear: left; font-weight: bold; padding-top: 15px; }
.hotel_link_sep { margin: 0 10px; color: #b3b3b3; }
.hotel_btns { float: right; padding-top: 10px; }

a.discover_btn { background: url(img/discover_btn.png) no-repeat; display: block; height: 24px; width: 113px; color: #FFF; text-align: center; line-height: 22px; font-weight: bold; float: left; margin-right: 10px; } 
a.book_hotel_btn { background: url(img/book_hotel_btn.png) no-repeat; display: block; height: 24px; width: 83px; color: #FFF; text-align: center; line-height: 22px; font-weight: bold; float: left; } 
.hotel_details .book_hotel_btn { margin-top: 10px; }


/* hotel details */

.details_options { float: right;  position: relative;}
.details_options a { background: #FFF url(img/details_btn_bg.gif) repeat-x bottom; border: 1px solid #c5d8ef; -webkit-border-radius: 6px; border-radius: 6px; float: left; height: 20px; line-height: 20px; padding: 0 5px; font-weight: bold; margin-left: 5px; color: #0081bb; }
.details_options a:hover { background: #2E9AD7; color: #FFF; border: 1px solid #2E9AD7; }
.details_options img { vertical-align: middle; }

.hotel_details dl { margin: 0; padding: 10px 0 0; float: left; width: 315px; }
.hotel_details dt { float: left; font-weight: bold; clear: left; width: 75px; padding: 3px 0; }
.hotel_details dd { float: left; margin: 0; padding: 3px 10px 3px 0; width: 230px; }

.hotel_slike { float: left; width: 413px; margin-right: 14px; }
.hotel_slika_big { background: #FFF; border: 1px solid #c7c7c7; padding: 8px 0 0 8px; width: 403px; height: 273px; margin-bottom: 7px; }
.hotel_slika_big a { display: block; width: 395px; height: 265px; overflow: hidden; }
.hotel_thumbs { width: 413px; }
.hotel_th { float: left; background: #FFF; border: 1px solid #c7c7c7; padding: 3px; margin-right: 7px; margin-bottom:7px;}
.hotel_th a { display: block; width: 90px; height: 60px; overflow: hidden; }
.hotel_th_last { margin: 0; }

.hotel_details .label_b { float: left; width: 90px; clear: left; padding-top: 3px; }

.hotel_info { float: left; width: 270px; padding-top: 10px; }

a.check_btn { display: block; width: 113px; height: 24px; line-height: 22px; color: #FFF; background: url(img/check_btn.png) no-repeat; clear: both; text-align: center; font-weight: bold; margin-left: 90px; }

.hotel_details h4 { color: #0066a1; text-transform: uppercase; font-size: 12px; }

.hotel.offer .theme_title, .offer_details_title .theme_title { float: right; clear: none; width: auto; height: auto; color: #FFF; text-transform: uppercase; font-weight: bold; height: 23px; line-height: 25px; padding: 0 10px; margin-right: 20px; }

.offer_details_title { clear: both; height: 23px; }

.offer.family, .offer_details_title.family { border-bottom: 2px solid #3dbfe9; }
.offer.family .theme_title, .offer_details_title.family .theme_title {  background: #3dbfe9; }

.offer.active, .offer_details_title.active { border-bottom: 2px solid #4ba935; }
.offer.active .theme_title, .offer_details_title.active .theme_title {  background: #4ba935; }

.offer.spa, .offer_details_title.spa { border-bottom: 2px solid #d24da1; }
.offer.spa .theme_title, .offer_details_title.spa .theme_title {  background: #d24da1; }

.offer.heritage, .offer_details_title.heritage { border-bottom: 2px solid #d8925a; }
.offer.heritage .theme_title, .offer_details_title.heritage .theme_title {  background: #d8925a; }

.offer.boutique, .offer_details_title.boutique { border-bottom: 2px solid #3c1d93; }
.offer.boutique .theme_title, .offer_details_title.boutique .theme_title {  background: #3c1d93; }

.offer.gourmet, .offer_details_title.gourmet { border-bottom: 2px solid #8d1839; }
.offer.gourmet .theme_title, .offer_details_title.gourmet .theme_title {  background: #8d1839; }

.offer.business, .offer_details_title.business { border-bottom: 2px solid #949494; }
.offer.business .theme_title, .offer_details_title.business .theme_title {  background: #949494; }

.offer.special, .offer_details_title.special { border-bottom: 2px solid #df2020; }
.offer.special .theme_title, .offer_details_title.special .theme_title {  background: #df2020; }


.theme_menu_box { padding: 15px 10px 0; clear: both; }

.offer_details_img { float: left; width: 267px; height: 179px; border: 1px solid #c7c7c7; padding: 5px 0 0 5px; margin-right: 18px; }
.offer_details_img a { display: block; width: 262px; height: 174px; overflow: hidden; }

.offer_date { background: #ececec; padding: 3px 5px; font-weight: bold; color: #e01427; float: left; }

.offer_details_content { line-height: 17px; clear: both; padding-top: 15px; }

.theme_box { background: #FFF; border: 1px solid #CCC; padding: 5px; height: 160px; position: relative; margin-bottom: 10px; } 
.theme_box .theme_img { display: block; position: absolute; z-index: 1; height: 160px; overflow: hidden; width: 685px; bottom: 5px;  }
.theme_desc { display: block; width: 643px; position: absolute; z-index: 2; bottom: 5px; background: url(img/theme_title.png); padding: 12px 15px; }
.theme_box a { color: #FFF; }
.theme_box_title { display: block; font-weight: bold; text-transform: uppercase; font-size: 14px; margin-bottom: 5px; }

.family .theme_desc { border-left: 12px solid #3dbfe9; }
.active .theme_desc { border-left: 12px solid #4ba935; }
.spa .theme_desc { border-left: 12px solid #d24da1; }
.heritage .theme_desc { border-left: 12px solid #d8925a; }
.gourmet .theme_desc { border-left: 12px solid #8d1839; }
.business .theme_desc { border-left: 12px solid #949494; }
.special .theme_desc { border-left: 12px solid #df2020; }

.hotel_prices { width: 100%; }
.hotel_prices td { padding: 5px 8px 3px; background: url(img/divider_grey.gif) repeat-x left top; }
.red { color: #ED1D30; }
.hotel_prices td.hotel_prices_room { background: #EDF5FF; border-bottom: 2px solid #FFF; }
.hotel_prices_book { width: 70px; }
.hotel_prices_price { width: 175px; }

.details_code { background: url(img/textboxBgnd_blue.gif) no-repeat left top; border: 1px solid #9EBDE2; float: left; margin-bottom: 10px; padding: 6px 5px; width: 220px; font-size: 16px; font-weight: bold; color: #0066A1; }

.editContainer { padding-right: 30px; font-weight: bold; }
.editContainer img, .aktiviraj_link img { vertical-align: middle; }

.agencije_table { width: 100%; border-collapse: collapse; }
.agencije_table td { border: 1px solid #CBCCCE; padding: 5px; }
.agencije_table th { background: #E1EEFF; font-weight: bold; color: #0066A1; padding: 8px 5px; text-align: center; border: 1px solid #CBCCCE;  }

.kod_input { background: url(img/textboxBgnd.gif) no-repeat left top; border: 1px solid #CECED1; padding: 4px 3px; color: #0066A1; }

.aktiviraj_link { width: 70px; font-weight: bold; }

.skype_btn a { display: block; height: 27px; background: url(img/skype.png) no-repeat; width: 180px; color: #FFF; font-size: 11px; font-weight: bold; padding: 8px 0 0 7px; }
.skype_btn a:hover { background: url(img/skype.png) no-repeat bottom; }