/* 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, ins, kbd, q, s, samp, small, strike, 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; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #002c4d url(img/bgnd.jpg) repeat-x top; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #979ca7; line-height: 18px; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #54575d; }

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


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 3px 5px; font-size: 11px; }
.searchbox { color: #979ca7; background: none; border: none; padding: 4px 5px; width: 195px; margin: 0 6px 0 0; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }


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

a:link, a:active, a:visited { color: #c1c4ca; }
a:hover { color: #ffffff; }

.menu a:link, .menu a:active, .menu a:visited { color: #979ca7; }
.menu a:hover { color: #fdfdfd; }

.menu a.active:link, .menu a.active:active, .menu a.active:visited { color: #fdfdfd; }
.menu a.active:hover { color: #fdfdfd; }

.eventSelectItem a:link, .eventSelectItem a:active, .eventSelectItem a:visited { color: #979ca7; }
.eventSelectItem a:hover { color: #fdfdfd; }

.pageContent a:link, .pageContent a:active, .pageContent a:visited { color: #ffffff; }
.pageContent a:hover { color: #ed912e; }

.mainEventDesc a:link, .mainEventDesc a:active, .mainEventDesc a:visited { color: #ffffff; }
.mainEventDesc a:hover { color: #ed912e; }


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

.wrapper { background: url(img/arena_zagreb.jpg) no-repeat center 140px; min-height: 540px; }
.headerWrapper { width: 930px; height: 100px; margin: 0 auto; position: relative; }
.header { position: absolute; top: 30px; width: 930px; }
.header .flag { width: 25px; padding: 0 0 0 15px; }
.header .logoContainer { padding: 0; }

.searchWrapper { position: absolute; left: 677px; top: 23px; }
.searchContainer { width: 278px; height: 56px; background: url(img/searchBgnd.png) no-repeat 0 0; }
.searchContainer img { margin: 7px 10px 2px 0; }
.search { width: 230px; margin: 0 auto; background: url(img/searchboxBgnd.png) repeat 0 0; }

.menuWrapper { width: 980px; height: 46px; margin: 0 auto; background: url(img/menuBgnd.png) no-repeat 0 0; }
.menu td { width: 100%; font: 17px Calibri, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; }
.menu .leftPart { padding: 12px 0 0 25px; }
.menu .rightPart { padding: 12px 25px 0 0; text-align: right; }
.leftPart a { margin: 0 22px 0 0; }
.rightPart a { margin: 0 0 0 22px; }

.middleWrapper { width: 980px; margin: 20px auto 0 auto; }
.indexMainWrapper { background: url(img/mainBgnd.png) repeat 0 0; padding: 15px 27px 25px 27px; }
.indexMain { width: 100%; height: 280px; }
.mainEventDesc { vertical-align: top; padding: 0 35px 0 0; }
.mainEventPic { text-align: left; margin: 0 30px 0 0; max-height:280px;max-width:280px;}
.mainEventDesc h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }
.mainEventDesc h1 { font: 25px Arial, Helvetica, sans-serif; font-weight: bold; color: #c1c4ca; margin: 5px 0 0 0; }
.mainEventDesc p { margin: 12px 0 0 0; }
.mainEventSelect { width: 255px; vertical-align: top; }
.context { position: absolute; width: 620px; }
.eventItems { padding: 10px 0 0 0; }
.eventSelectItem { padding: 7px 20px; cursor: pointer; margin: 10px 0 0 0; }
.eventSelectItem span { font-size: 14px; font-weight: bold; }
.eventSelectItemActive { padding: 7px 20px; background: url(img/eventItemActive.png) repeat-x left center; color: #ed912e; margin: 10px 0 0 0; }
.eventSelectItemActive span { font-size: 14px; font-weight: bold; }

.mainWrapper { background: url(img/mainBgnd.png) repeat 0 0; padding: 25px 27px 15px 27px; }
.mainWrapper2 { background: url(img/mainBgnd.png) repeat 0 0; padding: 15px 27px; min-height: 320px; }

.middle { width: 100%; }
.contentWrapper { padding: 0 35px 0 0; vertical-align: top; }
.path { border-bottom: 1px solid #3a3d41; padding: 0 0 10px 0; }
.pageTitle h1 { font: 25px Arial, Helvetica, sans-serif; font-weight: bold; color: #c1c4ca; margin: 15px 0 0 0; }
.pageSubtitle h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 0 0; }
.pageContent { margin: 20px 0 0 0; padding: 15px 0 8px 0; }
.pageContent p { margin: 0 0 17px 0; }
.pageContent select { background: #002c4d; border: 1px solid #5c7687; color: #979ca7;  }
.pageBottom { border-top: 1px solid #3a3d41; padding: 10px 0 0 0; }
.pageBottom img { margin: 0 4px 0 0; vertical-align: middle; }
.rightCol { width: 255px; vertical-align: top; }
.rightMenuItem { padding: 0; margin: 22px 0 0 0; }
.rightMenuItem p { padding: 0 20px; background: none; color: #ed912e; font-size: 14px; font-weight: bold;  }
.rightMenuItemActive { padding: 0 0; margin: 22px 0 0 0; }
.rightMenuItemActive p { padding: 9px 20px 0 20px; background: url(img/menuItemBgnd.png) no-repeat left top; font-size: 14px; font-weight: bold; }
.rightMenuItemActive p a { color: #ed912e; }
.rightMenuItemActive div { height: 9px; background: url(img/menuItemBgnd.png) no-repeat left bottom; }

.boxTitle { border-bottom: 1px solid #3a3d41; padding: 0 0 10px 20px; color: #7498dc; font: 19px Calibri, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; line-height: 17px; }
.newsWrapper { padding: 15px 10px 0 20px; }
.newsBody { margin: 8px 0; }

.comingSoon { width: 100%; margin: 0 auto; }
.comingSoonItem { width: 180px; padding: 20px 0 0 0; vertical-align: top; }
.comingSoonItem div { background: #000000; border: 1px solid #262e36; padding: 8px; }
.comingSoonItem h3 { margin: 15px 0 8px 0; font-weight: bold; }
.comingSoonItem p { margin: 0; }

.footer { width: 930px; margin: 0 auto; }
.footer td { padding: 15px 0; font-size: 11px; }
.footerLeft { width: 120px; }
.footerMain a { margin: 0 25px 0 0; }
.footerRight { text-align: right; }

.tablica { border-top: 1px solid #2f3a45; border-left: 1px solid #2f3a45; border-right: 1px solid #2f3a45;}
.tablica th, .tablica td { padding: 4px 8px; border-right: 1px solid #2f3a45; border-bottom: 1px solid #2f3a45; }
.tablica th { background: #202b38; color: #fff; text-transform: uppercase; }


.newsPic { width: 105px; }
.newsPic img { border: 1px solid #a6a6a6; }
.newsDivider { background: url(img/divider.gif) repeat-x left center; height: 35px;  }
.newsContent .datum { font-size: 11px; color: #979ca7; }


/* IMAGE GALLERY */

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