@font-face {
    font-family: Muditulib;
    src: url('../fonts/Muditulib.ttf')
}

body {
 
  font-size:11pt;
  font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;
  background-color:#84ddff;	/* #55c4e7; */
  background-image:url("http://www.muditulib.eu/images/sine-bg.png");
  background-size: 100%;
  background-attachment:fixed;
  color:#555555;
}

a:link {color:#8c6a1d; text-decoration:none;}		/* unvisited link */
a:visited {color:#8c6a1d; text-decoration:none;}	/* visited link */
a:hover {color:#8c8c1d; text-decoration:none;}	/* mouse over link */
a:active {color:#8c8c1d; text-decoration:none;}	/* selected link */



h1, h2 {
  font-family:'Source Sans Pro', Helvetica, Arial, sans-serif; 
  color:#0080b0;		/* #007022; */
  padding-left:10px;
  border-style:solid;
  border-width:2px;
  border-color:#ffffff;
  background-color:#000000;
  text-transform:uppercase;
  font-weight:normal;
  font-size:16pt;
  opacity:0.5;
}

h3 {
  font-family:'Source Sans Pro', Helvetica, Arial, sans-serif; 
  color:inherit;	/* #007022; */
  text-transform:uppercase;
  font-size:14pt;
}

h4, h5, h6 {
  font-family:times, "times new roman", serif;  
  color:#0080b0;		/* #007022; */
  padding-left:10px;
  border-style:solid;
  border-width:2px;
  border-color:#ffffff;
}

html, body {
  height:100%;
}


#header {
  position:fixed;
  background-color:#000000;
  min-width:100%;
  top:0px;
  left:0px;
  height:100px;
  padding-top:0px;
  padding-left:10%;
  padding-right:20%;
  font-size:18pt;
  color:#ffffff;
  text-decoration:none;
  z-index:1;
  background-image:url("http://www.muditulib.eu/images/saw-header-bg.png");
  background-size: 100%;	
}

#header-logo {
  margin:-20px;
  width:300px;
  float:left;
  padding-top:0px;
  font-family: Muditulib, arial;
  font-size:24pt;
}

#header-logo ul{
  list-style: none;
}

#header-logo li{
  display: inline;
  margin: 0px;
}

#header-menu {
  margin:40px;
  max-width:100%;
  padding-right:20%;
  color:#8c6a1d;
  font-family:'Source Sans Pro', "Arapey", times, serif;
  font-size:12pt;
  text-transform:uppercase;
}

#header-menu ul{
  list-style: none;
}

#header-menu li{
  display: inline;
  margin: 10px;
}

#header-underline {
  background-color:#ffffff;
  position:fixed;
  height:2px;
  min-width:100%;
  top:100px;
  left:0px;
}

#top-left {
  margin-top:-30px;
  float:left;
  width:250px;
}

#top-right {
  font-size:16pt;
  margin-left:300px;
}

#footer {
  background-color:#000000;	/* #e4e4ae; */
  position:absolute;
  padding-top:5px;
  padding-left:20%;
  padding-right:20%;
  right:0px;
  left:0px;
  height:80px;
  color:#ffffff;
  font-size:9pt;
  text-align:center;
}

#footer ul{
  list-style: none;
}

#footer li{
  display: inline;
  margin: 10px;
}

#body {
  top:300px;
  margin-left:20%;
  margin-right:20%;
  margin-top:10%;
  margin-bottom:10%;
  min-height:100%;
}

.section {
  /* min-height:100%;; */
  /* margin-bottom:50%; */
  padding-bottom: 40px;
}

p.muditulib {
  font-family:Muditulib, arial;
  font-style: normal;
  font-size:30pt;
  text-align:left;
  padding-top:0px;
}

ul.top {
  list-style-type: circle;
  padding: 0px;
  margin: 0px;
}

.logo-subscript {
  font-family:"New Century Schoolbook", DejaVuMono;
  color:#888888;
  padding-left: 40px;
  font-style: italic;
  font-size: 11pt;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
}

span.code {
  font-family:courier, monospace;
  color:#407700;
}

span.math {
  font-family:"New Century Schoolbook", DejaVuMono;
  color:#000000;
  font-style: italic;
}

p.code {
  font-family:courier, monospace;
  color:#407700;
  padding-left: 25px;
}

p.math {
  font-family:"New Century Schoolbook", DejaVuMono;
  color:#000000;
  padding-left: 40px;
  font-style: italic;
  font-size: 14pt;
  padding-top:10px;
  padding-right:40px;
  padding-bottom:10px;
  background-color:#ffffff;
}

p.quote {
  font-size: 9pt;
  font-style: italic;
}

p.footnotes {
  font-size: 9pt;
}

p.modification-date {
  font-size: 9pt;
  opacity:0.5;
  font-style: italic;
}

p.index-link, span.small-link {
  font-size: 9pt;
}

span.e-mail {
  text-decoration: underline;
}

img.transp {
  opacity:0.25;
}