@import url('https://fonts.googleapis.com/css?family=PT+Serif');

@font-face {
	font-family: 'din';
	src: url("../fonts/din.ttf");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}
  
html, body {
	font-family: 'PT Serif', serif;
	color: #444; background: #fefefe; 
	background: #fffafa url("/images/site/paper-tile.jpg");
	background-color: rgb(255, 250, 250);
	background-color: transparent;  
}


div.bodycontainer {  
	margin: 1rem 0;
	padding: 1%;
	background: url("/images/site/graph-tile.png") center;
}



div.wrapper {
	overflow: auto;
	margin: 1rem 0 0 0;
	padding: 2rem;
	border: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);
	box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);
	border-radius: 0.5rem;
	background: url("/images/site/content.png");	
}



a { transition: color .5s, background-color .9s; }
a { color: #0053a0; text-decoration: none; border-bottom: 1px solid; }
a:hover { color: #c53929; text-decoration: none;  }


span.nobr { white-space: nowrap; }
span.degree, span.percent { padding-left: 0.15rem; }
span.plusm { padding: 0 0.2rem; }



h1, h2, h3, h4, h5, h6 { font-family: 'din', serif; color: #565656; }
h1 { font-size: 200%; margin-bottom: 2rem; }
h4.index { margin: 2rem 0 1.1rem 0; padding: 0.25rem; border-bottom: 1px solid #dddbda; }

h2 { font-size: 175%; margin: 0 1rem 1rem 2rem; padding: 0; }
.topmenu .nav-link { text-decoration: none; border-bottom: 1px solid; padding: 0; margin: 0 2rem;  }

.formalno { margin-bottom: 10rem; }
.form-tel { display: none; }
.noborder { border: 0; }

.formalno ol { margin-left: 0; padding-left: 1.7rem; }
li.lone { font-size: 150%; font-family: 'din', serif; line-height: 3rem; }
li.ltwo { font-size: 1rem; font-family: 'PT Serif', serif; line-height: 2rem; }
li.lfree { font-size: 1rem; font-family: 'PT Serif', serif; line-height: 1.9rem; }
li.lfour { font-size: 1rem; font-family: 'PT Serif', serif; line-height: 1.9rem; }
p.m11 { margin: 0.6rem 0; padding: 0; }

.myul { font-size: 90%; margin: 0 0 1rem 0; padding: 1rem 0 1.25rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.myul li.nav-item { margin: 0; padding: 0 1%; }
.myul a.nav-link { margin: 0; padding: 0; }

.figure { margin: 2rem 0; width: 100%; }
.figure div { background: #fefefe; border-radius: 0.5rem; }
.figure-caption { margin-top: 0.5rem; padding: 0 2rem; border-top: 1px solid #d9d9d9;  }
.figure-caption h5 { margin: 0.5rem 0; padding: 0; }
.figure-caption p { color: #444; margin: 0; padding: 0 0 0.5rem 0; }


/* media */
.media { margin: 1.2rem 0.1rem; }
.media img {  }
.media .media-body { padding: 0 0.5rem; }
.media h5 a { line-height: 1.6rem; }
.aimedia { border-bottom: none; }

div.alien { margin: 1.25rem 0; }
p.are { font-size: 80%; color: #999; margin: 1.25rem 0; padding: 0; }
p.are a { color: #999; text-decoration: none; border: 0; }

div.beta { font-size: 90%; margin: 0 0 1rem 0; padding: 1rem 0 1.25rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.central { text-align: center; }
div.beta span { padding-left: 1%; }
span.remark { color: #333; }

.footerdown { margin: 3rem 2rem 1rem 2rem; }