/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}
body {background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif;}
body.index {background: url(i/header.png) center top no-repeat;}
.wrapper {width: 1000px; margin: 0 auto;}
.cleaner {clear: both;}
a, a:visited {color: #d97109; text-decoration: underline;}
a:hover {text-decoration: none;}

/*** Header Index ***/

.header {height: 457px;}
.head-top {height: 20px; padding-left: 13px;}
.head-top span {margin-right: 65px; line-height: 20px; font-size: 0.69em; color: #fff; vertical-align: middle;}
.head-bottom {margin-top: 34px;}
.head-logo {height: 68px; width: 292px; padding-left: 5px; float: left;}
.logo {background: url(i/logo.png) no-repeat; display: block; width: 76px; height: 68px; float: left; margin-right: 8px;}
.head-logo p {color: #676767; font: 0.69em Arial, Helvetica, sans-serif;}
.head-logo a.name, .head-logo a.name:visited {font: 1.69em Georgia, "Times New Roman", times; color: #000; letter-spacing: -1px; padding-top: 6px; text-decoration: none;}
/*** MENU ***/

.head-bottom  li ul, .header-inside li ul {
	display: none;
	position: absolute;
	width: 120px;
	background: none;
	margin: 0px;
	padding: 0px;
}

.head-bottom li:hover ul, .header-inside li:hover ul, .header-inside li.jshover ul
.head-bottom li.jshover ul {
  display: block;
}
.head-bottom li li a, .header-inside li li a {
  width: 100px;
}

.head-bottom li:hover li ul, .header-inside li:hover li ul
 {
  display: none;
}

.head-bottom li:hover li:hover ul, .header-inside li:hover li:hover ul {
  display: block;
}



.head-bottom ul, .header-inside ul {background: url(i/menu-ul.png) left no-repeat; padding-left: 18px; height: 39px; float: left; margin-top: 6px;}
.head-bottom li, .header-inside li {float: left; padding-right: 2px; background: url(i/menu-li.png) right no-repeat;}
.head-bottom li.last, .header-inside li.last {background: none;}
.head-bottom li a, .head-bottom li a:visited, .header-inside li a, .header-inside li a:visited {color: #fff; font: 0.81em Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; background: url(i/menu-a.png) repeat-x; display: inline-block; height: 39px; line-height: 39px; padding: 0 9px;}
.head-bottom li a:hover, .head-bottom li a.active, .head-bottom li a.active:visited, .header-inside li a:hover, .header-inside li a.active, .header-inside li a.active:visited {background: url(i/menu-a-active.png) repeat-x;}



.icons {float: right; margin: 16px 20px 0 0; display: inline; height: 11px;}
.icons .middle {margin: 0 34px;}
.icons a {float: left;}
.icons img {vertical-align: middle;}
.podbor {font: 1.5em Arial, Helvetica, sans-serif; color: #262626; padding: 35px 0 0 70px; display: inline-block; float: left;}
.phone {background: url(i/phone.png) left 9px no-repeat; float: right; color: #2a2a2a; font: bold 1.88em "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 9px; margin: 25px 25px 0 0; display: inline;}
.phone span {font-size: 0.6em; margin: 6px 7px 0; display: inline-block;}

/*** Header Inside ***/

.header-inside {height: 162px;}
.header-inside .phone {margin: 10px 10px 6px 0;}

/*** Content Index ***/

.content {padding: 0 10px; background: url(i/footer-img-top.png) bottom right no-repeat;}
.content h2 {color: #262626; font: 1.5em Arial, Helvetica, sans-serif; margin-bottom: 10px; line-height: 0.9;}
.content ul {margin: 10px 0;}
.content li {list-style: disc; margin-left: 30px; line-height: 1.3; color: #262626; font-size: 0.75em;}

.index-l-col {width: 677px; float: left; padding-right: 10px;}
.index-l-col p, .inside-r-col p {color: #262626; font-size: 0.75em; margin-bottom: 10px; text-align: justify; text-indent: 2em; line-height: 1.3;}
.pub-h2 {padding-right: 19px; background: url(i/pub-h2.png) right top no-repeat; display: inline;}
.pub {width: 645px; height: 146px; background: url(i/pub.png) no-repeat; margin: 10px 0 25px 0; padding: 20px 15px;}
.post {width: 205px; float: left; margin-right: 10px;}
.post p {text-indent: 0; margin-bottom: 5px;}
p.pub-date {display: inline-block; background: url(i/pub-date.png) no-repeat; height: 21px; width: 109px; color: #fff; font-size: 0.75em; font-weight: bold; text-align: center; line-height: 21px;}
p.pub-title {font-size: 0.75em; font-weight: bold;}
p.pub-title a, p.pub-title a:visited {color: #404040; text-decoration: underline;}
p.pub-title a:hover {text-decoration: none;}
p.pub-text {color: #656565; font-size: 0.69em; line-height: 1.4;}
a.pub-more {display: inline-block; background: url(i/pub-more.png) no-repeat; width: 14px; height: 5px; margin-left: 3px; vertical-align: middle;}

.index-r-col {width: 293px; float: right; margin-bottom: 177px;}
.order {background: url(i/order.png) no-repeat; width: 261px; height: 100px; padding: 7px 0 0 28px; margin-bottom: 10px;}
.order h3 a, .order h3 a:visited {color: #fff; font: 1.5em Arial, Helvetica, sans-serif; text-decoration: underline; margin-bottom: 7px; display: inline-block;}
.order p {font: 1em "Arial Narrow", Helvetica, sans-serif; line-height: 0.9; padding-bottom: 5px;}
.order p a, .order p a:visited {color: #fff; text-decoration: none;}

.service {padding-left: 33px;}
.service h3 {color: #262626; font-size: 0.88em; font-weight: bold; text-decoration: underline; background: url(i/service.png) 0 3px no-repeat; padding-left: 10px; margin: 0 0 5px -10px;}
.service p {font-size: 0.69em; margin-bottom: 10px; line-height: 1.3;}

/*** Content Inside ***/

.inside-r-col {float: right; width: 735px; margin-bottom: 177px;}
.inside-l-col {float: left; width: 225px; background: url(i/worker.png) center top no-repeat; padding-top: 292px;}

.an-service {margin-bottom: 10px;}
.an-service li {list-style: none; background: url(i/service.png) 0 5px no-repeat; padding-left: 10px; margin-left: 5px; font-size: 0.70em; font-weight: bold; line-height: 1.5;}
.an-service li a, .an-service li a:visited {color: #262626; text-decoration: underline;}
.an-service li a:hover {color: #d97109;}

.photo {margin: 10px 0;}
.photo img {border: 3px solid #939393; margin: 0 5px;}
.photo a:hover img {border: 3px solid #e1a229;}


/*** Footer ***/

.footer {height: 81px; background: url(i/footer.png) repeat-x; margin-bottom: 2px; clear: both;}
.footer a, .footer a:visited {color: #262626; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer p {color: #262626; font-size: 0.69em; line-height: 1.3; margin-left: 37px; padding-top: 32px;}
.footer-img-bottom {background: url(i/footer-img-bottom.png) no-repeat; width: 266px; height: 81px; float: right;}
.count {float: right; margin: 32px 10px 0 0; display: inline;}