* { 
margin: 0;                           
padding: 0;                            
}

html, body { width: 100%; 
	background: #ffffff;                                       
	font-size: 1rem;
	/* Добавление шрифтов */
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	color: #000000;                       

}                                       
    
	
a {                                            
   color: #FF0000;                               
   outline: none;
   text-decoration: none;                 
}
a:hover {                           
	text-decoration: none;     
}

table.menu {
border-collapse: collapse;
}

 table.main {
    background: #ffffff; /* Цвет фона */
	background-image: none; /* Путь к фоновому изображению */
	font-size: 1rem;
   }
td.main{
    padding: 10px; /* Поля вокруг содержимого таблицы */
	}


 td.fon {
    background: #ffffff; /* Цвет фона */
	background-image: url('../images/bgbig.jpg'); /* Путь к фоновому изображению */
	background-attachment:fixed;   
   }

 td.menu {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	background: #000000; /* Цвет фона */
	color: #ffffff;
	font-size: 1.5rem; /* Размер шрифта */
   }
     


td.active {                                            
	background: #FF0000;   
	color: #000000;
	font-weight: bold;	
	font-size: 1.5rem; /* Размер шрифта */
}


a.active {                                            
	color: #000000; 
	outline: none;
	text-decoration: none;   
	font-weight: bold;		
}

a.menu {                                            
	color: #FFFFFF; 
	outline: none;
	text-decoration: none;   
	font-weight: bold;		
}








input,
textarea {
    padding: 0.5rem; /* Отступы внутри input */
    margin: 0.5rem 0; /* Внешние отступы */
    border: 0.1rem solid #ccc; /* Граница */
    border-radius: 0.5rem; /* Закругленные углы */
    font-size: 1.5rem; /* Размер шрифта */
	font-weight: bold;
    outline: none; /* Убираем обводку при фокусе */
}

/* При фокусе */
input:focus {
    border-color: #FFA500; /* Изменение цвета границы */
    box-shadow: 0 0 0.5rem rgba(0, 123, 255, 0.5); /* Тень при фокусе */
	background-color: #FFFFAA; /* Изменение фона при фокусе */
}

/* При наведении */
input:hover {
    border-color: #FFD500; /* Изменение цвета границы */
}

/* Дополнительные стили для текстовых полей */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
    width: 100%; /* Ширина занимает всю доступную ширину */
    box-sizing: border-box; /* Ширина и высота включают границу и заполнение */
}

/* Дополнительные стили для кнопок */
input[type="submit"],
input[type="button"],
button {
    background-color: #FFD500; /* Цвет фона */
    color: #000000; /* Цвет текста */
    border: none; /* Убираем границу */
    border-radius: 5rem; /* Закругленные углы */
    padding: 0rem 2rem; /* Отступы внутри кнопки */
    cursor: pointer; /* Курсор при наведении */
    transition: background-color 0.3s ease; /* Плавное изменение цвета фона при наведении */
}

/* При наведении */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
    background-color: #FFA500; /* Изменение цвета фона */
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled {
    background-color: #aaaaaa; /* Цвет фона */
    }