@font-face
{
   font-family: "Open Sans";
   font-display: swap;
   src: url('Open-Sans.woff2') format('woff2'),
        url('Open-Sans.woff') format('woff');
}


a:link.button, a:visited.button {
  background-color: #f8ad49;
  border: 2px solid black;
  border-radius: 6px;
  color: #000;
  font-weight:bold;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover.button, a:active.button {
  background-color:#ffd900;
}

a:link.buttonGM, a:visited.buttonGM {
  background-color: #5622aa;
  border: 0px solid black;
  color: #FFF;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:10px;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 1185px;
}

a:hover.buttonGM, a:active.buttonGM {
  background-color:#af7eff;
}




body
{
	font-family:"Open Sans";
	font-size:18px;
	margin:0px;
}

br.m
{
	display:none;
}

div.cat
{
	border:1x solid #f00;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
    padding:0px;
	text-align:center;
	width:100%;
}

div.catfrm
{
	border:0px solid #000;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;
	width:100%;
}

div.container
{
	border:1x solid #f00;
	margin:0 auto;
	width:1234px;
}

div.f50
{
	width:220px !important;
}

div.footer
{
background-color:#eee;
height:450px;
width:100%;
}
div.frm
{
background-color:#ddd;
border-style: solid;
border-color: #444;
border-radius: 10px;
border-width: 1px;
margin:0 auto;
padding:20px;
width:1000px;
}

div.frmct
{
background-color:#ddd;
border-style: solid;
border-color: #444;
border-radius: 10px;
border-width: 1px;
margin:0 auto;
padding:20px;
width:500px;
}

h1
{
font-size:20px;
text-align:center;
}

h2
{
font-size:20px;
text-align:center;
}

img.logo
{
	padding: 0px;
}

div.item
{
	background-color:#fff;
	border-style: solid;
	border-color: #0F0;
	border:0px solid #00F;
	color:#362100;
	display: inline-block;
	font-size:16px;
	margin-bottom:0px;
    margin-top:29px;
	padding:0px;
	text-align:left;
    height:159px;
	vertical-align:bottom;
	width="50%";
}

div.itemfrm
{
	border:0px solid #000;
	color:#000;
	display: inline-block;
	font-size:16px;
	margin-bottom:0px;
	margin-top:10px;
	padding:0 5px 0px 5px;
	text-align:left;
	width:450px;
}

input[type=text],
textarea,
select
{
	font-size:18px;
	padding:3px;
	width:100%;
}

input[type=submit]
{
	background-color:#30306d;
	color:#fff;
	font-size:16px;
	padding:4px 20px 4px 20px;
}

p.ctr
{
   text-align:center;
}

p.gray
{
	color:#808080;
	font-size:14px;
}

span.req
{
	color:#d00;
}

table
{
	width:100%
}

th 
{
	background-color:#fff;
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	text-align: center;
}

td.bottom
{
	vertical-align:bottom;
}

td.esp
{
	padding:10px;
}

.active
{
  background-color: #fff;
  border-color: #f39b6d;
  border-style: none none solid none;
  color:#000;
}

ul.menu {
  font-size:18px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

ul.menubtm {
  font-size:18px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #eee;
}

li.menu {
  float: left;
}

li.active
{
  background-color: #fff;
  border-color: #f39b6d;
  border-style: none none solid none;
  color:#000;  
}

li.menu a, .dropbtn {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
}

li.menu a:hover, .dropdown:hover .dropbtn {
  background-color: #fff;
  border-color: #f39b6d;
  border-style: none none solid none;
  color:#000;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #77ef8a;}

.dropdown:hover .dropdown-content {
  display: block;
}

div.menu
{
   	float:right;
	margin-top:60px;
    vertical-align:bottom;
	width:760px;
}

div.menubtm
{
	margin:0 auto;
	margin-top:60px;
	margin-bottom:60px;
	width:760px;
}

div.menu-es
{
	/*margin:0 auto;*/
   	float:right;
	margin-top:124px;
    vertical-align:bottom;
	width:845px;
}

div.menubtm-es
{
	margin:0 auto;
	margin-top:60px;
	margin-bottom:60px;
	width:720px;
}

p.imgctr
{
	margin:0;
	padding:0;
}

#navbar
{
	width:100%
}

#navbarm
{
	display:none;
}

#tbl
{
	width:100%;
}

#tblm
{
	display:none;
}

@media screen and (max-width:900px) {
	div.container
	{
		margin:0 auto;
		padding:0px;
		width:750px;
	}
	div.item
	{ 
		width:800px;
	}
	div.menu
	{
		margin:0 auto;
		width:800px;
	}
    div.menubtm
    {
		margin:0 auto;
		width:800px;
    }
    div.frm
	{
		background-color:#fff;
		border-width: 0px;
		margin:0 auto;
		padding:0px;
		width:100%;
	}
	div.frmct
	{
		width:600px;
	}
	img
	{
		margin:0 auto;
		height:100%;
		width: 350px;
	}
     img.logo
	{
	   margin:0 auto;
	   width: 306px;
	}
	li
	{
		 display: inline-block;
		 float: none;
	}
	p.imgctr
	{
		padding:0px;
		text-align:center;
	}
	
	#navbar
	{
		display:none;
	}
	
	#navbarm
	{
		display: block;
		 width:100%
	}
	
	#tbl
	{
		display:none;
	}
	
	#tblm
	{
		display: block;
		width:100%
	}
	
	ul
	{
	   width: 100%;
	   display: table;
	   text-align: center;
	}
}

@media screen and (max-width:600px) {
	div.container
	{
		margin:0 auto;
		padding:0px;
		width:350px;
	}
	div.item
	{ 
		width:350px;
	}
	div.menu
	{
		margin:0 auto;
		width:350px;
	}
    div.menubtm
    {
		margin:0 auto;
		width:350px;
    }
    div.frm
	{
		background-color:#fff;
		border-width: 0px;
		margin:0 auto;
		padding:0px;
		width:100%;
	}
	div.frmct
	{
		width:300px;
	}
	img
	{
		margin:0 auto;
		height:100%;
		width: 350px;
	}
     img.logo
	{
	   margin:0 auto;
	   width: 306px;
	}
	li
	{
		 display: inline-block;
		 float: none;
	}
	p.imgctr
	{
		padding:0px;
		text-align:center;
	}
	
	#navbar
	{
		display:none;
	}
	
	#navbarm
	{
		display: block;
		 width:100%
	}
	
	#tbl
	{
		display:none;
	}
	
	#tblm
	{
		display: block;
		width:100%
	}
	
	ul
	{
	   width: 100%;
	   display: table;
	   text-align: center;
	}
}