/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, input, ins, kbd, q, s, samp, small, strike, strong, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

html, body { height: 100%; }

a:focus { outline: none; }
a img { border: none; }
ol, ul { list-style: none; }

strong { font-weight: bold; }


/* GLOBALS */
body { background: #c3c3c3 url(img/bgnd.gif) center top repeat-y; line-height: 1; }

body, td, th, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #4b4b4b; line-height: 16px; }
input, textarea, select { font: 11px Arial, Helvetica, sans-serif; color: #4b4b4b; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.txtBlue { color: #31537d; }
.txtRed { color: #cc1e00; }
.date { font-size: 11px; color: #807e72; }

.dividerSmall { padding: 20px 0; text-align: center; }
.dividerBig { padding: 17px 0 13px 0; text-align: center; }

ul.inline { margin: 0; padding: 0; }
ul.inline li { display: inline; }

ul.linklist1 { margin: 0; padding: 0; }
ul.linklist1 li { background: url(img/bullet_dot.gif) no-repeat 0 6px; padding: 0 0 0 13px;  }
ul.linklist1 li.divider { background: none; padding: 0; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #b8b8b8; padding: 3px 5px; }
.searchbox { width: 155px; margin: 0 7px 0 0; }
.formbox { width: 250px; margin: 0 7px 0 0; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; }

.button { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; display: inline-block; cursor: pointer; }
.button input { background: url(img/btnBgnd.gif) no-repeat right top; border: none; padding: 0 10px 0 0; text-transform: uppercase; color: #31537d; text-align: center; display: inline-block; cursor: pointer; height: 22px; }

.btn { cursor: pointer; }

.searchOfferSelect { width: 185px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #31537d; }
a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop0 { margin: 10px 0 0 0; }
.marginTop1 { margin: 15px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.wrapper { background: url(img/mainBgnd.gif) no-repeat center top; min-height: 700px; }

.header { width: 920px; height: 102px; margin: 0 auto; }
.logoContainer { width: 200px; vertical-align: bottom; text-align: center; }
.headerMain { vertical-align: bottom; padding: 0 0 0 20px; }

.headerLinks { text-align: right; font-size: 11px; padding: 0 15px 0 0; }
.headerLinks img { vertical-align: middle; margin: 0 6px 0 0; }
.headerLinks span { background: url(img/dividerLinks.gif) no-repeat center center; padding: 0 10px; }
.headerDivider { text-align: right; padding: 13px 0 13px 0; }

.tabsMenu { text-align: right; height:40px; }
.tabsMenu span { display: inline-block; font-weight: bold; font-size: 12px; margin: 0 12px; padding: 12px 0 12px 0; }
.tabsMenu span.tab { background: url(img/tabBgnd.gif) no-repeat 0 0; padding: 0 0 0 23px; cursor: pointer; }
.tabsMenu span.tab p { background: url(img/tabBgnd.gif) no-repeat right top; border: none; text-align: center; display: inline-block; cursor: pointer; padding: 12px 23px 6px 0; height: 22px; }
.tabsMenu span.tab p a { color: #cc1e00; }

.middleWrapper { width: 951px; margin: 0 auto; background: #ffffff; }
.middle { width: 100%; margin: 0 auto; }
.left { width: 230px; background: url(img/leftBgnd.gif) repeat-y right top; vertical-align: top; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
.main { vertical-align: top; padding: 20px 20px 0 20px; }
.right { width: 225px; vertical-align: top; }
.rightWrapper { width: 210px; }

.searchWrapper { padding: 15px; background: url(img/searchBgnd.gif) no-repeat right top; }
.search { margin: 0 auto; }
.leftWrapper { padding: 10px 0 10px 10px; background: url(img/leftBgndTop.gif) no-repeat right top; min-height: 505px; }

.leftMenu td { font-size: 14px; }
.leftMenu div { position: relative; }
.leftMenu div a { padding: 7px 0 7px 17px; display: block; }
.leftMenu .active .activeBgnd { position: absolute; width: 220px; overflow: hidden; padding: 3px 0 0 0; }
.leftMenu .active div a { color: #cc1e00; padding: 16px 0 17px 17px; display: block; }

.leftSubmenu { margin: 5px 0 8px 17px; padding: 0; list-style-type: none; }
.leftSubmenu li { font-size: 12px; padding: 2px 0 2px 13px; background: url(img/bullet_dot.gif) no-repeat 0 9px; }
.leftSubmenu li a.active { color: #cc1e00; }

.address { width: 200px; margin: 0 auto; }
.address td { vertical-align: top; padding: 5px 0; line-height: 18px; font-size: 11px; }
.address td img { margin: 0 8px 0 0; }

.prog { width: 100%; }
.prog th div { border: 1px solid #b0d2ff; padding: 4px; margin: 0 10px 0 0; }
.prog td { width: 100%; font-size: 11px; }
.prog td h2 { font: 16px Arial, Helvetica, sans-serif; margin: 0 0 4px 0; }
.progDot { color: #fdac00; padding: 0 7px; }
.progDuration { color: #31537d; }
.progPrice { color: #cc1e00; font-size: 13px; display: block; margin: 4px 0 0 0; }

.pageNav { margin: 0; padding: 0; list-style-type: none; text-align: center; }
.pageNav li { font-size: 11px; margin: 0 2px; }
.pageNav li a { display: inline-block; border: 1px solid #b0d2ff; padding: 2px 6px 2px 7px; }
.pageNav li a:hover { display: inline-block; border: 1px solid #b0d2ff; background: #cde3ff; padding: 2px 6px 2px 7px; }
.pageNav li a.active { border: none; font-weight: bold; color: #cc1e00; padding: 2px 2px 2px 3px; }
.pageNav li a.disabled { border: 1px solid #cccccc; background: #eeeeee; color: #999999; padding: 2px 6px 2px 7px; cursor: default; }

.pathContainer { background: url(img/divider_horiz.gif) repeat-x left bottom; padding: 0 0 12px 0; font-size: 11px; }
.pathContainer a, .pathContainer span { background: url(img/bullet_arrow.gif) no-repeat 0 5px; padding: 0 8px 0 11px; }

.pageTitle { width: 98%; margin: 15px auto 15px auto; }
.pageTitle h1 { font: 22px Verdana, Tahoma, sans-serif; }
.pageTitleLink { width: 90px; }
.linkWithIcon img { vertical-align: middle; margin: 0 7px 0 0; padding: 3px 0; }

.programDetails { width: 100%; background: url(img/programDetailsBgnd.gif) no-repeat 0 0; }
.programDetailsPic { background: #ffffff; border: 1px solid #b0d2ff; padding: 8px; margin: 17px 20px 0 20px; }
.programDetailsBody { width: 100%; padding: 15px 0 0 0; }
.programDetailsBottom { background: url(img/programDetailsBgnd.gif) no-repeat left bottom; }

.programDetailsBody table { width: 100%; }
.programDetailsBody table th { white-space: nowrap; text-align: left; vertical-align: top; padding: 3px 0; width: 130px; line-height: 16px; }
.programDetailsBody table td { vertical-align: top; padding: 3px 15px 3px 0; line-height: 18px; }
.programDetailsBody table td img { vertical-align: middle; }

.pageSectionTitle { background: url(img/divider_horiz.gif) repeat-x left bottom; padding: 0 0 10px 8px; font-size: 15px; margin: 25px 0 0 0; color: #cc1e00; text-transform: uppercase; }
.pageBody { padding: 0 8px; margin: 15px 0 0 0; line-height: 17px; }
.pageFooter { background: url(img/divider_horiz.gif) repeat-x left top; padding: 15px 8px 0 0; margin: 22px 0 0 0; text-align: right; font-size: 11px; }

.tablicaTermini { width: 98%; margin: 15px auto 0 auto; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.tablicaTermini thead td { padding: 5px; text-align: center; color: #000000; font-size: 11px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; font-size: 11px; background: #eaeaea; }
.tablicaTermini tbody td { padding: 6px 15px; text-align: center; font-size: 11px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; font-size: 11px; }
.tablicaTermini .terminiCijena { color: #cc1e00; font-size: 13px; font-weight: bold; text-align: center; }

.searchOfferDates .textbox { width: 71px; margin: 0 5px 0 0;  display: inline; }
.searchOfferDates img { display: inline; }

.box { font-size: 11px; }
.boxTitle { background: url(img/boxTitleBgnd.gif) no-repeat 0 0; padding: 11px 0 11px 12px; }
.boxBody { background: url(img/boxBgnd.gif) repeat-x 0 0; border: 1px solid #d6d6d6; border-top: none; padding: 10px; }

.footerWrapper { background: url(img/footerBgnd.gif) no-repeat center top; min-height: 150px; }
.footer { width: 920px; margin: 0 auto; }
.footer td { padding: 50px 0 0 0; font-size: 11px; vertical-align: top; }
.footerLeft { width: 200px; }
.footerMain { text-align: center; }
.footerMain img { vertical-align: middle; margin: 0 6px 0 0; }
.footerMain span { background: url(img/dividerLinks.gif) no-repeat center center; padding: 0 10px; }
.footerRight { width: 185px; text-align: right; }

.tablica { width: 100%; margin: 12px auto 0 auto; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.tablica td { padding: 6px 15px; text-align: center; font-size: 11px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; font-size: 11px; }
/*  Slike gl. kategorija */
.slike_glavnih{
	vertical-align:middle;
	padding:5px;
	padding-left:20px;
	background-color:#f5ab1e;
	min-height:40px;
	color:white;
	width:340px;
	position:absolute;
	top:150px;
	left:-10px;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
.naslov_slike{color:white;position:relative;left:20px;top:-65px;width:340px;}
.naslov_slike2{color:white;position:relative;left:20px;top:-70px;width:340px;}
/*  End slike glavnih kategorija  */
/* slike galrije */
.thnWrapper{
	border-left: 10px #f5ab1e solid;
}
/* end slike galerije*/