@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;800&display=swap');

 


html 
	{ 
	font-family: Roboto;
	font-weight: 300;	
	font-size: 12px;
	}

p
	{
	font-size: 16px;
	line-height: 120%;
	margin-left: 10px;
	margin-right: 10px;
	}

 

small
	{
	font-size: 10px;
	}

body {
	margin-top:0;
	line-height: 120%;
	background: white;
	color: black;
}



 
table  {
	border: none;
	xborder-width: 1px;
	xborder-spacing: 0px;
	xborder-style: solid;
	xborder-color: grey; 
	border-collapse:collapse; 
}
 
table  td,th {
border: none;
	xborder-width: 1px;
	padding: 2px;
	xborder-style: solid;
	xborder-color: grey;
	color: black;
	font-weight: 500;

}


td,th {
	font-family:Roboto;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	border: none;
}

table th
	{
	background-color:#d0d0d0;
	color: black;
	}

td
	{
	background-color:#e4e4e4;
	}


th
	{
	text-align:left;
	}

h1
	{  
	color: blue;
	padding:0;
	margin: 0;
	font-weight: 500;
	font-size: 34px;
	line-height: 120%;
	font-family: Roboto;
	text-align:center;
	}

h2
	{
	color: blue;
	padding:0;
	margin: 0;
	font-weight: 500;
	font-size: 26px;
	line-height: 120%;
	font-family: Roboto;
	text-align:center;
	}

h3
	{
	color: blue; 
	padding:0;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 120%;
	font-family: Roboto;
	text-align:center;
	}

	
button { font-size: inherit }
input { font-size: inherit }



a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: blue;
}
a:hover {
	xtext-decoration: underline;
	color: red;
}
a:active {
	text-decoration: none;
	color: green;
}

	
.noborders table {
	
	border-collapse:collapse;
	border-spacing:0;
	border-width: 0px;
	border: none;
	}

.noborders td {
    border: none;
}

.red
	{
	color:red;
	}
	
.green
	{
	color:green;
	}
	
.menu_OLD
	{
	background: red;
	background-color: none;
	font-size:16px; 
	font-family:Roboto;
	color: white;
	font-weight:500;
	text-align: center;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	line-height:30px;
	border: none;
	border-radius: 15px;
	box-shadow: 2px 2px #444;
	height: 30px;
	}

.menu 
	{   
	background: none;
	background-color: none;
	font-size:16px; 
	font-family:Roboto;
	color: black;
	font-weight:500;
	text-align: center;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	line-height:20px;
	height: fit-content;
	display: block;
	}
		
.menu a:hover
	{
	color: black;
	background-color: orange;
	background:orange;
	}
	 


.div_hover:hover {background-color:orange; display:block;} 

.menu a
	{
	color: black;
	display: block;
	}
	
.menu a:visited
	{
	color: black;
	}
	
.submenu
	{
	background: blue;
	background-color: blue;

	font-size:16px;
	font-family:Roboto;
	color: black
	font-weight:500;
	text-align: center; 
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	line-height:33px;
	border-radius: 15px;
	box-shadow: 2px 2px #444;
	}
	
.submenu a:hover
	{
	color: yellow;
	}

.submenu a
	{
	color: black;
	}
	




.huge
	{ 
	font-size: 30px;
	line-height: 120%;
	}
	
.big
	{ 
	font-size: 20px;
	line-height: 120%;
	}
	 
.med
	{ 
	font-size: 15px;
	line-height: 110%;
	}
	
.small
	{ 
	font-size: 12px;
	line-height: 110%;
	}

.bold
	{
	font-weight:bold;
	}	
	
/* .h1-bg-blue { padding:35px 50px 35px 80px; margin-bottom: 30px;background-image:linear-gradient(to right, rgb(255,255,255), rgb(208,210,255), rgba(208,210,255,0));} */

.h1-bg-blue 
	{ 
	background-image:none;

	}

.h2-bg-red  { padding:1px 50px 2px 80px; margin-bottom: 10px;background-image:linear-gradient(to right, rgb(255,255,255), rgb(255,210,208), rgba(255,210,208,0));}

.btn{border-radius: 6px;text-transform: none;text-decoration:none;width: auto;color:#fff;font-size:34px;padding:15px;display: block;font-family: Arial;border: 2px solid #f37c08;background-color:#e0221f;background-image: linear-gradient(#05ABF2, #fa6201);}
.btn:hover{border: 2px solid #0066c5;background-color:#005ba0;background-image: linear-gradient(#005ba0, #002642);text-decoration:none;}

.black
	{
	color:black;
	}

.white
	{
	color:white;
	}

.grow { transition: all .2s ease-in-out; } 
.grow:hover { transform: scale(1.1); }

.radius_10
	{
	XXXborder-radius: 10px;
	}

.form_underline
	{
	border: none;
  	border-bottom: 5px solid black;
	background: white;
	background-image: none;
	color: black;
	}

.font_bold
	{
	font-family:Roboto;
	font-weight: 500;
	}
	
.font_light
	{
	font-family:Roboto;
	font-weight: 100;
	}

.shadow_1
	{
	text-shadow:0 0 22px #05ABF2, 0 0 2px #05ABF2;
	}
	
.input_text
	{
	background: #FFFFCC;
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
	}

.error {
  text-align: center; 
  font-family:arial;
  font-size: 20px;
  line-height:120%;
  color: #000;

  font-weight: bold;
  Xtext-transform: uppercase;
  animation: xblur 1s ease-out  infinite;
  xtext-shadow: 0px 0px 5px #f00, 0px 0px 7px #f00;
}

@keyframes xblur {
  from {
    text-shadow:0px 0px 5px #f00,
      0px 0px 6px #f00, 
      0px 0px 7px #f00,
      0px 0px 6px #f00,
      0px 0px 5px #f00;
  }
}
 
 




/* EOF */