.header
{
	background-repeat:repeat-x;
	background-position:center top;
	width:auto;
	height:auto;
	color: #4c4c4c;
}

.header a
{
	text-decoration:none;
}

.logohead
{

}

.logohead img
{
	max-width: 120px;
	margin-top: 12px;
}

@media only screen and (max-width: 600px) 
{
	.logohead img
	{
		max-width: 40px;
		margin-top: 6px;
	}
}

.logotext
{
	display:block;
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	font-size:18px;
	font-weight:300;
}

.menumidlevel
{
	height:auto;
	text-align:center;
	clear:both;
	background-color: #FCFCFC;
	padding: 5px 15px 5px;
	border-bottom: 1px solid #E5E8EB;
}

.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 12px 8px 12px;
	font-size:100%;	 

	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: normal;
	text-decoration: none;
}

.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: #EC4863;

	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
}


@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;
	background-color: #efe;
}


}



#inside_page_header 
{
	z-index:9999;
	overflow:hidden;
	width:100%;
}

#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;
	width: 22%;
	min-width: 260px;
	vertical-align: middle;
}

.toptexts .topelement:nth-child(2), .catalog_and_search .topelement:nth-child(2)
{
	width: 54%;
}


@media only screen and (max-width: 600px) 
{
	.toptexts .topelement:nth-child(2)
	{
		display: none;
	}
	.toptexts a.back 
	{
		margin-bottom: 12px;
		display: block;
	}

	.catalog_and_search .topelement
	{
		min-height: 32px;
	}
}

.toptexts span, .toptexts a {
    color: #0199d5;
}

.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
{
	border-bottom: 1px dotted #0199d5;
	color: inherit;
	font-size: 13px;
}

.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;
	}

}