@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1024px){
	.mainWrap{ width:980px;}
	
	/*header*/
	header .adress{ margin:15px 0 0 40px;}
	
	.nav li{ margin:0 0 0 14px;}
	
	/*mainContent*/
	.setting{ top:5px; right:5px;}
	.setting li{ margin:0 0 5px; height:100px;}
	.setting li h3{ padding:10px 0 3px;}
	
	.catalog_partner li{ margin:0;}
	
	.object_catalog, .gallery{ text-align:center;}
	
	/*footer*/
	
	.adress_fot{ margin:0 0 0 120px;}
}

@media screen and (max-width: 980px){
	.mainWrap{ width:96%;}	
	
	/*header*/
	header .adress{ float:none; display:inline-block; margin:15px 0 0 0;}
	.nav{ float:none; clear:left; text-align:right; margin:2% 0 0 0;}
	.nav li{ margin:0 0 0 24px;}
	
	/*mainContent*/
	.setting{ position:static; top:inherit; right:inherit; margin:5px 0 0 0;}
	.setting li{ display:block; width:90%; padding:2% 0 2% 10%; height:auto;}
	.setting li.anchor, .setting li.build, .setting li.case{ background-position:2% 50%;}
	.setting li .text_set{ height:auto; overflow:inherit;}
	
	.back_link, .width_title{ float:none;}
	.back_link{ display:block; text-align:right; margin:10px 0 0 0;}
	.width_title{ width:100%;}
	
	h1.title_control{ padding:0; width:100%;}
	h1.title_control, .catalog_partner{ float:none;}
	.catalog_partner{ margin:10px 0 0 0;}
	.catalog_partner li, .catalog_partner li:first-child{ margin:0;}
	
	/*footer*/
	
	.adress_fot{ margin:0 0 0 70px;}
}
@media screen and (min-width: 758px){
	.nav{ display:block !important;}
}

@media screen and (max-width: 757px){
	
	/*header*/
	header{ padding:3% 0;}
	header .logo{ text-align:center;}
	header .adress, header .logo{ float:none;}
	header .adress{ font-size:16px; margin:15ppx 0 10px;}
	header .adress h3{ font-size:18px;}
	header .adress h3 span{ font-size:22px;}
	.appendix{ display:none;}
	
	.nav{ text-align:center; margin:0; background-color:#f5f5f5; display: block;}
	.nav li{ margin:0 0 10px 24px; display:block; text-align:left; margin:0; border-bottom:none;}
	.nav li:hover{ border-bottom:none; background-color:#bbb;}
	.nav li .active_menuu{ border-bottom:none; background-color: #0F0 !important;}
	.nav li:hover a{ color:#fff;}
	.nav li a{ display:block; padding:1% 2%;}
	.nav li a:hover{ color:#fff;}
	.nav li:hover ul{
	display: none;
}
	.nav li ul{ display: none; position:static; top:inherit; left:inherit; width:100%; padding:0;}
	.nav li ul:after, .nav li u.small:after{ display:none;}
	.nav li ul li{ padding:0; margin:0;}
	.nav li ul li a{ color:#5b5b5b !important;}
	.nav li ul li a:hover{ color:#03488c !important;}
	.nav li ul li:hover{ background-color:#e0e0e0;}
	.nav li ul li:first-child{ border-top:none; padding:0;}
	.icon_nav{ display:block;}
	
	/*mainContent*/
	.mainContent .aside{ float:none; width:100%; padding:15px 0;}
	.mainContent .content_left{ padding:0;}
	
	.setting li{ display:block; width:88%; padding:2% 0 2% 12%; height:auto;}
	.setting li.anchor, .setting li.build, .setting li.case{ background-position:2% 50%;}
	
	h1.title{ font-size:18px; line-height:20px;}
	h2, h3, h4, h5, h6{ font-size:16px; line-height:18px;}	
	.object_catalog li h3{ font-size:14px; line-height:18px;}
	.date{ font-size:17px;}
	.text_news p{ text-align:justify;}
	
	
	/*footer*/
	footer{ height:auto; padding:3% 0; margin:0;}
	.producer, .adress_fot, .name_site{ float:none; margin:0 0 2%; text-align:left;}
	.producer p, .adress_fot p, .name_site p{ display:inline-block; vertical-align:top;}
	footer .fot_nav{ display:block; text-align:left; margin:0 0 2%;}
	footer .fot_nav li{ display:inline-block; vertical-align:top; margin:0 10px 0 0;}
}
@media screen and (max-width: 600px){
	
	/*mainContent*/
	.setting li{ width:96%; padding:2%;}
	.setting li.anchor, .setting li.build, .setting li.case{ background-image:none;}
	.setting li h3 a{ font-size:16px;}
}
@media screen and (max-width: 480px){
	ul.tabs li{ display:block; padding:8px;}
	ul.tabs li:hover, ul.tabs li.current{ padding:8px;}
	ul.tabs li.current:after, ul.tabs li:hover:after{ display:none;}
	
}
@media screen and (max-width: 400px){
	
	/*mainContent*/
	.img_left{ float:none; text-align:center;}
	.img_left img{ margin:0 0 10px;}
}
@media screen and (max-width: 320px){
	.catalog_partner li, .catalog_partner li:first-child{ margin:10px 0 10px 0;}
}