body { background:url(../images/bkg_main.png) 0 0 repeat; padding: 21px 0 0 68px; font-family: 'Open Sans', sans-serif; line-height: 1.125em; color:#555555; min-width: 1020px; overflow-x:hidden;}
.wrap-all { background:#FFFFFF; padding: 50px 0 127px; width: 100%;}

b,strong { font-weight:700; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* form */
input,select,textarea,button { font:14px 'Open Sans', sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #f1f1f1; background:#f1f1f1;  }
input.input-text,textarea { padding: 6px 2px; }
select { padding: 6px 2px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #f1f1f1; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
 /*  button.button { -webkit-border-fit:lines; } <- Safari & Google Chrome Fix */
button.button { font-size: 18px; height: 45px; overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { float:left; background: #f1c95a; color: #000000; font-weight: normal; height: 45px; line-height: 44px; padding:0; text-align:center; white-space:nowrap; }
button.button span span { background: #ffbb02; padding: 0 12px; height: 44px; min-width: 140px; }

.header { width: 950px; padding: 0 35px; min-height: 100px; }
.header .menu-main { float:right; margin: 10px 0 0; }
.header .menu-main ul { list-style-type:none; }
.header .menu-main ul li { float: left; margin: 0 0 0 33px; line-height: 1.375em; }
.header .menu-main a { color:#4f4f4f; }
.header .menu-main ul li.active a { color:#ffbb02; }

.header .logo { float:left; margin: 0; text-decoration:none !important; line-height: 20px; height:42px; overflow: hidden; }
.header .logo strong { color:#a0a0a0; font-size:12px; font-weight: 400; }
.header .logo a strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header p.logo,
.header h1.logo { margin:0; line-height: 20px; }
.header .logo img { margin: 0 20px 0 0; }

.main { width: 990px; padding: 0 14px; }

.footer { width: 990px; padding: 27px 14px 0; }
.footer p.copyright { float: left; font-size: 12px; line-height: 15px; margin-left: 15px; }
.footer p.workgroup { float:right; font-size: 12px; color:#000000; text-align: right; margin: -2px 21px 0 auto; }
  
.footer p.workgroup span { display:block; margin: 0 auto 6px; }
.footer p.workgroup img { margin: 0 0 0 25px; }

.wrap_all_item { margin: -5px -10px 0 -5px; }

.subpage .content-middle-left { width: 490px; float:left; margin: 0 0 0 245px; }
.subpage .content-middle-right { width: 240px; float:right; }

.subpage h1,
.subpage h2,
.subpage h3,
.subpage h4,
.subpage h5,
.subpage h6 { color:#000000; }
.subpage h1 { font-size: 24px; line-height:30px; font-weight: 400; margin: 0 0 34px; }
.subpage h2 { font-size: 14px; font-weight: 600; }
.subpage p { font-size: 14px; font-weight: 300; margin: 0 0 19px; }
.subpage blockquote,
.subpage blockquote p { font-style:italic; font-weight: 400; color:#000000; }
.subpage .section-top .csc-default { margin: 0 35px; }
.subpage .section-top .csc-default .csc-textpic-above .csc-textpic-imagewrap { margin: 0 -35px; }
.subpage .csc-default ul { list-style-type:disc; margin-left: 30px;
margin-bottom: 19px; }

.subpage .wrap_all_item { margin: -5px -10px 0 240px; }

.col2-set-lead { margin: 0 35px 15px; }
.col2-set-lead .col-1 {
  float:left;
  width: 450px;
  padding-right: 10px;
}
.col2-set-lead .col-2 {
  float:right;
  width: 450px;
}
.col2-set-lead h1,
.col2-set-lead h2,
.col2-set-leadh3,
.col2-set-lead h4,
.col2-set-lead h5,
.col2-set-lead h6 { color:#000000; }
.col2-set-lead h1 { font-size: 24px; line-height:30px; font-weight: 400; margin: 0 0 34px; }
.col2-set-lead h2 { font-size: 14px; font-weight: 600; }
.col2-set-lead p { font-size: 14px; font-weight: 300; margin: 0 0 19px; }
.col2-set-lead blockquote,
.col2-set-lead blockquote p { font-style:italic; font-weight: 400; color:#000000; }

.item { margin: 5px 5px 5px 5px; float: left; position:relative; }
.item img { display:block; }
.item .small h3 { bottom: 10px; left: 16px; position: absolute; font-size: 24px; font-weight: 400; line-height: 29px;  }
.item .big h3 { bottom: 13px; left: 16px; position: absolute; font-size: 24px; font-weight: 400; line-height: 29px;  }
.item h3.white,
.item h3.white a { color:#FFFFFF; }
.item h3.black,
.item h3.black a { color: #000000; }
.item .empty-block  { width: 240px; height: 240px; }
.item .line-0 { background:url(../images/img-main_0.png) 0 0 no-repeat; }
.item .line-1 { background:url(../images/img-main_1.png) 0 0 no-repeat; }
.item .yellow-box { background:#ffbb02; position:relative; height: 240px; }
.item .black-box { background:#000000; position:relative; height: 240px; }
.item .width-490 { width:490px; }
.item .width-490 .link-static { position:relative; display:block; width: 490px; height: 240px; top: 0; left: 0; z-index: 11; }
.item .width-240  { width:240px; }
.item .width-240 .link-static { position:relative; display:block; width: 240px; height: 240px; top: 0; left: 0; z-index: 11; }
.item a:hover { text-decoration: none; }
.item .black-box { color:#FFFFFF; }
.item .yellow-box { color:#000000; }
.item .black-box .content,
.item .yellow-box .content { position: absolute; bottom: 13px; left: 16px; }
.item .black-box h1,
.item .yellow-box h1 { font-size: 36px; line-height:44px; font-weight: 300; }
.item .black-box h2,
.item .yellow-box h2 { font-size: 30px; line-height: 37px; font-weight: 300; }
.item .black-box h2 strong,
.item .black-box h2 b,
.item .yellow-box h2 strong,
.item .yellow-box h2 b { font-weight: 600; }

.item div.csc-textpic div.csc-textpic-single-image img { margin: 0; }

.people { width:240px; height: 240px; position: relative; }
.people .hover { background:#ffbb02; height:240px; width: 240px; position: relative; display:none; }
.people .hover p { font-size: 14px; color:#000000; }
.people img { position: absolute; }
.people .hover p {
  text-align:center;
  display: table;
  height: 240px;
  width: 240px;
  margin: 0 auto auto;
  padding: 0;
  }
.people .hover p .cell {
  display: table-cell;
  vertical-align: middle;
}
.people .hover p .cell span { display: block; cursor: default; }
.people .hover p .cell span.name { font-weight:600; }
*:first-child+html .people .hover p .cell, * html .people .hover p .cell {
  display: inline-block;
  }

*:first-child+html .people .hover p b, * html .people .hover p b {
  display: inline-block;
  height: 240px;
  vertical-align: middle;
  }

/* slide-show */

.slide-show { width:990px; height:490px; margin: 0 0 10px; padding:0; position:relative; overflow:hidden; }
.slide-show #slideshowWindow .slide { margin:0; padding:0; width:500px; height:257px; float:left; position:relative; }
.slide-show .nav { display:block; text-indent:-10000px; position:absolute; cursor:pointer; }
.slide-show #leftNav { top:216px; left:18px; width:22px; height:35px; background-color: #FFFFFF; border: 10px solid #FFFFFF; background-image:url(../images/slide_arrows.png); background-repeat:no-repeat; background-position: 0 0; z-index:999;   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;  }
.slide-show #rightNav { top:216px; right:18px; width:22px; height:35px; background-color: #FFFFFF; border: 10px solid #FFFFFF; background-image:url(../images/slide_arrows.png); background-repeat:no-repeat; z-index:999; background-position: 100% 0;    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; }
.block-subscribe { background:#dddddd; width: 740px; height: 240px; }
.block-subscribe label { font-weight: 300; font-size: 36px; line-height: 42px; display:inline-block; margin: 0 0 13px; }
.block-subscribe label strong { font-size: 30px; font-weight: 700; }
.block-subscribe input.input-text { border-width: 0 0 1px; margin: 0 10px 0 0; padding: 13px 21px; width: 410px; }
.block-subscribe .form-mini { padding: 47px 57px 0; }

.big-animated h3.black {}
.item { overflow: hidden }
.item .big-animated a.overlay:first-child { display:block; width: 100%; height: 100%; background:#000000; position: absolute; left: 0; top: 0; opacity: 0; }
.item .big-animated h3 a { display: inline!important; background: none!important; position: relative!important; opacity: 1!important; }
.item:hover .big-animated a.overlay:first-child { opacity: .7; }
.item .big-animated div.frame-item a { display: block; position: relative; width: 100%; height: 100%; }
.item .big-animated div.frame-item { border: 1px solid #FFFFFF; position: absolute; bottom: 20px; left: 20px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background:transparent;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
 }
.item:hover .big-animated div.frame-item {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.item .big-animated h3 .title { font-weight: 700; font-size: 32px; display: block; }
.item .big-animated h3 .info { font-weight:300; font-size: 16px; line-height: 20px; display:block; }
.item .big-animated h3 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background:transparent;
    margin: 0px 10px;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    position: absolute;
    font-weight:normal;
    font-size: 14px;
    bottom: 20px; left: 20px;
    padding: 10px;
    display:block;
    width: 100% ;

}
.item:hover .big-animated h3 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.item .big-animated a {}

.cookieList {padding: 0 20px; }
  .cookieList li {list-style: decimal;}
  .cookieList li a {color: #555555;}
  .cookieList ol {padding: 10px 20px;}
    .cookieList ol li {list-style: lower-alpha;}
    
#div_cookies_accept {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  left:0px;
  bottom: 0px;
  position: fixed;
  z-index: 1000;
  color:white;
  padding:8px;
  text-align:center;
  display: none;
}
#div_cookies_accept { background: #000\9; }
#div_cookies_accept a {
  color:white;
  font-weight:normal;
  text-decoration:underline;
}
#div_cookies_accept span
{
  border:solid 1px #eee;
  padding: 2px 8px 2px 8px;
  background-color: #222;
}
#div_cookies_accept span:hover
{
  border:solid 1px #fff;
  padding: 2px 8px 2px 8px;
  background-color: #444;
}

/* clears */
.col2-set-lead:after,
.wrap-middle:after,
.wrap-all:after,
.header:after,
.main:after,
.footer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }