<?php
/*<outscirt><version>20181028</version></outscirt>*/
?>
<style>
body {
  margin: 0;
  padding: 0;
  border: 0;
}

#O__header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	display: flex; 
	z-index: 0;
}

#O__menuSwitch {
	display: none;
}

#O__header section:nth-child(1) {
	width: 50%;
	line-height: 1rem;
	padding-left: 5px;
}


#O__header section:nth-child(2) {
	width: 50%;
	line-height: 3rem;
	text-align: right;
	padding-right: 20px;
}

#O__content {
	left: 0;
	width: 100%;
	margin-top: 3rem;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
}

#O__content section:nth-child(1) {
	width: 250px;
}

#O__content section:nth-child(2) {
	width: 100%;
	padding: 20px 5px 20px 5px;
}

#O__navPTadmin {
	padding: 5px 5px 5px 5px;
}

#O__footer {	
	height: 2rem;
	padding: 0px 5px 0px 5px;
}

@media screen and (max-width: 640px) {

	#O__menuSwitch {
		display: block;
		float: left;
	}
	
	#O__content {
		display: block;
	}
	
	#O__content section:nth-child(1) {
		width: 100%;
		display: none;
	}
	
	#O__content section:nth-child(2) {
		width: 93%;
	}
}
</style>

<script>
function O__elementToggle(identifier){
	
	var O__element = document.getElementById(identifier);
	
	if (O__element.style.display === "block"){
		O__element.style.display = "none";
	} else {
		O__element.style.display = "block";			
	}
}
</script>
