/* ------------------------------------------------------------------------------------------------------------------
  * Author:   Lukashov Anton ( a.lukashov@vipro.ru )
   ------------------------------------------------------------------------------------------------------------------ */

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

.fl { float:left; } .fr { float:right; } .bl { display:block; }

/* ------------------------------------------------------------------------------------------------------------------ */

#counters-top { left:0; position:absolute; top:-1000px; visibility:visible; }
#box { margin:auto; min-height:100%; width:1000px; }
#box-in { padding:0 30px 163px; }

#footer { background:url(../i/footer-line.gif) 50% 0 no-repeat; height:133px; margin-top:-133px; width:100%; }
#footer-in { margin:auto; padding:0 30px; width:940px; }

.foot-left { line-height:22px; padding:25px 0 0; }
.vipro { background:url(../i/vipro.gif) 0 25px no-repeat; line-height:22px; padding:24px 0 0 95px; width:220px; }

#header-box { left:0; position:absolute; top:0; width:100%; }
#header { height:107px; margin:auto; padding:0 30px; width:940px; }

.logo { padding-top:22px; width:246px; }
.telefon { line-height:22px; padding-top:24px; width:400px; }
.telefon span { color:#000; font-size:20px; }

.header-right { width:206px; }

.flags { font-size:10px; line-height:20px; padding:12px 0 14px; text-transform:uppercase; }
.flags span, .flags a { display:block; float:right; height:20px; margin-left:5px; text-align:center; width:30px; }
.flags a { color:#000; }
.flags span { background:url(../i/flag.gif) 0 0 no-repeat; color:#fff; }

.search { background:url(../i/search-bg.gif) 0 0 no-repeat; height:19px; padding:1px 0 0 1px; width:205px; }
.search-txt { border:0; color:#999; float:left; font-family:Arial; font-size:11px; height:18px; line-height:18px; padding:0 10px; width:158px; }
.search-button { float:left; height:20px; width:26px; }

#workarea {  }
#left-block { width:210px; }
#right-block { width:701px; }

#left-menu { padding-bottom:20px; }
#left-menu ul { list-style:none; margin:0; }
#left-menu ul li { padding:0 0 10px 0; }
#left-menu ul li a { color:#003a73; }
#left-menu ul li ul { margin:15px 0 0; }
#left-menu ul li ul li { background:url(../i/menu-point.gif) 7px 7px no-repeat; padding:0 0 5px 20px; }
#left-menu ul li ul li a { color:#666; text-decoration:none; }
#left-menu ul li ul li a:hover { color:#7dabd8; }

#left-menu ul li a:hover, #left-menu ul li a.active { color:#7dabd8; }

.banners { padding-bottom:20px; }
.banners img { margin-bottom:10px; }

.question a { background:url(../i/question.png) 0 0 no-repeat; color:#fff; display:block; font-weight:bold; text-decoration:none; height:36px; margin:10px 0 20px 1px; padding:13px 0 0 17px; width:171px; }
.question a:hover { color:#fff; }

.news { background:url(../i/dotted.gif) 0 100% repeat-x; font-size:12px; line-height:16px; margin-bottom:15px; padding-bottom:10px; }
.news p { margin:0; }
.news.x { font-size:14px; line-height:20px; }
.news.x p { margin-bottom:10px; }
.date { background:url(../i/date-dot.gif) 0 0 no-repeat; color:#fff; display:block; font-size:14px; height:23px; line-height:16px; margin-bottom:5px; text-align:center; width:78px; }

#fall { height:275px; margin:0 0 0 -14px; position:relative; width:702px; }
#slider-globe { background:url(../i/slider-png.png) 0 0 no-repeat; height:275px; left:0; margin:0 -14px 0 0; position:absolute; top:0; width:729px; z-index: 100; cursor: pointer; }
.fall-totated { height:261px; left:0; position:absolute; top:0; width:702px; }
.fall-totated-in { position:relative; }
.fall-text { background:url(../i/slider-bg.png) 0 0 repeat; bottom:0; color:#fff; font-size:16px; height:70px; left:0; line-height:30px; padding:0 35px; position:absolute; width:647px; }
.nivo-caption { background:url(../i/slider-bg.png) 0 0 repeat; bottom:0; color:#fff; font-size:16px; height:70px; left:0; line-height:30px; padding:0 35px; position:absolute; width:647px; }
#fall-links { left:15px; position:absolute; top:168px; width:100%; z-index:1000; }
#fall-links span { background:url(../i/slider-arrows.png) 0 0 no-repeat; cursor:pointer; display:block; height:27px; width:37px; }
#fall-links span.slider-left {  }
#fall-links span.slider-right { background-position:0 -27px; }
#fall-dots { left:35px; position:absolute; top:236px; }
#fall-dots span { background:url(../i/slider-dots.png) 0 0 no-repeat; display:block; float:left; height:11px; margin-right:4px; width:12px; }
#fall-dots span.active { background-position:0 -11px; }

.nivo-controlNav { left:35px; position:absolute; top:236px; z-index: 200; }
.nivo-controlNav a { background:url(../i/slider-dots.png) 0 0 no-repeat; display:block; float:left; height:11px; margin-right:4px; width:12px;  text-indent: -9999px; }
.nivo-controlNav a.active { background-position:0 -11px; }

.nivo-directionNav { left:15px; position:absolute; top:168px; width:702px; z-index:1000; }
.nivo-directionNav a { background:url(../i/slider-arrows.png) 0 0 no-repeat; cursor:pointer; display:block; height:27px; width:37px;  text-indent: -9999px; }
.nivo-directionNav a.nivo-prevNav {  }
.nivo-directionNav a.nivo-nextNav { background-position:0 -27px; }

#slider img { display:none; }

#content { line-height:22px; padding:30px 0; position:relative; }
.main-catalog { background:url(../i/dotted.gif) 0 0 repeat-x; margin-bottom:20px; padding-top:20px; }
.main-catalog table { background:url(../i/dotted.gif) 0 100% repeat-x; width:100%; }
.main-catalog table tr td { padding:0 10px 20px 0; width:30%; }

.page-left { width:480px; }
.page-right { width:187px; }
.page-right ul { list-style:none; margin:0; }
.page-right ul li { background:url(../i/li.gif) 0 8px no-repeat; padding:0 0 5px 20px; }
.page-right ul li a { color:#666; }
.page-right ul li a:hover { color:#7dabd8; }

.page-right ul li ul { margin:15px 0 0; }
.page-right ul li ul li { background:url(../i/menu-point.gif) 0 7px no-repeat; font-size:12px; padding:0 0 5px 15px; }
.page-right ul li ul li a { color:#666; text-decoration:none; }
.page-right ul li ul li a:hover { color:#7dabd8; }

.navigation-chain { color:#666; font-size:12px; left:-5px; position:absolute; top:0; }
.navigation-chain a { color:#000; margin:0 5px; text-decoration:none; }

#popup { left:0; position:absolute; top:550px; width:100%; z-index: 3000; }
#popup-block { margin:auto; position:relative; width:542px; }
#popup-block .pop-top { background:url(../i/pop-top.png) 0 0 no-repeat; font-size:1px; height:10px; line-height:1px; width:542px; }
#popup-block .pop-body { background:url(../i/pop-mid.png) 0 0 repeat-y; line-height:25px; padding:30px 50px 20px; width:442px; }
#popup-block .pop-body table tr td, .zakaz tr td { padding:0 20px 10px 0; vertical-align:top; }
.pop-txt, .pop-textarea { border:solid 1px #aeaeae; font-family:Arial; font-size:12px; outline:none; padding:2px; width:236px; }
.pop-textarea { height:139px; overflow:auto; resize:none; }
.zakaz tr td .pop-textarea { height:95px; }
#popup-block .pop-bottom { background:url(../i/pop-bottom.png) 0 0 no-repeat; font-size:1px; height:20px; line-height:1px; width:542px; }
#popup-block .pop-close { background:url(../i/close.png) 0 0 no-repeat; cursor:pointer; height:27px; position:absolute; right:6px; top:9px; width:31px; }

.pager { padding:50px 0; }
.pager a, .pager span { margin:0 5px; }

.blue { color:#014e95; }
.catalog table tr td { color:#333; padding:0 15px 20px 0; vertical-align:top; }
.catalog table tr td img { margin:auto; }
.catalog table tr td a { font-size:12px; }

.load { background:url(../i/pdf.gif) 0 2px no-repeat; font-size:12px; height:24px; padding:0 0 0 25px; position:absolute; right:0; top:0; width:162px; }

.catalog-in { margin-top:-20px; }
.catalog-in table tr td { font-size:12px; line-height:18px; padding:10px 10px 20px 0; }
.catalog-in table tr td.name { font-size:14px; padding:20px 10px 10px 0; }
.catalog-in table tr td p { margin-bottom:10px; }
.catalog-in table tr.dotter td { background:url(../i/dotted.gif) 0 100% repeat-x; }

#tovar { font-size:12px; line-height:18px; }
#tech { background:url(../i/dotted.gif) 0 100% repeat-x; margin-bottom:20px; padding-bottom:20px; }
#tech table { width:100%; }
#tech table tr th, #tech table tr td { padding:5px 5px; text-align:left; }
#tech table tr th { color:#333; }
#tech table tr.gray td { background:#dee8f3; }

.deal-city a { background:url(../i/deal-dot.png) 100% 6px no-repeat; color:#333; padding-right:20px; text-decoration:none; }
.deal-city a:hover { color:#333; }

#dealers { position:relative; }
#deal-popup { left:-7px; position:absolute; top:25px; }
#deal-pop-top { background:url(../i/deal-pop-top.png) 0 0 no-repeat; font-size:1px; height:15px; line-height:1px; width:486px; }
#deal-pop-mid { background:url(../i/deal-pop-mid.png) 0 0 repeat-y; padding:0 30px 20px; width:426px; }
#deal-pop-mid table tr td { width:50%; }
#deal-pop-bottom { background:url(../i/deal-pop-bottom.png) 0 0 no-repeat; font-size:1px; height:20px; line-height:1px; width:486px; }

#russia-map { background:url(../i/russia.jpg) 0 0 no-repeat; height:283px; position:relative; width:457px; }
.map-point { background:url(../i/map-points.png) 0 0 no-repeat; color:#333; cursor:pointer; font-size:12px; height:11px; line-height:11px; position:absolute; width:11px; }
.map-point span { display:none; }
.map-point.active { background-position:0 -11px; padding-left:15px; width:auto; }
.map-point.active span { display:block; }

.deal-city-list { background:url(../i/dotted.gif) 0 100% repeat-x; margin-bottom:20px; padding:10px 20px; }
.deal-city-list h3 { color:#333; margin:0 0 10px -20px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

.body-default { margin: 20px; }

/* AL20121801 */
.moatdeep { margin:10px 0 18px; width:100%; }
.moatdeep tr td { vertical-align:top; width:45%; }
.special { background:url(../i/dotted.gif) 0 0 repeat-x; padding:10px 0; }
