﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

/*
Theme Name: NotesIL
Theme URI: http://notes.co.il/
Description: Two-column theme with different color schemes. Based on the original design of http://notes.co.il by Jordan 

Lewinsky and built on top of the Sandbox theme.
Version: 0.6
Author: Automattic
Author URI: http://automattic.com/
Tags: red, white, microformats, fixed-width, two-columns, left-sidebar, rtl-language-support, custom-colors, 

custom-background, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

p {
padding: 0px !important ;
margin: 0px !important ;

}
img {border:0px;}

a.box {
	color: #008888;
	font-weight: bold;
	font-size: 30px:
	text-decoration: none;
}
	
a.thickbox {
	color: #686319;
	font-weight: bold;
	text-decoration: none;
}

a.thickbox:hover {
    color: #7E7719;
	font-weight: bold;
	text-decoration: underline;
}

div#box {
-moz-border-radius: 7px 0 0 7px; 
-khtml-border-radius: 7px 0 0 7px; 
-webkit-border-radius: 7px 0 0 7px; 
border-radius: 7px 0 0 7px; 
	float: left;
	overflow: hidden;
	width: 155px;
        background: #765345;
        padding: 5px;
        margin-bottom: 20PX;
}


table#zag6 {
margin-bottom: 20px;
margin-top: 20px;
position: relative;
z-index: 1;
}

table#sidetab {
position: relative;
}

td#zag7 {
-moz-border-radius: 10px 10px 0px 0px;
-khtml-border-radius:  10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
 
}

/* СТИЛИ БОКОВОГО МЕНЮ */
   .sidebar2, .sidebar3, .sidebar4, #vk_groups1, #vk_groups1 {
-moz-border-radius: 7px 0 0 7px; 
-khtml-border-radius: 7px 0 0 7px; 
-webkit-border-radius: 7px 0 0 7px; 
border-radius: 7px 0 0 7px;
	float:none;
	overflow: visible;
	width: 165px;
        margin-bottom: 20px;
        margin-top: 20px;	
}

 #vk_groups {
-moz-border-radius: 7px 7px 7px 7px; 
-khtml-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;


}

.sidebar4 {
background: url(/FILE/SIDEBAR.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
	margin-right: 400px;
}

   .sidebar2 {
background: url(/FILE/SIDEBAR.jpg) ;
background-position: left top;
background-repeat: no-repeat;
padding: 5px;
margin-bottom: 0px;
margin-top: 0px;
	#z-index:1;
}

   .sidecontainer { 
	float: left;
	overflow: visible;
	width: 165px;
        margin-bottom: 20px;

		position: relative;
	//background: #BFBFBF;
	#opacity:0.9999;
	#z-index:1;
   }
      
    #js2slideshow {
	position:relative;
	width: 165px;
	height: 330px;
	overflow: hidden;

  padding-top: 5;
  #opacity:0.9999;
 }
 
 #js2slideshow img{
  opacity: 1;
  filter: alpha(Opacity=100);
 }
 
 
 .a_baner { 
 opacity: 0;
   	transition: opacity 2s; 
 position: absolute;
 display: inline-block;
}
 #solid{
	display: block;
	position: absolute;
	top: -36px;
	right: -36px;
	z-index:3;
	transition: transform 1s;  
}

/* КОНЕЦ СТИЛЕЙ БОКОВОГО МЕНЮ */




/* СТИЛИ ДЛЯ ЗАГОЛОВКА */
.zagolovok {
        font-family: georgia;
	margin-left: 25px;
        margin-top: 50px;
        color: #000000;
	font-size: 50px;
	#letter-spacing: -0.04em;
	#text-shadow: 3px 3px 2px rgba(0,0,0,0.2);
}


td#zagolovok8,
td#zagolovok9,
td#vsmenu {
    font-family: Arial;
	margin-left: 0px;
    font-weight: bold;
    color: #525655;
	font-size: 23px;
	
background: rgb(224,221,213); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,221,213,1) 37%, rgba(112,106,83,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(224,221,213,1)), color-stop(80%,rgba(112,106,83,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* IE10+ */
background: linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ddd5', endColorstr='#706a53',GradientType=0 ); /* IE6-9 */

        #height: auto !important;
        padding: 0px;
        vertical-align:middle;
}

td#vsmenu_sidebar {
    font-family: Arial;
	margin-left: 0px;
    font-weight: bold;
	font-size: 14px;
    height: 22px;
    vertical-align: middle;
    padding: 0px;
	border-bottom: 2px solid black;
}

td#zagolovok8:hover {
        font-family: Arial;
	margin-left: 0px;
        font-weight: bold;
        color: #514746;
vertical-align: middle;
background: rgb(112,106,83); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(112,106,83,1) 20%, rgba(224,221,213,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(112,106,83,1)), 

color-stop(80%,rgba(224,221,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* IE10+ */
background: linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a53', endColorstr='#e0ddd5',GradientType=0 ); /* 

IE6-9 */

    
padding: 0px;
}


td#zagolovok8 a {
margin-top: 0px;
text-align: center;
        float: none !important;
        float: left;
        display: block;
width: 100%;
height: 40px;
text-decoration: none;
color: #625655;
line-height: 35px;
vertical-align:middle;
}

td#zagolovok8:hover a {
color: #514746;
}
/* КОНЕЦ СТИЛЕЙ ДЛЯ ЗАГОЛОВКА */

.entry-title,
.entry-meta,
#trackbacks-list,
#respond {
	clear: both;
}


form#commentform .form-label {
	margin: 1em 0 0;
}
form#commentform span.required {
	color: #c30;
}
form#commentform,
form#commentform p {
	padding: 0;
}
input#author,
input#email,
input#url,
textarea#comment {
	padding: 0.2em;
	display: block;
	margin-left: 120px;
	margin-top: -20px;
}
#comments {
	clear: both;
	margin-top: 20px;
}
div.comments ol li {
	margin: 0 0 3.5em;
}
textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
}
div.gallery {
	clear: both;
	height: 180px;
	margin: 1em 0;
	width: 100%;
}
p.wp-caption-text {
	font-style: normal;
}
.hentry h2,
.edit-link {
	clear: both;
}
.page .edit-link {
	padding-top: 10px;
	#opacity:0.9999;
	#z-index:1;
}
div.gallery dl {
	margin: 1em auto;
	overflow: hidden;
	text-align: center;
}
div.gallery dl.gallery-columns-1 {
	width: 100%;
}
div.gallery dl.gallery-columns-2 {
	width: 49%;
}
div.gallery dl.gallery-columns-3 {
	width: 33%;
}
div.gallery dl.gallery-columns-4 {
	width: 24%;
}
div.gallery dl.gallery-columns-5 {
	width: 19%;
}
div#nav-above {
	margin-bottom: 1em;
}
div#nav-below {
	margin: 1em 0;
}
div#nav-images {
	height: 150px;
	margin: 1em 0;
}
div.navigation {
	height: 1.25em;
}
div.navigation div.nav-next {
	float: right;
	text-align: right;
}
div.sidebar h3 {
	font-size: 1.1em;
}
div.sidebar input#s {
	width: 7em;
}
div.sidebar li {
	list-style: none;
	#margin: 0 0 2em;
}
div.sidebar li form {
	margin: 0.2em 0 0;
	padding: 0;
}

div.gallery dl,
div.navigation div.nav-previous {
	float: left;
}


div.gallery *,
div.sidebar div,
div.sidebar h3,


/*
LAYOUT: Two-Column (Left)
*/
html,
body,
div {
	margin: 0;
	padding: 0;
	#text-align: justify;
}
div#wrapper {
	margin: 0 auto;
}

div#container {
	width: 950px;
	margin: 0 auto;
	#opacity:0.9999;
	#z-index:1;
}

div#header h1,
div#blog-description {
	width: 740px;
	margin: 0 auto;
}
div#content {
-moz-border-radius: 0 0px 0 0;
-khtml-border-radius:  0 0px 0 0;
-webkit-border-radius: 0 0px 0 0;
border-radius: 0 0px 0 0;
	width: 725px;
        padding: 12px 20px 12px 20px;
        margin-bottom: 20PX;

        background: url(/FILE/CONTENT.png) ;
		position: relative;
		#z-index: 0;
float: right;
}
div.sidebar {
-moz-border-radius: 7px 0 0 7px; 
-khtml-border-radius: 7px 0 0 7px; 
-webkit-border-radius: 7px 0 0 7px; 
border-radius: 7px 0 0 7px;
	float: left;
	overflow: hidden;
	width: 155px;
        background:  url(/FILE/SIDEBAR.jpg) #BFBFBF;
        padding: 5px;
        margin-bottom: 20px;

}

div#secondary {
	clear: left;
        margin-bottom: 20PX;


}


/*COLORS
*/

/*Default dark-red*/
h2.entry-title,
h2.entry-title a,{
	color: #525655;
	text-decoration: none;
	
}

a,
div.sidebar ul li a:hover {
	color: #000000;
}


a.published {
	color: #000 !important;
	border-bottom: 1px dotted;
	text-decoration: none;
}
.post h3 {
	color: #666;
}
a:hover,
div.sidebar ul li a {
	color: #00447C;
}
#header,
#footer,
th {
	background: #1FBFBF;
}
#footer a,
h1#blog-title,
h1#blog-title span a,
#header,
#footer,
div#blog-description,
th {
	color: #000000;
}
div.sidebar h3 {
	color: #555;
	border-color: #bdbdbd;
}
div.comment-meta,
div.comment-actions,
.trackback div.comment-author,
.pingback div.comment-author {
	background: #D5A8A8;
}
div.comment-meta,
.trackback div.comment-author,
.pingback div.comment-author,
div#comments ul li.comment blockquote,
table,
td,
th {
	border-color: #9B9B9B;
}
div#comments div.singlecomment,
#respond,
div#comments h3 {
	background: #E5E4E8;
}
h2.entry-title,
blockquote {
	border-color: #525655;
	text-decoration: none;
}
.buxaLT,
.buxaST {
	background: #FFC9C9;
}

/*black*/
.black a,
.black h2.entry-title,
.black h2.entry-title a,
.black div.sidebar ul li a:hover {
	color: #000;
}
.black .post h3 {
	color: #FF6600;
}
.black a:hover,
.black div.sidebar ul li a {
	color: #F60;
}
.black #header,
.black #footer,
.black th {
	background: #000;
}
.black div.comment-meta,
.black div.comment-actions,
.black .trackback div.comment-author,
.black .pingback div.comment-author {
	background: #D6D6D6;
}
.black div.comment-meta,
.black .trackback div.comment-author,
.black .pingback div.comment-authorת div#comments ul li.comment blockquote,
.black table,
.black td,
.black th {
	border-color: #9B9B9B;
}
.black div#comments div.singlecomment {
	background: #F1F1F1;
}
.black h2.entry-title,
.black blockquote {
	border-color: #000;
}
.buxaLT,
.buxaST {
	background: #CDCDCD;
}

/*
DESIGN + TYPOGRAPHY
*/
body {
	font-family: Arial, sans-serif;
	font-size: 90%;
        background: #FFF url(/FILE/FON.jpg) repeat ;
}

#header {
	height: 80px;
	padding-top: 20px;
}
#footer {

}
a:hover {
	text-decoration: none;
}
h1#blog-title,
h1#blog-title span a {
	text-decoration: none;
}
h1#blog-title img.blog-icon {
	float: left;
	margin-right: 8px;
}

/* ВОТ ЭТОТ ПО УМОЛЧАНИЮ */
h2.entry-title,
h2.entry-title a {
	font-weight: bold;
	font-size: 23px;
    color: #000;
	text-decoration: none;
	margin: 2px 0 2px 0;
}
h3 {
	font-size: 1em;
	margin: 3px 0;
}
div.entry-meta {
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
	#padding-top: 25px;
}
div.entry-actions {
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
	margin-top: 5px;
}
div.sidebar h3 {
	font-weight: 400;
	font-family: Arial;
        font-size: 0px;
        COLOR: #423654;
        text-align: center;
}
div.sidebar ul {
	list-style-type: none;
}
div.sidebar ul li {
	list-style-type: none;
	font-size: 0.9em;
	#line-height: 1.6em;
}
div#comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#comments ul li {
	margin: 0 0 20px 0
}
div#comments ul.children {
	margin: 10px 0 0 20px;
}
div.comment-meta {
	height: 20px;
}
div.comment-meta,
.trackback div.comment-author,
.pingback div.comment-author {
	padding: 6px 0px 6px 6px;
	font-size: 0.9em;
	line-height: 20px;
	border-bottom: 4px solid;
}
.trackback div.comment-author,
.pingback div.comment-author {
	min-height: 20px;
	height: auto;
}
div.comment-meta img.avatar {
	float: right;
	padding: 0 0 0 5px;
	margin-top: -6px;
}
div.comment-meta span.fn,
div.comment-meta span.comment-date {
	float: left;
}
div.comment-actions {
	font-size: 0.9em;
	padding: 2px 0;
	float: right;
}
div#comments div.singlecomment {
	padding: 0;
	margin: 0;
}
div#comments div.singlecomment p,
div#comments ul li.comment blockquote {
	padding: 4px;
	margin: 0;
}
span.unapproved {
	display: block;
	padding: 4px;
	margin: 0;
	font-style: normal;
	font-weight: bold;
}
div#comments ul li.comment blockquote {
	margin: 4px 0 4px 20px;
	padding: 0 4px 4px 4px;
	border-left: 1px dotted;
}
#respond {
	padding: 10px;
}
form#commentform p {
	clear: both;
	margin: 20px 0;
	padding: 0;
}
#comments h3 {
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: normal;
	border-left: 14px solid #707070;
	display: inline-block;
	padding: 4px;
	margin-bottom: 10px;
}
.form-label,
.form-input {
	margin: 1em 0 0;
}
.form-textarea {
	clear: both;
}
#respond textarea {
	width: 98%;
}
.form-label,
.form-input {
	display: block;
	float: left;
}
.form-label {
	width: 120px;
}
#respond input[type="text"] {
	width: 160px;
}
.form-submit {
	clear: left;
}
#respond .form-allowed-tags {
	display: none;
}
#respond .comment-notes {
	font-size: 12px;
}
blockquote {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid;
}
.entry-content embed,
.entry-content object,
.entry-content table,
.entry-content img {
	/*margin: 0px auto;*/
}
.entry-content img.size-auto,
.entry-content img.size-full,
.entry-content img.size-large,
.entry-content img.size-medium,
.entry-content .attachment img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.entry-content .entry-attachment img {
	display: block;
}


td,
th {
	padding: 4px;
	margin: 0;
}


div.sidebar li {
	clear: both;
}
div.sidebar li.widget_notes_author img.avatar {
	float: left;
	margin: 0 8px 8px 0;
}
div.sidebar li.widget_notes_author h3 {
	color: #000;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	border: 0;
}
div.sidebar li.widget_notes_author p {
	margin: 0;
}
table.recentcommentsavatar,
table.recentcommentsavatar td {
	border: 0;
}
.alignright,
img.alignright {
	float: right;
	margin: 1em 0 0 1em;
}
.alignleft,
img.alignleft {
	float: left;
	margin: 1em 1em 0 0;
}
.aligncenter,
img.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #e0ddd5;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption.aligncenter {
	margin: 10px auto;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.widget_calendar table,
.widget_calendar table td {
	border: 1px solid #BDBDBD;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
}
.gallery-caption,
.sticky,
.bypostauthor {
}
.sharing {
	clear: both;
}

/* СПОЙЛЕР ЗДЕСЬ!11 */
/* СПОЙЛЕР ЗДЕСЬ!11 */
.spoiler-wrap {

background: rgb(224,221,213); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(224,221,213,1) 0%, rgba(112,106,83,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,221,213,1)), 

color-stop(100%,rgba(112,106,83,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(224,221,213,1) 0%,rgba(112,106,83,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(224,221,213,1) 0%,rgba(112,106,83,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(224,221,213,1) 0%,rgba(112,106,83,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(224,221,213,1) 0%,rgba(112,106,83,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ddd5', endColorstr='#706a53',GradientType=1 ); /* 

IE6-9 */

width:650px;
border-color:#000000;
border-style:solid;
border-width:1px 1px 1px 2px;
margin:6px;
}
.spoiler-head {
font-size:12px;
font-weight: bold;
line-height:15px;
margin-left:6px;
cursor:pointer;
width: 650px;
padding:1px 14px 3px;
}
.folded {
background:url(/FILE/icon_plus_1.gif) no-repeat scroll left center 

transparent;
display:block;
padding-left:14px;
}
.unfolded {
background:url(/FILE/icon_minus_1.gif) no-repeat scroll left center 

transparent;
display:block;
padding-left:14px;
}
.spoiler-body {
background:none repeat scroll 0 0 #F4FEF3;
border-top:1px solid #29755f;
line-height:20px;
padding:1px 6px 2px;}
/* СПОЙЛЕР ВЫШЕ!11 */
/* СПОЙЛЕР ВЫШЕ!11 */

/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

/* СТИЛИ ФУТЕРА ЗДЕСЬ!11 */
/* СТИЛИ ФУТЕРА ЗДЕСЬ!11 */

div#footer {
       -moz-border-radius: 7px 7px 7px 7px;
       -khtml-border-radius: 7px 7px 7px 7px;
       -webkit-border-radius: 7px 7px 7px 7px;
       border-radius: 7px 7px 7px 7px;
	clear: both;
	width: 940px;
	#height: 60px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto 0;
	background: #BFBFBF;
	position: relative;
	margin-top: 20px;
}
div.map {
	width: 940px;
	text-align:center;
	#display: none;
}

#d_search {
	width: 155px;
	border: 1px solid #68624a;
	margin-top:2px;
	position: relative;
	background: transparent;
	transition: background 0.1s;
}

input#search-text {
	border: none;
	outline: none; /* Убираем свечение в Chrome и Safari */
	-webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
	width: 135px;
	height: 17px;
	vertical-align: middle; /* Выравнивание по середине */
	background: transparent; 
	#color: #514746;
	padding-right: 20px;
}

input#search-text::-webkit-input-placeholder {color:#5d5747}
input#search-text::-moz-placeholder          {color:black}/* Firefox 19+ */
input#search-text:-moz-placeholder           {color:black}/* Firefox 18- */
input#search-text:-ms-input-placeholder      {color:#5d5747}



input#searchsubmit {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	#background: url(/FILE/search.png) no-repeat;
	#border:none;
	position:absolute;
	#z-index:10;
	left:140px;
	top:3px;
	cursor: pointer;
}


div.map a.mainlink{
	font-weight: bold;
	text-align: center;
	text-decoration: none;	
}

img#arrow-map {
	height:15px; 
	padding-left:5px; 
}

div#site-map {
	display: none;
	text-align:left;
}



   
/*СТИЛЬ ПУТЕЙ СТРАНИЦЫ*/
div.kama_breadcrumbs {
font-style: italic;
padding-bottom: 15px;
font-weight: bold;
   }
   
   /*СТИЛЬ БОКОВОГО МЕНЮ НОВОГО*/
   ul.side-menu {
margin: 0;
padding: 0;
display: inline-block;
width: 155px;

}
ul.side-menu li {
list-style: none;
position: relative;
text-align: center;
border-bottom: 2px solid black;
#height: 21px;
}
ul.side-menu li a {
padding-top: 2px;
padding-bottom: 2px;
display: block;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #514746;
text-decoration: none;
transition: background 0.3s;
}
ul.side-menu li a:hover,
ul.side-menu li:hover > a {
font-size: 14px;
#padding-bottom: 1px;
#padding-top: 1px;
color: #7c6968;
background: rgba(224,221,213,0.5) 100%;
}

ul.side-menu li ul,
ul.side-menu li ul.side-sub-menu li ul {
margin: 0;
padding: 0;
display: none;
background: url(/FILE/SIDEBAR1.png);
z-index: 9999;
}
ul.side-menu li:hover ul,
ul.side-menu li ul.side-sub-menu li:hover ul {
left: 155px;
top: 0px;
width: 180px;
display: block;
position: absolute;
color: #7c6968;
}
ul.side-menu li ul.side-sub-menu li:hover ul {
left: 180px;}
	

  
/*КОНЕЦ СТИЛЯ БОКОВОГО МЕНЮ НОВОГО*/

/*НАЧАЛО СТИЛЯ ГОРИЗОНТАЛЬНОГО МЕНЮ НОВОГО*/
ul.head-menu {
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
font-size: 23px;	
}

ul.head-menu li {
float: left;
position: relative;
list-style: none;
line-height: 40px;
	text-align: center;
	}
	
ul.head-menu, ul.head-menu li{
	background: rgb(224,221,213); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,221,213,1) 37%, rgba(112,106,83,1) 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(224,221,213,1)), color-stop(80%,rgba(112,106,83,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* IE10+ */
	background: linear-gradient(top,  rgba(224,221,213,1) 37%,rgba(112,106,83,1) 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ddd5', endColorstr='#706a53',GradientType=0 ); /* IE6-9 */

}

ul.head-menu li a {
padding: 0px 0px;
display: block;
text-decoration: none;
width: 116px;
height: 40px;
	font-family: Arial;
	#margin-left: 0px;
    font-weight: bold;
    color: #525655;
	font-size: 23px;
	display: inline-block; 

}

ul.head-menu li a:hover,
ul.head-menu li:hover > a,.eyesee:hover {
background: rgb(112,106,83); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(112,106,83,1) 20%, rgba(224,221,213,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(112,106,83,1)), color-stop(80%,rgba(224,221,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* IE10+ */
background: linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a53', endColorstr='#e0ddd5',GradientType=0 ); /* IE6-9 */

}

ul.head-menu li ul,
ul.head-menu li ul.head-sub-menu li ul {
margin: 0;
padding: 0;
display: none;
}

ul.head-menu li ul.head-sub-menu li{
background: #e0ddd5;
line-height: 26px;
}
ul.head-menu li ul.head-sub-menu li a{

background: #e0ddd5;
height: 26px;
margin: 0;
padding: 0;
font-family: Arial;
text-decoration: none;
font-weight: bold;
color: #625655;
font-size: 14px;
vertical-align: middle;
border-bottom: 2px solid black;
line-height: 26px;
vertical-align:middle;
}

ul.head-menu li ul.head-sub-menu li a:hover{
background: rgb(224,221,213); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,221,213,1) 0%, rgba(252,249,249,1) 50%, rgba(224,221,213,1) 100%); /*FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,221,213,1)), color-stop(50%,rgba(252,249,249,1)), color-stop(100%,rgba(224,221,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ddd5', endColorstr='#e0ddd5',GradientType=0 ); /* IE6-9 */
}

ul.head-menu li:hover ul {
display: block;
position: absolute;
top: 40px;
}
/*ul.head-menu li ul.head-sub-menu li:hover ul {
left: 200px;
top: 0px;
display: block;
position: absolute;
z-index: 100;
}*/
ul.head-menu li:hover ul li {
float: none;
}

/*КОНЕЦ СТИЛЯ ГОРИЗОНТАЛЬНОГО МЕНЮ НОВОГО*/
/*СТИЛИ ДЛЯ СТРАНИЦЫ ИСТОРИЯ*/
 .hisleft{float: left; }
 .hisright{float:right;}
 
   .hissign {
   border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
 border: 1px solid #fff;
 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    padding: 10px; /* Поля внутри блока */
    margin: 5px 10px 5px 10px; /* Отступы вокруг */
   }
   .hissign p{margin: 0px;}
   .hissign figcaption {
	text-align:center;
	font-size: 80%;
    *margin: 0 0 0px; /* Отступы вокруг абзаца */
   }
  /*КОНЕЦ СТИЛЕЙ ДЛЯ СТРАНИЦЫ ИСТОРИЯ*/
  </style> 
  
  /* ВЫСКАКИВАЮЩЕЕ МЕНЮ ЗДЕСЬ*/
/* ВСПЛЫВАЮЩЕЕ МЕНЮ ЗДЕСЬ*/
td#vsmenu {
        padding: 0px;
          }
td#vsmenu:hover {
        padding: 0px;
	width: 115px;
background: rgb(112,106,83); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(112,106,83,1) 20%, rgba(224,221,213,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(112,106,83,1)), 

color-stop(80%,rgba(224,221,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* IE10+ */
background: linear-gradient(top,  rgba(112,106,83,1) 20%,rgba(224,221,213,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a53', endColorstr='#e0ddd5',GradientType=0 ); /* 

IE6-9 */
          }

ul#menu88 {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 115px;
	}

ul#menu88 li {
	position: relative;
	margin: 0;
	padding: 0;
    list-style-type: none;
	}

ul#menu88 li ul {
	position: absolute;
	left: 0;
	top: 40px;
	display: none;
	margin: 0;
	padding: 0;
	}

/* ОПРЕДЕЛЯЕТ СТИЛЬ БЛОЧНОЙ ССЫЛКИ ЗАГОЛОВКА */
ul#menu88 li#zag33 a {
	display: block;
	text-decoration: none;

        height: 40px;
	width: 115px;
	text-align: center;
	margin: 0;
	padding: 0;

	color: #625655;
        font-family: Arial;
        font-weight: bold;
	font-size: 23px;

        line-height: 35px;
        vertical-align:middle;
	}
	
ul#menu88 li#zag34 a {
	display: block;
	text-decoration: none;

        height: 40px;
	width: 142px;
	text-align: center;
	margin: 0;
	padding: 0;

	color: #625655;
        font-family: Arial;
        font-weight: bold;
	font-size: 23px;

        line-height: 35px;
        vertical-align:middle;
	}	

/* ОПРЕДЕЛЯЕТ СТИЛЬ БЛОЧНОЙ ССЫЛКИ ПОДПУНКТА */
ul#menu88 li#punkt a, ul#menu88 li#punkt34 a{
	display: block;
	background: #e0ddd5;
    height: 26px;
	margin: 0;
	padding: 0;

        font-family: Arial;
	text-decoration: none;
        font-weight: bold;
        color: #625655;
	font-size: 14px;
        vertical-align: middle;
        border-bottom: 2px solid black;

        line-height: 26px;
        vertical-align:middle;
	}

ul#menu88 li#punkt35 a  {
	display: block;
	background: #e0ddd5;
    height: 26px;
	margin: 0;
	padding: 0;

        font-family: Arial;
	text-decoration: none;
        font-weight: bold;
        color: #625655;
	font-size: 23px;
        vertical-align: middle;
        #border-bottom: 2px solid black;

        line-height: 26px;
        vertical-align:middle;
	}	
	
ul#menu88 li#punkt a, ul#menu88 li#punkt35 a{	
	width: 115px;	
	}
	
ul#menu88 li#punkt34 a {	
	width: 142px;
margin-left: 0px;	
	}	

/* ОПРЕДЕЛЯЕТ СТИЛЬ БЛОЧНОЙ ССЫЛКИ ПОДПУНКТА ПРИ НАВЕДЕНИИ УКАЗАТЕЛЯ*/
ul#menu88 li#punkt a:hover, ul#menu88 li#punkt34 a:hover{
	display: block;

background: rgb(224,221,213); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,221,213,1) 0%, rgba(252,249,249,1) 50%, rgba(224,221,213,1) 100%); /* 

FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,221,213,1)), 

color-stop(50%,rgba(252,249,249,1)), color-stop(100%,rgba(224,221,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* 

Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* Opera 

11.10+ */
background: -ms-linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* IE10+ 

*/
background: linear-gradient(top,  rgba(224,221,213,1) 0%,rgba(252,249,249,1) 50%,rgba(224,221,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ddd5', endColorstr='#e0ddd5',GradientType=0 ); /* 

IE6-9 */

        height: 26px;

	margin: 0;
	padding: 0;

        font-family: Arial;
	text-decoration: none;
        font-weight: bold;
        color: #000000;
	font-size: 15px;
        border-bottom: 2px solid black;
	}
	
ul#menu88 li#punkt a:hover {
width: 115px;
}

ul#menu88 li#punkt34 a:hover {
margin-left: 0px;
width: 142px;
}

ul#menu88 li:hover ul { display: block; }
/*КОНЕЦ КОДА МЕНЮ*/
/*КОНЕЦ КОДА МЕНЮ*/