body{
  margin:0;
  font-family:"open sans";
 }
 div.full_screen-visible{
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	visibility:visible;
	text-align:center;
	padding-top:50;
	overflow:auto;
	/*opacity: 0.95;*/
}
div.full_screen-hidden{
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	display: none;
	visibility:hidden;
	text-align:center;
}
 div.menu{
  height:100%;
  width:100%;
  visibility:hidden;
  position:fixed;
  z-index:1;
  /*background-color:#582900;*/
  background-color:#FFFFFF;
  padding:10;
  overflow: scroll;
  /*opacity: 0.9;*/
 }
  li.menuItemH{
  list-style-type:none;
  font-size:20;
  font-weight:bold;
  margin-bottom:5;
 }
 li.menuItem{
  list-style-type:none;
  font-size:13;
  margin-bottom:5;
 }
 img.menuItem{
  height:30;
  vertical-align:middle;
  border:0;
 }
 a.menuItem{
  font-weight:bold;
  color:#000000;
  text-decoration:none;
 }
  a.menuItem:hover{
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
 }
 img.menuItem{
  v-align:absmiddle;
  max-height:25;
 }
 div.menuTop{
  background-color:#000000;
  font-weight:bold;
  color:#FFFFFF;
  padding:15;
  margin-bottom:5;
 }
 div.logo{
	display:inline-block;
	width:180;
	height:20;
	text-align:left;
	border-width:0;
	border-style:solid;
	border-color:#000000;
 }
 img.logo{
	 position:absolute;
	 top:10;
 }
 img.logo{
	/* border-width:4;
	 border-color:#FFFF00;
	 border-style:solid;
	 border-radius:50%;
	 padding:0;*/
 }
 label {
	display: inline-block;
	width: 120px;
	text-align: left;
	font-weight:bold;
 }
 label.m{
	display: inline-block;
	width: 120px;
	text-align: left;
	font-weight:bold;
	color:blue;
 }
 label.mandatory{
	display: inline-block;
	text-align: left;
	font-weight:bold;
	color:blue;
 }
 input.readonly{
	background-color:#F5F5F5;
	border-width:0;
 }
 input.forms{
	position:relative;
	margin-left:60;
 }
 select.area{
	 border-width:0;
	 border-style:solid;
	 background-color:#F0F8FF;
 }
 div.header{
	min-height:18;
	font-size:28;
	color:#1434A4;
	padding:5;
	/*background-color:63340b;*/
	/*background-color:#FFD700;*/
	background-color:#EFB282;
	font-family:"Gogono Cocoa Mochi";
	border-bottom-width:0;
	border-bottom-style:solid;
	border-bottom-color:#b86614;
 }
 div.container{
	 max-width:1000;
	 margin:auto;
 } 
 div.container-body{
	 max-width:1000;
	 margin:auto;
	 padding-left:5;
	 padding-right:5;
	 
 }
 div.margin{
	height:20;
 }
 div.margin2{
	 height:10;
 }
 div.marginM{
	height:10;
 }
 div.block{
	margin-top:5;
	border-width:1;
	border-style:solid;
	border-color:#F0F0F0;
	padding:10;
	background-color:#F5F4F4;
	border-radius: 15px;
 }
 font.block_title{
	color:blue;
	font-weight:bold;
 }
 div.subItem{
	 position:absolute;
	 z-index:1;
	 margin-top:40;
	 text-align:left;
	 background-color:#FFFFFF;
	 color:#000000;
	 visibility:hidden;
	 padding:10;
	 border-width:1;
	 border-style:solid;
	 border-color:#F0F0F0;
 }
 li.menu{
	list-style:none;
	padding-top:10;
 }
 li.menu:hover{
	background-color:orange;
	color:#FFFFFF;
 }
 a.title{
	text-decoration:none;
	color:#FFFFFF;
	color:#1434A4;
 }
 div.burger{
   float:right;
   width:30;
   padding-right:10;
 }
 div.title{
  /*float:left;*/
  /*text-align:right;*/
 }
 font.a1{
  font-size:0.8em;
 }
 font.a2{
  font-size:0.6em; 
 }
 font.b1{
  font-size:0.5em;
 }
 font.b2{
  font-size:0.3em; 
 }
 font.role{
	 padding-left:5;
	 padding-right:5;
	 /*background-color:#FFD700;*/
	 background-color:#89CFF0;
	 font-weight:bold;
	 border-radius: 25px;
 }
 div.top{
	border-bottom-color:#b86614;
	border-bottom-width:1;
	border-bottom-style:solid;
 }
 div.topb{
	color:#FFFFFF;
	/*background-color:#b86614;*/
	/*background-color:#1434A4;*/
	background-color:#EFB282;
	padding:2;
	font-weight:bold;
	text-align:right;
	text-align:center;
 }
 div.button{
	display:inline-block;
	height:18;
	padding:15;
	margin-right:5;
 }
 div.button_m{
	display:inline-block;
	height:18;
	padding:15;
	margin-right:3;
 }
 div.button2{
	display:inline-block;
	height:18;
	padding:5;
	margin-right:5;
	margin-bottom:5;
	border: 1px solid #D0D0D0;
 }
 div.button3{
	display:inline-block;
	background-color:#6495ED;
	font-weight:bold;
	color:#FFFFFF;
	/*background-color:#ec9f53;*/
	height:18;
	padding:5;
	margin-left:0;
	margin-right:5;
	margin-bottom:5;
	border: 1px solid #D0D0D0;
 }
  div.button4{
	display:inline-block;
	background-color:#EE82EE;
	height:18;
	padding:5;
	margin-right:5;
	margin-bottom:5;
	border: 1px solid #D0D0D0;
 }
   div.button5{
	display:inline-block;
	background-color:#FF1493;
	height:18;
	padding:5;
	margin-right:5;
	margin-bottom:5;
	border: 1px solid #D0D0D0;
 }
 div.button_add{
	display:inline-block;
	background-color:#ec9f53;
	height:18;
	padding:5;
	margin:5;
	border: 1px solid #D0D0D0;
 }
 div.body{
 margin:auto;
 clear: both;
 padding:0;
 text-align:center;
 /*max-width:1000px;*/
 text-align:left;
 margin:0;
 }
 div.body_home{
 margin:auto;
 clear: both;
 padding:0;
 text-align:center;
 /*max-width:1000px;*/
 text-align:left;
 margin:0;
 /*background-color:#99FF99;*/
 background: url('img/IMG-20240908-WA0016.jpg');
 background-position:  center;
 background-repeat:no-repeat;
 background-size: 100%;
 min-height:100%;
 }
 div.body_home2{
 border-width:1;
 border-style:solid;
 border-color:#F5F4F4; /* #F0F0F0 */
 margin:auto;
 clear: both;
 padding:0;
 text-align:center;
 /*max-width:1000px;*/
 margin:0;
 background-color:#FAFAFA;
 /*background: url('img/IMG-20240907-WA0025.jpg');*/
 background-position:  center;
 background-repeat:no-repeat;
 background-size: 100%;
 min-height:100%;
 }
 div.body_home3{
 margin:auto;
 clear: both;
 padding:0;
 text-align:center;
 /*max-width:1000px;*/
 text-align:left;
 margin:0;
 /*background-color:#99FF99;*/
 background: url('img/IMG-20240907-WA0019.jpg');
 background-position:top;
 background-repeat:no-repeat;
 background-size: 100%;
 min-height:100%;
 }
 div.home{
	height:100%;
	text-align:center;
	padding-top:100;
	border-width:0;
	margin:0;
}
 div.home2{
	height:80%;
	text-align:center;
	padding-top:100;
	border-width:0;
	margin:0;
}
 div.home3{
	height:80%;
	text-align:center;
	padding-top:80;
	border-width:0;
	margin:0;
}
 div.home-text{
	margin-left:auto;
	/*margin-right:auto;*/
	width:60%;
	margin-right:auto;
}
div.home-block{
	padding:10;
	text-align:center;
	background-color:#FFFFFF;
	border-width:0;
	border-style:solid;
	border-color:#EFB282;
	color:#000000;
	margin-bottom:15;
	opacity:0.8;
}
div.next_game{
	padding:10;
	background-color:#FFD700;
	border-width:0;
	border-style:solid;
	/*border-color:#EFB282;*/
	color:#000000;
	margin-bottom:15;
	font-size:14;
	/*opacity:0.8;*/
}
div.flash_frame{
	padding:10;
	background-color:#FFD700;
	border-width:0;
	border-style:solid;
	/*border-color:#EFB282;*/
	color:#000000;
	margin-bottom:15;
	opacity:0.8;
}
div.flash_item{
	text-align:left;
}
div.district_list{
	text-align:center;
}
font.remaing_days{
	font-size:30px;
	background:#696969;
	color:#FFFFFF;
	font-weight:bold;
	padding:1;
	border-width:1;
	border-style:solid;
	border-color:#000000;
}
div.clickButton{
	margin-top:10;
	display:inline-block;
	background-color:#E95619;
	padding:10;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
 img.mapp{
	max-width:80%;
	max-height:60%;
 }
 img.mapp_float{
	float:left;
	max-width:60%;
	max-height:60%;
	margin-right:10;
 }
 div.member{
	display:inline-block;
	padding:15;
	margin-right:5;
	text-align:center;
	font-weight:bold;
 }
 img.member{
	border-radius:50%;
 }
 img.img_content{
	max-width:80%;
	max-height:60%;
 }
 img.img_content_float{
	max-width:80%;
	max-height:60%;
	float:left;
	margin-right:10;
 }
 img.challenge{
	float:left;
	margin-right:10;
 }
 img.warning{
	 float:left;
	 margin-right:10;
	 margin-top:0;
 }
 p.title{
	 font-weight:bold;
	 text-decoration:none;
 }
 font.selected{
	 font-weight:bold;
 }
 font.not_selected{
	 font-style:italic;
 }
 div.message-tool{
	background-color:#E9EBEE;
	min-height:25;
	margin-bottom:5;
	padding:3;
	border-width:1;
	border-style:solid;
 }
 img.message-toolbutton{
	height:24;
}
div.textarea{
	height:600;
	width:100%;
	border-style:solid;
	border-width:1;
	border-color:#D0D0D0;
	overflow:auto;
}
textarea.classic{
	max-width:90%;
}
textarea.editor{
	width:98%;
}
div.msg_header{
	 border-width:1;
	 border-style:solid;
	 border-color:#DCDCDC;
	 padding:15;
	 padding-top:10;
	 padding-bottom:10;
	 margin-bottom:10;
	 min-height:50;
}
div.msg_frame{
	min-height:40;
}	
div.msg_icon{
	padding:0;
	width:30;
	float:left;
}
div.msg_txt{
	overflow:hidden;
	padding-top:2;
}
div.message{
	width:90%;
	border-style:solid;
	border-color:#DCDCDC;
	border-width:1;
	float:left;
	margin-right:2;
}
textarea.message{
	width:90%;
	/*border-radius: 5px;*/
}
div.msg_post{
	padding:0;
	width:30;
	float:right;
}
 div.message-success{
	 border-width:1;
	 border-style:solid;
	 background-color:#FFD700;
	 border-color:#FFD700;
	 padding:20;
	 margin-bottom:10;
 }
  div.message-warning{
	 border-width:1;
	 border-style:solid;
	 background-color:#FFFF8F;
	 border-color:#FFD700;
	 padding:10;
	 margin-bottom:10;
 }
 div.message-err{
	 border-width:1;
	 border-style:solid;
	 background-color:#F08080;
	 border-color:#F08080;
	 padding:20;
	 margin-bottom:10;
 }
 div.message-info{
	 border-width:1;
	 border-style:solid;
	 background-color:#ADD8E6;
	 border-color:#F08080;
	 padding:20;
	 margin-bottom:10;
 }
 div.message-challenge_parent{
	 text-align:center;
	 margin-left:auto;
	 margin-right:auto;
 }
 div.message-challenge{
	 border-width:1;
	 border-style:solid;
	 background-color:#E95619;
	 display:inline-block;
	 /*background-color:#ADD8E6;*/
	 border-radius:15px;
	 border-color:#F08080;
	 padding:10;
	 margin-bottom:10;
	 font-size:20;
 }
  div.team-header{
	 border-width:1;
	 border-style:solid;
	 background-color:#DCDCDC;
	 border-color:#D3D3D3;
	 padding:5;
	 margin-bottom:10;
	 font-size:15;
 }
  div.year{
	 display:inline-block;
	 background-color:#B0E0E6;
	 border-width:0;
	 padding:10;
	 margin-right:10;
  }
  div.message-winner{
	 border-width:2;
	 border-style:solid;
	 /*background-color:#ADD8E6;*/
	 border-color:#F08080;
	 padding:10;
	 margin-bottom:10;
	 min-height:110;
 }
  img.winner{
	 float:left;
	 clear:both;
	 margin-right:30;
 }
 img.stats{
	 margin-top:40;
	 border-width:1;
	 border-style:dashed;
	 border-color:#DCDCDC;
 }
 div.info{
	 border-width:1;
	 border-style:solid;
	 border-color:#DCDCDC;
	 padding:20;
	 margin-bottom:10;
	 background-color:#FFFFFF;
 }
 div.pub{
	 border-width:1;
	 border-style:solid;
	 border-color:#6495ED;
	 padding:20;
	 margin-bottom:10;
	 background-color:#FFFFFF;
 }
 div.left{
	float:left;
	width:10;
	transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: center;
	font-weight:bold;
	/*background-color:gray;
	height:100%;*/
 }
 div.right{
	 margin-left:20;
 }
 div.district{
	display: grid;
	grid-template-columns: 150px 400px;
	grid-template-rows: 120px;
	margin-top:5;
	border-width:1;
	border-style:solid;
	border-color:#F0F0F0;
	padding:10;
 }
 div.districtLeft{
	grid-column: 1; grid-row: 1;
	text-align:center;
 }
 div.districtRight{
	grid-column: 2; grid-row: 1;
 }
 td.header{
	font-weight:bold;
	background-color:#DCDCDC;
	padding:5;
 }
 td.alternate0{
	background-color:#FFFFFF;
 }
 td.alternate1{
	background-color:#F5F5F5;
 }
 td.row{
	 border-bottom-width:1;
	 border-bottom-style:solid;
	 border-bottom-color:#DCDCDC;
 }
 td.focus0{
	background-color:#ffcccc;
	font-weight:bold;
 }
 td.focus1{
	background-color:#ffb2b2;
	font-weight:bold;
 }
 td.focus2{
	background-color:#E6E6FA;
	font-weight:bold;
 }
 td.sum{
	 font-weight:bold;
 }
 td.TotalH{
	font-weight:bold;
	color:blue;
	background-color:#DCDCDC;
	padding:5;
 }
 td.Total{
	 font-weight:bold;
	 /*background-color:#DCDCDC;*/
	 color:blue;
 }
 tr.header{
	font-weight:bold;
	background-color:#DCDCDC;
 }
 div.message{
	clear:both;
 }
 div.author{
	clear:both; 
	min-height:60;
 }
 img.author{
	 float:left;
	 margin-right:5;
 }
 div.footer{
  clear:both;
  padding-top:10;
  /*background-color:#FFD700;*/
  text-align:center;
 }
  div.footer2{
  clear:both;
  padding-top:10;
  /*background-color:#FFD700;*/
  text-align:center;
 }
 div.sponsors{
 }
 hr.split{
	border-top: 1px solid #1434A4;
	margin-bottom:5;
	width:80%;
 }
 div.toolbar{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color:#1434A4;	
 }
 div.event{
	 margin-bottom:20;
	 min-height:50;
	 clear:both;
 }
  div.no_event{
	 margin-bottom:10;
	 min-height:30;
	 clear:both;
	 text-align:center;
 }
 div.help{
	 text-align:left;
	 max-width:1000;
	 margin:auto;
	 padding:10;
 }