/* 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: url(img/searchboxBgnd.png) repeat 0 0; border: none; padding: 4px 5px; }
.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; }
.btn { padding: 0; font-weight: bold; color: #ffffff; background: none; border: none; cursor: pointer; }
.btn:hover { color: #979ca7; }


/* 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 0 0 35px; }
.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 0 0 35px; 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; padding: 0 0 10px 0; }
.pageSubtitle h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 0 0; }
.pageContent { margin: 20px 0 0 0; padding: 10px 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; }
.leftCol { width: 255px; vertical-align: top; }
.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; }
.tablica th.prosliDogNaslov { color: #ed912e; background: url(img/menuItemBgnd.png) repeat-x left center; }


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

.formWrapper { background: url(img/mainBgnd.png) repeat; padding: 30px; }


/* left banners */

.left_banners {
	padding-top: 20px;
}

.left_banner {
	padding-top: 20px;
}



.fixme {
	width:250px;
	height:130px;
	padding: 25px;
	background: url(img/logo_akcija.jpg) no-repeat bottom left #fff;
	overflow:hidden;
	font-family: 'hind_regularregular', Arial, Sans-serif;
	font-size: 14px;
	position:relative;
}
	
a.naslov_akcija {
	font-size: 18px;
	line-height: 22px;
	color: #393939;
	font-family: 'hindbold', Arial, Sans-serif;	
}

a.naslov_akcija:hover {
	color: #0f69b7;
}

.akcija_txt {
	font-size: 14px;
	line-height: 18px;
	color: #393939;
	margin-top: 15px;
	font-family: 'hindmedium', Arial, Sans-serif;	
	height: 75px;
	overflow: hidden;
	position: relative;	
}

a.more_link {
	text-transform:uppercase;
	color: #0f69b7;
	font-family: 'hindbold', Arial, Sans-serif;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 30px;
	background: url(img/arrow-blue.png) no-repeat center right;
	padding-right: 18px;
}


a.more_link2 {
	text-transform:uppercase;
	color: #0f69b7;
	font-family: 'hindbold', Arial, Sans-serif;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 30px;
	background: url(img/arrow-blue.png) no-repeat center right;
	padding-right: 18px;
}


.fixme.slika {
	width:300px;
	height:250px;
	padding: 0;
	/*background: url(UserDocsImages/naslovna/akcija_slika.jpg) no-repeat top center #fff;*/
	overflow:hidden;
	font-family: 'hind_regularregular', Arial, Sans-serif;
	font-size: 14px;
	position: relative;
}

.fixme.slika a.naslov_akcija {
	color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
}

.fixme.slika a.naslov_akcija:hover {
	color: #eee;
}

.fixme.slika .akcija_txt {
	color: #fff;
	position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

.fixme.slika a.more_link {
	color: #fff;
	background: url(img/arrow-white.png) no-repeat center right;
}	

.overlay {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	padding: 0px;	
	width: 250px;
	height: 130px;
}

.banner_holder_main {
	width:300px;
	height:360px;
	overflow:hidden;
	z-index:9999;
	position: fixed;
	bottom:0;
	right:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);		
}


.fixme.slika .overlay {
padding: 25px;
}