/* 
Св.жёлтый : #FFFCC4
Серые: 
	FFFFFF-белый
	F0F0F0-почти белый
	EEEEEE-бледный фон новостей
	E9E9E9-тень текста
	DDDDDD-светлый
	444444-тёмный (основной шрифт)
	000000-чёрный
Зелёные:
	EAF2D8 -почти белый
	bfd988-светло
	88ac37-средне
	63821d-тёмно 
Жёлтые:
    fc0 - подсвет таблиц
	FF9E00-оранж
	8E6100-корич
	red-красный
	900000-бардо
Синие (по colorscheme.ru)
	CEE9FF - бледно гол
	BCE1FF - голубой
	A6D7FF - основной цвет фона 
	8DA9BF - сероголубой
	3673A6 - синий
Корич
	FEFBF2 -очень светло
	E0D5B7 -светло
	74653D -потемнее
	C3AD7B -цвет заголовка
*/

ul,li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none;}
table {
	width:100%;
	/*font-size: 10pt;*/
	border-collapse:collapse;}
th {
	background:#E0D5B7;
    color:#74653D;
	padding: 5px;
	/*font-size: 12px;*/
	text-align:center;
}
td {padding: 3px}


/*************************************/	
/* вид input */	
/*************************************/	
.list_okno{ /* Список домов - улиц*/
	padding: 3px;
	cursor: pointer;
	margin: 3px;
	/*color: #3673A6;/*цвет текста выбранной улицы*/
	background: #E0D5B7; /*фон выбранной улицы*/
    font-size: 14px;
	width: 300px;
}
.list_label{ /*Дом, Улица*/
	float:left;
	width: 80px;  /* 700 + 300 = 1000 */
	border-style: none;
	color: #444444;
	font-weight: bold;
	font-size: 18px;
	/*margin-top:25px;*/
	text-shadow: 1px 1px #E9E9E9; /*тень*/
}

/*************************************/	
/*для admfile1.php присоединения файлов*/
/*************************************/	

.file_li_tr {
	display:table-row;	
	margin:0; padding:0;
}
.file_li_tr > div {
	display:table-cell;
	text-align:center;
	border:1px;
}
/*.img_ramka{
		border:5px solid #e0d5b7;
		border-radius: 25px;
		text-align:center;
		padding:10px 0 0 0;
		background:#FEFBF2;
	};	
  /*------------------------------------*\
 --- ВЫПАДАЮЩИЕ ПУНКТЫ года---
\*------------------------------------*/
#skrep_nav{
	/*float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;*/
}
#skrep_nav li{
	float:left;
	/*margin-right:10px;*/
	position:relative;
	display:block;
}
#skrep_nav li a{
	display:block;
	/*padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного *
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;*/
}
#skrep_nav li ul li a{
	padding:5px 20px;
	background:#333;
}
#skrep_nav li a:hover{
	/*color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным *
	text-decoration:underline;*/
}

#skrep_nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#skrep_nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	/*background:url(dot.gif);*/
}
#skrep_nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#skrep_nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:-5px; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
	text-decoration:none;
}
#skrep_nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	/*	text-decoration:none;*/
}
#skrep_nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	background:rgba(224, 213, 183, 1.27); /* Выглядит полупрозрачным */
	-webkit-transition:-webkit-transform 0.075s linear;
	
}
#skrep_nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	/*text-decoration:underline;*/
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
	