body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(./images/sys/bg/main-bg.png) repeat-x 0 0; margin: 0; padding: 0; color: #000; background-size: contain;}

/***** STANDART ELEMENTS *****/
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; color: #494949; }
li {list-style: none;}
a img { border: none; }
a:link { color: #42413C; text-decoration: underline; cursor: pointer; }
a:visited { color: #6E6C64; text-decoration: underline; }

a:hover, a:active, a:focus { text-decoration: none; }
input[type="text"], input[type="password"]{ border: 1px solid #cecece; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; font-size: 12px; height: 18px; min-width: 180px; } 
table{ border: 0px; }
tr, td{ vertical-align: top; }
div.spacer{ width: 100%; height: 32px; }
/***** END STANDART ELEMENTS *****/

/***** BASE ELEMENTS *****/
.small-button{ position: absolute; height: 32px; width: 90px; height: 22px; color: white; padding-top: 5px; text-align:center; border: solid 1px; border-color: #efefef #cfcfcf #cfcfcf #efefef; 	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; font-size: 11px; color: #FFFFFF; }
.small-button a, .small-button p, .small-button span{ font-size: 11px; color: white; }
.small-button.blue{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -10px; color: #efefef; text-decoration: none; }
.small-button.blue a, .small-button.blue p, .small-button.blue span{ font-size: 11px; color: white; }
.small-button.blue:hover{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -60px; text-decoration:underline; color: white; }
.small-button.orange{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -110px; color: #efefef; text-decoration: none; }
.small-button.orange a, .small-button.orange p, .small-button.orange span{ font-size: 11px; color: white; }
.small-button.orange:hover{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -160px; text-decoration:underline; color: white; }
.small-button.green{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -210px; color: #efefef; text-decoration: none; }
.small-button.green a, .small-button.green p, .small-button.green span{ font-size: 11px; color: white; }
.small-button.green:hover{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -260px; text-decoration:underline; color: white; }
.small-button.red{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -310px; color: #efefef; text-decoration: none; }
.small-button.red a, .small-button.red p, .small-button.red span{ font-size: 11px; color: white; }
.small-button.red:hover{ background: transparent url(./images/sys/bg/button-bg.png) repeat-x 0 -360px; text-decoration:underline; color: white; }

.main-content{ position: relative; width: 960px; min-height: 600px; left: 50%; margin-left: -480px; }

/********************* HEADER ***********************/
.header{ position: relative; height: 116px; width: 100%; margin: 4px 0 7px 0; }
.header .logo{ background: transparent url(./images/sys/logo.png) no-repeat 0 0; height: 80px; width: 250px; }
/********************** LOGO ************************/
.logo{ position: absolute; left: 10px; top: 12px; width:280px; height:70px; background: url(./images/sys/logo.png) no-repeat 0 0; }
.logo a{ width: 345px; height: 120px; cursor: pointer;}
/******************** TOP MENU **********************/
.header .top-menu{ height: 20px; overflow: hidden; width: auto; }
.header .top-menu ul { float: right; font-size: 11px; text-align:right; }
.header .top-menu .menu-item{ float:left; }
.header .top-menu .menu-item.first .separator{ display: none; }

.lang-selector{ position: absolute; right: 0; z-index: 100; top: 16px; }
.lang-item { float: right; }
.lang-item div{ height: 18px; width: 18px; margin: 0px 7px; }

/******************* TOP BANNER *********************/
.header .banner{ float: right; height: 38px; width: 450px; top: 18px; text-align: right; }
.header .banner p { font-size: 22px; font-weight: bold; }
/******************* MAIN MENU **********************/
.header .main-menu{ position: relative; float: right; height: 52px; width: 700px; border: 1px solid #3300FF; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; background: #1885C6; }
.header .main-menu {}
.header .main-menu li.menu-item { position:relative; float: left; font-size: 14px; line-height: 38px; height: 40px; width: auto; margin: 5px 8px; border: 1px solid transparent; }

.header .main-menu li.menu-item.active, .header .main-menu li.menu-item:hover { border: 1px solid #F08900; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; background: #F08900;}
.header .main-menu li.menu-item .separator{ position:absolute; width: 8px; left: -8px; width: 1px; height: 28px; margin-top: -14px; top: 50%; background: #efefef; }
.header .main-menu li.menu-item.first .separator{ display: none; }
.header .main-menu li.menu-item a{ color: #efefef; text-decoration: none; /* margin: 4px 8px; */ }
.header .main-menu li.menu-item a > div{ height: 48px; padding: 0px 8px; }
/****************************************************/

.framed-inner{ width: 960px; /* min-height: 300px; */ border: 1px solid #fefefe; background: #fefefe;  border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; }
.framed-inner div.content{ position:relative; width: 920px; padding: 20px 20px; }
.framed-inner div.content .content-header{ position:absolute; top: 0px; left: 0px; width: 960px; height: 48px; 
border-radius: 22px 22px 0 0; -moz-border-radius: 22px 22px 0 0; -webkit-border-radius: 22px 22px 0 0; background: #1885C6; text-align: center; line-height: 48px; }
.framed-inner div.content .content-header h2, .framed-inner div.content .content-header h3 {font-size: 26pt; color: #fff}, .framed-inner div.content .content-header h4{ color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.3); filter: dropshadow(color=rgba(255,255,255,0.3),offX=2,offY=2);}
.service-bg.clear-bg{ display: none; height: 0px; }
.framed-inner div.content .content-body{ margin-top: 58px; }

.opacity-50{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom: 1; }
.no-opacity{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 !important; zoom: 1; }

/****************** PROMO BANNER ********************/
.promo-banner{ margin: 8px; width: 944px; height: 300px; border: 1px solid #999; background: white !important;  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; z-index: 2; }

.promo-banner > div, .promo-banner > promo-item img, .promo-item .image { position: relative; width: 313px; height: 300px; }
.promo-banner .frame1, .promo-banner .frame1 .image{ float:left; border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; }
.promo-banner .frame2, .promo-banner .frame2 .image{ float:left; border-left: 1px solid #999; border-right: 1px solid #999; }
.promo-banner .frame3, .promo-banner .frame3 .image{ float:right; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; }

.promo-banner .promo-item .caption{ background: black; position: absolute; width: 300px; height: 60px; bottom: 0px; left: 0px; overflow: hidden; padding: 7px; line-height: 14px; z-index:11111; }
.promo-banner .promo-item .caption a div{ height: 70px; overflow: hidden; }
.promo-banner .promo-item .caption a{ color: white; font-size: 12px; }
.promo-banner .frame1.promo-item .caption { border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; }
.promo-banner .frame3.promo-item .caption { border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; }
.promo-banner .promo-element { }
.promo-banner .promo-text .caption { font-size: 18px; height: 22px !important; overflow: hidden; margin: 8px 8px; }
.promo-banner .promo-text .text { font-size: 12px; height: 200px !important; overflow: hidden; margin: 8px 8px 8px 18px; }
.promo-banner .promo-text .news-item{ position: relative; height: 130px; }
.promo-banner .promo-text .news-caption{ font-size: 12px; line-height: 14px;}
.promo-banner .promo-text .news-body{ font-size: 12px; height: 46px; overflow:hidden; margin: 4px 0 0 18px; }
.promo-banner .promo-text .small-button{ position: absolute; top: 100%; margin-top: -42px; left: 100%; margin-left: -112px;  }

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

/****************** PROMO FOOTER ********************/
.promo-footer {width: 960px; padding: 10px 0px; position:relative; height: 112px; }
.promo-footer .promo-item { width: 303px; height: 110px; border: 1px solid #cecece; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0 7px; }
.promo-footer .promo-item.frame1{ float: left; }
.promo-footer .promo-item.frame2{ float: left; }
.promo-footer .promo-item.frame3{ float: right; }
.promo-footer .promo-item.green{ background: transparent url(./images/sys/bg/bg320-green.png) repeat-y 0 0 !important; }
.promo-footer .promo-item.blue{ background: transparent url(./images/sys/bg/bg320-blue.png) repeat-y 0 0 !important; }
.promo-footer .promo-item.orange{ background: transparent url(./images/sys/bg/bg320-orange.png) repeat-y 0 0 !important; }
.promo-footer .promo-item h3, .promo-footer .promo-item h3 a{ color: white; font-size: 16px; font-weight: bold; margin: 12px 4px; line-height: 14px; }
.promo-footer .promo-item p { color: white; font-size: 12px; font-weight: normal; margin: 2px 18px; }
/****************************************************/

/******************** PRODUCERS *********************/
.producers { position: relative; width: 930px; padding: 10px 0px; position:relative; height: 123px; border: 1px solid transparent; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #C1D4FF; margin: 10px; padding: 5px; }

.producers .producer-item { position:relative;  float:left; width: 100px; height: 100px; border: 1px solid transparent; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #CCCCCC; margin: 10px 7px; background-position: 0 0; }
.producers .producer-item:hover{ background-position: 0px -102px !important; }
/****************************************************/

/********************** FOOTER **********************/
.footer{ position: relative; width: 100%; height: auto; background: #167AB6; color: white; }
.footer .main-content{ min-height: 180px; }
.footer .promo-footer { height: 140px; width: 380px; margin: 10px; }
.footer .promo-footer.frame1 { float: left; }
.footer .promo-footer.frame2 { float: left; }
.footer .promo-footer.frame3 { float: right; }
.footer .promo-footer h3 { color: white; font-size: 14px; font-weight: bold; }
.footer .promo-footer ul, .footer .promo-footer li{ font-size: 12px; margin: 4px 10px; }

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

/******************** BREADCRUMB ********************/
div.breadcrumb-frame{ width: 100%; height: 38px; }
ul.breadcrumb-navigation { vertical-align: middle; font-size: 14px; color: #494949; line-height: 32px; padding: 5px 22px; }
ul.breadcrumb-navigation li { float:left; margin-left: 0px; }
ul.breadcrumb-navigation li.home div{ width: 32px; height: 32px; float: left; background: transparent url(images/sys/elements/home.png) no-repeat; }
/****************************************************/

/*********************** NEWS ***********************/
.main-news { width: 940px; height: 32px; margin: 0px; padding: 5px 10px; overflow: hidden; background: transparent; border: solid 0px; }
.main-news-inner { width: 100%; height: 32px; margin: 0px; overflow: hidden; background: transparent; border: solid 1px; border-color: #069 #069 #069 #069; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;}
.main-news .nav{ float: right; width: 70px; height: 32px;  }
.main-news .nav .btn_arrow { float:left; margin: 3px 3px; }
.main-news .caption{ width: 120px; height: 32px; float: left; background: transparent url(images/sys/bg/button-bg.png) repeat-x 0 -10px; text-align: center; vertical-align: middle; color: #fefefe; font-size: 12px; padding: 7px;}
.main-news .body{ width: 420px; height: 32px; float: left; text-align: left; vertical-align: middle; color: #494949; font-size: 12px; padding: 7px; 14}
.main-news .news-item{ overflow: hidden; height: 32px; width: 717px; }
/****************************************************/

/**************** NEWS'N'PROMO **********************/
div.news-detail, div.promo_detail, div.news-list{ width: 880px; padding: 10px 15px; }
div.news-detail .news-date, div.promo_detail .promo_date, div.news-item .news-date{ width: 100%; height: 14px; line-height: 16px; text-align:right; }
div.back_news_list{ width: 100%; text-align: right; }
div.back_news_list p{ font-size: 12px; } 

div.news-detail .news-date p, div.promo_detail .promo_date p, div.news-item .news-date p{ float:right; font-size: 12px; line-height: 14px; }
div.news-detail .news-name, div.promo_detail .promo_name{ width: 100%; height: 28px; }
div.news-detail .news-name h4, div.promo_detail .promo_name h4, div.news-item .news-date h4{ font-size: 14px; font-weight: bold; }
div.news-item .news-detail p{font-size: 14px; margin-left: 15px; }
div.news-item .read-more{ font-size: 12px; line-height: 14px; float: right; }
div.news-item hr{ border: 1px solid #bfbfbf; height: 0px; }
.list-back{height: 32px; width: 160px; }
/****************************************************/

/* LOGO MEGGAGE */
/****************************************************/
div.message-logo{z-index: 2000 !important; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
div.message-bg{ z-index: 2001 !important; width: 100%; height: 100%; position: fixed; top: 0; left: 0; 
	background-color: black; 
	filter:	progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
div.message-body{z-index: 2010 !important; width: 300px; height: 300px; border: 1px solid #000000; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; 
	background: #efefef url(./images/sys/logo.png) no-repeat 30px 100px;
	filter:	progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important; /* IE 5.5+*/
	-moz-opacity: 1 !important; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1 !important; /* Konqueror 3.1, Safari 1.1 */
	opacity: 1 !important; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.main-banner { position: relative; width: 100%; }
.main-banner div.img{ position: absolute; width: 300px; height: 300px; background: transparent url(./images/sys/logo.png) no-repeat 30px 100px; top: 50%; margin-top: -150px; left: 50%; margin-left: -150px; }
.frame-main{ background: transparent }

div.main-news-list{ position: relative; }
div.news-spacer{ width: 100%; height: 32px; }
table.news-list{ width: 100%; }
table.news-list .news-image{ width: 120px; }
table.news-list .news-name h4, table.news-list .news-name h4 a{line-height: 32px; font-size: 16px !important; } 

div.service-section{ position: relative; margin: 16px 0px; padding-left: 0px !important; } 
div.service-section .caption{ height: 78px; } 
div.service-section .body{ width: 880px; margin: 10px 20px;} 
div.service-section .read-more{ height: 48px;} 
div.service-section .read-more p{ float: right; margin-right: 120px; } 

.catalog-item, .catalog-section{ padding: 32px !important; }

.framed-inner { position:relative; }
.framed-inner .service-01-bg{ position:absolute; right: 20px; top: 20px; width: 480px; height: 480px; background: transparent url(./images/service-0-02.png) no-repeat 0px 0px;}
.framed-inner .service-02-bg{ position:absolute; right: 20px; top: 20px; width: 480px; height: 480px; background: transparent url(./images/service-0-00.png) no-repeat 0px 0px;}

div#banner-inner{ position: relative; width: 100%; height: 40px;  margin: 15px 0px; overflow: hidden; }
div#banner-rule{width: 100%; height: 36px; line-height: 36px; }
div#banner-rule .body{ font-size: 20px; font-weight: bold; color: #0070BB; line-height: 36px; }
div.promo_detail{ width: 860px !important; padding: 10px 15px !important;}

.map-columns td{ width: 220px; }
.map-columns td li{ padding: 7px 4px; }

div.service-list{ width: 420px; margin: auto auto; }
div.service-list table{ text-align: center; vertical-align: middle; }
div.service-list div.item{ position: relative; height: 160px; width: 160px; overflow: hidden; background: white; border: 1px solid #898989; margin: 30px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 10px 4px; }
div.service-list div.item div.image{ height: 80px; width: 80px; margin: 0px auto; }
div.service-list div.item div.body{ position: absolute; bottom: 0px; left: 0px; width:160px; height: 80px; vertical-align: middle; text-align: center; }

div.short-banner{position: absolute; height: 32px; width: 800px; top: 0px; left: 80px; margin-top: -33px; } 
div.short-banner .left-border{ position:absolute; left: 0px; top: 0px; height: 32px; width: 16px; background: none; }
div.short-banner .central-area{ position:absolute; left: 16px; top: 0px; height: 32px; width: 768px; background: none; }
div.short-banner .right-border{ position:absolute; right: 0px; top: 0px; height: 32px; width: 16px; background: none; }
div.short-banner .central-area .inner-frame{ margin: 0px 200px; width: 700px; }
div.short-banner .central-area h3{ float: left; font-size: 18px; line-height:32px; margin: 0px; padding: 0px; color: #003F5E; text-shadow: 2px 2px 3px rgba(255,255,255,0.3); /* filter: dropshadow(color=rgba(255,255,255,0.3),offX=2,offY=2); */ }
div.banner-main{ position: relative; height: 160px; width: 960px; margin: 10px 0px; background: transparent url(./images/sys/bg/banner-main-bg.png) no-repeat 0px 0px; }

div.banner-main .logo-small{ position: absolute; top: 10px; right: 16px; width: 135px; height: 48px; background: transparent url(./images/sys/logo-small.png) no-repeat 0px 0px;}
div.banner-main .inner-frame{ position: absolute; left: 32px; top: 110px; width: 900px;}
div.banner-main .inner-frame h2{ float: left; font-size: 36px; line-height: 48px; margin: 0px; padding: 5px; color: #006DB8; text-shadow: 2px 2px 3px rgba(255,255,255,0.3); /* filter: dropshadow(color=rgba(255,255,255,0.3),offX=2,offY=2); text-transform:uppercase;*/ }
td.clear-cell{ margin: 0px; padding: 0px; background: #efefef; border: 0px solid white; border-left: 3px solid white; border-right: 3px solid white; }

#partners-container { margin: 0 auto; width: auto; }
#partners-container .item {  float: left;  /* float: left; width: 250px; height: 100px; */ margin: 18px; }
#partners-container .item.w2 { width: 125px; height: 50px;  }
#partners-container .item.w3 { width: 188px; height: 75px; }