.wraper {max-width:1108px; min-width:169px;}

.img{
max-width:100%;
height: auto;
}

td {font-size: 17px;}

ul.menu {list-style:none;
margin:0;
padding:0;
}

ul.menu li {
display: inline;
margin: 1px;
padding:2px;
valign:center;
}

ul.menu li a {height:27px;
text-decoration: none;
margin-right:-10px;
display: inline-block;
color: #000000;
font-family:Georgia;
padding-top:2px;
padding-left:7px;
padding-right:7px;
margin-bottom:2px;
margin-top:1px;
}

ul.menu li a:hover{
background: url(images/bg7-2-1.jpg) no-repeat;}

ul.menu li.current a {
background-image: url(images/bg7-2-2.jpg);
background-position: -2px 0;
}

.otstyp {padding-left: 3px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 6px;}

p {text-indent: 20px;}

a {color: #000000;}
a:hover {color: #545454;}

a.menuu {color: #000000; text-decoration: none; font-family:Georgia;}
a:hover.menuu {color: #000000;}

.otstyp2 {padding: 4px;}

@media only screen and (max-width: 1105px){
.polosa {display:none;}
}

@media only screen and (max-width: 1023px){
.mushik {display:none;}
}


@media only screen and (max-width: 900px){
.aside {display:none;}

.polosa2 {display:none;}

.otstyp {padding-left: 8px;}
}


@media only screen and (max-width: 736px){
.devka {display:none;}
}

@media only screen and (max-width: 611px){
.podval {display:none;}
}

@media only screen and (max-width: 528px){
.bla {display:none;}
}

@media only screen and (max-width: 440px){
.poloska {
background-image: url(images/bg-7-2-1.jpg);}
ul.menu li a {padding-top:1px;
padding-left:10px;
padding-right:10px;
}

@media only screen and (max-width: 348px){
.shamp2 {display:none;}
.poloska {
background-image: url(images/bg-7-2-1-1.jpg);}
}

@media only screen and (max-width: 312px){
.poloska {
background-image: url(images/bg-7-2-2.jpg);}
}