* {margin:0;padding:0}
body {font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;text-align:center;margin:10px;}
#printhead {display:none;}
/*   ð à ç ì å ò ê à     ñ ò ð.   */
#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.8rem;
	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-top:6px;	
}
#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 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;}
/*   ô î ò î   */
#ts {
	text-align:center;
	padding:3px;
	border:1px solid #FFF;
	border-bottom:0;
	background-color:#171917;
}
#ts img {background-color:transparent;}
#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:3px 1px;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;}
.sm {font-size:0.9em;}
h1, h2 {font-size:1.6em;margin:12px 0;}
h3 {font-size:1.2em;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 {background-color:#1F3C27;}
.IMG_left, .img_left {margin-right:12px !important;margin-top:5px !important;display:block;float:left;}
.IMG_right, .img_right {margin-left:12px !important;margin-top:5px !important;display:block;float:right;}
.tops{text-align:right;padding-top:6px;}
.nobkg{background:transparent;}
.red{color:#f00;}
#adv{text-align:center;}
/* maps  */
#mapdiv{width:492px;height:350px;color:#000;border:1px solid #dfffdf;}
#mapdiv	img {background-color:transparent;max-width:inherit;}
#mapdiv	h2{font-size:1.2em;text-align:center;margin:1px;letter-spacing:0;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;}
/* responsive  */
.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; background-color:transparent;}
.sn img:hover{opacity:0.7;}	
@media (max-width: 681px) {
	img#ff2 {margin-right:-2px;}
	.big {font-size:14px;}
	#menu {font-size:14px;}
	img.img{max-width:100%;}	
}
@media (max-width: 601px) {
  #c {padding:5px 15px 15px 15px;} 	  
}
@media (max-width: 482px) {
   img.IMG_left, img.IMG_right, img.img_left, img.img_right {width:100%; margin-bottom: 5px !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;}
  #menu {font-size:14px;line-height:17px;}
}