@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:200,300,400,500,600&subset=cyrillic');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=cyrillic');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=cyrillic');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic');
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');*/

html, body {
  font-family: 'Open Sans', sans-serif;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  /*color: #000000;*/
  color: #000000;
  height: 100%; 
}

/*a {
   color: #000000;
   text-decoration: underline;
}
a:hover {
   color: #ee1c24;
   text-decoration: none;
}*/
a, a:hover {
   color: #3366cc;
   text-decoration: underline;
}

h1 {
   font-size: 2rem;
   font-weight: 400;
   margin-top: 0;
   margin-bottom: 0;     
}
/*@media (max-width: 575.98px) {
   h1 {
      font-size: 30px; 
      color: #000000; 
      font-weight: 500; 
      line-height: 1;
   }
}*/
h2 {
   font-size: 1.5rem;
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: 400;   
}
h3 {
   font-size: 1.3rem;
   margin-top: 5px;
   margin-bottom: 0;
   font-weight: 400;   
}
h4 {
   font-size: 1rem;
   margin-top: 5px;
   margin-bottom: 0;
   font-weight: 600;   
}
h5 {
   font-size: 1.2rem;
   font-weight: 400;
   color: #437698;
   margin-top: 5px;
   margin-bottom: 5px;   
}
h6 {
   font-size: 1rem;
   font-weight: 400;
   margin-top: 0;
   margin-bottom: 0;   
}
li {
   /*line-height: 1.3rem;*/
   margin-bottom: 0.9rem;
}
/*+*/
.main {
  background-image: url(../img/new-shop-tetis-home.jpg); 
  background-position: top center; 
  background-repeat: no-repeat;   
  height: 350px;
}

.header {
   color: #ffffff;
   margin-top: 0;
   text-shadow: 2px 2px 5px rgba(0,0,0,1);   
}
.header .small {
   font-size: 1rem;
   font-weight: 700;
   margin-bottom: 10px;   
}
.header .small-b {
   font-size: 1rem;
   font-weight: 700;
}
.header .big {
   font-size: 1.8rem;
   font-weight: 700;
}
.header .big a {
   color: #ffffff;
}

.content-main {
   max-width: 1400px;
}
.content-top {
   max-width: 1400px;
}

/*+*/
.login-block {
   background-color: #000000;
   height: 50px;
}
.login-form {
   font-size: 0.8rem;
   margin-right: 5px;
   margin-left: 15px;
   color: #ffffff;
}
.login-input {
   height: 1.4rem;
   font-size: 0.8rem;
}
.submit-button {
   height: 1.4rem;
   font-size: 0.8rem;
   color: #ffffff;
   padding-top: 0;
   margin-left: 5px;   
}
.login-link {
   font-size: 0.8rem;
}
.login-link a {
   color: #ffffff;
}

/* + */
/*.logo-old {
   background-color: #ff4f20;
   background-color: #ffffff;
   margin-top: 25px;
   width: 381px;
   height: 158px;
   width: 300px;
   height: 150px;   
}*/
.logo {
   margin-top: 55px;
   margin-bottom: 5px;   
}
/*.logo:hover {
   background-color: #92c700;
}*/
/* -- */

/* + */
.cart {
   background-color: #ff9c00;
   color: #F5F5F5;
   height: 50px;
   font-weight: 600;
}
.cart:hover {
   background-color: #ee1c24;
}
.cart a {
   color: #ffffff;
   text-decoration: none;
}
.cart a:hover {
   color: #ffffff;
   text-decoration: underline;
}

.to-cart {
   text-decoration: none;
}
.cart-put {
   color: #28a745;
}
.cart-rem {
   color: #FF0000;
}
.cart-put-disable {
   color: #999999;
}

/* -- */

.order {
   background-color: #92c700;
   color: #F5F5F5;
   height: 50px;
   font-weight: 600;
}
.order:hover {
   background-color: #ee1c24;
}
.order a {
   color: #ffffff;
   text-decoration: none;
}
.order a:hover {
   color: #ffffff;
   text-decoration: underline;
}
/* -- */

.search-input {
   height: 1.4rem;
}
.search-button {
   background-color: #023865;
   color: #ffffff;
   border: none;
}
.search-button:hover {
   background-color: #023865;
   border: none;
}
.header-info {
   color: #e20613;
   font-weight: 500;
   font-size: 0.8rem;
   background-color: #ffffff;
   height: 1.2rem;
   padding: 0.05rem 0.5rem;
}
.header-info:disabled {
   opacity: 1;
}
.header-menu {
   color: #023865;
   background-color: #ffffff;
   padding: 2px;
}

/*+*/
.mainmenu {
   font-size: 1.1rem;
   font-weight: 600;
   color: #000000; 
}
.mainmenu a {
   color: #000000; 
   text-decoration: none;  
}
.mainmenu a:hover {
   text-decoration: underline;  
}
.mainmenu .active {
   color: #000000;  
}
/*.mainmenu a:hover {
   color: #ffffff; 
   text-decoration: none;  
}*/
.mainmenu .delimiter {
    /*padding-right: 5px; 
    padding-left: 5px; */
    border-right: 1px solid #f0f0f0;   
}
.mainmenu .link {
   color: #3366cc;
}
.mainmenu .link:hover {
   color: #3366cc;
   text-decoration: underline;
}
.mainmenu .link-active {
   color: #000000;
}
/*---*/

.addmenu {
   background-color: #e99b3f;
   color: #ffffff;
   font-weight: 500;
   padding-top: 10px;
   padding-left: 50px;
   padding-right: 40px;
}
.addmenu .item {
   margin-right: 30px;
   margin-bottom: 10px;
}
.addmenu .bull-small {
   font-size: 0.5rem;
   margin-right: 10px;
}
.addmenu a {
   color: #ffffff; 
   text-decoration: none;  
}
.addmenu a:hover {
   text-decoration: underline;  
}
.addmenu .active {
   color: #ffdd00;  
}

/*+*/
.leftmenu {  
   margin-top: 20px;
   margin-bottom: 20px;
   font-weight: 600;
}
.leftmenu a {
   text-decoration: none;
}
.leftmenu a:hover {
   text-decoration: underline;
   font-weight: 600;
   color: #2A66DE;
}
.leftmenu .level-2 {
   font-size: 0.9rem;
   margin-left: 20px;
   /*margin-top: 10px;*/
}
.leftmenu .level-2 a {
   border: none;
   padding-top: 7px;
   padding-bottom: 7px;
}
.leftmenu .current {
   font-weight: 600;
   border-bottom: none;
   color: #ee1c24;
}
/*.leftmenu .item {
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 10px;
   font-weight: 300;
}

.leftmenu-news {
   margin-left: 10px;
   margin-top: 5px;
   padding-left: 15px;
   padding-top: 15px;
}
.leftmenu-news a {
   text-decoration: none;
}
.leftmenu-news a:hover {
   text-decoration: underline;
}
.leftmenu-news .level-1 {
   font-size: 1.2rem;
   font-weight: 600;
}
.leftmenu-news .item {
   margin-top: 5px;
   margin-bottom: 5px;
}
.leftmenu-news .date {
   margin-bottom: 3px;
   color: #000000;
}
.leftmenu-news .active {
   font-weight: 600;
}
.leftmenu-news .brd {
   border-top: 1px solid #cbcbcb;
   border-left: 1px solid #cbcbcb;
   border-right: 1px solid #cbcbcb;
   height: 10px;
   margin-top: 5px;
}*/
/*--*/
.title-2 {
   font-size: 1.5rem;
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: 400;   
}
.title-3 {
   font-size: 1.3rem;
   margin-top: 5px;
   margin-bottom: 0;
   font-weight: 400;   
}
/*+*/
.breadcrumbs {
   background-color: #f5f5f5;
   margin-bottom: 10px;
   margin-left: 0;
   font-size: 0.8rem;
   height: 30px;
   padding-top: 6px;
   /*padding-bottom: 6px;*/
}
/*.breadcrumbs a {
   text-decoration: none;
}
.breadcrumbs a:hover {
   text-decoration: underline;
}*/
/*---*/

.filter-form {
   width: 100%;
   height: 1.2rem;
   font-size: 0.7rem;
   color: #000000;
}
.filter-form-button {
  padding: 1px 15px 1px 15px;
  height: 1.2rem;
  font-size: 0.7rem;
  color: #ffffff;
}

.sort-form {
   /*background-color: #868686;
   margin-right: 10px;*/
   height: 1.2rem;
   padding-left: 1.2rem;
   padding-right: 1.2rem;
   padding-top: 0;
   padding-bottom: 0;
   font-size: 0.8rem;
   
}
.sort-form a {
   color: #ffffff;
   text-decoration: none;
}
.sort-form .arrow {
   margin-left: 5px;
   font-size: 0.7rem;
}

.good-block:hover {
   border-color: #000000;
}
/*.good-item-block {
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 5px;
}*/
/*+*/
.good-item {  
   margin-top: 10px;
}
.good-item a {  
   font-weight: 600;
   text-decoration: none;
}
.good-item .avail {
   color: #009900;
   font-weight: 600;
   font-size: 0.8rem;
}
.good-item .limit {
   color: #ffcc33;
   font-weight: 600;
   font-size: 0.7rem;
}
.good-item .absent {
   color: #999999;
   font-weight: 600;
   font-size: 0.7rem;
}
.good-item .sale {
   color: #ffffff;
   font-weight: 600;
   font-size: 0.6rem;
   background-color: #ff0000;
   padding: 2px;
}
.good-item .anons {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 0.9rem;
}
.good-item .anons .param {
   margin-top: 3px;
   /*font-size: 0.8rem;*/
   color: #000000;
}
.good-item .anons .param .name {
   font-weight: 600;
}
.good-item .price {
   font-weight: 600;
   color: #ee1c24;   
}
.good-item .price .old {
   text-decoration: line-through;
}
.good-item .price .new {
   color: #ff0000;
}
.good-item .one-click {
   font-size: 0.7rem;
   height: 1.3rem;
   color: #000000;
   border-color: #cccccc;   
   padding-top: 0; 
}
.good-item .one-click:hover {
   color: #ffffff;  
}
.newbie-list {
   font-size: 0.7rem;
}
/*--*/
.cat-item {  
   border: 1px solid #cbcbcb; 
   padding: 5px;
   min-height: 200px;
}
.cat-item .anons {
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 0.8rem;
}

/*�������� ������ + */
.good {
   margin-left: 5px;
   padding: 5px;
   min-height: 400px;
}
.good .avail {
   color: #009900;
   font-weight: 600;
   /*font-size: 0.8rem;*/
}
.good .limit {
   color: #ffcc33;
   font-weight: 600;
   /*font-size: 0.7rem;*/
}
.good .absent {
   color: #999999;
   font-weight: 600;
   /*font-size: 0.7rem;*/
}
.good .sale {
   color: #ffffff;
   font-weight: 600;
   /*font-size: 0.6rem;*/
   background-color: #ff0000;
   padding: 2px;
}
.good .anons {
   margin-top: 5px;
   margin-bottom: 15px;
   /*font-size: 0.8rem;*/
}
.good .anons .basket {
   color: #28a745;
   text-decoration: none;
   font-size: 0.9em;
   margin-top: 0;
}
.good .anons .basket:hover {
   color: #28a745;
   text-decoration: underline;
}
.good .anons .param {
   margin-top: 3px;
   margin-bottom: 9px;
   /*font-size: 0.8rem;*/
   color: #000000;
}
.good .anons .param .name {
   font-weight: 600;
}
.good .anons .param .res {
   color: #ffc107;
}
.good .anons .param .active {
   color: #ffc107;
   border-color: #ffc107;
   background-color: #ffffff;
}
.good .price {
   font-weight: 600;
   /*font-size: 0.7rem;*/
}
.good .price .old {
   text-decoration: line-through;
}
.good .price .new {
   color: #ff0000;
}
.good-photo {  
   border: 1px solid #dee2e6;
   border-radius: 0.25rem; 
   padding: 10px;
}
.good-photo-sm {  
   border: 1px solid #cbcbcb;
   padding: 2px;    
}
.good-photo-sm-active {  
   border: 1px solid #ffc107; 
   padding: 2px;   
}
/* ������������� ������ */
.add-good-item-block {
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 5px;
}
.add-good-item {  
   border: 1px solid #cbcbcb; 
   padding: 5px;
   min-height: 150px;
}
/* -- */

/*news*/
.news-block {
   margin-bottom: 2px;   
   margin-right: 20px;
}
.news-block .data {
   font-size: 0.8rem;
   font-weight: 600;
   color: #868686;
}
.news-block .title {
   font-weight: 600;
}
.news-block .anons {
   font-size: 0.9rem;
}

.news-data {
   font-size: 0.9rem;
   font-weight: 600;
   color: #868686;
}
/* -- */

.content strong {
   font-weight: 600;
}

.banner {
   border: 2px solid #3366cc;
}

/*+*/
.footer-block {
   margin-top: 25px;
   margin-bottom: 15px;
   font-size: 0.8rem;
}
.footer-block .item {
   margin-top: 10px;
   margin-bottom: 10px;
}
.footer-block-link {
   color: #000000;
   text-decoration: none;
   font-size: 0.6rem;
}
.footer-block-link:hover {
   color: #000000;
   text-decoration: underline;
}
/*--*/

.copyright {
   height: 25px;
   margin-top: 10px;
   font-size: 0.8rem;
}

/* margin */
.mtop0 {
   margin-top: 0;
}
.mtop2 {
   margin-top: 2px;
}
.mtop5 {
   margin-top: 5px;
}
.mtop10 {
   margin-top: 10px;
}
.mtop15 {
   margin-top: 15px;
}
.mtop25 {
   margin-top: 25px;
}

.mleft0 {
   margin-left: 0;
}
.mleft1 {
   margin-left: 1px;
}
.mleft5 {
   margin-left: 5px;
}
.mleft10 {
   margin-left: 10px;
}
.mleft20 {
   margin-left: 20px;
}

.mright10 {
   margin-right: 10px;
}

.mbottom5 {
   margin-bottom: 5px;
}
.mbottom10 {
   margin-bottom: 10px;
}
.mbottom15 {
   margin-bottom: 15px;
}

/* padding */
.p0 {
   padding: 0;
}

.pleft0 {
   padding-left: 0;
}
.pleft5 {
   padding-left: 5px;
}
.pleft10 {
   padding-left: 10px;
}
.pleft20 {
   padding-left: 20px;
} 
.pleft50 {
   padding-left: 50px;
}

.pright0 {
   padding-right: 0;
}
.pright5 {
   padding-right: 5px;
}
.pright10 {
   padding-right: 10px;
}
.pright20 {
   padding-right: 20px;
}

.ptop0 {
   padding-top: 0;
}
.ptop5 {
   padding-top: 5px;
}
.ptop10 {
   padding-top: 10px;
}
.ptop15 {
   padding-top: 15px;
}
.ptop20 {
   padding-top: 20px;
}

.pbottom10 {
   padding-bottom: 10px;
}
.pbottom15 {
   padding-bottom: 15px;
}

/* font-size */
.sm {
   font-size: 0.8rem;
}
.form-sm {
   font-size: 12px;
}

/* font-weight */
.fw300 {
   font-weight: 300; 
}
.fw400 {
   font-weight: 400; 
}
.fw600 {
   font-weight: 600; 
}
.fw700 {
   font-weight: 700; 
}

/* font color */
.white {
   color: #ffffff;
}
.white a {
   color: #ffffff;   
}
.white a:hover {
   color: #ffffff;   
}
.dark-blue {
   /*color: #023865;*/
   color: #3366cc;
}
.light-blue {
   color: #437698;
}
.orange {
   color: #e99b3f;
}
.red {
   color: #ff0000;
   font-weight: 400;
}
.green {
   color: #009900;
   font-weight: 400;
}
.grey {
   color: #868686;
   font-weight: 400;
}
.black {
   color: #000000;
}
.transp {
   color: transparent;
   text-shadow: none;
}

/* background-color */
.bg-white {
   background-color: #ffffff;
}
.bg-grey {
   background-color: #868686;
}
.bg-light-grey {
   background-color: #f9f9f9;
}
.bg-light-blue {
   background-color: #437698;
}
.bg-dark-blue {
   background-color: #023865;
}
.bg-orange {
   background-color: #e99b3f;
}

.noselect {
	-moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}