@charset "UTF-8";
/* CSS Document */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - RESET */

* { border: 0px; margin: 0px; padding:0px; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - HELPER */

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hide { display:none; width:1px; height:1px; overflow:hidden; visibility:hidden; }
.ta_r { text-align:right }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - ELEMENTS */

body, td, th { font: 12px / 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333; }
body { background-color:#F0F0F0;}
p, ul, h1, h2, h3 { margin-bottom:15px; }







h1, h2 { font-size: 20px; color: #FF6633; font-weight:normal; line-height: 26px;}
h1 span, h2 span { font-size:14px; display:block; margin-top:0px; line-height:24px; }
h1 .caps, h2 .caps { display:inline; font-size:20px;}

h2x { margin-top:40px; }

h3 { font-size: 18px; color: #999; line-height:22px; margin-bottom:10px; }


strong { font-weight:bold; }
em { font-style:italic }
a { color:#666; text-decoration:none; }
a:hover { color:#FF6633; }
hr { height: 1px; border-width: 1px 0 0 0; border-style:solid; border-color: #CCC; margin-bottom:20px; margin-top:20px; clear:both; }
blockquote { font-style:italic; color:#999; }

#article .right p, #article .right ul, #article .right h1, #article .right h2, #article .right h3 { margin-bottom:10px; }

#article .right { font-size:10px; line-height:15px; color:#666;}
#article .right h1, #article .right h2 {font-size:14px; line-height:16px;}
#article .right h1 span, #article .right h2 span { font-size:10px; display:block; margin-top:0px; line-height:20px; }
#article .right h1 .caps, #article .right h2 .caps { display:inline; font-size:14px;}



#article .right h3 { font-size: 12px; line-height:16px; margin-bottom:10px; }

#article .right hr { margin-bottom:15px; margin-top:15px; }


.mt1 { margin-top:18px; }
.mt2 { margin-top:36px; }
.mb1 { margin-bottom:18px; }
.mb2 { margin-bottom:36px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - LAYOUT */

#sheet {background: url(../gfx/bg_sheet.png); background-repeat:repeat-y; background-position:center; overflow:hidden; padding-bottom:50px;}
#logo { width:1050px; margin-left: auto; margin-right: auto; height:100px; overflow:hidden; z-index:200;}
#logo img {margin-top:40px; margin-left:17px;}
#header { height:70px;}


#cont_left {border-top:1px solid #CCC; padding-top:20px;}

#article {margin-top:25px; float:left;}

#display { height:250px;}


#footer { font-size:10px; text-align:center; color:#666; margin-top:20px; margin-bottom:40px;}

#footer>div>p {color:#999; margin-bottom:6px;}
#footer>div>p+p+p {color:#CCC;}

#topics { font-size:13px; text-align:center; color:#666; margin-top:20px;}

#toolbar {width:100%; position:absolute; top:0px;}
#toolbar>div { width:920px; margin-left: auto; margin-right: auto; position:relative; margin-top:30px; }
#toolbar .top { float:right; text-align:right; height:30px; position:relative;}
#toolbar .bot { width:85px; float:right; clear:both; text-align:right; margin-top:75px;}
#toolbar .bot img {margin-left:6px; width:16px; height:14px; }


#toolbar .top { font-size: 11px;}
#toolbar .top a,
#toolbar .top a:link,
#toolbar .top a:visited { text-decoration:none; color:#CCC; float:left; margin-left:10px; }
#toolbar .top a:hover { color:#FF6633; }

#toolbar form { display:inline; margin-left:15px; margin-right:5px; float:left;}
input.search { border: 1px solid #999999; background-color: #F0F0F0; height: 17px; width: 80px; font-size:11px; color:#999999; line-height:12px; padding-left:2px; line-height:17px; }

.social_icon_sprite { background-image:url(../gfx/social_icon_sprite.png); background-repeat:no-repeat; height:20px; width:20px; display:block; }
.social_icon_sprite img { width:20px; height:20px; }
.ico_twitter { background-position: -20px 0px; }
.ico_twitter:hover { background-position: 0px 0px; }
.ico_facebook { background-position: -20px -20px; }
.ico_facebook:hover { background-position: 0px -20px; }





#breadcrumb { margin-top:10px;}
#breadcrumb a { color:#666 }
#breadcrumb a:hover { color:#000 }

#nav_bredacrumb { margin:0px; font-size:12px;}
#nav_bredacrumb li { display:inline; padding-left:12px; margin-right:6px; background: url(../gfx/ico_path.gif) no-repeat 0px .4em; float:left; }
#nav_bredacrumb li.l1 { background-image:none; padding-left:0px; }







/* - - - - - - - - - - - - - - - - - - - - - - - - - - NAVI */

#nav-main { margin-top:35px; position:relative; z-index:2;}
#nav-main a { color:#666;  }
#nav-main a:hover { color:#FF6633; text-shadow: 0px 1px 1px #ccc; }
#nav-main li {font-size:13px; display:inline; height:35px; float:left; }
#nav-main li a {margin-right:16px;}

#nav-main .idhome {width:240px;}
#nav-main .id4 a { padding-right:16px; border-right: 1px solid #FF6633;}

#nav-main li.cur a, #nav-main li.act a, #nav-main li a:hover { color:#FF6633;}
#nav-main li ul { position: absolute; margin-top:14px; margin-left:-20px; z-index:2; height:1px; overflow:hidden; padding-top:0px; }
#nav-main li ul li { display:block; float:none; padding:0px; margin:0px; background-image:none; height:auto; }
#nav-main li ul li a, #nav-main li.act ul li a, #nav-main li.cur ul li a { margin:0px; color:#666; display:block; padding:2px; padding-left:20px; padding-right:20px; }
#nav-main li ul li a:hover, #nav-main li ul li a.act, #nav-main li ul li a.cur { color:#FF6633 }
#nav-main li:hover ul { display: block; height:auto; padding-top:15px; padding-bottom:15px; background-image:url(../gfx/alpha_black_50.png); -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; display:none;}




#nav-sub a { color:#666; display:block; line-height:15px;}
#nav-sub a:hover, #nav-sub a.act, #nav-sub a.cur { color:#FF6633; }
#nav-sub li {margin-bottom:8px;}
#nav-sub li ul { margin-left:10px; margin-top:9px;}
#nav-sub li ul ul { margin-top:6px;}
#nav-sub li ul li {margin-bottom:6px;}
#nav-sub li ul li ul li {margin-bottom:4px;}














img.l { float:left; margin-right:20px; margin-bottom:20px; }
img.r { float:right; margin-left:20px; margin-bottom:20px; }
img.t { margin-bottom:20px; }
.right img.t { margin-bottom:10px; }
img.b { border:1px solid #ccc; }


p a.ico, p a.ico:hover { background-position:0px 0.2em; padding-left:17px; background-repeat:no-repeat; display:block; clear:both; }
.right p a.ico, .right p a.ico:hover { background-position:0px 1px;}



p a.i_jpg, p a.i_jpeg { background-image: url(../gfx/fico_jpg.gif); }
p a.i_doc { background-image: url(../gfx/fico_doc.gif); }
p a.i_pdf { background-image: url(../gfx/fico_pdf.gif); }
p a.i_zip { background-image: url(../gfx/fico_zip.gif); }
p a.i_xls { background-image: url(../gfx/fico_xls.gif); }
p a.i_def { background-image: url(../gfx/fico_def.gif); }

p a.l_int { background-image: url(../gfx/internal-link.gif); }
p a.l_ext { background-image: url(../gfx/external-link.gif); }


#article ul li { background-image: url(../gfx/point_grey.gif); background-repeat: no-repeat; background-position: 0px .5em; padding-left:12px; margin-bottom:5px; }
#article ul li ul { margin-top:5px; }
#article ul li ul li { padding-bottom:5px; background-image: url(../gfx/arrow_grey.gif); background-repeat: no-repeat; background-position: 0px 0.3em }






/* - - - - - - - - - - - - - - - - - - - - - - - - - - 960.gs *//*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 961px;
  overflow:hidden;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 18px;
	margin-right: 18px;
}


#article .grid_1,
#article .grid_2,
#article .grid_3,
#article .grid_4,
#article .grid_5,
#article .grid_6,
#article .grid_7,
#article .grid_8,
#article .grid_9,
#article .grid_10,
#article .grid_11,
#article .grid_12 {
 background-color:#FAFAFA;
 background-color:#FFF;
 overflow:hidden;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:44px;
}

.container_12 .grid_2 {
	width:124px;
}

.container_12 .grid_3 {
	width:204px;
}

.container_12 .grid_4 {
	width:284px;
}

.container_12 .grid_5 {
	width:364px;
}

.container_12 .grid_6 {
	width:444px;
}

.container_12 .grid_7 {
	width:524px;
}

.container_12 .grid_8 {
	width:604px;
}

.container_12 .grid_9 {
	width:684px;
}

.container_12 .grid_10 {
	width:764px;
}

.container_12 .grid_11 {
	width:844px;
}

.container_12 .grid_12 {
	width:924px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - Fancybox */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; }
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('../jquery/fancybox/fancy_progress.png') no-repeat; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: 15px; right: 15px; height: 20px; width: 20px; background: url('../jquery/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../jquery/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../jquery/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_n.png') repeat-x; }
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_ne.png') no-repeat; }
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_e.png') repeat-y; }
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_se.png') no-repeat; }
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_s.png') repeat-x; }
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_sw.png') no-repeat; }
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_w.png') repeat-y; }
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../jquery/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; z-index: 100; display: none; margin-top:-50px; }
div#fancy_title div { color:#185E95; white-space: nowrap; background-color:#FFF; filter:alpha(opacity=70); /* IE */ -moz-opacity: 0.70; /* Mozilla */ opacity: 0.70; /* Opera */ padding:5px; padding-left:10px; padding-right:10px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { vertical-align: middle; }
td#fancy_title_left { }
td#fancy_title_main { }
td#fancy_title_right { }


#cont_mid {width:720px; margin:0px; display:inline;
	float: left;
	position: relative;}
  
  
  
.slider .s { height:250px;}
.slider .s div { display:none; top:0; left:0; }
.slider .s div img { width:924px; height:250px;  }
.slider .s div div { position:absolute; display:block; padding:20px; margin:0px; width:405px; height:120px; margin-left:479px; margin-top:40px; background-image:url(../gfx/opacity_white_90.png); overflow:hidden; color:#333; }
.slider .n { display:block; position:absolute; z-index:2; right:16px; bottom:16px; text-align:right; }
.slider .n a { width:8px; height:8px; margin-left:2px; display:inline-block; background-color:#fff; border:1px solid #FF6633; font-size:1px; line-height:1px; }
.slider .n a:hover, .slider .n a.current { background-color:#FF6633 }
.slider .n a.current { background-position:0 -16px; }

.slider .s div div {
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
  }
  
#display img {
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
  }  




.link {cursor:pointer}
.link:hover a { color:#FF6633; }





/* Formular (xForm) */
.xform { margin-top:30px; margin-bottom:50px; }
.xform p { margin-bottom:16px; display:table; width:100%; border-bottom:1px solid #CCC;}
.xform p.formtext label, .xform p.formselect label, .xform p.formdate label, .xform p.formcaptcha label { width:180px; display:inline-block; float:left;}
.xform p.formtext input, .xform p.formcaptcha input { width:250px; color:#000; font-size:12px; background-color:#F0F0F0; float:right; padding-left:5px;height:20px; border:none;}
.xform p.formselect select { background-color:#F0F0F0; color:#333; font-size:12px; width:255px; float:right; border-color:#F0F0F0; }
.xform p.formtextarea textarea { background-color:#F0F0F0; width:100%; border:1px solid #FFF; color:#000; font-size:12px; padding-top:3px; }

.xform p.formdate select { background-color:#ccc; color:#000; font-size:12px; margin-left:15px; margin-bottom:1px;}

.xform p.formcaptcha label { margin-top:10px;}
.xform p.formcaptcha span.as-label { margin-left:55px; width:120px;}
.xform p.formcaptcha span.as-label img {height:30px; width:120px;}
.xform p.formcaptcha input { width:80px; height:30px;}


.xform p.formsubmit { text-align:right; border:none; }
.xform p.formsubmit .submit { border: 1px solid #999999; background-color: #F0F0F0; color:#333333; font-size:11px; }


.xform p.formtext input.form_warning, .xform p.formcaptcha input.form_warning { border:1px solid #FF6633;}
.xform p.formtextarea textarea.form_warning { border:2px solid #FF6633;}

.xform ul.form_warning { color:#000; margin-bottom:30px; background-color:#FAE2D9; padding:10px; padding-bottom:1px; -moz-border-radius: 3px; -webkit-border-radius: 5px }
.xform ul.form_warning li { font-weight:bold; margin-bottom:10px; margin-left:10px;}


.xform p.formlabel-spchk input { background:none;}
.xform p.formlabel-spchk { overflow:hidden; height:1px; border:none; background:none; position:relative; display:block;}


div.answertext { margin-bottom:30px; background-color:#F0F0F0; padding:10px; padding-bottom:2px; -moz-border-radius: 3px; -webkit-border-radius: 5px; }


.small .xform p.formtext label, .small .xform p.formselect label, .small .xform p.formdate label, .small .xform p.formcaptcha label { width:150px;}
.small .xform p.formtext input, .small .xform p.formcaptcha input { width:200px;}
.small .xform p.formselect select { width:205px; }
.small .xform p.formcaptcha span.as-label { margin-left:25px;}
.small .xform p.formcaptcha input { width:70px; height:30px;}