@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {overflow-y: scroll;height:100%;}

body 
{ 
	margin:0; 
	padding:0px 0px 0px 0px; 
	border:0; 
	height:100%; 
		/* 20 pixel height */
	font-family: 'Open Sans', sans-serif;	/* Font to use */
	background-color:#d3b5d7;
	font-size: 14px;
	line-height:18px;	/* 16 pixels height */
	font-weight: 400;
} 

.rinfo {
	font-family: 'Open Sans', sans-serif;
	color: #666666;
	font-size: 14px;
	line-height:18px;	/* 16 pixels height */
}

.mainmenu_select {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 18px;
	line-height:32px;	/* 16 pixels height */
	font-weight: 800;
	text-decoration: none;
}

.mainmenu {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 14px;
	line-height:21px;	/* 16 pixels height */
	font-weight: 400;
	text-decoration: none;
}

.rname2 {
	font-family: 'Open Sans', sans-serif;
	color: #cc0000;
	font-size: 14px;
	line-height:18px;	/* 16 pixels height */
	font-weight: 600;
}

.rname1 {
	font-family: 'Open Sans', sans-serif;
	color: #cccc00;
	font-size: 14px;
	line-height:18px;	/* 16 pixels height */
	font-weight: 600;
}

.rname0 {
	font-family: 'Open Sans', sans-serif;
	color: #006600;
	font-size: 14px;
	line-height:18px;	/* 16 pixels height */
	font-weight: 600;
}

.menu {
  float:left;
  width:50%;
  text-align:left;
  padding:0px 7px;
}
.menu a {
  padding:0px;
  margin-top:0px;
  display:block;
  width:100%;
  color:black;
}

.main {
  float:left;
  width:50%;
  padding:0px 7px;
  text-align:left;
}

.main3 {
  float:left;
  width:33%;
  padding:0px 7px;
  text-align:left;
}

ul {
	list-style-type:square;
    margin: 14px; /* To remove default bottom margin */ 
    padding-left: 10px; /* To remove default left padding */
}

li {
	width: 100%;
	padding:0px 0px 0px 2px; 
	font-weight: 400;
	line-height:24px;	/* 20 pixel height */
}

ol {
	list-style-position: outside;
    margin: 26px; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
	font-weight: 400;
	line-height:24px;	/* 20 pixel height */
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #888888;
    margin: 0.1em 0;
    padding: 1px; 
}

.box { 
	padding:0px 10px;
	/* border: 1px dotted; */
	/* height: 100px; */
	width: 100%; 
	/* background-color: lightgreen; */
	display: none; 
} 
/* Check if the screen size is at least 600px */ 
@media only screen and (min-width: 620px) { 
	.desktop { 
		display: block; 
	} 
}
  
/* check if the screen size is at least 100px */ 
@media only screen and (max-width: 619px) { 
	.mobile { 
		display: block; 
	} 
}
        
@media only screen and (max-width:620px) {
	/* For mobile phones: */
	.menu, .main, .main3 {
	width:100%;
	}

	li {
	width: 100%;
	float: none;
	}

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #888888;
		margin: 0.1em 0;
		padding: 1px; 
	}
}