html{
	background:#ac9db5;
	width:100%;
}
@font-face {
			font-family: "AleksandraCRegular";
			src: url("fonts/AleksandraCRegular/AleksandraCRegular.eot");
			src: url("fonts/AleksandraCRegular/AleksandraCRegular.eot?#iefix")format("embedded-opentype"),
			url("fonts/AleksandraCRegular/AleksandraCRegular.woff") format("woff"),
			url("fonts/AleksandraCRegular/AleksandraCRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
}
@font-face {
			font-family: "NK123Regular";
			src: url("fonts/NK123Regular/NK123Regular.eot");
			src: url("fonts/NK123Regular/NK123Regular.eot?#iefix")format("embedded-opentype"),
			url("fonts/NK123Regular/NK123Regular.woff") format("woff"),
			url("fonts/NK123Regular/NK123Regular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
}
@font-face {
	font-family: "PhilosopherRegular";
	src: url("fonts/PhilosopherRegular/PhilosopherRegular.eot");
	src: url("fonts/PhilosopherRegular/PhilosopherRegular.eot?#iefix")format("embedded-opentype"),
	url("fonts/PhilosopherRegular/PhilosopherRegular.woff") format("woff"),
	url("fonts/PhilosopherRegular/PhilosopherRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "PhilosopherBold";
	src: url("fonts/PhilosopherBold/PhilosopherBold.eot");
	src: url("fonts/PhilosopherBold/PhilosopherBold.eot?#iefix")format("embedded-opentype"),
	url("fonts/PhilosopherBold/PhilosopherBold.woff") format("woff"),
	url("fonts/PhilosopherBold/PhilosopherBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
body{
	position:relative;
	background:#fff;
	border-right:solid 10px;
	border-left:solid 10px;
	border-color:#9987a4;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-size:95%;
	padding:0;
	margin:auto;
	width:1100px;
	/*max-width:1150px;*/
}
#picture{
	float:left;
	border:none;
	width:60%;
}
#header{
	overflow:hidden;
	background:#fff;
	margin:0;
	padding:0;
	padding-bottom:2%;
	border:none;
}
#login-form{
	border:none;
	top:0;
	right:0;
	margin:0;
	margin-top:3%;
	background:#fff;
	font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
	color:#527b53;
	font-size:16px;
	
}
#login-form a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#527b53;	
}
#login-form input.login{
	outline: none;
	overflow: auto;
	margin:0;
	padding:0;
	width: 212px;
	height:20px;
	border:2px solid #E3E3DC;
	background: #fff;
	font-size:15px;
	border-radius:2px;	
}
#login-form input.login:focus{
	outline: none;
	overflow: auto;
	width: 212px;	
	background: #fff;
	border:2px solid #CBCBC6;
}
#login-form input.login:hover{
	outline: none;
	overflow: auto;
	width: 212px;	
	background: #fff;
	border:2px solid #CBCBC6;
}
#ssilka{
	border:none;
	margin:0;
	padding:0;
	margin-right:4%;
	float:right;
	width:32%;
	background:#fff;
}
p.date{
	font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
	color:#c40791;
	font-size:20px;	
}
#sections_ul{
	width:100%;
	margin:0;
	padding:0;
	padding-top:2%; 
	border:none;
	font-family:"AleksandraCRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
}

li.sections_li{
	list-style:none;
	margin:0;
	margin-left:16%;
	padding:1%;
	border:none;
	font-size:90%;
	width:80%;
}

li.sections_li a:hover{
	color:#c40791;
	border-bottom:solid 2px;
	border-color:#50398a;
	
}
* html li.sections_li a:hover{
	position:absolute;
}
li.sections_li a:active{
	color:#c40791;
	border-bottom:solid 2px;
	border-color:#50398a;
	
}
* html li.sections_li a:active{
	position:absolute;
}
li.sections_li a{
	margin:0;
	margin-left:5%;
	padding:0;
	color:#50398a;
	border-bottom:solid 2px;
	border-color:#c40791;
	text-decoration:none;
}
* html li.sections_li a{
	position:absolute;
	margin-top:2%;
}
#avtorized{
	border:none;
	margin:0;
	padding: 0;
	padding-bottom: 14%;
	margin-top:3%;
	background:#fff;
	font-family:"NK123Regular", "Times New Roman", serif,  Arial, Verdana, sans-serif;
	color:#527b53;
	font-size:16px;	
}
#avtorized a{
	margin:0;
	padding:0;
	color:#527b53;
	text-decoration:none;
	text-transform: uppercase;
}
#categories {
	background: #3b3251;
	height: 40px;
	overflow:hidden;
	font-family:"NK123Regular", "Times New Roman", serif,  Arial, Verdana, sans-serif;
}
#categories a {
	float:left;
	height: 100%;
	font-size: 120%;
	text-decoration:none;
	text-align:center;
  	padding: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0;
	border:none;
	color: #fff;
	text-transform: uppercase;
}
#categories a:hover {
	color: #3b3251;
	background:#fff;
}
#categories .selected a{
	color: #3b3251;
	background:#fff;
}
#categories a:active {
	color: #3b3251;
	background:#fff;
}
#content{
	overflow:hidden;
	width:100%;
	background:#fff;
	border:none;
	margin:0 auto;
	padding:0;
	padding-top:5%;
	margin-bottom:2%;
}
div.news {
	width:100%;
	background:#F8F6F7;
	border:dotted 1px;
	margin:0;
	margin-bottom:10%;
	padding:0;
	padding-top:5%;
	padding-bottom:2%;
	border-color:#9986CB;
	color:#656161;
	text-align:center;
}
p.news{
	margin-left:3%;
	margin-right:3%;
	text-align:center;
	font-family:"AleksandraCRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
}
#all_news{
	float:left;
	width:18%;
	background:#fff;
	margin:0;
	margin-right:0;
	margin-left:3%;
	padding:0;
	border:none;
}
#groups{
	float:left;
	width:17%;
	background:#fff;
	font-family:"AleksandraCRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	margin:0;
	padding:0;
	padding-left:1%;
	padding-right:0;
	padding-bottom:1%;
	border:none;
}
#groups a{
	font-size:110%;
	margin:0;
	margin-left:4%;
	padding:0;
	color:#50398a;
	border-bottom:solid 2px;
	border-color:#c40791;
	text-decoration:none;
}
#groups a:hover{
	color:#c40791;
	border-bottom:solid 2px;
	border-color:#50398a;
	
}
#groups a:active{
	color:#c40791;
	border-bottom:solid 2px;
	border-color:#50398a;
}
h2{	text-align:center;  
	font-size:100%;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-weight:bold;
	margin:0;
	padding:2%;
	text-transform: uppercase;
	text-decoration:none;
	color:#50398a;
 }

div.infheader{
	overflow:hidden;
	width:97%;
    margin:0;
	padding:0;
	padding-bottom:1%;
	border:none;
}

div.d_inf{
	overflow:hidden;
	width:97%;
    margin:0;
	padding:0;
	padding-bottom:3%;
	text-align:left;
	border:none;
	font-size:110%;
}
img.d_inf{
	margin:0;
	margin-right:1%;
	padding:0;
	border:none;
}
#information{
	float:left;
	width:57%;
	background:#fff;
	margin:0;
	padding:0;
	color:#656161;
	border:none;	
}
#information img{
	margin:0;
	margin-right:1%;
	padding:0;
	border:solid 1px;
	border-color:#EEEEEC;
}
#information img.postdove{
	margin:0;
	margin-right:5%;
	margin-left:10%;
	padding:0;
	border:none;	
}
#information a{
	
	font-style: italic;
	font-weight:bold;
	font-family:"AleksandraCRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-size:110%;
	margin:0;
	margin-left:1%;
	padding:0;
	color:#c40791;
	border:none;
	text-decoration:none;
	
}
#information h1{
	font-size:160%;
	font-family:"AleksandraCRegular", Verdana, arial, sans-serif, "Times New Roman", serif;
	margin:0;
	padding:0;
	padding-bottom:0;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	color:#50398a;
	
}
#article{
	overflow:hidden;
	width:98%;
	margin:0;
	padding:0;
	margin-bottom:2%;
	border:none;
}
#article a{
	
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-size:100%;
	/*color:#c40791;#527b53#50398a*/
	color:#50398a;
	border-bottom:solid 1px;
	border-color:#c40791;
	text-decoration:none;
}
#article a:hover{
	color:#c40791;
	border-bottom:solid 1px;
	border-color:#50398a;
	
}
#article a:active{
	color:#c40791;
	border-bottom:solid 1px;
	border-color:#50398a;
}
p.szoveg{
	margin:0;
	margin-top:1%;
	margin-bottom:3%;
	padding:0;
	font-size:125%;
}
#image{
		overflow:hidden;
		width:100%;
		margin-top:2%;
		margin-bottom:1%;
		border:none;
}

p.ingredient{
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	color:#527b53;
	font-size:200%;
	font-weight:normal;	
	font-family:"NK123Regular", "Times New Roman", serif,  Arial, Verdana, sans-serif;
	border:none;
	
}
p.inf{
	padding:0;
	margin:0;
	margin-top:2%;
	color:#656161;
	font-size:180%;
	font-weight:bold;	
	font-family:"AleksandraCRegular", Verdana, arial, sans-serif, "Times New Roman", serif;
	border:none;
	
}
ul.ingredient{
	color:#527b53;
	list-style:none; 
   /* list-style-position: inside; */
	font-weight:bolder;	
	font-size:105%;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;	
	margin-left:0;
	padding-left:0;
	margin-top:1%;
	border:none;
}
li.ingredient{
	padding-top:1%;
}
li.ingredient:before{
	content: ">"; /* Маркер */
 	padding-right: 14px; /* Отступ от маркера до текста */
	
}
#footer{
	
	overflow:hidden;
	width:100%;
	color:#527b53;
	font-family:"NK123Regular", "Times New Roman", serif,  Arial, Verdana, sans-serif;
	margin:0; padding:0;
	margin-top:10%;
	text-align:center;
	
}
#footer a{
	color:#50398a;		
}
#forkbox{
	
	overflow:hidden;
	width:90%;
	color:#527b53;
	margin:0; padding:0;
	padding-top:2%;
	margin-left:5%;
	margin-right:5%;
	border-top:solid 2px;
	border-color:#83AC84;
}
#comment_form{
	width:97%;
	margin:0;
	padding:0; 
	padding-top:4%;
	border:none;
}
#comment_form h3{
	border:none;
	margin:0; padding:0;
	padding-top:7%;
}
#comment_form p{
	border:none;
	margin:0; padding:0;
	padding-bottom:3%;
}
#comment_form p.username{
	border-top:solid 1px;
	border-color:#EEEEEC;
	margin:0; padding:0;
	padding-top:3%;	
	font-family: "PhilosopherBold", Arial, Verdana, sans-serif, "Times New Roman", serif;
	color:#527b53;
	font-weight:bold;
	font-size:120%;
}
#comment_form textarea{
	resize: none;
	outline: none;
	overflow: auto;
	width: 500px;
	border:1px solid #C1A3BE;
	background: #fff;
	box-shadow: 0px 0px 6px #3b3251;
	border-radius:2px;
	padding-top:3%;
}

::-webkit-input-placeholder {color:#D1CED0; font-size:130%;}
::-moz-placeholder          {color:#D1CED0; font-size:130%;}/* Firefox 19+ */
:-moz-placeholder           {color:#D1CED0; font-size:130%;}/* Firefox 18- */
:-ms-input-placeholder      {color:#D1CED0; font-size:130%;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
/**:focus {outline: none;}*/
/* Button Style */
input.submit {
background-color: #AD7FA8;
background: -webkit-gradient(linear, left top, left bottom, from(#3b3251), to(#50398a));
background: -webkit-linear-gradient(top, #3b3251, #50398a);
background: -moz-linear-gradient(top, #3b3251, #50398a);
background: -ms-linear-gradient(top, #3b3251, #50398a);
background: -o-linear-gradient(top, #3b3251, #50398a);
background: linear-gradient(top, #3b3251, #50398a);
border: 1px solid #5C3566;
border-bottom: 1px solid #3b3251;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
box-shadow: inset 0 1px 0 0 #5C3566;
-webkit-box-shadow: 0 1px 0 0 #5C3566 inset ;
-moz-box-shadow: 0 1px 0 0 #5C3566 inset;
-ms-box-shadow: 0 1px 0 0 #5C3566 inset;
-o-box-shadow: 0 1px 0 0 #5C3566 inset;
color: white;
font-weight: normal;
padding: 6px 20px;
text-align: center;
text-shadow: 0 -1px 0 #5C3566;
font-size:22px;
font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
width: 508px;
}
input.submit:hover {
opacity:.85;
cursor: pointer;
}
input.submit:active {
border: 1px solid #5C3566;
box-shadow: 0 0 10px 5px #AD7FA8 inset;
-webkit-box-shadow:0 0 10px 5px #AD7FA8 inset ;
-moz-box-shadow: 0 0 10px 5px #AD7FA8 inset;
-ms-box-shadow: 0 0 10px 5px #AD7FA8 inset;
-o-box-shadow: 0 0 10px 5px #AD7FA8 inset;
}
div.answer{
	width:100%;
	margin:0;
	padding:0; 
	padding-top:3%;
	padding-bottom:3%;
	color:#50398a;
	font-weight:normal;
	font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
	font-size:120%;
	/*padding-left:10%;*/
	border-top:solid 1px;
	border-color:#EEEEEC;
	
}
p.answer{
	width:100%;
	margin:0;
	padding:0; 
	color:#656161;
	font-weight:normal;	
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-size:80%;
	border:0;
}
mark {
    background-color: #EEEEEC;
    color: black;
}
#letter{
	border:none;
	top:0;
	right:0;
	margin:0;
	background:#fff;
	font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
	color:#527b53;
	font-size:120%;
	
}
#letter textarea{
	resize: none;
	outline: none;
	overflow: auto;
	width: 460px;
	border:1px solid #C1A3BE;
	background: #fff;
	box-shadow: 0px 0px 6px #3b3251;
	border-radius:2px;
	padding-top:3%;
}
::-webkit-input-placeholder {color:#D1CED0; font-size:130%;}
::-moz-placeholder          {color:#D1CED0; font-size:130%;}/* Firefox 19+ */
:-moz-placeholder           {color:#D1CED0; font-size:130%;}/* Firefox 18- */
:-ms-input-placeholder      {color:#D1CED0; font-size:130%;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
/**:focus {outline: none;}*/
/* Button Style */
input.submitletter {
background-color: #AD7FA8;
background: -webkit-gradient(linear, left top, left bottom, from(#3b3251), to(#50398a));
background: -webkit-linear-gradient(top, #3b3251, #50398a);
background: -moz-linear-gradient(top, #3b3251, #50398a);
background: -ms-linear-gradient(top, #3b3251, #50398a);
background: -o-linear-gradient(top, #3b3251, #50398a);
background: linear-gradient(top, #3b3251, #50398a);
border: 1px solid #5C3566;
border-bottom: 1px solid #3b3251;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
box-shadow: inset 0 1px 0 0 #5C3566;
-webkit-box-shadow: 0 1px 0 0 #5C3566 inset ;
-moz-box-shadow: 0 1px 0 0 #5C3566 inset;
-ms-box-shadow: 0 1px 0 0 #5C3566 inset;
-o-box-shadow: 0 1px 0 0 #5C3566 inset;
color: white;
font-weight: normal;
padding: 6px 20px;
text-align: center;
text-shadow: 0 -1px 0 #5C3566;
font-size:22px;
font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
width: 468px;
}
input.submitletter:hover {
opacity:.85;
cursor: pointer;
}
input.submitletter:active {
border: 1px solid #5C3566;
box-shadow: 0 0 10px 5px #AD7FA8 inset;
-webkit-box-shadow:0 0 10px 5px #AD7FA8 inset ;
-moz-box-shadow: 0 0 10px 5px #AD7FA8 inset;
-ms-box-shadow: 0 0 10px 5px #AD7FA8 inset;
-o-box-shadow: 0 0 10px 5px #AD7FA8 inset;
}
#letter input.letters{
	border:none;
	top:0;
	right:0;
	margin:0;
	display:none;
	background:#fff;
	font-family:"NK123Regular", "Times New Roman", serif, Arial, Verdana, sans-serif;
	color:#527b53;
	font-size:120%;
	
}
#letter input.letter{
	outline: none;
	overflow: auto;
	margin:0;
	padding:0;
	height:30px;
	width: 300px;
	margin-top:-5px;
	margin-bottom:3%;
	border:1px solid #C1A3BE;
	background: #fff;
	box-shadow: 0px 0px 6px #3b3251;
	border-radius:2px;		
}
#letter input.letter:focus{
	outline: none;
	overflow: auto;
	width: 300px;	
	background: #fff;
	border:1px solid #C1A3BE;
}
#letter input.letter:hover{
	outline: none;
	overflow: auto;
	width: 300px;	
	background: #fff;
	border:1px solid #C1A3BE;
}
#error{
	float:left;
	width:66%;
	background:#fff;
	margin:0;
	padding:0;
	color:#656161;
	border:none;	
}
#error h1{
	text-align:left; 
	font-size:250%;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#527b53;
	text-transform: none;
}
#error h2{
	text-align:left; 
	font-size:120%;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#656161;
	text-transform: none;
}
#error h3{
	text-align:left; 
	font-size:115%;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-weight:bold;
	margin:0;
	margin-top:2%;
	padding:0;
	text-decoration:none;
	color:#527b53;
	text-transform: none;
}
#error a{	
	font-style:normal;
	font-weight:bold;
	margin:0;
	padding:0;
	font-family:"PhilosopherRegular", Arial, Verdana, sans-serif, "Times New Roman", serif;
	font-size:100%;
	color:#c40791;
	border-bottom:solid 1px;
	border-color:#50398a;
	text-decoration:none;
}
#error a:hover{
	color:#50398a;
	border-bottom:solid 1px;
	border-color:#c40791;
	
}
#error a:active{
	color:#50398a;
	border-bottom:solid 1px;
	border-color:#c40791;
}
/* 600px */
@media screen and (max-width: 980px) {

	body{
		width:600px;
	}
	#picture{
		width:100%;
	}
	#picture img{
		border:none;
		width:60%;	
	}
	#login-form{
		float:left;
		margin-top:0;
		margin-left:8%;
		padding:0;
		font-size:110%;	
	}
	#login-form table{
		border:none;
		width:92%;
	}
	#login-form td{
		border:none;
		padding-right:13px;	
	}
	#login-form a{
		margin-right:1%;
	}
	#login-form input.login{
		margin-bottom:1%;
		width: 335px;
		height:27px;
		font-size:100%;	
	}
	#login-form input.login:focus{
		width:335px;	
	}
	#login-form input.login:hover{
		width:335px;	
	}
	#ssilka{
		margin-right:0;
		float:left;
		width:100%;
	}
	p.date{
		font-size:130%;	
		border:none;
		margin:0;
      		padding:0;
		padding-bottom:2%;
	}
	#sections_ul{
		float:left;
		padding-top:1%; 
		width:99%;
	}
	li.sections_li img{
		border:none;
		width:9%;
	}
	li.sections_li{
		display:inline;
		padding:0;
		padding-right:1%;
		margin-left:12%;
		width:auto;
	}
	li.sections_li a{
		margin-left:2%;
	}
	#avtorized{
		padding-bottom:4%;
		margin-right:1%;
		font-size:150%;	
	}
	#categories {
		float:left;
		height:auto;
		margin: 0;
		padding: 0;
		margin-top:1%;
		margin-bottom:1%;
		width:100%;
		font-size: 110%;
		border:none;
	}
	#categories a {
		height:auto;
		text-align:center;
		/*none, auto?*/
		padding:2%;
		padding-top:2%;
		padding-bottom:2%;
		font-size: 100%;	
	}
	div.news{
		width:45%;
		float:left;
		font-size:100%;
		margin-right:2%;
		margin-left:2%;
	}
	#all_news{
		float:left;
		width:98%;
		margin-top:5%;
		margin-left:2%;
	}
	#groups{
		width:29%;
	}
	#groups br{
		line-height:20px;
	}
	#groups a{
		font-size:100%;
		margin-bottom:50%;
	}
	img.d_inf{
		width:100%;
		height:100%;
	}
	#information{
		width:67%;
		font-size:105%;
		margin-left:1%;
		padding-left:1%;
	}

	#information h1{
		font-size:130%;
	}
	#article h3{
		padding-top:0;
		padding-bottom:0;
		margin-top:7px;
	}
	p.szoveg{
		font-size:110%;
	}
	#image img{
		width:100%;
		height:100%;
	}
	p.ingredient{
		float:left;
		margin-top:2%;
		width:100%;
	
	}
	p.inf{
		margin-top:0;
		font-size:170%;
	}
	ul.ingredient{
		float:left;
		margin-top:3%;
	}
	#footer{
		margin-top:1%;
		font-size:110%;	
	}
	#comment_form form{
		width:100%;
		border:none;
	}
	#comment_form input{
		width:100%;
		font-size:120%;	
	}
	#comment_form table{
		width:100%;	
	}
	#comment_form textarea{
		font-size:110%;
		width:99%;
	}
	#letter{
		font-size:105%;	
	}
	#letter textarea{
		font-size:100%;
		width:320px;
		height:235px;
	}
	input.submitletter {
		width:88%;
		font-size:120%;
	}
	#letter input.letter{
		font-size:80%;
		width: 220px;
		margin-bottom:8%;	
	}
	#letter input.letter:focus{
		width: 220px;	
	}
	#letter input.letter:hover{
		width: 220px;	
	}

}