/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background-color: #fff;
}

a
{
	color: #0077dd;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: #004778 url('images/a5.gif') bottom left repeat-x;
	height: 10em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}

/* Menu */

#menu
{
	position: absolute;
	top: 5em;
	right: 3em;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
	border-left: dotted 1px #E0E8EF;
}

#menu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li a
{
	color: #fff;
	padding: 0.1em;
	text-decoration: none;
}

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

/* Content */

#content
{
	line-height: 1.5em;
}


#content p
{
	margin-bottom: 1.5em; text-align: justify;text-indent: 30px;
}

#content h2,h3,h4,h5,h6
{
	color: #545454;
	margin-bottom: 1em;
	/*border-bottom: dashed 1px #dfdfdf;*/
	padding-bottom: 0.3em;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
	text-align: justify;
}

#content table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
}

#content table th
{
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
	border-right: solid 1px #fff;
}

#content table tr.rowH
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#content table tr.rowA
{
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB
{
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: 0em -19em 0em -19em;
	width: 100%;
}

#primaryContent
{
	margin: 1.5em 19em 0em 17.25em;
	padding: 1.5em 3em 1.5em 3em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 14em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a1.gif') top right repeat-y;
}

#secondaryContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: #fff url('images/a3.gif') top right no-repeat;
	height: 64px;
	width: 128px;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: right;
	width: 15em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a2.gif') top left repeat-y;
}

#tertiaryContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: #fff url('images/a4.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}

/* Footer */

#footer
{
	position: relative;
	z-index: 1;
	border-top: dashed 1px #dfdfdf;
	padding: 1em 0em 2em 0em;
	margin: 1em 2em 0em 2em;
	text-align: center;
}

.clear
{
	clear: both;
}
#details[open] {  padding-bottom: 50px;}

#details[open] .details__title {  margin-bottom: 8px;}

#details__title { background: #fff;  border-radius: 0px;  padding: 6px 0px;  font-size: 13px;  color: navy; cursor: pointer;  list-style: none;  font-weight: 400;  transition: .3s; }

#details__title::-webkit-details-marker {  display: none;}

#details__content { background: #666; padding: 0 32px;  font-size: 18px;  margin-bottom: -60px;font-size: 10px;background: #fff; }

#details__content a{text-indent:0px; margin-bottom: 0;margin-top: -12;;font-size: 12px;padding:0px 0px;}
#details__content p:first-child {  margin-top: 0;;font-size: 12px;padding: 6px 0px;}


<style>
	body {font: 100%/1.4 Arial Narrow;  margin: 0; padding: 0; background:linear-gradient(to bottom,  #eaebe0, #b5ba91)}
	p.ZS {text-align: center; font-size: 14px; color:#fefbec ; margin:0; padding:0;letter-spacing: 2px; }
	p.ZB {text-align: center; font-size: 22px; color:#fefbec ; margin:0; padding:0;text-transform: uppercase;letter-spacing: 2px;font-weight:700}
 	p.foot {text-align: justify; margin: 0px; adding:0px;font-weight:400; color: #003399;} 
 	p.list {text-align: justify; margin: 0px; adding:0px;font-weight:400; color: #003399;font-size: 12px;  font-style: italic;} 
	p.foto {text-align: center; margin: 0px; adding:0px;font-weight:700; color: #d82323;font-size: 20px;  font-style: regular;} 
	h3 {text-align: center; font-size: 20px; color:#000770; font-weight:700;padding: 0px; margin:0px; margin-bottom: 2px;letter-spacing: 2px;}
	h4 {text-align: center; font-size: 16px; color:#000770; font-weight:700;padding: 0px; margin:0px; margin-bottom: 2px;}
	h5 {text-align: left; font-size: 14px; color:#000770; font-weight:700;padding: 0px; margin:0px; font-style:italic}
	.content {padding: 0px 0;width: 80%;float: left;}
	.content p {text-indent: 1.5em; text-align:  justify ; font-size: 14px; color:#000770; margin: 0 5px; font-weight:400;padding: 2px 0}
	.content p.foto {text-indent: 0em;text-align: center; margin: 0px; adding:0px;font-weight:700; color: #000770;font-size: 20px;  font-style: regular;letter-spacing: 5px;}
	.content p.fotoSB {text-indent: 0em;text-align: center; margin-bottom: 5px; adding:0px;font-weight:700; color: #000770;font-size: 16px;  font-style: regular;}
	.content p.fotoSI {text-indent: 0em;text-align: center; margin-bottom: 0px; adding:0px;font-weight:400; color: #000770;font-size: 16px;  font-style: italic;}
	.content p.redcolor {text-indent: 1.5em; text-align:  justify ; font-size: 14px; color:#e74089; margin: 0 5px; font-weight:700;}
	.content a {font-size:14px; color: #000770; text-decoration: none;}
	.content a:hover {font-size:16px; color: #000770; text-decoration: underline;font-weight:700;}


	.sidebar2 a {font-size:12px; color: #000770; text-decoration: none;padding: 0px; margin: 0px; text-align: center; }

	.rectangle{width: 100%; height: auto; /*border:1px solid*/; margin:auto; background: #c9cbae;} 
	.text_center{color: #000770; text-align: center; border-radius: 5px;padding:0px; margin:10px 0px 5px 0px;font-weight:700;font-size: 18px; letter-spacing: 2px;}	

	.rectangle1{width: 100%; height: auto; border:1px solid #E3EBE0; margin:auto; background: #000770;font-size: 20px; color:#fefbec;letter-spacing: 3px; padding:5px 0px } 
	.text_center1{color:#fefbec; text-align: center; border-radius: 5px;font-size: 20px}	

	.leftfoto{ float:left; margin: 0px auto 0px;  padding-left: 1px}






/* верхнее меню*/
	.nav {text-align: center;background: #c9cbae; }
	.nav a {text-decoration: none;display: block;transition: .5s linear;}
	.nav ul {list-style: none;margin: 0;padding: 0;}
	.topmenu > li {display: inline-block;/*Если вместо block задать inline-block,меню будет горизонтальным*/position: relative;width: 160px;vertical-align: middle;}
	.topmenu > li:hover {display: inline-block;/*Если вместо block задать inline-block,меню будет горизонтальным*/position: relative;width: 160px;vertical-align: middle;text-decoration: underline;}
	.topmenu > li > a {font-weight: bold;padding: 10px 15px;font-size: 12px;font-weight:700;text-transform: uppercase;letter-spacing: 2px;height: 50px; vertical-align:middle; display:table-cell;width: 180px;color:#003399}
	.submenu {position: absolute;left: 0px;z-index: 5;width: 240px;visibility: hidden;opacity: 0;transform: translateY(10px);transition: .5s ease-in-out;background: rgba(201, 203, 174,1)}
	.submenu li {position: relative;border-top: 1px solid #003399;margin:2px;}
	.submenu li:hover {position: relative;border-top: 1px solid #003399;margin:2px;text-decoration: underline;}
	.submenu a { text-align: center;font-size: 11px;font-weight:700;text-transform: uppercase;letter-spacing: 1px;padding: 5px 10px;color:#003399}
	.submenu .submenu {position: absolute;top: 0;left: 200px;}
	.nav li:hover > .submenu {visibility: visible;opacity: 1;transform: translateY(0px);}

	.topmenu > li > a.down:after {content: " +";}
	.submenu > li > a.right:after {content: " +";}



/* заголовок */
	.header { display: flex; height:150px; overflow:hidden;background: #000770;text-align: center;   }
	.header1 {width: 10%; display: flex; justify-content: center;  align-items: center;}
	.headerimg {width: 10%; overflow: hidden;  margin: auto}

	#center {    width: 60%;} 
	.box {width: 20%; overflow: hidden;height:150px; }
	.box1 {width: 100%;height:50px;font-size: 14px; color:#fefbec ; letter-spacing: 2px; display: flex;  justify-content: center;  align-items: flex-end ;} 
	.box2 {width: 100%;height:50px;font-size: 22px; color:#fefbec ; text-transform: uppercase;letter-spacing: 2px;font-weight:700; display: flex;   justify-content: center;  align-items: center;} 
	.box3 {width: 100%;height:50px;font-size: 14px; color:#fefbec ; letter-spacing: 2px; display: flex;  justify-content: center;  /*align-items: center;*/} 


/* подвал */
<!--	#footer {height: 50px;border-top: 1px double #AAA;margin-top: auto; border-bottom: 1px solid blue; margin: 0px; padding: 0px; }-->
	.footerclassL{width:39%;text-align: left;font-size: 12px; margin: 0px; padding: 0px 0px 5px 5px;overflow: hidden; flex: 1;margin:auto}
	.footerclassC{width:15%;text-align: center;font-size: 12px; margin: 0 px;padding: 0px 0px 5px 5px;overflow: hidden; flex: 1;margin:auto}
/* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
	.footer {height: 100px;padding: 0px;position: relative;clear: both;display: flex; }
	.sidebar ul li a {/*color: white;*/text-decoration: none;}
	.footer a:visited {color:#fefbec; text-decoration: underline;}
	.marginauto {margin: 0px auto 0px;display: block;}

/*закладки для расписания*/
/* Базовые стили для всего виджета */
	.demoTabsZ {display: block; /*background-color: #e0ddcf*/;  border: 2px solid #68523d; color: #4a4440;; text-align: center;}
	.demoTabsR {display: block; /*background-color: #e0ddcf*/;  border: 2px solid #68523d; color: #4a4440;; text-align: center;}
	.demoTabsV {display: block; /*background-color: #e0ddcf*/;  border: 2px solid #68523d; color: #4a4440;; text-align: center;}
/* Внутренние отступы и граница для области содержимого */
	.demoTabsZ__content {border-top: 2px solid #68523d;padding: 16px;}
	.demoTabsR__content {border-top: 2px solid #68523d;padding: 0px;}
	.demoTabsV__content {border-top: 2px solid #68523d;padding: 0px;}
/* Скрываем радиокнопки */
	.demoTabsZ__tab {display: none;}
	.demoTabsR__tab {display: none;}
	.demoTabsV__tab {display: none;}
/* По умолчанию область контента каждой конкретной вкладки скрыта */
	.demoTabsZ__area {display: none;}
	.demoTabsR__area {display: none;}
	.demoTabsV__area {display: none;}
/* Стили для параграфа внутри области контента */
	.demoTabsZ__area p {margin-bottom: 16px}
	.demoTabsR__area p {margin-bottom: 10px}
	.demoTabsV__area p {margin-bottom: 10px}
/* Стилизация одной вкладки */
	.demoTabsZ__label {display: inline-block;font-weight: 700;padding: 5px 10px;margin: 0;/*background-color: #8b6e5d*/;color: #003399;cursor: pointer;width:18%}
	.demoTabsR__label {display: inline-block;font-weight: 700;padding: 0px 10px;margin: 0;/*background-color: #8b6e5d*/;color: #003399;cursor: pointer;width:15%}
	.demoTabsV__label {display: inline-block;font-weight: 700;padding: 0px 10px;margin: 0;/*background-color: #8b6e5d*/;color: #003399;cursor: pointer;width:15%}
/* Изменение цвета вкладки при наведении курсора */
	.demoTabsZ__label:hover {background-color: #c9cbae;color: #fefbec;}
	.demoTabsR__label:hover {background-color: #c9cbae;color: #fefbec;}
	.demoTabsV__label:hover {background-color: #c9cbae;color: #fefbec;}
/* Меням цвет вкладки, если она выбрана */
	.demoTabsZ__tab:checked + .demoTabsZ__label {background-color: #c9cbae;color:#fefbec;}
	.demoTabsR__tab:checked + .demoTabsR__label {background-color: #c9cbae;color:#fefbec;}
	.demoTabsV__tab:checked + .demoTabsV__label {background-color: #c9cbae;color:#fefbec;}
/* Если конкретная вкладка (радиокнопка) выбрана, то ищем соседний элемент с классом .demoTabs__content, в котором отображаем блок с data-атрибутом, соответствующим id активной вкладки */
	.demoTabsZ #demoTabZ-P19:checked ~ .demoTabsZ__content .demoTabsZ__area[data-tab="demoTabZ-P19"],
	.demoTabsZ #demoTabZ-T21:checked ~ .demoTabsZ__content .demoTabsZ__area[data-tab="demoTabZ-T21"],
	.demoTabsZ #demoTabZ-N31:checked ~ .demoTabsZ__content .demoTabsZ__area[data-tab="demoTabZ-N31"],
	.demoTabsZ #demoTabZ-T26:checked ~ .demoTabsZ__content .demoTabsZ__area[data-tab="demoTabZ-T26"],
	.demoTabsZ #demoTabZ-M18:checked ~ .demoTabsZ__content .demoTabsZ__area[data-tab="demoTabZ-M18"],

	.demoTabsR #demoTabR-sheni:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-sheni"],
	.demoTabsR #demoTabR-shlishi:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shlishi"],
	.demoTabsR #demoTabR-ravei:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-ravei"],
	.demoTabsR #demoTabR-hamishi:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-hamishi"],
	.demoTabsR #demoTabR-shishi:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shishi"],
	.demoTabsR #demoTabR-shabbat:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shabbat"],
	
	.demoTabsR #demoTabR-sheniT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-sheniT21"],
	.demoTabsR #demoTabR-shlishiT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shlishiT21"],
	.demoTabsR #demoTabR-raveiT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-raveiT21"],
	.demoTabsR #demoTabR-hamishiT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-hamishiT21"],
	.demoTabsR #demoTabR-shishiT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shishiT21"],
	.demoTabsR #demoTabR-shabbatT21:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shabbatT21"],
	
	.demoTabsR #demoTabR-sheniN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-sheniN31"],
	.demoTabsR #demoTabR-shlishiN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shlishiN31"],
	.demoTabsR #demoTabR-raveiN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-raveiN31"],
	.demoTabsR #demoTabR-hamishiN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-hamishiN31"],
	.demoTabsR #demoTabR-shishiN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shishiN31"],
	.demoTabsR #demoTabR-shabbatN31:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shabbatN31"],
	
	.demoTabsR #demoTabR-sheniM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-sheniM18"],
	.demoTabsR #demoTabR-shlishiM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shlishiM18"],
	.demoTabsR #demoTabR-raveiM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-raveiM18"],
	.demoTabsR #demoTabR-hamishiM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-hamishiM18"],
	.demoTabsR #demoTabR-shishiM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shishiM18"],
	.demoTabsR #demoTabR-shabbatM18:checked ~ .demoTabsR__content .demoTabsR__area[data-tab="demoTabR-shabbatM18"],
	
	.demoTabsV #demoTabV-sheni:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-sheni"],
	.demoTabsV #demoTabV-shlishi:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-shlishi"],
	.demoTabsV #demoTabV-ravei:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-ravei"],
	.demoTabsV #demoTabV-hamishi:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-hamishi"],
	.demoTabsV #demoTabV-shishi:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-shishi"],
	.demoTabsV #demoTabV-shabbat:checked ~ .demoTabsV__content .demoTabsV__area[data-tab="demoTabV-shabbat"] {display: block;}

/*убираем пустые промежутки между ячейками*/, 	   /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
	table {border-collapse: collapse; border-bottom: 1px solid grey; width: 100%;padding-bottom:1px}

	table.table {border-collapse: collapse;width: 100%;padding:0px; margin:0px}
	table td{border: 1px dotted #00BFFF;}
	table td.first_td {width: 30%;text-align: center; padding:0px; margin:0px}
	table td.second_td {width: 25%;text-align: center;overflow: hidden;text-overflow: ellipsis;}
	table td.three_td {width: 15%;text-align: center;}
	table td.four_td {width: 15%;text-align: center;}
	table td.five_td {width: 15%;text-align: center;}

/*	table {border-collapse: collapse; border-bottom: 1px solid grey; width: 100%;padding-bottom:1px;color: #003399;}
	table.table {border-collapse: collapse;width: 100%;}
	table td{border: 1px dotted #00BFFF;}
	table td.first_td {width: 9%;text-align: center; }
	table td.second_td {width: 9%;text-align: center;overflow: hidden;text-overflow: ellipsis;}
	table td.three_td {width: 9%;text-align: center;}
	table td.four_td {width: 9%;text-align: center;}
	table td.five_td {width: 9%;text-align: center;}
	table td.six_td {width: 9%;text-align: center;}
	table td.seven_td {width: 9%;text-align: center;}
	table td.eight_td {width: 9%;text-align: center;}
	table td.name_td {width: 10%;text-align: center;}
	table.R tr:first-child > * {background-color: #c9cbae;font-weight: 700;color: #003399;}*/


	table.R {border-collapse: collapse; border-bottom: 1px solid grey; width: 100%;padding-bottom:1px;color: #003399;}
	table.R {border-collapse: collapse;width: 100%;}
	table.R td{border: 1px dotted #000770}
	table.R td.first_td {width: 9%;text-align: center; }
	table.R td.second_td {width: 9%;text-align: center;overflow: hidden;text-overflow: ellipsis;}
	table.R td.three_td {width: 9%;text-align: center;}
	table.R td.four_td {width: 9%;text-align: center;}
	table.R td.five_td {width: 9%;text-align: center;}
	table.R td.six_td {width: 9%;text-align: center;}
	table.R td.seven_td {width: 9%;text-align: center;}
	table.R td.eight_td {width: 9%;text-align: center;}
	table.R td.name_td {width: 10%;text-align: center;}
	table.R tr:first-child > td {background-color: #c9cbae;font-weight: 700;color: #003399;}
	/*table.R tr:first-child {background-color: #c9cbae;font-weight: 700;color: #003399;}*/

/*список -аккордеон*/
	summary.main {list-style: none;width: 100%; height: auto; border:1px solid #E3EBE0; margin:auto; background: #000770;font-size: 20px; color:#fefbec; letter-spacing: 3px; padding:5px 0px; text-align:center;}
	summary.SM {list-style: none;width: 100%; height: auto; border:1px solid #E3EBE0; margin:auto; background: #000770;font-size: 16px; color:#fefbec; letter-spacing: 1px; padding:5px 0px; text-align:center;}
	summary.SMM {list-style: none;width: 90%; height: auto; border:1px solid #E3EBE0; margin:auto; background: #000770;font-size: 14px; color:#fefbec; letter-spacing: 1px; padding:5px 0px; text-align:center;}
	summary.SMAfor {list-style: none;width: 100%; height: auto; border:1px solid #E3EBE0; margin:auto; background: #b5ba91;font-size: 14px; color:#000770; letter-spacing: 1px; padding:5px 0px; text-align:center; font-weight:700;}
/*нумерованный список*/
	summary.list {list-style: none;width: 90%; height: auto; margin-left:1.5em; font-size: 14px; color: #000770; letter-spacing: 1px; padding:5px 0px; text-align:letf; }
	summary:after {content: " +";/*margin-left: .3em;*/}
	details[open] > summary:after {content: " -";}
	summary:marker{display:none;}
	details.smm {background: #000770;}
					

/*для ежедневного меню*/
	menu1 {width:90%; padding-left:5%}
	menuKazar {width:80%; padding-left:5%}
/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
	padding-right: 0px;
	padding-left: 0px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
	a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
	/*a:link {color:#fefbec;
	text-decoration: none; *//* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
	/*a:visited {color:#fefbec; text-decoration: underline;}*/
	a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none; font-size: 16px}

/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
	width: 100%;
	/*max-width: 1260px; желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 780px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
	/*background:linear-gradient(to bottom,  #eaebe0, #b5ba91);*/
	min-height: 1048px;
	margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}


	

/* ~~ Столбцы для макета. ~~ 
1) Поля размещены только вверху и/или внизу DIV. Элементы в этих DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.
2) Столбцы не снабжаются полями, поскольку все они обтекающие. Если нужно добавить поля, то  желательно не с той стороны, с которой обтекается столбец (например, правое поле у div, настроенного на обтекание справа).  Часто вместо этого можно применить padding. В случаях, когда это правило приходится нарушить, следует добавить к правилу div объявление "display:inline", чтобы исправить ошибку с удвоением полей в некоторых версиях Internet Explorer. 
3) Поскольку классы можно использовать в документе многократно (а к элементу можно применять несколько классов), то столбцам вместо идентификаторов назначены имена классов. Например, два DIV с боковыми панелями могут при необходимости стыковаться. По желанию имена можно легко заменить на идентификаторы при условии, что они используются по одному на документ.
4) Если вы предпочитаете, чтобы панель навигации была справа, а не слева, просто установите обтекание столбцов в противоположном направлении (все справа, а не слева), они выстроятся в обратном порядке. Перемещать DIV в исходном коде HTML-документа не нужно.
*/
	.sidebar1 {float: left;width: 10%;/*background:linear-gradient(to bottom,  #00BFFF, #FFF)*/;padding-bottom: 10px;min-height: 1024px}

	.sidebar1 {float: left;width: 10%;/*background:linear-gradient(to bottom,  #eef4c2, #c2c6a4)*/;padding-bottom: 10px;min-height: 1024px;font-size: 12px; text-align: center; color:#000770}
	.sidebar1 a {text-decoration: none;}
	.content {padding: 0px 0;width: 80%;float: left;min-height: 1024px}
	.sidebar2 {float: left;width: 10%;/*background:linear-gradient(to bottom,  #eaebe0, #b5ba91)*/;padding: 0;min-height: 1024px; text-align: centre; align: centre; }
	.sidebar2 h1 {text-align: center; font-size: 12px; /*color: white; */margin:0; padding:0;font-weight:700;}
	.sidebar2 p {text-align: center; font-size: 10px; /*color: white; */margin: 0 5px; font-weight:400;}
	/*.sidebar2 a {text-align: center; font-size: 10px; color: #003399; margin: 0 5px; font-weight:700;}*/



/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
	.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
	}

/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
	ul.nav {list-style: none; /* удаляет маркер списка */
	border-top: 1px solid #666; /* создает верхнюю границу ссылок — все остальные размещаются с использованием нижней границы в LI */
	margin-bottom: 15px; /* создает пространство между навигацией по содержимому ниже */
	}
 /* разделяет кнопки */
	ul.nav li {border-bottom: 1px solid #666;}

/* группировка этих селекторов гарантирует, что ссылки будут выглядеть как кнопки даже после того, как пользователь перейдет по ним */
	ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 15px;
	display: block; /* наделяет ссылку свойствами блока, из-за чего она заполняет весь содержащий ее элемент LI. При этом вся область реагирует на щелчок мышью. */
	text-decoration: none;background: #00BFFF;/*color: #FFF;*/}

 /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	ul.nav a:hover, ul.nav a:active, ul.nav a:focus {background: #003399;/*color: #FFF;*/}

/* ~~ Нижний колонтитул ~~ */
/* IE6 получает hasLayout для правильной очистки */


/* ~~прочие классы float/clear~~ */
/* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	.fltrt {float: right; margin-left: 8px;}

/* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	.fltlft {float: left;margin-right: 8px;}

/* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}




.content { margin-right: -1px; } /* это отрицательное поле в 1 пиксел можно поместить в любом столбце данного макета с таким же корректирующим эффектом. */
ul.nav a { zoom: 1; }  /* свойство масштабирования предоставляет IE триггер hasLayout, необходимый для удаления лишнего пустого пространства между ссылками */

</style>