body {
 color: #333;
 background: #f8f7f7 url(fon/fon.jpg);
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-size: cover;
 padding:0;
 font: 0.86em/1.6 Arial, Helvetica, sans-serif;
 }
#outer {
 width: 1024px;
 background: rgba(255, 255, 255, 0.6);
 margin: 0 auto
 }
 #main {
 width: 100%
 }
 #logo {
 width: 100%;
 clear: both;
 background: rgba(255, 100, 125, 0.5)
 }
 #main_art {
 float: left;
 padding: 5px;
 width: 784px;
 background:  rgba(255, 100, 125, 0.5)
 }
 #menu_art {
 float: right;
 padding: 5px;
 width: 218px;
 background:  rgba(215, 125, 0, 0.5);
 color : #fff
 }
 #logo_left {
 float: left;
 padding: 5px;
 width: 750px
 }

 #logo_right {
 float: right;
 padding: 5px;
 width: 250px
 }
#ftr {
 clear: both;
 padding: 5px;
 height: 70px;
 text-align: left
 }
 #com_main {
 padding: 5px;
 width: 784px;
 background: rgba(0, 125, 215, 0.5);
 clear: both
 }

div.div_com1 {
 width: 100%;
 min-width:500px;
 background: rgba(0, 125, 215, 0.2)
 }
div.div_com {
 width: 100%;
 min-width:500px;
 background: rgba(0, 125, 215, 0.2) 
 }
div.div_z1 {
 width: 100%;
 min-width:500px;
 padding: 5px;
 background: rgba(0, 125, 215, 0.2) 
 }
div.div_z2 {
 width: 100%;
 min-width:500px;
 padding: 5px;
 background: rgba(215, 125, 0, 0.2) 
 }
.cena {font-size: 130%; color: red}
.oldcena {font-size: 130%; background: url(skidka.png);  background-repeat:no-repeat}
.subcat {font-size: 120%; background: rgba(215, 125, 0, 0.5)}
.cat {font-size: 140%; background: rgba(215, 125, 0, 0.5)}
.cat1 {font-size: 140%}
.bookmark {font-size: 120%; background: rgba(215, 0, 0, 0.5)}
.cat_name {font-size: 90%; background: rgba(215, 0, 0, 0.2)}
b.com {font-size: 100%; color: #006600}
b.com1 {font-size: 70%; color: #000000}
b.time {font-size: 70%; color: #265602}
b.time1 {font-size: 75%; color: #265602}
A:link {text-decoration: underline; color : #0857a6}
A:visited {text-decoration: underline; color: #074C7D}
A:active {text-decoration: underline; color: #265602}
A:hover	{text-decoration: none; color: #265602}
font.smal { font-size: 80%; font-style: normal;  font-variant: normal;  font: normal}
td.sm {
	FONT-SIZE: 12px;
	font-style : normal;
}
td.post1 {
    background: rgba(0, 125, 215, 0.5); 
    border: 0px; 
    padding: 5px;
    color : #fff
}
td.post2 {
    background: rgba(255, 100, 125, 0.5); 
    border: 0px; 
    padding: 5px;
    color : #fff
  
}
td.post3 {
    background: rgba(215, 125, 0, 0.5); 
    border: 0px; 
    padding: 5px;
    color : #fff
  
}
a.mmenu {
        FONT-SIZE: 12px;
	color : #656563;
	font-weight: bold;
}
a.mmenu1 {
        FONT-SIZE: 12px;
	font-weight: bold;
}
a.otvet {
        FONT-SIZE: 9px
}
div.quote {border-style:solid; border-width:1px;  z-index: 1; background-color: #F1EFEC; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px}
IMG.small {
BORDER-BOTTOM: 1px solid #265602; BORDER-TOP: 1px solid #265602; BORDER-RIGHT: 1px solid #265602; BORDER-LEFT: 1px solid #265602
}
 .zoomer {
    background-position: 50% 50%;
    position: relative;
    width: 330px;
    overflow: hidden;
    cursor: zoom-in;
}

.zoomer img:hover {
    opacity: 0;
}

.zoomer img {
    transition: opacity .5s;
    display: block;
    width: 100%;
}
 .zoomer_foto {
    background-position: 50% 50%;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
}

.zoomer_foto img:hover {
    opacity: 0;
}

.zoomer_foto img {
    transition: opacity .5s;
    display: block;
    width: 100%;
}