/* open-sans-300 - greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v13-greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic-300.eot'); /* IE9 Compat Modes */
}
/* open-sans-regular - greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v13-greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic-regular.eot'); /* IE9 Compat Modes */
}
/* open-sans-700 - greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v13-greek-ext_latin-ext_latin_cyrillic-ext_greek_cyrillic-700.eot'); /* IE9 Compat Modes */
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  	overflow: hidden;
	background: #9bc2b2;
	}

h1 {
	font-weight: 300;
	text-transform: uppercase;
	color: white;
	margin-bottom: 40px;
	max-width: 1000px;
	margin-left: 50px;
	margin-right: 50px;
}

h2 {
	font-size: 25px;
}

li {
	margin-top: 15px;
}

#topPanel {
	background-color: black;
	padding: 3px 10px 3px 10px;
	font-size: 20px;
	color: white;
	}

#topPanel2 {
	padding: 0px 10px 0px 10px;
	margin-bottom: 30px;
	}

#author {
	font-weight: 400;
	color: 	#9bc2b2;
 	}

#title {
	font-weight: 400;
 	}

#event {
	margin-right: 20px;
	float: right;
	text-align: right
}

#arrows {
	position: absolute;
	right: 20px;
	text-align: right;
	top: -3px;
	color:white;
	vertical-align: middle;
	z-index: 999;
}

.arrow {
	height: 20px; padding-top: 10px;
}

.reloadButton {
	font-size:10px;
	vertical-align:7px; 
	padding-left:5px; 
	padding-right:5px; 
	cursor:pointer;
}

#institution {
	padding-top: 3px;
	font-weight: 400;
	font-size: 15px;
	float:left;
}

.cleaner {
	clear: both;
}

a, a:link, a:visited, a:active  {
	color: #4682B4;
	text-decoration:none;
	}

a:hover {
	color: #4682B4;
	text-decoration:underline;
	}

.tabBold {
	font-size: 13px;
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
}

.codeSnippet {
	font-family: monospace;
	white-space: pre;
}

.data td {
	padding-right: 40px;
	padding-top: 15px;
	vertical-align: top;
}

table td {
	vertical-align: top;
}

.chartHead {
	font: normal 22px/1.5 'Open Sans';
	font-weight: 300;
	color: #77a1e5;
	text-align: left;
	border-top: 1px solid #333;
	margin: 20px 10px 0px 10px;
	padding-top: 10px;
	text-transform: uppercase;
	}

button {
	font-size: 30px;
}


.pathToFile {
	font: normal 15px/1.5 'Open Sans';
	margin: 20px 10px 20px 10px;
	}

.sma {
	font: normal 15px/1.5 'Open Sans';
	margin: 10px 10px 10px 10px;
	}

.smaItem {
	color: #77a1e5;
	}

.smaItem:hover {
	color: #434348;
	}

#hypotheses {
	font-size: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}

.exampleTrue {
	font-size: 17px;
	color: #336600;
	padding: 10 20 10 20;
}

.exampleFalse {
	font-size: 17px;
	color: #800000;
	padding: 10 20 10 20;
}

#cf {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf2 {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}
#cf2 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf2 img.transparent {
opacity:0;
}



.chartHead {
	font: normal 22px/1.5 'Open Sans';
	font-weight: 300;
	color: #77a1e5;
	text-align: left;
	border-top: 1px solid #333;
	margin: 20px 10px 0px 10px;
	padding-top: 10px;
	text-transform: uppercase;
	}

.pathToFile {
	font: normal 15px/1.5 'Open Sans';
	margin: 20px 10px 20px 10px;
	}

.sma {
	font: normal 15px/1.5 'Open Sans';
	margin: 10px 10px 10px 10px;
	}

.smaItem {
	color: #77a1e5;
	}

.smaItem:hover {
	color: #434348;
	}

button {
	font-size: 14px;
}

.biblio {
	padding-bottom: 40px;
	color: white;
	margin-left:50px;
	margin-right:50px;
}

.cover {
	position:absolute; 
	right: 0; 
	bottom: 0; 
	opacity: 0.3; 
	height: 100%; 
	border: 1px solid #a6a6a6; 
	filter: blur(3px); z-index:-2
}

.content {
	margin-left: 40px
}