@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400italic,700,700italic&subset=latin,latin-ext);

html, body {
	height: 100%;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #333;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}

a, a:active {
	text-decoration: none;
	color: #004cb8;
}

a:visited {
	color: #004cb8;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

.wrapper {
	min-width: 300px;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 5px;
}

#page {
	position: relative;
	min-height: 100%;
}

/* fejléc */
#header {
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	border-bottom: 2px solid #344694;
}

	#header #title {
	position: relative;
	}

		#header #title img {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 160px;
		}

		#header #title h1,
		#header #title h2 {
			margin-left: 180px;
			font-family: "Roboto", Arial, sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 1.2;
			color: #344694;
		}

		#header #title h1 {
			font-size: 32px;
			font-variant: small-caps;
		}

		#header #title h2 {
			font-size: 24px;
			padding-bottom: 5px;
		}

/* régi böngésző */
#outdated {
	width: 100%;
	margin: -10px 0 5px;
	padding: 5px;
	background: #df2125;
	border-bottom: 2px solid #a1171a;
}

	#outdated p {
		font-weight: 700;
		text-align: center;
		line-height: 1.5;
		color: #fff;
	}

		#outdated p a {
			color: #fff;
			text-decoration: underline;
		}

/* a középső blokk */
#main {
	position: relative;
	padding-bottom: 150px;
}

/* menü */
#mobil-menu-trigger {
	position: absolute;
	left: -9999px;
}

#mobil-menu {
	display: none;
}

ul#menu {
	position: absolute;
	top: 0;
	left: 5px;
	font-size: 14px;
	line-height: 1.5;
}

	ul#menu li.inactive {
		color: #999;
	}

/* tartalmi rész */
#main #content {
	margin-left: 180px;
	font-family: "Roboto Condensed", sans-serif;
}

	#main #content h3 {
		margin-bottom: .5em;
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
	}

		#main #content h3 img {
			float: right;
			margin: 24px 0 5px 10px;
		}

	#main #content h4 {
		margin-top: 1em;
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
	}

	#main #content p {
		line-height: 1.5;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;
	}

	#main #content p + p {
		text-indent: 2em;
	}

	#main #content p.noindent {
		text-indent: 0;
	}

	#main #content ul {
		list-style: none;
	}

	#main #content ol {
		list-style: decimal;
	}

		#main #content ul li,
		#main #content ol li {
			position: relative;
			margin-left: 14px;
			line-height: 1.5
		}

			#main #content ul li:before {
				content: '\25cf';
				position: absolute;
				top: -2px;
				left: -16px;
				color: #344694;
			}

		#main #content ul li li {
			margin-left: 28px;
		}

			#main #content ul li li:before {
				content: '\25a0';
			}

			#main #content ul li li li:before {
				content: '\25cb';
			}

	#main #content p.image {
		margin: 10px 0 20px;
		text-align: center;
		text-indent: 0;
	}

		#main #content p.image img {
			max-width: 100%;
		}

	#main #content img.imgright {
		float: right;
		margin: 5px 0 5px 10px;
		width: 50%;
	}

	#main #content img.imgleft {
		float: left;
		margin: 5px 10px 5px 0;
		width: 50%;
	}

	#main #content img.portrait {
		width: 33%;
	}

	#main #content p.imgfull {
		margin: 10px 0;
		text-align: center;
		text-indent: 0;
	}

		#main #content p.imgfull img {
			width: 100%;
		}

	#main #content #map {
		width: 100%;
		margin: 0 auto;
	}

		#main #content #map.init {
			height: 480px;
		}

	div.mapinfo {
		overflow: hidden;
	}

		div.mapinfo img {
			float: left;
			vertical-align: top;
		}

		div.mapinfo span {
			display: inline-block;
			margin-left: 10px;
		}

/* fontosabb időpontok tábla és vacsora főbb adatai */
#main #content table.timeline th,
#main #content table.dinner_data th {
	width: 17em;
	padding: 2px;
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
}

#main #content table.dinner_data th {
	width: 7em;
}

#main #content table.timeline td,
#main #content table.dinner_data td {
	padding: 2px;
	line-height: 1.2;
}

#main #content table.zebra tr:nth-child(even),
#main #content table.timeline tr:nth-child(even) {
	background: rgba(52, 70, 148, .1);
}

/* program összefoglaló */
#main #content div.widetable {
	max-width: 100%;
	overflow-x: auto;
}

#main #content table.programme {
	width: 100%;
	border-collapse: collapse;
}

	#main #content table.programme caption {
		padding: 2em 0 4px 0;
		font-size: 18px;
		font-weight: 400;
		line-height: 1;
	}

	#main #content table.programme thead th,
	#main #content table.programme thead td {
		padding: 4px 6px;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
		border: 1px solid #999;
	}

	#main #content table.programme thead th {
		border-top-color: #fff;
		border-left-color: #fff;
	}

	#main #content table.programme thead td {
		text-align: center;
		vertical-align: middle;
		/* text-transform: uppercase; */
		color: #fff;
		background: #034b8c;
	}

	#main #content table.programme tbody th,
	#main #content table.programme tbody td {
		padding: 4px 6px;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
		border: 1px solid #999;
	}

	#main #content table.programme tbody th {
		white-space: nowrap;
	}

		#main #content table.programme tbody td a {
			color: #333;
		}

		#main #content table.programme tbody td.break   { background-color: #d3d8e9; text-align: center; vertical-align: middle; }
		#main #content table.programme tbody td.trackx  { background-color: #ff95bb; }
		#main #content table.programme tbody td.tracka  { background-color: #feb74b; }
		#main #content table.programme tbody td.trackb1 { background-color: #fbeb7d; }
		#main #content table.programme tbody td.trackb2 { background-color: #afbdc4; }
		#main #content table.programme tbody td.trackc1 { background-color: #fce4ec; }
		#main #content table.programme tbody td.trackc2 { background-color: #7fd7e0; }
		#main #content table.programme tbody td.trackd1 { background-color: #8ee788; }
		#main #content table.programme tbody td.trackd2 { background-color: #b9a0e1; }
		#main #content table.programme tbody td.gap     { border-top: none; border-bottom: none; }

/* a programba "beágyazott" szekció táblája */
	#main #content table.programme tbody tr td table.session tbody tr th,
	#main #content table.programme tbody tr td table.session tbody tr td {
		padding: 4px 6px;
		border: none;
	}

	#main #content table.programme tbody tr td table.session tbody tr:nth-child(odd) {
		/* background-color: rgba(255,149,187,.1); */
		background-color: #ff95bb;
		/* border-bottom: 1px solid #999; */
	}

	#main #content table.programme tbody tr td table.session tbody tr:nth-child(even) {
		background-color: #ff95bb;
		/* border-bottom: 1px solid #999; */
	}

/* szekciók táblái */
#main #content table.session {
	width: 100%;
	border-collapse: collapse;
}

	#main #content table.session caption {
		padding: 1em 0 4px 0;
		font-size: 18px;
		font-weight: 700;
		text-align: left;
		line-height: 1;
	}

	#main #content table.session tbody th,
	#main #content table.session tbody td {
		padding: 8px 0;
		font-weight: 400;
		text-align: left;
		line-height: 1.4;
		vertical-align: top;
	}
	
	#main #content table.session tbody td.prezi {
		vertical-align: middle;
	}
	
		#main #content table.session tbody td.prezi img {
			margin-left: 5px;
		}

	#main #content table.session tbody th {
		white-space: nowrap;
		padding-right: 10px;
	}

		#main #content table.session tbody td span.noabstract {
			color: #333;
		}

		#main #content table.session tbody td span.title {
			font-weight: 700;
		}

		#main #content table.session tbody td span.authors {
			font-weight: 300;
		}

		#main #content table.session tbody td span.red {
			font-weight: 700;
			color: #c00;
		}

	#main #content table.session tbody tr:nth-child(even) {
		background-color: #f2f2f9;
	}

/* előadások */
#main #content table.programme.presentations td {
	border: 4px solid #fff;
}

#main #content ul.presentations {
	margin-top: 4px;
}

	#main #content ul.presentations li {
		margin-left: 0;
		padding: 4px 0;
	}
	
		#main #content ul.presentations li::before {
			content: none;
		}

	#main #content ul.presentations li a {
		display: block;
		padding-left: 4px;
		padding-right: 40px;
	}
	
		#main #content ul.presentations li a span.title {
			font-weight: 700;
		}
		
		#main #content ul.presentations li a span.authors {
			font-weight: 300;
			color: #333;
		}
		
			#main #content ul.presentations li a:hover {
				text-decoration: none;
			}
			
			#main #content ul.presentations li a:hover span.title {
				text-decoration: underline;
			}
	
	#main #content ul.tracko  li:nth-child(odd) { background-color: #ffdeea; }
	#main #content ul.tracka  li:nth-child(odd) { background-color: #ffeac9; }
	#main #content ul.trackb1 li:nth-child(odd) { background-color: #fefbd9; }
	#main #content ul.trackb2 li:nth-child(odd) { background-color: #e7ebed; }
	#main #content ul.trackc1 li:nth-child(odd) { background-color: #fff7f9; }
	#main #content ul.trackc2 li:nth-child(odd) { background-color: #d7f4f6; }
	#main #content ul.trackd1 li:nth-child(odd) { background-color: #dbfadc; }
	#main #content ul.trackd2 li:nth-child(odd) { background-color: #ece1f6; }
	
	#main #content ul.tracko  li:nth-child(even) { background-color: #fff5f9; }
	#main #content ul.tracka  li:nth-child(even) { background-color: #fff9ef; }
	#main #content ul.trackb1 li:nth-child(even) { background-color: #fffef4; }
	#main #content ul.trackb2 li:nth-child(even) { background-color: #f9f9fa; }
	#main #content ul.trackc1 li:nth-child(even) { background-color: #fffdfd; }
	#main #content ul.trackc2 li:nth-child(even) { background-color: #f3fcfc; }
	#main #content ul.trackd1 li:nth-child(even) { background-color: #f5fef5; }
	#main #content ul.trackd2 li:nth-child(even) { background-color: #faf6fc; }
	
	#main #content ul.presentations li a.youtube { background: url(images/icon32_youtube.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.vimeo   { background: url(images/icon32_vimeo.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.prezi   { background: url(images/icon32_prezi.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.pptx    { background: url(images/icon32_pptx.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.ppsx    { background: url(images/icon32_ppsx.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.ppt     { background: url(images/icon32_ppt.png) no-repeat 99.5% 50%; }
	#main #content ul.presentations li a.pdf     { background: url(images/icon32_pdf.png) no-repeat 99.5% 50%; }

/* fotók */
#main #content #photos.nojs {
	display: none;
}

	#main #content #photos h4 {
		font-size: 22px;
		font-weight: 400;
	}
	

	#main #content #photos ul {
		overflow: hidden;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		#main #content #photos ul li {
			position: relative;
			float: left;
			margin: 0 10px 10px 0;
			width: 120px;
			height: 120px;
			border: 1px solid #999;
			border-radius: 25%;
			overflow: hidden;
		}
		
		#main #content #photos ul li:before {
			content: "";
		}
		
		#main #content #photos ul li img {
			position: absolute;
			margin: 0;
			top: 50%;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%)
		}
	
/* logók a főoldalon */
#main #content .logos {
	padding-top: 10px;
	text-align: center;
}

	#main #content .logos a {
		display: inline-block;
		margin: 10px 15px;
	}

		#main #content .logos a:first-child { margin-left: 0; }
		#main #content .logos a:last-child  { margin-right: 0; }

		#main #content .logos a img {
			vertical-align: middle;
			height: 60px;
		}

/* fejlesztés alatt */
#main #content .uc {
	margin-top: 30px;
	text-align: center;
	font-size: 32px;
	color: #999;
}

/* JS kikapcsolva */
#noscript {
	margin-top: 10px;
	padding: 10px;
	line-height: 1.5;
	border: 5px double #933636;
}

	#noscript a {
		text-decoration: underline;
	}

#main #content form.nojs {
	display: none;
}

/* kérdőív */
#main #content form {
	margin-top: .5em;
	border: 1px solid #344694;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	overflow: hidden;
}

	#main #content form fieldset {
		position: relative;
		padding: 20px 10px 0;
	}

		#main #content form fieldset legend {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 5px 10px;
			color: #fff;
			background: #344694;
		}

		#main #content form fieldset hr {
			height: 0;
			margin: 0.5em -10px 1em;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #344694;
		}

		#main #content form fieldset label,
		#main #content form fieldset div.label {
			display: block;
			width: 100%;
			margin: 15px 0;
			padding: 2px 0;
			overflow: hidden;
		}

		#main #content form fieldset p.comment {
			
		}

			#main #content form fieldset p.comment i,
			#main #content form fieldset label i {
				position: relative;
				top: -.5em;
				padding-left: 2px;
				font-size: 80%;
				font-style: normal;
				color: #666;
			}


		#main #content form fieldset div.label {
			margin-bottom: 5px;
			overflow: hidden;
		}

			#main #content form fieldset label div.comment {
				width: 67%;
				margin-left: 23%;
				margin-top: 3px;
				font-size: 14px;
			}

			#main #content form fieldset label span {
				display: inline-block;
				width: 22%;
				margin-right: 1%;
				float: left;
			}

			#main #content form fieldset div.label span {
				display: inline-block;
				position: relative;
				top: 4px;
				width: 47%;
				float: left;
			}

				#main #content form fieldset label span b,
				#main #content form fieldset div.label span b,
				#main #content p b.req {
					position: relative;
					top: -2px;
					padding-left: 2px;
					font-weight: 700;
					color: #c00;
				}

			#main #content form fieldset ol {
				list-style: none;
				margin: -10px 0 5px;
			}

				#main #content form fieldset ol li {
					margin-left: 0;
				}

					#main #content form fieldset ol li label {
						position: relative;
						margin: 5px 0;
						padding-left: 20px;
						font-weight: 700;
						line-height: 1.3;
					}

						#main #content form fieldset ol li label input {
							position: absolute;
							left: -3px;
						}

						#main #content form fieldset ol li label i {
							font-weight: 400;
							font-style: normal;
							color: #666;
						}

			#main #content form fieldset div.label ul {
				width: 53%;
				float: left;
			}

				#main #content form fieldset div.label ul li {
					width: 33%;
					float: left;
					margin-left: 0;
				}

			#main #content form fieldset div.label ul li:before {
				content: '';
			}

			#main #content form fieldset div.label ul li label {
				display: inline;
				width: auto;
			}

		#main #content form input.wide,
		#main #content form input.phone,
		#main #content form input.zip,
		#main #content form textarea,
		#main #content form select {
			margin: 0;
			padding: 2px .5%;
			font-family: "Roboto Condensed", sans-serif;
			font-size: 16px;
			border: 1px solid #344694;
			resize: none;
		}

			#main #content form input.wide,
			#main #content form textarea    { width: 76%; }
			#main #content form input.phone { width: 33%; }
			#main #content form input.zip   { width: 15%; }

			#main #content form input.references { margin-left: 23%; margin-top: 5px; }

		#main #content form select {
			padding: 2px 0;
		}

		input::-webkit-input-placeholder {
			font-style: italic;
			color: #999;
		}

		input:-moz-placeholder {
			font-style: italic;
			color: #999;
		}

		input::-moz-placeholder {
			font-style: italic;
			color: #999;
		}

		input:-ms-input-placeholder {
			font-style: italic;
			color: #999;
		}

		#main #content form input.wide:focus,
		#main #content form input.phone:focus,
		#main #content form input.zip:focus,
		#main #content form select:focus {
			box-shadow: 0 0 3px #344694;
			outline: none;
		}

		#main #content form div.error {
			width: 99%;
			clear: both;
			margin-top: 3px;
			padding: 4px;
			text-align: center;
			color: #fff;
			background: #933636;
		}

			#main #content form ol + div.error {
				margin-bottom: 5px;
			}

		#main #content form fieldset#author2,
		#main #content form fieldset#author3,
		#main #content form fieldset#author4,
		#main #content form fieldset#author5 {
			display: none;
		}

		#main #content form.author2 fieldset#author2, #main #content form.author3 fieldset#author2, #main #content form.author4 fieldset#author2, #main #content form.author5 fieldset#author2,
		#main #content form.author3 fieldset#author3, #main #content form.author4 fieldset#author3, #main #content form.author5 fieldset#author3,
		#main #content form.author4 fieldset#author4, #main #content form.author5 fieldset#author4,
		#main #content form.author5 fieldset#author5 {
			display: block;
		}

		#main #content form fieldset p.add_author {
			margin: -15px 0 5px 0;
			padding: 2px 0;
		}

			#main #content form fieldset p.add_author a.add:before {
				content: '+';
				position: relative;
				top: 2px;
				margin-right: 3px;
				font-size: 150%;
			}

			#main #content form fieldset p.add_author a.add {
				margin-right: 15px;
			}

			#main #content form fieldset p.add_author a.del:before {
				content: '\2013';
				position: relative;
				top: 2px;
				margin-right: 3px;
				font-size: 150%;
			}

				#main #content form fieldset p.add_author a:hover {
					text-decoration: none;
				}

		#main #content form.author2 a#add_author2 {
			display: none;
		}

		#main #content form.author3 a#add_author3 {
			display: none;
		}

		#main #content form.author4 a#add_author4 {
			display: none;
		}

		#main #content form.author5 a#add_author5 {
			display: none;
		}

		#main #content form div.counter {
			margin-left: 23%;
			margin-top: 3px;
			font-size: 14px;
			color: #666;
		}

			#main #content form div.counter b {
				font-weight: 700;
			}

	#main #content form p.submit {
		text-align: center;
		margin: 5px 0;
		padding: 20px 0 15px;
		border-top: 1px solid #344694;
	}

		#main #content form p.submit button {
			margin: 0 20px;
			padding: 4px 50px;
			font-size: 14px;
			font-family: "Roboto Condensed", sans-serif;
			color: #fff;
			background: #7283ce;
			background: -webkit-linear-gradient(top,       #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
			background:    -moz-linear-gradient(top,       #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
			background:         linear-gradient(to bottom, #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeb5d4', endColorstr='#344694',GradientType=0 );
			border: 1px solid #344694;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
					border-radius: 3px;
			-webkit-box-shadow: inset 1px 1px 0px #fff, inset -1px -1px 0px #fff;
					box-shadow: inset 1px 1px 0px #fff, inset -1px -1px 0px #fff;
		}

			#main #content form p.submit button:hover {
				background: #344694;
				background: -webkit-linear-gradient(bottom, #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
				background:    -moz-linear-gradient(bottom, #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
				background:         linear-gradient(to top, #aeb5d4 0%, #8590bf 50%, #5d6ba9 50%, #344694 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344694', endColorstr='#aeb5d4',GradientType=0 );
			}

			#main #content form p.submit button[type="reset"] {
				padding: 4px 10px;
			}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

	#footer .wrapper {
		height: 150px;
		background: transparent url(images/bp_silhouette.png) no-repeat bottom center / 100% auto;
		background-size: 100% auto;
	}


	#footer img {
		margin: 5px 10px;
		height: 45px;
		vertical-align: middle;
	}