body, td, input, textarea, select {font-family: Open Sans, sans-serif; color: #4a4a4a; font-size: 80%; _font-size: 80%;}
input, textarea, select {font-size: 100%;}

img.h1 {display: block; margin: 0px; padding: 0px; border: 0px; height: 1px}
img.h2 {display: block; margin: 0px; padding: 0px; border: 0px; height: 2px}
img.h3 {display: block; margin: 0px; padding: 0px; border: 0px; height: 3px}
img.h4 {display: block; margin: 0px; padding: 0px; border: 0px; height: 4px}
img.h5 {display: block; margin: 0px; padding: 0px; border: 0px; height: 5px}
img.h6 {display: block; margin: 0px; padding: 0px; border: 0px; height: 6px}
img.h7 {display: block; margin: 0px; padding: 0px; border: 0px; height: 7px}
img.h8 {display: block; margin: 0px; padding: 0px; border: 0px; height: 8px}
img.h9 {display: block; margin: 0px; padding: 0px; border: 0px; height: 9px}
img.h10 {display: block; margin: 0px; padding: 0px; border: 0px; height: 10px}
img.h12 {display: block; margin: 0px; padding: 0px; border: 0px; height: 12px}
img.h14 {display: block; margin: 0px; padding: 0px; border: 0px; height: 14px}
img.h16 {display: block; margin: 0px; padding: 0px; border: 0px; height: 16px}
img.h18 {display: block; margin: 0px; padding: 0px; border: 0px; height: 18px}
img.h20 {display: block; margin: 0px; padding: 0px; border: 0px; height: 20px}

img.w1 {display: block; margin: 0px; padding: 0px; border: 0px; width: 1px}
img.w2 {display: block; margin: 0px; padding: 0px; border: 0px; width: 2px}
img.w3 {display: block; margin: 0px; padding: 0px; border: 0px; width: 3px}
img.w4 {display: block; margin: 0px; padding: 0px; border: 0px; width: 4px}
img.w5 {display: block; margin: 0px; padding: 0px; border: 0px; width: 5px}
img.w6 {display: block; margin: 0px; padding: 0px; border: 0px; width: 6px}
img.w7 {display: block; margin: 0px; padding: 0px; border: 0px; width: 7px}
img.w8 {display: block; margin: 0px; padding: 0px; border: 0px; width: 8px}
img.w9 {display: block; margin: 0px; padding: 0px; border: 0px; width: 9px}
img.w10 {display: block; margin: 0px; padding: 0px; border: 0px; width: 10px}
img.w12 {display: block; margin: 0px; padding: 0px; border: 0px; width: 12px}
img.w14 {display: block; margin: 0px; padding: 0px; border: 0px; width: 14px}
img.w16 {display: block; margin: 0px; padding: 0px; border: 0px; width: 16px}
img.w18 {display: block; margin: 0px; padding: 0px; border: 0px; width: 18px}
img.w20 {display: block; margin: 0px; padding: 0px; border: 0px; width: 20px}

a {
    color: #E9573F;
}
h1 {
    color: #E9573F;
    font-size: 115%;
} 
h2 {
    color: #666;
    font-size: 110%;
}

.blockmenu {
    display: block; 
    float: left; 
    width: 200px; 
    height: 155px; 
    background-color: #fff;  
    margin: 10px; 
    border-top: 4px solid #E9573F;
    text-decoration: none;
    color: #666;
    padding-top: 10px; 
} 
.blockmenu-s {
    display: block; 
    float: left; 
    width: 155px; 
    height: 126px; 
    background-color: #fff;  
    margin: 10px; 
    border-top: 4px solid #E9573F;
    text-decoration: none;
    color: #666;
    padding-top: 4px;
    line-height: 1.3; 
} 
.blockmenu:hover, .blockmenu-s:hover {
    color: #E9573F; 
}
div.obr{
	float: right;
	width: 250px;
	text-align: center;
} 
div.obr-center{
	width: 250px;
	text-align: center;
    margin: auto;
}
span.comm, div.comm {
	/*position: absolute;*/
	border: 1px solid #ff0000;
	font-size: 80%;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	display: none;
	background-color: white;
    /*width: 95%;*/
    text-align: center;
} 
a.navig-l {
    display: block; 
    height: 62px; 
    width: 62px; 
    float: left;    
    background-image: url('images/left.png');
    text-decoration: none;
}  
a.navig-l:hover {    
    background-image: url('images/left-o.png');
    text-decoration: none;
}  
a.navig-r {
    display: block; 
    height: 62px; 
    width: 62px; 
    float: right;    
    background-image: url('images/right.png');
    text-decoration: none;
}  
a.navig-r:hover {    
    background-image: url('images/right-o.png');
    text-decoration: none;
}

@media only screen and (max-width: 600px) { 
    a.navig-l {
        display: block; 
        height: 32px; 
        width: 32px; 
        float: left;    
        background-image: url('images/sm-left.png');
        text-decoration: none;
    }  
    a.navig-l:hover {    
        background-image: url('images/sm-left.png');
        text-decoration: none;
    }  
    a.navig-r {
        display: block; 
        height: 32px; 
        width: 32px; 
        float: right;    
        background-image: url('images/sm-right.png');
        text-decoration: none;
    }  
    a.navig-r:hover {    
        background-image: url('images/sm-right.png');
        text-decoration: none;
    }
}