* {margin:0;padding:0}
body {font-family:Arial,Helvetica,sans-serif;font-size:1.0rem;text-align:center;margin:10px;}
#wrapper{
	max-width:586px; 
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#t {
	border:1px solid #fff;
	border-bottom:0;
	padding:2px 2px 0 2px;
}
#t h1, #ts h1{padding:0;margin:0;}
#menu_l {
	border:1px solid #fff;
	border-bottom:0;
	font-weight:bold;
	font-size: 0.9em;
	padding:3px 8px;
	line-height:20px;
}
#menu_r {
	border-left:1px solid #fff;
	float:right;
	padding:0 10px;
	text-align:center;
	line-height:20px;
}
#menu{
	font-family:Tahoma,Helvetica,sans-serif;
	text-align:right;
	font-weight:bold;
	margin:6px 0 18px 0;
}
.menu-col{
	max-width: 100%;
	margin: 0 0 0 10px;
	column-width: 230px;
 }
#menu a{text-decoration:none;}
#menu a:hover{text-decoration:underline;}
.menu_m{float:right;padding-left:25px;margin-bottom:7px;}
#c {border:1px solid #fff;padding:5px 45px 15px 45px;}
#c p{line-height: 1.15em;}
#c img{margin:0 2px;}
.f {
	border:1px solid #fff;
	border-top:0;
	font-size:0.85em;	
	padding:4px 10px 6px 12px;
	line-height:15px;
	font-weight:bold;
}
#cc{font-size:0.85em;padding:4px 8px;}
#goss{margin-right:7px;float:right;}
#addthis{float:right;margin:0 -20px 4px 2px;padding:1px;width:70px;text-align:right;}
.clearer{height:4px;overflow:hidden;margin-top:-1px;clear:both;}
.center{text-align:center;}
#ts {
	text-align:center;
	padding:3px;
	border:1px solid #FFF;
	border-bottom:0;
	background-color:#171917;
}
#menu_f {
	border:1px solid #fff;
	border-bottom:0;
	font-weight:bold;
	padding:4px 8px 6px 8px;
	font-size:0.85em;
	line-height:18px;
}
#menu_f img{margin:0 2px 3px 2px;vertical-align:middle;}
img#ff1 {margin-top:10px;}
img#ff2 {margin:8px 2px 0 10px;float:right;}
div#ff0 img#ff1 {margin-left:10px;}
div#ff0 {margin-top:8px;}
div.foto_i{text-align:center;vertical-align:middle;padding:1px;float:left;width:118px;height:104px;}
div.foto_i img{border:1px solid #a6e2ff;}
p {text-align:justify;margin:8px 0 12px 0;}
ol,ul{margin:8px 0 12px 16px; line-height: 1.2em;}
.sm {font-size:0.9em;}
h1 {font-size:1.7em;margin:20px 0 12px 0;font-weight: normal;}
h2 {font-size:1.5em;margin:15px 0 20px 0;font-weight: normal;}
h3 {font-size:1.2em;margin:10px 0;font-weight: normal;}
h4 {font-size:1.1em;margin:10px 0;}
.h{width:45%;float:left;}
.h h3{font-size:1.2em !important;margin:0px;}
.h img{width:180px;height:auto;}
.h50 h2{font-size:1.2em;margin:4px 0;letter-spacing:3px;}
.h50 h3{font-size:1.0em !important;margin:0px;}
.footer{font-size:0.85em;text-align:center;}
.IMG_left, .img_left {margin: 5px 12px 5px 0 !important;display:block;float:left;}
.IMG_right, .img_right {margin: 5px 0 5px 12px !important;display:block;float:right;}
.tops{text-align:right;padding-top:6px;}
.red{color:#f00;}
#adv{text-align:center;}
.foto-big {border:1px solid #a6e2ff;}
.foto-big:hover{border:1px solid #f00;}
/* maps  */
#map{height:360px;margin:12px 0 5px 0;max-width: 100%;}
#mapdiv{width:492px;height:350px;color:#000;border:1px solid #dfffdf;}
#mapdiv	img {max-width:inherit;}
#mapdiv	h2{font-size:1.2em;text-align:center;margin:1px;font-weight:bold;color:#000000;}
#mapdiv	p{font-size:0.9em;text-align:center;color:#000000;}
#mapdiv	p a{color:#0000ff;}
#mapdiv	p a:hover{color:#f00;}
.map{vertical-align:middle;}	
#mapdescr{font-size:0.9em; background:#f1eee8;color:#000;width:486px;padding:1px 4px 2px 4px;margin-top:3px;}
/* video  */
.video{width:100%;height:290px;margin-bottom:12px;}
/*   l i n k s   */
a {color:#a6e2ff;}
a:hover {color:#f00;}
.f a, #menu_f a, #menu_l a {text-decoration: none;}
.f a, #menu_f a {margin: 0 1px;}
.foto_i  img:hover{border-color:#f00;}
.big{font-size:1em;}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
img.img{
	margin:5px auto;
	display: block;
	max-width: 500px;
	height: auto;
	cursor:pointer;
	border:1px solid #a6e2ff;	
	}
img.img:hover {
	transform:scale(2);
	transition: all 0.3s linear 0.3s;
	border:1px solid #fff;
	}
.sn{padding-top:5px;}	
.sn img{height: 28px; width: auto;}
.sn img:hover{opacity:0.7;}	
.image-gallery {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	gap: 10px;
	align-items: stretch;
	align-content: start;
	margin: 0 0 15px 0;
}
.image-gallery::after {
	content: "";
	flex-grow: 999;
}
.image-gallery > li {
	flex: 1 1 auto;
	height: 125px;
	cursor: pointer;
	position: relative;
	list-style: none;
}
.image-gallery li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border:1px solid #a6e2ff;
}
.image-gallery li img:hover {
	border:1px solid #f00;
	opacity:0.7;
}
/* title & coastal */
.mt, .mt1{
	overflow: auto;
	width:100%;
	margin-bottom: 20px;
}
.mt div, .mt1 div{ 
	margin:6px 0.6%; 
	position: relative; 
	height: 110px; 
	width: 18.5%;
	float:left; 
}
.mt1 div{width: 23.5%;}
.mt div img, .mt1 div img{
	width:100%;	
	height: 110px;}
.mt div a, .mt1 div a{
	color:#fff;
	text-shadow: 2px 2px 2px black; } 
.mt div span, .mt1 div span{  
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 10px;
}
.mt div img:hover, .mt1 div img:hover{opacity: 0.7;} 
.mt div a:hover, .mt1 div a:hover{color:#f00;} 

.search input{
	height: 1.2rem;
	font-size: 1.0rem;
	border-radius: 3px;
	padding: 4px;
	width: 95%;
	margin: 15px -39px 35px 0;
	border:1px solid #000;
}
.search button{
	height: 2.0rem;
	font-size: 1.0rem;
	font-weight: bold;
	border-radius: 3px;
	padding: 4px 12px;
	border:1px solid #000;	
}
.search button:hover {color:#f00;}
.search li{margin-bottom: 15px; font-size: 0.9em; clear:left;}
.search li b{font-size: 1.1em;}
.search li img {float: left; margin: 1px 10px 4px 0 !important; width:80px; height: 50px;}
.search li img:hover{opacity: 0.7;}

/* responsive  */
@media (max-width: 971px) {
	.mt div{ margin:5px;  width: 23%;}
}
@media (max-width: 820px) {
	.mt div, .mt1 div{ margin:5px;  width: 30%; }
}
@media (max-width: 680px) {
	body{font-size: 0.9rem;}
	.mt div, .mt1 div{ margin:5px;  width: 23%;}
	img#ff2 {margin-right:-2px;}
	.big {font-size:14px;}
	img.img{width:100%;}
	#menu{text-align:right !important;}
	.menu-col{margin: 0 0 0 30% !important;}
	.search input{width: 90%;}
}	
@media (max-width: 601px) {
  #c {padding:5px 15px 15px 15px;} 
  #menu {line-height:22px;}
}
@media (max-width: 482px) {
	.mt div, .mt1 div{ margin:5px;  width: 45%; }	
	img.IMG_left, img.IMG_right, img.img_left, img.img_right {width:100% !important;}
	.video{height:190px;} 	
	#c {padding:5px 15px 15px 15px;}
	img#ff1, img#ff2{display:none;}
	.big {font-size:17px;border:1px solid #a6e2ff;display:block;padding:9px;text-align:center;border-radius:8px;background:#1f3c27;}
	.big:hover {border:1px solid #f00;}
}