﻿@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/yrzXiAvgeQQdopyG8QSg8Q.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/g46X4VH_KHOWAAa-HpnGPhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/7dSh6BcuqDLzS2qAASIeuj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v5/lILlYDvubYemzYzN7GbLkIraN7vELC11_xip9Rz-hMs.woff) format('woff');
}

.header
{
	width:auto;
	height:auto;
	color: #343175;
}

.header.headertick
{
	border-bottom: 3px solid #343175;
}

.header .midcolumn
{
	max-width:970px;
	margin: 0px auto;
}

.header a
{
	text-decoration:none;
}

.header .logo
{
	left: 40px;
	top: 20px;
}


.logo img
{
	max-width: 30px;
}

@media only screen and (max-width: 1450px)
{
	.header .logo
	{
		left: 5px;
	}
}

@media only screen and (max-width: 980px)
{
	.header .logo
	{
		top: 9px;
		left: 5px;
	}
}



.logotext
{
	display:block;
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	font-size:18px;
	font-weight:300;
}

.statictopmenu
{
	height:auto;
	text-align:center;
	clear:both;
	background-color: #FCFCFC;
	padding: 5px 5px 5px;
//	border-bottom: 1px solid #E5E8EB;
}

.statictopmenu .toptexts
{
	margin: 0px auto;
	max-width: 970px;
}

.menumidlevel a/*, .menumidlevel span*/
{

	display:-moz-inline-stack; /* for FF2*/
	display:inline-block; /* normal browsers */
	zoom:1; /* for IE (hasLayout true) */
	*display:inline; /* for IE */
	height:auto;
	width: auto;

	padding:8px 23px;

	vertical-align:top;
	text-align:left;

	text-align: center;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;

	background-color: #FCFCFC
	background-image:none;

	color: #333;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;

	font-size: 15px;
	color: #000;
	text-decoration: none !important;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
}

.menumidlevel a:first-child img
{
	margin-top: -3px;
	margin-left: -5px;
	margin-bottom: -10px;
	margin-right:15px;
	width: 30px;
	height: 30px;
}


.menumidlevel::last-child
{
	padding-left:3px;
}

.menumidlevel a:hover, .menumidlevel .active
{
	color: #a71d21;

	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
}

.menumain .hasSubmenu:after {
	content: '\2193';
	float: right;
	display: block;
	margin-left: 6px;
	font-size: 12px;
	color: #777;
	position: relative;
}

.menumain .inmenu {
	display: none;
	position: absolute;
	background: rgba(255,255,255,0.9);
	margin-top: 15px;
	width: 260px;
	z-index: 111;
	font-size: 75%;
}

.menumain .inmenu li
{
	list-style: none;
	cursor: pointer;
	text-align: left;
}


@media only screen and (max-width: 600px) {

.menumidlevel a, .menumidlevel span
{
	background-image:none;
	padding: 4px;
	font-size: 100%;
	font-weight: normal;
}

.menumidlevel a:hover, .menumidlevel .active
{
	background-image: none;

}

.dynatitle
{
	display: none;
}

.logo img
{
	max-width: 24px;
}

.menumain .inmenu {
    position: relative;
    width: 100%;
}

}



#inside_page_header 
{
	z-index:9999;
	overflow:hidden;
	width:100%;
	background: #ffe5b8;
}

#inside_page_header.fixed_top 
{
	top:-100px;
} 

#inside_page_header.fixed 
{
	position:fixed;
	top:0;

	-webkit-transition: all .55s ease-out;
	-moz-transition: all .55s ease-out;
	-o-transition: all .55s ease-out;
	transition: all .55s ease-out;
}

.leftside
{
	width:240px;
	padding-left:5px;
	padding-right:5px;
	height: auto;
	float:left;
	margin-right:5px;
}

.rightside
{
	width:740px;
	padding-right:5px;
	height: auto;
	float:right;
	padding-top:15px;
}


.leftmenu
{
	height: auto;
	margin-top:20px;
	margin-bottom:20px;
}

.leftmenu .head
{
	background-image: url(/img/leftmenu/leftmenu_head.png);
	background-position: center top;
	height: 51px;
	width: 100%;
}

.leftmenu .mid
{
	background-image: url(/img/leftmenu/leftmenu_mid.png);
	background-position: center top;
	height: auto;
	width: 100%;
}

.leftmenu .mid a
{
	display: block;
	width: 208px;
	margin-left:6px;
	margin-right:6px;
	height: auto;
	padding: 10px 10px;
	border-top: 1px solid #d4b8b8;
	color: #440808;
	text-decoration: none;

	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.leftmenu .mid a:last-child
{
	border-bottom: 1px solid #d4b8b8;
}

.leftmenu .mid a:hover, .leftmenu .mid .active
{
	box-shadow: 0 0 20px rgba(0,0,0,0.5) inset;

	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}


.leftmenu .foot
{
	background-image: url(/img/leftmenu/leftmenu_foot.png);
	background-position: center top;
	height: 21px;
	width: 100%;
}

.toptexts, .catalog_and_search
{
	font-size: 20px;
	margin: 0px auto;
	text-align: center;
	height: auto;
}

.catalog_and_search
{
	background-color: #0199d5; /*3b8a39;*/
}

.toptexts .topelement, .catalog_and_search .topelement
{
	display: inline-block;
	min-width: 260px;
	vertical-align: middle;
}




.toptexts .contactline .topelement
{
	min-width: 50px;
	padding: 0px 12px;
	font-family: 'PT Sans', sans-serif;
}

.toptexts .contactline .topelement a
{
	font-size: 15px;
	color: #000;
	text-decoration: none;
}

.toptexts .contactline .phone b
{
	color: #cb2026;
	font-size: 28px;
	font-weight: bold;
	line-height: 15px;
}

.toptexts .topelement:nth-child(1), .catalog_and_search .topelement:nth-child(1)
{
	float: left;
}


.toptexts .topelement:nth-child(2), .catalog_and_search .topelement:nth-child(2)
{
	float: right;
}


@media (max-width: 1200px)
{
	.toptexts .topelement:nth-child(2)
	{
/*		width: 430px;*/
	}
}

@media (max-width: 970px)
{
	.toptexts .topelement
	{
		clear: both;
		text-align: center;
		margin: 0px auto;
	}
	.toptexts .topelement:nth-child(2)
	{
		width: 100%;
	}


	.logohead img
	{
		max-width: 258px;
		position: relative;
	//	margin-top: 12px;
	}

}


@media only screen and (max-width: 600px) 
{
	.toptexts .topelement:nth-child(2)
	{

	}
}

.toptexts span, .toptexts a
{

}

.phoneenter b
{
	display: block;
	text-align: right;
	margin-top:10px;
	font-weight: 300;
	font-size: 19px;
}

.phoneenter b small
{
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 20px;
	display: block;
}

.phoneenter strong
{
	font-weight:700;
	font-size:36px;
}

.phoneenter a
{
	text-decoration:none;
	height:auto;
	padding-top:4px;
	color: #4c4c4c;
}

a[href="#backcall"]
{
/*	border-bottom: 1px dotted #000;*/
	text-decoration:none;
}

.toptexts a.back
{
	text-decoration:none;
	border-bottom: 1px dotted #000;
	height:auto;
	font-size: 19px;
	color: rgb(212,58,37);
	position: relative;
	top: 3px;
}


.phoneenter img
{
	position: relative;
	top:3px;
	margin-right:5px;
}

.finder
{
	border: 1px solid #fff;
	padding: 12px 5px;
	margin: 3px 0px;
	border-radius: 1px;
	margin-right: -28px;
	width: 90%;
}

.finder:hover, .finder:active
{
	border: 1px solid #000;
	background-color: #eef;
}

.finderimg
{
	position: relative;
//	left: -30px;
	top: 3px;
	cursor: pointer;
}

#suggestions
{
	position: absolute;
	width:260px;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px;
	border-radius: 3px;
	display:none;
	z-index: 900;

	 -webkit-box-shadow: 0px 0px 15px #222;
	  -moz-box-shadow: 0px 0px 15px #222;
	  box-shadow: 0px 0px 15px #222;

	border: 1px solid #de0303;
	background-color: #fff;
	text-align: left; 
	color: #333; 
}

#suggestions a 
{
	display: block; 
	padding:10px;
	height: auto;
	clear: both;
	font-size: 12px;
	min-height:50px;
}

#suggestions a:nth-child(odd)
{
	background-color:#eee;
}

#suggestions a img 
{
	display:block; 
	float:left;
	border-radius: 50%;
	margin-right: 12px;
	width: 50px;
}

#suggestions a:hover 
{
	text-decoration: underline;
}

#suggestions a span
{
	color: red;
	float: right;
}

#suggestions a.last
{
	text-align:center;
	min-height: 12px;
}

#suggestions a.selected
{
	background-color:#de0303;
	color: #fff;
}

#suggestions a.selected span
{
	color: #fff;
}

#suggestions a.selected font
{
	color: #fff !important;
}

#suggestions img.close
{
	cursor: pointer;
	padding-left: 30px;
	float: right;
	margin-top: -8px;
}

.topicon 
{
	margin-right: 12px;
	max-height: 20px;
	width: auto;
	position: relative;
	top: 4px;
}

.topelement .contact
{
	font-size: 16px;
}

.topelement .contact a
{
	color: inherit;
	text-decoration:none;
}

.topelement .contact a img
{
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
}

.cataloglevel
{
	display: none;
	background: rgba(13,30,122,0.92); //#0d1e7a;
	width: 100%;
	margin: 0px auto;
	position: absolute;
	z-index:10;
	min-height: 300px;
}

.cataloglevel div, .cataloglevel>a
{
	display: inline-block;
	width: auto;
	height: auto;
	background-color: #0d1e7a;
	vertical-align: top;
	text-align: left;
	border: 1px solid #333;
	margin-left: -1px;
	margin-top: -1px;
}

.cataloglevel div a
{
	clear: both;
	display: block;
}

.cataloglevel a
{
	color: #fff;
	padding: 12px;
	display: inline-block;
	text-decoration: none;

	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;

}

.cataloglevel a img
{
	width: 16px;
	height: 16px;
	margin-right: 12px;
	display: inline-block;
	padding: 1px 3px;
	background: #fff;
	position: relative;
	border-radius: 4px;
	top: 5px;
}

.cataloglevel a:hover
{
	text-decoration: underline;
}

div.content
{
	float: right;
	width: 900px;
	width: calc(100% - 260px);
	height: auto;
}

div.newsdiv
{
	float: left;
	width: 260px;
	height: auto;
}

div.newsdiv h2 a
{
	color:#000;
	text-decoration: none;
}

div.newsdiv h2
{
	margin-top: 16px;
}


@media (max-width: 1070px)
{
	div.content
	{
		width: 740px;
	}
}

@media (max-width: 991px)
{
	div.newsdiv {    display: none; }

	div.content
	{
		float: none;
		width: auto;
	}

}

.slogan
{
	text-align:center;
	color: #cb2026;
	padding: 3px 0px 12px;
}

.restrictions
{
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #fff;
    z-index: 100;
    margin-top: -14px;
    width: 100%;
}

@media (max-width: 900px)
{
	.restrictions
	{
	    margin-top: -28px;

	}
}

@media (max-width: 450px)
{
	.restrictions
	{
	    margin-top: -42px;

	}
}

.nav_offsite img
{
	margin: 6px;
	position: relative;
	top: 6px;
}