@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300,300italic,400italic,500,500italic,600,600italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,700,400,600&subset=latin,cyrillic);
a {outline: none; /* Убираем границу вокруг ссылок firefox*/}
body {margin:0; padding:0; width:100%; background:url(images/bg.jpg) #656368;}
html {min-width:1140px; padding:0; margin:0;}
body, html {height: 100%}


/* main */
.main {width:1100px; height:auto !important; min-height:100%; height:100%; padding:0 20px; margin:0 auto; background:#fff;}
.body {width:1100px; margin:0 auto; padding:37px 0 40px 0}
.clr {clear:both; padding:0; margin:0; background:none;}

/********** header **********/
.header {width:1100px; height:176px; margin:0 auto; position:relative;}
.logo {width:220px; padding:0; margin:10px 0 0 4px; position:absolute;}
.slogan {width:250px; padding:0; margin:53px 0 0 275px; font:italic 16px/19px 'Open Sans', sans-serif; color:#6c6c6c; position:absolute;}
.cont {width:230px; margin:30px 0 0 862px; font:25px/35px 'Open Sans', sans-serif; color:#c01022; text-align:right; position:absolute;}
.contcity {font:normal 13px/15px 'Open Sans', sans-serif; color:#3c3c3c;}

.social-top {width:200px; margin:50px 0 0 620px; position:absolute;}
.social-top a {margin:0 30px 0 0;}
.social-top a:last-child {margin:0;}
.social-top img {width:28px; height:28px; margin:0; padding:0;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}
.social-top img:hover { 
   filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity: 0.70; 
   opacity:0.7;
}

.feedback a, .feedback a:visited {display:inline-block; font:normal 15px/30px 'Exo 2', sans-serif; color:#2f5767; background:url(images/feedback-top.png) 0 center no-repeat; padding-left:25px; text-decoration:none; text-transform:uppercase;}
.feedback a span {border-bottom:1px #2f5767 dashed;}
.feedback a:hover {color:#509ab8;}
.feedback a span:hover {border-bottom:1px #509ab8 dashed;}


/* Верхнее горизонтальное меню */
.menu {width:1100px; height:50px; padding:0; margin:125px 0 0 0; background:#2f5767; border-radius:10px 10px 0 0; position:absolute;}
.menu ul {list-style:none; padding:0; margin:0; display:flex; display:-webkit-flex; display:-webkit-box; justify-content:space-around;}
.menu ul li {margin:0; padding:0; flex-grow:1; -webkit-box-flex:1;}
.menu ul li a {display:block; font:300 14px/50px 'Exo 2', sans-serif; color:#fff; padding:0; margin:0; text-decoration:none; text-transform:uppercase; text-align:center;}
.menu ul li:first-child a {border-radius:10px 0 0 0;}
.menu ul li:last-child a {border-radius:0 10px 0 0;}
.menu ul li a:hover {background:#396779; text-decoration:none;}

/** Sub Menu - Tier 2 **/
.menu ul li ul.sub-menu {position: relative; display: none; margin: 0; padding: 0;}
.menu li:hover ul.sub-menu
	{
		display: block;
		float: left;
		position: absolute;
		z-index: 200;
		background:#396779;
		border-radius:0 0 10px 10px;
		padding:10px 20px;

	}
.menu li ul.sub-menu > li:first-child {margin: 6px 0 0 0;}	
.menu li ul.sub-menu li a {text-align:left !important; display: block; font:300 15px/17px 'Exo 2', sans-serif; margin:12px 0; text-transform:none !important;}	
.menu li ul.sub-menu li a:hover {display: block; color:#ccdbe1;}
.menu li:hover > a, .menu li a:hover {background: #396779;}
.menu li:hover > a.downmenu, .menu li a.downmenu:hover {background: #396779 !important;}
.menu ul li a span {background:url("images/down.png") no-repeat right center; padding-right:15px;}
.menu ul li:hover > a span {background:url("images/down.png") no-repeat right center !important;}

#mpage01 #nav-mpage01,
#mpage02 #nav-mpage02,
#mpage03 #nav-mpage03,
#mpage04 #nav-mpage04,
#mpage05 #nav-mpage05,
#mpage06 #nav-mpage06,
#mpage07 #nav-mpage07,
#mpage08 #nav-mpage08,
#mpage09 #nav-mpage09,
#mpage10 #nav-mpage10 {color:#fff; text-decoration:none; background:#133f51;}


/********** headers **********/
.head-all {width:1100px; height:220px; margin:0 auto; border-radius:0 0 10px 10px;}
.header01 {background:url(images/header-robotostroenie.jpg) top center no-repeat;}
.header02 {background:url(images/header-avtonomnyj-termoplastmehanizm.jpg) top center no-repeat;}
.header03 {background:url(images/header-konvejernye-linii.jpg) top center no-repeat;}
.header04 {background:url(images/header-umnaya-gaika.jpg) top center no-repeat;}
.header05 {background:url(images/header-poliuretan.jpg) top center no-repeat;}
.header06 {background:url(images/header-remont-sharovyh-opor.jpg) top center no-repeat;}
.header07 {background:url(images/header-sharnirnye-sailentbloki.jpg) top center no-repeat;}
.header08 {background:url(images/header-gravirovka-zerkal-stekol.jpg) top center no-repeat;}
.header09 {background:url(images/header-vakuumnaya-kamera.jpg) top center no-repeat;}
.header10 {background:url(images/header-poliuretan2.jpg) top center no-repeat;}




.header-art {background:url(images/header-articles.jpg) top center no-repeat;}




/******** Левый блок ***/
.left {width:310px; float:left; margin:0; padding:0;}

.title {width:255px; height:40px; padding:0 0 0 55px; margin:0; font:300 16px/40px 'Exo 2', sans-serif; color:#fff; text-transform:uppercase; border-radius:10px 10px 0 0;}
.razdel-menu1 {background: url(images/menu-icon1.png) 16px center no-repeat #c01022;}
.razdel-menu2 {background: url(images/menu-icon2.png) 16px center no-repeat #c01022;}
.razdel-menu3 {background: url(images/menu-icon3.png) 16px center no-repeat #c01022;}
.razdel-menu4 {background: url(images/menu-icon4.png) 16px center no-repeat #c01022;}
.razdel-articles {background: url(images/icon-articles.png) 16px center no-repeat #2f5767;}
.razdel-photo {background: url(images/icon-photo.png) 16px center no-repeat #2f5767;}
.razdel-other {background: url(images/icon-other.png) 16px center no-repeat #646464;}

.infoblock {width:310px; padding:10px 0; margin:0 0 20px 0; border-radius:0 0 10px 10px; background:#eaeaea;}
.infoblock-photo {width:300px; padding:10px 5px; margin:0 0 20px 0; border-radius:0 0 10px 10px; background:#eaeaea; display:flex; flex-wrap:wrap; justify-content:space-around; align-items:stretch; font:normal 13px/15px 'Open Sans', sans-serif; color:#000;}
.infoblock-photo img {border:1px #dfdfdf solid; width:140px; height:100px; margin:5px 0; padding:0; border-radius:7px;}
.infoblock-photo p {padding:0 5px;}

.titlelink {padding-right:15px; float:right;}
.titlelink a, .titlelink a:visited {font:normal 13px/40px 'Open Sans', sans-serif; color:#e8edef; text-transform:none; text-decoration:none; border-bottom:1px #e8edef dashed;}
.titlelink a:hover {color:#aac6d1; text-decoration:none; border-bottom:1px #aac6d1 dashed;}

.pre-art {width:280px; margin:10px auto 25px; padding:0; font:normal 13px/16px 'Open Sans', sans-serif; color:#282828;}
.pre-art a, .pre-art a:visited {font:normal 18px/21px 'Exo 2', sans-serif; color:#2f5767; margin:0; padding:0;}
.pre-art a:hover {color:#266e8b;}
.pre-art img {width:280px; height:150px; margin:10px 0; border-radius:10px;}


/***Вертикальное меню**/
.menublock {width:270px; margin:0 auto; padding:0;}
.menublock a,.menublock a:active,.menublock a:visited {
	display:block;
	background:url(images/menu-link.png) left 6px no-repeat; 
	padding:0 0 0 14px;
	margin:8px 0; 
	font:normal 11px/16px 'Open Sans', sans-serif;
	color:#000;
	text-transform:uppercase; font-weight:600;
	text-decoration:none;
	}
.menublock a:hover {color:#6d6d6d;}

#page01 #nav-page01,
#page02 #nav-page02,
#page03 #nav-page03,
#page04 #nav-page04,
#page05 #nav-page05,
#page06 #nav-page06,
#page07 #nav-page07,
#page08 #nav-page08,
#page09 #nav-page09 {background:url(images/menu-active.png) left 6px no-repeat; color:#c01022; text-decoration:none;}

/***Вертикальное меню конец**/



/******** Основные блоки ***/
.pageinfo {width:730px; float:right; margin-top:0; padding:0 0 40px 0; font:normal 14px/19px 'Open Sans', sans-serif; color:#000;}
.pageinfo100 {width:1060px; float:none; margin:0 auto; padding:0 0 40px 0;}
.pageinfo h1 {font:normal 24px/30px 'Exo 2', sans-serif; color:#0b394c; padding:0 0 6px 0; margin:0 0 20px 0;}
.rush1 {background:url(/images/made-in-russia.png) top right no-repeat; padding:0 130px 6px 0 !important;}
.pageinfo h2 {font:normal 21px/26px 'Exo 2', sans-serif; color:#0b394c; padding:30px 0 0 0; margin:0;}
.pageinfo h2.nopad {padding:0 !important;}
.pageinfo p {margin:17px 0 0 0; text-align:justify; text-indent:0px;}
.pageinfo strong {font-weight:600;}
.pageinfo b {font-weight:600;}
.pageinfo a, .pageinfo a:visited {color:#035a7d;}

.redtext {color:#c01022;}

.breadcrumbs {margin-bottom:10px; font:normal 13px/17px 'Exo 2', sans-serif; color:#484848;}
.breadcrumbs a, .breadcrumbs a:visited {font:normal 13px/17px 'Exo 2', sans-serif; color:#484848;}

.spisok {list-style:none; margin:10px 0 0 5px; padding:0;}
.spisok li {list-style-type:none; background:url(/images/ul_li.png) no-repeat 0 5px; padding:0 0 0 20px; margin:2px 0 4px 7px; text-align:justify;}

.spisok2 {list-style:none; margin:10px 0 0 5px; padding:0;}
.spisok2 li {list-style-type:none; background:url(/images/ul_li2.png) no-repeat 0 5px; padding:0 0 0 20px; margin:2px 0 4px 7px; text-align:justify;}

.img-left {float:left; margin:7px 30px 5px 0; border-radius:10px; box-shadow:0 0 3px #a7a7a7;}
.img-right {float:right; margin:7px 0 5px 30px; border-radius:10px; box-shadow:0 0 3px #a7a7a7;}
.img {margin:10px 3px; border-radius:4px; box-shadow:0 0 3px #a7a7a7;}

.greyblock {margin:25px 0 5px 0; padding:20px 15px; border-radius:10px; background:#707070; color:#fff! important;}
.greyblock p:first-child {margin:0 !important;}
.greyblock h2 {font:300 21px/26px 'Exo 2', sans-serif; color:#fff; padding:0; margin:0;}
.greyblock a, .greyblock a:visited {color:#fff !important;}


.tble     {border:0; text-align:center; margin:15px 0 5px;}
.tble td  {border:0; border-collapse:separate;}
.tble tr:first-child td:first-child {border-radius:10px 0 0 0;}
.tble tr:first-child td:last-child {border-radius:0 10px 0 0;}
.tble tr:last-child td:first-child {border-radius:0 0 0 10px;}
.tble tr:last-child td:last-child {border-radius:0 0 10px 0;}
.tbletd1  {background:#2f5767; padding:6px; font:400 13px 'Open Sans', sans-serif; color:#fff;}
.tbletd2  {background:#f1efe7; padding:6px; font:400 13px 'Open Sans', sans-serif;}
.tbletd23 {background:#d6dee1; padding:9px 4px 9px 10px; font:400 13px 'Open Sans', sans-serif; text-align:left;}
.tbletd3  {background:#648fa0; padding:8px 6px; color:#fff; font-weight:600;}


.flag {padding-left:32px; font:400 18px/24px 'Open Sans', sans-serif;}
.russia {background:url(/images/flag-russia.png) no-repeat 0 center;}
.abkhazia {background:url(/images/flag-abkhazia.png) no-repeat 0 center;}
.armenia {background:url(/images/flag-armenia.png) no-repeat 0 center;}
.azerbaijan {background:url(/images/flag-azerbaijan.png) no-repeat 0 center;}
.belarus {background:url(/images/flag-belarus.png) no-repeat 0 center;}
.kazakhstan {background:url(/images/flag-kazakhstan.png) no-repeat 0 center;}
.latvia {background:url(/images/flag-latvia.png) no-repeat 0 center;}
.moldova {background:url(/images/flag-moldova.png) no-repeat 0 center;}
.ukraine {background:url(/images/flag-ukraine.png) no-repeat 0 center;}


.voprosbutton {width: 100%; margin: 5px 0 0 0; text-align:center;}
.voprosbutton a, .voprosbutton a:visited {
   border-radius:6px;
   display: inline-block;
   text-align: center;
   padding:0 20px 0 56px;
   margin:15px 0 10px 0;
   font:400 16px/48px 'Exo 2', sans-serif;
   text-transform:uppercase;
   color:#fff !important;
   text-decoration:none !important;
   background:url(images/vopros.png) 20px center no-repeat #c01022;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}
.voprosbutton a:hover {background-color:#d80b20;}


.tblcont {margin:0 0 30px;}
.tblcont h2 {font:300 30px/36px 'Exo 2', sans-serif; color:#c01022; padding:0 0 7px; margin:0 0 25px; border-bottom:1px solid #e2e2e2;}


.ctel {display:block; margin-top:5px; padding:5px 0 5px 40px; font:400 18px/24px 'Open Sans', sans-serif; background:url(images/ctel.png) no-repeat left center;}
.cadr {display:block; margin-top:15px; padding:5px 0 5px 40px; font:400 15px/24px 'Open Sans', sans-serif; background:url(images/cadr.png) no-repeat left center;}
.cmail {display:block; margin-top:15px; padding:5px 0 5px 40px; font:400 15px/24px 'Open Sans', sans-serif; background:url(images/cmail.png) no-repeat left center;}
.ctime {display:block; margin-top:15px; padding:5px 0 5px 40px; font:400 15px/20px 'Open Sans', sans-serif; background:url(images/ctime.png) no-repeat left center;}
.cfor {display:block; margin:0; padding:0; font:400 18px/24px 'Open Sans', sans-serif; color:#0b394c;}

.foto {border:none; width:200px; height:150px; margin:10px 11px 5px 12px; padding:0; box-shadow:0px 0 3px #919191; float:left;}
.foto:hover {box-shadow:0 0 5px #707070;}


/******** category**********************************************************************/
.infocateg {display:inline-block; width:700px; margin:0 0 30px; padding:19px 14px; background:#f9f9f9; border:1px solid #e0e0e0; border-radius:10px;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infocateg:hover {background:#eaeaea;}


.infocateg_text {width:535px; float:left; font:normal 13px/17px 'Open Sans', sans-serif; color:#000;}
.infocateg_text h2 {normal 19px/22px 'Exo 2', sans-serif; color:#0b394c; padding:0 0 4px 0; margin:0;}
.infocateg_text p {margin: 6px 0 0 0; text-align:justify; text-indent:0px;}

.infocateg_more {width:150px; float:right; margin-top:40px; text-align:right;}
.infocateg_more a, .infocateg_more a:visited {
   border-radius:6px;
   display:inline-block;
   background:#c01022;
   padding:0 17px;
   font:300 16px/38px 'Exo 2', sans-serif;
   color:#fff;
   text-decoration:none;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infocateg_more a:hover {background:#d80b20;}


/******** articles**********************************************************************/
.infonews {display:inline-block; width:700px; margin:0 0 30px; padding:19px 14px; background:#f9f9f9; border:1px solid #e0e0e0; border-radius:10px;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infonews:hover {background:#eaeaea;}
.infonews_img {width:210px; float:left;}
.infonews_img img {width:185px; height:100px; border-radius:6px;}

.infonews_text {width:340px; float:left; font:normal 13px/15px 'Open Sans', sans-serif; color:#000;}
.infonews_text h2 {normal 19px/22px 'Exo 2', sans-serif; color:#0b394c; padding:0 0 4px 0; margin:0;}
.infonews_text p {margin: 6px 0 0 0; text-align:justify; text-indent:0px;}

.infonews_more {width:150px; float:right; margin-top:40px; text-align:right;}
.infonews_more a, .infonews_more a:visited {
   border-radius:6px;
   display:inline-block;
   background:#c01022;
   padding:0 17px;
   font:300 16px/38px 'Exo 2', sans-serif;
   color:#fff;
   text-decoration:none;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infonews_more a:hover {background:#d80b20;}


/******** mainpage biz**********************************************************************/
.infobiz {display:inline-block; width:700px; margin:15px 0 5px; padding:19px 14px; background:#f9f9f9; border:1px solid #e0e0e0; border-radius:10px;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infobiz:hover {background:#eaeaea;}
.infobiz_img {width:195px; float:left;}
.infobiz_img img {width:160px; height:160px; border-radius:90px;}

.infobiz_text {width:340px; float:left; font:normal 13px/15px 'Open Sans', sans-serif; color:#000;}
.infobiz_text h3 {font:normal 17px/19px 'Exo 2', sans-serif; color:#0b394c; padding:0 0 4px 0; margin:0;}
.infobiz_text p {margin: 6px 0 0 0; text-align:justify; text-indent:0px;}

.infobiz_more {width:150px; float:right; margin-top:57px; text-align:right;}
.infobiz_more a, .infobiz_more a:visited {
   border-radius:6px;
   display:inline-block;
   background:#227698;
   padding:0 20px;
   font:300 16px/38px 'Exo 2', sans-serif;
   color:#fff;
   text-decoration:none;
   -moz-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   -webkit-transition: background 0.3s ease;
   transition: background 0.3s ease;
}
.infobiz_more a:hover {background:#1b89b5;}



/*** vopros ***/
.sendidea {width:730px; height:150px; background:url(images/idea2.png) left top no-repeat #efece2; margin:40px 0 0 0; padding:0; border-radius:10px;}
.sendidea-text {width:350px; margin:20px 0 0 135px; font:300 19px/22px 'Exo 2', sans-serif; color:#2f434b; position:absolute;}
.sendidea-text span {display:block; margin-bottom:6px; font:300 33px/42px 'Exo 2', sans-serif; color:#2f434b;}
.sendidea-knop {width:190px; margin:55px 0 0 520px; position:absolute;}
.sendidea-knop a, .sendidea-knop a:visited {display:inline-block; background:#c01022; padding:0 20px; font:400 17px/46px 'Open Sans', sans-serif; color:#fff! important;  text-decoration:none; border-radius:10px; text-transform:uppercase; box-shadow: 2px 3px 5px #780712 inset; text-shadow: 0px 1px 0px #641818;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;}
.sendidea-knop a:hover {background:#d80b20;}


.sendidea2 {width:1060px; height:150px; background:url(images/idea2.png) left top no-repeat #efece2; margin:40px 0 0 0; padding:0; border-radius:10px;}
.sendidea-text2 {width:640px; margin:20px 0 0 160px; font:300 19px/22px 'Exo 2', sans-serif; color:#2f434b; position:absolute;}
.sendidea-text2 span {display:block; margin-bottom:6px; font:300 33px/42px 'Exo 2', sans-serif; color:#2f434b;}
.sendidea-knop2 {width:200px; margin:55px 0 0 840px; position:absolute;}
.sendidea-knop2 a, .sendidea-knop2 a:visited {display:inline-block; background:#c01022; padding:0 20px; font:400 17px/46px 'Open Sans', sans-serif; color:#fff! important;  text-decoration:none; border-radius:10px; text-transform:uppercase; box-shadow: 2px 3px 5px #780712 inset; text-shadow: 0px 1px 0px #641818;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;}
.sendidea-knop2 a:hover {background:#d80b20;}


/********** footer **********/
#footer_protect {height:110px;}
.footer {width:1100px; height:110px; padding:0; margin:-110px auto 0; background:url(/images/logo-footer.png) 14px 16px no-repeat #2f5767; border-radius:10px 10px 0 0; position:relative;}
.copyright {width:210px; margin:27px 0 0 75px; font:11px/13px Tahoma; color:#8dadb9; position:absolute;}

.footico {width:300px; margin:23px 0 0 325px; position:absolute;}
.footico img {margin-right:20px;}

.social-bot {width:200px; margin:30px 0 0 720px; position:absolute;}
.social-bot a {margin:0 20px 0 0;}
.social-bot a:last-child {margin:0;}
.social-bot img {width:28px; height:28px; margin:0; padding:0;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity: 0.70; 
   opacity:0.7;
}
.social-bot img:hover { 
   filter: alpha(opacity=100);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity: 1.0; 
   opacity:1.0;
}

.sm {width:170px; margin:27px 0 0 920px; text-align:right; position:absolute;}
.sm a, .sm a:visited {display:block; margin:0; font:11px/30px 'Open Sans', sans-serif; color:#8dadb9; text-decoration:none;}
.sm a span {display:inline-block; background:url(images/sm.png) right center no-repeat; padding:2px 67px 0 0;}
.sm a span:hover {text-decoration:underline;}

.oferta {width:1060px; margin:75px 0 0 20px; font:400 11px/13px Tahoma; color:#abc1ca; text-align:center; position:absolute;}