@charset "UTF-8";

* { box-sizing: border-box; }

body  { max-width: 1000px; 
        margin-left: auto; margin-right: auto; 
   	    font-family: "Arial", sans-serif; font-size: 16px; }

header	{ margin-top: 65px; background: rgb(30,30,30); color: white; }

#en     { margin-top: 59px; }

#header-mail  { text-align: right; font-size: 1.25em; 
                color: rgb(255,255,255); padding: 30px 20px 0px 0px; }

#header-mail a { color: rgb(160,160,255); }

#header-intro { text-align: left; font-size: 1.05em; 
                padding: 15px 0px 0px 20px; }

.text-block { display: inline-block; }

#header-title { text-align: left; font-size: 2.8em; 
                padding: 10px 0px 20px 20px; line-height: 0.9em; }

main {background: rgb(250,250,250); }

#textbody  { background: rgb(250,250,250); color: black; 
             padding: 50px 10px 60px 10px; max-width: 800px;
             margin-left: auto; margin-right: auto; }

p     { line-height: 1.8em; text-indent: 1em; padding: 5px 0px 5px 10px;
        font-size: 1.2em; text-align: justify; }

var   { font-size: 1.05em; font-family: "Arial"; font-style: normal; 
        margin-left: 5px; margin-right: 5px; }

.img1   { width: 90%; margin: 0px 0px 0px 0px; border: 1px solid gray; display: block; margin-left: auto; margin-right: auto; }

.img2   { width: 97%; margin: 20px 0px 20px 0px; border: 1px solid gray; display: block; margin-left: auto; margin-right: auto; }

.fig  { font-size: 1.1em; line-height: 1em; text-align: center; margin: 10px 0px 40px 0px; }

table { border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 20px; font-size: 1.1em; }

td      { text-align: center; }

td.s    { width: 150px; height: 30px; border: 1px solid black; } 

td.m    { width: 250px; height: 30px; border: 1px solid black; } 

td.l    { width: 350px; height: 30px; border: 1px solid black; }

td.ll   { width: 450px; height: 30px; border: 1px solid black; }  

.text-left { text-align: left; margin-left: 5px; } 

.tab { font-size: 1.1em; text-align: center; }

#textbody li { margin: 0.5em 0em 0.5em 0em; line-height: 1.5em; font-size: 1.2em; padding-left: 5px; }

#textbody ol { margin: 0em 0em 0em 3em;  }

#textbody ul { margin: 0em 0em 0em 3em;  }

pre { font-size: 1.2em; margin: 20px 0px 0px 30px; }


h2.line { border-style: solid; border-width: 0px 0px 2px 15px; border-color: rgb(250,100,0); padding: 0px 0px 3px 8px; }

.slide   { width: 100%; max-width: 800px; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; border: 1px solid gray; display: block; }

.slide2   { width: 50%; max-width: 300px; margin-top: 15px; margin-bottom 15px; margin-left: auto; margin-right: auto; border: 1px solid gray; }

#textbody .slideindex { margin-left: 31%; }

h1 { margin:  0px 0px 0px 0px; font-size: 2.5em; color: rgb(0,0,80); text-align: center; line-height: 1em; }
h2 { margin: 40px 0px 20px 0px; font-size: 1.5em; color: rgb(0,0,80); }
h3 { margin: 35px 0px 15px 0px; font-size: 1.3em; color: rgb(0,0,80); }
h4 { margin: 30px 0px 10px 0px; font-size: 1.3em; color: rgb(0,0,80); }


body { counter-reset: part; }

h2 { counter-reset: chapter; }
h2:before { content: counter(part) ". "; counter-increment: part; }

h3 { counter-reset: section; }
h3:before { content: counter(part) ". " counter(chapter) ". "; counter-increment: chapter; }

h4 { counter-reset: subsection; }
h4:before { content: counter(part) ". " counter(chapter) ". " counter(section) ". "; counter-increment: section; }

h5:before { content: counter(part) ". " counter(chapter) ". " counter(section) ". " counter(subsection) ". ";
            counter-increment: subsection; }

#color1	{ color: rgb(255,0,0); }
#color2 { color: rgb(255,255,0); }
#color3 { color: rgb(0,255,0); }
#color4 { color: rgb(0,255,255); }
#color5 { color: rgb(0,0,255); }
#color6 { color: rgb(255,0,255); }

#line1 { background: rgb(255,0,0);   margin: 2px 180px  0px 0px; height: 4px; border: 0px; } 
#line2 { background: rgb(255,255,0); margin: 2px 144px  0px 0px; height: 4px; border: 0px; }
#line3 { background: rgb(0,255,0);   margin: 2px 108px  0px 0px; height: 4px; border: 0px; }
#line4 { background: rgb(0,255,255); margin: 2px  72px  0px 0px; height: 4px; border: 0px; }
#line5 { background: rgb(0,0,255);   margin: 2px  36px  0px 0px; height: 4px; border: 0px; }
#line6 { background: rgb(255,0,255); margin: 2px   0px  0px 0px; height: 4px; border: 0px; }

#knowledge ol { margin: 3em 0em 0em 3em; }

#knowledge li { margin: 2.2em 0em 2.2em 0em; line-height: 1.5em; font-size:                     20px; padding-left: 5px; }

#knowledge li .small  { font-size: 16px; }

footer	{ background: rgb(30,30,30); color: white; }

#footer-title { text-align: left; font-size: 1.7em; 
                padding: 30px 0px 0px 20px; line-height: 1em; }

#footer-email  { text-align: right; padding: 5px 20px 0px 20px;
                 font-size: 1.2em; margin-top: 5px; }

#copyright  { text-align: center; font-size: 0.85em; 
              padding: 15px 0px 30px 0px; }

.title-name	{ font-size: 1.0em; font-weight: bold; margin-left: 1px;
              margin-right: 1px; }

.color1	{ color: rgb(255,0,0); }
.color2 { color: rgb(255,255,0); }
.color3 { color: rgb(0,255,0); }
.color4 { color: rgb(0,255,255); }
.color5 { color: rgb(0,0,255); }
.color6 { color: rgb(255,0,255); }

#line1 { background: rgb(255,0,0);   margin: 0px 0px  0px 0px; height: 4px; border: 0px; } 
#line2 { background: rgb(255,255,0); margin: 2px 0px  0px 0px; height: 4px; border: 0px; }
#line3 { background: rgb(0,255,0);   margin: 2px 0px  0px 0px; height: 4px; border: 0px; }
#line4 { background: rgb(0,255,255); margin: 2px 0px  0px 0px; height: 4px; border: 0px; }
#line5 { background: rgb(0,0,255);   margin: 2px 0px  0px 0px; height: 4px; border: 0px; }
#line6 { background: rgb(255,0,255); margin: 2px 0px  0px 0px; height: 4px; border: 0px; }


@media  (min-width: 850px)
    { #main-nav > ul > li > a br { display: none !important; } }

@media  (max-width: 849px) and (min-width: 769px) 
    { #main-nav > ul > li > a { padding-left: 40px !important; padding-right: 40px !important; } }

@media  (min-width: 769px) 
    { #main-nav a[href*="html"]:hover { background: rgb(70,70,70) !important; } }

@media  (max-width: 768px)
    { header { margin-top: 47px !important; }  
      body { font-size: 14px !important; } 
      #main-nav { font-size: 1.3em !important; } 
      #main-nav > ul > li > a br { display: none !important; } }

#main-nav { position: fixed; top: 0px; margin: auto; max-width: 1000px;
            border-bottom: solid 1px rgb(250,250,250) !important; }



*{ margin: 0; padding: 0; }
body { height: 100%; height: 100%; font-size: 16px; font-family: 'Exo 2', sans-serif; background: #efefef; font-weight: 300; }
.header { text-align: center; }
.header a { padding: 50px 0; display: block; font-size: 48px; text-decoration: none; color: #555; }
@media only screen and (max-width : 1000px) {
	.stellarnav > ul > li > a { padding: 20px 23px; }
}














#form-table th, #form-table td, #form-table textarea { padding: 10px; }

#btn {text-align: center; } 
#btn input { width: 100px;	height: 40px; font-size: 1.2em; 
             border-radius: 5px; }

#form-table textarea { margin-left: 6%; width: 90%; height: 300px; }