body{font-family: Arial,Tahoma, sans-serif; line-height:130%;  margin:0; padding:0; color:#000; font-size:16px; }
.fon{ background-color:#fff;}
.wrapper{ background-color:#fff;  overflow: hidden;}

p{margin:16px 0;}
a{color:#004080;   }
a:hover{}
input, textarea, select {margin: 5px 0; padding:2px 4px; font-size: 100%; }
big,.big{ font-size: large;}
input.big{transform:scale(1.35); margin:9px; cursor:pointer;}

.small{font-size:75%;}
.center{text-align:center;}
.r{float:right;}
.l{float:left;}
.clearfix{ clear:both;}
img.mavrik{vertical-align:middle; border-bottom:solid 1px #777;}
.red {color:#8B0000;}

.rd {border-radius: 5px;}

h1,h2,h3,h4,h5,h6{line-height:120%; font-weight:normal;}

h1{text-transform:uppercase;font-size:1.3em; line-height: 130%; letter-spacing: 1px;}
h2{font-size:1.2em;}


.nobr{white-space:nowrap;}
.w50{ width:50px;}

.d1{height:2px; background-color: #17736B; margin-bottom:30px;  }
.d{height:1px; border-bottom: solid 1px #ccc; margin:18px 0 36px;   }
.dd{ height:0px; border-top:solid 2px #015DA3; clear: both;}


#menubutton{position:fixed; z-index:999; display:block;}
#menubutton img{width:40px; height:40px;}

#toTop {position:fixed; z-index:999; bottom:0px;  right:0px; background-color:#000; overflow: hidden;width:40px; height:40px; cursor: pointer;}
#toTop img{width:40px; height:40px;}



#header{overflow:hidden; border-bottom: solid 1px #666; }
#header a{color:#000; text-decoration:none; letter-spacing:0.5px;}
#logo{font-size:12px; text-align:center; display:block; margin:8px 48px 10px;}
#logo img{height:32px; width:auto; margin-right:12px; vertical-align: top;}
#logo div{display:inline-block; line-height:120%; padding-top:5px;}
#site_name{display:block; font-size:20px; text-align:center; margin:8px 12px;}



.warning {
    padding: 15px;
    margin: 20px 0;
    font-size: 0.9em;
    border-radius:15px;
    border: solid 2px #A52A2A;
    font-weight: bold;
    display: inline-block;
}

.result{
    padding: 5px 10px;
    margin: 0 0 20px 0;
    font-size: 0.9em;
    color: #fff;
    background-color: #004D91;

    display: inline-block;
    border-radius: 0 0 10px 0;
}


#switcher{background-color:#A6B1B9; height: 70px; padding-left: 25px; }
#switcher img{ cursor: pointer; }
#search {overflow:hidden;  display:block;  padding: 20px 15px 0 0;  }
#search img{ margin:0px; width:auto;  border-radius:0px;}
#search input{margin: 0;  vertical-align: middle;}
#search_word{width:220px; border:solid 1px #fff; color:#000; background-color:#ECF9F4; border-radius: 5px; }
#search_button{ border: none; background-color: transparent; position: relative; top: 7px; margin: 0 0px; padding: 0;}




#midleblock{margin:24px 0;}


#menu{  }
#list{display: block; margin:0; padding:0px;}


#nac_unit a{display:block; padding: 15px 0 15px 25px; border-bottom: solid 1px #fff;color:#0000CD; text-decoration:none;  font-size: 0.9em;  }
#nac_unit a:hover{text-decoration: underline;}
#nac_unit a.selected { font-weight: bold; color: #000;}


.main_sections,.main_sections_active{display:block; margin: 8px 10px 10px 10px; color: #333; text-decoration: none; font-size: 1.2em; letter-spacing:0.5px; }
.main_sections:hover { text-decoration: underline; color: #000;}
.main_sections_active{  opacity: .6;}

#inter_unit{display:block; border-top: solid 1px #666;
margin: 16px 0 -6px;
padding: 6px 0 0 10px;
color: #000; font-size:1.2em; letter-spacing:0.5px; height: 38px; line-height: 38px; }
#inter_unit a {display:inline;}
#inter_unit a:hover {opacity: 0.5;}
#inter_unit a img{margin:0 10px 0 0 ; width:32px;  border-radius:6px; cursor:pointer; vertical-align: middle; border: solid 1px #666;}


#alphabet{ margin: 0 0px;}
#list li{ -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; list-style: none; list-style-position: outside; line-height: 180%;   margin-left: 0px;}
#list li a{ font-size: 1em; text-decoration: none;}
#list li a:hover{text-decoration: underline;}



#mainsection{overflow: hidden; margin:0 10px 0;  }


footer{clear:both; background-color:#333; padding:20px; color:#fff; overflow: hidden; text-align: center; }


#path_rm{ background-color: #eee; text-align: center; overflow: hidden; border-bottom: solid 1px #333;}

.rm{border:solid 1px #ccc; border-radius:5px; background-color: #f4f4f4; padding:10px;}

#form{margin: 20px 0;}




.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.85); z-index: 99999; 	display:none; 	pointer-events:none;pointer-events: auto;}

.modalDialog > div {border-radius: 2px; position: relative; margin:10% auto; padding:20px; background: #eee; width:250px; line-height: 150%; font-size: 1.1em;}
.close { cursor: pointer;  color:#000;  position:absolute; right:7px; top:5px;  text-decoration: none; font-size:2em;}
.close:hover { color: #FF0000; text-decoration: none; }
.modalDialog_input  { border: solid 1px #000;  padding:5px;  border-radius:2px; width: 100%; margin: 7px 0; font-size: 1.1em; letter-spacing: 0.5px;  }


.button, input.button{color:#000;  background-color:#e4e4e4; padding: 5px 10px; border-radius:5px; text-decoration: none;  font-size: 1.1em; border: none;  }
.button:hover{ background-color: #333; color: #fff; cursor: pointer;}
.button_e{ color: #FFF;  background-color:#FF8C00 ; padding: 10px; margin:0 10px 0px 0; border-radius:2px; text-decoration:none; font-weight:bold; line-height: 45px;  }
.button_e:hover{ background-color: #D2691E; color: #fff;}

.reg_form{padding: }
.reg_form h2{ text-transform: uppercase; font-size: 1.5em; margin-bottom: 20px; letter-spacing: 0.5px; line-height: 115%;}
.reg_form h3{ text-transform: uppercase; font-size: 1.1em; margin-bottom: 10px; line-height: 115%;}

.close-return{ color:#000; float: right;  position: relative; right:-10px; top:-10px;  text-decoration: none; font-size:1.5em;}
.close-return:hover { color: #FF0000; }




#main_plus h2{ margin:25px 0 10px 0; font-size: 1.2em; color:#333; line-height: 135%; font-weight: bold;}




.det_page{overflow:hidden; color:#000; letter-spacing:1px; color: #FFFFFF; font-weight: bold;  font-size:0.85em; line-height:50px; padding: 0 10px; float:left; display: inline-block; margin-right:20px;}
.page{ margin: 20px  0px; clear: }

#imgs{ float: left; width: 28%; overflow: hidden;}
#imgs img{width: 88%; margin-bottom: 10px;}
.page h1{  margin: 20px 0;}



.dva{-webkit-column-count:2;-moz-column-count:2;column-count:2;

}


.download{ display:block;  color: #000;  padding:5px; background-color:#f2f2f2; border: solid 1px #ddd; text-align:right; margin:0 0 5px 5px; color: #000; overflow:hidden;  }
a.download{font-size: 1.2em;line-height: 32px;text-decoration: none; padding-right:15px; }

a.download:hover{background-color:#E6DBC5; color:#000; text-decoration: underline;}





.post_date{padding:5px; background-color:#B8A478; text-align:right; margin:0 0 5px 5px; color: #FFFFFF; }
.post_acti{padding:13px 5px; text-align:right; margin:0 0 5px 5px; color: #FFFFFF; text-transform:uppercase; font-weight:bold;}
.post_detail {padding:5px; text-align:right; margin:0 0 5px 5px; color: #000; }
.post_detail span{padding: 2px 5px; background-color: #f2f2f2; color: #000; border: solid 1px #ccc;}

.page_img {display:block; margin:0 20px 20px 0; vertical-align:top; overflow:hidden;}
.page_img img{width: 100%; height: auto;border: solid 1px #e7e7e7;}



.navigator{ padding: 15px 30px;  border-top: solid 1px #ddd;font-size: 1.2em; background-color: #f2f2f2; }
.navigator a{color: #008000; margin: 0 2px; }
.navigator a:hover{ color: #000; text-decoration: none;}


#main { overflow: hidden; }
.path{ margin:8px 0px 8px; font-size: 1.2em; letter-spacing:0.5px;  color:#000; border-bottom: solid 1px #666; padding-bottom: 14px; font-weight: bold; }
.path a,.path span{color: #000; text-decoration: none; }


h1.title_page{font-weight:bold;  margin: 15px 0px; font-size:20px; color: #000;  }


.comments{clear:both;  margin: 30px 0; padding: 20px; background-color: #C9D7E8;}

.comments img.avatar {float: left; margin: 0px 30px 0px 0;	width: 50px; }

.comment{line-height:120%; background-color:#f4f4f4;  border: solid 1px #eee;   margin: 20px 0; padding: 10px 20px; overflow: hidden;  width: 60%; }
#comment_form{background-color: #f4f4f4;}
.delcomment{color: #FF0000; float: right; margin: 0 0 20px 20px;}
.comment  textarea{margin: 7px 0; }
.delcomment{float:right;}

.page .comment img{width:auto; height:auto; display: inline ; margin:0; border:none;}
.page .full{padding-right:30px;}
.page iframe, .page object,.page embed {width: 100% !important; height: height:100% !important; margin: 20px 0;}







.stat{font-size:75%; margin-top: 10px;  color:#006400;}

.ind {height:30px; background-image: url(ind.gif); background-position: center; background-repeat: no-repeat; margin-bottom: 20px;}

#main_plus{margin:30px 0 0;}
#main_news{margin:30px 0 30px;}

.page_plus{clear:both; background-color: #fff; margin: 30px; padding:25px; font-size:85%; line-height: 130%; -webkit-column-width:20em; -moz-column-width:20em; column-width:20em;   vertical-align:text-top; }

.post_plus{display: block; margin: 0px 30px; max-width: 600px; padding: 15px 20px; background-color:#9746ae;  color:#FFF;  font-weight: bold;  font-size: 1.1em; letter-spacing: 0.5px;text-decoration: none; background-image: url(../img/newsplus.png); background-repeat: no-repeat;  background-position: right 50%;  }
.post_plus:hover{color:#fff;background-color:#6C317C; }

.d_plus{height:10px; clear:both;}

#soc{margin:28px 0 ; color:#666;  padding: 10px 0;   border-top: solid 1px #ccc; font-size: 0.85em;}
#soc img{ margin: 10px; width: 36px; vertical-align: middle; opacity: 0.5;}
#soc img:hover{  opacity: 1;}


#navigator{color:#555; padding:15px 0 10px 0; text-align:center; line-height:200%;}
#navigator a{text-decoration: none; color:#000;  margin:6px;}
#navigator a:hover {color:#40B335;}
#navigator b {color:#fff; background-color: #FF8C00; padding: 5px; }
#navigator a:hover{text-decoration:underline;}
#navigator .pagenav{text-align:center; }
#navigator table{width:100%; height:40px;}

#navigator td.previous, #navigator td.next{ width: 40px; height: 40px; background-color:#8B9948;  background-repeat: no-repeat; position: relative; top: -2px;}
#navigator td.previous:hover, #navigator td.next:hover{  background-color:#b3bf76;}
#navigator td.previous a, #navigator td.next a{display:block; width: 40px; height: 40px; margin:0px; }
#navigator td.previous {background-image: url(../img/p_previous.png);}
#navigator td.next {background-image: url(../img/p_next.png);}









#similar{padding: 0px 30px 0 50px;  font-size: 0.9em;}
#similar a{text-decoration: none;}
#similar h3{text-transform: uppercase; margin-bottom: 10px;}

.page .date, .similar_date{ font-size:0.9em;color: #999;}
.similar_post, .similar_post:hover{color: #000;}
.similar_post:hover h3{color: #FF8C00; text-decoration: underline;}
.similar_unit{ margin: 25px 0;}


.mailform{  font-size: 1.1em; margin-bottom: 30px;}
.mailform textarea{ width: 100%; height: 100px; max-width: 700px;}



.red_back{  background-color:  #FF0000;   }
.green_back{  background-color: #008000; }
.note{ padding: 20px; color: #fff; font-size: 1.1em; line-height: 180%; text-align: center; border-radius:2px; margin-bottom: 100px;}
.note a{ color: #fff;}









.carousel{background-color: #fff; border: solid 1px #ccc;}
.carousel img{width: 100%; height: auto;}



.tbl{border-collapse:collapse; clear:both; color: #000;background-color: #FFFFFF; }
.tbl tr:first-of-type{ background-color: #777; color: #fff;}
.tbl tr.title{ background-color: #eee;}
.tbl td{padding: 10px;  }
.tbl, .tbl tr, .tbl td { border: 1px solid #ccc;  }

#discount{ padding: 10px 15px; font-size: 1.1em; color: #fff; background-color: #008000; font-weight: bold; line-height: 150%;}

#order_link a{ display: block; padding: 10px 15px; font-size: 1.1em; color: #fff; background-color: #008000; font-weight: bold; line-height: 150%; text-decoration: none}
#order_link a:hover{background-color: #FFA500;}
.basket{margin: 20px 5px;}

.delivery_form input{ width:99%;}


#accountbl{ margin: 20px 10px 20px 0; padding: 20px 30px; border: solid 2px #228B22;}





#leftsection {display:none;}

.news_unit{ margin: 15px 0;}
.mess_unit{ margin: 15px 0;}
.mess_unit a, .news_unit a{ text-decoration: none; color: #000; }
.mess_unit h3, .news_unit h3{font-size:1.05em;  color:#004080; line-height: 120%; font-family:Verdana, Geneva, sans-serif;  }
.mess_unit a:hover h3,.news_unit a:hover h3 {text-decoration: underline;}

.mess_unit .short {font-size: 0.85em;  margin-top:3px; }
.mess_unit td.tmb { padding:15px; width: 100px; background-color: #eee;}
.mess_unit td.tmb img{ width: 100%; height: auto;}


.keywords{font-size:0.85em; letter-spacing: 0.5px; margin:6px 0; }



.category_unit{ line-height: 120%;}
.category_key{ background-color: #eee; font-size:12px; padding: 3px;}
.category_value{ font-weight: bold;font-size: 0.85em;}
.categories { padding: 8px 0; background-color: #fff;
-webkit-column-width: 300px;  -moz-column-width: 300px;  column-width: 300px;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 30px;  -moz-column-gap: 30px;  column-gap: 30px;
-webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc;}









.page_map{ margin:0px 0 40px 0px; padding: 16px; background-color: #f4f4f4; }

.page_map a{ text-decoration: none;}
.page_map a:hover{ text-decoration: underline; }
.pm2{ margin: 5px 0px;  font-weight: bold; text-transform: uppercase;  }
.pm3{ margin: 5px 0 5px 30px; text-transform: uppercase;   }
.pm4{ margin-left: 60px; }
.pm5{ margin-left: 90px; font-size: 95%;}
.pm6{ margin-left: 120px; font-size: 90%; font-weight: normal;}
.met{ margin-bottom: 5px; display: block;  }



 #search_form{ display: block; }
 .form_unit { padding: 10px 0;  }
 .chbtre{position: relative; top:-2px; padding: 10px; margin:0 0 0 10px; }
 #tree_sect  label{
     position: relative; top: -5px;
 }

.like_a{color: #0000CD; text-decoration: underline}
#category_check_off, #category_check_on{ }
#result{ height:30em; overflow:hidden;}
#show_result_button { margin: 20px 0; display: inline-block;}
#query{ padding: 10px; background-color: #1E74BD; color:#ddd; border-bottom:solid 2px #fff;}
#query span {color: #fff; font-weight: bold; }



















@media screen and (min-width: 340px) {


}


@media screen and (min-width: 400px) {
#search_block{float: right;}
#site_name{font-size:22px;}

}


@media screen and (min-width: 500px) {

}


@media screen and (min-width: 660px) {


#navigator{ font-size: 1.3em;}
}


@media screen and (min-width: 760px) {

#header{height: 80px;}
#logo{display:flex; font-size:14px; width:286px; float:left; margin:16px 0;  text-align:left; }
#logo img{height:44px; width:auto; margin:2px 12px 0;}
#logo div{margin:6px 0 0 0; line-height:18px; }
#site_name{margin:0; font-size:18px; margin-left:336px;  line-height:78px; text-align:left;}


#leftsection{ width:300px; display: block; position: relative; float: left;  }
#mainsection{ margin:0px 20px 0 340px;}
#menubutton{ display:none;}
#menu{ padding-left: 0px; }
#basket{float: right;}

#menu_top{ display:block; margin: 12px 0 0 40px; display: inline-block; }
#menu_top a{ text-decoration: none; margin-right: 30px;}
#menu_top a:hover{ text-decoration: underline;}



}



@media screen and (min-width: 800px) {
#menu_bottom{  margin: -2px 30px 0px 0; float: right;}
#menu_bottom a{ margin:0 10px 0 0;}
.basket{margin: 20px 30px;}
#site_name{font-size:2.60vw;}
}


@media screen and (min-width: 860px) {
#logo{font-size:14px;margin:14px 0;}
#logo div{margin:8px 0 0 0;padding:0; }
#site_name{font-size:2.70vw;}
#site_subname{font-size:16px;}
#soc .icon { display: inline; margin-top: 0px;}
#menu_bottom{  margin: -2px 50px 0px 0; }
}

@media screen and (min-width: 900px) {
#site_name{font-size:2.75vw;}
.page_l{float:left; width:50%;}
.page_r{float:right; width:50%;}
.rm{margin:20px 0 0px 10px; }
#price{ margin-right: 10px;}
#tel_top{ float: right;}

}





@media screen and (min-width: 1024px) {
#site_name{font-size:28px;}
.wrapper{ width:1024px; margin: 0 auto;}
}