html, body{margin: 0;}

body, td, div, textarea ,input {
	font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
	color:#5f5f5f;
}
.imgLink {cursor:pointer;}
p {padding:0px;margin:0px;}


a {
  color: #50b59f;
  text-decoration: underline;
}
a:hover {
  color: #20967d;
  text-decoration: underline;
}

.back_link,back_link a,.back_link a:link,.back_link a:visited,.back_link a:active,.back_link a:hover{
	color:#e44746;
}
body{
	background:url(../images/page_bg.gif) repeat-x bottom;
}	
#page{
	background:url(../images/main_bg.jpg) no-repeat top left;
	padding-bottom:300px;
}

#logo{
	position:absolute;
	top:55px;
	left:33px;
}
#contents{
    padding-top: 186px;
    display: flex;
}
.c-side {
    width: 259px;
    transition: all 0.2s ease;
}
.c-main {
    margin-left: 5px;
    flex: 1;
}

#products{
	background:url(../images/prod_bg.gif) repeat-y;
	padding-top:12px;
}
#prodCap{
	line-height: 56px;
	text-align:center;
	background:url(../images/prod_top_bg.gif) no-repeat;
	font-family:Tahoma;
	font-size:20px;
	color:#dc0606;
}
#prodMenu {
    display: block;
    z-index: 1;
}
#menu{
	padding-left: 35px;
	white-space: nowrap;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu li {
    list-style: none;
    margin: 0;
    padding-top: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: inline-block;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#menu li a{
    padding: 15px 20px;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#text_content{
	width:482px;
	padding:25px 35px 30px 25px;
	margin-bottom: 50px;
	background-color: #fff;
    border-radius: 15px;
    font-size: 12px;
    min-height: 1000px;
}


.menu_name {
	font-family:Tahoma;
	background-color:#DED7D3;
	white-space:nowrap;
	padding:0px 5px;
	height:39px;
}
.menu_name:hover {
    background-color: #DDCFC7;
}
.menu_name_a, .menu_name.active {
	background:#ffffff;
	white-space:nowrap;
	padding:0px 5px;
	height:39px;
}
.menu_name_a a, .menu_name.active a{
	font-family:Tahoma;
	font-size:20px;
	color:#e44746;
	text-decoration:none;
}
.menu_name a{
    font-size:20px;
	text-decoration:none;
	color:#ffffff;
}
#menu li#prod-li-m {
    display: none;
}
#menu li#prod-li-m a span {
    margin-left: 15px;
    font-size: 14px;
    display: inline-block;
    transition: all 0.2s ease;
}
#menu li#prod-li-m.active a span {
    transform: rotateZ(90deg);
}


.product-li {
	border-top: 1px solid #eee;
	padding-top: 10px;
}

.product-li img {
	float:left; 
	margin:0px 10px 10px 0px;
	width: 138px;
}
.prodDescr {
	margin-left: 147px;
	padding-bottom: 10px;
}

#credits{
    display: none;
}
.credits {
	color:#ccc;
	position: absolute;
	margin-top: -70px;
	margin-left: 10px;
}

#news{
	width:168px;
	background:url(../images/news_top.gif) no-repeat #ffffff;
}

#contacts {
	background:url(../images/contacts.gif) no-repeat;
	width:215px;
	height:94px;
	margin:10px auto;
	color:#8f9d9a;
	padding: 12px 0px 0px 20px;
	font-size: 11px;
	display: block;
}
#contacts-mob{
	background: #E0DDDB;
	border-radius: 15px;
	margin:10px auto;
	color:#7f8d8a;
	padding: 12px 20px;
	margin-bottom: 30px;
	font-size: 11px;
	display: none;
}
#contacts a, #contacts-mob a{
	color:#8f9d9a;
}

/*FORM*/
.frm{
	width:250px;
	font-size:11px;
	padding: 8px;
	border: 1px solid #999;
	border-radius: 5px;
}
textarea .frm{
	height: 100px;
}
.button{
	border: none;
	border-radius: 5px;
	background: #CCCCCC;
	color:#666666;
	cursor:pointer;
	padding: 9px 20px;
}

/*PRODUCTS*/
.lvl1{
	background:url(../images/prod_lvl1_bg.gif) no-repeat #f2efec;
	/*width:210px;*/
	height:24px;
	line-height:24px;
	vertical-align:middle;
	color:#000000;
	margin-left:6px;
	margin-right:19px;
	margin-top: 5px;
	padding-left:24px;
	text-transform:uppercase;
    font-size: 11px;
}
.lvl1 a,.lvl1 a:link,.lvl1 a:visited,.lvl1 a:active,.lvl1 a:hover{
	color:#000000;
	text-transform:uppercase;
	white-space:nowrap;
	background:#f2efec;
	text-decoration:none;
}

.lvl1 span{
	display:none;
	position:absolute;
	top:0px;
	left:13px;
	line-height:22px;
}
.lvl2{
	color:#989491;
	text-decoration:underline;
	background:url(../images/prod_lvl2.gif) no-repeat 0px 9px;
	margin-left:22px;
	padding-left:7px;
	height:23px;
	line-height:23px;
}
.lvl2 a,.lvl2 a:link,.lvl2 a:visited,.lvl2 a:active{
	color:#989491;
	text-decoration:underline;
	white-space:nowrap;
}
.lvl2 a:hover{
	color:#666666;
	text-decoration:underline;
	white-space:nowrap;
}
.lvl3{
	color:#666666;
	margin-left:27px;
	padding-left:7px;
	line-height:16px;
	font-size: 11px;
}
.lvl3 a,.lvl3 a:link,.lvl3 a:visited,.lvl3 a:active{
	color:#666666;
	white-space:nowrap;
}
.lvl3 a:hover{
	color:#000000;
	white-space:nowrap;
}
.lvl4{
	color:#666666;
	margin-left:32px;
	padding-left:7px;
	height:16px;
	line-height:16px;
}
.lvl4 a,.lvl4 a:link,.lvl4 a:visited,.lvl4 a:active,.lvl4 a:hover{
	color:#333333;
	white-space:nowrap;
}
.selected{
	color: #000000;
	background:#E5E5E5;
}
.prodName,.prodName a,.prodName a:link,.prodName a:visited,.prodName a:active,.prodName a:hover{
	font-weight:bold;
	color:#666666;
	font-size:13px;
}
.prodNameInner{
	font-weight:bold;
	color:#666666;
	font-size:15px;
	padding-bottom:10px;
}
#nav_path{
	padding-bottom: 10px;
}
#nav_path A{
	color: #47af99;
}
#nav_path A:hover{
	color: #477f79;
	text-decoration: underline;
}
.instruct{
	padding:0px 3px 0px 7px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}
#instructions{
	background:#cccccc;
	padding:10px;
	margin-top:5px;
}
/*NEWS*/
#news_title{
	font-family:Tahoma;
	font-size:15px;
	color:#7b4416;
	text-decoration:underline;
	padding: 16px 0px 15px 37px;
}
.news_sep{
	width:129px;
	margin:9px auto;
	background:url(../images/news_sep.gif) no-repeat;
}
.news_intro{
	color: #8f9d9a;
	padding:5px 0px 4px 37px;
}
.news_intro a,.news_intro a:link,.news_intro a:visited,.news_intro a:active,.news_intro a:hover{
	color: #8f9d9a;
}

.news_date{
	color:#47af99;
	padding-left:37px;
}

.newsDate{
	color:#47af99;
}
.newsName,.newsName a,.newsName a:link,.newsName a:visited,.newsName a:active,.newsName a:hover{
	font-weight:bold;
	color:#666666;
}
.newsLink,.newsLink a,.newsLink a:link,.newsLink a:visited,.newsLink a:active,.newsLink a:hover{
	color:#47af99;
}
.newsIntro{
	color: #8f9d9a;
}
.newsName_inner{
	font-weight:bold;
	color:#666666;
	font-size:12px;
}

/*MIDDLE CONTENTS*/
#page_name{
	font-family:Tahoma;
	font-size:20px;
	text-align:right;
	color:#5cd0b7;
	text-transform:uppercase;
	padding-bottom:20px;
}
#text{
	line-height:133%;
}


.msg_error
	{color:#FF0000;padding-top:10px; font-weight: bold;}
.msg_error_light
	{color:#FF0000;padding-top:10px; font-weight: bold;}
.msg_message
	{color:#FF0000;padding-top:10px; font-weight: bold;}
.msg_warning
	{color:#FF0000;padding-top:10px; font-weight: bold;}
	
	
	

 
 
 
@media screen and (max-device-width: 820px) { 
    #page {
        padding-bottom: 10px;
    }
    .c-side {
        display: none;
        position: absolute;
        width: 100%;
        margin-top: 54px;
    }
    .c-main {
        margin: 0 10px 0 10px;
    }
    #contents{
        display: block;
    } 
    #text_content {
        width: 100%;
        padding: 0;
        display: block;
        min-height: 500px;
        margin-bottom: 10px;
    }
    #page_name {
    	padding: 25px;
    }
    #text {
    	padding: 25px;
    	padding-bottom: 60px;
    }
    #contents form table { 
        width: 100%;
    }
    #contents .frm {
    	width: 100%; 
    }
    #contents textarea.frm {
        padding: 8px;
    }
    #menu li a {
        padding: 10px 15px;
    }
    #menu .menu_name a, 
    #menu .menu_name_a a {
        font-size: 18px;
    }
    #menu li#prod-li-m {
        display: inline-block;
    }
    #prodCap, #prodMenu {
        display: none;
    }
    #products {
        background: #fff;
    }
    .lvl1 {
        margin-left: 15px;
    }
    .lvl2 {
        font-size: 16px;
        padding: 14px;
        background-position-y: 23px;
        padding-bottom: 2px;
    }
    .lvl3 {
        font-size: 16px;
        padding: 8px 25px;
    }
    .lvl4 {
        font-size: 14px;
        padding: 6px 30px;
    }
    #contacts {
        display: none;
    }
    #contacts-mob {
        display: block;
    }
    .credits {
        margin-top: -35px;
    }
}
 
@media screen and (max-device-width: 460px) { 
    .c-side {
        margin-top: 47px;
    }
    #menu {
        padding-left: 20px;
    }
    #menu li a {
        padding: 7px 13px;
    }
    #menu .menu_name a, 
    #menu .menu_name_a a {
        font-size: 16px;
    }
    .menu_name {
    	height:32px;
    }
    .menu_name_a, .menu_name.active {
    	height:32px;
    }
}

 
@media screen and (max-device-width: 390px) { 
    .c-side {
        margin-top: 42px;
    }
    #menu {
        padding-left: 15px;
    }
    #menu li a {
        padding: 5px 10px;
    }
    #menu .menu_name a, 
    #menu .menu_name_a a {
        font-size: 14px;
    }
    #menu li#prod-li-m {
        height: 29px;
    }
    .menu_name {
    	height:28px;
    }
    .menu_name_a, .menu_name.active {
    	height:28px;
    }
    .lvl2 {
        font-size: 14px;
    }
    .lvl3 {
        font-size: 14px;
    }
    .lvl4 {
        font-size: 13px;
    }
}












	
/* IMAGE LIGHT BOX */
/*!
 * some animations from animate.css
 * @see {@link https://github.com/daneden/animate.css}
 * daneden.github.io/animate.css/
 */@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}/*!
 * img lightbox
 */.img-lightbox-container{display:none;opacity:0;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);z-index:1}.img-lightbox-container img{display:block;opacity:0;max-width:90%;max-height:90%;position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent;border:0;-webkit-box-shadow:.267rem .267rem .267rem 0 rgba(3,3,3,.3);box-shadow:.267rem .267rem .267rem 0 rgba(3,3,3,.3);vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-zoom-out;cursor:zoom-out;margin:auto}/*!
 * reset for animate.css
 * daneden.github.io/animate.css/
 */.img-lightbox-container img.animated,.img-lightbox-container.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}