.body_main_fl1{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	/* origin */
	/* #top{border-top:3px solid #a32d2a} */

	embed:focus{outline: none;}

	/* flavor 1 */
	background-color: #f0e498;

}


.embed_background_fl1 {
	/* # flavor 1 */
	/* background-color: #a9f3ba; */
	
	.whois_header {
		text-align: center;
	}

	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	
	
}


.body_main_fl2{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	/* origin */
	/* #top{border-top:3px solid #a32d2a} */

	embed:focus{outline: none;}

	/* flavor 2 */
	background-color: #00d0aa;

}

.embed_background_fl2 {

	/* flavor 2 */
	/* background-color: #cce6ff; */

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	
	
} 


.body_main_fl3{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	/* origin */
	/* #top{border-top:3px solid #a32d2a} */

	embed:focus{outline: none;}

	/* flavor 3 */
	background-color: #eb4034;
}


.embed_background_fl3 {

	/* # flavor 3 */
	/* background-color: #e1eb34;*/

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	
	
}


.body_main_fl4{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}

	background-color: #00F049;
}


.embed_background_fl4 {
	
	/* background-color: #FF9C40; */

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	
	
}



.body_main_fl5{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;
	
	embed:focus{outline: none;}

	background-color: #007DBF;
}


.embed_background_fl5 {
	
	/* background-color: #FF9933; */

	.whois_header {
		text-align: center;
	}

	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	
	
}



.body_main_fl6{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}

	background-color: #3333FF;
}


.embed_background_fl6 {

	/* background-color: #33CCFF; */

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
		}	
}



.body_main_fl7{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}

	background-color: #33CE61;
}


.embed_background_fl7 {
	
	/* background-color: #FF64B8; */

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
	}	


}


.body_main_fl8{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}

	background-color: #5EFF00;
}


.embed_background_fl8 {
	
	/* background-color: #FF00C8; */

	.whois_header {
		text-align: center;
	}


	a {
  		outline-color: transparent;
	}

	a:link {
		  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
		}	
}






.body_main_fl9{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}
	
	background-color: #5EFF00;
}


.embed_background_fl9 {
	
	/* background-color: #00CCE0; */

	.whois_header {
		text-align: center;
	}


	a {
		outline-color: transparent;
	}
	a:link {
	  color: #6900ff;
	}

	a:visited {
		  color: #a5c300;
	}

	a:focus {
		  text-decoration: none;
		  background: #bae498;
	}

	a:hover {
		  text-decoration: none;
		  background: #cdfeaa;
	}

	a:active {
		  background: #6900ff;
		  color: #cdfeaa;
		}	
}





.body_main_fl10{

	display:grid;
	align-content: center;
	grid-template-columns: 2fr 1fr;

	embed:focus{outline: none;}

	background-color: #003E7E;

}



.embed_background_fl10 {
	
	/* background-color: #663399; */
	.infotext {
		color: white;
	}

	.whois_header {
		text-align: center;
		color: white;
	}

  	a {
		outline-color: transparent;
	}

	a:link {
	  color: #6900ff;
	}

	a:visited {
	  color: #a5c300;
	}

	a:focus {
	  text-decoration: none;
	  background: #bae498;
	}

	a:hover {
	  text-decoration: none;
	  background: #cdfeaa;
	}

	a:active {
	  background: #6900ff;
	  color: #cdfeaa;
	}	


}



/* div main */
.main {


	font-size:1em;
	/* max-width:74.92em; */
	width:60vw;
	/* width: 80%; */
	padding: 1em;
	margin: 1em auto;
	background:white;
	border:.1em solid #bbb;
	border-top:0;
	border-bottom:0;
	border-inline:0;
	-moz-box-shadow:0 0 5px 5px #bbb;
	-webkit-box-shadow:0 0 5px 5px #bbb;
	-icab-box-shadow:0 0 5px 5px #bbb;
	-o-box-shadow:0 0 5px 5px #bbb;
	box-shadow:0 0 5px 5px #bbb;
	overflow: auto;

	h1 {
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.2em;
	}
}

/* div margin  */
.margin {

	/* width: 20%; */
	width:20vw;
	font-size:1em;
	padding: 1em;
	margin: 1em auto;
	background:white;
	border:.1em solid #bbb;
	border-top:0;
	border-bottom:0;
	border-inline:0;
	-moz-box-shadow:0 0 5px 5px #bbb;
	-webkit-box-shadow:0 0 5px 5px #bbb;
	-icab-box-shadow:0 0 5px 5px #bbb;
	-o-box-shadow:0 0 5px 5px #bbb;
	box-shadow:0 0 5px 5px #bbb;

	/*
	display: grid; 
	grid-auto-rows: minmax(100px, auto);
	align-content: center;
	grid-template-columns: 1fr;
	align-self: center;
	justify-self: center;
	row-gap: 1em
	*/
} 

.title_maps {
  text-align: left;
  font-size: small;
}

div{padding:0;margin:0}.inner{overflow:hidden}

#top{border-top:3px solid #a32d2a}
/* embed:focus{outline: none;} */
/*embed{border: 2px solid blue; vertical-align: top;}*/
.wrapper{ 
	
	display: grid; 
	align-content: center;
	grid-template-columns: 1fr 1fr;
	align-self: center;
	justify-self: center;

	column-gap: 1em;
	/* grid-auto-rows: minmax(100px, auto); */  	
	/* row-gap: 1em; */

}

.margin_wrapper{ 
	
	display: grid; 
	align-content: center;
	grid-template-columns: 1fr; 
	align-self: center;
	justify-self: center;
	
	grid-template-rows: repeat(10, 1fr);
	/* height: 100%;
	width: 100%; */
	/* grid-template-rows: minmax(0, 100%);	*/
	/* grid-auto-rows: max(100px, 1fr); */
	/* grid-auto-rows: 1/6; */
	/* grid-auto-rows: 1fr; */

	grid-gap: 1px;
	/* column-gap: 1em; */ 	
	/* row-gap: 1em; */

	/*
	grid-template-areas:
    	"a"
    	"b"
    	"c"
    	"d"
	"e"
	"f";
	
	align-items: start;
	*/
	
}

.line{

	width: 100%;
	border: 1px solid black;
	position: center top;

}

.footer{ 
	
	display: grid; 
	align-content: center;
	grid-template-columns: 2fr 1fr;
	align-self: center;
	justify-self: center;

	/* font-size: 80%;*/
	text-align: start;
	column-gap: 1em;
	/* grid-auto-rows: minmax(100px, auto); */  	
	/* row-gap: 1em; */

}


.link1 {
  /* grid-area: a; */
  /* grid-row: 1; */
  background-color: rgb(255, 255, 128);

}
.link2 {
  /* grid-area: b; */
  /* grid-row: 2; */
}
.link3 {
  /* grid-area: c; */
  /* grid-row: 3; */
  background-color: rgb(255, 255, 128);
}

.link4 {
  /* grid-area: d; */
  /* grid-row: 4; */
}
.link5 {
  /* grid-area: e; */
	background-color: rgb(255, 255, 128);
      	/* grid-row: 5; */
}
.link6 {
  /* grid-area: f; */
  /* grid-row: 6; */
}

/*
.ct1 {
	grid-area: aa;
	grid-row: 10%;
}

.ct2 {
	grid-area: bb;
	grid-row: 10%;
}

.ct3 {
	grid-area: cc;
	grid-row: 10%;
}

.ct4 {
	grid-area: dd;
	grid-row: 10%;
}


.ct5 {
	grid-area: ee;
	grid-row: 10%;
}
*/



/* origin */
/* html{background:#e4e4e4} */

/* flavor 1
html{background:#cce6ff}
*/



.ip {
	text-align: center; 
	background-color: white;
	color: black;
	grid-auto-rows: minmax(100px, auto); 
	font-size: large;
	border: solid;
}

.embed_style {

	background-color: white;
	color: black;
	/* border: solid; */
	grid-auto-rows: minmax(100px, auto);
	width: 100%;
	height: 42px; 
}

.whois {
	/* table-layout: fixed;*/
 	width: 100%;
 	/* min-width: 1000px;*/
 	margin: 0 auto;
 	border-collapse: collapse;
	border-spacing: 0;
	/* background-color: LightBlue;*/
	align: center;

	td {
  		padding: 0.2em;
	}
	tbody tr:nth-child(odd) {
  		background-color: #eee;
	}

	tbody td:first-of-type {
  		width: 20%;
	}

	tbody td:nth-child(even) {
		text-align: left;
  		width: 50%;
	}

	tbody td:last-of-type {
  		width: 30%;
	}


	.small_left {
		font-size: small;
		text-align: left;
	}

	.small_right {
		font-size: small;
		text-align: right;
	}

	/* vertical-align: bottom; */
}

.item1 {
	align-self: center;
	justify-self: center;
}


.item2 {
	/* overflow: scroll; */
	align-self: center;
	justify-self: center;
}

/* google maps */
.fit_picture {

	max-width: 100%;
	width: 450;
	height: 250;
}

.osm_maps {
	max-width: 100%;
}


/* Memo: to refresh CSS in Firefox: CTRL+SHIFT+R */