﻿html, body {
	font-size: 14px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #F3EFCB;
	background-image: url(../images/bg.png);
	background-repeat:repeat;
	background-position: top;
	width:100%;
	height:100%;
	}
	
html>body {
      min-height:100%;
      height:auto;
    }

	body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
	
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {

	text-align: center;
	}
h2 {

	}
h3 {

	}
/* линки */
		
	a:link,
	a:visited,
	a:active {text-decoration: underline;color: #05B900;}
	a:hover {text-decoration: underline;color: #4F8AAF;}


.wraper {
	width:90%;
	max-width:1200px;
}
.bg_header{
	background:url(../images/bg_head.jpg) no-repeat top center;
	background-size:cover;
	height:200px;
	border-radius: 10px;
  margin: 10px 0 15px;
}
.bg_header2{
	background:url(../images/bg_head_2.jpg) no-repeat top center;
	background-size:cover;
	height:250px;
	border-radius: 10px;
  margin: 10px 0 15px;
}
.bg_header3{
	background:url(../images/bg_head_3.jpg) no-repeat top center;
	background-size:cover;
	height:200px;
	border-radius: 10px;
  margin: 10px 0 15px;
}
.content_body{
border-radius: 8px;
overflow: hidden;
}
/* линки меню */
		
		a.menu:link {font-size: 14px; text-decoration: none;	color: #3c5a7c; font-family: Tahoma, Geneva, sans-serif;}
        a.menu:visited {font-size: 14px; text-decoration: none; color: #3c5a7c; font-family: Tahoma, Geneva, sans-serif;}
        a.menu:active {font-size: 14px; text-decoration: none; color: #3c5a7c; font-family: Tahoma, Geneva, sans-serif;}
        a.menu:hover {font-size: 14px; text-decoration: none;	color: #FFF; font-family: Tahoma, Geneva, sans-serif;}
		
/* линки меню */
/* линки подробная информация */
		
		a.podrobnee:link {font-family: "Times New Roman", Times, serif; font-size: 14px; text-decoration: none;	color: #234;}
        a.podrobnee:visited {font-family: "Times New Roman", Times, serif; font-size: 14px; text-decoration: none; color: #234; }
        a.podrobnee:active {font-family: "Times New Roman", Times, serif; font-size: 14px; text-decoration: none; color: #234; }
        a.podrobnee:hover {font-family: "Times New Roman", Times, serif; font-size: 14px; text-decoration: none;	color: #4F8AAF;}
		
/* линки подробная информация */
/* линки суб_меню */
		
		a.sub:link {text-decoration: none; color: #678; font-weight: bold; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; }
        a.sub:visited {text-decoration: none; color: #678; font-weight: bold; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
        a.sub:active {text-decoration: none; color: #678; font-weight: bold; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
        a.sub:hover {text-decoration: underline; color: #111; font-weight: bold; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
		
/* линки суб_меню */
/* линки novosti */
		
		a.news:link {text-decoration: none; color: #234; font-weight: bold;	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
        a.news:visited {text-decoration: none; color: #234; font-weight: bold;	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
        a.news:active {text-decoration: none; color: #234; font-weight: bold;	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
        a.news:hover {text-decoration: none; color: #a68484; font-weight: bold;	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px;}
		
/* линки novosti */
/*линки субменю*/
.cat_menu_link {
	color:#000;
	background-image:url(../images/cat_menu_link.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	line-height:20px;
	margin:0 0 5px;
	padding:0 0 0 24px;
	text-decoration:none;
	font-size: 14px;
		}
/*линки субменю*/
.logo_bg {
	background-image: url(../images/logo.png);
	background-position: 3% 3% ;
	background-repeat: no-repeat;
	height: 150px;
}
.comp_name {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 35px;
	margin-left: 130px;
	padding-top: 10px;
}
.slogan {
	font-size: 30px;
}
.logo_mp {
	padding-top: 40px;
}
.menu_r {
	background-image: url(../images/menu_r.png);
	background-repeat: no-repeat;
	width: 11px;
}
.menu_r_width
{
	width: 11px;
}
.menu_r_width_begin
{
	display:none;
}
.menu_rr_begin {
	background-image: url(../images/menu_rr.png);
	background-repeat: no-repeat;
	width: 11px;
}
.menu_rr {
	display:none;
}
.menu_l {
	background-image: url(../images/menu_l.png);
	background-repeat: no-repeat;
	width: 10px;
}
.menu_c {
	background-image: url(../images/menu_c.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-left:10px;
	margin-right: 10px;
}
.menu_otstup {
	background-image: url(../images/menu_otstup.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 5%;
}
.menu_a {
	height:20px;
}
.menu_a td:last-child {
	display:none;
}
.menu_mp {
	background-image: url(../images/menu_otstup.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 5%;
}
.menu_mp_begin {
	display:none;
}
.bord_er {
	height: 4px;
	width: 100%;
	/* background-image: url(../images/podcherk.png);
	background-position: center bottom;
	background-repeat: repeat-x; */
}
.predl {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #4e4e4e;
    font-weight: bold;
}
.one_stolb {

	width: 20%;
}
.two_stolb {

	widht: 60%;
}
.tri_stolb {

	width: 20%;
}
.table_t {
	width: 95%;
		min-width: 700px;
}
.content_mp {
    padding-top: 20px;
}
.margin_stolb {
    width: 10px; 
}
.rama_top_r {
	background-image: url(../images/rama_top_r.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.rama_top_l {
	background-image: url(../images/rama_top_l.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 6px;
}
.rama_down_r {
	background-image: url(../images/rama_down_r.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.rama_down_l {
	background-image: url(../images/rama_down_l.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 6px;
}
.rama_top_c {
	background-image: url(../images/rama_top_c.png);
	background-repeat: repeat-x;
	height: 7px;
}
.rama_down_c {
	background-image: url(../images/rama_down_c.png);
	background-repeat: repeat-x;
	height: 7px;
}
.rama_center_l {
	background-image: url(../images/rama_center_l.png);
	background-repeat: repeat-y;
	width: 6px;
}
.rama_center_r {
	background-image: url(../images/rama_center_r.png);
	background-repeat: repeat-y;
	width: 7px;
}
.levo {
	background-color: #ebebeb;
}
.submenu_mp {
	margin-top: 20px;
}

.min_h {
	width: 500px;
}
.news {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
.news_mp {
	height: 3px;
}
.news_close {
	height: 15px;
}
/* стили для центральной таблицы*/
.content_top_r {
	background-image: url(../images/rama_top_r.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.content_top_l {
	background-image: url(../images/rama_top_l.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 6px;
}
.content_down_r {
	background-image: url(../images/rama_down_r.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.content_down_l {
	background-image: url(../images/rama_down_l.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 6px;
}
.content_top_c {
	background-image: url(../images/rama_top_c.png);
	background-repeat: repeat-x;
	height: 7px;
}
.content_down_c {
	background-image: url(../images/rama_down_c.png);
	background-repeat: repeat-x;
	height: 7px;
}
.content_center_l {
	background-image: url(../images/rama_center_l.png);
	background-repeat: repeat-y;
	width: 6px;
}
.content_center_r {
	background-image: url(../images/rama_center_r.png);
	background-repeat: repeat-y;
	width: 7px;
}
.content_color {
	background-color: #ebebeb;
	padding: 10px 60px;
}
/* стили для центральной таблицы*/
.naviga {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 14px;
color: #4e4e4e;
padding-top: 5px;
}
.copyright {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #4e4e4e;
    width: 400px;
    float: left;
}
.footerz {
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.telefon {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 26px;
    color: #4e4e4e;
    float: right;
}
.footer_polosa {
	background-image: url(../images/polosa_footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 9px;
	padding-top: 15px;
}
.polosa_f {
	width: 90%;
	margin-left: 20px;
	margin-right: 20px;
}

.rama_weight
{
	width:7px;
}
.content_rama_weight
{
	width:7px;
}




	.logo_img 	{
		margin:0 auto;
		width:854px;
		height:107px;
		background-image:url(../images/logo_03.png);
		background-position:center center;
		background-repeat:no-repeat;
		display: block;
	}


/* стили для меню*/

#menu {
	background: #B0E093;
	height: 45px;
	border-radius: 10px;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
}
#menu li {
	display: inline-block;
	position: relative;
}
#menu a {
	display: block;
	line-height: 45px;
	padding: 0 14px;
	text-decoration: none;
	color: #3c5a7c;
	font-size: 16px;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #3C5A7C;
	background: #F2F2F2;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 45px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	color: #3c5a7c;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: max-content;
	background: #B0E093;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	text-align: left;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #3C5A7C;;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #3C5A7C;
}
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#B0E093;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:#3C5A7C}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}

/* стили для номера телефона и email'а*/
.phone {		
		background: url(../images/phone.png) no-repeat 0px 4px;
		width:145px;
		left: 940px;
		top: -10px;
		position: relative;
		padding:0px 0px 0px 30px;
		font-size: 15px;
		color: chartreuse;
}
	
.mail  {
		background: url(../images/mail.png) no-repeat 0px 6px;
		position:relative;
		font-size:15px;
		width:145px;
		top:-10px;
		left: 940px;
		padding:0px 0px 0px 30px;
		color: chartreuse;
}