body, html { width: 100%; height: 100%; font-family: Tahoma; }
* { margin: 0; padding: 0; }
*:focus { outline: none !important; }
html { font-size: 100%; } 
body { font-size: 0.625em; }
img { border: 0; }
.trb { font-family: 'Trebuchet MS', Arial !important; }

#wrapper { text-align: center; }
#container { width: 1003px; margin: 0 auto; text-align: left; }
#head {  position: relative; width: 100%; height: 134px; background: url('/img/banerHead.jpg') 0 10px no-repeat; color: #666; }
#body { position: relative; width: 100%; overflow: auto; border: solid 1px #999; border-top: 0; background: #f4f4f6 url('/img/border-bg.png') 0 0 repeat-y; }

#head { margin-top: 35px; width: 1003px; height: 134px; background: url('/img/banerHead.jpg') 0 10px no-repeat; color: #666; position: relative; }
#head .logo { position: absolute; left: 360px; width: 47px; height: 58px; }
#head .title { position: absolute; top: 21px; left: 428px; width: 221px; height: 15px; }
#head p { position: absolute; top: 37px; left: 430px; margin: 0; padding: 0; }

.menu { width: 100%; list-style: none; }
.menu li { position: relative; float: left; height: 26px; width: 166px; border: 1px solid #787677; border-left: 0; }
.menu a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; background: #959595 url('/img/menu.gif') 0 0 no-repeat; font-size: 1.2em; line-height: 20px; }
.menu li:hover ul { display: block; }

.menu ul { display: none; list-style: none; position: absolute; top: 27px; left: -1px; z-index: 9999; }
.menu li:hover ul ul { display: none; list-style: none; position: absolute; top: -1px; left: 166px; border-top: 1px solid #787677; }
.menu li li { float: none; height: 22px; background: #999; border: solid 1px #787677; border-top: 0; }
.menu li li a, #menu ul li:hover li a { background: none; text-indent: 7px; color: #fff; text-decoration: underline; }
.menu li li:hover { background-color: #ccc; }
.menu li li:hover a, #menu ul li:hover li:hover a { color: #000; text-decoration: none; }
.menu li li:hover ul { display: block; }
.menu li a.pointer, #menu li:hover a.pointer { background: url('/img/pointer.gif') 155px 8px no-repeat; }

.about a { background-position: 0 0; }
.about a:hover { background-position: 0 -52px; }
#about .act a { background-position: 0 -26px; }

.good a	{ background-position: -165px 0; }
.good a:hover { background-position: -165px -52px; }
#good .act a { background-position: -165px -26px; }

.price a	{ background-position: -330px 0; }
.price a:hover { background-position: -330px -52px; }
#price .act a { background-position: -330px -26px; }

.service a	{ background-position: -495px 0; }
.service a:hover { background-position: -495px -52px; }
#service .act a { background-position: -495px -26px; }

.partner a	{ background-position: -660px 0; }
.partner a:hover { background-position: -660px -52px; }
#partner act a { background-position: -660px -26px; }

.menu .contact { width: 168px; border-right: 0; }
.contact a	{ background-position: -825px 0; }
.contact a:hover { background-position: -825px -52px; }
#contact act a { background-position: -825px -26px; }

div.container { padding: 10px; }
#left { float: left; width: 300px; }
#center { float: left; width: 420px; }
#right { float: right; width: 280px; }


#director { position: absolute; top: 50px; left: 135px; }
#director p { font-size: 1.6em; color: #000; line-height: 1em; }
#director span { font-size: 1.1em; color: #999; }
#left img { margin: 5px; margin-bottom: 0; }

#left #last-news { padding: 10px 10px 20px 10px; background: url('/img/points.gif') 0 bottom repeat-x; }
#last-news p { margin: 6px 0; }
#last-news p a { font-weight: normal; font-size: 1.6em; color: #da0000; }
#last-news a { display: block; }
#last-news a { font-weight: bold; font-size: 1.1em; color: #000; }
#last-news a.text { font-weight: normal; text-decoration: none; margin-bottom: 6px; }
#last-news a.text:hover { text-decoration: underline; }

#benefits div { position: relative; padding: 10px; }
#benefits p { padding-left: 42px; font-size: 1.1em; text-align: justify; }
#benefits img { position: absolute; top: 5px; left: 0; }
#benefits strong { display: block; font-size: 1.2em; margin-bottom: 3px; color: #da0000; text-align: left; }

#right img { margin: 8px 0; border: solid 1px #b9c7de; }

#center { text-align: center; }
#center .container { padding-left: 15px; }
#center .block { position: relative; margin: 20px auto 30px auto; text-align: left; }
#center .invis { position: relative; width: 384px; height: 108px; background: url('/img/blockMat1.png') 0 bottom no-repeat; }
#center ul { visibility: hidden; list-style: none; padding: 18px 25px; }
#center li { position: relative; width: 150px; float: left; font-size: 1.2em; line-height: 1.4em; margin: 5px 0; }
#center li a { display: block; position: relative; color: #000; padding-left: 25px;  }
#a i, #m i, #g i, #u i, #s i { display: block; position: absolute; top: 0; left: 0; width: 18px; height: 20px; overflow: hidden; text-indent: -100%; background: url('/img/filds.gif') 0 0 no-repeat; }
#a i { background-position: 0 0; }
#m i { background-position: 0 -20px; }
#g i { background-position: 0 -40px; }
#u i { background-position: 0 -60px; }
#s i { background-position: 0 -80px; }
#center .vis { position: absolute; top: 0; left: 0; width: 384px; height: 86px; background: url('/img/blockMat.gif') 0 0 no-repeat; cursor: pointer; }
#center .vis * { cursor: pointer; }
#center .block input { position: relative; bottom: -17px; float: right; width: 146px; text-align: left; margin: 0; padding: 0; background: url('/img/i-pointer.png') left 2px no-repeat; border: 0; font: normal 11px Tahoma; text-decoration: underline; padding-left: 15px; cursor: pointer; line-height: 1.4em; height: 15px; //padding-left: 17px; }
#center .block input.close { background-position: 0 -98px; }
#center .hidden { display: none; }
#center .vis img { position: absolute; top: 13px; left: 13px; }
#center .vis h3, #center .vis p { padding-left: 75px; padding-right: 10px; }
#center .vis h3 { font: normal 1.7em 'Trebuchet MS', Arial; margin-top: 15px; }
#center .vis p { font-size: 1.1em; color: #999; }
#g .vis img { left: 25px; }
#s .vis img { left: 22px; }
#a h3 { color: #c30; }
#m h3 { color: #4c4c99; }
#g h3 { color: #390; }
#g ul { padding-top: 30px; }
#g input { top: 32px; }
#u h3 { color: #c0c; }
#u ul { padding-top: 30px; }
#u ul li { width: 100px; }
#u input { top: 32px; }
#s h3 { color: #06c; }
#center #gd { height: 86px; margin-bottom: 15px; }
#gd .vis img { top: 9px; left: 10px; }
#gd h3 { color: #333; }
#gd a { text-decoration: none; }

#main-text { clear: both; width: 100%; overflow: auto; background: #f4f4f6; border-top: solid 1px #e1e1e2; padding-top: 15px; padding-bottom: 15px; }
#main-text .h1, #main-text h1 { margin: 15px 25px; margin-top: 0; font: normal 2.4em 'Trebuchet MS', Arial; font-weight: normal; }
#main-text p { margin: 10px 25px; font-size: 1.2em; line-height: 1.6em; text-align: justify; }
#main-text a { color: #000; }

#footer .materials { font-size: 1.1em; margin-top: 10px; color: #999; }
#footer .materials a { color: #999; }

a.head-title { color: #666; text-decoration: none; }

#sbubnom { float: left; width: 120px; text-align: left !important; text-decoration: none !important; font: normal 11px 'Trebuchet MS'; }
#sbubnom img { margin-right: 10px; float: left; }
#sbubnom strong, #sbubnom span { text-align: left !important; font-weight: normal; }
#sbubnom span { color: #43659C; }