HTML, BODY { padding: 0; margin: 0; background: #fff; line-height: 14px; }
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 13px; margin: 0; }
BODY { line-height: 17px; }

TEXTAREA { overflow: auto; }

H1, H2, H3, H4, H5, H6 {
	margin: 1em 0 0 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	line-height: normal !important;
	font-family: Georgia, "Times New Roman", Times, serif;
}

H1 { font-size: 24px; color: #a91e3e; }
H2 { font-size: 20px; color: #000; }
H3 { font-size: 18px; color: #000; }
H4 { font-size: 16px; color: #a91e3e; }
H5 { font-size: 14px; color: #000; font-weight: bold; }
H6 { font-size: 12px; color: #a91e3e; font-weight: bold; }


IMG { border: 0; }

A { color: #a50328; text-decoration: none; }
A:hover { color: #c34461; text-decoration: underline; }

P { margin: 1em 0 0 0; padding: 0; }
P.img-right { float: right; clear: both; margin: 1em 0 0 1em; padding: 1px; background: #fff; border: 1px solid #c4c4c4; }
P.img-left { float: left; clear: both; margin: 1em 1em 0 0; padding: 1px; background: #fff; border: 1px solid #c4c4c4; }

P.img-right:hover,
P.img-left:hover { border-color: #5e5959; }

FORM { padding: 0; margin: 0; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; }
TH, TD { text-align: left; vertical-align: top; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify; }
.bold { font-weight: bold !important; }
.regular { font-weight: normal !important; }

.middle { vertical-align: middle; }
.nopadding { padding: 0 !important; }
	.nopt { padding-top: 0 !important; }
	.nopr { padding-right: 0 !important; }
	.nopb { padding-bottom: 0 !important; }
	.nopl { padding-left: 0 !important; }
.nomargin { margin: 0 !important; }
	.nomt { margin-top: 0 !important; }
	.nomr { margin-right: 0 !important; }
	.nomb { margin-bottom: 0 !important; }
	.noml { margin-left: 0 !important; }

.nobg { background: none !important; }
.noborder { border: none !important; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.block { display: block; }
.inline { display: inline; } 

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.mt1 { margin: 1em 0 0 0; }

.clear { overflow: hidden; clear: both; }
* HTML .clear { overflow: visible; height: 1px; }

.black { color: #000; }
.white { color: #fff; }
.red { color: red; }
.gray { color: gray; }
.blue { color: blue; }

.req { color: #e61b23; }

.f-left { float: left; }
.f-right { float: right; }

/* Mozilla recovery */
*:focus { outline: none; }
INPUT[type="checkbox"] { padding: 0; margin: 4px; -moz-appearance: checkbox; }
INPUT[type="radio"] { padding: 0; margin: 4px; -moz-appearance: radio; }
*:first-child+HTML INPUT[type="checkbox"] { margin: 0; }
*:first-child+HTML INPUT[type="radio"] { margin: 0; }
HTML, BODY { min-height: 100%; height: 100%; background: #000 url(../img/bg01a.jpg) no-repeat 50% 0; }
* HTML A { position: relative; }
UL { list-style: none; }

#box01 { margin: auto; min-height: 100%; width: 900px; min-width: 900px; background: url(../img/bg04.png) repeat; }
* HTML #box01 { height: 100%; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg04.png', sizingMethod='scale'); }

#box02 { margin: -80px 0 0 0; height: 80px; background: #000; }

#footer { width: 860px; padding: 0 20px; margin: auto; color: #9f9f9f; }
#footer A { color: #fff; text-decoration: underline; }
#footer A:hover { color: #fff; text-decoration: none; }
#footer SPAN { padding: 0 10px; }

#copyright { float: left; margin: 0; padding: 28px 0 0 0; }
#webstyle { float: right; margin: 0; padding: 20px 0 0 0; }

#header { padding: 0 20px; }

#langselect { float: right; }
#langselect * { float: left; } 
#langselect UL {  margin: 0; padding: 10px 0 0 0; font-size: 11px; } 
#langselect A { padding: 3px 10px; color: #c3c2c2; border-right: 1px solid #414141; text-decoration: none; }
#langselect A:hover,
#langselect A.active { color: #fff; text-decoration: none; }
#langselect A.active { font-weight: bold; }

#logo { float: left; margin: 0; padding: 5px 0 0 0; }
#banner01 { float: right; padding: 5px 0 0 0; }

#menu01 { margin: 10px 0 0 0; padding: 0; height: 40px; background: url(../img/bg02.gif) repeat-x; font-size: 13px; }
#menu01 * { float: left;  }

#menu01 A { color: #fff; text-decoration: none; padding: 12px 15px 11px 15px; }

#menu01 A:hover, 
#menu01 A.active { background: url(../img/bg03.gif) repeat-x; text-decoration: underline; }
#menu01 A.active { font-weight: bold; }

#index { padding: 20px 20px 120px 20px; line-height: 20px; color: #fff; font-size: 12px; } 
#index H1 { font-size: 22px; color: #ff9600; padding: 0 0 3px 0; }
#index A { color: #ff9600; text-decoration: underline; }
#index A:hover { color: #fbb147; }

#video01 { margin: 1em 0 0 0; width: 340px; height: 340px; overflow: hidden; }

.front-news { margin: 1em 0 0 0; padding: 0; }
.front-news LI { float: left; width: 100%; clear: both; border-bottom: 1px dotted #3d3d3d; }
.front-news A { display: block; padding: 5px; color: #fff !important; text-decoration: none !important; }
.front-news A:hover { background: #232323; }

#subpage { padding: 20px 20px 120px 20px; background: #fff url(../img/bg06.jpg) 50% 50% no-repeat; min-height: 448px; }

#menu02 { margin: 0; padding: 0; font-size: 12px; }
#menu02 LI { float: left; width: 100%; clear: both; padding: 0 0 2px 0;  }
#menu02 A { display: block; color: #fff; text-decoration: none; background: url(../img/bg05.gif) no-repeat; }
#menu02 A:hover { background: url(../img/bg05.gif) no-repeat -366px 0; }
#menu02 A.active { background: url(../img/bg05.gif) no-repeat -549px 0; font-weight: bold; }
#menu02 A SPAN { display: block; background: url(../img/bg05.gif) no-repeat -183px 100%; padding: 5px 5px 5px 16px; }

#menu02 UL { margin: 0; padding: 5px 0; }
#menu02 UL A { background: #fff url(../img/dot01.gif) no-repeat 18px 9px; color: #1d1d1d; text-decoration: none; padding: 3px 3px 3px 26px; border-bottom: 1px solid #f1f1f1; }
#menu02 UL A:hover,
#menu02 UL A.active { background: #fff url(../img/dot02.gif) no-repeat 18px 9px; color: #8b0221; text-decoration: underline;  }

.col { float: left; min-height: 1px; }
* HTML .col { height: 1px; }
.col01 { width: 440px; padding: 0 80px 0 0; }
.col02 { width: 340px; }
.col03 { width: 182px; padding: 0 40px 0 0; }
.col04 { width: 638px; }
 
 /* Content */
 
.content { line-height: 22px; } 
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #a50328; font-weight: bold; color: #fff; }
.content TABLE TD { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #fff; }
.content TABLE TR.even TD { background: #f1f1f1; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(../img/dot02.gif) 0 9px no-repeat; padding: 0 0 0 12px; }

/* Imagelist */

UL.imagelist { margin: 1em 0 0 0; padding: 0; }
UL.imagelist * { float: left; }
UL.imagelist LI { padding: 0 10px 10px 0; background: none; }
DIV.col04 UL.imagelist LI.row { padding: 0 0 10px 0 !important; }
UL.imagelist LI A { padding: 1px; background: #fff; border: 1px solid #c4c4c4; }
UL.imagelist LI A:hover { border-color: #5e5959; }
UL.imagelist LI A IMG { width: 115px; height: 115px; }

/* Paginator */

UL.pages { margin: 1em 0 0 0; padding: 0; }
UL.pages * { float: left; }
UL.pages LI { background: none; padding: 0; }
UL.pages A { padding: 2px 8px; }
UL.pages A:hover,
UL.pages A.active { background: #a50328; color: #fff; text-decoration: none; }
UL.pages DIV { padding: 2px 8px; color: #9f9f9f; }


/* Colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background:url(../img/colorbox/overlay.png) 0 0 repeat; }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');}
/* File listings */

.file_wrapper{width:400px;height:300px;float:left;}
.file_wrapper object{width:400px;height:300px;}

.files {margin:5px 0px 10px 0px;}
.files li{list-style:none;list-style-image:none;}
.files object.audioplayer{height:14px;width:200px;}
.files a{background: url(../img/icon_file.png) no-repeat; padding-left: 18px;}
.files a[href$='.jar'] { background: url(../img/icon/java.png) no-repeat;}
.files a[href$='.txt'] { background: url(../img/icon/icon_txt.gif) no-repeat;}
.files a[href$='.pps'] { background: url(../img/icon/icon_pps.gif) no-repeat;}
.files a[href$='.pdf'] { background: url(../img/icon/icon_pdf.gif) no-repeat;}
.files a[href$='.xls'] { background: url(../img/icon/icon_xls.gif) no-repeat;}

.files a[href$='.zip'], .files a[href$='.rar'], .files a[href$='.gzip'], .files a[href$='.bzip'], .files a[href$='.ace'] { padding: 5px 20px 5px 0;background: transparent url(../img/icon/icon_archive.gif) no-repeat center right;}
.files a[href$='.mov'], .files a[href$='.wmv'], .files a[href$='.flv'], .files a[href$='.avi'], .files a[href$='.mpg'] { padding: 5px 20px 5px 0; background: transparent url(../img/icon/icon_film.gif) no-repeat center right;}
.files a[href$='.mp3'], .files a[href$='.wav'], .files a[href$='.ogg'], .files a[href$='.wma'], .files a[href$='.m4a'] { padding: 5px 20px 5px 0; background: transparent url(../img/icon/icon_music.gif) no-repeat center right;}

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../img/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../img/fancybox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding: 5px 0px 0px 2px;
	overflow:hidden;
	white-space: nowrap;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	vertical-align:top;
	background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../img/fancybox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../img/fancybox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancybox/fancy_shadow_nw.png) no-repeat;
}