body{font-family: Arial, Helvetica, sans-serif; line-height:135%;  font-size:16px; margin:0; padding:0px; color:#000; }
.wrap {padding:0 10px;}

p{margin:10px 0;}
a{ text-decoration: none; transition: 100ms; color: #800000;}
a:hover{ text-decoration: underline;}
input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%; }
iframe{ width: 90%;  margin:15px 0;}
big,.big{ font-size: large;}

.small{font-size:75%;}
.center{text-align:center;}
.r{float:right;}
.r_460{ margin-top: 20px;}

.l{float:left;}
.clearfix{ clear:both;}
img.mavrik{vertical-align:middle; border-bottom:solid 1px #777;}
.red {color:#8B0000;}
.warning{ margin-top: 20px; padding:10px;  color: #000;  border: solid 2px #FF0000;  display: inline-block;}
.rd {border-radius: 5px;}
.del_img{ position: relative; top:25px; margin-top: -20px; background-color: red; color: #fff; border: none; border-radius: 5px; display: block;}
.del_file{  background-color: red; color: #fff;  border: none; border-radius: 5px;}
.attach{margin: 20px 0; background-color: #f2f2f2; padding: 20px;}
.img_edit img, .file_edit{ border: solid 1px #777;  border-radius:5px;}
.img_edit, .file_edit{  margin-bottom: 20px;  padding:0 5px;}
.img_edit img{ width: 99%;}

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

h1{text-transform:uppercase;font-size:1.5em; line-height: 130%; letter-spacing: 1px;}
h2{font-size:1.2em;}
.d{  border-top: solid 5px #f4f4f4; margin-top:30px; padding-bottom:30px;  }
.dd{ height:0px; border-top:solid 2px #015DA3; clear: both;}
.nobr{white-space:nowrap;}
.w50{ width:50px;}
.block{display: block;  margin: 8px 0;}

#menubutton,#toTop {position:fixed; z-index:999; background-color:#888; overflow: hidden; margin: 0; padding: 0; width:47px; height:47px;}
#menubutton:hover,#toTop:hover{ background-color:#000;}

#toTop {bottom:0px; right:0px;}
#menubutton img, #toTop img {width:47px; height:47px;}

#header{overflow:hidden;}
#header a{text-decoration:none; color: #485460;}
#site_description{display:none;}
#logo{display:block; font-family:Verdana, Geneva, sans-serif; text-decoration:none; text-transform:uppercase; font-size:10vw; margin:25px 0 25px 0px; text-align: center; color: #FF8C00;}
#comua{display:inline-block;  line-height: 100%; font-size:0.2em; font-weight: bolder; color:#888; text-align:left; position:relative; top:-1.7em;   }

#search{display:block; margin:20px 0 0; text-align:center; }
#search_word{width:90%; height: 20px;}
#search_button{position:relative; left: -70px; margin: 0 -70px 0 0px; border:none; background-color:#FF8C00; width:60px; height: 29px; color: #fff; }
#search_button:hover{background-color: #000; color: #fff;}





#login{display:block; color:#000; background-color: #f4f4f4; padding:10px 20px; border: solid 1px #d4d4d4; margin-top:15px;}
#login a{  text-transform: uppercase; display: block; margin: 8px 0;}



#menu{clear:both; transition-delay:100ms; display:none; }
#menu #tree{padding:10px 0;margin:0; overflow: hidden;}

#menu ul{display:block; margin:0; padding:0;background-color:#f4f4f4;   border: solid 1px #ddd;}
#menu ul ul{background-color:#e4e4e4; }
#menu 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: 120%;   margin: 0px; }
#menu li:not(:first-child){border-top: solid 1px #aaa;}


#menu ul a{display:block; margin:5px; text-decoration:none;  padding:3px 0px; text-transform: uppercase; letter-spacing: 0.5px; }
#menu a:hover{ text-decoration: underline; }
#menu li.active a{ font-weight: bold;}
#menu a span {display: block;  background-repeat:  no-repeat; padding-left: 20px;}
#menu a .sub {background-image: url(../img/arr.png); background-position: 0 3px;}
#menu a.open .sub {background-image: url(../img/cl.png);  background-position: 0 3px;}
#menu ul ul a{ padding-left: 15px;}
#menu ul ul ul a{ padding-left: 30px;}
#menu ul ul ul ul a{ padding-left: 45px;}

#menu_add{margin:0px 0 40px;}
#menu_add a{display:block; padding:5px 10px; color:#fff; background:#FF8C00;}
#menu_add a:hover{text-decoration:none; background:#000;}


#menu_botom{margin:5px 0 20px 0; text-align:center;}
#menu_botom ul{display:block; margin:0; padding:0;}
#menu_botom li{display:inline-block;}
#menu_botom a{display:inline-block; margin: 0 20px 10px 0; color: #fff;}



#alphabet{ margin: 0 20px;}
#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: 1.1em; color: #000;}



#main h1{font-size:25px; margin:20px 0; text-align:center;}
#main h1 a, #main h1 span { padding-bottom:3px; border-bottom: solid 0px #197385;}
#main h1 a:hover, #main h1 span:hover{text-decoration:none;}

#main h2{font-size:20px; line-height: 120%; margin-bottom:10px;}
#main .cel h2{font-size:16px; font-weight: bold; line-height: 120%; margin-bottom: 5px;}
#main .nodate h2{ line-height: 120%; margin-bottom: 0px;}
.nodate{ margin-bottom: 15px;}

.cel{margin:0 0 0px 0px; overflow: hidden;}


.tmb img{ width:100px; height: auto; }
.tmb{display:inline-block; float:left; margin-right:20px;}
a.listlink{display: block; text-decoration: none; color: #000;}
a.listlink:hover h2{ text-decoration: underline;}
.date{color:#00B027; font-size:0.85em;}

.details{margin:5px 0 10px 0; overflow: hidden; font-size:0.85em; color:#999;}
.details img{color: #333;  vertical-align: middle; height: 15px; }


.first_news{padding:30px 0 50px;   overflow: hidden;  font-size: 1.1em;}
.first_news a h2{color:#FF8C00;}


footer{margin-top:30px; overflow:hidden; background-color: #333; color:#ccc;}
.copyright{ display: none; }

#soc{margin:15px 0;  text-align: center;}
#soc span{ display: block; text-align: center;}

#soc img{margin:5px; width:30px; vertical-align:middle; opacity:0.75; border: solid 1px #777; border-radius:15px; }
#soc img:hover{opacity:1;}



.page {border-radius:3px;  padding:0 0 15px 0; background-color:#fff; margin-bottom: 20px; }
.page h2{ margin-top:0px;}
.page li{ list-style: disc;}
.page ul{ list-style-position: inside; margin-left: 30px;}

.user-info {font-size:0.85em; line-height: 130%; padding-bottom: 5px; margin: 0px 0 15px; border-bottom: solid 5px #F4f4f4;}


.rm{ margin: 20px 0 0; width: 99%;}

.comments{}
.comments img.avatar {float: left; margin: 0px 30px 0px 0;	width: 50px; }
.comment{line-height:120%; background-color:#fff;  border: solid 1px #ddd;   margin: 50px 0; padding:15px; overflow: hidden;  width: 66%; }
#comment_form{background-color: #f4f4f4;}
.delcomment{color: #FFF; background-color: #FF0000; padding: 3px 7px; float: right; margin: 0 0 20px 20px; border-radius: 5px;}
.comment  textarea{margin: 7px 0; }
.delcomment{float:right;}
.reply_comment {color: #FFF; background-color: #008000; padding: 3px 7px; float: left; margin: 0px; border-radius: 5px;}



#banners_left,#home_plus{ overflow: hidden; margin: 15px 0 0px; }
#banners_left img {width: 100%; border-radius: 5px;}
#menu #banners_left a{display:block; padding: 0; margin: 10px 0; color: #333; text-decoration: underline;}
#menu #banners_left p,#home_plus p { margin: 15px 0; padding:0px 20px 0px 25px; line-height: 135%; }
#home_plus{ background-color: #f4f4f4; border: solid 1px #e4e4e4;  padding: 10px 0;}
#home_plus a{display:block; padding: 0; margin: 10px 0; color:#800000; }




.navigator{padding: 20px 0px 0px; text-align:center; font-size:1.2em; color: #999; line-height: 170%;}
.navigator a, .navigator b{ margin:0 0 15px 8px;}
.navigator a{  color:#FF8C00;}

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













.carousel{background-color: #fff; }
.carousel img{width:100%; height:auto; display: block; margin-top:15px; }
.carousel img.tmb{width:50%; height:auto; float:none;}
.carousel img.ltr{width:16px; height:16px; display:block; margin:-16px 0 0; position: relative; left: 5px; top:35px;}
.tmb_ltr{cursor:pointer; margin:5px 0; display: block;}



.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:#778899; line-height: 150%;}
#order_link a{ display: block; padding: 10px 15px; font-size: 1.1em; color: #fff; background-color: #FF8C00;  line-height: 150%; text-decoration: none}
#order_link a:hover{background-color: #FFA500;}
.basket{margin: 20px 5px;}
.delivery_form input{ width:99%;}



.button, input.button{color:#FFF;  background-color:#FF8C00 ; padding: 5px 10px;  text-decoration: none;  font-size: 1.1em; border: solid 1px #fff; margin: 0; }
.button:hover{ background-color: #333; color: #fff; text-decoration: none}
.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;}



#accountbl{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 2px #FF8C00;}

.redblock{ padding: 10px; background-color: #FF0000; color: #FFFFFF; margin: 20px 0;}

#switcher{background-color:#f4f4f4; margin:15px 0;  padding:0 5px; border: solid 1px #d4d4d4;}
#switcher img{width:35px; margin:3px; border:solid 1px #c4c4c4;}
#switcher a{ display: inline-block; margin: 0; padding: 12px 0px 10px 10px; display: inline-block; width: 75px; text-align: center; color:#000; font-size: 0.85em;  line-height: 115%;}



#sections #grid a{ margin: 0 30px 20px 0;  display: block; overflow: hidden; color: #000; text-decoration: none;}
#sections #grid a h3{ font-weight: bold; margin-top: 5px; font-size: 0.9em;  }
#grid{margin: 20px -30px 20px 0px;}
.imgsect img{ width:93%; height: auto; border: solid 1px #777; border-radius: 2px; margin:5px;}
.imgsect {font-size: 0.75em; line-height: 110%; text-align: center;}

.cell {vertical-align:text-top; overflow:hidden; width:150px; margin:0; padding:0;
display: -moz-inline-stack; /* ?? FF ?? 3  */
display:inline-block;
*display:inline; /* ?? ? 6, 7 */
zoom:1; /* ?????layout fix ?? ?6 */
}

#main{ padding: 0 10px;}
#form_pref{ font-size: 0.85em; display: block; border-top: solid 1px #777; padding-top:10px;}
#form_pref input{ position: relative; top: -2px;}


.act-0, .act-1, .act-2, .act-auction {display:inline-block; color:#777; font-size:0.9em; font-weight: bold; width:70px; text-align:center; margin:0px 0 0px 20px; padding:2px 10px; border: solid 5px;}
.act-0{ border-color:#6495ED;}
.act-1{ border-color:#66CDAA;}
.act-2{ border-color:#BDB76B;}



.comm_info{line-height: 190%;}
.edit_buttons{margin: 15px 0 0;}

.edit_buttons a{font-weight: bold; padding:5px 10px; background-color:#e4e4e4; display:inline-block; margin: 5px 10px 0 0;  color:#fff; background-color:#FF8C00;}
.edit_buttons a:hover{text-decoration:none; background-color:#000;}
img.small, .listlink img.small{ width:22px; height:22px; vertical-align: middle; float: none; display: inline; margin: 0;}  


@media screen and (min-width: 460px) {
#menu_add a{display: inline;}
#main .cel h2{font-size:20px; font-weight: normal; line-height: 120%; margin-bottom: 5px;}
}



@media screen and (min-width: 600px) {
#logo{font-size:7.5vw;}
#soc span{display:inline-block;}
.carousel img.tmb{width:40%;}

}





@media screen and (min-width: 760px) {
#menubutton{display: none;}
#header{border-bottom: solid 5px #f2f2f2; margin-bottom:15px;}
#site_description{float:left; display:block; width:150px;  letter-spacing:1px;  margin: 15px 20px 12px 20px; font-weight: bold; font-size: 0.9em; line-height: 120%; line-height: 140%; }
#logo{float:left; display:block; font-family:Verdana, Geneva, sans-serif;  text-decoration:none; text-transform:uppercase; font-size:3.5em; margin:28px 0 0 0px;}

#search{display:inline; float:right; margin:20px 0 0 0; }
#search_word{width:14vw;}
#search_button{position: static; left:0px; margin:0;}

.tmb img{ width:180px; }

#login{margin-top:0px;}





#menu{font-size: 1em;  float:left; width:290px; display:block;}

#main{width:auto; margin-left:320px; text-align:left;padding:0;}
#main h1{margin:20px 0 25px; text-align:left; padding-bottom:2px;  border-bottom: solid 5px #f4f4f4; }
#main h2{font-size:24px;}


.wrap{margin:0 10px 0 0;}
.carousel img.tmb{width:30%;}

}




@media screen and (min-width: 800px) {
#search_word{width:20vw;}
#menu_botom{float:left; text-align: left; margin: 25px 0 0;}
#soc{text-align:right; float: right;}

}


@media screen and (min-width: 860px) {
#nav a{margin: 0 20px;}
#search_word{width:23vw;}
}

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


}


@media screen and (min-width: 980px) {
#nav a{margin: 0 25px;}
.wrap {margin: 0 auto; width:980px;}
}