@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
body { background-color: #FFF; margin: 0px; }
a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0062A1; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #0062A1; }
a:hover { text-decoration: underline; color: #0062A1; }
a:active { text-decoration: none; color: #0062A1; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; color: #342827; padding: 0px 5px; margin: 0px; text-align:center; }
h1, .block_name { font-size: 38px; color: #342827; margin: 40px 0px 10px 0px; text-transform:uppercase; text-align:center; font-weight:bold;  }
h2 { font-size: 24px; color: #342827; margin: 40px 0px; text-transform:uppercase; }
 
/*********************************************************************/
.site_width { width: 1180px; padding: 0px 10px; margin: 0px auto; border: none; }
.header { margin-top: -20px; }
.logo { width:260px; height:80px; vertical-align: top; background-repeat:no-repeat; background-position:center; display:inline-block; border: none; }
.info { padding: 0px 5px 10px 5px; text-align: center; font-size:16px; font-weight: bold; color:#474747; }
.filters { background-color:#e7e7e7;  border: none; }

.field_select { appearance: none !important; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;
width: 260px; display:inline-block; border-radius: 5px; padding: 5px; margin: 7px 5px; border: solid #ccc 0px; overflow-y: scroll;
background-image: url(img/ico_select.png); background-position:right bottom; background-repeat:no-repeat; }
.field_select:focus,
.field_select:active { border-color: #000; outline: 0; background-position:right top; }

.field_select_on { appearance: none !important; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;
width: 260px; display:inline-block; border-radius: 5px; padding: 5px; margin: 7px 5px; border: solid #ccc 0px; overflow-y: scroll; color:#F00; 
background-image: url(img/ico_select.png); background-position:right bottom; background-repeat:no-repeat; }
.field_select_on:focus,
.field_select_on:active { border-color: #000; outline: 0; background-position:right top; }


.footer_text { font-size:14px; color:#dadada; background-color:#545454; padding: 50px 0px; margin-bottom: -19px; }
.copyright { font-size:12px; color:#fff; padding: 24px 0px; text-align:center; }
p {   } 

/*********************************************************************/
.box_main_menu {width: 880px; text-align: right; display:inline-block; margin: 30px 0px; border: none; }

.a_main_menu { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #373138; padding: 15px 10px;  }
.a_main_menu:link { text-decoration: none; }
.a_main_menu:visited { text-decoration: none; color: #46064d; }
.a_main_menu:hover { text-decoration: none; color: #46064d; }
.a_main_menu:active { text-decoration: none; color: #46064d; }

.a_main_menu_off { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #292828; padding: 15px 10px; }
.a_main_menu_off:link { text-decoration: none; }
.a_main_menu_off:visited { text-decoration: none; color: #38152e; }
.a_main_menu_off:hover { text-decoration: none; color: #38152e; }
.a_main_menu_off:active { text-decoration: none; color: #38152e; }

/*** CLASS MENU ********************************/
.block_class { display: inline-block; position:relative; min-width: 280px; }
.sclass_menu { display:none;  margin-left:120px; margin-top: 5px; 
    padding:10px; text-align:left; box-sizing:border-box;
    background: #3470af; border-radius: 0px 16px 16px 16px;
    height: auto; width: 230px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3); }
.block_class:hover .sclass_menu { display:block; position:absolute; top:auto; z-index:9999; width: auto; }

.a_sclass_menu { font-size: 14px; color: #fff;   }
.a_sclass_menu:link { text-decoration: none; }
.a_sclass_menu:visited { text-decoration: none; color: #fff; }
.a_sclass_menu:hover { text-decoration: underline; color: #fff; }
.a_sclass_menu:active { text-decoration: underline; color: #fff; }
.B_on_sclass { margin: 8px 0px;  }

/*********************************************************************/
.breads { text-align: left; padding-top: 30px; border: solid #ccc 0px;  }
.a_breads { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888; padding: 5px;  }
.a_breads:link { text-decoration: none; }
.a_breads:visited { text-decoration: none; color: #888; }
.a_breads:hover { text-decoration: none; color: #000; }
.a_breads:active { text-decoration: none; color: #000; }
/*********************************************************************/
.box_item { width:540px; height:350px; display:inline-block; overflow:hidden; border: solid 3px #e7e7e7; border-radius:7px; padding: 25px 22px; text-align:left; margin: 12px; }
.box_item:hover { border: solid 3px #e7e7e7; box-shadow: #ccc 0px 0px 5px; }
.box_item_link { height: 80px; overflow:hidden;  }
.box_item_left { width: 50%; border: none; float:left; padding-right: 15px; }
.a_item { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #00629e; }
.a_item:link { text-decoration: none; }
.a_item:visited { text-decoration: none; color: #00629e; }
.a_item:hover { text-decoration: none; color: #F60; }
.a_item:active { text-decoration: none; color: #F60; }

.nop, .op { font-size: 95%; }
.nop { width: 40%; text-align: left; border-bottom: #999 dashed 1px; padding: 5px 0px; width:100%; }
.op { width: 60%; text-align: right; float: right; white-space: pre; overflow:hidden;  }

.price, .price1 { color:#000; font-weight:bold; font-size:16px; margin: 20px 0px; }
.price1 { color: #999; }
.submit { background:url(img/ico_cart.png) right 15px top 10px no-repeat; color:#FFF; font-size: 16px; text-align:center; width:50%; padding: 10px 15px; border: none; cursor:pointer;  } 
.submit:hover { }

.submit_black { background:url(img/ico_cart.png) right 15px top 15px no-repeat; color:#FFF; font-size: 16px; text-align:center; width:50%; padding: 15px; border: none; cursor:pointer; margin-bottom:10px;  } 
.submit_black:hover { }

.img_it { display:inline-block; width: 500px; max-height: 500px; min-height: 300px; overflow:hidden; float: left;  }
.img_item { width: auto; height:auto; max-height:350px; max-width: 480px; }
.img_item_list{ width: 230px; height: 250px; background-repeat:no-repeat; background-size: contain; background-position: center; overflow:hidden; border: none; margin: 0px 0px 10px -9px;}
.img_item_gallery { width: 240px; height: 250px; background-repeat:no-repeat; background-size: contain; background-position: center; margin:5px 5px 10px 5px; overflow:hidden; display:inline-block; width: 23%;  }

/*********************************************************************/
.box_int { width:260px; display:inline-block; overflow:hidden; padding: 25px 22px; vertical-align: top; text-align:left; margin: 8px; box-shadow: #fff 0px 0px 5px;  border-radius:7px; }
.box_int:hover { box-shadow: #ccc 0px 0px 5px; }
.int_desc { font-size: 12px; }
.box_int_link { height: 60px; overflow:hidden;  }
.a_int { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00629e; }
.a_int:link { text-decoration: none; }
.a_int:visited { text-decoration: none; color: #00629e; }
.a_int:hover { text-decoration: none; color: #F60; }
.a_int:active { text-decoration: none; color: #F60; }

.img_int_list { width: 230px; height: 170px; background-repeat:no-repeat; background-size: contain; background-position: center; overflow:hidden; margin: 0px 0px 10px -9px;  }
.img_int { width: 450px; height: auto; float: left; margin: 0px 15px 15px 0px; }
/*********************************************************************/
.box_paging { margin: 36px 5px; }
.a_page { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; padding: 8px 12px; border-radius: 3px; display:inline-block; margin: 1px; }
.a_page:link { text-decoration: none; }
.a_page:visited { text-decoration: none; color: #fff; }
.a_page:hover { text-decoration: none; color: #fff; }
.a_page:active { text-decoration: none; color: #fff;  }

.a_page_off { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; padding: 8px 12px; border-radius: 3px; display:inline-block; margin: 1px; }
.a_page_off:link { text-decoration: none; }
.a_page_off:visited { text-decoration: none; color: #fff; }
.a_page_off:hover { text-decoration: none; color: #fff; }
.a_page_off:active { text-decoration: none; color: #fff; }

/*********************************************************************/
.a_metka { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474747; padding: 8px 12px; border-radius: 3px; display:inline-block; margin: 5px; }
.a_metka:link { text-decoration: none; }
.a_metka:visited { text-decoration: none; color: #474747; }
.a_metka:hover { text-decoration: none; color: #000; }
.a_metkaz:active { text-decoration: none; color: #000; }
.a_metka_OFF { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding: 8px 12px; border-radius: 3px; display:inline-block; margin: 5px; }
/*********************************************************************/
.error, .ok {  color:#FFF; font-weight:bold; text-align:center; padding: 8px 16px; width:100%; box-sizing:border-box; }
.error { background-color:#F00; }
.ok { background-color: #090; }

.field_input, .field_text { background-color:#e8e8e8; border: none; border-radius: 5px; margin:5px; padding: 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display: block; }
.field_input { box-sizing:border-box; color:#000; }
.field_input:focus { background-color: #F5F5F5;  }
.field_text { resize:vertical; box-sizing:border-box; }
.field_text:focus { background-color:#F5F5F5;  }

.submit_form { color:#FFF; font-size: 16px; text-align:center; padding: 10px 15px; border: none; cursor:pointer;  } 
.submit_form:hover {  }
.field_input, .field_text, .submit_form { width: 400px; }
/*********************************************************************/
.a_same { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 10px 10px 0px 30px; color: #00629e; background-image:url(img/ico_same.png); background-position:left top 8px; background-repeat:no-repeat; display:block; }
.a_same:link { text-decoration: none; }
.a_same:visited { text-decoration: none; color: #00629e; }
.a_same:hover { text-decoration: none; color: #F60; }
.a_same:active { text-decoration: none; color: #F60; }

.view, .type { display:inline-block; color:#999; font-size: 12px; padding: 5px 20px 5px 30px; background-position:left; background-repeat:no-repeat; }
.view { background-image:url(img/ico_view.png); }
.type { background-image:url(img/ico_type.png); }
/*********************************************************************/
.box_review { width: 48%; padding: 10px 0px; vertical-align: top; }
.rname { font-size: 12px; color:#000; font-weight:bold; margin-right: 25px; }
.rtime, .rdate { color: #676767; margin-right: 25px; }
.rtext { margin: 10px 20px 0px 0px; font-size: 12px; }
.title_com_adm { color:#000; background-repeat:no-repeat; background-position:left top; padding-left: 24px; font-size: 12px; font-style:italic; }
.admin_name { font-weight:bold; }
.answ { color:#666; } 
.box_review, .rname, .rtime, .rdate { display:inline-block; }

/*********************************************************************/
h1,h2,h3,h4,h5,h6, .site_width, .header, .logo, .box_main_menu, .a_main_menu, .breads, .a_breads, .filters, .field_select, .field_select_on, .box_item, .submit, .img_item_list, .a_page, .a_metka, .box_int, .submit_form, .field_text, .field_input, .submit_black, .img_item_gallery, .box_review, .box_paging, .nop, .op, .title_com_adm, .admin_name, .answ, .box_item_left, .img_it, .img_item
{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; outline: none; }

h1,h2,h3,h4,h5,h6, .site_width, .header, .logo, .box_main_menu, .a_main_menu, .breads, .a_breads, .filters, .field_select, .field_select_on, .box_item, .submit, .img_item_list, .a_page, .a_metka, .box_int, .submit_form, .field_text, .field_input, .submit_black, .img_item_gallery, .box_review, .box_paging, .nop, .op, .title_com_adm, .admin_name, .answ, .box_item_left, .img_it, .img_item
{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 0.25s ease-out; }
/*********************************************************************/


@media screen and (max-width: 319px) 
{
.box_main_menu { width: 100%; text-align:center; padding: 0px; }
.a_main_menu { display:block; padding: 5px; }
.box_item { width: 90%; height: auto; text-align:center; }
.box_item_left, .submit, .img_item_list, .field_input, .field_text, .submit_form, .img_int, .submit_black, .img_item_gallery, .box_review, .img_it { width:100%; }
.field_input, .field_text { margin: 5px 0px; }
.img_item { margin: 20px 0px; max-width: 90%;  }
.submit_black { font-size: 80%;}
h1 { font-size: 24px; } 
img { width:90%; height:auto; }

.site_width { width: 100%; }
}

@media screen and (min-width: 320px) and (max-width: 600px)
{
.box_main_menu { width: 100%; text-align:center; padding: 0px; }
.a_main_menu { display:block; padding: 5px; }
.box_item { width: 80%; height: auto; text-align:center; }
.box_item_left, .submit, .img_item_list, .field_input, .field_text, .submit_form, .img_int, .submit_black, .img_item_gallery, .box_review, .img_it { width:100%; }
.field_input, .field_text { margin: 5px 0px; }
.img_item { margin: 20px 0px; max-width: 90%;  }
.submit_black { font-size: 80%;}
h1 { font-size: 24px; } 
img { width:100%; height:auto; }

.site_width { width: 100%; }
}

@media screen and (min-width: 600px) and (max-width: 980px)
{
.submit_black, .img_it, .box_item_left { width:100%; }
.img_item_gallery { width: 46%; }
.box_main_menu { width: 100%; text-align:center; }
.site_width { width: 600px; }
}

@media screen and (min-width: 980px) and (max-width: 1280px)
{ 
.box_main_menu { width: 700px; }
.site_width { width: 1000px; }
}