@charset "windows-1251";
html, body{height: 100%; margin: 0;}
html>body{min-height: 100%; height: auto;}
body{position: relative; margin: 0; padding: 0; background-color: #efefef; font-family: calibri,corbel,candara; background-image: url('../i/background.gif');}

.clear{clear: both;}
hr{color: #bbbbbb; background-color: #bbbbbb; border: 0 none; height: 1px; clear: both; margin: 27px 0 17px 0;}
li{line-height: 1.3em; padding: 7px 0 7px 0;}

.breadcrumb{margin-bottom: 1.5em;}

h1{margin: 0 0 1em 0; color: #000000; font-family: calibri,corbel,candara;}
h1 a{color: #123c6c; text-decoration: none;}
h1 a:hover{color: #5577aa; text-decoration: underline;}
h1:after {content: ""; display: block; clear: both;}
h1.inline{display: inline !important;}
h1.inline:after{display: block; height: 0; margin: 0 0 1em 0; clear: both; visibility: hidden;}

.h1{font-size: 2em; font-weight: bold; font-family: calibri,corbel,candara; text-decoration: none; margin: 0px 0px 0px 0px;}
.page_body .h1 a{color: #123c6c; text-decoration: none;}
.page_body .h1 a:hover{color: #5577aa; text-decoration: underline;}

h2{margin: 1.5em 0 0.5em 0; color: #000000; font-family: calibri,corbel,candara;}
h2 a{text-decoration: none;}
h2 a:hover{text-decoration: underline;}

.page_body p{margin: 0.7em 0 0.9em 0; font-size: 1em; line-height: 1.5em;}
.page_body a{color: #123c6c;}
.page_body a:hover{color: #5577aa;}
.page_body a.more{margin-left: 57px; padding-left: 21px; font-style: italic; background-image: url('../i/icon_left_blue16.png'); background-repeat: no-repeat; background-position: 0 2px;}
.page_body a.more:hover{background-image: url('../i/icon_left_aqua16.png');}

.divider{display: block; clear: both; height: 10px; padding-bottom: 13px; margin-bottom: 13px; background-image: url('../i/divider-light.png'); background-repeat: no-repeat; background-position: left bottom; background-size: contain;}
.leftimage{float: left; border: 0; margin: 0 1.5em 1em 0; padding: 0;}
.leftimage__list{float: left; border: 0; margin: 0 2.5em 1em 0; padding: 0;}
.rightimage{float: right; border: 0; margin: 0 0 1em 1.5em; padding: 0;}
.bordered{border: #aaaaaa 1px solid; padding: 2px; background-color: #ffffff;}
.semicolumn{float: left; width: 47%; margin: 0 1% 0 1%;}
.nobr{white-space: nowrap;}

a{color: #123c6c;}
a:hover{color: #5577aa;}

a.button{padding: 0.4em 2em 0.4em 2em; text-align: center; text-decoration: none; color: #ffffff; background-color: #123c6c; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
a.button:hover{color: #ffffff; background-color: #306aaa;}
a.tel{color: #091a38; text-decoration: none;}
a.bigtel{color: #091a38; font-size: 1.4em; text-decoration: none; white-space: nowrap;}
a.bigtel .code{color: #224466; font-size: 0.8em;}
a.bigemail{ font-size: 1.2em; white-space: nowrap; }

.clear{clear: both;}
img{border: 0;}
img.delimiter{width: 18px; height: 18px; margin: 0 0.5em 0 0.5em;}
img.delimiter-nav{width: 16px; height: 16px; margin: 0 0.3em 0 0.4em;}

/*******************************************************************************

                                   ??????

*******************************************************************************/

#header{min-width: 960px; height: 150px; background-color: #123c6c; background-image: url('../i/navy.jpg'); background-repeat: repeat-x; overflow: hidden;}
#header_inner{max-width: 1152px; margin: 0 auto; height: 150px;}

#header_img{float: left; width: 135px; height: 150px; margin: 0; padding: 10px 0 0 17px;}

#header_left{float: left; margin: 0; padding: 27px 0 0 17px; color: #ffffff; text-align: center; line-height: 1.8em;}
#header_left .selfname{font-size: 2.2em; font-weight: bold;}
#header_left .selfname a{color: #ffffff; text-decoration: none;}
#header_left .selfspec{margin-top: 0.5em; font-size: 1.5em; color: #90aed0;}
#header_left .selfspec a{color: #90aed0; text-decoration: none;}
#header_left .slogan{margin-top: 0.5em; font-size: 1.1em; color: #b0cef0;}
#header_left .slogan a{color: #b0cef0; text-decoration: none;}

#header_right{float: right; padding: 20px 1em 0 0; text-align: right;}
#header_right p{margin: 0.3em 0 0.1em 0; padding: 0; color: #ffffff; font-size: 1.5em;}
#header_right p.city{color: #b0cef0;}
#header_right p.phone .code{color: #90aed0; font-size: 0.8em;}
#header_right p.phone a{color: #ffffff; text-decoration: none;}
#header_right p.mail a{color: #90aed0; text-decoration: none;}
#header_right p.mail a:hover{color: #b0cef0; text-decoration: underline;}

#cover{position: relative; min-width: 940px; padding: 1em 10px 140px 10px; color: #3c3c3c; background-image: url('../i/shadow_top.png'); background-repeat: repeat-x;}
#centrator{max-width: 1134px; min-height: 300px; margin: 0 auto; padding: 1em 2em 4em 2em; font-family: tahoma,arial,sans-serif; background-color: #ffffff; border: #8888aa 1px solid; -moz-border-radius: 0.7em; -khtml-border-radius: 0.7em; -webkit-border-radius: 0.7em; border-radius: 0.7em;}

#leftSide{position: relative; float: left; width: 71%;}
#rightSide{position: relative; float: right; width: 26%;}

#footer{display: block; position: absolute; width: 100%; height: 110px; left: 0; bottom: 0; right: 0;}
#footer_cover{height: 110px; min-width: 960px; margin: 0; padding: 0; background-color: #184274; background-image: url('../i/footer.jpg'); background-repeat: repeat-x;}
#footer_inner{max-width: 1152px; min-width: 940px; height: 110px; margin: 0 auto; padding: 0 10px 0 10px;}
.footer_left{float: left; margin-left: 2em;  padding-top: 17px; color: #ffffff; line-height: 1.5em; text-shadow: 2px 2px 1px #002e62;}
.footer_left:first-child{margin-left: 0;}
.footer_left a{color: #ffffff;}
.footer_left a:hover{color: #90aed0;}
.footer_left p{margin: 0; padding: 0; color: #ffffff;}
.footer_left p.city{color: #b0cef0;}
.footer_left p.phone .code{color: #90aed0;}
.footer_left p.phone a{color: #ffffff; text-decoration: none;}
.footer_left p.mail a{color: #90aed0; text-decoration: none;}
.footer_left p.mail a:hover{color: #b0cef0; text-decoration: underline;}

/*******************************************************************************

                              ??????? ????

*******************************************************************************/

.menucover{min-width: 960px; background-color: #000000; background-image: url('../i/top-menu-bg.jpg'); background-repeat: repeat-x; background-position: 0 center;}
#menu_main{max-width: 1152px; margin: 0 auto; font-family: tahoma,arial,sans-serif;}
#menu_main .item_main{float: left; width: 14%; margin: 0; font-size: 1.2em;}
#menu_main a{display: block; padding: 0.4em 0 0.5em 0; color: #ffffff; text-align: center; text-decoration: none;}
#menu_main a:hover{color: #b0ccff;}
.main_divider{float: left; width: 2px; height: 30px; border-right: #708eb0 1px solid;}

#index #item_main_index a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#about #item_main_about a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#products #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#rvd #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#cranes #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#catalogue #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#fittings #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#protect #item_main_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#news #item_main_news a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#info #item_main_info a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#contacts #item_main_contacts a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#delivery #item_main_delivery a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#certificates #item_main_certificates a{color: #b0cef0; text-shadow: 0 0 3px #000000;}


/*******************************************************************************

                              ???? ?????????

*******************************************************************************/

#rightSide h3{font-size: 1.4em; font-weight: normal;}
#rightSide h3 a{color: #000000; text-decoration: none;}

.item_products{margin: 0 0 0.2em 0; font-size: 1.2em;}
.item_products a{
  display: block; margin: 0; padding: 0.5em 0.2em 0.5em 1.3em; text-decoration: none; background-image: url('../i/pointer-01.gif'); background-repeat: no-repeat; background-position: 0.3em center;
  -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
}
.item_products a:hover{color: #123c6c; background-color: #c4d6e6;}
.item_products.selected a{color: #000000; background-color: #d0dfee;}

.submenu_products{display: none; margin: 0 0 2em 1em;}
.submenu_products.visible{display: block;}
.subitem_products{margin: 0.2em 0 0.2em 0; padding: 0.3em 1em 0.3em 1em;}
.subitem_products.selected{
  color: #000000; background-color: #d0dfee;
  -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
}
.subitem_products.selected a{color: #000000; font-weight: bold; text-decoration: none;}

.rdmenu_products{display: none; margin: 0.5em 0 1em 1.5em;}
.rdmenu_products.visible{display: block;}
.rditem_products{margin: 0.2em 0 0.2em 0; padding: 0.3em 1em 0.3em 1em; font-size: 0.8em;}
.rditem_products.selected{
  color: #000000; background-color: #d0dfee;
  -moz-border-radius: 0.2em; -khtml-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em;
}
.rditem_products.selected a{color: #000000; font-weight: bold; text-decoration: none;}

.products_divider{height: 1px; margin: 0.2em 0 0.2em 0; padding: 0; border-bottom: #9cb8d6 1px solid;}


/*******************************************************************************

                          ???? ?????????? ??????????

*******************************************************************************/

.item_info{margin: 0.2em 0 0.2em 0; padding: 0.3em 0.5em 0.3em 0.5em;}
.item_info.selected{
  color: #000000; background-color: #d0dfee;
  -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
}
.item_info.selected a{color: #000000; font-weight: bold; text-decoration: none;}

/*******************************************************************************

                              ?????? ????

*******************************************************************************/

#menu_bottom{float: right; padding-top: 17px;}
#menu_bottom .item_bottom{float: left; margin: 0 0.5em 0 0; padding: 0 0.5em 2px 0; text-shadow: 2px 2px 1px #002e62; text-align: center; border-right: #708eb0 1px solid;}
#menu_bottom .item_bottom:first-child{margin-left: 0;}
#menu_bottom .item_bottom:last-child{margin-right: 0; border-right: 0;}
#menu_bottom a{color: #ffffff; text-decoration: none;}
#menu_bottom a:hover{color: #b0cef0; text-decoration: underline; text-shadow: none;}
.bottom_divider{float: left; width: 1px; height: 30px;}

#menu_bottom .item_bottom#item_bottom_contacts {margin-right: 0; border-right: 0;}

#index #item_bottom_index a{color: #90aed0; font-weight: bold;}
#about #item_bottom_about a{color: #90aed0; font-weight: bold;}
#rvd #item_bottom_products a{color: #90aed0; font-weight: bold;}
#catalogue #item_bottom_products a{color: #90aed0; font-weight: bold;}
#drillhoses #item_bottom_products a{color: #90aed0; font-weight: bold;}
#cranes #item_bottom_products a{color: #b0cef0; text-shadow: 0 0 3px #000000;}
#fittings #item_bottom_products a{color: #90aed0; font-weight: bold;}
#protect #item_bottom_products a{color: #90aed0; font-weight: bold;}
#products #item_bottom_products a{color: #90aed0; font-weight: bold;}
#news #item_bottom_news a{color: #90aed0; font-weight: bold;}
#delivery #item_bottom_delivery a{color: #90aed0; font-weight: bold;}
#certificates #item_bottom_certificates a{color: #90aed0; font-weight: bold;}
#info #item_bottom_info a{color: #90aed0; font-weight: bold;}
#contacts #item_bottom_contacts a{color: #90aed0; font-weight: bold;}

@media (max-width: 1160px){#item_bottom_certificates{display: none;}}
@media (max-width: 1060px){#item_bottom_delivery{display: none;}}


/*******************************************************************************

                              ????? 

*******************************************************************************/

form{padding: 0; margin: 0;}
.f_cover{width: 100%; margin: 0 0 27px 0;}
.page_body .f_cover{margin-top: 2.5em;}
.f_table{margin: 0; width: 90%; padding: 0; border-collapse: collapse; border: none;}
.f_main{width: 100%; padding: 0;}
.f_caption{margin: 0; padding: 0; font-size: 1.5em; text-align: left; color: #000000; font-weight: bold; font-family: calibri,corbel,candara;}
.f_row{padding: 0; margin: 0;}
.f_custom_row{padding: 0; margin: 0;}
.f_custom_cell{padding: 0; margin: 0;}
.f_left{width: 35%; text-align: right; padding: 5px 10px 5px 5px; margin: 0;}
.f_left.nextspan{width: 35%; text-align: right; padding: 5px; margin: 0;}
.f_right{text-align: left; padding: 5px; margin: 0;}
.f_remark{text-align: left; padding: 13px 3px 13px 3px; margin: 0; line-height: 1.5em;}
.f_alert{text-align: left; padding: 14px 3px 14px 3px; margin: 0; line-height: 1.5em; color: #ff4400; font-weight: bold;}
.f_input{font-family: arial; color: #000000; border: #99aabb 1px solid; font-size: 16px; font-weight: bold; background-color: #ffffcc;}
textarea.f_input{font-family: arial; color: #000000; font-size: 16px; font-weight: bold; background-color: #ffffcc;}
.f_text{width: 100%; padding: 1px 2px 1px 2px;}
.f_file{width: 100%;}
.f_row_foot{padding: 0;}
.f_foot{position: relative; padding: 3px; text-align: center;}
.f_foot .f_submit{margin-left: 36%;}
.f_star{font-size: 0.9em; padding: 0 0 15px 0; color: #555555; text-align: center;}
.f_star p{margin: 0 0 0 36%; padding: 0;}
.f_main .ast{color: #ff8080; font-weight: bold; font-size: 1.2em;}
.f_main .ast.gray{color: #888888;}
.f_submit{font-weight: normal; font-size: 1.2em; padding: 3px 17px 3px 17px;}
.f_button{font-weight: normal; font-size: 1.2em; padding: 3px 17px 3px 17px;}
.f_cover td.f_foot img.preloader{display: block; position: absolute; width: 32px; height: 32px; top: 0.5em; left: 55%; border: 0px;}


td.captcha{padding-left: 35%;}
#subscribe td.captcha{padding-left: 16px; font-size: 0.9em; text-align: center;}



/*******************************************************************************

                              ????????? 

*******************************************************************************/

#someWin .body{
  width: 100%; padding: 1em; border: #338800 2px solid; font-size: 1.2em; color: #006600; background-color: #faffea; 
  -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;
}
#someWin.error .body{border: #883300 2px solid; color: #660000; background-color: #fffaea;}
#someWin .msg{width: 100%; margin-bottom: 1em;}
#someWin .ok{display: block; margin: 0 auto; padding: 0.3em 1em 0.3em 1em; font-weight: bold;}

/*******************************************************************************

                              ??????? 

*******************************************************************************/

table{border-collapse: collapse;}
caption{margin-top: 0px; margin-bottom: 0px;}
table.unbordered{border: 0px;}
table.unbordered td{border: 0px;}
table.cntr{text-align: center;}

/************* GLAMOUR */
.glamour{border: #f5f5f5 1px solid; font-size: 0.9em; margin: 0 auto;}
.glamour th{background-color: #ccddff; color: #184274; border-right: #f5f5f5 1px solid; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px; font-weight: bold;}
.glamour td{background-color: #e8e8e8; border-right: #f5f5f5 1px solid; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px;}
.glamour td.empt{background-color: #f5f5f5; border: 0;}
.glamour td.label{background-color: #e0e0e0;}
.glamour td.subheader{background-color: #123c6c; color: #ffffff;  text-align: center; font-weight: bold;}
.glamour td img{border: 0;}
.glamour th.cntr{text-align: center;}
.glamour th.rght{text-align: right;}
.glamour th.dark{background-color: #184274; color: #e8e8e8;}
.glamour caption{background-color: #184274; color: #e8e8e8; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px; font-weight: bold; font-size: 1.1em;}
.glamour .cpt{background-color: #184274; color: #e8e8e8; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px; font-weight: bold; font-size: 1.1em;}
.glamour .bcpt{background-color: #184274; color: #e8e8e8; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px; font-weight: bold; font-size: 1.3em;}
.glamour .lcpt{background-color: #d2e2e8; color: #184274; border-bottom: #f5f5f5 1px solid; padding: 5px 7px 5px 7px; font-weight: bold; font-size: 1.1em;}
table .glamour td li{margin: 0px 0px 5px 0px; padding: 0px;}
table .glamour td ul{-webkit-padding-start: 20px;}

/************* SMALL */

table.small{font-size: 0.8em;}

/************* JUST_TABLE */
table.just_table{min-width: 300px; margin: 0 auto; border-collapse: collapse;}
table.just_table caption{background-color: #123c6c; color: #ffffff;  margin: 0 auto; padding: 3px 7px 3px 0px; text-align: center; font-weight: bold;}
table.just_table caption a{text-decoration: none; color: #ffffff;}
table.just_table th{background-color: #123c6c; color: #ffffff;  margin: 0 auto; padding: 3px 7px 3px 0px; text-align: center; font-weight: bold;}
table.just_table th a{text-decoration: none; color: #ffffff;}
table.just_table th.left{text-align: left; padding-left: 14px;}
table.just_table .subheader{background-color: #123c6c; color: #ffffff;  margin: 0 auto; padding: 3px 7px 3px 0px; text-align: center; font-weight: bold;}
table.just_table .subheader a{text-decoration: none; color: #ffffff;}
table.just_table td{background-color: #d0deec; padding: 3px 7px 3px 7px; color: #123c6c;}
table.just_table .color1{background-color: #c0d2e4; color: #000000;}
table.just_table .color2{background-color: #aec6dc; color: #000000;}
table.just_table .color3{background-color: #9cb8d6; color: #000000;}
table.just_table .color4{background-color: #8caace; color: #000000;}
table.just_table .color5{background-color: #769cc6; color: #000000;}
table.just_table tr.color1 td{background-color: #c0d2e4; color: #000000;}
table.just_table tr.color2 td{background-color: #aec6dc; color: #000000;}

/************* SIMPLY */
table.simply{margin: 0 auto; border-collapse: collapse;}
table.simply caption{background-color: #123c6c; color: #ffffff;  margin: 0 auto; padding: 3px 7px 3px 0px; text-align: center; font-weight: bold;}
table.simply caption a{text-decoration: none; color: #ffffff;}
table.simply th{background-color: #123c6c; color: #ffffff;  margin: 0 auto; padding: 3px 7px 3px 0px; text-align: center; font-weight: bold;}
table.simply th a{text-decoration: none; color: #ffffff;}
table.simply th.left{text-align: left; padding-left: 14px;}
table.simply td{background-color: #d8e6ee; padding: 3px 7px 3px 7px;}
table.simply .color1{background-color: #d0deec;}
table.simply .color2{background-color: #c4d6e6;}
table.simply .color3{background-color: #b4cae0;}
table.simply .color4{background-color: #a4beda;}
table.simply .color5{background-color: #90aed0;}

/************* ALTERNATE */
.alternate tr:nth-child(2n) td{background-color: #d4e0f8;}
.alternate tr:nth-child(2n+1) td{background-color: #e0e8fa;}
.alternate th{background-color: #aec6dc;}
.alternate tr:nth-child(2n) td.subheader{background-color: #3c6088;}
.alternate tr:nth-child(2n+1) td.subheader{background-color: #3c6088;}
.alternate td.subheader a{color: #ffffff;}

/*******************************************************************************

                             ?????????? ???????

*******************************************************************************/

table.switched{margin-bottom: 0;}
.pinned{position: absolute; left: 0; top: 0; background: #fff; width: auto; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.pinned table{border-right: none; border-left: none; width: 100%;}
.pinned td:last-child{border-bottom: 0;}
	
div.table-wrapper{position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc;}
div.table-wrapper div.scrollable{overflow: scroll; overflow-y: hidden;}
	
table.switched td, table.switched th{position: relative; overflow: hidden;}
p.table-caption{margin: 0; padding: 5px 7px 5px 7px; color: #e8e8e8; border-bottom: #f5f5f5 1px solid; background-color: #184274; font-size: 0.9em; font-weight: bold; text-align: center;}


/*******************************************************************************

                              ?????????? ????????

*******************************************************************************/

.contents{margin: 2em 0 2em 0; padding: 0;}
.contents .item{float: left; width: 22%; margin: 0 1% 1em 1%; list-style: none; text-align: center;}
.contents .item a{
    display: block; padding: 0.5em 0 0.3em 0; text-decoration: none; font-weight: bold; font-size: 1em; background-color: #d0dfee;
    -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
}
.contents .item a:hover{color: #123c6c; background-color: #c4d6e6;}
.contents img{display: block; float: none; width: 70%; max-width: 200px; height: auto; margin: 0 auto; border: 0;}
.contents p{display: block; float: none; margin: 0.7em 0 0 0;}

#rvd .contents .item a{padding-top: 1em;}
#cranes .item{float: left; width: 30%; margin: 0 1% 1em 1%; list-style: none; text-align: center;}

.top_contents{margin: 0 0 1.5em 0;}
.top_contents a{
  display: block; float: left; margin: 0 0.7em 0.5em 0; padding: 0.4em 0.7em 0.4em 0.7em; text-decoration: none; font-weight: normal; font-size: 1em; background-color: #d0dfee;
  -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;    
}
.top_contents a.selected{background-color: #8cb4dc;}
.top_contents a:hover{color: #123c6c; background-color: #b8d6e6;}


/*******************************************************************************

                              ?????? ???????

*******************************************************************************/

.pagelist_top{margin: 7px 0 14px 14px; font-family: garamond;}
.pagelist_bottom{margin: 14px 0 7px 14px; font-family: garamond;}
a.pagelink{padding: 0 3px 0 4px; margin: 0 3px 0 3px; border: #325488 1px solid; background-color: #d0dfee; text-decoration: none;}
a.pagelink_selected{border: #801620 1px solid; font-weight: bold; color: #801620; padding: 0 3px 0 4px; margin: 0 3px 0 3px; background-color: #d0dfee; text-decoration: none;}

/*******************************************************************************

                              ??????

*******************************************************************************/

.p_cover{width: 75%; margin: 0 auto; padding: 0 17px 7px 17px; border: #000080 1px solid; background-color: #e0efff; -moz-border-radius: 0.7em; -khtml-border-radius: 0.7em; -webkit-border-radius: 0.7em; border-radius: 0.7em;}
.p_header{padding: 14px 0 0 7px; font-size: 1.1em; font-weight: bold; color: #000000;}
.p_header img{display: none;}
.p_body_cover{text-align: left; padding: 0; margin: 0;}
.p_body{padding: 0; line-height: 1.5em; color: #000000; font-size: 1em;}
.p_footer_cover{padding: 3px 0 3px 0; text-align: left; font-weight: bold;}
.p_footer{padding: 5px;}

.intextimage{float: left; margin: 14px;} 
.searchmarker{background-color: #94c9fb;}

/*******************************************************************************

                              ??????????

*******************************************************************************/

#gal_table{width: 600px; margin: 0 auto; border: 0;}
#gal_table th{border: 0;}
#gal_table td{border: 0;  padding-bottom: 27px;}
.gal_image_cell{text-align: center;}
img.gal_thumbnail{background-color: #ffffff; border: #bbbbbb 1px solid; padding: 3px;}
.gal_image_header{font-size: 0.9em; margin: 0; padding: 0;}

.gal_image_cover{width: 47%; text-align: center; float: left; margin: 0.7em 1% 1em 1%;}


/*******************************************************************************

                              ???????

*******************************************************************************/

.tabset{width: 98%; margin: 0 auto; margin-top: 13px; margin-bottom: 27px; border-bottom: #cccccc 1px solid;}
.tabheads{width: 100%; border-bottom: #00307a 2px solid;}
.tabhead{width: 150px; height: 23px; float: left; margin-left: 3px; text-align: center; padding-top: 7px; font-family: arial; color: #00307a; background-color: #e8e8ff; border-left: #cccccc 1px solid; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; cursor: pointer;}
.tabhead_sel{width: 150px; height: 23px; float: left; margin-left: 3px; text-align: center; padding-top: 7px; font-family: arial; color: #ffffff; background-color: #00307a; border-left: #00307a 1px solid; border-top: #00307a 1px solid; border-right: #00307a 1px solid; cursor: pointer;}
.tabbody{padding: 13px 10px 13px 10px;}

/*******************************************************************************

                                   ????

*******************************************************************************/

p.caption{margin: 0.5em 0 1em 0; padding: 0 0 0.2em 0; font-family: calibri,corbel,candara; font-size: 2em; font-weight: bold; text-align: center;}
p.caption a{color: #123c6c; text-decoration: none;}
p.caption a:hover{color: #306aaa;}
p.caption.blueline{background-image: url('../i/blueline.gif'); background-repeat: no-repeat; background-position: center bottom;}
p.caption.aqualine{background-image: url('../i/aqualine.gif'); background-repeat: no-repeat; background-position: center bottom;}

img.construction{float: left; width: 128px; height: 128px; border: 0; margin-right: 3em;}

table.products{border-collapse: separate; width: 100%; margin: 0 auto; margin-bottom: 2em; border-spacing: 1em 1em; border: 0; line-height: 1.5em; font-family: calibri,corbel,candara;}
table.products tr:first-child td{padding-top: 0;}
table.products tr:last-child td{padding-bottom: 0;}
table.products td{width: 50%; background-color: #d0dfee; padding: 0 0.5em 0 0.5em; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; cursor: pointer;}
table.products td:hover{background-color: #c4d6e6;}
table.products td p{display: block; float: left;}
table.products td p:first-child{width: 25%; margin-right: 1em;}
table.products td p:last-child{width: 69%;}
table.products td p:last-child a{display: block; padding-bottom: 0.5em; font-size: 1.6em; line-height: 1.2em;}
table.products img{width: 100%; max-width: 320px; height: auto; border: 0;}
@media (max-width: 1000px){table.products td a{line-height: 1em;}}

table.delivery{margin: 0 auto;}
#index table.delivery{width: 80%;}
table.delivery tr{vertical-align: middle;}
table.delivery td{width: 33%; text-align: center; padding-top: 2em;}
table.delivery img{width: 70%; max-width: 200px; height: auto; border: 0;}

table.news{border-collapse: separate; width: 98%; margin: 0 auto; margin-bottom: 2em; border: 0;}
table.news td{width: 30%; padding: 0 0.7em 0 0.7em;}
table.news td:first-child{padding: 0 1.3em 0 0;}
table.news td:last-child{padding: 0 0 0 1.3em;}
table.news h2{margin-top: 0;}

.newslist h2{margin: 0 0 0.4em 0; font-size: 1.2em; font-family: calibri,corbel,candara;}
.newslist .item{
  line-height: 1.2em; color: #333333; margin-bottom: 1.5em; padding-bottom: 1em;
  background-image: url('../i/divider-light.png'); background-repeat: no-repeat; background-position: left bottom; background-size: contain;
}
.newslist .blog_date{font-size: 0.8em;}

table.semitable{width: 100%; border: 0;}
tr{vertical-align: top;}
table.hrules tr{vertical-align: middle;}

.counters_cover{margin: 0;}
.counter{float: right; text-align: center; margin: 0 3px 0 0; padding: 0;}


/*******************************************************************************

                             ?????? "??????"

********************************************************************************/

#toTop{
display: none; position: fixed; width: 51px; height: 51px; right: 10px; bottom: 10px; text-decoration: none; overflow: hidden; border: none;	text-indent: 100%; outline: none;
background-image: url("../i/totop.png"); background-repeat: no-repeat; background-position: 0 0;
}
#toTop:hover{background-position: 0 -51px;}


/*******************************************************************************

                                   ????

*******************************************************************************//

h2.blog_head{margin: 33px 0px 5px 0px; font-size: 1.4em; font-family: calibri,corbel,candara;}
.blog_date{color: #777777;}
.blognav{margin-top: 33px;}
a.prevblog{display: block; float: left; width: 40%; padding-left: 23px; text-align: left; background-image: url('../i/icons/18/left.gif'); background-repeat: no-repeat; background-position: left 3px;}
a.nextblog{display: block; float: right; width: 40%; padding-right: 23px; text-align: right; background-image: url('../i/icons/18/right.gif'); background-repeat: no-repeat; background-position: right 3px;}
.blog_left{float: left; margin-right: 21px;}
.blog_comments_counter{margin-left: 21px; padding: 0px 0px 4px 22px; text-decoration: none; background-image: url('/classes/commentator/i/bubble-16.png'); background-repeat: no-repeat; background-position: 0px 2px;}
.blog_left.blog_comments_counter{padding-left: 10px;}
a.blog_comments_counter:hover{text-decoration: underline;}


/*******************************************************************************

                                   ??????????? ????????

*******************************************************************************/

.rig-small{width: 40%; max-width: 400px; height: auto;}

/*******************************************************************************

                                   ???????????

*******************************************************************************/

h2.comments{text-align: center;}
#commentator{overflow: hidden;}
#commentator .invite{width: 300px; margin: 0 auto; padding: 5px 0px 5px 0px; font-size: 1.2em; text-align: center; background-color: #b0cef0; border: #205088 2px solid; cursor: pointer; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em;}
#commentator.expanded .invite{color: #b0cef0; background-color: #205088;}
#commentator.expanded{border: #b0cef0 3px solid; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;}
#commentsform{margin: 0px 0px 21px 0px; padding: 0px; text-align: center;}
#commentsform textarea{width: 98%; margin: 0px; font-size: 1.2em; background-color: #ffffee; border: #777777 1px solid; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
#commentsform input.submit{margin: 7px 0px 2px 0px; padding: 4px 13px 5px 13px; font-size: 1.2em;}
#commentator textarea{line-height: 1.5em; font-family: georgia,garamond,times new roman; color: #000000; font-size: 1em;}
#auth_stuff{padding: 0px 17px 0px 17px;}
#auth_stuff p{margin: 0px; padding: 9px 0px 0px 0px;}
.comments_count{margin-left: 7px; padding: 5px 7px 5px 7px; font-size: 1.4em; background-color: #b0cef0; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em;}
p.auth_links{margin: 7px 0px 3px 0px; padding: 0px;}
ul.auth_links{margin: 0px 0px 7px 0px; padding: 0px; overflow: hidden;}
ul.auth_links li{float: left; margin: 0px 0px 0px 7px; padding: 0px; list-style-type: none;}
ul.auth_links li img{border: 0; cursor: pointer;}

.itemComment{position: relative; margin: 27px 0px 0px 0px; padding: 7px 13px 7px 13px; border-top: #dddddd 1px solid; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;}
.itemComment:hover{background-color: #bbddff; border-top: #ffffff 1px solid;}
.itemComment .userinfo{float: left; width: 110px; margin: 0px 13px 0px 0px; padding: 0px; text-align: center; line-height: 1.2em;}
.itemComment .date{font-size: 0.8em; color: #888888;}
.itemComment .comment_num{font-size: 0.8em; color: #888888;}
.itemComment .content{margin: 0px 0px 13px 130px;}
.itemComment .content .cite{color: #880066; font-style: italic;}
.itemComment a.comnav{color: #2244aa; cursor: pointer;}
.itemComment a.comnav:hover{color: #4080cc;}

.itemComment .btns{min-height: 27px; margin: 7px 0px 0px 130px;}
.itemComment .btns input{display: none; float: right; margin: 0px 7px 0px 0px; padding: 2px 7px 3px 7px; font-size: 1em;}
.itemComment:hover .btns input{display: inline;}

.itemComment.expanded{overflow: hidden;}
.itemComment.editMode{background-color: #bbddff; border-top: #ffffff 1px solid;}
.itemComment.editMode .btns input{display: inline;}
.itemComment .content textarea{line-height: 1.5em; font-family: georgia,garamond,times new roman; color: #000000; font-size: 1em;}

.compages{margin-top: 33px;}
.compages a.pagelink{font-size: 1.2em; font-family: times new roman;}
.compages a.pageload{margin: 0px 5px 0px 13px; padding: 2px 11px 2px 26px; color: #2244aa; text-decoration: none; cursor: pointer; border: #2244aa 1px solid; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; background-image: url('../i/icons/16/down.gif'); background-repeat: no-repeat; background-position: 5px 4px;}
.compages a.pageload:hover{background-color: #bbddff;}


/*******************************************************************************

                                   ????? ???????? ?? ???????

*******************************************************************************/

#subscribe{padding-bottom: 13px; margin-bottom: 13px; background-image: url('../i/divider-light.png'); background-repeat: no-repeat; background-position: left bottom; background-size: contain;}
#subscribe .f_table{width: auto;}
#subscribe .f_caption{margin: 0; padding-bottom: 0.5em; font-weight: normal; font-family: tahoma,arial,sans-serif;}
#subscribe .f_input{font-weight: normal; width: 90%;}
#subscribe tr:last-child{font-size: 0.9em;}

#subscribe .f_submit{margin: 0.7em 0 0 0; padding: 0.4em 2em 0.4em 2em; text-align: center; text-decoration: none; font-weight: bold; color: #ffffff; border: 0; background-color: #123c6c; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; cursor: pointer;}
#subscribe .f_submit:hover{color: #ffffff; background-color: #306aaa;}
#subscribe .f_foot{padding-bottom: 1em;}
#subscribe .f_remark{padding: 0 0 1em 1em; color: #777777; font-family: georgia,garamond,times new roman;}

/*******************************************************************************

                                   ????? ? ?????? ???????

*******************************************************************************/

#rightSide .f_main {padding-bottom: 13px; margin-bottom: 13px; background-image: url('../i/divider-light.png'); background-repeat: no-repeat; background-position: left bottom; background-size: contain;}
#rightSide .f_table{width: auto;}
#rightSide .f_caption{margin: 0; padding-bottom: 0.5em; font-weight: normal; font-family: tahoma,arial,sans-serif;}
#rightSide .f_input{font-weight: normal; width: 90%;}
#rightSide tr:last-child{font-size: 0.9em;}
#rightSide .f_submit{margin: 0.7em 0 0 0; padding: 0.4em 2em 0.4em 2em; text-align: center; text-decoration: none; font-weight: bold; color: #ffffff; border: 0; background-color: #123c6c; -moz-border-radius: 0.3em; -khtml-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; cursor: pointer;}
#rightSide .f_submit:hover{color: #ffffff; background-color: #306aaa;}
#rightSide .f_foot{padding-bottom: 1em;}
#rightSide .f_remark{padding: 0 0 1em 0; color: #777777; font-size: 0.9em;}
#rightSide td.captcha{padding-left: 16px; font-size: 0.9em; text-align: center;}
#rightSide .f_main .ast{display: none;}