#menubottom {height:26px; background:url(images/menu_400.gif) bottom no-repeat;}

#menulist {width:80%; list-style-type:none; margin:0; padding:0;}

#menulist li {height:auto; min-height:27px; background:url(images/menu_3.gif) bottom repeat-x; margin:0; padding:0;}

#menulist a {width:88%; height:auto; min-height:20px; border-left:#75c5de 10px solid; font:bold 0.75em Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}

#menulist a:hover {background:url(images/menu_5.jpg) left repeat-y;}



#main-navigation {
   width: 100%;
   -moz-border-radius: 8px;

   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));

   background: -moz-linear-gradient(top,  #444444,  #666666);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');

   border: 1px solid #444;
   list-style: none;

   padding: 0;
   margin: 0;
   float: left;

   }
#header-navigation{
       width: 99.7%;

   background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));

   background: -moz-linear-gradient(top,  #444444,  #666666);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');

   
   list-style: none;

   padding: 0;
   margin: 0;
   float: left;
} 
#header-navigation li.text {
   float: right;
   font: 1em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 0px 0px;
   color: #fff;

   }
#header-navigation li.text a {
   float: right;
   font: 1em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 0px 0px;
   color: #fff;
   
   }

#header-navigation li.exit {
   float: right;
   border-left: 1px solid #777;

   }
   
#header-navigation li.exit a {
   font: 1em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 7px 10px;
   border-left: 1px solid #333;
   font-weight:bold;
   display: block;
   color: #fff;
   }

#header-navigation li.exit a:hover {
   background-color: #1d97bc;
} 

#header-navigation li.admin {
   float: left;
   border-right: 1px solid #777;

   }
   
#header-navigation li.admin a {
   font: 1em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 7px 10px;
   border-left: 1px solid #333;
   font-weight:bold;
   display: block;
   color: #fff;
   }

#header-navigation li.admin a:hover {
   background-color: #1d97bc;
} 
 
#main-navigation li {
   float: left;
   border-right: 1px solid #777;

   }
 
#main-navigation li a {
   font: 1em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 6px 20px;
   border-right: 1px solid #333;

   display: block;
   color: #fff;
   }
#main-navigation li.first a {
   -moz-border-radius: 8px 0 0 8px;
   -khtml-border-radius: 8px 0 0 8px;
   -webkit-border-radius: 8px 0 0 8px;
}  

#main-navigation li.search_input {
   float:right;
   border-right: 0px solid #333;
} 

#main-navigation li a:hover {
   background-color: #1d97bc;
} 

#page-navigation {
   
   -moz-border-radius: 8px;

   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   

   /*border: 1px solid #444; */
   list-style: none;

   margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;

   }

#page-navigation li a {
   font: 1.2em Georgia, "Times New Roman", Times, serif;
   text-decoration: none;
   
   padding: 10px;
   border-right: 1px solid #333;
   color: #fff;
   }

#page-navigation li {
     list-style: none;
     display: inline-block;
     background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));
   height:25px;
   background: -moz-linear-gradient(top,  #444444,  #666666);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');
   

   }
#page-navigation li.first1 a {
    border-right: 1px solid #333;
   -moz-border-radius: 8px 0 0 8px;
   -khtml-border-radius: 8px 0 0 8px;
   -webkit-border-radius: 8px 0 0 8px;
}  
#page-navigation li.first1 {
    border-right: 1px solid #777;
}
#page-navigation li.middle {
     border-right: 1px solid #777;
}


#page-navigation li.last a {
    border-right:none;
   -moz-border-radius: 0px 8px 8px 0px;
   -khtml-border-radius: 0px 8px 8px 0px;
   -webkit-border-radius: 0px 8px 8px 0px;
}


#page-navigation li a:hover {
   background-color: #1d97bc;
} 

#page-navigation li a.this_page {
   background-color: #1d97bc;
} 


#basket_image{
    cursor:pointer;
}

#basket_image:hover{
 -webkit-filter: hue-rotate(-70deg);
}


.header_div_top {
   width: 100%;
   height:33px;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));

   background: -moz-linear-gradient(top,  #444444,  #666666);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');

   list-style: none;
   
   padding: 0;
   margin: 0;
   
   

   }
.header_top_first{
    width:15%;
    height:100%;
    float:left;
}
.header_top_second {
    
    height:100%;
   width:100%;
   color:white; 
   float:right;
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.d7:after {content:""; clear:both; display:table}
.d7 {float:right; position:relative; width:100%;}
.d7 input {
  width: 100%;
  height: 32px;
  padding-left: 15px;
  border-radius: 32px;
  border: 2px solid #324b4e;
  background: #f8f8ff;
  outline: none;
  position: relative;
  transition: .3s linear;
}

.content_big_div {
width:100%; height:auto;
max-height:300px; 
position:relative; 
display: inline-block;
min-width:690px;
}

.content_tovar{
    width:25%; 
    height:250px; 
    max-height:300px; 
    float:left;
}
.tovar_image{
display:block; 
margin: 0 auto;
max-height:200px;
max-width:175px; 
    z-index:5;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}

/* .tovar_image:hover{
    z-index:5;
	-webkit-transform: scale(1.75);
    -moz-transform: scale(1.75); 
    -o-transform: scale(1.75);
 } */
 
.content_text{
    height:auto; 
    width:90%;
}
.content_price{
    height:30px; 
    position:absolute; 
    bottom:10px;
}

.footer_div_big {
    width:100%; 
    height:auto;
    min-height:50px;
    
    float:left;
    background:-webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
   } 

.button11 {
  position: relative;
  z-index: 0;
  color: black;
  font-size: 120%;
  font-weight: 700;
  text-decoration: none;
  padding: .10em .5em;
  cursor:pointer;
}
.button11:after {
  content: "В кошик";  /* здесь 6 букв */
  position: absolute;
  z-index: 0;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 6*(1em*90/120) - 2px*2*2);  /* где 6*(1em*90/120), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .20em .5em;
  border-radius: 5px;
  border: 2px solid #0092bf;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#24d733, #004b65) no-repeat 100% 0;
  background-size: calc(6*(1em*90/120) + .5em) 100%;
  box-shadow: inset calc(-6*(1em*90/120) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
.button11:hover:after {
  box-shadow: inset calc(-6*(1em*90/120) - .5em) 0 rgba(255,255,255,.2);
}
.button11:active:after {
  background-image: linear-gradient(#004b65, #24d733);
}


#autorize {
		background: url('images/login_bg.png') top left no-repeat;
}



#form_container {
	width: 300px;
	height: 200px;
	margin: 0px auto;
	padding-top: 15px;
}


.text_input:focus {
	outline: 0;
}

.text_input {
	color: #000;
	border: 0;
	margin: 5px 35px 0 34px;
	padding: 0px 0px 0px 10px;
	width: 150px;
	height: 32px;
	background: url('images/text_input1.png') top left no-repeat;
}

.text_input_main {
	color: #000;
	border: 0;
	margin: 5px 35px 0 34px;
	padding: 0px 0px 0px 10px;
	width: 229px;
	height: 32px;
	background: url('images/text_input.png') top left no-repeat;
}

.textreg_input:focus {
	outline: 0;
}

.textreg_input {
	color: #000;
	border: 0;
	margin: 5px 5px 0 10px;
	padding: 0px 0px 0px 10px;
	width: 150px;
	height: 32px;
	background: url('images/text_input1.png') top left no-repeat;
}


#login {
	margin: 20px 108px;
	border: 0;
	width: 83px;
	height: 30px;
	background: url('images/login_btn.png') top left no-repeat;
	cursor:pointer;
}

#login:hover {opacity:0.9;}

#login:active {
	background: url('images/login_btn_hov.png') top left no-repeat;
}

.login-text {
	text-align:center;
	margin:25px;
	color:#000;
	font-family: 'Lobster', cursive;
}






.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  cursor:pointer;
  padding: .4em 2.8em;
  margin:15px 0px 0px 104px;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 4px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}


#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    margin: 0 auto;
    height: 30px;
    padding: 0;
    width: 200px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

.button7 {
  margin-left:10px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: 6px;
  cursor:pointer;
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
.button7:hover { background: rgb(53, 167, 110); }
.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

.button8 {
  margin-left:10px;
  font-weight: 300;
  font-size:0.8em;
  text-decoration: none;
  padding: 6px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}