.own_content {
  /*max-width: 1100px;*/
	/*display: table;*/
	/*width: 100%;*/
  /*min-height: 100vh;*/
	/*
	margin-right: auto;
	margin-left: auto;
	*/
	/*background-color: #FFF;*/

	overflow: auto;
  margin: 0 auto;
	width: 50em;
	
	/*height: 100%;*/
  min-height: calc(100% - 16em - 7vh);
}

.own_item_content {
	display:block;
  /*max-width: 1100px;*/
	width: 100%;
	/*
	height: 100%;
	min-height: 100vh;
  */
	/*min-height: calc(100% - 4em);*/
  min-height: calc(100% - 16em - 7vh);
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: auto;
	/*background-color: #FFF;	*/
}

.content_title {
	display: none;
	
}

.content_panel {
	display: table;
	/*border-collapse: separate;*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
	/*height: 110px;*/
	/*width: 80%;*/
	width: 44em;

  background-repeat: no-repeat;
  background-image: 
		linear-gradient(to right, #039, white), 
		linear-gradient(white, #039), 
		linear-gradient(to right, white, #039),
		linear-gradient(#039, white);
  /*background-size: 4px 50%, calc(100% - 4px) 10%;*/
  /*background-size: 60% 2px, 2px 50%, 20% 2px, 2px 50%;*/
  /*background-size: 40% 2px, 2px 60%, 40% 2px, 2px 60%;*/
  background-size: 20em 2px, 2px 5em, 20em 2px, 2px 5em;
  background-position: 0 0, bottom right, bottom right, 0 0;
}

/*
.content_panel:nth-of-type(1) {	margin-left: 30px;}
.content_panel:nth-of-type(2) {	margin-left: 40px;}
.content_panel:nth-of-type(3) {	margin-left: 50px;}
.content_panel:nth-of-type(4) {	margin-left: 70px;}
.content_panel:nth-of-type(5) {	margin-left: 100px;}
*/

.content_panel_up p {
  padding: 3% 1% 1% 5%;
}

.content_panel_down {
}

.content_panel_down p  {
	/*padding: 1.5% 25% 5% 10%;*/
	padding: 1% 10% 1% 5%;
	text-align: justify;
	font-size: 100%;
}

.content_panel_link {
	float: right;
	padding: 0px 20px 10px 10px;
}

.content_panel:hover {
	background-repeat: no-repeat;
  /*
	background-image: 
		linear-gradient(to right, #039, white), 
		linear-gradient(white, #039), 
		linear-gradient(to right, white, #039),
		linear-gradient(#039, white),
		linear-gradient(165deg, #039, rgba(200, 200, 255, 0.1) 30%, rgba(200, 200, 255, 0.1) 70%, #039);

	background-size: 20em 2px, 2px 5em, 2em 2px, 2px 5em, 100% 100%;
  background-position: 0 0, bottom right, bottom right, 0 0,0 0;
  */		
  /*background-size: 4px 50%, calc(100% - 4px) 10%;*/
  /*background-size: 60% 2px, 2px 50%, 20% 2px, 2px 50%;*/
	/*background-size: 40% 2px, 2px 60%, 40% 2px, 2px 60%, 100% 100%;*/	
	
  background-image: 
		linear-gradient(165deg, #039, rgba(200, 200, 255, 0.1) 30%, rgba(200, 200, 255, 0.1) 70%, #039);
  background-size: 100% 100%;
  background-position: 0 0;
}

.content_panel_link:hover {
	/*color: white;*/
	/*background-color: blue;*/
  /*background-color: #006699;*/
	/*background: rgba(255, 255, 255, 0.1);*/
}

.content_title_main p:before, .content_panel_up p:before {
  /*content:"•";*/
	content:"◙";
}


.own_content_main h1:before {
	content:"◙";
}

.content_title p, .content_title_main p {
  padding-left: 10%;
}


.content_title p, .content_title_main p, .content_panel_up p, .own_content_main h2 {
	color: #2B63B7;
	font-weight: bold;
	/*font-size: 170%;*/
	/*font-size: 4.2vmin;*/
	font-size: 140%;
	/*text-shadow: 1px 1px 1px rgba(200, 200, 200, 1.0);*/
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1.0);
}

.own_content_main h2 {
	padding-top: 3%;
	/*padding-left: 5.5%;*/
	padding-left: 3.5%;
}

.content_title_main p, .own_content_main p {
	padding-left: 3%;
	padding-right: 3%;
	text-align: justify;
}

.content_title_main p {
	padding-top: 2%;
}

.own_content_main p {
	padding-top: 1.5%;
	/*
	padding-right: 1.5%;
	*/
	/*font-size: 100%;*/
	/*width: 80%;*/
	/*text-align: justify;*/
}

.own_content_main h1 {
	padding-top: 1.5%;
	padding-right: 1.5%;
	padding-left: 3.0%;
	color: #2B63B7;
	font-size: 140%;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1.0);
}

.own_content_main > p:last-of-type {
  padding-bottom: 1%;
}

.content_title_main {
	/*
	margin-right: auto;
	margin-left: auto;
	*/
  margin: 0 auto;
	/*margin-left: 100px;*/
	/*float: right;*/
  /*width: 95%;*/
	/*width: 50em;*/
	/*border-left: medium solid #003366; */
	/*border-left: 3px solid #003366; */
  /*font-weight: bold;*/
	/*display: block;*/
}

.own_item_content {
  background: white;
}

.own_item_content_side {
  /*width: 95%;*/
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	/*float: right;*/
	/*border-left: medium solid #003366;*/
}

.own_content_main {	
	position: relative;
	/*position: absolute;*/
	/*display: table;*/
	
	/*
	margin-right: auto;
	margin-left: auto;
	*/
	/*left: calc(50% - 50em/2);*/
	/*top: 200px;*/
	/*bottom: 4em;*/
	/*float: right;*/
  /*width: 95%;*/

	margin: 0 auto;
	width: 50em;
	/*border-left: 3px solid #003366;*/
	/*border-left: 3px solid #33CCCC;*/
	/*overflow: auto; */
	/*font-size: 100%;*/
	/*font-weight: bold;*/
  /*min-height: calc(100vh - 28.9em);*/
 
  /*height: 100%;*/
	
	/*height: 67vh;*/ /* 100vh - 20vh (Header) - 7vh (Footer)*/
  /*min-height: 56vh;*/
	/*min-height: 100%;*/
	/*min-height: 80px;*/
	/*font-size: 1.8vmin;*/
	/*font-size: 1.8vmax;*/
	/*font-size: calc(0.45em + 1vmin);*/
	/*border: 1px solid green;*/
}

.own_content_main img, .content_title_main img {
	float: right;
	/*margin: 20px;*/
	margin: 3% 3% 5% 5%;
	/*width: 190px;*/
	width: 15%;
}

.section_table {
  margin-left: auto;
  margin-right: auto;
	display: table;
  /*
	border-collapse:separate;
	border-spacing: 10px 0px;
	*/
	width: 95%;
	padding: 5px;
}

.section_table_row {
	display: table-row;
}

.section_table_caption {
	display: table-cell;
	width: 48%;
	/*width: 100%;*/
}

.section_table_void {
	display: table-cell;
	width: 0%;
}

.section_table_frame {
	display:table-cell;
  vertical-align: middle;
	/*padding: 0% 3% 0% 0%;*/
	margin:  0% 0% 0% 0%;
	/*margin-right: 10px;*/
	border: 2px solid #003366;
}

.inside_section {
	/*display: block;	*/
	/*display: table;*/
	/*overflow: hidden;*/
  overflow: hidden; 
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 1%;
	z-index: -1;
}

/*=====================*/
/*  TRANSPARENT STYLE  */
.own_content, .content_title {
	background-color: #FFF;	
}

/*=====================*/

.text_section {
  overflow: hidden; 
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 0%;
}

.inside_float_section {
	/*display: block;	*/
	/*display: table;*/
	/*overflow: hidden;*/
  overflow: hidden; 
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: 1px solid red;
	/*height: auto;*/
	/*position: relative;*/
}

.img_float_container{
	/*height: 100%;	*/
	/*display: table-cell;*/
	display: table;
	float: left;
	width: 50%;
	padding: 15px;
	/*height: 100%;	*/
	/*height: 500px;*/
	height: 13%;
	/*
	margin-bottom: -99999px;
  padding-bottom: 99999px;
	*/
}

.img_float_section {
	/*display: block;*/
	/*height: 100%;*/
	/*
	display: flex;
  align-items: center;
  justify-content: center 
	*/
	/**/
	display: table-cell;
  vertical-align: middle;
	/*
	position: relative;
	position: absolute;	
	top: 50%;
  transform: translateY(-50%);
	*/
	padding: 5px;
	border: 1px solid orange;
}

.caption_section {
	display: -ms-flexbox;
  display: flex;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid red;*/
	padding: 5px 5px 0px 5px;
}

.inside_flex_section {
  /*
	display: table;
	border-collapse:separate;
	border-spacing: 10px 0px;
	*/
	/*display: -ms-flexbox;*/
  display: flex;
	/*display: block;	*/
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	/*overflow: auto;*/
	/*height: 30%;*/
	padding: 0px 5px 5px 5px;
	height: auto;
	position: relative;
}

.inside_flex_section p {
	padding: 0px;
	margin: 0px;	
	padding-top: 0%;
	line-height: 140%;
}

.img_container {
	/*display: block;*/
	/*display: table-column;*/
	/*display: table-cell;*/
	/*overflow: auto;*/
	/*position: relative;*/
	/*float: left;*/
	width: 50%;
	margin: 0% 2% 0% 0%;
}

.inside_flex_section .img_container {
	border: 5px solid #003366;
}

.img_section {
	position:relative;
	top: 50%;
  transform: translateY(-50%);
}

.img_caption p, .section_table_caption p {
	display: inline-block;
	position: relative;
	padding: 0.4em 0.8em 0.4em 0.8em;
	background-color: #003366;
	color: white;
}

.img_container pp, .img_container_w p{
	position: absolute;
  padding: 0.4em 0.8em 0.4em 0.8em;
	margin-left: 0px;
	background-color: #003366;
	color: white;
	/*width: 80%;*/
}

.mimg img {
  width: 100%;
	border: 1px solid cyan;
}

.img_container_w {
	float: left;
	padding: 1.5% 3% 0% 0%;
  width: 100%;
	margin-top: 0%;
	position: relative;
}

.mimg p a, .img_container_l p a, .img_container_w p a{
	color: #00CCFF;
}

li::marker {	color: red; }

.cform {
	margin:0 auto;
	/*width:400px;*/
	padding:10px 10px 10px 10px;
	margin-left: 10px;
	margin-right: 10px;
	/*border: 2px solid #ccc; */
 	border-top: 10px; 
	border-right: 20px; 
	border-bottom: 20px; 
	border-left: 20px;
	border-style: solid;
	border-color:  #f2f2f2;
	/*border: 20px solid #f2f2f2; */
	border-radius: 5px;
  background-color: #f2f2f2;
}

input[type=text], select, textarea {
  width: 100%; 
  padding: 12px; 
  /*border: 1px solid #ccc; */
	border: 1px solid #003366;
  border-radius: 4px; 
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 2px; 
  margin-bottom: 10px; 
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit] {
	/*background-color: #4CAF50;*/
	background-color: #003366;
	color: white;
  padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #A4D1FF;  /*background: rgba(255, 255, 255, 0.1);*/
	color: black;
}

.own_content { 
border-left: 3px solid #003366; 
}

/*
.content_title_side { border: 1px  solid blue;}
.own_content_side { border: 1px  solid yellow;}
.content_title_main { border: 1px  solid magenta;}
.own_content_main { border: 1px  solid cyan;}
*/

/*
.content_title { border: 1px  solid #0C3;}
.own_content { border: 1px  solid #963;}
.own_content_main { border: 1px  solid #963;}
.side_column   { border: 1px  solid #963;}
.main_article  { border: 1px dashed #0C3;}
*/

@media screen and (max-width: 1116px) {
	/*
	.container { width: 100%;}
	.inside_header {width: 98%;}
	.inside_footer {width: 98%;}
	*/
	.container { width: 100%;	}
	.content_title { width: 100%;}
	/*.own_content {width: 100%;}*/
}

@media screen and (max-width: 1000px) {
	.own_content {        min-height: calc(100% - 15em - 7vh);}
}

@media screen and (max-width: 840px) {
	/**/
  .content_panel_up p {font-size: 1.0em; }
  .content_panel_down p {font-size: 0.8em; }
	.content_panel_link { font-size: 0.8em; }
	.own_content {        min-height: calc(100% - 15em - 7vh);}
	/**/
}

@media screen and (max-width: 815px) {
	/*.content_panel { width: 100%;	}*/
	.own_content {
	  width: 100%; 
	}
	
	.own_content_main { 
	  width: 100%; 
  	border-left: 0px solid #003366; 
	}
	
  .content_title_main {
	  width: 100%; 
  	border-left: 0px solid #003366; 
	}
	
  .own_item_content_side { 
    width: 100%;
    border: none;
  }
}

@media screen and (max-width: 780px) {
	.content_panel { width: 90%;	}
	/*.own_content_main { width: 100%; }*/
  /*.content_title_main {width: 100%;  }*/
}

@media screen and (max-width: 740px) {
  /*.logo {   width: 40%;}*/
  .navbar { width: 200px;}
}

@media screen and (max-width: 600px) {
	.own_content { min-height: calc(100% - 13em - 7vh);}
	.content_title_main p, .own_content_main p {
		padding-left: 5%;
		padding-right: 5%;
	}
	.own_content_main p {
		font-size: 90%;
	}
	
	label { font-size: 90%; }
	input[type=text] { padding: 6px;}
	.cform {
		/*
		padding:1px 10px 5px 10px;
		margin-left: 10px;
		margin-right: 10px;
		*/
		border-top: 10px; 
		border-right: 10px; 
		border-bottom: 10px; 
		border-left: 10px;
	}
}

@media screen and (max-width: 555px) {
	/*.content_title p{          font-size: 170%;   }*/
	.img_container, .img_container_l,	.img_container_w {
	  width: 100%;
    /*padding: 4% 3% 0% 0%;*/
  }
}

@media screen and (max-width: 480px) {
	.own_content { min-height: calc(100% - 11em - 7vh);}
}

@media screen and (max-width: 455px) {
	.img_container_l, .img_container_w {
    padding: 3% 3% 0% 0%;
  }
	.content_title_main p {
		font-size: 120%;
	}
}

@media screen and (max-width: 410px) {
	.own_content { min-height: calc(100% - 11em - 7vh);}
}