body{
margin:0px; 
padding:0px;
text-align:center;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
h1, h2, h3, h4 {
    font-weight: bold;
    margin: 4px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
h1{
    font-size: 28px;
    color:blue;
}
h1 a{
    font-size: 28px;
    color:blue;
    text-decoration: none;
}
h2{
    font-size: 22px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 18px;
}
a{
color:blue;
}
#container{
width:1000px; 
margin:0px auto;  
text-align:center;
box-shadow: 0 0 14px #333;
-moz-box-shadow: 0 0 14px #333;
-webkit-box-shadow: 0 0 14px #333;
}

#header{
background-color:#FFFFFF;
text-align:center;
margin:0px auto;   
}

#left{
text-align:center;
background-color:#8B1A1A;
background:#8B1A1A;
width:140px;           
min-height:900px;      
background-size: auto;
float:left;                  
}

#left a{color: #FFC125;}
#left a:visited{color: #FFC125;} /*посещенная*/ 
#left a:active{color: #FFC125;} /*при нажатии */ 
#left img{
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
}

#content{
background-color:#FFFFFF;  
text-align:left; 
padding:5px 15px 20px 30px;    
margin-top:0px;
border-left: 140px solid #8B1A1A;
min-height:900px; 
}
#content h1 {
margin:0px; 
} 
#content p {
margin:0px; 
padding:5px;
text-align:justify; 
}
#content ul p {
font-size:20px;
font-weight:bold;
}



#clear{
height:0px;
font-size:1px;
line-height:0px;
clear:both;
}

#news{
width:100%; 
margin:0px auto;  
text-align:center;
background-color:#D1D2D4;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}
#news a{
Color:blue;
}
#news a:visited{color:blue;} /*посещенная*/ 

#footer{
padding:10px;
background-color:#8B1A1A;
text-align:center;     
margin:0px auto; 
}
#footer img{
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
}

#TABLE {
text-align: center;
}
.pict {
    float: none; /* right/left/none - Выравнивание по правому или левому краю */
    border: 1px solid #333; /* Параметры рамки */
    padding: 7px; /* Поля внутри блока */
    margin: 10px 0px 5px 5px;  /* Отступы вокруг */
    background: #f0f0f0; /* Цвет фона */ 
    text-align: center; /* Выравнивание по центру */
}
.pict p {
    margin: 0px auto 5px; /* Отступы вокруг абзаца */
    text-align: center; /* Выравнивание по центру */
   }

div.spoiler div.text {
display: none;/*Начальное состояние текста скрытое*/
margin-bottom: 5px;
} 
div.spoiler div.name {        /*стили для заголовка*/
text-decoration: underline;/*подчеркиваем текст*/
cursor:pointer;/*при наведение появится палец*/
margin-bottom: 5px;
} 
div.spoiler div.text { /*стили для основного контента*/
display: none;
padding: 10px 10px 0px 10px;
}



#nav {	
	width: 140px;
	margin:0 auto;
	float:left;
}
#nav a {
	text-decoration: none;
        display: block;
}
#nav ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
        
	
}
#nav ul li {
	font: 13px Verdana, 'Lucida Grande';
	cursor: pointer;
	border-top: 1px solid white;
	padding: 6 1 6;
}
#nav ul li:first-child {
	border-top:0px;
}


.wrapper_body {
    position: relative;
    z-index: 0;
    padding: 0; 
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A ;
    text-align: center;

}
.cbm_wrap {
    min-width:300px;
    min-height:280px;
    background:#FFF;
    margin:5px 5px 10px;
    position:relative; 
          -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
	padding: 5 100;
}
.cbm_wrap:before, .cbm_wrap:after{
    content:'';
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;

} 
.cbm_wrap:after{
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg); 
           -ms-transform:skew(8deg) rotate(3deg); 
            -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
.cbm_wrap img {
    width: 300px;
    height:225px;
    margin-top: 5px;

}
.cbm_wrap p{ 
    margin-top: 7px !important;
    text-align: justify !important;


}
.cbm_wrap h1, .cbm_wrap h2{
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.cbm_wrap span{
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    font-size: 20px;
}

.tovar{
    padding: 2; 
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A ;

}
.tovar ul{
margin:0;
padding:0;
}
.tovar ul li h2{
    font-weight: bold;
    margin: 4px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    font-size: 17px;
}
.tovar ul li{
padding-bottom:5px;
list-style: none;
display : inline-block;
width : 190px;
min-height: 190px;
margin:2px;
background: #F0F0F0;
vertical-align: top;
text-align: center;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
}
.tovar img{
opacity:1;
width:150px;
height:150px;
border:0;
margin: 5px 20px 5px;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
box-shadow: 0 0 8px #333;
-moz-box-shadow: 0 0 8px #333;
-webkit-box-shadow: 0 0 8px #333;
}
.tovar img:hover{
opacity:0.7;
}
.tovar span{
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.tovar_bu{
    padding: 2; 
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A ;

}
.tovar_bu ul{
margin:0;
padding:0;
}
.tovar_bu ul li h2{
    font-weight: bold;
    margin: 4px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    font-size: 14px;
}
.tovar_bu ul li{
padding-bottom:5px;
list-style: none;
display : inline-block;
width : 250px;
min-height: 212px;
margin:2px;
background: #F0F0F0;
vertical-align: top;
text-align: center;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
}
.tovar_bu img{
position:relative;
bottom:0px;
opacity:1;
width: 220px;
height: 165px;
border:0;
margin: 5px 15px 5px;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
box-shadow: 0 0 8px #333;
-moz-box-shadow: 0 0 8px #333;
-webkit-box-shadow: 0 0 8px #333;
}
.tovar_bu img:hover{
opacity:0.7;
}
.tovar_bu span{
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.cost{
    font-weight: bold;
    font-size: 14px;
    align: right;
    color: red;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.info{
    border:2px solid;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A ;
    padding:4;
    margin:4 2 4 2;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.info img{
margin:5px 5px 5px 15px;
border:2px solid #4A4A4A;
float:right;
opacity:1;
width:250px;
border-radius:4px;
-moz-border-rudius:4px;
-webkit-border-radius:4px;
box-shadow: 0 0 8px #333;
-moz-box-shadow: 0 0 8px #333;
-webkit-box-shadow: 0 0 8px #333;
}
.info img:hover{
opacity:0.9;
}
.info ul{
padding:0;
margin:0;
list-style:none;
}
.info li{
margin: 3px;
}
.info ul li ul{ 
padding-left:15px;
list-style-type: circle;
}
.info span{
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

/* блинк */
@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px black; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px black; }
}
#blink {
  color: black;
  text-shadow: 0 -1px rgba(0,0,0,.1);
  background: white;
  -webkit-animation: pulsate 3s linear infinite;
  animation: pulsate 3s linear infinite;
    font-weight: bold;
    margin: 4px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    font-size:22px;
}