@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);

body {background-color: white; margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #2F2F2F; position: relative; text-rendering: optimizeLegibility; background-image: url('../images/bg.jpg'); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}

.oswald {font-family: 'Oswald', sans-serif;}

img {border: 0;}
ul {margin: 0; padding: 0; list-style-type: none;}
li , h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {text-decoration: none;}
input[type=submit] {cursor: pointer;}

#body {position: relative; margin: 0 auto;}
	#body_div {position: relative;}
		#container {position: relative; width: 1200px; margin: 0 auto;}
			#sidebar {position: relative; float: left; width: 320px; z-index: 10;}
				#fix_sidebar {position: fixed; width: 320px; background-image: url('../images/sidebar_bg.jpg'); box-shadow: 0 0 5px #2F2F2F;}
				#logo {padding: 25px; text-align: center;}
					#logo a {display: block;}
				#menu {}
					#menu ul {}
						#menu ul li {}
							#menu ul li a {display: block; font-size: 20px; text-align: right; padding: 15px 25px 17px; color: #2F2F2F; background-image: url('../images/menu_bottom.jpg'); background-repeat: repeat-x; background-position: center bottom; text-transform: uppercase;}
							#menu ul li a:hover {color: #E0AA24;}
						#menu ul li.active {}
							#menu ul li.active a {color: #E0AA24; background-image: url(''); background-color: #2F2F2F; border-right: 8px solid #E0AA24; padding-right: 17px;}
				#sidebar_logo {}
					#sidebar_logo b {font-size: 10px; line-height: 14px;} 
				#footer {background-image: url('../images/sidebar_footer_bg.jpg'); padding: 15px; font-size: 11px;}
					#footer a {color: #2F2F2F;}
					#footer a:hover {text-decoration: underline;}
			#content {position: relative; float: left; width: 880px; background-image: url('../images/content_bg.jpg'); box-shadow: 0 0 5px #2F2F2F; z-index: 5;}
				#header {height: 34px;}
					#fix_header {position: fixed; background-color: #2F2F2F; padding: 10px 20px;}
					#header .float_left {padding: 0 10px; color: #757575; font-size: 11px;}
					#header .float_left.right {width: 630px;}
					#header .float_left.center {width: 170px;}
						#header .float_left a {color: #757575;}
						#header .float_left a:hover {text-decoration: underline;}
						#header .float_left a.active {font-weight: bold; color: #E0AA24;}
				#content_boxes {padding: 0 25px 30px;}
					.content_box {padding: 50px 0 75px; background-image: url('../images/hr.png'); background-position: center bottom; background-repeat: no-repeat;}
						.content_box h1.oswald {text-align: center; margin-bottom: 30px;}
						.content_box h1 span {font-size: 36px; padding: 0 20px 5px; background-image: url('../images/title_bottom.jpg'); background-position: center bottom; background-repeat: repeat-x; text-transform: uppercase;}
						
					.programok {}
						.programok .year {font-size: 24px; margin-left: 20px; margin-top: 25px; color: #4E2D0D; text-transform: uppercase;}
						.programok .month {color: #4E2D0D; font-size: 24px; margin-left: 20px;}
						.programok .event_day {border: 1px solid #2F2F2F;}
							.programok .event_day .program_box {padding: 5px;}
								.programok .event_day .program_box .day_place {float: left; margin-bottom: 5px; margin-right: 5px; width: 56px;}
									.programok .event_day .program_box .day_place .day {background-color: #2F2F2F; color: #E0AA24; display: block; font-size: 26px; height: 35px; padding-top: 5px; text-align: center; width: 56px;}
								.programok .event_day .program_box .dayarrow {float: left; background-image: url("http://www.oee.hu/images/green_arrow.png"); background-position: 8px 12px;background-repeat: no-repeat; height: 40px; width: 20px;}
								.programok .event_day .program_box.day_notlast {border-top: 1px dotted grey;}
								.programok .event_day .program_box .day_content {float: left; padding-left: 10px; width: 727px;}
									.programok .event_day .program_box .name {font-size: 20px; cursor: pointer;}
									.programok .event_day .program_box .place {font-weight: bold; margin-bottom: 5px;}
										.programok .event_day .program_box .place i {}
									.programok .event_day .program_box .text {display: none;}
										.programok .event_day .program_box .close {background-color: #2F2F2F; color: #E0AA24; padding: 5px 15px; float: right; cursor: pointer;}
							


						
.db_data a {text-decoration: underline; color: #2F2F2F;}
.db_data a:hover {text-decoration: none;}
.db_data ul {list-style-type: disc; margin-left: 30px; padding: 10px 0;}
	.db_data ul li {padding: 3px 0;}




/* alap */
.clear, .c {float: none !important; clear: both;}
.float_left {float: left;}
.float_right {float: right;}

.noborder {border: 0;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}

.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}

.normal {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

.normal, .n {font-weight: normal;}
.bold, .b {font-weight: bold;}
.italic, .i {font-style: italic;}
.underline, .u {text-decoration: underline;}
.strike, .s {text-decoration: line-through;}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

.hidden {overflow: hidden;}

.disabled {background-color: #DDD; color: #555; font-style: italic;}
#ie_frissites {background-color: #F9E4E4; height: 65px; padding: 5px; font-size: 11px; font-weight: bold; border: 1px solid #B30505; color: #B30505; text-align: center;}
	#ie_frissites a {color: #B30505;}
.error_query {padding: 10px; text-align: center; margin-bottom: 10px; color: #971805; background-color: #F38989; font-weight: bold; border-radius: 4px;}
.success_query {padding: 10px; text-align: center; margin-bottom: 10px; color: #085908; background-color: #DFF3CE; font-weight: bold; border-radius: 4px;}


@media only screen and (max-width: 1199px) {
	#fix_header {
		width: auto;
		left: 0;
		right: 0;
		position: relative;
	}
	
	#header .float_left.right,
	#header .float_left.center {
		width: 100%;
		text-align: center;
	}
	
	#sidebar {
		width: 100%;
		height: auto !important;
		float: none;
	}
	
	#fix_sidebar {
		width: auto;
		position: relative;
	}
	
	#fix_sidebar #logo {
		text-align: center;
	}
	
	#fix_sidebar #menu,
	#fix_sidebar #sidebar_logo,
	#fix_sidebar #footer {
		display: none;
	}
	
	#container {
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	#container::after {
		clear: both;
	}
	
	#content {
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
	}
	
	#content_boxes {
		padding: 0 0 30px;
	}
	
	#content_boxes img {
		float: none !important;
	}
	
	.programok .event_day .program_box .day_content {
		width: auto;
		padding-right: 10px;
	}
}