/* General layouts */
body {
	margin:0; 
	padding:0; 
	font:100% 'Times New Roman',Times,serif; 
	background:#e6e6e6 url(images/bodybg.png) repeat-x; 
	color:#000; 
}

* {
  box-sizing: border-box;
}
	
#container {
	width:92%; 
	padding:0 25px 10px; 
	margin: 0 auto 80px; 
	background:#f0f0f0 url(images/contentbg.png) repeat-x; 
	text-align:justify; 
	border-left:1px solid #eef; 
	border-right:1px solid #eef;}

/* Tags */
a {font-size:1.25em; text-decoration:none; color:#269; font-weight:bold;}
a:hover {color: #666;}
p {font-size:1.25em; margin:0 0 15px 0;}
.pcen {font-size:1.4em; padding-top: 16px; margin: 1px 0; text-align: center;}
.emph {font-size:1.25em; text-align: center; color:#f00;}
strong {color:#269; font-weight:normal;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:2.25em; text-align: center; letter-spacing:2px; color:#269; font-weight:bold; margin:0 0 0.5em;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; margin: 0; padding-bottom: 24px; color: #269; text-align: center;}
h3 {color: #333; font-size:1.4em; margin:1em 0 0.5em 0; font-weight:bold; text-align: left; line-height: 1.2;}
h4 {font-size:1.2em; font-weight:bold;}

/* Header */
#sitetitle {float:left; height:100px; width: 350px; }
#sitetitle a {border: none;}
#menu {padding-top: 0px; text-align: right; }
#menu a { 
	display: inline-block;
	margin: 0 5px; 
	padding: 35px 10px 10px; 
	font-size:1.6em; 
	font-weight:normal; 
	color:#555;
}
#menu a:hover{
	color:#000; 
	text-decoration: none; 
	padding: 35px 10px 8px; 
	border-bottom: 4px solid #fff;
}
#menu a.current{
	color: #191970; 
	text-decoration:none; 
	padding:35px 10px 8px; 
	border-bottom: 4px solid #fff;
	font-weight: bold; 
}
#menmob {
	display: none;
	visibility: hidden;
	}

/* Main content and sidebar layout */
#content {padding-top:30px; width:100%; clear:both;}
#content h2 {margin:0 0 10px 0; color:#191970; font-weight: bold; padding-bottom: 5px; border-bottom: 2px solid #abb;}
#content p {margin:0 0.5em 1.2em 0;}
#contact {
	text-align: center;
	display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;
	row-gap: 20px;
	 justify-content: center;
	margin: 16px auto;
		border: none;
	}
#contact div.item {align-self: baseline; margin: 10px;}
#albJumpTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #fff;
  color: #269;
  border: 2px solid #269;
  padding: 10px 12px;
  border-radius: 40px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

div.cent {
		text-align: center;
		margin: 16px auto;
		border: none;
	}
.mail-placeholder {
	color: color:#191970;
	background-color: #fff;
	border: 1px solid color:#191970;
	font: bold 1.4em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	padding: 5px 10px;
	}
#email-container a {
	font-size:1.6em; 
	text-decoration:none; 
	color:#269; 
	font-weight:bold;}

.apel {
	color: #000; 
	background-color: #fff;
	border: 1px solid #600;
	font: normal 1.4em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	padding: 3px 10px;
	}
img.nb {border: none; 
	margin: 1em auto;
}
/* Footer */
.cta-sticky {
  position: fixed;
 bottom: 16px;
  left: 16px;
  background: #e63946;
  color: #fff;
  padding: 8px 12px;
  font-size: 1.25em;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  z-index: 99;
  transition: all 0.25s ease;
}

.cta-sticky:hover {
  background: #c92f3c;
  color: #2AFF00;
}

#footer {
	clear:both; 
	margin: .625em 0 1em 2em; 
	padding:0 0 12px 24px; 
	text-align:left; 
	color:#777; 
	background:url("images/logobott.png") center left no-repeat; 
	border-top:2px solid #abb;}
#footer a {color:#777; font-weight:normal;}
#footer h2 {color:#aaa; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
#footer h2 a {color:#aaa;}
#footer p {margin:0; padding-top:.625em;}

/* Additional classes */
.entry {margin:0 0 20px 0; border:2px solid #fff; background:#e6e6e6 url(images/entrybg.png) repeat-x; color:#333; padding: 2em 1em 0 1.5em;}
.link {font-size:1.25em; color:#269; display:block; margin: 1em; padding: .125em;}
.link:hover {color: #191970; text-decoration:none;}
.thumbs {text-align: center;}
.thumbs img {padding:3px; margin:10px 5px; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs img:hover {background: url(images/flash.gif);}
.fb {margin-bottom: -3px;}
.asig {margin:5px 15px 5px 5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.pic {margin:15px 15px 5px 0; float:right; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.meta {clear:both; border-top: 2px solid #ccc; padding: 0 1px; margin:15px 0 0 0; text-align:right; font-size:.25em; color: #567;}
.pagenav {color: #777; text-align:center;}
.subcontainer {text-align: center; width:auto;}
.rightsub {float:left; width:45%; padding:0;}
.rightsub2 {margin-left:50%; padding:0;}
.right {text-align:right;}
p.jus { text-align: justify;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display:none;}
.copy {margin-left: 3em;padding-top: 1.625em;}
.red {
	color: #f00; font-size: 1.1em;
}

hr {
	border: none;
	color: #abb;
	background-color: #abb;
	height: 1px;
	width: 80%;
	margin: 1em auto;
	}

	/* Forms */
	.form-wrap {
  margin: 10px auto;

  min-width: 40%;
  max-width: 60%;
}

input, 
textarea {
	border:1px solid #269;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.125em; 
	color: #269; 
	background-color: #fff;
	padding: 3px 5px;
	width: 100%;
	}
input.button {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.25em;
	color: #269;
	border: 2px solid #269;
	margin: .5em 1em 1em;
	padding: 4px 8px;
	background-color: #f9f9f9;
	font-weight:bold;
	width: auto;
	}
input.buttonyes {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.25em;
	color: #269;
	border: 2px solid #269;
	margin: .5em 1em 1em;
	padding: 4px 8px;
	background-color: #f9f9f9;
	font-weight:bold;
	width: auto;
	}
	input.button:hover {
	color: #D52023;
	background-color: #fff;
	cursor: pointer;
	}
input.buttonyes:hover {
	color: #00D137;
	background-color: #fff;
	cursor: pointer;
	}

.capital 
	{text-transform: capitalize;}
	

input.chck {
	width: 16px;
	height: 16px;
	outline: 1px solid #269;
	outline-offset: 2px;
	margin-right: 1em;
}
.checkbox-label {
font: normal 1.125em Georgia,'Times New Roman',Times, serif;
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 1em;
  cursor: pointer;
}
	
select {
	text-align: center;
	font: normal 1.125em Georgia,'Times New Roman',Times, serif;
	color: #269;
	border:1px solid #269;
	background-color: #fff;
	margin-top: 0.2em;
	}
label {
	display: block;
    margin: 1em 0 0.4em;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.25em; 
	color: #269;  background-color: transparent;
	font-weight: bold;
	}
	
	.txt_form {
	display: block;
    margin: 1em 0 0.4em;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.25em; 
	color: #269;  background-color: transparent;
	font-weight: bold;
	}
	
.nrlabel {
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.125em; 
	color: #269;  background-color: transparent;
	font-weight: bold;
	}
.info-block {
	font: normal 1.125em Georgia,'Times New Roman',Times, serif;
  margin-top: 1em;
  line-height: 1.4;
}
fieldset {
	margin-bottom: 1.5em; 
	border: 1px solid #269; 
	padding: 1em 1.25em 1em 1em;
	}
legend {
	font-family: 'Times New Roman', Times, serif; 
	font-size: 0.9em;	
	font-weight: bold; 
	letter-spacing: 0.5em; 
	color: #269; 
	border: 1px solid #269; 
	padding: .1em .6em; 
	background-color: #f3f3f3;
	} 

@media screen and (max-width: 801px) {
body {
	background-color:#e6e6e6; 
	color:#000; 
}
	.cta-sticky {
 bottom: 0;
left: 0;
border-radius: 0 8px 0 0;
	}
	
#menu {
	display: none;
	visibility: hidden;
	}
	#content {padding-top:0;}
	
#menmob {
	text-align: center;
	margin: 2em auto;
	display: block;
	visibility: visible;
	}
	
#menmob a {display: block; 
	margin: 1.25em auto; 
	width: 60%;
	padding: .15em; 
	background-color: #e9e9e9; 
	font-size:1.4em; 
	font-weight:normal; 
	color:#191970; 
	border: solid 1px #191970; 
	}
	#menmob a.current {
	background-color: #fff; 
	font-weight:normal; 
	color:#000; 
	border: solid 2px #191970; 
	}
	
#sitetitle {float: none; text-align: center; height:100px; width: 350px; clear: both;}
	
.entry {
	padding: 2em 1em 0 0.5em;}
	
h1 {
	font-size:2em; 
	text-align: center; 
	letter-spacing:2px; 
	color:#191970; 
	margin:1em 0 1em;
	}
	
#container {
	width:auto; 
	padding:0 10px; 
	margin:0;
	background-image: none;
	}
.form-wrap {
  	margin: 10px 0;
  	min-width: 100%;
	}
	
img.asig {
	max-width: 20%;
	height: auto;
	margin: 10px 15px 10px 0;
	}	
	
.link {
	margin: 2em .5em; border: solid 1px #191970; background-color: #fafafa;
	}

} 