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

BODY {background: url("../images/layout/backgrounds/bg-body.png") left top repeat-x #bcd4d3;padding-top:0px;}


#homenews h2{display:none;}

#homenews{width:757px;
height:42px;
background-image:url("../images/layout/backgrounds/homenews.gif");
position:relative;margin-top:-20px;z-index:2;
margin-left:1px;margin-bottom:5px;
}

#content{position:relative;z-index:11;}

#screen{
position:absolute;
overflow:hidden;
width:515px;
height:26px;left:108px;top:0;
}

#inscreen{position:relative;top:5px;
line-height:23px;
}

#screen a{

background-image:url("../images/layout/backgrounds/more.gif");
background-position:100% 2px;
background-repeat:no-repeat;

color:#7f868a;
text-decoration:none;
padding-right:20px;
}

#screen a span{
margin-right:1em;
color:#333;
}

#hna{
color:#7f868a;
text-decoration:none;
position:absolute;
display:block;height:34px;
line-height:32px;top:0;
width:33px;

right:0;text-align:right;
background-image:url("../images/layout/backgrounds/hna.gif");
overflow:hidden;

}

#hna span{display:none;}



#hna:hover{background-position:0 -34px;
width:84px;
padding-right:35px;text-decoration:underline;
}

#hna:hover span{display:inline;}




#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 26px;}

#intro {background: url("../images/layout/backgrounds/bg-intro.png") top left no-repeat #6CA8C1; width: 424px; _width: 817px; _wid\th: 424px; height: 150px; _height: 180px; _hei\ght: 150px; position: relative; color: #fff; padding: 8px 248px 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;}