@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;

}
p {
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
}

html {
}
#outerdiv { position: absolute; left: 48%; } /* top: 25%;*/

#pageWrapper {
	position:absolute;
	left:-402px;
	width: 804px;
	height: 660px;
	border: 0px none #FFF;
}
#flashBox	{
	display: block;
	width: 800px;
	height: 400px;
	text-align: center;
}

#container {
	width: 1010px;
	margin: auto;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #FFF;
}

#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 100px;
	vertical-align: middle;
	background-color: #FFF;
	background-image: url(../img/arena_logo.jpg);
	background-position: left center;
	width: 409px;
	background-repeat: no-repeat;
} 
#footer  {
	font-size: 80%;
	text-align: center;
	color: #FFF;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background-color: #000;
}


#navigation {
	height: 30px;
	background-color: #000;
	display: block;
	text-align: center;
	margin: auto;
	vertical-align: middle;
}
#contentLeft {
	background-color: #CA0000;
	padding: 5px;
	width: 170px;
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
}
#floatdiv {
	position: absolute;
	height: 174px;
	width: 120px;
	background-color: #FFF;
	right: 0px;
	bottom: 0px;
}

#rightground {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/menu_back100.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 0;
 }
#content {
	text-align: justify;
	padding: 0px;
	margin: 0;
	background-color: #FFF;
	width: 800px;
}
#contentIndex {
	text-align: justify;
	padding: 0px;
	margin: 0;
	background-color: #FFF;
	width: 820px;
}
.contentMain {
	width: 100%;
	padding: 10px;
	margin: 0px;
	float: left;
	text-align: left;
	display: inline;
}
.contentMainHalf {
	width: 390px;
	padding: 10px;
	margin: 0px;
	float: left;
	height: 310px;
	display: inline;
}

img {
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
}
#clock  img{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.contentMainQuarter {
	width: 185px;
	padding: 10px;
	margin: 0px;
	float: left;
}
.contentMainQuarter img {
	margin: 0px;
	padding: 0px;
}

.test {
	padding: 10px;
	width: 185px;
	float: left;
	margin: 0px;
	background-color: #FF9;
}
.testContainer {
	width: 820px;
}


.baner580x80 {
	height: 100px;
	vertical-align: middle;
	background-color: #FFF;
	width: 580px;
	float: left;
	margin-top: 10px;
}
.baner390x60 {
	height: 60px;
	vertical-align: middle;
	background-color: #FFF;
	width: 410px;
	float: left;
	text-align: center;
}
.contentMainHalf p {
	text-align: left;
}

.baner190x60 {
	height: 60px;
	vertical-align: middle;
	background-color: #FFF;
	width: 205px;
	float: left;
	text-align: center;
}
.left {
	float: left;
	overflow: visible;
	display: inline;
}
.right {
	float: right;
	color: #FFF;
	text-align: right;
}


.clear {
	clear: both;
	background-color: #FFF;
}

.hidden {
	display : none;
}


		/*
			Vertical jQuery Accordions
		*/

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.ui-accordion-container li {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
}
.ui-accordion-content {
	background-color: #999;
	color: #FFFFFF;
	overflow: hidden;
	padding: 10px;
		}
.ui-accordion-content p img{
	border: thin solid #FFF;
	float: left;
}
.ui-accordion-content img {
	border: thin solid #FFF;
	text-align: center;
}



ul.ui-accordion-container li a.ui-accordion-link {
	display: block;
	padding-left: 5px;
	margin-right: 0px;
	height: 28px;
	color: #FFF;
	line-height: 150%;
	font-size: 100%;
	font-weight: bold;
	background-color: #333;
	text-decoration: none;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #CA0000;
}
ul.ui-accordion-container li .ui-accordion-right {
	display: block;
	background-image: url(img/accordion-right.png);
	position: absolute;
	top: 0px;
	right: 0px;
	height: 28px;
	width: 3px;
}

ul.ui-accordion-container li:hover {
	cursor: default;

}
ul.ui-accordion-container li:hover a.ui-accordion-link {
	color: #660000;
}
#acc1 li .ui-accordion-content li .ui-accordion-link{
	background-color: #FF6;
	background-image: none;
	font-weight: bold;
	font-size: 100%;
}

ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(img/accordion-right-over.png); }

ul.ui-accordion-container li.active {
	background-color: #660000;
}
ul.ui-accordion-container li.active a.ui-accordion-link {
	color: #FFF;
	background-color: #660000;
}
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(img/accordion-right-act.png); }




		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
	display: block;
	height: auto;
	width: 580px;
	line-height: 25px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	overflow: hidden;
	background-color: #666;
	background-image: url(img/accordion_toggle.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}
.accordion_toggle h1 {
	font-size: 150%;
	font-weight: bold;
}
.accordion_content p {
}
		
		.accordion_toggle_active {
	color: #ffffff;
	border-bottom: 1px solid #f68263;
	background-color: #CA0000;
	background-image: url(img/accordion_toggle_active.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}
		
		.accordion_content {
	background-color: #CCC;
	color: #666;
	overflow: hidden;
	padding: 20px;
		}

			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
	padding: 5px 10px 15px 10px;
	color: #666;
	font-size: 100%;
			}
			
		.vertical_accordion_toggle {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0;
	position: relative;
	background-color: #FF6;
	background-image: url(img/accordion_toggle.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}

		.vertical_accordion_toggle_active {
	color: #ffffff;
	border-bottom: 1px solid #f68263;
	background-color: #36F;
	background-image: url(img/accordion_toggle_active.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}

		.vertical_accordion_content {
	background-color: #CCC;
	color: #666;
	overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }

    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
.vest_main {
	padding: 20px;
}
.vest_img {
	border: thin solid #990000;
	display: inline;
	width: 100px;
	text-align: left;
}
.vest {
	margin-bottom: 10px;
	display: block;
	text-align: left;
}
.vest_txt {
	border: thin solid #990000;
	text-align: justify;
}
h2 {
	font-size: 150%;
	vertical-align: middle;
	text-align: left;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 100%;
	color: #333;
	padding: 0px;
	margin: 0px;
	width: 185px;
}
.NadNaslov {
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: left;
	color: #333;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #333;
	font-weight: bold;
}
.style4 {font-size: 12px; font-weight: bold; }


.style5 {
	font-size: 5px
}
#apDiv1 {
	position:absolute;
	left:246px;
	top:205px;
	width:439px;
	height:502px;
	background-image:url(Banner/Untitled-1.gif);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:237px;
	top:611px;
	width:210px;
	height:87px;
	background-image:url(Banner/Untitled-1.gif);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
	background-color: #FF0000;
}
#apDiv3 {
	position:absolute;
	left:245px;
	top:616px;
	width:167px;
	height:71px;
	background-image:url(Banner/Untitled-1.gif);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
}
#apDiv4 {
	position:absolute;
	left:239px;
	top:610px;
	width:181px;
	height:90px;
	background-image:url(IMG/2011-jaguar-xj-to-plw.jpg);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
}
#apDiv5 {
	position:absolute;
	left:434px;
	top:610px;
	width:181px;
	height:90px;
	background-image:url(IMG/FordMustangGT02ffffff.jpg);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:2;
}
a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
.download {
	background-color: #999;
	margin-top: 20px;
	margin-bottom: 20px;
}

a:hover {
	text-decoration: none;
	color: #FC0;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
#apDiv6 {
	position:absolute;
	left:216px;
	top:159px;
	width:401px;
	height:225px;
	background-image:url(IMG/FordMustangGT02.jpg);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
}
#apDiv {	position:absolute;
	left:216px;
	top:159px;
	width:401px;
	height:225px;
	background-image:url(IMG/FordMustangGT02.jpg);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:1;
}
#apDiv7 {
	position:absolute;
	left:640px;
	top:275px;
	width:413px;
	height:225px;
	background-image:url(IMG/FordMustangGT02.jpg);
	layer-background-image:url(Banner/Untitled-1.gif);
	border:1px none #000000;
	z-index:2;
}
.contentBanner {
	width: 600px;
	margin: 0px;
	float: left;
	padding-right: 10px;
	display: inline;
}
.contentMain table{
	padding: 0px;
	margin: 0px;
	line-height: 200%;
}
.contentMain .odd{
	background-color: #CCC;
}
.contentMain tr{
	background-color: #DDD;
}
.contentMain td{
	padding-right: 10px;
	padding-left: 10px;
}
.contentMain th {
	background-color: #CA0000;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
}
.contentMain2 table{
	padding: 0px;
	margin: 0px;
	border-spacing:0px
}
.contentMain2 tr{
	background-color: #FFF;
	border-collapse:collapse;
}
.contentMain2 td{
	border:0 none;
	border-collapse:collapse;
	display:table-cell;
	margin:0;
	padding:0;
}
.contentMain2 th {
	background-color: #CA0000;
	color: #FFF;
	text-align: left;
}
.contentMain2 img{
	padding: 0px;
	margin: 0px;
	border-spacing:0px
}

.ui-accordion-content h3 {
	color: #FFF;
}
.bannerRight {
	float: left;
	overflow: visible;
	width: 190px;
}
.contentMainQuarter p {
	text-align: left;
	font-size: 80%;
}
.ui-accordion-content h2 {
	color: #FFF;
	margin-bottom: 10px;
}
.font15 {font-size: 15px}
.color1 {
	color: #ECE9D8
}
#contentLeft div a .style6 {
	text-align: right;
	color: #FFF;
	float: right;
	font-size: 100%;
}



.arrow  {
	color: #C00;
	font-size: 80%;
	background-image: url(../img/arrow_red.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	text-align: right;
	font-variant: small-caps;
	position: relative;
	float: right;
}
.datum {
	text-transform: capitalize;
	font-weight: bold;
	color: #FFF;
	text-align: right;
}
.vreme {
	font-weight: bold;
	color: #FFF;
	text-align: right;
}
#contentLeft2 {
	background-color: #CA0000;
	padding: 5px;
	width: 170px;
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
}
#container2 {
	width: 1010px;
	margin: auto;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #FFF;
}
table .color1 {
	background-color:#DDD;
	border-bottom:1px solid #FFFFFF;
	line-height:20px;
	color: #000;
}
table .color2 {
	background-color:#CCC;
	border-bottom:1px solid #FFFFFF;
	line-height:20px;
	color: #000;
}
.contentMain2 {
	width: 100%;
	padding: 10px;
	margin: 0px;
	float: left;
	text-align: left;
	display: inline;
}
.baner780x90 {
	vertical-align: middle;
	background-color: #FFF;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#clickableoverlay {
	position: absolute;
	height: 90px;
	width: 800px;
	left: 0px;
	top: 0px;
	margin-left: 0px;
}