.vapor_raskrutka {

}
* {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    line-height: normal
}

/*\*/ * {
    font-size: 100%;
} /**/


.menu {
    z-index: 980;
}

.menu ul.section_list {
    list-style: none;
    z-index: 981;
    text-align: center;
    margin: 0;
    padding: 0
}

.menu ul.section_list li a {
    text-decoration: none;
    display: block;
    width: 170px;
    height: 29px;
    z-index: 999;
    font-size: 120%;
    color: #7d7d7d;
    padding-top: 10px
}

.menu ul.section_list li a img {
    border: 0;
    z-index: 999
}

.menu ul.section_list li {
    float: left;
    position: relative;
    z-index: 980;
    margin: 0;
    padding: 0;
    background: #f2f3f3 url(/image/buttons/button.jpg) no-repeat scroll
}

.menu ul.section_list li:hover {;
    background: #f2f3f3 url(/image/buttons/button_o.jpg) no-repeat scroll
}

.menu ul.section_list li div.mbox {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    padding: 0;
    width: 173px;
    z-index: 9999
}
.menu ul.section_list li div.mbox .boxCenter {
    width: 158px;
}

.menu ul.section_list li div.mbox ul li:hover {
    background: #FFF !important;
}

.menu ul.section_list li div.mbox ul li a{
    padding: 2px 5px !important;
}

.menu ul.section_list li div.mbox .smallBoxContent{
    width: 100%;
}

.menu ul.section_list li:hover div.mbox {
    display: block
}

body {
    background: #FFF url(/image/vapor_bg.jpg) repeat-x;
    text-align: left;
    color: #000;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: normal;
    height: 100%
}

.mainContainer, .footer, .header, .mainContainerHeader {
    background-color: #FFF;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    /* height: 100%; */
    padding: 0 28px 15px;
    width: 964px;
    margin-right: auto;
    margin-left: auto
}

.logo {
    position: relative;
    background-color: #ecebeb;
    height: 50px;
    float: left;
    display: inline
}

.logo img {
    position: absolute;
    left: -49px
}

.topHeader {
    /*padding-top: 13px;*/
    background-color: #0069ad;
    font-size: 10%
}
#header {
height: 220px !important;
}
.topHeader div {
    background-color: #0069ad;
    height: 13px
}

.topHeader div a {
    color: white;
}

.topHeader img {
    margin: 0;
    padding: 0;
    border: 0
}

.header {
    background-color: #08a3c2;
    width: 1020px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    border: 0 !important;
    height: auto;
}

.mainContainerHeader {
    background: url(/image/vapor_main_center.jpg) repeat-x;
    height: 35px;
    padding: 0 28px
}

.footer {
    border: 0;
    background: url(/image/bottom_blue.jpg);
    height: 102px;
    border-top: 2px solid #83b2d0;
    padding: 15px 28px 0;
    width: 966px;
    color: #FFF
}

.footer .address {
    float: left;
    width: 65%;
    font-size: 140%
}

.footer .tele {
    float: right;
    width: 30%;
    font-size: 220%
}

.footer .tele span {
    font-size: 180%
}

.box, .sbox {
    width: 100%;
    background: #FFF;
    text-align: left;
    height:auto;
}

.box .boxContainer {
    background: url(/image/vapor_left_center.jpg) repeat-y left;
    width: 100%
}

.box .boxContainer .boxContent {
    background: url(/image/vapor_right_center.jpg) repeat-y right
}

.box .boxContainer .boxContent div {
    padding: 0 30px
}

.box .boxTop {
    width: 100%;
    height: 35px;
    background: url(/image/vapor_top_center.jpg) repeat-x
}

.box .boxTop .boxLeft {
    float: left;
    background: url(/image/vapor_top_left.jpg) no-repeat;
    width: 6px;
    height: 35px
}

.box .boxTop .boxRight {
    float: right;
    background: url(/image/vapor_top_right.jpg) no-repeat;
    width: 7px;
    height: 35px
}

.box .boxBottom {
    width: 100%;
    background: url(/image/vapor_bottom_center.jpg) repeat-x;
    height: 34px
}

.box .boxBottom .boxLeft {
    float: left;
    background: url(/image/vapor_bottom_left.jpg) no-repeat;
    width: 14px;
    height: 34px
}

.box .boxBottom .boxRight {
    float: right;
    background: url(/image/vapor_bottom_right.jpg) no-repeat;
    width: 14px;
    height: 34px
}

.sbox .boxContainer {
    background: url(/image/vapor_small_box_left_center.jpg) repeat-y left;
    width: 100%
}

.sbox .boxContainer .smallBoxContent {
    background: url(/image/vapor_small_box_right_center.jpg) repeat-y right
}

.sbox .boxContainer .smallBoxContent p {
    margin-bottom: 0
}

.sbox .boxContainer .smallBoxContent {
    text-align: center
}

.sbox .boxContainer .smallBoxContent div {
    padding: 0 5px
}

.sbox .boxTop, .sbox .boxBottom {
    width: 100%;
    height: 25px
}

.sbox .boxTop {
    background: url(/image/vapor_small_box_top_center.jpg) repeat-x
}

.sbox .boxTop .boxLeft {
    float: left;
    background: url(/image/vapor_small_box_left.jpg) no-repeat;
    width: 10px;
    height: 25px
}

.sbox .boxTop .boxRight {
    float: right;
    background: url(/image/vapor_small_box_top_right.jpg) no-repeat;
    width: 16px;
    height: 25px
}

.sbox .boxBottom {
    background: url(/image/vapor_small_box_bottom_center.jpg) repeat-x;
    height: 24px
}

.sbox .boxBottom .boxLeft {
    float: left;
    background: url(/image/vapor_small_box_bottom_left.jpg) no-repeat;
    width: 12px;
    height: 24px
}

.sbox .boxBottom .boxRight {
    float: right;
    background: url(/image/vapor_small_box_bottom_right.jpg) no-repeat;
    width: 12px;
    height: 24px
}

.mbox {
    width: 100%;
    text-align: left;
    z-index: 20;
    height:auto;
}

.mbox .boxContainer {
    background: url(/image/smenu-left.png);
    background-position: left;
    background-repeat: repeat-y;
    zoom: 1;
}

.mbox .boxContainer .smallBoxContent {
    background: url(/image/smenu-right.png);
    background-position: right;
    background-repeat: repeat-y;
    z-index: 9999 !important;
    zoom: 1;
    width: 100%;
}

.mbox .boxContainer .smallBoxContent {
    text-align: left
}

.mbox .boxContainer .smallBoxContent div {
    padding: 0 6px
}

.mbox .boxContainer .smallBoxContent div div {
    background-color: #FFF;
    padding: 0 !important;
    width: 100%
}

.mbox .boxTop, .mbox .boxBottom {
    position: relative;
    height: 24px
}

.mbox .boxBottom {
    height: 34px
}
.mbox .boxTop .boxCenter, .mbox .boxBottom .boxCenter {
    width: auto;
}
.mbox .boxTop .boxCenter, .mbox .boxBottom .boxCenter {
    position: absolute;
    left: 6px;
    right: 9px;
    width: 225px;
    background: url(/image/smenu-top.png);
    background-repeat: repeat-x;
    height: 24px
}

.mbox .boxTop .boxLeft {
    float: left;
    background: url(/image/smenu-top-left.png) no-repeat left;
    width: 6px;
    height: 24px
}

.mbox .boxTop .boxRight {
    float: right;
    background: url(/image/smenu-top-right.png) no-repeat right;
    width: 9px;
    height: 24px
}

.mbox .boxBottom .boxCenter {
    background: url(/image/smenu-bottom.png);
    background-repeat: repeat-x;
    height: 34px
}

.mbox .boxBottom .boxLeft {
    float: left;
    background: url(/image/smenu-bottom-left.png) no-repeat left;
    width: 6px;
    height: 34px
}

.mbox .boxBottom .boxRight {
    float: right;
    background: url(/image/smenu-bottom-right.png) no-repeat right;
    width: 9px;
    height: 34px
}

.mbox .smallBoxContent ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mbox .smallBoxContent ul li {
    background: #FFF none no-repeat scroll 0 0;
    text-align: left !important;
    vertical-align: middle;
    margin: auto 0 !important;
    padding: 2px 0 !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    display: block;
}

.mbox .smallBoxContent ul li ul li {
    background: #FFF none no-repeat scroll 0 0;
    text-align: left !important;
    vertical-align: middle;
    margin: auto 0 !important;
    padding: 2px 10px !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    display: block;
}


.mbox .smallBoxContent ul li a {
    font-size: 12px !important;
    text-decoration: none;
    color: #656565 !important;
    font-weight: 400 !important;
    width: auto !important;
    padding: 2px 20px !important;
    height: auto !important;
	display: block;
}

.mbox .smallBoxContent ul li a.active, .mbox .smallBoxContent ul li a:hover {
    color: #348cbc !important;
	background: #ececec !important
}

.boxContainer .boxContent p, .boxContainer .smallBoxContent p {
    margin-bottom: 0
}

.boxContainer .boxContent, .boxContainer .smallBoxContent {
    /*width: 100%;*/
    height:auto;
    position: relative;
    z-index: 978
}
/*.boxContainer .smallBoxContent {
    position: relative;
}*/
.box .boxContent h3, .mainContainer h3, .sbox .smallBoxContent h3 {
    margin-top: 0;
    margin-bottom: 7px;
    color: #348cbc;
    font-size: 140%
}

.col3Cont {
    position: relative;
    width: 100%;
    height: auto;
}

.hr {
    clear: both;
    font-size: 1px;
    border-top: dashed 1px #c7c7c7;
    line-height: 1px;
    padding-bottom: 10px
}

.box .col3Cont {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    text-align: left
}

.mainContainer {
    position: relative;
}

.mainContainer {
    z-index: 1;
}

.col3Cont .col1, .col3Cont .col2, .col3Cont .col3, .col3Cont .col4, .col3Cont .col5, .col3Cont .col6, .col3Cont .col8, .col3Cont .col7 {
    float: left;
    padding: 0 !important;
    width: 33%
}

.col4 .paddContent, .col6 .paddContent {
    padding-right: 10px
}

.col7 .paddContent {
    padding: 0 10px
}

.col8 .paddContent {
    padding-left: 10px
}

.col3Cont .col4 {
    width: 75%
}

.col3Cont .col5, .col3Cont .col6, .col3Cont .col7, .col3Cont .col8 {
    width: 25%
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.news {
    font-size: 95%
}

/*\*/ * html .news p.body {
    height: 93px
}/**/


.news .date {
    color: #C7C7C7 !important
}

.news .body {
    color: #676767;
    text-align: justify;
    margin: 0;
    padding: 0;
    min-height: 93px
}

.news .body a {
    color: #348cbc;
    display: block;
    text-align: left
}

.news .read_all {
    color: #7f8d95;
    text-align: right;
    display: block
}

a.read_all {
    color: #326dde
}

.col1 .news {
    padding: 0 6% 0 0 !important
}

.col2 .news {
    padding: 0 3% !important
}

.col3 .news {
    padding: 0 0 0 6% !important
}

.box .newsBottom {
	position: relative;
    padding: 15px 0 0 !important;
    text-align: right; 
    width: 100%;   
}

.box .newsBottom a {
    color: #326dde
}

.box .newsBottom .img {	
    position:absolute;
    left: -2px;
    bottom: -19px;
}

.partner p {
    text-align: left;
    margin: 0;
    padding-left: 0px !important;
}

.partner {
    width: 25%;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0;
    right: 10px;
    padding-left: 0px !important;
}

.partner div {
    padding-left: 0px !important;
}

p.razdelInfo {
    text-align: center;
    color: #82040a;
    font-size: 110%;
    margin: 0
}

a.razdelLink {
    text-align: center;
    color: #326dde
}

div.rasporka {
    height: 15px;
    font-size: 1px
}

div.razdelImage {
    height: 115px
}

div.smallBoxContent b {
	display:block;
}

div.smallBoxContent span {
	display:none;
}

div.smallBoxContent:hover p {
	color:#348CBC;
}

div.smallBoxContent:hover b {
	display:none;
}

div.smallBoxContent:hover span {
	display:block;
}

div.smallRazdelImage {
    height: 99px
}

div.kotli {
    position: absolute;
    top: -18px;
    left: 35px;
    z-index: -1
}

div.kotelnie {
    position: absolute;
    top: -20px;
    left: 56px;
    z-index: -1
}

div.tehReshenia {
    position: absolute;
    top: -6px;
    left: 50px;
    z-index: -1
}

div.dvigateli {
    position: absolute;
    top: -4px;
    left: 26px;
    z-index: -1
}

.pageBody {
    padding: 0 10px 10px 50px
}

.mainContainer h2 {
    margin-top: 0;
    margin-bottom: 3px;
    color: #348cbc;
    font-size: 180%
}

.pageBody h3 {
    font-weight: 500;
    font-size: 140%;
    margin-bottom: 6px;
    color: #8a8a8a
}

.pageBody h4 {
    font-weight: 300;
    font-size: 130%;
    margin-bottom: 6px;
    margin-top: 6px;
    color: #348cbc
}

.pageBody .published {
    font-weight: 300;
    font-size: 120%;
    margin-bottom: 16px;
    color: #348cbc
}

.pageBody a {
    color: #348cbc
}

.pageBody ul {
    list-style-type: square
}

.pageBody strong {
    font-weight: 700
}

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff
}

.lbLoading {
    background: #fff url(/css/loading.gif) no-repeat center
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none
}

#lbPrevLink {
    left: 0
}

#lbPrevLink:hover {
    background: transparent url(/css/prevlabel.gif) no-repeat 0 15%
}

#lbNextLink {
    right: 0
}

#lbNextLink:hover {
    background: transparent url(/css/nextlabel.gif) no-repeat 100% 15%
}

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 22px;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(/css/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none
}

#lbCaption, #lbNumber {
    margin-right: 71px
}

#lbCaption {
    font-weight: bold;
    font-size: 14px;
}

ul.gallery {
    list-style: none;
    margin: 2px 0;
    padding: 3px 0;
}

ul.gallery a, ul.gallery img {
    text-decoration: none;
    border: 0
}

ul.gallery img {
    padding: 5px;
    border: 1px solid #8A8A8A;
    display: inline-block;
}

ul.gallery li {
    float: left;
    background-color: #FFF;
    text-align: center;
    height: 74px;
    width: 80px;
    vertical-align: middle;
    margin: 2px;
    padding: 2px
}

h3.gallery {
    clear: both
}

tr.xRow td {
	background-color:#cdedfe;
	border-bottom: 1px solid #348CBC;
	border-top: 1px solid #348CBC;
}

#zemContactForm fieldset {
   	border: none; margin:0;padding:0;
}
#zemContactForm legend {
   	padding: 0.5em 10px 0.5em 0;
   	width: 100%;
	display:none;
}
#zemContactForm label {
   	float: left;
   	width: 270px;
   	margin: 7px 10px 0 0;
   	text-align: right;
}
#zemContactForm input, #zemContactForm textarea, #zemContactForm select {
   	margin: 3px 10px 0 0;
}
#zemContactForm br {
   	clear: left;
}
#zemContactForm #zemSubmit {
   	margin: 0.5em 0 0 270px;
}

ul.pagination {margin: 1em 0; padding: 0.5em; text-align: center; background: #FFF;}
ul.pagination li {display: inline; font-size: 80%;padding:0.5em;}
ul.pagination li.active {font-size: 95%;border: 1px solid #eee;}

.tele p {
font-size: 10px;
margin: 0;
padding: 0;
padding-top: 5px;
text-align: right;
}

.tele p a {
color: white;
}