@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=Mulish:wght@300&family=Varela+Round&display=swap');


html {
	background: url() #F8F8F6 no-repeat center center fixed;	
}

body{
	background-color:#74BEC1;
	margin: 0px;
	padding: 0px;
	font-family: 'Mulish', sans-serif;
	clear: both;

}
p {
	text-align:justify;
	font-family: 'Mulish', sans-serif;
	color: #22435D;
	font-size:14px;
	line-height: 22px;	
}

b, strong {
	color:#C17C51;
    font-weight: normal;
	text-transform: uppercase;
}

i,em {
    color: #FF0000;
}
img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul.nav {
	padding-left: 0px;
	background-color: #F8F8F6;
	text-align: center;
	font-size: 18px;
    font-family: 'Varela Round', sans-serif;
  }
  ul.nav > li {
	display: inline-block;
	padding: 10px 20px;
  }
  ul.nav > li:hover {
	background-color: #F8F8F6;
	color:#D18D63;
	font-weight: normal;
  }
  ul.nav > li > a {
	color: #D18D63;
	text-decoration: none;
    font-weight: normal;
  }

ul, ol {
	color:#22435D;
	text-align: left;
    font-size: 14px;
}
article {
	position:absolute;
	top:0px;
	width: 650px;
	padding: 0 0 0 15px;
	margin-top: 2px;
}
a:link{
	color: #0BA6D2;
	text-decoration:none;
}
a:visited{
	color: #0BA6D2;
	text-decoration:none;
}
a:hover{
	color: #267D7C;
	text-decoration:none;
}
a:active {
	color: #0BA6D2;
	text-decoration:none;
}

h1{
	background: transparent;
	font-size:16px;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	color: #64976e;
	margin-bottom: 15px;
	padding: 5px;
}

h2{
	background: transparent;
	font-size:14px;
	text-align:right;
	font-family: 'Montserrat', sans-serif;
	color: #f38c51;
	margin-bottom: 15px;
	padding: 5px;
}
input, textarea, option, select {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	background: #FFFFFF;
	color: #22435D;
	border-top: 0px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-left: 0px;
	padding:6px;
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
*:focus {
	outline: none;
	outline-width: 0;
}
table,tr,td {
	text-align:center;
	font-family: 'Mulish', sans-serif;
	color:#22435D;
	font-size:16px;
	margin: auto;
}
blockquote {
  background: #FFFFFF;
  color: #A9E1FC;
  font-size: 1em;
  margin: 1em 1em;
  padding: 1em 1em;
  line-height: 1.2em;
  border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
}

#buttons {
	color:#FFFFFF;
}
button {
    border:0px solid #C0C0C0;
    border-collapse:collapse;
    padding:5px;
}
.button th {
    border:0px solid #C0C0C0;
    padding:5px;
    background:#F8F8F6;
    color: #253F58;
    font-weight: normal;
}
.button td {
    border:0px solid #C0C0C0;
    padding:5px;
}