/* 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; }

.hotelselekt { background: #fff; border: 0px; }

/* 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: 180px; }

.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 { width: 100%; background: url(img/header_bgnd.gif) no-repeat top right; text-align: left; }
.headerPicBig { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.headerTextWrapper { margin: 10px; }
.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; }
.headerPicSmall { border-left: 1px solid #fff; border-right: 1px solid #fff; }

.menutop { width: 970px; border-top: 1px solid #fff; background: url(img/menutopBgnd_blue.gif) repeat-x; }
.menutop td { text-align: center; }
.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; }
.menutopMain .mainmenuItem { padding: 5px 29px; }

.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; }
.middleRight { width: 200px; background: #e7e7e7; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; }
.middleSideContainer { padding: 10px; }

.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: 103px; height: 24px; }
.quickSearch .tabActive { background: url(img/tabBgnd_active.gif) no-repeat left; font-weight: bold; text-align: center; color: #fff; width: 103px; height: 24px; }
.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; }

.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; }

.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: 5px; }
.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: 500px;
}

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; }