/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	-collapse: collapse;	border-spacing: 0;}
* { margin:0px; padding:0px; }

/* mizu reset */
strong, b {font-weight:bold; }
.content ul li, .content  ol li {margin:3px 0px 3px 20px;list-style:circle;} 	
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }
.txt table td {
	vertical-align:top;
}
/* custom css */
a {	
	text-decoration:none;
	outline:none;
}
.txt a {	
	color:#58585a;
	
	text-decoration:none;
}
.txt  a:hover {
	text-decoration:underline;
}
html {
	min-height:100%;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

.page {
	background:url(../img/struct/bg-page.png) repeat-x left 156px  #fefefe;
	margin-bottom:20px;
}
.wrap {
	width:990px;
	position:relative;
	margin:auto;
	z-index:20;
}
.header {
	height:156px;
	position:relative;
	z-index:20;
}
.spc1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:85px;
	background:#fff;
}
.spc2 {
	position:absolute;
	top:85px;
	left:0px;
	width:100%;
	height:71px;
	background:url(../img/struct/ebner/nav.png);
}
	html.air .spc2 {
		background:url(../img/struct/air/nav.png);	
	}

.spc3 { 
	position:fixed;
	left:0px;
	width:100%;
	bottom:0px;
	height:20px;
	background:#ffeb7f;
	z-index:30;
}
	html.air .spc3 {
		background:#c0d86c;
	}
	.homeLink {
		position:absolute;
		top:0px;
		left:0px;
		width:400px;
		height:85px;
		background:url(../img/struct/ebner/logo.png) no-repeat;
	}
		html.air .homeLink {
			background:url(../img/struct/air/logo.png) no-repeat;	
		}
		html.air.it .homeLink {
			background:url(../img/struct/air/logo-it.png) no-repeat;	
		}

	.lng {
		position:absolute;
		top:20px;
		right:0px;
		background:#D5B700;
		padding:5px 6px;
	}
		.lng, .lng a {
			font-size:10px;
			color:#333;
		}
		.lng a:hover {
			color:#fff;
		}
	html.air .lng {
		background:#6B9F1B;
	}
	
.nav {
	position:relative;
	z-index:26;
	top:87px;
	left:270px;
	float:left;
}
	.nav li {
		float:left;
	}
	
		.nav li a {
			float:left;
			display:block;
			padding:0 13px;
			line-height:40px;
			color:#000;
			font-size:16px;
		}
		.nav li a.on, .nav li a:hover {
			text-decoration:underline;
		}
	/* 2 level */
	.nav li ul  {
		
		position:absolute;
		left:-270px;
		text-align:center;
		top:33px;
		width:990px;
	}
	.nav li ul li {
		float:none;
		display:inline;
	}  
	.nav li ul li a {
		float:none;
		display:inline;
		font-size:11px;
		padding:0 8px;
		font-weight:normal;
	}
.col1Box {
	padding:54px 0 20px 0;
}
.newsBox {
	
	position:relative;
	background:#d7bc2d;
	overflow:hidden;
}
	html.air .newsBox {
		background:#c7d76a;
	}
.newsBox .prev, .newsBox .next {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:30px;
	display:none;
	background:url(../img/struct/prev.png) no-repeat center center;
	
}
.newsBox.on .prev, .newsBox.on .next {
	display:block;
}
.newsBox .next {
	right:0px;
	left:auto;
	background:url(../img/struct/next.png) no-repeat center center;
}
	
.mainMedia {
	width:270px;
	overflow:hidden;
	margin:auto;
	position:fixed;
	bottom:20px;
	left:0px;
	margin-left:-495px;
	left:50%;
}
	.mainMedia.top {
		bottom:auto;
		position:absolute;
		
	}
	.mainMedia .slider {
		position:relative;
		bottom:0px;
		left:0px;
		overflow:hidden;
	}
	.mainMedia .slider.on .item {
		position:absolute;
		top:auto !important;
		bottom:0px !important;
		left:0px;
	}
	
.breadNav {
	color:#afb0b1;
	padding:20px 30px 0px 30px;
	font-size:11px;
}
	.breadNav li {
		display:inline;
		margin:0px !important;
		padding:0px;
	}
	.breadNav li a {
		color:#afb0b1;
	}
	.breadNav li a:hover {
		text-decoration:underline;
	}

.middle {
	clear:both;
	background:url(../img/struct/bg-content.png) repeat-x #fcfcfb;
	float:left;
	
	
}
	.middle .col1 {
		width:270px;
		float:left;
	}
	.middle .col2 {
		width:720px;
		float:left;
	}
.banner {
	
	display:block;
	clear:both;
	background:#fff;
	text-align:right;
}
	
.footer {
	clear:both;
	background:#ffffff;
	position:relative;
	margin:auto;
	line-height:15px;
	padding:20px 0 40px 0;
	text-align:center;
}
	.footer p {
		display:inline;
	}
	.footer, .footer a {
		color:#58585a;
		font-size:11px;
	}
	.footer a.on, .footer a:hover {
		text-decoration:underline;
	}
	.footerNav, .footerNav li {
		display:inline;
	}
	 .footerNav li a {
	 	padding:0 5px;
	 }
	




/* content */
.content {
	clear:both;
	width:650px; 
	float:left;
	min-height:420px;
	background:#fff;
	padding: 0 0 30px 0;
}
	.content .tpl {
		clear:both;
		padding:20px 30px;
	}
	.content h1, .content h2, .content h3 {
		color:#a6a6a7;
	}
	.content h1 {
		font-size:20px;
		margin-bottom:0px;
	}
	.content h2 {
		font-size:18px;
	}
	.content h3 {
		font-size:15px;
	}
	.content .txt {
		line-height:170%;
		color:#282529;
	}
	.content .txt, .content .files, .content .gallery, .gallery2 {
		clear:both;
		padding-top:10px;
	}
	.content .files a {
		color:#282529;
		
	}
	.content .gallery .item {
		float:left;
		margin:0 2px 2px 0;
	}
	.content .files a:hover {
		text-decoration:underline;
	}

.back-to {
    display:block;
    font-size:14px;
    color:#282529;
    padding:10px 0 10px 30px;
    text-decoration:underline;
    

}

.toRef {
	display:block;
	font-size:14px;
	color:#282529;
	padding:10px 0;
	text-decoration:underline;
}
	
.img-left .first-img {
  float:left;
  margin:5px 15px 10px 0px;
}
.img-right .first-img {
  float:right;
  margin:5px 0px 15px 10px;
}

/* list */
.list {
	clear:both;
	padding:0px 30px;
}
	.list .item {
		clear:both;
		margin-bottom:10px;
		display:block;
		padding:0px 0px 10px 0;
	}
	.list h3 {
		background:#ffd700;		
		padding:5px 10px;
		color:#000;
	}
	html.air .list h3 {
		background:#96be0a;
	}
	.list .item:hover .more {
		color:#ffd700;
	}
	html.air .list .item:hover .more {
		color:#96be0a;
	}

	.list h3, .list-default .img, .list .txt {
		display:block;
		
	}
	.list .img {
		float:left;
		display:block;
		width:200px;
		margin-top:5px;
		min-height:10px;
		padding-top:7px;
	}
	.list .txt {
		float:left;
		clear:none;
		
		width:300px;
		min-height:50px;
		padding:7px 10px 0px 20px;
	}

 .list-news-box {
 	padding:0px;
	margin:auto;
	width:222px;
 }
 	.list-news-box .item {
 	   padding:10px 0 10px 0;
 	   width:200px;		
 	   margin:0px;
 	}
 	.list-news-box .img {
 		
		margin:0px;
		padding:0px;
		text-align:center;
		padding:10px 0 0 0px;
 	}
	.list-news-box .txt {
		clear:both;
		line-height:130%;
		font-size:11px;
		color:#333;
		width:auto;
		padding:10px 0 0 0px;
		
		min-height:10px;
	}
	.list-news-box h3 {
		background:none !important;
		font-size:11px;
		padding:0px;
	}

.list-gallery {
	
}
	.list-gallery .item {
		clear:none;
		float:left;
		margin:0 10px 10px 0;
		width:180px;	
	}
	.list-gallery .item.firstInRow {
		clear:left;
		
	}
	.list-gallery .img {
		float:left;
		display:block;
		width:180px;
		margin-top:0px;
		min-height:10px;
		padding-top:0px;
	}
	.list-gallery .txt {
		float:left;
		clear:none;
		
		width:180px;
		min-height:50px;
		padding:10px 0px 0px 0px;
	}
	.list-gallery .more {
		display:none;
	}
   .list-gallery .img-box {
        display:block;
        width:180px;
        height:126px;
        background:no-repeat center center #000;
        
    }
    .list-gallery .img-box-txt {
        font-size:11px;
        color:#aaa;
        display:block;
        padding:3px 0 0 0 ;
    }


.paging {
	padding:10px 30px;
	clear:both;
}
	.paging a {
		color:#9C9EA0;
		padding:0 3px;
	}
	.paging a.on, .paging a:hover {
		color:#000;
	}


/* mail form */

.mailform {
	clear:both;
	padding-top:20px;
	color:#626264;	
}
.mailform fieldset {
		border:0px;
		
	}
	.mailform legend {
		padding:0px;
		margin:0px;
		width:400px;
		padding-bottom:10px;
	}
	.mailform .error {
		color:#dd7777;
	}
	.mailform .Ierror {
		border:1px solid red !important;
		color:black;
	}
	.mailform .el {
		float:left;
		padding:10px 30px 0px 0px;
		
	}
	.mailform .el-day {
		padding-right:0px;
		clear:both;
		width:500px;
	}
	.mailform .el-textarea textarea {
		width:250px;
		height:60px;	
	}
	.mailform .el-select {
	}
	.mailform .el-select select {
		width:115px;
	}
	.mailform .el-submit {
	 clear:both;
  }
	.mailform .el-submit label {
		display:none;	
	}
	.mailform .submit {
		padding:5px 20px;
		background:#ffd700;
		background:url(../img/struct/ebner/nav.png);
		color:#333;
		cursor:pointer;
		font-size:20px;
		margin-left:120px;
		border:1px solid white;
		border-radius:6px;
		
	}
	html.air .mailform .submit {
		background:url(../img/struct/air/nav.png);
		color:#fff;
	}
	.mailform label {
		float:left;	
		display:block;
		width:120px;
	}
	.mailform .formInputs {
		float:left;
		width:250px;
		padding:2px;
		border-radius:5px;
		border:1px solid #aaa;
		background:#ddd;
		
	}
	.mailform .formInputsBox {
		float:left;
	}
	.mailform .spacer {
		float:left;
		height:28px;
		width:200px;
	}
	.mailform .caption, .mailform .title {
		clear:both;	
		margin-left:120px;
		width:250px;
	}
	.mailform .title {
		font-weight:bold;
	}
	
	
/* myscroll */
	.myscroll {
		width:100%;
		height: 211px;
		position: relative;
	}
	
	.myscroll div.scrollableArea a.item
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		padding: 0 10px;
	}
	.myscroll .scrollingHotSpotLeft, .myscroll .scrollingHotSpotRight {
		width:75px !important;
		display:block !important;
		min-width:3px;
		height:211px;
	}

