@import "/fonts.css";
@body_font_style: normal;
@color_siemens:#006ec7; /* #63719E;*/
@color_omron:#006ec7; /*AF8587;*/
@color_dark:#004c89;
@color_light:#dedede;
@link_hover_color:#cc0000;
@text_color: #222244;
body { width:100%; margin:0; padding:0; color: @text_color; font-family: Roboto, Helvetica, Verdana, Roboto, sans-serif !important; font-size: 14px; text-align: left; font-weight:400; line-height: 150%;}
body * { padding:0; margin:0; }
td, input,option	{ color: #434D6B; font-family: Roboto, Verdana, Tahoma, Roboto, sans-serif; font-size: 12px; text-align: left; font-weight: 300; }
h1 { font-size:2.5em; margin:0.5em 0; font-weight:700; line-height: 140%; }
h2 { font-size:1.9em; margin:0.4em 0; font-weight:700; line-height: 140%; }
.productCatalog h2 { padding:40px 0 20px 0; margin:20px 0; border-bottom:1px dotted @color_dark; }
h3 { font-size:1.55em; margin:0.25em 0; font-weight:500; line-height: 140%; }
h4 { font-size:1.45em; margin:0.15em 0; }
h5 { font-size:1.25em; margin:0.07em 0;}
h6 { font-size:1.15em; margin:0 0;}
a {color:@color_dark; text-decoration:none; }
a:hover {color:@link_hover_color; text-decoration: underline; }
a:active {color:@link_hover_color;}
div.clr { clear:both; margin:0; padding:0; display:block; height:0 !important; }

#header { line-height:56px; vertical-align: middle; display:block; white-space: nowrap; }
#header #logo { display:inline-block; width:100%; vertical-align: middle; text-align: center;}
#header #logo img { max-width:379px; width:100%; height:auto; max-height:89px;}

#toolbox { display:block; width:100%; height:32px; }
#toolbox .phone { text-align: center; width:20%; display: inline-block;  padding:0; margin:0; font-size: 1.5em; }
#toolbox .bc { width: 79%; display: inline-block; padding:0; margin:0; line-height:18px; }
ul.breadcrumbs { list-style-type:none; font-size:0.8em; color:#464646; display:inline-block; margin:0; padding:0; }
ul.breadcrumbs li { display: block; margin:0 10px; float:left; vertical-align: middle; padding: 0 0 0 20px; background: url(/images/social/bcarrow.png) no-repeat 0 50% transparent; }
ul.breadcrumbs li:first-child { margin:0 10px 0 0; padding: 0; background:none; }

#footer div.soc { text-align: center; display: inline-block; height:48px; padding:8px 0; margin:0; }
#footer div.tyc { text-align: center; display: inline-block; height:48px; padding:8px 0; margin:0; }
#footer div.soc ul.social li { display:inline-block; margin:0 7px; text-align: center; background-size: contain; }
div.soc ul.social { list-style-type: none; margin:0; padding: 0; display: inline-block; height:32px; }
div.soc ul.social li a { display:block; height:32px; width:32px;}
div.soc ul.social li.instagram { background:url(/images/social/instagram.png) no-repeat 0 0 transparent; }
div.soc ul.social li.facebook { background:url(/images/social/facebook.png) no-repeat 0 0 transparent; }
div.soc ul.social li.vk { background:url(/images/social/vk.png) no-repeat 0 0 transparent; }
div.soc ul.social li.tg { background:url(/images/social/tg.png) no-repeat 0 0 transparent; }
div.soc ul.social li.youtube { background:url(/images/social/youtube.png) no-repeat 0 0 transparent; }

#toolbox .right { text-align: right; display:block; float:left; }
#toolbox .right ul.tools {list-style-type: none; margin:0; padding: 0; display: inline-block; height:32px; line-height: 32px; vertical-align: middle; }
#toolbox .right ul.tools li { display:block; margin:0 7px; text-align: center; line-height:32px; vertical-align: middle; float:left; }
#toolbox .right ul.tools li a { display:inline-block; height:32px; width:16px; background-size: contain;}
ul.tools li.mail a { background:url(/images/social/mail.png) no-repeat 0 50% transparent; }
ul.tools li.sitemap a { background:url(/images/social/sitemap.png) no-repeat 0 50% transparent; }

#footer { text-align:center; background-color:#D0D4D7; line-height:48px; display:block; clear:both; margin:30px 0 0 0; }
#footer div { text-align:center; width:20%; display:inline-block; margin:0; padding:0; vertical-align: middle; }
#footer div a { }
#footer p { text-align:center; width: 100%; display:inline-block; margin:0; padding:0; }

#nav { line-height:32px; vertical-align: middle; display:block; white-space: nowrap; padding: 7px 0; }
#nav ul { display:inline-block; padding:0; margin:0; width:100%; }
#nav ul li { display:inline-block; margin:0 1% 0 0; width:15%; text-align:center; background-color: @color_omron; padding:8px 0; }
#nav ul li a { color:@color_light; font-size:16px; text-decoration: none;}
#nav ul li a:hover, #nav ul li a.active { color:#ffffff; text-decoration:underline; font-weight:bold; background-color: @color_omron; }

#nav ul li:first-child { display:inline-block; margin:0; padding:0 1%; width:17%; background: none; }
#nav ul li:first-child a:hover, #nav ul li:first-child a.active { background:none; }
#nav ul li:last-child { margin:0; }
#nav ul li:nth-child(2) { }

#leftsidebar { width:18%; display:block; vertical-align:top; float:left; margin:10px 1% 0 0; padding-right:1%; }
#leftsidebar .image { display:block; width:100%; }
aside article { margin:12px 0; text-align:center;}
aside article:first-child { margin:0; }
aside article.first { margin-top:0 !important; }
aside article h2 { background-color:@color_omron; color:#fff; line-height:24px; font-size:14px; padding:2px 1%; display:block; margin:30px 0 7px 0; }
aside article h2:first-child { margin:0 0 7px 0; }
aside article p { padding:0 1%; }
aside article p a strong { font-weight:700; margin:7px 0 0 0; display:block; }

#rightsidebar { width:18%; display:block; vertical-align:top; float:right; margin:10px 0 0 1%; padding-left:1%; }
article.brands a.pinmasterImage img { border:1px solid #777; }
p.firm { margin:20px 0 7px 0; }

#body.general #content { display:block; width:80%; vertical-align: top; margin:0; padding:0; float:left; }
#content { display:inline-block; width:59%; vertical-align: top; margin:0; padding:0; }
#content ul { padding:0 0 0 16px; margin:0 0 0 32px; list-style-type: circle;}
#content  p { margin:7px 0; }


@media all and (min-width: 290px) {
	#leftsidebar, #body.general #leftsidebar {display:none; }
	#rightsidebar, #body.general #rightsidebar {display:none; }
	#content, #body.general #content { width:98%; margin:0 1%; }
	#content img { max-width:100%; height:auto; }
	#content .Categories a.pic img { max-width:100%; height:auto; }
	.mobileNav { display:block; }
	#nav ul li:first-child { display:block; width:100%; text-align:center; }
	#header #nav ul li:first-child a#logo img { width:90%; text-align:center; }
	#nav ul li { display:block; width:100%; text-align:center; padding:0; margin:5px 0; }

	#toolbox .phone { display:none; }
	#toolbox .bc { display:block; }

	ul.breadcrumbs { display:block; margin:20px 0; width:98%; margin:0 1%; }
	ul.breadcrumbs li {margin-top:10px}
	ul.breadcrumbs li:first-child {margin-top:10px}

	#footer div { width:100%; }

	ul.codesList li span { display:block; padding:2px 3px; }

	table.large { display:none; }

}
@media all and (min-width: 640px) {
	#leftsidebar, #body.general #leftsidebar {display:block; width:25% }
	#rightsidebar, #body.general #rightsidebar {display:none; }
	#content, #body.general #content { width:71%; margin:0 0 0 1%; }
	#content img { max-width:100%; height:auto; }
	#content .Categories a.pic img { max-width:100%; height:auto; }
	.mobileNav { display:none; }

	#nav ul li:first-child { display:block; width:100%; text-align:center; margin:0 0 10px 0; }
	#header #nav ul li:first-child a#logo img { width:90%; text-align:center; }
	#nav ul li { display: inline-block; margin: 0 1% 0 0; width: 18%; text-align: center; padding: 8px 0; }

	#toolbox .phone { display:none; }
	#toolbox .bc { display:block; }

	ul.breadcrumbs { display:block; margin:20px 0; width:98%; margin:0 1%; }
	ul.breadcrumbs li {margin-top:10px}
	ul.breadcrumbs li:first-child {margin-top:10px}

	#footer div { width:100%; }

	ul.codesList li span { display:block; padding:2px 3px; }

	table.large { display:none; }

}
@media all and (min-width: 960px) {
	#leftsidebar, #body.general #leftsidebar { width:18%; display:block; vertical-align:top; float:left; margin:10px 1% 0 0; padding-right:1%; }
	#rightsidebar, #body.general #rightsidebar { width:18%; display:block; vertical-align:top; float:right; margin:10px 0 0 1%; padding-left:1%; }
	#body.general #content { display:block; width:80%; vertical-align: top; margin:0; padding:0; float:left; }
	#content { display:inline-block; width:59%; vertical-align: top; margin:0; padding:0; }
	#content .Categories a.pic img { max-width:110px; height:auto; }

	#header { line-height:56px; vertical-align: middle; display:block; white-space: nowrap; }
	#header #logo { display:inline-block; width:100%; vertical-align: middle; text-align: center;}
	#header #logo img { max-width:379px; width:100%; height:auto; max-height:89px;}

	#toolbox { display:block; width:100%; height:32px; }
	#toolbox .phone { text-align: center; width:20%; display: inline-block;  padding:0; margin:0; font-size: 1.5em; }
	#toolbox .bc { width: 79%; display: inline-block; padding:0; margin:0; line-height:18px; }

	ul.breadcrumbs { list-style-type:none; font-size:0.8em; color:#464646; display:inline-block; margin:0; padding:0; }
	ul.breadcrumbs li { display: block; margin:0 10px; float:left; vertical-align: middle; padding: 0 0 0 20px; background: url(/images/social/bcarrow.png) no-repeat 0 50% transparent; }
	ul.breadcrumbs li:first-child { margin:0 10px 0 0; padding: 0; background:none; }

	#nav { line-height:32px; vertical-align: middle; display:block; white-space: nowrap; padding: 7px 0; }
	#nav ul { display:inline-block; padding:0; margin:0; width:100%; }
	#nav ul li { display:inline-block; margin:0 1% 0 0; width:15%; text-align:center; background-color: @color_omron; padding:8px 0; }
	#nav ul li a { color:@color_light; font-size:16px; text-decoration: none;}
	#nav ul li a:hover, #nav ul li a.active { color:#ffffff; text-decoration:underline; font-weight:bold; background-color: @color_omron; }

	#nav ul li:first-child { display:inline-block; margin:0; padding:0 1%; width:17%; background: none; }
	#nav ul li:first-child a:hover, #nav ul li:first-child a.active { background:none; }
	#nav ul li:last-child { margin:0; }
	#nav ul li:nth-child(2) { }

	#footer div { width:20%; }

	ul.codesList li span { display:table-cell; padding:2px 3px; }

	table.large { display:table; }
}


#body ul.mosaic { padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ddd; }
#body ul.mosaic li {display:inline-block; width:18%; margin:0 1% 0 0; vertical-align: middle; padding:10px 0; text-align:center; }
#body ul.mosaic li img {}
ul.makers { padding:0 0 0 16px; margin:0 0 0 32px; list-style-type: circle;}
a.banner { display:block; }
a.banner img { }
.newsBlock { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #999; }
.newsBlock h3 { display:block; }
.newsBlock .date { display:inline-block; float:right; text-align:right; font-size:10px; font-style: oblique; font-weight:normal; vertical-align: bottom; line-height:3em}
.newsBlock .newstext { display:block; clear:both; float:left; width:69%; }
.newsBlock .newsImage { display:block; float:right; width:30%; text-align:right; }
.newsBlock .newsImage img { display:inline-block; max-width:300px; max-height:300px; }

	#content ul.codesList { list-style-type:none; margin:0; padding:0; border:1px solid @color_omron;}
	ul.codesList li { display:block; padding:2px 0; width:100%; border-bottom:1px dotted @color_omron; margin-top:-1px;}
	ul.codesList li:hover, ul.codesList li:hover * { background-color:@color_omron; color:#fff; }
	ul.codesList li:last-child { border-bottom:none; }
	ul.codesList li span.code { min-width:200px; max-width:300px; width:auto; font-weight:700; white-space:nowrap; }
	ul.codesList li span.descr { width:auto; }

.productGroup { border-top:1px solid #dedede; margin:10px 0; padding:10px 0; }
.productGroup a.pic { display:block; margin-right:20px; float:left; text-align:center; vertical-align:middle; width:150px; height:150px; background:none; }
.productGroup a.pic img { display:inline-block; }
.productGroup h3 {display:block; width:80%; float:left; }
.productGroup p {display:block; width:80%; }

#content p.no-line-separators { margin:0; }
.listURL { clear:left; }


.certWrap { display:inline-block; width: 164px; height: auto; vertical-align: top; margin:10px 10px 20px 0; }
.certWrap a.pinmasterImage { display:inline-block; padding:6px; border:1px solid #ccc; margin:0; }
.certWrap a.pinmasterImage img { border:1px solid #777; }
#content .certWrap p { margin: 4px 0; font-size: 0.8em; line-height: 1.4em; }
#content.contacts h2,
#content.contacts h3 { font-size:1.1em; }

#content table.urmodels td.ur3 a.img img { max-width:60%; }
#content table.urmodels td.ur5 a.img img { max-width:85%; }
#content table.urmodels td.ur10 a.img img { max-width:100%; }
#content table.urmodels td.ur16 a.img img { max-width:92%; }
#content table.urmodels td h2 { text-align:left; font-size:30px; color:#545454; }

.infotable { border-left:2px solid #0cb1c4;border-top:2px solid #0cb1c4;border-right:1px solid #0cb1c4;border-bottom:1px solid #0cb1c4; margin:10px 0; width:100%; }
.infotable td { border-right:1px solid #0cb1c4; border-bottom:1px solid #0cb1c4; }
.infotable th { border-right:1px solid #0cb1c4; border-bottom:2px solid #0cb1c4; }
.infotable tr.green td { background-color:#99ff99; font-size:13px; font-weight:bold; }
.infotable td { font-size:11px; }
.infotable th { font-size:12px; font-weight:bold; text-align:center; background-color:#b1e9f0; padding:7px 10px; }

.linkButton { padding:7px 15px; margin:40px 20px; background-color:#006ec7; color:#fff; font-weight:bold; font-size:1.2em; display:inline-block; }
.linkButton:hover { background-color:#ccc; color:#c00; }


.grid-span6 {
    display: inline-table;
    margin: 0;
    width: 31%;
}
.grid-span6:nth-child(2) {
    margin: 0 2%;
}
#content .categoryteaser {
    position: relative;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: cover;
}

#content .categoryteaser-content {
    position: relative;
    z-index: 100;
    padding: 40px;
    min-height: 360px;
}

#content .categoryteaser-content h2 {
line-height:1;
font-weight:700;
font-family: "Roboto Condensed",sans-serif,arial;
margin-bottom: 12px;
font-size:1.5em;
}

#content .categoryteaser-labels {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}
#content .categoryteaser-labels li {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
}
#content .categoryteaser-footer {
    position: absolute;
    padding: 0 40px;
    text-align: center;
    bottom: 50px;
    left: 0;
    right: 0;
}
#content .box.special.urplus { text-align:center; }

#content .pictureNote {
	display:block;
	float:left;
	margin:10px 15px 10px 0;
	width:450px;
}
a.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #666;
    border-radius: 6px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 3em;
    line-height: 3em;
    padding: 0 2em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.tablewrap {
 overflow-x: auto;
}