Body
	{
		background: url(../style/images/fon.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color: #999;
		max-width:550px;
		margin:  auto;
	}

table
	{
		width:100%;
		border-collapse:collapse;
		border-spacing:0;
	}

input, textarea, select
	{ 
		background-color:#333;
		border:1px solid #233130;
		color:#999;
		font-family:Verdana,Arial,sans-serif,Helvetica;
		font-size:12px;
		padding:2px;
		resize: none;
		outline:none;
	}

input[type="submit"], input[type="button"]
	{ 
		display: inline;
		vertical-align: middle;
		background-color: #333;
		background-image: -webkit-linear-gradient(top,#555,#333);
		background-image: -moz-linear-gradient(top,#555,#333);
		background-image: -ms-linear-gradient(top,#555,#333);
		background-image: -o-linear-gradient(top,#555,#333);
		background-image: linear-gradient(top,#555,#333);
		border: 0px solid gainsboro;
		border: 0px solid rgba(0, 0, 0, 0.1);
		border-radius: 3px;
		color: #bcbcbc; text-shadow: 1px 0px 0px #222;
		cursor: pointer;
		font-size: 9px; 
		font-weight: bold; 
		height: 24px; 
		line-height: 15px; 
		margin: 1px; 
		padding: 0 4px; 
		text-align: center;
	}
 
input[type="submit"]:hover, input[type="button"]:hover
	{
		background-color: #c03725;
		background-image: -webkit-linear-gradient(top,#555,#c03725);
		background-image: -moz-linear-gradient(top,#555,#c03725);
		background-image: -ms-linear-gradient(top,#555,#c03725);
		background-image: -o-linear-gradient(top,#555,#c03725);
		background-image: linear-gradient(top,#555,#c03725);
		box-shadow:0px 0px 2px transparent;
		-webkit-box-shadow:0px 0px 2px transparent;
		-moz-box-shadow:0px 0px 2px transparent;
	}

a, a:link, a:visited, a:hover, a:active 
	{
		color: inherit;           /* Наследует цвет текста родителя */
		text-decoration: none;    /* Убирает подчеркивание */
	}

#circle
	{
		color: #615339;
	}

#circle:after
	{
		content: "\25CF";
	}

div.pg3
	{
		border: 30px solid #303030;
		-moz-border-image: url(../style/images/pg3.png) 30 round round;
		-webkit-border-image: url(../style/images/pg3.png) 30 round round; 
		-o-border-image: url(../style/images/pg3.png) 30 round round;
		border-image: url(../style/images/pg3.png) 30 round round;
	}

.error
	{
		color: #fff;
		padding: 6px 45px;
		border: 2px solid #622727;
		background: url(/style/images/errorrad.png) no-repeat right top;
		background-color: #852222;
		background-size: 15px;
	}

.ok
	{
		margin: 7px 33px;
		color: #fff;
		padding: 6px 45px;
		border: 2px solid #27622c;
		background: url(/style/images/okad.png) no-repeat right top;
		background-color: #228525;
		background-size: 39px;
	}

.knopka
	{
		padding-top: 4px;
	}

.r6
	{
		background: #191919 url(./images/dlfon.gif) repeat;
		border: 1px solid #3d3d3d;
		padding: 2px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

/* хрень для двух кнопок на главной */
.simple-but {display: block; font-weight: bold; color: #d2d2d2; text-decoration: none; text-shadow: #065400 -1px -1px 0;}
.simple-but span {height: 23px; overflow: hidden; display: block; background: url('/images/art/simple_but_bg.png') 0 -25px no-repeat; color: #d2d2d2 !important;}
.simple-but span span {font-size: 70%; line-height: 1 !important; padding: 5px 10px 0; background-position: 100% -50px; text-align: center; white-space: nowrap;}
.simple-but.border {height: 31px; background: #0b9600 url('/style/images/svet_cnopk.png') repeat-x; text-transform: uppercase;}
.simple-but.border span {height: 31px; background: url('/style/images/svet_cnopk.png') 0 -50px no-repeat;}
.simple-but.border span span {padding: 9px 14px 0; background-position: 100% -100px;}
.simple-but.gray {background-color: #4c4c4c; background-position: 0 -450px; text-shadow: #2a2a2a -1px -1px 0;}
.simple-but.gray span {background-position: 0 -475px;}
.simple-but.gray span span {background-position: 100% -500px;}
.simple-but.border.gray {background-position: 0 -600px;}
.simple-but.border.gray span {background-position: 0 -650px;}
.simple-but.border.gray span span {background-position: 100% -700px;}
.simple-but:hover {background-position: 0 -75px; background-color: #0ca900;}
.simple-but.border:hover {background-position: 0 -150px;}
.simple-but.border:hover span {background-position: 0 -200px;}
.simple-but:hover span {background-position: 0 -100px;}
.simple-but:hover span span {background-position: 100% -125px;}
.simple-but.border:hover span span {background-position: 100% -250px;}
.simple-but.gray:hover {background-color: #5e5e5e; background-position: 0 -525px;}
.simple-but.gray:hover span {background-position: 0 -550px;}
.simple-but.gray:hover span span {background-position: 100% -575px;}
.simple-but.border.gray:hover {background-position: 0 -750px;}
.simple-but.border.gray:hover span {background-position: 0 -800px;}
.simple-but.border.gray:hover span span {background-position: 100% -850px;}

.input
	{
		width:140px;
	}
	
.line
	{
		display:block;
		background:#222;
		background-image: url('/style/images/knopk.png');
		color: #ddd;
		border-top:1px solid #3E3D36;
	}

.margin
	{
		margin-top: -4px;
		margin-left: -16px;
		margin-right: -16px;
		margin-bottom: -4px;
	}
   
.prof-razdel 
	{
		background: url(/style/images/knopk.png);
		font-size: 20px;
		display: block;
		font-weight: bold;
		color: #66614f;
		margin-bottom: 5px;
		border: 2px solid rgb(14 11 11);
		padding: 6px;
		box-shadow: 0px 2px 2px 0px rgb(0 0 0);
		border-radius: 8px;  /* Закругление углов */
		text-decoration: none;
	}

.foodbatn
	{
		color: #cccccc; /* Изначально светлый цвет текста */
		text-decoration: none;
		transition-duration: 0.5s;
		padding: 5px 7px;
		display: inline-block;
		border-radius: 25px; /* Овал изначально */
		background-color: rgba(238, 155, 23, 0.15); /* Легкий фон, если нужно */
	}

.foodbatn:hover
	{
		color: #ff3d3d; /* Цвет текста становится более красным */
		text-shadow: 0 0 7px rgba(255, 61, 61, 0.8); /* Эффект тени */
		transition-duration: 0.5s;
		padding: 6px 8px; /* Сохраняем размеры при наведении */
	}

.q2
	{
		margin: 10px;
		margin-top: 0;
		background: #303030 url(/img/dark11.png);
		color: #EF7A00;
		padding: 8px;
		-o-border-radius: 10px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		word-wrap: break-word;
	}
	
.flex-containers 
	{
		display: flex;
		justify-content: flex-start;
		padding: 5px;
		margin-left: 5px;
		height: 100%;
	}
	
.res1
	{
		flex: 0 0 auto; 
		border: 5px solid rgb(18 16 16);
		width: 80px;
		margin-right: 5px;
		text-align: center;
		height: 68px;
	}

.res2
	{
		width: 100%;
		margin: 0;
		text-align: center;
		font-size: 16px; /* добавлен размер шрифта */
	}

.disat
	{
		display: flex;
	}

.ava-nick
	{
		background: url(/style/images/vrag.png);
		border: 3px solid rgb(14 11 11);
		padding: 2px;
		margin-top:7px;
		color: #645d5d;
		font-weight: bold;
		width: 80px;
		margin-left:-5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
.navi
	{
		background: linear-gradient(0deg, #000000, #261f1c 60%, #060605);
		width: 100%;
		border: 2px solid rgb(14 11 11);
		margin-right: 4px;
		margin-bottom: 4px;
		text-align: center;
		padding: 0;
		position: relative;
	}
	
.title
	{
		background: url(/style/images/col_title.png)repeat-x center;
		text-align:center;
		font-size: 12px;
		color: #fff;
	}
	
.title2
	{
		padding: 5px;
		background: linear-gradient(90deg, #180904, #5e2412 50%, #180702);
		box-shadow: inset 0px 0px 10px 3px rgb(0 0 0);
		width: 50%;
		color: #fff;
		font-weight: bold;
		color: #877d7a;
		font-weight: 800;
		margin: 0 auto;
		border-radius: 25px; /* Добавлено закругление углов */
	}
	
	
.place-button
	{
		display: block;
		width: 100%;
		padding: 15px;
		margin: 10px 0;
		background-color: #333333;
		color: white;
		text-align: left;
		cursor: pointer;
		border-radius: 5px;
		overflow: hidden;
		height: 50px;
		transition: height 0.5s ease;
	}

.place-button.expanded 
	{
		height: 100px; /* Новая высота после анимации */
	}

.place-button .description
	{
		display: none;
		font-size: 14px;
		color: red;
		margin-top: 10px;
	}

.place-button.expanded .description
	{
		display: block;
	}

.buy-btn1
	{
		display: block; 
		width: 100%; 
		text-align: center; 
		padding: 10px 0; 
		background-color: darkred; /* Темно-зеленый */
		color: white;
		border-radius: 5px;
		border: 3px solid darkred; /* Темно-зеленая окантовка */
	}

.buy-btn
	{
		display: block; 
		width: 100%; 
		text-align: center; 
		padding: 10px 0; 
		background-color: #006400; /* Темно-зеленый */
		color: white; 
		text-decoration: none; 
		border-radius: 5px; 
		font-size: 16px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Объёмный эффект */
		border: 3px solid #004d00; /* Темно-зеленая окантовка */
		transition: background-color 0.3s, box-shadow 0.3s, border-color 0.3s; /* Плавный переход */
	}

    /* Изменения при наведении */
.buy-btn:hover
	{
		background-color: #228B22; /* Светлый зеленый при наведении */
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Увеличенная тень при наведении */
	}

    /* Дополнительный стиль для картинки */
.dom-img
	{
		border-radius: 10px; 
		border: 3px solid #808080; /* Серый цвет рамки */
	}

.flex-invent1 {

    background: url(/style/images/knopka.png);

    display: flex;

    flex-wrap: wrap;

    padding: 2px;

    border: 2px solid rgb(14 11 11);

    margin-left: 26px;

    margin-right: 24px;

    align-items: center;

}

.invent1-ico1 {

    background: url(/style/images/vrag.png);

    margin: 3px 3px 3px 3px;

    width: 65px;

    line-height: 20px;

    padding: 4px;

    border: 3px solid rgb(14 11 11);

    text-align: center;

    box-shadow: inset 0px 0px 4px 1px rgb(0 0 0);

}

.invent1 {

    background: #1a665f;

    padding: 1px 1px 1px 1px;

    text-align: center;

    font-size: 11px;

    color: #fff;

    border-radius: 20px;

    width: 60px;

    margin: 0 auto;

}
	
    .sort-dropdown {
        display: none;
        position: absolute;
        background-color: #4a4a4a;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .sort-dropdown a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        transition: background-color 0.2s;
    }
    
    .sort-dropdown a:hover {
        background-color: #3a5f7a;
    }
    
    .sort-dropdown.show {
		color: white;
        display: block;
		
    }
	
    .sort-button {
		background: linear-gradient(to bottom, #4a4a4a, #2e2e2e);
        color: white;
        padding: 12px 16px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        width: 100%;
        text-align: center;
        font-size: 15px;
        justify-content: space-between;
        align-items: center;
    }
    
    .sort-button:hover {
        background: linear-gradient(to bottom, #4a4a4a, #636060);
    }