@import url("jquery.checkbox.css");
@import url("jquery.checkbox2.css");

body {
	margin: 0px;
	padding: 0px;
	background: black;
	font-family: arial,helvetica;
	color: white;
}

a {
	color: white;
}

form {
	margin: 0px;
	padding: 0px;
}

.sectionEnd {
	clear: both;
}

#flashBG,
#flashProtector {
	position: fixed;
}

#flashBG,
#flashProtector,
#flashfile {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#flashfile {
	position: absolute;
}

#flashBG { z-index: 1; }
#flashProtector {
	z-index: 2;
/*	background: url('img/transparent.png');*/
}

#noFlashBG,
#counterContainer {
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: top right;
}

#noFlashBG { width: 55%; }
#counterContainer { width: 50%; position: absolute; }

#counter {
	float: right;
	margin-top: 266px;
	text-align: left;
	width: 465px;
}

#counter h1 {
	font-size: 13.5pt;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	font-weight: bold;
}

#counter h2 {
	font-size: 7pt;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#counter .counterTime {
	float: left;
	padding-right: 3px;
}

#counter .counterTime div {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

#counter span {
	display: block;
	font-family: arial black,arial,helvetica;
}

#counterDay span { font-size: 80px; line-height: 83px; }
#counterHour span { font-size: 60px; margin-top: 11px; line-height: 72px; }
#counterMin span { font-size: 38px; margin-top: 35px; line-height: 48px; }
#counterSec span { font-size: 20px; margin-top: 49px; }

#counterDay div { padding-right: 23px; }
#counterHour div { padding-right: 18px; }
#counterMin div { padding-right: 5px; }


#counter h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 20px 0px;
	height: 24px;
	width: 373px;
	cursor: pointer;
}

#counter h3 span {
	display: block;
	float: left;
}

#counter h3 span.decor {
	background: url('img/video-heading-bg.png') 0px 14px repeat-x;
	height: 24px;
	margin-left: 10px;
}


#videoList {
/*	display: none;*/
}


#videoList a img {
	border: 2px solid white;
	display: block;
	float: left;
	margin-right: 4px;
}

#videoList h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 19px 0px;
	height: 20px;
	width: 373px;
}

#videoList h4 span {
	display: block;
	float: left;
}

#videoList h4 span.decor {
	background: url('img/video-heading-bg.png') 0px 10px repeat-x;
	height: 20px;
	margin-left: 10px;
}

#videoList .close {
	margin: 10px 0px 0px 309px;
	display: block;
	width: 64px;
	height: 18px;
	text-decoration: none;
	font-size: 11px;
	text-align: right;
}



#container {
	min-width: 1130px;
}

#left { float: left; width: 50%; text-align: left; }
#right { float: right; width: 50%; text-align: left; }

#leftContent {
	text-align: left;
	margin: 0px 64px 0px auto;
	width: 500px;
}

#leftContentInner {
	width: 500px;
	position: absolute;
	z-index: 10;
	padding-bottom: 100px;
	margin-top: 170px;
}

#loading {
	background: url('img/loading.gif') no-repeat;
	display: none;
	width: 32px;
	height: 32px;
	margin: 50px 230px;
}

#leftContentInner2 {
	background: #363636;
	padding: 0px 0px 20px 30px;
}

#leftContentInner2 a:hover {
	color: #2F2F2D;
	background: #FFFFFF;
	text-decoration: none;
}

#rightContent {
	text-align: left;
	margin: 0px;
	width: 334px;
}

#rightContentInner {
	width: 334px;
	position: absolute;
	z-index: 11;
	padding-bottom: 100px;
}


#left {
	font-size: 9pt;
}

#leftContentInner2 h2 {
	font-size: 17pt;
	font-weight: normal;
	margin: 0px;
	padding: 7px 0px 10px 0px;
}

#leftContentInner2 h3 {
	font-size: 13pt;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: url('img/right-h2-bg.png') repeat-x 0px 20px;
}

#leftContentInner2 h3 span {
	background: #363636;
	padding-right: 10px;
}

#leftContentInner2 h3.exhib span {
	margin-left: 72px;
	padding-left: 10px;
}

#leftContentInner2 .exhib-pic {
	width: 82px;
	overflow: hidden;
	float: left;
}

#leftContentInner2 .exhib-pic img {
	margin-top: 7px;
}

#leftContentInner2 .exhib-text {
	float: left;
	width: 388px;
}

#leftContentInner2 img {
	display: block;
	margin-left: 0px;
}

#leftContentInner2 p {
	padding: 5px 5px 0px 0px;
	margin: 0px;
}

#leftContentInner2 div.hr {
	border-top: 1px solid #707070;
	font-size: 1px;
	height: 0px;
	margin: 10px 0px 0px 0px;
}


#contentArrow {
	background: url('img/content-arrow.png') no-repeat;
	width: 12px;
	height: 14px;
	position: absolute;
	margin-left: 510px;
}

.arr1 { margin-top: 14px; }
.arr2 { margin-top: 104px; }
.arr3 { margin-top: 194px; }
.arr4 { margin-top: 384px; }
.arr5 { margin-top: 474px; }

#contentClose {
	display: block;
	background: url('img/close.png') no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	margin: 8px 0px 0px 478px;
}


#langSwitch {
	height: 180px;
	background: url('img/logo.png') no-repeat 0px 34px;
	color: #959595;
}

#toHome {
	display: block;
	width: 330px;
	height: 105px;
	margin-bottom: 15px;
	padding-top: 33px;
}

#langSwitch a {
	text-decoration: none;
	font-size: 7pt;
	color: #959595;
}

#langSwitch a:hover,
#langSwitch a.active {
	color: white;
}


#right {
	font-size: 8pt;
}

#right a {
	text-decoration: none;
}

#right .menuItem a {
	display: block;
	padding-bottom: 12px;
}

#right .menuItem a:hover {
}

#right h2 {
	font-size: 17pt;
	font-weight: normal;
	margin: 0px 0px 7px 0px;
	padding: 2px 0px 0px 0px;
	height: 24px;
}

#right h2 span {
	display: block;
	float: left;
}

#right h2 span.decor {
	background: url('img/right-h2-bg.png') repeat-x 0px 14px;
	height: 24px;
/*	width: 10px;*/
	margin-left: 10px;
}


#right .menuItem.noLink {
	padding-bottom: 12px;
}

#right .menuItem {
/*	background: #e4e4e4; !!! */
}

#right .narrow {
	margin-left: 79px;
}

#loginSection {
	height: 105px;
}

#loginSection form {
	position: absolute;
	z-index: 33;
	display: block;
}

#right .loginField {
	float: left;
	width: 150px;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
}

#right .loginField input {
	display: block;
	width: 134px;
	height: 20px;
	padding: 2px;
	border: 1px solid #EBEBEB;
	background: #EBEBEB;
	color: black;
	font-weight: bold;
}


#right .loginOK {
	float: left;
	width: 33px;
	margin: 23px 0px 0px 0px;
}

#right .loginOK input {
	display: block;
	width: 33px;
	height: 26px;
	padding-left: 4px;
	border: 1px solid #959595;
	background: black;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
}





#logout {
	display: block;
	position: absolute;
	margin: -29px 0px 0px 233px;
	font-weight: normal;
	font-size: 7.5pt;
	width: 100px;
	text-align: right;
}

#belepo {
	margin-top: 10px;
}

#matrica {
	border-top: 1px solid #D7D7CC;
}

#belepo,
#matrica {
	padding: 0px 5px 0px 10px;
	height: 24px;
	background: #252525;
}

#belepo a,
#matrica a {
	display: block;
	width: 100px;
	float: right;
	color: white;
	padding: 4px 4px 4px 0px;
	text-align: right;
	font-weight: bold;
}

#belepo div,
#matrica div {
	float: left;
	margin-top: 5px;
}




#meter {
	position: absolute;
	width: 130px;
	margin: 30px 0px 0px -110px;
	z-index: 31;
	font-size: 37px;
	text-align: center;
	font-weight: bold;
}

#stiker {
	position: absolute;
	background: url('img/stiker.png');
	width: 66px;
	height: 30px;
	margin: 44px 0px 0px -79px;
}


#flashSwich {
	float: right;
}

#sponsors {
	border-top: 1px solid #707070;
	background: url('img/sponsors.png') 0px 10px no-repeat;
	height: 78px;
}

#sponsors a {
	display: block;
	position: absolute;
}

#sponsors a span {
	display: none;
}

#sponsor1 { margin: 10px 0px 0px 0px; width: 60px; height: 68px; }
#sponsor2 { margin: 10px 0px 0px 75px; width: 85px; height: 68px; }
#sponsor3 { margin: 14px 0px 0px 230px; width: 103px; height: 24px; }
#sponsor4 { margin: 40px 0px 0px 230px; width: 103px; height: 36px; }









#stikerForm {
	margin: 12px 0px 0px 0px;
	width: 497px;
	height: 318px;
	background: url('img/stiker-form.png') no-repeat;
}

.radio {
	display: block;
	position: absolute;
}

.radio span {
	position: absolute;
	z-index: 9;
	margin: 11px 0px 0px 32px;
	width: 39px;
	text-align: center;
	color: black;
}

#sf-radio1 span,
#sf-radio2 span { font-size: 12pt; font-weight: bold; }

#sf-radio3 span,
#sf-radio4 span { margin-top: 13px; font-size: 9pt; }


#sf-radio1 { margin: 99px 0px 0px 103px; }
#sf-radio2 { margin: 99px 0px 0px 208px; }

#sf-radio3 { margin: 178px 0px 0px 103px; }
#sf-radio4 { margin: 178px 0px 0px 208px; }

#sf-email {
	background: none;
	border: none;
	width: 224px;
	color: white;
	margin: 36px 0px 0px 68px;
	display: block;
	font-weight: bold;
	position: absolute;
}

#sf-emailText {
	display: block;
	margin: 19px 0px 0px 65px;
	font-weight: bold;
	font-size: 8pt;
	position: absolute;
}

#sf-hint1,
#sf-hint2,
#sf-hint3 {
	display: block;
	font-size: 8pt;
	position: absolute;
	width: 130px;
	line-height: 12px;
}

#sf-hint1 { margin: 20px 0px 0px 313px; }
#sf-hint2 { margin: 100px 0px 0px 313px; }
#sf-hint3 { margin: 180px 0px 0px 313px; }


.checkbox {
	display: block;
	position: absolute;
}

.checkbox span {
	position: absolute;
	z-index: 9;
	font-size: 7pt;
	margin: 3px 0px 0px 22px;
	letter-spacing: 1px;
	width: 345px;
}

#sf-checkbox1 {
	margin: 246px 0px 0px 67px;
}

#stikerForm .submit,
#ticketForm .submit {
	display: block;
	width: 283px;
	height: 29px;
	font-size: 13.5pt;
	position: absolute;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding-top: 7px;
}

#stikerForm .submit { margin: 282px 0px 0px 71px; }
#ticketForm .submit { margin: 370px 0px 0px 71px; }


/* ticket form */

#ticketForm {
	margin: 12px 0px 0px 0px;
	width: 470px;
	height: 406px;
	background: url('img/ticket-form.png') no-repeat;
}

#ticketForm.tiny {
	background: url('img/ticket-form-tiny.png') no-repeat;
	height: 233px;
}

#ticketForm.tiny .submit {
	margin-top: 197px;
}

#tf-checkbox1 {
	margin: 336px 0px 0px 67px;
}

#ticketForm.tiny #tf-checkbox1 {
	margin-top: 163px;
}

#tf-hint1,
#tf-hint2,
#tf-hint3 {
	display: block;
	font-size: 8pt;
	position: absolute;
	width: 140px;
	line-height: 12px;
}

#tf-hint1 { margin: 21px 0px 0px 313px; }
#tf-hint2 { margin: 100px 0px 0px 313px; }
#tf-hint3 { margin: 179px 0px 0px 313px; }


#ticketForm .field {
	position: absolute;
	width: 222px;
}

#ticketForm .field span {
	position: absolute;
	display: block;
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
}

#ticketForm .field span span {
	font-weight: normal;
	display: inline;
}

#ticketForm .field input {
	position: absolute;
	background: none;
	border: 1px solid red;
	margin: 17px 0px 0px 3px;
	border: none;
	color: white;
	display: block;
	font-weight: bold;
	width: 100%;
}

#tf-field1 { margin: 19px 0px 0px 63px; }
#tf-field2 { margin: 98px 0px 0px 63px; }
#ticketForm #tf-field3 { width: 42px; margin: 177px 0px 0px 63px; }
#ticketForm #tf-field4 { width: 162px; margin: 177px 0px 0px 123px; }
#tf-field5 { margin: 227px 0px 0px 63px; }
#tf-field6 { margin: 277px 0px 0px 63px; }





#popupOpen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 75px;
	background: url('img/popup-open.png') no-repeat;
	cursor: pointer;
}

#popupContent {
	position: absolute;
	width: 390px;
	height: 100px;
	display: none;
	top: 310px;
	z-index: 100;
}

#popupContent.prev { background: url('img/popup-1.png') no-repeat; }
#popupContent.active { background: url('img/popup-2.png') no-repeat; }

#popupContent a.close {
	position: absolute;
	margin: 0px 0px 0px 352px;
	width: 38px;
	height: 33px;
}

#popupContent h2 {
	margin: 54px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

#popupContent div {
	text-align: center;
	font-size: 12px;
}



#video {
	display: none;
	width: 439px;
	height: 420px;
	position: absolute;
	top: 200px;
	background: url('img/video-bg.png');
}

#video a {
	display: block;
}

#video a.close {
	position: absolute;
	margin: 0px 0px 0px 401px;
	width: 38px;
	height: 33px;
	z-index: 10;
}

#video a.back {
	margin: 8px 0px 0px 361px;
	width: 64px;
	height: 18px;
	text-decoration: none;
	font-size: 11px;
	text-align: right;
}

#videoContentPad {
	height: 39px;
}

#videoContent {
	padding: 0px 0px 0px 8px;
	width: 425px;
	height: 344px;
	overflow: hidden;
}