/*

Theme name: ESA HRE Standard

Theme url:

Description:

Version: 1.0

Author: <a href="mailto:iacopo.baroncini@esa.int">Iacopo Baroncini</a>

Author url:

Tags:

*/

@font-face {
	font-family:'NotesEsaRegular';
	src:url('fonts/notesstyle-bold-updatedtf-webfont.eot');
	src:url('fonts/notesstyle-bold-updatedtf-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/notesstyle-bold-updatedtf-webfont.ttf') format('truetype'),url('fonts/notesstyle-bold-updatedtf-webfont.svg#NotesEsaReg') format('svg');font-weight:normal;font-style:normal
}
@font-face { 
	font-family:'NotesESAbold'; 
	src:url('fonts/NotesESAbold.eot'); 
	src:url('fonts/NotesESAbold.eot?#iefix') format('eot'), 
	url('fonts/NotesESAbold.ttf') format('truetype'), 
	url('fonts/NotesESAbold.woff') format('woff'), 
	url('fonts/NotesESAbold.svg') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
} 
html, body, div, td, table, img, p, span {
	border:0;
	padding:0;
	margin:0;
}
a, a:hover {
	text-decoration: none;	
}
p, div, td {
	text-align:justify;
}
h1, h2, h3 {
	font-family:'NotesESAbold';
	font-weight:normal;
}

@media screen {
	.onlyScreen {}
	.onlyPrint {display:none;}
	html {
		font-family:"Arial", sans-serif;
		font-size:100%;
		font-size:12px;
		color:#444444;
		background-color:white;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
	}
	h3 {margin-bottom:10px;}
	p {
		margin:15px 0px 15px 0px;
	}
	#_content {
		width:100%;
		min-width:750px;
		background-color: white;
	}
	#_header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		min-width:750px;
		height:75px;
		background-color:#202225;
		background-color:rgba(40,42,45,0.9);
		z-index:10000;
	}
	#_esalogo {
		position:absolute;
		top:5px;
		right:30px;
	}
	#_esalogo img {
		height:65px;
	}
	#_menu {
		position:fixed;
		top:30px;
		left:30px;
		text-align:left;
	}
	#_menu span {
		font-family:'NotesESAbold';
		color:white;
		font-size:15px;
		margin:0px 1px 0px 1px;
		padding:5px;
		cursor:pointer;
		border-radius:4px;
	}
	#_menu span:hover {
		background-color:#747678;
	}
	#_menu .sel {
		background-color:white;
		color:#00549F;
	}
	#_poster {
		width:100%;
		height:600px;
	}
	#_bgcpy {
		padding:20px 40px 20px 0px;
		color:white;
		color:rgba(255,255,255,0.4);
		font-size:10px;
		text-align:right;
	}
	#_posterprn {
		display:none;
	}
	#_eventtitle {
		position:absolute;
		left:0;
		top:270px;
		width:700px;
	}
	#_navdown {
		padding-top:480px;
		text-align:center;
	}
	#_navdown img {
		height:70px;
	}
	.entry-title {
		font-family:'NotesESAbold';
		font-size:25px;
		color:black;
		margin:0;
	}
	.section {
		padding:50px 50px 50px 50px;
		max-width:900px;
	}
	.section li {
		padding:0px 0px 10px 0px;
	}
	.sectit {
		font-family:'NotesESAbold';
		font-size:30px;
		text-transform: uppercase;
		margin-bottom:50px;
		text-align:center;
	}
	.seccnt {
		text-align:left;
	}
	#_welcome {
		text-align:center;
		background-color:#008542;
		color:white;
		font-size:15px;
	}
	#_welcome .section {
		padding-top:30px;
	}
	#_outline {
		text-align:center;
		background-color:#9A9B9C;
		color:white;
		font-size:15px;
	}
	#_programme {
		text-align:center;
		background-color:white;
		color:#666666;
		font-size:15px;
	}
	#_speakers {
		text-align:center;
		background-color:#D5D6D2;
		color:#444444;
		font-size:15px;
	}
	#_registration {
		text-align:center;
		background-color:white;
		color:black;
		font-size:15px;
	}
	#_registration a {
		background-color:#E37222;
		color:white;
		padding:15px 20px 15px 20px;
		cursor:pointer;
		text-decoration:none;
	}
	#_registration a:hover {
		background-color:#0098db;
		color:white;
		text-decoration:none;
	}	
	#_venue {
		text-align:center;
		background-color:#f5f5f5;
		color:black;
		font-size:15px;
	}
	#_venue a, #_venue a:hover {
		color:#0098db;
		text-decoration:none;
	}
	.venueimg {
		width:100%;
		height:auto;
		box-shadow: 0px 0px 10px #999999;
	}
	#_logistics {
		text-align:center;
		background-color:#D5D6D2;
		color:black;
		font-size:15px;
	}
	#_contact {
		text-align:center;
		background-color:#4D4F53;
		color:white;
		font-size:15px;
	}
	#_contact .section div {
		text-align:center;
	}
	#_contact a {
		color:#FDC82F;
		text-decoration: none;
	}
	#_contact a:hover {
		color:#FDC82F;
		text-decoration: none;
	}
	#_copy {
		color:#aaaaaa;
	}
	#_credits {
		text-align:center;
		background-color:white;
		color:black;
		font-size:15px;
	}
	#_credits .section div {
		text-align:center;
	}
	#_credits img {
		height:auto;
		width:150px;
		margin:10px 20px 10px 20px;
		vertical-align:middle;
	}
	
	
	.rfc-label {
		margin:10px 0px 0px 0px;
		padding:0;
		font-size:12px;
	}
	.rfc-label span {
		color:red;
	}
	select, input, textarea {
		background-color:white;
		border: 1px #cccccc solid;
		box-shadow:none;
		border-radius:0px;
		font-size:15px;
		margin:0;
		padding:5px;
		outline:none;
	}
	select:focus, input:focus, textarea:focus {
		background-color:#ffffdd;
		outline:1px black solid;
		outline-offset:1px;
	}
	
	.rfc-sprinter {
		border-top:1px #cccccc solid;
		padding:15px;
		margin:0px 0px 0px 0px;
	}
	.rfc-exp {
		padding:15px;
		margin:0px 0px 0px 0px;
	}
	.rf_res {
	    width:100%;
	    height:100vh;
	    background-color:white;
	    background-color:rgba(255,255,255,0.9);
	    display:none;
	    position:fixed;
	    top:0;
	    left:0;
	    z-index:20000;
	}
	.rf_res2 {
		color:white;
		background-color:#4D4F53;
		padding:20px;
	}
	.rf_res2 div {
		text-align:center;
	}
	.rf_res2 img {
		width:50px;
		padding:20px 0px 20px 0px;
	}
	form td {
		padding:3px;
	}
	form table td {
		font-size:12px;
	}
	form textarea {
		width:100%;
		padding:5px;
	}
	#_programme table {
		border-collapse: collapse;
	}
	#_programme table td {
		border:0;
		border-top:1px #cccccc solid;
		vertical-align:top;
		text-align:left;
		padding:10px;
	}
	#_programme table tr:last-child {
		border-bottom:1px #cccccc solid;
	}
	
	#_programme span {
		white-space: pre;
	}
	#_programme tr:hover {
		background-color:#f0f0f0;
		cursor: pointer;
	}
	#_programme table li {
		padding:0;
		margin:0;
	}
	#slist td {
		width:50%;
		vertical-align:top;
	}
	#comm td {
		width:50%;
		vertical-align:top;
		text-align:center;
	}
	#comm p {
		text-align:center;
	}
	.sphoto {
		text-align:center;
	}
	.sphoto img {
		width:192px;
		box-shadow: 0px 0px 10px #999999;
	}
	.sname {
		font-weight: bold;
		margin:10px 0px 10px 0px;
		text-align:center;
	}
	.sinfo {
		font-size:75%;
		text-align:center;
		margin-bottom:5px;
	}
	.srole {
		font-size:75%;
		text-align:center;
		font-style: italic;
		color:#999999;
		margin:10px 0px 10px 0px;
	}
	
}

@media print {
	.onlyScreen {display:none;}
	.onlyPrint {}
	html {
		font-family:"Arial", sans-serif;
		font-size:100%;
		font-size:9pt;
		color:black;
	}
	h3 {margin-bottom:9pt;}
	p {
		margin:4pt 0pt 4pt 0pt;
	}
	#_header {
		display:none;
	}
	#_poster {
		display:none;
	}
	#_esalogoprn {
		text-align:right;
	}
	#_esalogoprn img {
		width:25%;
		padding:20pt 0pt 0pt 0pt;
	}
	#_posterprn2 img {
		width:50%;
		padding:0pt 0pt 20pt 0pt;
	}
	.section {
		text-align:left;
		page-break-after:always;
	}
	.sectit {
		font-family:'NotesESAbold';
		font-size:15pt;
		text-transform: uppercase;
		margin-top:20pt;
		margin-bottom:10pt;
		text-align:center;
	}
	#_registration {
		display:none;
	}
	a {
		color:black;
	}
	#_copy {
		text-align:center;
	}
	#_programme table {
		border-collapse: collapse;
	}
	#_programme table td {
		border:0;
		border-top:1px #cccccc solid;
		vertical-align:top;
		text-align:left;
		padding:9pt;
	}
	#_programme table tr:last-child {
		border-bottom:1px #cccccc solid;
	}
	*
	#_programme span {
		white-space: pre;
	}
	#_programme tr:hover {
		background-color:#f0f0f0;
		cursor: pointer;
	}
	#_programme table li {
		padding:0;
		margin:0;
	}
	#slist td {
		width:50%;
		vertical-align:top;
	}
	#comm td {
		width:50%;
		vertical-align:top;
		text-align:center;
	}
	#comm p {
		text-align:center;
	}
	.sphoto {
		text-align:center;
	}
	.sphoto img {
		width:60%jjdjddsdksksdksdjksdjkdj;
		box-shadow: 0px 0px 10px #999999;
	}
	.sname {
		font-weight: bold;
		margin:10px 0px 10px 0px;
		text-align:center;
	}
	.sinfo {
		font-size:75%;
		text-align:center;
		margin-bottom:5px;
	}
	.srole {
		font-size:75%;
		text-align:center;
		font-style: italic;
		color:#999999;
		margin:10px 0px 10px 0px;
	}

}