﻿html { margin: 0; padding: 0; }
body {
width: 100%;
margin: 0px;
padding: 0;
font: 14px Trebuchet MS; 
}
body:before 
{ 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }
p { line-height: 18px; }

h1 { 
font: 24px Trebuchet MS; 
text-shadow: #888888 1px 1px 2px; 
margin: -5px 0 0 0;
 }
h2 { font: 20px Trebuchet MS;  text-shadow: #888888 1px 1px 2px; }

div#page {
width: 1000px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
div.header {
width: 1000px;
height: 235px;
padding: 0;
}
.banner {
width: 1000px;
height: 200px;
background: url('img/bg.jpg') no-repeat scroll center bottom;
position: relative;
padding: 0;
float: left
}
.banner:before, .banner:after 
{
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.banner:after 
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
#menu {
width: 998px;
height: 30px; 
margin: 6px 0 10px 0;
float: left;
font: 16px Trebuchet MS; 
color: #fff;
background: linear-gradient(top, #838282, #565656);
background: -webkit-linear-gradient(top, #838282, #565656);
background: -moz-linear-gradient(top, #838282, #565656);
background: -o-linear-gradient(top, #838282, #565656);
border: 1px solid #efefef;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 3px #d3d3d3;
-moz-border-box-shadow: 0 2px 3px #d3d3d3;
-webkit-box-shadow: 0 2px 3px #d3d3d3;
-o-box-shadow: 0 2px 3px #d3d3d3;
-ms-box-shadow: 0 2px 3px #d3d3d3;
}
#menu a{
color: #fff;
text-decoration: none
}
#menu a:hover{
color: #fff;
text-decoration: none;
text-shadow: #fff 1px 1px 2px; 
}
#menu ul {
width: 950px;
height: 30px; 
margin: 0 0 0 -25px;
list-style: none;
background: url('img/phone.png') no-repeat scroll center right;
}
#menu ul li {
float: left;
margin: 3px 0 0 10px;
}
#content {
width: 950px;
padding: 15px 25px 30px 25px;
float: left;
}
#content img {
padding: 0 10px 5px 0;
}
.tovar {
width: 930px;
margin: 15px 0 13px 0;
padding: 10px;
box-shadow: 0 0px 8px #c1c1c1;
-moz-border-box-shadow: 0 0px 10px #000;
-webkit-box-shadow: 0 0px 4px #e6e6e6;
-o-box-shadow: 0 3px 4px #e1e1e1;
-ms-box-shadow: 0 3px 4px #e1e1e1;
float: left;
}
.topleft {
width: 930px;
margin: -11px 0 0 -18px;
background: url('img/pagesconstruct_top_leftbottomcorner.gif') no-repeat left top;
position: relative;
}
.topright {
width: 945px;
margin: -11px -28px 0 0;
padding: 0 20px 0 0;
background: url('img/pagesconstruct_top_rightbottomcorner.gif') no-repeat right top;
position: relative;
}
.photo {
width: 143px;
height: 256px; 
float: left;
margin: -10px 15px 5px 15px;
padding: 7px 17px;
background: url('img/bg_photo.png') no-repeat center;
}
.photo span.clip {
    background: url('img/clip.png') no-repeat left top;
    display: block;
    height: 47px;
    margin: -18px 0 0 110px;
    position: absolute;
    width: 42px;
    z-index: 2;
}
.photo img {
height: 251px; 
margin: 3px 0 0 0;
}
.text {
width: 650px;
margin: 5px 0 0 5px;
float: left;
}
.Foot { 
height: 30px; 
margin: 50px 0 0 0; 
position: fixed; 
bottom: 0px; 
width: 1000px;
padding: 3px 0 6px 0;
color: #ffffff;
background: linear-gradient(top, #838282, #565656);
background: -webkit-linear-gradient(top, #838282, #565656);
background: -moz-linear-gradient(top, #838282, #565656);
background: -o-linear-gradient(top, #838282, #565656);
border: 1px solid #efefef;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 3px #d3d3d3;
-moz-border-box-shadow: 0 2px 3px #d3d3d3;
-webkit-box-shadow: 0 2px 3px #d3d3d3;
}
.Foot p { margin: 0; padding: 3px 0 0 20px; float: left; }
.Foot a { color: #999; }
.Foot a:hover{
color: #fff;
text-decoration: none;
text-shadow: #fff 1px 1px 2px; 
}