html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,strong,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, form,label,table,tbody,tfoot,thead,tr,th,td,input,textarea{font-size:100%;margin:0px;padding:0px;outline:0;vertical-align:baseline;box-sizing:border-box;font:14px/18px normal Verdana, Geneva, sans-serif; color:#000;}table{border-collapse:collapse;border-spacing:0; box-sizing:border-box;}
html { min-height:100%;}
body { padding:10px; background:#fff;}
h1 { font-family:Tahoma, Geneva, sans-serif; font-size:20px; font-weight:normal; display:inline-block;}
h1.title { font-size:30px; line-height:30px; margin-bottom:20px;}
img { vertical-align:middle; max-width:100%; max-height:100%;}
.level-1 { display:block; background:#ddd; color:#000; padding:10px; margin-bottom:5px; transition:0.5s; text-decoration:none;}
.level-1:hover { background:#000; color:#fff;}
.level-2 { display:block; background:#ddd; color:#000; padding:10px; margin-bottom:5px; margin-left:20px; transition:0.5s; text-decoration:none; ma}
li { float:left; margin: 0 10px 10px 0; list-style:none; width:200px; height:200px; text-align:center; line-height:200px; background:#eee;}
li img { max-height:200px; max-width:200px;}
.active { background:#000; color:#fff;}
.active2 { background:#000; color:#fff;}
.fancybox-button svg { color:#fff!important;}
p { margin-bottom:10px;}
a { color:#09C;}

.coumn-left { float:left; width:230px;}
.coumn-right { margin-left:250px;}

.foto-catalog a { display:inline-block; width:20%; height:150px; vertical-align:middle; border:1px solid #ddd; text-align:center; margin:-1px 0 0 -1px; padding:10px;}

.drop-cat-bg { position: fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; top:0; left:0; z-index:10; display:none;}
.drop-cat { position:absolute; top:0; left:0; z-index:20; display:none; width:50%; background:#fff; padding: 10px 30px 10px 10px;}
.drop-cat p { margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; font-size:20px;}

.show-catalog { display:none; background:#000; color:#fff; font-size:20px; padding:10px 20px; text-decoration:none; text-align:center; margin-bottom:10px;}

.sub-menu { padding:10px 10px 1px 20px; background:#ddd; display:none;}
.sub-menu a { display:block; margin-bottom:10px;}

.authorization { margin: 20px auto; width:300px; text-align:center; }
.authorization input { width:100%; padding:10px; border:1px solid #ccc; margin-bottom:10px;}

@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1100px) {
	.foto-catalog a { width:25%;}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 950px) {
	.foto-catalog a { width:33.333333%;}
}
@media screen and (max-width: 800px) {

}

@media screen and (max-width: 700px) {
	.foto-catalog a { width:50%;}
}
@media screen and (max-width: 600px) {
	.coumn-left { display:none;}
	.coumn-right { margin:0px;}
	.foto-catalog a { width:33.333333%;}
	.show-catalog { display:block;}
	.sub-menu { display:block;}
}
@media screen and (max-width: 500px) {
	.foto-catalog a { width:50%;}
	.drop-cat { width:70%;}
}
@media screen and (max-width: 300px) {
	.foto-catalog a { width:100%;}
}