/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #4396ca url(img/bgnd.gif) repeat-x 0 top; }
td, input, select, textarea { font: 11px Arial, sans-serif; color: #000; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

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

.txtred { color: #ed1c24; }
.cijena { color: #ff6000; font-size: 13px; font-weight: bold; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c8c8c8; padding: 3px 5px; }
.searchbox { border: 1px solid #fff; width: 155px; }
.formbox { border: 1px solid #fff; width: 200px;border: 1px solid #c8c8c8; }
.posalji  { color: #ff6000; background: #f2f2f2; padding: 3px 10px; border: 1px solid #ccc; cursor:pointer;}

/* LINKS */
a:link { color: #0f4583; text-decoration: none; }
a:active { color: #0f4583; text-decoration: none; }
a:visited { color: #0f4583; text-decoration: none; }
a:hover { color: #ed1c24; text-decoration: none; }
a:focus { outline: none; }

.menuTop a:link, .menuTop a:active, .menuTop a:visited, .footer a:link, .footer a:active, .footer a:visited { color: #fff; text-decoration: none; }
.menuTop a:hover, .footer a:hover { color: #fff; text-decoration: underline; }

.toolTipElement { cursor: help; }
.tool-tip { background: #5FAAD9; width: 115px; z-index: 13000; }
.tool-title { width: 0; height: 0; overflow: hidden; }
.tool-text { font-size: 11px; font-weight: bold; color: #fff; padding: 7px; text-align: left; border: 1px solid #fff; font-family: Arial;}



/* WRAPPERS */
.fullStretch { width: 100%; }

.header { margin: 3px auto 0 auto; }
.logoContainer { width: 250px; height: 146px; background: url(img/logoBgnd.gif) no-repeat 0 top; text-align: center; }
.menuTopContainer { background: #ec1c24 url(img/redStrip.gif) repeat-x 0 top; height: 33px; }
.menuTop td { background: url(img/menuTopDivider.gif) no-repeat 0 center; padding: 8px 18px; }
.menuTop td.first { background: none; }
.blueStrip { background: url(img/blueStrip.gif) repeat-x 0 bottom; height: 13px !important; }

.middle { width: 990px; margin: 0 auto; background: #fff; }
.left { width: 250px; vertical-align: top; }
.leftWrapper { margin: 0 10px 0 15px; }
.main { vertical-align: top; background: url(img/mainBgnd.gif) repeat-x top; }
.mainWrapper { padding: 15px 10px 15px 5px; }

.search { background: url(img/searchBgnd.gif) repeat-x 0 center; padding: 15px 0; }
.menuLeftWrapper { border: 1px solid #b7daf1; padding: 1px 1px 0 1px; }
ul.leftMenu { margin: 0; padding: 0; list-style-type: none; }
ul.leftMenu li { background: url(img/menuLeftItemBgnd.gif) repeat-x 0 top; padding: 8px 10px; margin-bottom: 1px; font-size: 12px; font-weight: bold; }
ul.leftMenu li a { background: url(img/bullet_arrow.gif) no-repeat 0 5px; padding-left: 12px; }

ul.leftMenuSub { margin: 18px 0 0 0; padding: 0; list-style-type: none; }
ul.leftMenuSub li { background: none; font-weight: bold; font-size: 11px; padding: 0; margin: 5px 0 0 0; }
ul.leftMenuSub li a { background: none; }

ul.leftMenuSub2 { margin: 8px 0 8px 15px; padding: 0; list-style-type: none; }
ul.leftMenuSub2 li { background: none; font-size: 11px; font-weight: normal; padding: 0; margin: 3px 0 0 0; }
ul.leftMenuSub2 li a { background: url(img/bullet_arrow2.gif) no-repeat 0 5px; padding-left: 12px;font-weight: normal; }
ul.leftMenuSub2 li a.active { color: #ed1c24; }

.boxMargin { margin-top: 15px; }
.box1wrapper { background: url(img/box1Bgnd.gif) no-repeat 0 bottom; }
.box1 { width: 100%; }
.box1Head { background: url(img/box1Bgnd.gif) no-repeat 0 top; padding: 0 0 0 15px; }
.box1Body { padding: 10px 15px; }
.box2wrapper { background: url(img/box2Bgnd.gif) no-repeat 0 bottom; }
.box2 { width: 100%; }
.box2Head { background: url(img/box2Bgnd.gif) no-repeat 0 top; padding: 0 0 0 15px; }
.box2Body { padding: 10px 15px; }
.boxHalf { width: 355px; vertical-align: top; }
.box3wrapper { background: url(img/box3Bgnd.gif) no-repeat 0 30px; }
.box3 { width: 100%; }
.box3Head { padding: 0 0 0 15px; }
.box3Body { padding: 20px 20px 12px 20px; }

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

.novaItem { background: #f2f2f2; padding: 3px 10px; margin-top: 2px; }
.novaTitle { color: #ed1c24; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 2px 8px; }

.programWrapper { padding: 20px 15px; }
.programPicContainer { width: 380px; height: 260px; vertical-align: top; }
.programPicContainer div { position: absolute; width: 380px; height: 260px; overflow: hidden; }
.aranzmanInfoWrapper { padding-left: 20px; }
.aranzmanInfo { width: 100%; }
.aranzmanInfo td { background: url(img/programInfoBgnd.gif) repeat-x 0 center; padding: 6px 15px; border-bottom: 1px solid #fff; }
.programDescription { background: url(img/programBottom.gif) no-repeat 0 bottom; padding: 10px 25px 15px 25px; }
.programPosalji { margin-top: 25px; text-align: right; padding-right: 15px; }
.aktualnaThnWrapper2 { background: url(img/box3Bgnd.gif) no-repeat 0 28px; }
.programSectionTitle { padding: 0 20px 15px 25px; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; background: url(img/bullet_arrow_big.gif) no-repeat 10px 3px; color: #666; }

.pathContainer { padding: 10px 12px 0 12px; }
ul.path li { background: url(img/bullet_arrow.gif) no-repeat 0 5px; padding: 0 6px 0 11px; }

.ponuda { margin: 0 0 0 7px; }
.thnContainerNaslovna { width: 236px; height: 210px; vertical-align: top; }
.thnContainer { width: 236px; height: 190px; vertical-align: top; }
.thnWrapper { padding: 13px; }
.ponuda td div { position: absolute; width: 210px; }
.thnText { width: 210px; overflow: hidden; }
.thnText p { margin: 0; padding: 100px 15px 0 15px; }
.thnText a { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }
.thnText p span { color: #ff6000; font-size: 13px; font-weight: bold; }

.ponuda2Wrapper { padding: 20px 20px 0 20px; background: url(img/box3Bgnd.gif) no-repeat 0 0; margin: 20px 0 0 0; }
.ponuda2ItemPicContainer { width: 130px; height: 90px; vertical-align: top; }
.ponuda2ItemPicContainer div { position: absolute; width: 130px; height: 90px; overflow: hidden; }
.ponuda2InfoWrapper { padding-left: 15px;  }
.ponuda2Cijena { padding-left: 25px; white-space: nowrap; }

.picContainer { width: 450px; height: 300px; vertical-align: top; }
.picContainer div { position: absolute; width: 450px; height: 300px; overflow: hidden; }
.aktualnaInfo { padding-left: 20px; line-height: 16px; }
.aktualnaTitle { font: 18px Arial, Helvetica, sans-serif; }
.aktualnaNavWrapper { text-align: center; padding: 8px 20px 23px 20px; vertical-align: top; }
ul.aktualnaNav { margin: 0; padding: 0; list-style-type: none; }
ul.aktualnaNav li { padding: 0 5px; font-size: 13px; font-weight: bold; }
ul.aktualnaNav li a:link, ul.aktualnaNav li a:active, ul.aktualnaNav li a:visited { background: none; padding: 3px 10px; display: inline-block; border: 1px solid #fff; }
ul.aktualnaNav li a:hover { color: #ff6000; background: #f2f2f2; padding: 3px 10px; border: 1px solid #ccc; display: inline-block; }
ul.aktualnaNav li a.aktualnaNavActive:link, ul.aktualnaNav li a.aktualnaNavActive:active, ul.aktualnaNav li a.aktualnaNavActive:visited { color: #ff6000; background: #f2f2f2; padding: 3px 10px; border: 1px solid #ccc; display: inline-block; }
ul.aktualnaNav li a.aktualnaNavActive:hover { color: #ff6000; background: #f2f2f2; padding: 3px 10px; border: 1px solid #ccc; display: inline-block; }
ul.aktualnaNav li span { color: #aaa; background: none; padding: 3px 10px; border: 1px solid #fff; display: inline-block; }
.aktualnaThnWrapper { background: url(img/box3Bgnd.gif) no-repeat 0 43px; }

.lastWrapper { margin-top: 15px; }
.last { width: 100%; }
.last td, .last th { border-bottom: 1px solid #e3e3e3; }
.last td { padding: 8px 15px; background: url(img/lastBgnd.gif) no-repeat right center; }
.last thead th { background: url(img/tableHeadBgnd.gif) 0 0 no-repeat; padding-left: 10px; }
.last thead th div { background: url(img/tableHeadBgnd.gif) right 0 no-repeat; padding: 5px 10px 5px 0; text-align: center; }
.last td.cijena { text-align: right; }
.last td.lastInfo { padding-left: 5px; }
.last td.lastTour { width: 65px; text-align: center; padding-right: 0; background: none; }
.lastCijena { width: 65px; text-align: right; }
.lastPonudaInfo { width: 100%; }
.lastPonudaInfo td { border: none; padding: 0; background: none; }
.lastPonudaItemPic { width: 72px; height: 40px; vertical-align: top; }
.lastPonudaItemPic div { position: absolute; width: 60px; height: 40px; overflow: hidden; }

.sectionTitle { padding: 15px 20px 15px 25px; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; background: url(img/bullet_arrow_big.gif) no-repeat 10px 18px; color: #666; }
.pageTop { width: 100%; background: url(img/dots_horizontal.gif) repeat-x 0 bottom; }
.pageTitle { font: 20px Arial, Helvetica, sans-serif; color: #0f4583; font-weight: bold; padding: 0 10px 11px 10px; }
.pageIcons { text-align: left; width: 45px; }
.pageIcons ul li img { margin: 0 6px; }

.tablicaTerminiWrapper { padding: 10px 20px 10px 20px; }
.tablicaTermini { width: 100%; }
.tablicaTermini thead td { background: #e3e3e3; padding: 5px; text-align: center; }
.tablicaTermini tbody td { background: url(img/programInfoBgnd.gif) repeat-x 0 center; padding: 6px 15px; border-bottom: 1px solid #fff; text-align: center; }
.tablicaTermini .terminiCijena { color: #ff6000; font-size: 13px; font-weight: bold; text-align: center; }

.footer { width: 990px; margin: 0 auto; }
.middleBottom { background: url(img/middle_bottom.gif) no-repeat 0 top; height: 30px; }
.footerLeft { width: 200px; vertical-align: top; }
.footerMain { text-align: center; color: #d4e5f4; padding-bottom: 15px; vertical-align: top; }
.footerRight { width: 200px; text-align: right; vertical-align: top; }
.footerRight img { margin-right: 15px; }