@charset "utf-8";
/* CSS Document */


#footer3_info_m1 { display:none; }
#blokSoc1_1{
	float:left;
}

#blokSoc2_1{
	margin-left: 18px;
	float:left;
}

#blokSoc3_1{
	margin-left: 18px;
	float:left;
}


.col_prod1 { float: left; margin-right: 6px; }
.col_prod2 { Verdana,sans-serif; font-size: 16px; margin-top: 10px; }
.col_prod3 { float: right; Verdana,sans-serif; font-size: 18px; margin-top: 3px; margin-right: 14px; } /* */

.col_prod_text { margin-left: 8px; color:#b30000; font: 18px Verdana, sans-serif; margin-top: -15px; }
/* .col_prod_all { width: 100%; border: 1px solid red; } */

#ajax {
	display:none;
	width: 58%; /* */
	/* height: 30%; */
	margin-left: -29%;
	/* margin-top: -15%; */
	position: fixed;
	left: 50%;
	top: 35%;
	z-index:991001;
	border:1px solid #444444;
	border-radius: 8px;
	/* тень */
	background: #FFFFFF; /* Цвет фона */
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.55); /* Для Firefox */
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.55); /* Для Safari и Chrome */
	box-shadow: 0 0 25px rgba(0,0,0,0.55); /* Параметры тени */
	padding: 10px;

}


@media screen and (min-width: 1200px) {
	#ajax { width: 760px; margin-left: -330px; }
}


@media screen and (max-width: 1015px) {

	 /* -------------=============== I N D E X ===================------------------ */

		.left_205 { margin-left: 5px; }
		
		#ahref_oil2_1 { display:none; }

		#leftheader	 { width: 190px; margin-top: 17px; }		
		#menuheader { margin-left: 210px; margin-right: 150px; } #ser{ width: 93%; } #basket { padding: 0; margin-left: 5px; margin-top: 30px; } #rightheader { width: 135px; }/* */
				
		#input1_ { width:150px; }
		.inp111 { font: 14px Verdana, sans-serif; } #input1 { width: 180px; }
		
		.inp1112 { font: 14px Verdana, sans-serif; }
				
		.menu_m { display:block; }
		
		#col_menu_mat { width: 96%; }
	   .col_menu_m1 {width: 14%; }
	   .col_menu_m2 {width: 14%; }
	   .col_menu_m3 {width: 14%; }
	   .col_menu_m4 {width: 14%; }
	   .col_menu_m5 {width: 14%; }	
	   .col_menu_m6 {width: 14%; }	
	   .col_menu_m7 {width: 14%; }			
		.menu_m {  position: absolute; margin-top: -5px; } .menu_v { margin-left: 80px; margin-top: 10px; }
		.text_menu_v { display:none; }
	   	   
	  /* -------------=============== I N D E X    E N D ===================------------------ */

	  #right { display:none; }
	  #content{ margin-right: 0; }	

	
		#ajax { width: 66%; margin-left: -33%; }
		
		#footer2 { display:none; }
		#footer3_info_m1 { display:block; }
		#footer3_info_m2 { display:none; } #blokSoc1{ margin-left: 0; }
		#footer3 { margin-bottom: 15px; }
		
}

@media screen and (max-width: 850px) {

	   /* -------------=============== I N D E X ===================------------------ */
	  
	   .menu_v { display:none; }
	   .menu_m { margin-top: 5px; margin-left: 8px; }
	   #input1_ { margin-right: 15px; }
	   
       #displ_v { display:none; } 
	   #displ_m { display:block ; }
	   #leftheader	 { width: 180px; margin-top: 20px; }   
	   #menuheader { margin-left: 185; margin-right: 105px; } #ser{ width: 94%; } #basket { padding: 0; margin-left: 5px; margin-top: 30px;}
	   #rightheader { width: 78px; margin-top: 5px; margin-right: 5px; }

	   /* -------------=============== I N D E X    E N D ===================------------------ */


	#ajax { width: 80%; margin-left: -41%; } 
	.col_prod2 { font-size: 14px; } 
}


@media screen and (max-width: 700px) {

	/* .col_prod1 { width: 20%; }
	.col_prod2 { width: 76%; } */	
}


@media screen and (max-width: 625px) {

	   /* -------------=============== I N D E X ===================------------------ */

	   #leftheader { display:none; }
	   #menuheader { margin-left: 0; margin-right: 80px; }
	   	   	  
	   /* -------------=============== I N D E X    E N D ===================------------------ */	 


	#ajax { width: 85%; margin-left: -45%; }  
	.col_prod2 { margin-top: 0; }
}

@media screen and (max-width: 505px) {
	
	.col_prod_text { font: 16px Verdana, sans-serif; }

	/* .col_prod1 { clear: both; height: 100%; width: 100%; margin-left: 0; }
	.col_prod2 { clear: both; width: 99%; } */
}


@media screen and (max-width: 370px) {
	
	   #footer3 { float:left; clear: both; margin-left: 5px; }
}