@import "../../common/css/pcs.css";

BODY {background: url("../images/layout/backgrounds/bg-body.png") left top repeat-x #bcd4d3;padding-top:0px;}
#main_all{background: url("../images/layout/backgrounds/bg-html-new.png") center top no-repeat;position: relative; padding-top: 5px; margin: 0 auto;}
#main-shadow-left {background: url("../images/layout/backgrounds/bg-main-shadow-left.png") top left no-repeat;top: -5px;height: 690px;}
#main-shadow-right {background: url("../images/layout/backgrounds/bg-main-shadow-right.png") top left no-repeat;top: -5px;height: 690px;}
#main {background: url("../images/layout/backgrounds/bg-main.png") top left repeat-y;}
#footer {background: url("../images/layout/backgrounds/bg-footer.gif") bottom left no-repeat !important;}
#content {background-image: none ;}
#content-root{background-image: none !important;}

H1 {width: 450px; top: 0px !important; _top: 2px !important;}
H1 A SPAN {background-image: url("../images/layout/backgrounds/bg-h1.png");}
#main H1 A {text-align: left; height: 89px !important; _height: 99px !important; _hei\ght: 89px !important;}

#nav LI A {padding: 10px 31px 10px 30px;}

#intro {background: url("../images/layout/backgrounds/bg-intro.png") top left no-repeat #6CA8C1; width: 444px; _width: 837px; _wid\th: 444px; height: 144px; _height: 174px; _hei\ght: 144px; position: relative; color: #fff; padding: 14px 228px 0px 86px; border-bottom: 1px solid #fff;}
#intro H3 {font-size: 180%; font-family: Arial, sans-serif;}
#intro P {margin-top: 0.2em; z-index:2;display: block;position:relative;}
#intro #dvacet {position: absolute; width: 261px; height: 192px; left: 470px; top: 0px;z-index:1;}


HTML#wysiwyg_intro {background: url("../images/layout/backgrounds/bg-intro.jpg") 0px 0 no-repeat #fff;}
HTML#wysiwyg_intro H3 {margin-top: 0.5em; color: #fff;}
HTML.wysiwyg #intro {background: none;}


#divisions {width: 100%; margin-top: 5px;  font-family: Arial, sans-serif;}
#divisions DIV {font-size: 90%; color: #6D818C; width: 188px; min-height: 140px; _height: 140px; background: url("../images/layout/backgrounds/bg-box-division.gif") top left repeat-x #F8F8F8; position: relative; float: left; _display: inline; border-right: 1px solid #fff; border-top: 1px solid #fff;}
#divisions DIV.act {color: #fff; background-color: #687C87; background-image: url("../images/layout/backgrounds/bg-box-division-act.gif");}
#divisions DIV.act H3 {color: #AEE4FF;}
#divisions DIV.act P.more A {background-image: url("../images/layout/crumbs/a-arrow-act.gif");}
#divisions DIV.last {border-right: 0; width: 191px;}
#divisions DIV P {margin: 0; padding: 0 15px 15px 15px;}
#divisions DIV H3 {color: #455258; font-size: 150%; margin-bottom: 0.2em; padding: 15px 15px 0 15px; margin-top: 0;}
#divisions DIV P.more {padding: 0}
#divisions DIV P.more A {background: url("../images/layout/crumbs/a-arrow.gif") 96% 95% no-repeat; color: #6D818C; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#divisions DIV P.more A SPAN {display: none;}

HTML.wysiwyg #divisions {width: 770px;}
HTML.wysiwyg #divisions DIV P.more A {width: 12px; height: 11px; top: auto; left: auto; bottom: 5px; right: 5px;}

#branches {width: 564px; border: 1px solid #E3E2E2; float: left; _display: inline;}
#main #branches H2 {margin-top: 1em;}
#branches H2 {color: #379CC3; font-size: 160%;}
#branches UL {float: left; margin-top: 0.5em;}
#branches UL LI {list-style-type: none; background: url("../images/layout/crumbs/li.gif") 0 0.4em no-repeat; margin-top: 0.5em;  margin-left: 25px;}
#branches UL LI A {color: #6D818C; text-decoration: none; padding-left: 10px;}
#branches UL LI A:hover {text-decoration: underline;}
#branches IMG {position: relative; margin-top: -24px; margin-left: 15px;}

HTML.wysiwyg BODY#branches {width: 585px;}