@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1280px) {
#div_form { left:50px; width:auto;} .kal_sel {width:100px;}
#spisok{
	overflow:hidden;
}
 
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
select, input[type=text], input[type=number], input[type=email], 
input[type=password] {
	/*background-color:#D6EDFF;*/
}
#div_form { top:100px; left:20px; width:98%;} #but_report{top:100px; left:10px;} .kal_sel {width:100px;} 
#catalog, #sidebar { width:90%; margin-left:0;} 
#sidebar { margin-top:15px;} 
#catalog{ height:auto;}
#left_50, #right_50 { width: 90%;}
#div_form {
	top:15%;
	left:15%;
	width:68%;
}
.norm_list{
	background-color:white;
	color:#343b4c;
}
#catalog{
	display:none;
}
#sidebar, #catalog{
	margin:0;
	position:inherit;
	background-color:white;
	left:0;
	width:90%;
	overflow:hidden;
	height:auto;
}
.td_list{
	border-color:#c6cad8;
}
.menu{
	margin-left:10px;
	width:auto;
}
#spisok{
	margin-bottom:55px;
}
.caption, .subcaption{
	color:#343b4c;
}
#new_note{
	display:inherit;
}
#ctrl_list, #find_div, #ctrl_order{
	left:0;
	width:90%;
}
#Go_Top{
	margin-left:50px;
	margin-bottom:5px;
}
#find_input, #order_id{
	background-color:#EBFF96;
	color:#262626;
}
#ctrl_list img, #Go_Top img{
	opacity:1;
}
} 
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
html {background-image:none;} 
#logo_mm{top:-200px;z-index:-510;}
#Go_Top {right:3%;} 
#but_report{top:110px; left:10px; width:auto; height:auto;} 
#div_form {left:0; top:110px; width:98%;} 
select {width:100%;} 
#kalendar { width: 95%; height:auto; margin:0px; margin-top:50px;} #instr_kalendar, #plan, #list_plans { width:95%; height:auto; margin:0px; margin-top:20px;}
#msg, #wid
{
	top:100px;
	left:5px;
	width:400px;
	height:400px;
}
#div_form {
	top:15%;
	left:5%;
	width:85%;
}
#p_1
{
	height: 20px; 
	font:bold 18px/100% Arial, Helvetica, sans-serif;
}
#spisok{
	overflow:auto;
}

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
html {-webkit-text-size-adjust: none; background-image:none;}#main-nav a {font-size: 100%;padding: 10px 8px;} input[type=text] {width:100%;} #plan_table {width:100%; }
}