@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-size:16px;	font-family: 'Open Sans', sans-serif; color:#000000; background:#407585; padding:0; }
.logo { padding:22px 0 15px 40px; width:200px; float:left; }
.lng { position:absolute; right:50px; top:0; font-family: 'Open Sans', sans-serif; }
.lng a { display:block; width:40px; margin:0 5px 0 0; padding:24px 0 5px 0; border-radius:0 0 8px 8px; color:#FFF; text-decoration:none; float:left; background:#01547c; text-transform:uppercase; text-align:center; }
.lng a:hover, .lng a.active { background:#d3145a; }

img { border:none;}

#body { margin:0 auto; width:1025px; background:#FFF; box-shadow: 0px 0px 5px #000; }
.header { float:left; width:1025px; position:relative; }
.content_slider { float:left; clear:both; position:relative; z-index:2; width:1025px; border:0px solid #333; }
.content { clear:both; float:left;}
.main_nav { color:#989898; float:left; width:600px; }
.main_nav ul { padding:75px 0 0 25px; margin:0; }
.main_nav ul li { list-style:none; float:left; padding:0 20px 0 0; display: block; position: relative; font-size:18px; font-family: 'Open Sans', sans-serif; }
.main_nav a { color:#989898; text-decoration:none; }
.main_nav a:hover, .main_nav a.active { color:#00475d; }


.sub_nav { float:left; clear:both; color:#989898; width:1025px; background:#00475d; position:relative; height:24px; }
.sub_nav ul { position:absolute; padding:0 0 0 85px; margin:0; font-size:14px; line-height:18px; font-family: 'Open Sans', sans-serif; z-index:520; }
.sub_nav ul li { list-style:none; float:left; }
.sub_nav a { color:#ffffff; text-decoration:none; display:block; padding:3px 10px; }
.sub_nav a:hover, .sub_nav a.active  { padding:10px; }


.left_part { float:left; width:370px; height:365px; color:#FFFFFF; padding:0; font-size:14px; padding:40px 100px 40px 40px; }
.left_part a { color:#01547c; }
.right_part_partners { float:left; width:530px; height:365px; color:#000000; padding:35px 35px 0 0; font-size:14px; }
.right_part { width:655px; float:left; }
.right_part_partners h1 { font-family: 'Open Sans', sans-serif; font-size:32px; }

.grey { background:#cccccc !important; color:#000; }
.grey h1 { font-family: 'Open Sans', sans-serif; font-size:32px; }
.logo_event { position:absolute; z-index:1000; left:420px; top:100px; }

h1 { font-family: 'Open Sans', sans-serif; font-weight:300; font-size:40px; padding:0; margin:0; }

.thumbs { float:left; width:935px; padding:30px 45px 80px 45px; border-top:1px solid #333; clear:both; margin:0; }
.thumbs img { margin:0 15px 0 0; }

/* you can make a different style for default selected value */
#nav a.selected { color:#f00; }

/* submenu, it's hidden by default */
#nav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:15px; list-style:none; background:#FFFFFF; z-index:540; }
#nav ul li { width:240px; float:left; border-top:1px solid #000; display:block;	padding:10px 0;	font-size:15px; color:#000;	}
		
/* display block will make the link fill the whole area of LI */
#nav ul a {	display:block; padding: 8px 5px; color:#666; }
#nav ul a:hover { color:#d3145a; }
#nav ul img { margin-right:10px; float:left; } 

#scrollbar1 { width: 370px; margin:10px 0 0 0; border:0px solid #333; }
#scrollbar1 .viewport { width: 352px; height: 285px; overflow: hidden; position: relative; font-size:14px; border:0px solid #900; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0px; top: 0; padding: 0; margin:0; }
#scrollbar1 .scrollbar{ position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background:#d5d5d5; height: 100%; width:10px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: #bbbbbb; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 1px; left: 1px; }
#scrollbar1 .thumb .end { background: #bbbbbb; overflow: hidden; height: 10px; width: 10px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#scrollbar1 p {
	padding:0 0 15px 0;
	margin:0;
}

.right_part_partners #scrollbar1 { width: 550px; margin:10px 0 20px 0; border:0px solid #333; }
.right_part_partners #scrollbar1 .viewport { width: 500px; height: 265px; overflow: hidden; position: relative; font-size:14px; border:0px solid #900; }
.right_part_partners #scrollbar1 .overview { list-style: none; position: absolute; left: 0px; top: 0; padding: 0; margin:0; }
.right_part_partners #scrollbar1 .scrollbar{ position: relative; background-position: 0 0; float: right; width: 15px; }
.right_part_partners #scrollbar1 .track { background:#d5d5d5; height: 100%; width:10px; position: relative; padding: 0 1px; }
.right_part_partners #scrollbar1 .thumb { background: #bbbbbb; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 1px; left: 1px; }
.right_part_partners #scrollbar1 .thumb .end { background: #bbbbbb; overflow: hidden; height: 10px; width: 10px; }
.right_part_partners #scrollbar1 .disable { display: none; }

.logo_partner { }
.logo_partner img { margin:0 20px 0 0; }
.logo_partner a { text-decoration:none; color:#000; font-size:18px; }

.partners_row { width:995px; clear:both; float:left; padding:30px 0 0 30px; }
.partner { float:left; width:300px; font-size:15px; border-bottom:1px solid #000; padding:0 0 15px 0; margin:0 30px 0 0; }
.partner h2 { font-family: 'Open Sans', sans-serif; font-size:16px; padding:0; margin:0; font-weight:normal; }
.partner h2 a { text-decoration:none; color:#000000; }
.partner h2 span { font-size:15px; }
.partner img { vertical-align:middle; }

.partner a.logo_p { width:110px; height:110px; padding:5px; display:block; float:left; border:1px solid #CCC; margin:0 10px 0 0; text-align:center; }
.partner p { padding:10px 0 0 0; margin:0; }
.right_part { float:right; width:515px;	height:445px; position:relative; }
.partners_row { width:995px; clear:both; float:left; padding:30px 0 0 30px; }

.pages {
	clear:both; text-align:center; padding:20px 0 10px 0; }
.pages a { text-decoration:none; color:#000000; font-size:14px; padding:3px 7px; }
.pages span.active { color:#fff; background:#d3145a; padding:0 5px; font-size:14px; }

.gallery_part { margin:50px 0 0 4px; }
.gallery {  }
.gallery img {
	width:112px;
	border:0px solid #eaeaea; margin:0 1px 1px 0; float:left;
}

h2 { font-family: 'Open Sans', sans-serif; font-size:30px; padding:0; margin:0; font-weight:300; }
h2 a { text-decoration:none; color:#000000; }


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 1000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		height:300px;
		overflow-y:scroll;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 1001;
		padding: 30px 40px 34px;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
.reveal-modal h2 { font-family: 'Open Sans', sans-serif; font-size:30px; padding:0; margin:0; border-bottom:1px solid #333; }
h3 { font-family: 'Open Sans', sans-serif; font-size:20px; padding:0; margin:0; }
h3 a { color:#000000; text-decoration:none; }

.program_part { clear:both; margin:50px 0 0 2px; }
.program { float:left; width:300px; font-size:14px; padding:15px 0 0 0; margin:0 30px 0 0; }
.program img { float:left; margin:0 10px 0 0; }

.big-link { float:left;	width:145px; height:125px; text-align:center; color:#FFFFFF; text-decoration:none; display:block; margin:0 1px 1px 0; padding:5px 0 0 0; }
.big-link span { font-size:80px; line-height:90px;}
.grey-day { background:#dddddd !important; color:#FFFFFF; }


.program_part_s { clear:both; margin:0 0 0 2px; }
.program_s { float:left; width:300px; font-size:14px; padding:15px 0 0 0; margin:0 30px 0 0; }
.program_s img { float:left; margin:0 10px 0 0; }

.big-link-s { float:left; font-size:12px; width:51px; height:47px; line-height:10px; text-align:center; color:#FFFFFF; text-decoration:none; display:block; margin:0 1px 1px 0; padding:5px 0 0 0; }
.big-link-s span { font-size:30px; line-height:32px;}
.grey-day-s { background:#dddddd !important; color:#FFFFFF; }
.left_part a.big-link-s { color:#FFF;}


.path { font-family: 'Open Sans', sans-serif; font-size:14px; color:#01547c; padding:15px 0 0 35px; }
.path a { color:#989898; text-decoration:none; }



.year { float:left; width:363px; background:#efefef; text-transform:uppercase; padding:7px 0 5px 0; background:#dddddd; }
.year span { float:left; width:300px; border:0px solid #333; text-align:center; font-weight:bold; }
.year .p_month { float:left; width:30px; border:0px solid #333; }
.year .p_month a { display:block; width:30px; height:25px; background:url(img/arrow-prev-s.png) no-repeat top center; }
.year .n_month { float:left; width:30px; border:0px solid #333; }
.year .n_month a { display:block; width:30px; height:25px; background:url(img/arrow-next-s.png) no-repeat top center; }

.week { float:left; width:364px; border:0px solid #333;}
.week span { float:left; width:51px; text-align:center; background:#dddddd; margin:1px 1px 1px 0; }