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

* { margin:0; padding: 0; border: 0; }
* ul { list-style-type: none }
.left { float: left }
.left { float: left }

/* Backgrounds */

body { background:#fff url(../images/bg_body.jpg) top center repeat-x }

#mainmenu ul li a .name { background: url(../images/menu_a_normal.jpg) top left repeat-x; }
#mainmenu ul li a:hover .name { background: url(../images/menu_a_hover.jpg) top left repeat-x; }
#mainmenu ul .active a .name,
#mainmenu ul .active a:hover .name { background: url(../images/menu_a_active.jpg) top left repeat-x; }

#container2 { background:url(../images/bg_content.jpg) top left repeat-x; }

#container2 .border_right { background: url(../images/content_border.jpg) top right no-repeat; }

#container2 h1 { background:#ddd url(../images/content_h1_bg.jpg) top right repeat-y; }

.proweb { background:url(../images/pw_logo.jpg) top left no-repeat }
#copy { background-color:#ddd }

/* Basic */

body { width: 100%; height:100%; text-align: center; padding-bottom: 25px; }
#container { width: 955px; margin: 0 auto; text-align: left; position: relative }
#header { height: 79px; text-align: left }
#copy { width:925px; padding:15px; padding-top:30px; text-align: right; overflow: hidden; }
#copy .proweb { width:174px; height:25px;  display: block; float: right; margin-right: 15px;}

/* lang */

.lang { width: 140px; float: right; padding-top: 23px; }
.lang li { float: left }
.lang li a { width: 60px; text-align: center; height:15px; display: block }

/* menu */

#mainmenu { height: 266px; position: absolute; top: 79px; z-index:999; }
#mainmenu ul { border-top:#fff solid 1px; }
#mainmenu ul li { float: left; padding-left: 1px; }
#mainmenu ul li a { display: block; width:190px; }
#mainmenu ul li a .name { width: 190px; height: 35px; padding-top: 20px; text-align: center; display: block }
#mainmenu ul .active a .name { height: 52px; text-align: left; padding-left: 20px; width:170px;  }
#mainmenu ul li a .img { height: 191px; width: 190px; overflow: hidden; display: block }
#mainmenu ul li a img { margin-top: 0px }
#mainmenu ul .active a img,
#mainmenu ul li a:hover img { margin-top: -191px;}

/* content */

#container2 { width:955px; text-align: left; margin-top: 247px; overflow: hidden; float: right; }
#container2 .border_right { min-height: 470px; }
#news { width: 162px; padding: 15px; padding-top: 40px; text-align: justify }
#container2 h1 { margin-right: -14px; margin-left: -15px; padding:10px; padding-left: 15px; margin-bottom: 10px; }
#content { width: 540px; padding:15px; padding-top: 40px;  text-align: justify }
#cImg { width: 191px; padding-top:40px; }
#cImg img { border:#ccc solid 1px; padding:1px; margin:2px; }