@font-face {
    font-family: cfadget;
    src: url('font/cfaderg.eot');
    src: url('font/cfaderg.eot?#iefix') format('embedded-opentype'),
         url('font/cfaderg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body 
{
  height: 100%; 
  font-family:cfadget,Verdana, Arial, Helvetica, sans-serif;
}
body { 
	margin:0px;
	padding:0px;
	font-size:0.875em;
	background-color:#fff; 
	color:#112; 
	overflow-x:hidden;
}
.light { color:#556; /*#aa9; */
		text-align:right; 
		cursor:pointer;
		background-color:#eee; /* #111; */
		font-size:1em;
		padding:0.8em 10px;
}
.light:hover { color:#eee; /* #111; */
	background-color:#556; /* #aa9; */
}
.im {
	display:inline-block; 
	vertical-align:middle; 
	width:120px; 
	height:120px; 
	background-position: center center; 
	background-repeat:no-repeat; 
	border: 3px solid #aaa;
}
#QRcode { 
	z-index:1;
	box-shadow:inset 0px 0px 9px 4px #000;
	background-color:white; /* #FFF;  */
	color:black; /* black;  */
	position:absolute; 
	width:300px; 
	padding:50px;
	text-align:center;
}
p{ color:#112; /* #eed; */ }
table { padding: 0 0 0 0;
	border:0px ;
	border-spacing:0;
	border-collapse:collapse;
}
.trans{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255,255,255) transparent; 
	/* RGBa with 0.6 opacity */
	background: rgba(255,255,255,0.2); 
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, /*#33000000,*/ endColorstr=#ccffffff /*#33000000*/);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,  endColorstr=#ccffffff)"; 
}
#f_left { width:108px; text-align:center; }
#post_50x50 { 
		display:block; 
		overflow:hidden; 
		height:50px;
		width:50px; 
		top:0; 
		background: url("images/posterous_50x50.png") no-repeat 0 0;
		}
#post_50x50:hover { 
  background-position: 0 -50px;
}
#pe_50x50 { 
		display:block; 
		overflow:hidden; 
		height:50px;
		width:50px; 
		top:0; 
		background: url("images/photoExperts_50x50.gif") no-repeat 0 0;
		}
#pe_50x50:hover { 
  background-position: 0 -50px;
}
#front_20x20 { 
		display:block;
		cursor:pointer;
		overflow:hidden; 
		height:20px;
		width:20px; 
		top:0; 
		background: url("images/front_20x20.png") no-repeat 0 0;
		}
#front_20x20:hover { 
  background-position: 0 -20px;
}
#front_20x20on { 
		display:block; 
		overflow:hidden; 
		cursor:pointer;
		height:20px;
		width:20px; 
		top:0; 
		background: url("images/front_20x20.png") no-repeat 0 -20px;
		}
#front_20x20on:hover { 
  background-position: 0 0;
}
.nav, .nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	z-index:1001;
	line-height:46px; /* 3em */
	font-family:cfadget ,"Comic Sans MS", cursive;
	font-size:16px;
}
.nav a{
	display:block;
	padding:0px 5px;
	color:#112; 
	text-decoration:none;
	background-color:#ddd; 
	border-top: 2px solid #ddd; 
	border-left: 2px solid #ddd;
	transition:ease 0.2s;
}

.nav a:hover{
	background-color:#556; 
	color:#ccc; 
	border-top: 2px solid #556; 
	border-left: 2px solid #556;
}

.nav li{
float:left;
position:relative;
margin:0px 1px 0px 0px;
}

.nav ul {
position:absolute;
display:none;
width:15em;
top:3em; 
}

.nav li ul a{
	width:15em;
	height:auto;
	float:left;
	margin :1px 0 0 1px;
	background-color:rgba(223,223,223,0.95); 
	border-left:2px solid #fff0;
	border-top:unset;
	overflow: hidden;
}
.nav li ul a:hover{
	border-top:unset;
	border-left:2px solid #fff0;
}

.nav ul ul{
top:auto;
}	

.nav li ul ul {
left:15em; 
margin:0px 0 0 10px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{
display:none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{
display:block;
}
#g_title { 
	font-size:x-large; 
    font-family: cfadget;
	color:#112; /* #eed; */
	text-align:center;
	height:0px;
	position:relative; 
	overflow:hidden;
	padding:0px; 
	margin:auto;

}
#galleria { max-width:1000px; margin:auto;
}
#g_description { 
	font-size:small;
	width:980px;
	color:#112; /*#eed;  */
	text-align:left;
	padding:10px;
	font-family:cfadget;
	position:absolute;
	overflow:hidden;
	z-index:100;
	/* Fallback for web browsers that doesn't support RGBa  */
	background: rgb(255,255,255)/*rgb(0, 0, 0)*/ transparent;
	/* RGBa with 0.6 opacity  */
	background: rgba(255,255,255,0.3); /* rgba(0, 0, 0, 0.3); */
	/* For IE 5.5 - 7  */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffff00, endColorstr=#aaffff00);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffff00, endColorstr=#aaffff00)"; 
}
.top {
	position:relative;
	display:block;
	width:300px;
	background-color:#999; 
	padding:10px 0px 10px 0px;
	color:#112; 
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 1px;
	font-size: 1.17em;
    margin-block-start: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
#face_50x50,#pp_50x50 { 
		display:block; 
		overflow:hidden; 
		height:50px;
		width:50px; 
		top:0;  }
#face_50x50 {
		background: url("images/fff_256_50x50.png") no-repeat 0 0;
		}
#face_50x50:hover { 
  background-position: 0px -50px;
}
#pp_50x50 { 
		background: url("images/pin_50x50.png") no-repeat 0 0;
		}
#pp_50x50:hover { 
  background-position: 0 -50px;
}
.leftT { width:100px; }
.head_img { 
	width:100%;
	height:100px;
}
#head { 
	width:100%;
	height:100px;
	background-image:url("images/head.png"); /* .gif */
	background-repeat:no-repeat;
	position: relative;
	z-index: 100;
	background-color: rgba(255,255,255,0.6); /* #fff8;  */
}
#mainTable { 
	margin:0 auto;
/*	background-image:url(images/bgd.png); */
	background-color:#fff; /* #000; */
	height:100%; 
	
	}
#leftTable { width:100px; height:100%; border:0px; padding:0 0 0 0;}
#centerTable { width:1000px; height:100%;}
#footer { 
	color:#112; 
	position:relative;
	bottom:0px;
	width:100%;
	background: #FFF8;
	transition:ease 1s;
}
.tran {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	transition:0.4s ease;
}
.tran:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.round {
	
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
input {
	background-color:#ddd; /* #222; */
	color:#112; /*#eed; */
	border-style:none;
}
input[type=button]{ background-color:#bbb; /* #444; */	border:1px solid #999; /* #666; */ }
input[type=button]:hover{ background-color:#ddd; /* #222; */ border:1px solid #aaa; /* #555; */ }

textarea#comm {
	width:100%;
	margin:opx; padding:0px;
	height:60px;
}
textarea {
	background-color:#ddd; /* #222; */
	color:#112; /* #eed; */
	border:1px solid #bbb; /* #444; */
}
textarea.error { border:1px solid #6fff /* #900; */ }

.fsSubmitButton
{
	border-top:		2px solid #afafba; /* #505045; */
	border-left:		2px solid #afafba; /* #505045; */
	border-right:		2px solid #eef; /* #110; */
	border-bottom:		2px solid #eef; /* #110; */
	cursor:				pointer;
	padding:		5px 5px !important;
	font-size:		14px !important;
	background-color:	#ccc; /* #333; */
	font-weight:		bold;
	color:			#667; /* #998; */
}
.fsSubmitButton:hover
{ color: #112; /* #eed; */
}
.cont {
	border:0px solid #0ff; /* red; */
	text-align:center;
	margin:0px;
	padding:0px;
	width:100%;
}
/*
.el:hover {
	color:white; 
} */

.el {
	display:inline-block;
	border:0px solid #f0f; /* green; */
	vertical-align:top;
	margin:5px;
	padding:inherit;
	transition:0.4s ease;
}
/*  ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !
/* new menu style 
! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! */
#menu_id { 	
	max-width:100vw;
	overflow:hidden;
}
.menu-link { display: none;}
.menu {
	-webkit-transition: .5s;
	transition: .5s;
	float: left;
	background-color:#ddd; /* #222; */
	line-height:2em;
	font-family:cfadget ,"Comic Sans MS", cursive;
	font-size:1.5em;
	max-width:100vw;
	overflow:hidden;
}
.menu ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:1001;
}
.menu ul a {
  transition: .5s; 
  -webkit-transition: .5s; 
}
.menu ul a:hover { background-color:#aaa; /* #555; */ }
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #ddd; /* #222;  */
	border: 1px solid #333; /* #CCC;  */
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; /* #fff; */ font-size: .9em;}
.menu ul li > a {padding: 10px 12px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
/*  background-color: #222;  */
/*  border: 1px solid #CCC; */
}
.menu ul li:hover > ul { display: block;  }
.menu ul ul > li { position: relative;  padding:1px 0px 0px 1px;  }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: rgba(223,223,223,0.95) /* rgba(32,32,32,0.95) */;}
.menu ul ul > li a:hover { background-color: #555; color: #000; /* #fff; */ }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

	.menu_row {
		background-color:rgba(255,255,255,0.6); /* #fff8; */
		z-index:100; 
		transform: translate(0,0px); 
		position:relative;
	}
	.menu_row:hover {
		opacity:1; 
	}
	.content{color:#888; font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
	h1{font-size:12px;font-weight:normal;color:#222; margin:0;}
	p{margin:0 0 20px; }
	a {color:#777; text-decoration:none;}
	a:hover {color:black; } 
	.cred{margin-top:20px;font-size:11px;}
	a.events {color:#FF0;  text-decoration:none;}
	a.events:hover {color:#FF0; text-decoration:none;}

a#l_i2{ 
	transition:0.8s;
	-webkit-transition:0.8s;
	background-image:url(events/right.png); 
	opacity: 0.4;
	display: block;
	text-indent: -99999px;	
	width:30px; 
	height:168px; 
	cursor:pointer;
	}
a#right_image{ 
/*	transition:0.8s; 
	-webkit-transition:0.8s; */
	background-image:url(events/right.png); 
	opacity: 0.4;
	display: block;
	text-indent: -99999px;	
	width:30px; 
	height:168px; 
	cursor:pointer;
	position:relative;
	left:-35px;	
	}
a#l_i1:hover, a#left_image:hover, a#l_i2:hover, a#right_image:hover { 
	opacity: 1;
	}
a#l_i1{
	transition:0.8s; 
	-webkit-transition:0.8s;
	background-image:url(events/left.png); 
	opacity: 0.4;
	display: block;
	text-indent: -99999px;	
	width:30px; 
	height:168px; 
	cursor:pointer;
	}
a#left_image {
/*	transition:0.3s; 
	-webkit-transition:0.3s; */
	background-image:url(events/left.png); 
	opacity: 0.4;
	display: block;
	text-indent: -99999px;	
	width:30px; 
	height:168px; 
	cursor:pointer;
	position:relative;
	left:5px;	
	z-index:1;
	}
#m_left:hover { background-color:#dddf;}
#m_left { 
	width:120px; 
	height:48px; 
	display:block;
	object-fit:cover;
	object-position: left;
	transition:ease 0.3s;
}
.video_container {
	display:inline-block; 
	padding:10px;
}
#form1 { 
	font-size:15px; 
	position:absolute;
	z-index:10000; 
	direction: ltr; 
	width:170px;
	background-color:#eee;
}
@media all and (max-width: 2768px) {
  .example-header .container { width: 100%; }
  .example-header{ display:block; }
  a.menu-link { 
  	font-size:1.5em;
	display: block;
	color: #000;
	background-color: #ccc;
	float: left;
	text-decoration: none;
	padding: 10px 0px;
	width:inherit;
	z-index:1001;
  }
  .menu { clear: both; min-width: inherit; float: none; z-index:1001;
  }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #fff; /* #000; */
	z-index:1001;
  }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #fff; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '▼'; 
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
	z-index:1001;
  }
  .menu li.has-submenu > a.active:after {
    content: '▲';
	z-index:1001;
  }
  .menu ul ul > li a { background-color: #ddd;  color: #000;  padding: 19px 18px 19px 30px; 
	z-index:1001;
  }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; 
	z-index:1001; /* width:100px; */
  }
.xtra_active { background-color:#a80;  }
.up_down{ cursor:pointer; 
   -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}
@media all and (max-width: 768px) {
.video_container {
    overflow: hidden;
	padding:0px;
}
.tran {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.tran:active
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
	
#mainTable { 
/*	width:768px; /* 1280 */
	margin:0px;
	background-color:#fff; /* #000; */
	height:100%; }
.head_img { 
	width:100%;
/*	height:167px; */
}
#head { 
/*	height:167px; 
	background-image:url("images/head.png"); */
	background-repeat:no-repeat;
}

input[type=button]{ 
	-webkit-appearance: textfield;
	padding:10px 5px; 
	font-weight:bold;
/*	border-radius: 0; */
	-webkit-appearance: none;
}
input[type=button]:hover{ background-color:#DDD; /* #222; */ border:1px solid #aaa; /* #555; */ }
#email,#name,#tel { padding:10px 2px;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  margin: 10px;
}
.up_down{ font-size:250%; vertical-align:middle }
#f_left { width:54px;}
#QRcode { 
	width:90%; 
	max-width:300px;
	padding:5%;
}
a#l_i1:hover, a#left_image:hover, a#l_i2:hover, a#right_image:hover { 
	opacity: 1;
	}
#m_left { width:1px; }
.light { color:#556;
		text-align:right; 
		cursor:pointer;
		background-color:#ccc; /* #333; */
}
.light:hover { 
	background-color:#ccc; /* 333; */
}
.galleria-stage {
    left: 0px;
    right: 0px;
}
}
@media all and (max-width: 560px) {
	#head { 
		background-image:url("images/head_n.png");
		background-repeat:no-repeat;
	}
}