div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


p {
	margin:5px 0px 5px 0px;
}


html {height: 100%;
     /*font-size: 62.7%;*/
	 }

body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
  margin:0;
  padding:0;
  font-size: 10pt;
  color:#575757;
  font-family: Verdana, Arial, sans-serif;  
  border: 1px solid #000;
  }
 
/* 
a {
	color: #4dabc1;
	text-decoration: underline;
}
a:hover {
	color: #19859e;
	text-decoration: underline;
}
p {
	padding: 0 0 10px 0;
}
*/


#wrapper {
  padding-bottom: 85px;
}

#wrapper:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
} 
#footer {
	position: absolute;
  	bottom: 0;
  	height: 70px;
  	width: 100%;
  	background: #f8f8f8;
  	border-top: 1px solid #dddddd;
}
.clear {clear:both;}
#header {
	position: relative;
	width: 940px;
	margin: 0 auto;
	height: 179px;
	background: url('img/header.jpg') no-repeat center top;
}
     

#header .logo {
	position: absolute;
	top: 37px;
	left: 0px;
	width: 233px;
	height: 54px;
}
#header .logo a span{
	display: block;
	width: 233px;
	height: 54px;
	background: url('img/logo.png') no-repeat center center;
}
#header .logo a{
	text-decoration: none;
}

#header #search {
	position: absolute;
	right: 0px;
	top: 60px;
	width: 366px;
	height: 30px;
}
#header #search .searchform {
	width: 366px;
	height: 30px;	
	background: url('img/search-form.png') no-repeat center center;
}
#header #search .searchform input.text{
	width: 260px;
	height: 26px;	
	margin:2px;
	padding: 0 0 2px 5px;
	font-style: italic;
	font-size: 10pt;
	line-height: 0.8em;
	position: relative;
	float: left;
	border:none;
	background: transparent;
	outline: none;
}
#header #search .searchform input.button{
	width: 86px;
	height: 26px;
	margin: 2px;
	position: relative;	
	float: right;
	display:block;
	border:none;
	outline: none;
	background: url('img/search-button.png') no-repeat center center;
}




/*корзина в хедере*/

#header #basket_n {
	position: absolute;
	right: 0px;
	top: 110px;
	width: 130px;
	height: 30px;
	background: transparent url('data/02.png') no-repeat left center;
 
}


#header #basket {
	position: absolute;
	right: 0px;
	top: 120px;
	width: 80px;
	height: 30px;
	color: rgb(93, 47, 179);
	font-weight: bold;
}



.main {
	width: 940px;
	position: relative;
	margin: 0 auto;
}


#sidebar {
	width: 214px;
	float: left;
	position: relative;
}

/*Меню*/

#menu {
	background: url('img/menu-bg.jpg') repeat-y center top;
	position: relative;
	width:214px;
	padding: 10px 0 10px 0;
	margin: 0 0 15px 0;
}
#menu .top {
	background: url('img/menu-header.jpg') no-repeat center top;
	position: absolute;
	top: 0px;
	width: 214px;
	height: 10px;
}
#menu .foot {
	background: url('img/menu-footer.jpg') no-repeat center top;
	position: absolute;
	bottom: 0px;
	width: 214px;
	height: 10px;

}
#menu ul {
	margin: 0px;
}
#menu ul li {
	margin: 0px;
	background: url('img/delimetr.jpg') no-repeat center bottom;
	width: 100%;
}
#menu ul li.last {
	background: none;
	width: 100%;
}
#menu ul li a {
	display: inline-block;
	padding: 8px 0 10px 10px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
}

#menu ul li a.first-active {
	display: inline-block;
	padding: 8px 0 10px 10px;
	width: 203px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url('img/a-top2.png') repeat-y right top;
}
#menu ul li a:hover, #menu ul li.first a:hover, #menu ul li.last a:hover {
	text-decoration: underline;
}

#menu ul li.first a {
	display: inline-block;
	padding: 0px 0 10px 10px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
}
#menu ul li.last a {
	display: inline-block;
	padding: 8px 0 0px 10px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
}

/*Моя вставка для выделения последнего пункта меню*/
#menu ul li.last a.first-active {
	display: inline-block;
	padding: 8px 0 10px 10px;
	width: 203px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url('img/a-top2.png') repeat-y right top;
}



#menu ul li ul {
	padding:0 0 10px 0;
	margin:0;
	background: none;
}
#menu ul li ul li {
	padding:0;
	margin:0;
	background: none;
}

#menu ul li ul li a {
	display: block;
	position: relative;
	width: 100%;
	width: 181px;
	margin:0 0 10px 27px;
	padding:6px 5px 7px 5px;
	color: #5d2fb3;
	text-decoration: none;
	font-size: 9pt;
}

/*БЫЛО РАНЬШЕ - выделение при наведении и активной ссылке*/

/*
#menu ul li ul li a:hover, #menu ul li ul li a.active {
	padding:0;
	color: #fff;
	text-decoration: none;
}
#menu ul li ul li a:hover span.m, #menu ul li ul li a.active span.m {
	display: block;
	position: relative;
	background: url('img/a-bg.png') repeat-y left top;
	width: 100%;
	width: 181px;
	margin:0;
	padding:0 0 0 5px;
}

#menu ul li ul li a:hover span.t, #menu ul li ul li a.active span.t {
	display: block;
	width: 186px;
	height: 6px;
	position: relative;
	background: url('img/a-top.png') no-repeat left top;
}
#menu ul li ul li a:hover span.b, #menu ul li ul li a.active span.b {
	display: block;
	width: 186px;
	height: 7px;
	position: relative;
	background: url('img/a-foot.png') no-repeat left top;
}
*/

/*ДЕЛАЮ Сейчас - выделение только при активной, при наведеении - подчерк*/

#menu ul li ul li a:hover {
	text-decoration: underline;
}


#menu ul li ul li a.active {
	padding:0;
	color: #fff;
	text-decoration: none;
}
#menu ul li ul li a.active span.m {
	display: block;
	position: relative;
	background: url('img/a-bg.png') repeat-y left top;
	width: 100%;
	width: 181px;
	margin:0;
	padding:0 0 0 5px;
}

#menu ul li ul li a.active span.t {
	display: block;
	width: 186px;
	height: 6px;
	position: relative;
	background: url('img/a-top.png') no-repeat left top;
}
#menu ul li ul li a.active span.b {
	display: block;
	width: 186px;
	height: 7px;
	position: relative;
	background: url('img/a-foot.png') no-repeat left top;
}

.task_link {
	text-decoration: none;
	font-weight: bold;
}





#content {
	width: 700px;
	float: right;
	position: relative;
	/*height: 100px;*/

}
#banner {
	position: relative;
	text-align: center;
	margin: 0 0 15px 0
}
#sidebar-data {
	position: relative;
	margin: 0 7px 15px 7px;
	width: 200px;
	padding: 10px 0 10px 0;
	background: url('img/area-bg.jpg') repeat-y center top;
}
#sidebar-data .top {
	background: url('img/area-top.jpg') no-repeat center top;
	position: absolute;
	top: 0px;
	width: 200px;
	height: 7px;
}
#sidebar-data .foot {
	background: url('img/area-footer.jpg') no-repeat center top;
	position: absolute;
	bottom: 0px;
	width: 200px;
	height: 10px;

}
#sidebar-data .text {
	position: relative;
	margin: 0 10px 0 10px;
}







/* Оформление формы поиска */
.searchS {
	width: 366px;
	height: 30px;
	margin:0 auto;
}
.searchS .searchform {
	width: 366px;
	height: 30px;	
	background: url('img/search-form.png') no-repeat center center;
}
.searchS .searchform input.text{
	width: 260px;
	height: 26px;	
	margin:2px;
	padding: 0 0 2px 5px;
	font-style: italic;
	font-size: 10pt;
	line-height: 0.8em;
	position: relative;
	float: left;
	border:none;
	background: transparent;
	outline: none;
}
.searchS .searchform input.button{
	width: 86px;
	height: 26px;
	margin: 2px;
	position: relative;	
	float: right;
	display:block;
	border:none;
	outline: none;
	background: url('img/search-button.png') no-repeat center center;
}

.searchS .searchform span.sft{
	font-size: 8pt;
    color: #575757;
	padding: 0 0 0 10px;
}









/* МОИ СТИЛИ*/



BODY {
     font-size: 10pt;
     font-family: Verdana, Arial, sans-serif;
     }

A   {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	color: #31008A;
	}

/*A:hover {color: #692BDA; }*/

A:hover {color: #9928E5; }

a.adash {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	border-bottom: dashed 1px #31008A;
	text-decoration: none;
	color: #31008A;
	padding: 3px 0 0 0;
}



.cent { text-align:center; }

/*Заголовки*/
H1 {
	font-size: 12pt;
    color:#E01F5C;
	/*color:#B10746;*/
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	}

H1.task {
	font-size: 10pt;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	color: #575757;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	}

H2 {
	font-size: 11pt;
	color:#653FCD;
	font-family: Verdana, Arial, sans-serif;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;
	}


H3 {
	font-size: 10pt;
	color:#C54E7A;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

H4 {
	font-size: 10pt;
	color:#575757;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
    text-align: left;
	}

P    {font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    color: #575757;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
	}

/* мелкий шрифт абзаца*/
p.small {font-size: 9pt; font-family: Arial, sans-serif; color: #575757;}

/* Вывод сообщений при отправке через форму*/
p.form {font-size: 10pt;
        font-family: Verdana, Arial, sans-serif;
        color: #993D59;
        padding: 5px;
        margin: 10px;
        border: 1px solid #993D59;
        }

/* выделение текста в абзаце красноватым жирным*/
p span.sel {font-size: 10pt;
	color:#C54E7A;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

p.e-mail {
      text-align: center;
}
p.error {
    color: red;
    font-size: 9pt;
    display: none;
    text-align: center;
}
		
		/* Основная страница*/




/* список*/
ol,ul {
     list-style-position: outside;
     padding: 0;
     margin-left: 25px;
	 margin-top: 15px;
   }

ol li, ul li {
	font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    color: #575757;
    text-align: left;
    margin-left: 2px;
    margin-right: 2px;
    padding: 2px 0 2px 0;
    }


/* список ссылок, *****/


 /*Серые круглые - обычные списки*/
ul.ul_6 li{
     list-style-position: outside;
     padding:  0 0 0 10px;
     margin-left: 20px;
     list-style-image: url('data/6.png');
   }
/*фиол.галочка в круге - каталог задач*/   
ul.ul_7 li{
     list-style-position: outside;
     padding: 0;
     margin-left: 25px;
     list-style-image: url('data/7.png');
   }
/*серая.галочка в круге -  каталог примеров*/   
 ul.ul_9 li{
     list-style-position: outside;
     padding: 0;
     margin-left: 25px;
     list-style-image: url('data/9.png');
   }
   
/* тень */
.shadow {
    margin: 15px; 
	padding: 15px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* тень малые отступы*/
.shadow5 {
    margin: 5px 0; 
	padding: 5px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



/*Выбор способа оплаты*/
ul.payment_choice{
    text-align: center;
}
li.payment_choice{
    display: inline-block;
    width: 160px;
    vertical-align: top;
}
div.payment_choice {
    display: block;
}
.payment_choice input[type="radio"] {
    display: none;
}
.payment_choice input[type="radio"] + label {
    background-repeat: no-repeat;
    background-position: middle;
    display: inline-block;
    border: 2px solid transparent;
    width: 120px;
    height: 60px;
}
.payment_choice input[type="radio"]:checked + label {
    border: 2px solid #ff866b;
}
.payment_choice label {
    word-break: break-all;
    background-position: center;
}
div.pay-button {
    text-align: center;
    margin: 16px 0px;
}


/*горизонтальное меню (хлебные крошки)*/
.hm {width:98%;}

.hm p {font-size: 9pt;
     font-family: Arial, sans-serif;
     color: #692BDA;
     border-bottom: 1px dotted #ccc;
     border-top: 1px dotted #ccc;
     text-align: left;
     padding: 5px 0;
    }

.hm a, .hm b  {font-size: 9pt;
        font-family: Arial, sans-serif;
     	text-decoration: none;
     	color: #692BDA;}

.hm a  {text-decoration: underline;}


/* Основной текст, пояснения и т.п.*/
.text {
        padding: 5px 0;
       }

/* Список задач, задача*/
.tasks {
        padding: 10px 0;
        width: 98%;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 9pt;
        color: #575757;
	    display: block;
	    }
		
p.task1 {
        border-top: 1px dotted #575757;
	
	    }		

/*ссылка на покупку задачи - за СМС. красный шрифт. картинка.*/
a.task_sms {
	 padding: 0 0 0 20px;
	 margin: 5px 0 0 0;
	 background: transparent url(data/phone.png) no-repeat left top;
     font-size: 10pt;
     font-family:  Verdana, Arial, sans-serif;
     font-weight: bold;
     color: #E01F5C;
 	 text-decoration: none;
     }
a.task_sms:hover {
     text-decoration: underline;}

/*ссылка на покупку задачи - в коризну. красный шрифт. картинка.*/
a.task_to_b {
	 padding: 0 0 0 20px;
	 margin: 5px 0 0 0;
	 background: transparent url(data/basket_add.png) no-repeat left top;
     font-size: 10pt;
     font-family:  Verdana, Arial, sans-serif;
     font-weight: bold;
     color: #E01F5C;
 	 text-decoration: none;
     }
a.task_to_b:hover {
     text-decoration: underline;}


/*ссылка на удаление задачи -  из корзины. красный шрифт. картинка.*/
a.task_from_b {
	 padding: 0 0 0 20px;
	 margin: 5px 0 0 0;
	 background: transparent url(data/basket_delete.png) no-repeat left top;
     font-size: 10pt;
     font-family:  Verdana, Arial, sans-serif;
     font-weight: bold;
     color: #E01F5C;
 	 text-decoration: none;
     }
a.task_from_b:hover {
     text-decoration: underline;}	 

/*ссылка на задачу - в корзине. фиолетовй шрифт. картинка.*/
a.task_basket {
	 padding: 0 0 0 20px;
	 margin: 5px 0 0 0;
	 background: transparent url(data/basket.png) no-repeat left top;
     font-size: 10pt;
     font-family:  Verdana, Arial, sans-serif;
     font-weight: bold;
     color: #692BDA;
 	 text-decoration: none;
     }
a.task_basket:hover {
     text-decoration: underline;}
	 
	 
div.price {
        padding: 0px 15px;
		float:right;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 10pt;
        font-family:  Verdana, Arial, sans-serif;     
        font-weight: bold;		
        color: #575757;
	    display: block;
	    }	 
	 
	 
	 

/*Оформление ссылок на страницы магазина задач, мелкий шрифт (старый сайт)*/
p.page {font-size: 8pt; font-family: Arial, sans-serif; color: #575757; text-align: center;
         margin-left: 5pt; margin-right: 5pt; }
p.page b {font-size: 8pt; font-family: Arial, sans-serif; font-weight: bold; color: #575757;}
p.page a {font-size: 8pt; font-family: Arial, sans-serif; color: #3F3F3F;}
p.page a:hover {color: #5367AC;}

	

/*ссылка на скачивание примеров. выравнивание блочное справа pdf иконка*/
a.ex_pdf {
     display: block;
     float: right;
	 padding: 0 0 0 20px;
	 background: transparent url(data/pdf.png) no-repeat left top;
     font-size: 10pt;
     font-family:  Verdana, Arial, sans-serif;
     font-weight: bold;
     color: #E01F5C;
 	 text-decoration:  none;
     }

a.ex_pdf:hover {
     text-decoration: underline;}

	

/* Перелистывание страниц*/
.pages {width:98%;
       }

.pages p {
        font-family: Arial, sans-serif;
        font-size: 9pt;
        color: #808080;
        text-align: center;
        border-bottom: 1px dotted #808080;
        border-top: 1px dotted #808080;
        margin: 0;
        padding: 5px 0;
       }
.pages p a {
        font-family: Arial, sans-serif;
        font-size: 9pt;
        color: #808080;
        padding: 0 3px;
       }




	
/*ТЕОРИЯ ПО РАЗДЕЛАМ*/
/*стиль для определений, полужирный светлый*/
 i.opr {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: #676767;
  	font-weight: bold;
  	text-decoration: none;
    }

/*стиль для примеров - в рамочке, розовый фон*/
 div.primer {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: #000;
    margin: 6px;
    padding: 2px;
    background: #E1E1E1;
    border: 1px dotted #676767;	
    }

div.primer b {
    color: #B10746;
  	font-weight: bold;
	}



 /* Подвал */
div.footerleft {
   display: block;
   float: left;
   text-align: left;
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 8pt;
   color: #575757;
   padding:  0 10px;
   }
div.footercenter {
   display: block;
   float: center;
   text-align: center;
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 8pt;
   color: #575757;
   padding:  0 10px;
   }

 div.footercenter a{
   float: center;
   text-align: center;
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 8pt;
   color: #575757;
   
   }
   
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}	


#share42 a {position:relative;}
#share42 a span {display: none; position: absolute; z-index: 10; top: 0; left: 100%; height: 19px; margin-left: 5px; padding: 0 5px; background: #FFF; border-radius: 4px; border: 1px solid #AAA; box-shadow: 0 0 5px rgba(0,0,0,0.25); text-align: center; color: #666; font: 12px/20px Arial, sans-serif;}
#share42 a:hover span {display: block}
#share42 a span:before {content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; width: 5px; height: 7px; background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;}


div.centerb {
    display: block;
    font-weight: bold;
    text-align: center;
}

/*адаптивность*/
@media screen and (max-width: 958px) {
	#header, .main {width: 100%;}
	#wrapper {padding: 0 10px;}
}
@media screen and (min-width: 934px) {
	.mob-menu-button {display: none;}
	#sidebar {display: inline-block !important;}
}
@media screen and (max-width: 933px) {
	.wrap-mob-menu {
		position: absolute;
		z-index: 999;
		top: -63px;
	}
	#content {
		width: 100%;
		box-sizing: border-box;
		float: none;
	}
	.mob-menu-button {
		display: inline-block;
		line-height: 40px;
		padding: 0 10px 0 40px;
		border: 1px solid #f0f0f0;
		border-bottom: 2px solid #ccc;
		border-radius: 5px;
		background: url(https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/06_menu_stack-128.png) no-repeat 7px 50%;
		background-size: 23px;
		cursor: pointer;
	}
	.mob-menu-button:hover{
		border: 1px solid #E9306A;
	}
	#sidebar {
		position: absolute;
	}
	.wrap-mob-menu .cent {
		display: none;
	}
	.wrap-mob-menu .shadow5{display:none;}
	#menu {top: -4px;}
	#menu .top {display:none;}
}
@media screen and (max-width: 690px) {
	div.footercenter a {
		display: inline-block;
		margin-top: 10px;
	}
}
@media screen and (max-width: 650px) {
	#header .logo {
		position: absolute;
		top: 57px;
		left: 0px;
		right: 0;
		width: 233px;
		height: 54px;
		margin: 0 auto;
	}
		#header #search {
		position: absolute;
		right: 0px;
		left: 0;
		margin: 0 auto;
		top: 120px;
		height: 30px;
	}
	.wrap-mob-menu {
		top: -112px;
	}
	#header #basket_n {
		top: 62px;
	}
	#header #basket {
		top: 72px;
	}
}
@media screen and (max-width: 570px) {
	#header {
		height: 220px;
	}
	#header #search {top: 170px;}
	#header #basket_n {
		top: 113px;
	}
	#header #basket {
		top: 121px;
	}
	.wrap-mob-menu {
		top: -103px;
	}
	#footer {
		position: static;
		height: inherit;
		width: 100%;
	}
    #custom table{
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #custom input, #custom textarea, #custom select {
        width: 100%;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 500px) {
	#wrapper {padding-left:3px; padding-right: 3px;}
}
@media screen and (max-width: 390px) {
	#header #search .searchform {
		width: 310px;
		height: 30px;
		background: url('img/search-form.png') no-repeat left center;
		margin: 0 auto;
		border-radius: 7px;
	}
	#header #search .searchform input.text {
		width: 203px;
	}
	#header #search {width:100%;}
	.searchS .searchform {
		width: 310px;
		height: 30px;
		background: url('img/search-form.png') no-repeat left center;
		margin: 0 auto;
		border-radius: 7px;
	}
	.searchS .searchform input.text {
		width: 203px;
	}
	.searchS {width:100%;}
    #custom input, #custom textarea, #custom select {
        width: 92%;
        box-sizing: border-box;
    }
    #custom form > table > tbody > tr > td {
        display: block;
    }
    div[align=right] {
        text-align: left;
    }
}
@media screen and (max-width: 330px) {
	#header #search .searchform {
		width: 291px;
		background: url('img/search-form.png') no-repeat left center;
		margin: 0 auto;
	}
	#header #search .searchform input.text {
		width: 192px;
	}
	.searchS .searchform {
		width: 241px;
	}
	.searchS .searchform input.text {
		width: 128px;
	}
	img {max-width: 100% !important; height: inherit;}
}