@font-face {
  	font-family: "HelveticaLTStd-Bold";
  	src: url("../font/HelveticaLTStd-Bold.otf");
  	font-weight: 300;
  	font-style: bold;}

  	@font-face {
    font-family:  "OCRAStd";
    src: url("../font/OCRAStd.otf");
    font-weight: 300;
    font-style: normal;}

	body 
		{width:100%;
		background-color: white;
		font-size: calc(8px + 0.7vw);
	 	scrollbar-width: none;}
	
	div#left {
		border: 1px solid white;
		color: black;
		width:49%;
		display: inline-block;
		margin-left: auto;
    	margin-right: auto;
		height:700px;
		overflow: scroll;
		padding-bottom: 200px;
		background-color: white;
}

	div#right {
		border: ;
		width:49%;
		display: inline-block;
		margin-left: auto;
    	margin-right: auto;
		height:700px;
		overflow: scroll;
		padding-bottom: 200px;
		background-color: #21632c;
	}

#SPIX {
		max-width: 90%;
		text-align: center;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 5%;
    	font-family: "OCRAStd";
    	font-size: 2vw;
    	color: white;

    }

 .maintitle {
		max-width: 90%;
		text-align: center;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 5%;
    	font-family: "HelveticaLTStd-Bold";
    	font-size: 9vw;
    	color: white;
    	padding-bottom: 5px;
    	padding-top: 5px;
    }

.title {
		max-width: 90%;
		text-align: center;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 5%;
    	font-family: "OCRAStd";
    	font-size: 1.5vw;
    	color: white;
    	padding-top: 10px;
    }

   div#subtitle {
    	font-size: 1.5vw;
    	margin-top: 0;
    	color: black;

    }

	div#intro {
		max-width: 90%;
		text-align: justify;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	font-family: "HelveticaLTStd-Bold";
    	font-size: 1vw;
	}
	
	div.moduleimg{
		margin-top:50px;
		margin-bottom: 100px;}

	div.moduleimg img{ 
		max-width: 90%;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 50%;
	}
	div#bigpcb{
		max-width: 90%;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 5%;
    	padding-bottom: 20%;
	}

	div#tisa2 img{
		max-width: 50%;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 50%;
	}

	.output{ 
		max-width: 90%;
		display: block;
    	margin-left: auto;
    	margin-right: auto; 
    	padding-top: 5%; 
	}

	.code {
		max-width: 90%;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
    	background-color: transparent;
    	border: 0.1em solid grey;
    	margin-bottom: white;
    	color: white;
    	font-family: "OCRAStd";
    	font-style:;
    	font-weight: 0.1%;
    	font-size: 13px;
    	padding-top: 1%;
    	}

.collapsible {
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border:solid black 1px;
}

.active, .collapsible:hover {
  background-color:black;
  color:white;
}

.extended {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.moduletext{
	font-family:  "OCRAStd";
	text-transform: uppercase;
}

div.links{
	border-bottom:solid black 1px;
	font-family: "Helvetica";
	font: green;
	padding: 15px;
}

a.link_title{
	color: green;
	text-decoration: none;
}

.link_title{
	padding-right: 70px;

}

	.st0{fill:#348040;stroke:#FFFFFF;stroke-width:0.28;stroke-miterlimit:10;}
	.st1{fill:none;stroke:#FEBF10;stroke-width:1.2;}
	.st2{fill:none;stroke:#FEBF10;stroke-width:1.28;}
	.st3{fill:none;stroke:#F5BD17;stroke-width:1.22;}
	.st4{fill:none;stroke:#F5BD17;stroke-width:0.71;}
	.st5{fill:#010101;}
	.st6{fill:none;stroke:#F5BD17;stroke-width:1.7;}
	.st7{fill:none;stroke:#FEBF10;stroke-width:1.44;}
	.st8{fill:none;stroke:#F5BD17;stroke-width:1.13;}
	.st9{fill:none;stroke:#F5BD17;stroke-width:1.35;}
	.st10{fill:none;stroke:#F08A21;stroke-width:1.73;stroke-linecap:round;}
	.st11{fill:none;stroke:#F1C618;stroke-width:1.73;stroke-linecap:round;}
	.st12{fill:#FFFFFF;}
	.st13{font-family:'OCRAStd';}
	.st14{font-size:5.02px;}
	.st15{fill:none;stroke:#FFFFFF;stroke-width:0.9;stroke-miterlimit:10;}
	.st16{fill:none;stroke:#FFFFFF;stroke-width:0.58;}
	.st17{fill:none;stroke:#F1F0F0;stroke-width:0.2;stroke-linecap:round;}
	.st18{fill:none;stroke:#010101;stroke-width:0.36;stroke-linecap:round;}
	.st19{fill:none;stroke:#F1F0F0;stroke-width:0.58;stroke-linecap:round;}
	.st20{fill:none;stroke:#FFFFFF;stroke-width:0.72;}
	.st21{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;stroke-linejoin:round;}
	.st22{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;}
	.st23{font-family:'ArialMT';}
	.st24{font-size:5px;}
	.st25{font-size:3px;}
	.st26{fill:none;stroke:#F5BD17;stroke-width:1.79;}
	.st27{fill:none;stroke:#F1F0F0;stroke-width:1.42;}
	.st28{font-size:7.2px;}
	.st29{font-size:13.57px;}
	.st30{font-size:11.44px;}
	.st31{font-size:7.16px;}
	.st32{font-size:6.27px;}
	.st33{fill:none;stroke:#FFFFFF;stroke-width:0.36;}
	.st34{font-size:4.6px;}
	.st35{fill:none;stroke:#FAA538;stroke-width:0.85;}
	.st36{fill:none;stroke:#F5BD17;stroke-width:1.1;}
	.st37{fill:none;stroke:#F5BD17;}
	.st38{fill:none;stroke:#F08A21;stroke-width:1.44;stroke-linecap:round;}
	.st39{fill:none;stroke:#FDDE69;stroke-width:0.85;}
	.st40{fill:none;stroke:#F1C618;stroke-width:1.44;stroke-linecap:round;}
	.st41{fill:none;stroke:#F1F0F0;stroke-width:0.58;}
	.st42{fill:none;stroke:#FFFFFF;stroke-width:0.36;stroke-linecap:round;}
	.st43{fill:none;stroke:#FFFFFF;stroke-width:0.58;stroke-linecap:round;}
	.st44{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
	.st45{font-size:5.45px;}
	.st46{font-size:4.36px;}
	.st47{font-size:6.54px;}
	.st48{fill:#F5BD17;}
	.st49{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;stroke-linejoin:round;}
	.st50{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;}
	.st51{fill:none;stroke:#F1F0F0;stroke-width:0.36;}
	.st52{fill:none;stroke:#F1F0F0;stroke-width:0.36;stroke-linecap:round;}
	.st53{fill:none;stroke:#F5BD17;stroke-width:0.86;}
	.st54{font-size:4.25px;}
	.st55{fill:none;stroke:#FFFFFF;stroke-width:0.43;stroke-linecap:round;}
	.st56{fill:none;stroke:#FFFFFF;stroke-width:0.43;}
	.st57{font-size:11.81px;}
	.st58{font-size:8.1px;}
	.st59{font-size:7.73px;}
	.st60{font-size:4.61px;}
	.st61{fill:none;stroke:#FAA538;stroke-width:1.13;}
	.st62{fill:none;stroke:#FDDE69;stroke-width:1.13;}
	.st63{font-size:4.04px;}
	.st64{font-size:2.97px;}
	.st65{font-size:3.9px;}
	.st66{fill:none;stroke:#F5BD17;stroke-width:1.36;}
	.st67{fill:none;stroke:#F1F0F0;stroke-width:1.98;}
	.st68{font-size:4.78px;}
	.st69{font-size:6.68px;}
	.st70{font-size:4.1px;}
	.st71{font-size:9.93px;}