/*	structure		*/
html, body { margin: 0; padding: 0; height: 100%; }
/* removed height 100% beacause it have bugs wven page have scroll */
body { background: #454742 url(../img/bg_body.jpg); }
img { border: 0 none; }
#all { min-height: 100%; width: 94em; margin: 0 auto; position: relative; padding: 0 0.5em; }
* html #all { height: 100%; }
	#header { height: 115px; width: 90em; padding: 0 17px; }
		#header h1 { float: left; font-size: 1.5em; width: 20em; }
		#header h1 a { display: block; position: relative; width: 185px; height: 70px; left: 18px; top: 17px; overflow: hidden; cursor:pointer; }
		#header h1 a span { display: block; position: absolute; width: 100%; height: 100%; background: transparent url(../img/i_logo.png) no-repeat; top: 0; left: 0; }
		#header p { margin: 0 0 0 25em; text-align: center; }
		#header p strong { display: block; width: 448px; height: 86px; margin: 0 auto; top: 23px; position: relative; }
		#header p strong span { display: block; position: absolute; width: 100%; height: 100%; background: transparent url(../img/i_phrase.png) no-repeat; top: 0; left: 0; }
		
	#main { }
		#content { padding: 0 0 17px 0; height: 49.5em; }
		#home #content { height: 34em; }
			#point { width: 60em; height: 49.5em; float: right; overflow: hidden; margin-left: -30em; position: relative; }
			#home #point { height: 34em; }
				#point .head { height: 6em; }
				#point .text { height: 42em; padding: 0 1.5em 1.5em 1.5em; clear: both; float: left; }
			#extra { width: 30em; height: 100%; position: relative; border-right: 2px solid #fff; }
				#add { height: 100%; }
					#add .in { position: absolute; top: 20em; height: 29.5em; width: 30em; overflow: hidden; }
					#home #add .in { height: 14em; padding: 0; }
	#else { width: 90em; margin: 0 auto; }
	#news { width: 30em; clear: left; padding: 0 30em; float: right; position: relative; display: inline;   }
		#news .gap { padding: 11px; overflow: hidden; min-height: 18em; position: relative; }
		* html { height: 18em; }
		#news .newswheel li { width: 100%; margin-right: 11px; }
		.arrows { text-align: center; padding: 1em 0 0 20em;}
		* html .arrows li { display: inline; }
		*+html .arrows li { display: inline; }
		.arrows a { display: block; width: 14px; height: 14px; overflow: hidden; }
		.arrows .prev { float: left; }
		.arrows .next { float: right; }
		.arrows a span { display: block; float: left; width: 14px; height: 14px; }
		.arrows .prev span { background: url(../img/i_arr_prev.png) no-repeat; }
		.arrows .next span { background: url(../img/i_arr_next.png) no-repeat;  }
		.arrows .disabled { visibility: hidden; }
		.arrows .number { color: #eb8416; font-size: 1.1em; }
	#mainmenu { position: absolute; width: 30em; height: 17em; top: -49.5em; left: 0; margin: -17px 0 0 0; }
	#home #mainmenu { top: -34em; }
	#menus { position: relative; float: left; margin-right: -30em; }
		#addmenu { width: 30em;  }
		#cups { position: absolute; top: 0; left: 60em; width: 30em; }
		
	#header { }
	#footer { clear: both; }
	
	.shade { position: absolute; background: #000; width: 12px; top: 0; height: 100%; }
	.pageleft { left: -12px; background: transparent url(../img/bg_page_shade_l.png) repeat-y; }
	.pageright { right: -12px; background: transparent url(../img/bg_page_shade_r.png) repeat-y; }
	* html .shade { height: expression(this.parentNode.offsetHeight+'px'); behavior: url(/js/iepngfix.htc); }

	.image { display: block; width: 100%; height: 100%; overflow: hidden; }
	.image img { width: 100%; height: 100%; }

	.text p { margin-top: 0; }
	
	#news .date { }
	#news ol li {}
	
	#mainmenu ul { width: 26em; margin: 0 auto; }
	#mainmenu ul li { float: left; width: 100%; white-space: nowrap; }
	#mainmenu ul li a, #mainmenu ul li span { display: block; }
	
	#addmenu ul { display: inline; }
	#addmenu ul li { float: left; width: 100%; }
	#addmenu ul li a { display: block; }
	
	#footer ul, #footer ul li { float: left; }

/*	strokes			*/

.as { behavior: url(/js/iepngfix.htc);}
#main .stroked { background: #3f3f3f url(../img/bg_sb_t.png) repeat-x; position: relative; padding: 17px 17px 0 17px; width: 90em; margin: 0 auto; }
#main .stroked .strb { background: transparent url(../img/bg_sb_b.png) repeat-x bottom left; padding-bottom: 17px; }
#main .stroked .strr { background: transparent url(../img/bg_sb_r.png) repeat-y top right; padding-right: 17px; margin-right: -17px; }
#main .stroked .strl { background: transparent url(../img/bg_sb_l.png) repeat-y; padding-left: 17px; margin-left: -17px; }

.stroked .ab { width: 55px; height: 55px; position: absolute; }
#main .stroked .tl { background: transparent url(../img/bg_ab_tl.png) no-repeat; top: 0; left: 0; }
#main .stroked .tr { background: transparent url(../img/bg_ab_tr.png) no-repeat; top: 0; right: 0; }
#main .stroked .br { background: transparent url(../img/bg_ab_brc.png) no-repeat; bottom: 0; right: 0; }
#main .stroked .bl { background: transparent url(../img/bg_ab_bl.png) no-repeat; bottom: 0; left: 0; behavior: url(/js/iepngfix.htc); }


#else .stroked { background: transparent url(../img/bg_ss_t.png) repeat-x; padding: 11px 11px 0 11px; width: 30em; float: left; left: -11px; position: absolute; }
#else .stroked .strb { background: transparent url(../img/bg_ss_b.png) repeat-x bottom left; padding-bottom: 11px; }
#else .stroked .strr { background: transparent url(../img/bg_ss_r.png) repeat-y top right; padding-right: 11px; margin-right: -11px; }
#else .stroked .strl { background: transparent url(../img/bg_ss_l.png) repeat-y; padding-left: 11px; margin-left: -11px; }

.stroked .as { width: 25px; height: 25px; position: absolute; }
#else .stroked .tl { background: transparent url(../img/bg_as_tl.png) no-repeat; top: 0; left: 0; }
#else .stroked .tr { background: transparent url(../img/bg_as_tr.png) no-repeat; top: 0; right: 0; }
#else .stroked .br { background: transparent url(../img/bg_as_br.png) no-repeat; bottom: 0; right: 0; }
#else .stroked .bl { background: transparent url(../img/bg_as_bl.png) no-repeat; bottom: 0; left: 0; }

#addmenu .stroked .br { background-image: url(../img/bg_as_brc.png); }
#cups .stroked .bl { background-image: url(../img/bg_as_blc.png); }
#else .stroked .in { color: #FFF; background: #000 url(../img/bg_emenu.png) repeat-x; height: 19em; overflow:hidden;  }

/*	shades			*/

.shaded { position: relative; height: 100%; }

.shaded .sh { width: 40px; height: 40px; position: absolute; }
.shaded .shdt { background: transparent url(../img/bg_sh_t.png) repeat-x; height: 12px; width: 100%; top: 0; left: 0; }
.shaded .shdb { background: transparent url(../img/bg_sh_b.png) repeat-x bottom left; height: 12px; width: 100%; bottom: 0; left: 0; }
.shaded .shdr { background: transparent url(../img/bg_sh_r.png) repeat-y top right; width: 12px; height: 100%; top: 0; right: 0; }
.shaded .shdl { background: transparent url(../img/bg_sh_l.png) repeat-y; width: 12px; height: 100%; top: 0; left: 0; }

#main .shaded .tl { background: transparent url(../img/bg_ac_tlc.png) no-repeat; top: 0; left: 0; }
#main .shaded .tr { background: transparent url(../img/bg_ac_trc.png) no-repeat; top: 0; right: 0; }
#main .shaded .br { background: transparent url(../img/bg_ac_brc.png) no-repeat; bottom: 0; right: 0; }
#main .shaded .bl { background: transparent url(../img/bg_ac_bl.png) no-repeat; bottom: 0; left: 0; }
#main #point .tr { top: -12px; }

#point .text .shaded { background: #d3d3d3 url(../img/bg_text.gif); }
#point .text .shaded .in { overflow: auto; overflow-x: hidden; height: 39em; position: relative; padding: 1.5em; zoom:1;}
	#point .text .shaded .in:after{ content:'.'; display:block; clear:both; height:0; visibility: hidden;}

#point .shaded .sh { width: 40px; height: 40px; position: absolute; }
#point .shaded .shdt { top: -12px; left: 0; height: 12px; width: 100%;  }
#point .shaded .shdb { bottom: -12px; left: 0; height: 12px; width: 100%; }
#point .shaded .shdr { top: 0; right: -12px; width: 12px; height: 100%; }
#point .shaded .shdl { top: 0; left: -12px; width: 12px; height: 100%; }

#point .shaded .tl { top: -12px; left: -12px; }
#point .shaded .tr { top: -12px; right: -12px; }
#point .shaded .br { bottom: -12px; right: -12px; }
#point .shaded .bl { bottom: -12px; left: -12px; }
#point .tr { top: -12px; }

/*	contact form	*/
input, select, textarea { background: #ddd; border: none; padding: 0.25em; font-size: 1.1em; }
form textarea { font-size: 1.1em; font-family: Arial, sans-serif; }


form  { width: 50em; margin: 0 auto; }

.form li { margin-bottom: 0.2em; }
form label { float: left; display: block; padding: 0.3em 0.5em; width: 4em; font-size: 1.1em; }

.odd { width: 60%; float: left; }
.even { width: 40%; float: right; }
.all { width: 100%; clear: both; }
.postal { width: 11em; clear:both; }
.city { width: 18em; }

.odd input, .all input { width: 20em; }
.even input { width: 12em; }
.postal input { width: 4em; }
.city input { width: 10em; }

.even label { text-align: right; }
.city label { text-align: right; }

.odd select, .all select { width: 20.5em; }
.even select { width: 12.4em; }


form div label { float: none; width: auto; }
form div textarea { width: 44.3em; float: left; }

.buttons { text-align: center; }
.buttons input { width: 125px; height: 50px; background: url(../img/bg_button.png) no-repeat 0 10px; margin: auto; color: #fff; border: none; font-weight: bold; font-size: 1.5em; }
.buttons input:hover, .buttons input.hover { background-position: 0 -90px; }



/*	appearance		*/

body { font: normal 62.5% Verdana, sans-serif; color: #fff; }
h1, h2, h3 { margin: 0; font-size: 1em; }
p { font-size: 1.2em; /*line-height: 1.6em;*/ text-align: justify; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
li {  }
a { color: #7d674f; }
a:hover { color: #e07628; text-decoration: none; }
strong { color: #e07628; }

#all { background: #272727 url(../img/bg_all.gif); } 


#point .head { background: #3f3f3f url(../img/bg_sh_t.png) repeat-x bottom; margin: 0 24px; }

/* tabs */
/*#point .head h2 span { float: left; margin-left: -1px; position: relative; padding: 0 0 0 11px; background: url(../img/bg_mh_tl.png) no-repeat left bottom; color: #e77800; text-transform: lowercase; }*/
/*#point .head h2 span a.tab { display: block; padding: 2em 2em 1em 2em; margin-left: -11px; background: url(../img/bg_mh_tr.png) no-repeat right bottom; font-size: 1.4em; height: 1.287em; float: left;color: #e77800;   }*/
#point .head .ui-tabs-nav .ui-tabs-selected {
    float: left;
	 position: relative;
	 background: url(../img/bg_mh_tl1.png) no-repeat left bottom;
	 color: #e77800;
	 text-transform: lowercase;
	 margin-left: -20px;
}
#point .head .ui-tabs-nav .ui-tabs-selected a.tab {
	display: block;
	padding: 26px 23px 11px 29px;
	background: url(../img/bg_mh_tr.png) no-repeat right bottom;
	font-size: 1.8em;
	float: left;
	color: #e77800;
	font-weight: bold;
}
#point .head .ui-tabs-nav li {
	padding: 0px;
	margin: 0px;
	margin-left: -10px;
}
#point .head h2 { float: left; margin-left: -21px; position: relative; padding: 0 0 0 11px; background: url(../img/bg_mh_tl.png) no-repeat left bottom; color: #e77800; text-transform: lowercase; }
#point .head h2 span { display: block; padding: 2em 2em 1em 2em; margin-left: -11px; background: url(../img/bg_mh_tr.png) no-repeat right bottom; font-size: 1.4em; height: 1.287em; float: left;   }
/*#point .head ul { float: left; }*/
* html #point .head h2 span, * html #point .head ul li span { display: inline; }

#point .head ul { }
#point .head ul li { float: left; background: url(../img/bg_ml_l.png) no-repeat left bottom; margin-left: -10px; position: relative; text-transform: lowercase;  }
#point .head ul li a { display: block; padding: 2em 2em 1em 2em; background: url(../img/bg_ml_r.png) no-repeat right bottom; font-size: 1.4em; height: 1.287em; float: left; margin-left: -5px; color: #fff; text-decoration: none; }

#point .text { background: #3f3f3f; color: #000; clear: left; width: 57em; }

#add { background: #e07628 url(../img/bg_mmenu.png) repeat-y right; }
	#add .in { background: #3f3f3f; }
	#home #add .in { background: #0e0d0d url(../img/bg_extra.png) repeat-x bottom; overflow:hidden; }
	#home #add .intro { overflow:hidden; height:14em; }
#else a { color: #e07628; text-decoration: none; }
#else a:hover { color: #fff; }
#else strong { color: inherit; }


.intro { overflow: hidden; padding: 0.5em 1em 0 2em; }
#add .intro h2 { font: bold 1.4em Arial, sans-serif; color: #eb8517; margin: 0 0 0.3em 0;}
#add .intro p { color: #e7a524; margin: 0; font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif; font-size: 11px; line-height: 17px; }

#mainmenu ul li { background: transparent url(../img/bg_mmenu_brd.gif) repeat-x; }
#mainmenu ul li.first { background: none; }
#mainmenu ul li a, #mainmenu ul li span { font-size: 1.4em; font-weight: bold; padding: 0.45em 85px 0.6em 1em; text-align: right; }
#mainmenu ul li a { color: #674124; }
#mainmenu ul li span { color: #fff; background: transparent url(../img/blt_flag.png) no-repeat right 2px; }

#addmenu ul li a { font-size: 1.6em; font-weight: bold; padding: 0.8em 1.25em; border-top: 2px solid #fff; }
#addmenu ul li.first a { border-top: none; }

#cups h3 { font-size: 1.6em; padding: 0.4em 0.6em 0.2em; }
#cups ul {  }
#cups li { display: block; padding: 0.5em 0em 0.5em 0.4em; border-top: 2px solid #fff; }
#cups ul li h4 { font-size: 1.4em; margin: 0; }
#cups ul li a { padding-right: 2px; }
#cups ul li.first { border-top: none; }

#footer { color: #ccc; background: transparent url(../img/bg_foot.gif) repeat-x; width: 92em; margin: 0 auto; }
#footer ul { font-size: 1.2em; padding: 1.5em 7px; background: transparent url(../img/bg_foot_l.gif) no-repeat left top; }
#footer p { margin: 0; text-align: right; padding: 1.5em 7px; background: transparent url(../img/bg_foot_r.gif) no-repeat right top; }
#footer a { color: #ccc; font-weight: bold; }
#footer ul li { background: transparent url(../img/blt_fmenu.gif) no-repeat scroll left center; padding: 0 0.8em 0 1em; }
#footer ul li.first { background: none; padding-left: 0; }
#footer ul li a { text-decoration: none; }

#menu, #menu UL{
        margin-left:20px
}
#menu .active{font-weight:bold}

/* Gallery */
#gallery {
	z-index: 0;
	width: 600px;
	height: 340px;
}

/* auth page */
.login form { margin: 10px 0 0 10px; }
.login label { padding: 0; width: 10em; color: #FFF; }


.newsList{ }
	.newsListItem{ zoom:1;}
	.newsList h3{ color:#e07628; font-size:1.2em;}
	.newsList .date{ color:#e07628; padding-bottom:0.3em;}
	.newsList .newsListItem{ padding:0 0 0.5em 0;}

#newsCalendar{ float:left; display:inline; margin:0 1em 0.5em 0;}	
*html #newsCalendar tbody a{ width:75%;}

.newsContainer{ display:block; zoom:0 !important;}

#newsNavigation{ background:none; border:none;}
#newsNavigation .ui-datepicker-prev span, #newsNavigation  .ui-datepicker-next span { display:block;  margin-left:-8px; margin-top:-8px; position:absolute; top:50%; left:50%; width:1.8em; height:1.8em;}
#newsNavigation .ui-datepicker-prev, #newsNavigation .ui-datepicker-next { top:21px; left:21px; width:20px; height:20px; display:block; position:absolute;  z-index:1000;}
#newsNavigation .ui-datepicker-next { left:182px; }



.newswheel { height:166px; }
 .newswheel h3 { font-size: 12px; }
 .newswheel .date { font-size: 12px; color: #EB8517; }
 #else a.news { font-size: 11px; color:#FFF;}
 #else a.news:hover { color:#E7A524;}