/* Style the body and outer container cms*/

body {
  margin: 0;
  color: #333;
  
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 0.9em;
}

#container {
  width: 960px;
  /* background: #EAEBE8; */
  margin: 20px auto;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


/* The logo and footer */

#logo {
  display: block;
  width: 185px;
  height: 158px;
  padding: 0 778px 0 0;
  background: #E5E5E1;
  border: none;
/*  border-bottom: 1px solid #00a0b0;
  margin-bottom: 40px;*/
}
.line{
  display: block;
  width: 685px;
  height: 10px;
  padding: 0 2px 0 0;
  background: #066924;
    border: 1px solid #666;
   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}
#footer {
  border-top: 1px solid #00a0b0;
  margin-top: 40px;
  padding: 20px 0 0 0;
  font-size: .8em;
}


/* Headings */

h1 {

  COLOR: #066924;
  margin-bottom: 30px;
  line-height: .5em;
  
}

h2, h2 a {
  color: #066924;
}

h2 a {
  text-decoration: none;
}

h3.categoryDescription {
  margin-top: -20px;
  margin-bottom: 40px;
}

h4, h4 a {
  color: #066924;
  
}

h5, h5 a {
  color: #066924;
} 

h6, h6 a {
 background: #066924; /* Цвет фона под заголовком */
 color: white; /* Цвет текста */
 padding: 10px; /* Поля вокруг текста */
 box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
 font-size: .9em; 
}
/* Article headlines */

#headlines {
  list-style: none;
  padding-left: 0;
  width: 75%;
}

#headlines li {
  margin-bottom: 2em;
  clear: both;
}

.pubDate {
  font-size: .6em;
  color: #066924;
  text-transform: uppercase;
}

#headlines .pubDate {
  display: block;
  width: 100px;
  padding-top: 4px;
  float: left;
  font-size: .5em;
  vertical-align: middle;
}

#headlines.archive .pubDate {
  width: 130px;
}

.summary {
  padding-left: 130px;
  width: 830px;
  border: none;
}

#headlines.archive .summary {
  padding-left: 130px;
}

.category {
  font-style: italic;
  font-weight: normal;
  font-size: 60%;
  color: #999;
  display: block;
  line-height: 2em;
}

.category a {
  color: #999;
  text-decoration: underline;
}


/* "You are logged in..." header on admin pages */

#adminHeader {
  width: 700px;
  padding: 0 130px;
  border-bottom: 1px solid #00a0b0;
  margin: -30px 0 40px 0;
  font-size: 0.8em;
}


/* Style the form with a coloured background, along with curved corners and a drop shadow */

form {
  margin: 40px auto;
  padding: 20px 20px;
  overflow: auto;
  background: #EAEBE8;
  border: 1px solid #666;
   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}


/* Give form elements consistent margin, padding and line height */

form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

form ul li {
  margin: .9em 0 0 0;
  padding: 0;
}

form * {
  line-height: .9em;
}


/* The field labels */

label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 10%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
 font-size: 11pt; /* Размер шрифта в пунктах */ 
}


/* The fields */

input, select, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 80%;
}

input, textarea, select, .date {
  border: 2px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  background: #fff;
}
.date_cms {
  width: 15%;
}
input {
  font-size: .9em;
}

select {
  padding: 0;
  margin-bottom: 2.5em;
  position: relative;
  top: .7em;
  font-size: .9em;
}

textarea {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: .8em;
  height: 3em;
  line-height: 0.9em;
}

textarea#content {
  font-family: "Courier New", courier, fixed;
}
  

/* Place a border around focused fields */

form *:focus {
  border: 2px solid #7c412b;
  border-radius: 5px;
  outline: none;
}


/* Display correctly filled-in fields with a green background */

input:valid, textarea:valid {
  background: #efe;
}


 /* Submit buttons */

.buttons {
  text-align: center;
  margin: 10px 0 0 0;
  
}

input[type="submit"] {

  display: inline-block;
  border:3px solid #fff;
  border-radius:8px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  user-select: none; /* убирать выделение текста */
  background: #066924; /* фон кнопки */
  padding: .7em 0.7em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
	
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  
   width: 12em;
 /* 
  
  margin: 0 20px;
  width: 12em;
  padding: 10px;
 
  -webkit-appearance: none;
  */
}

input[type="submit"]:hover, input[type="submit"]:active {
  cursor: pointer;
  background: #fff;
  color: #066924;
  border:3px solid #066924;
}

input[type="submit"]:active {
  background: #fff;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}


/* Tables */

.table_cms {
  width: 100%;
  border-collapse: collapse;
}

.tr_cms, .th_cms, .td_cms {
  padding: 5px;
  font-size: 12pt; 
  margin: 0;
  text-align: left;
}

.table_cms, .th_cms {
  border: 1px solid #00a0b0;
}

.th_cms {
  border-left: none;
  border-right: none;
  background: #ef7d50;
  color: #fff;
  cursor: default;
}

.tr_cms:nth-child(odd) {
  background: #fff4cf;
}

.tr_cms:nth-child(even) {
  background: #fff;
}

.tr_cms:hover {
  background: #ddd;
  cursor: pointer;
}


/* Status and error boxes */

.statusMessage, .errorMessage {
  font-size: .8em;
  padding: .5em;
  margin: 2em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

.statusMessage {
  background-color: #2b2;
  border: 1px solid #080;
  color: #fff;
}

.errorMessage {
  background-color: #f22;
  border: 1px solid #800;
  color: #fff;
}
.comment,
#addCommentContainer{
	
	/* Стиль для комментариев   */
	
	padding:12px;
	width:400px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid white;
	color:#888;
	margin-bottom:25px;
	
	/* Скругленные углы и тени CSS3  */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
}

.comment .avatar{

	/*
	/	Аватар позиционируется абсолютно. 
	/	Внешнее смещение для div комментария
	/*/

	height:50px;
	left:-70px;
	position:absolute;
	width:50px;
	background:url('../images/default_avatar.gif') no-repeat #fcfcfc;
	
	/* Центрируем вертикально */
	
	margin-top:-25px;
	top:50%;

	-moz-box-shadow:1px 1px 0 #c2c2c2;
	-webkit-box-shadow:1px 1px 0 #c2c2c2;
	box-shadow:1px 1px 0 #c2c2c2;
}
	/* Комментарии */
	
.comment .avatar img{
	display:block;
}

.comment .name{
	font-size:20px;
	padding-bottom:10px;
	color:#ccc;
}

.comment .date_comm{
	font-size:10px;
	padding:6px 0;
	position:absolute;
	right:15px;
	top:10px;
	color:#bbb;
}

.comment p,
#addCommentContainer p{
	font-size:16px;
	line-height:1.2;
	overflow-x:hidden;
}

/* защита комментариев от спама */
.town{
display: none;
}


#addCommentContainer input[type=text],
#addCommentContainer textarea{

	/* Стиль для ввода  */

	display:block;
	border:1px solid #ccc;
	margin:5px 0 5px;
	padding:3px;
	font-size:12px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}

#addCommentContainer textarea{
	width:300px;
}

.label_comm{
	font-size:10px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#submit{
	
	/* Кнопка "Отправить */
	
	background-color:#066924;
	border:1px solid #7c412b;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	margin-top:5px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#submit:hover{
	background-color:#FFFFFF;
	color:#066924;
	border-color:#52b1e2;
}


/* Стили страницы Demo */

#main{
	position:relative;
	margin:0 auto;
	width:427px;
}


a img{
	border:none;
}

.lastcomment{
	
	/* Стиль для последнего комментария   */
	
	padding:20px;
	width:400px;
	position:relative;
	left: -250px; /* Положение от левого края */

	background-color:#fcfcfc;
	border:1px solid white;
	color:#888;
	margin-bottom:25px;
	
	/* Скругленные углы и тени CSS3  */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:4px 4px 0 #c2c2c2;
	-webkit-box-shadow:4px 4px 0 #c2c2c2;
	box-shadow:4px 4px 0 #c2c2c2;
}
.knopka {
  display: inline-block;
  border:3px solid #fff;
  border-radius:8px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  user-select: none; /* убирать выделение текста */
  background: #066924; /* фон кнопки */
  padding: .7em 0.7em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
	
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
} 
.knopka:hover { background: #fff; color: #066924; border:3px solid #066924; } /* при наведении курсора мышки */
.knopka:active { background: #fff; color: #066924; border:3px solid #066924; } /* при нажатии */

/* Статистика  */
.help{color: #434565; font-size: 80%}

/* Поиск */
.table_se{
	vertical-align: top; 
	text-align: left; 
	width: 100%; 
	border-left:150px solid #FD1E07; 
	border-right:150px solid #FD1E07; 
	border-radius: 50%;
	box-shadow: 0px 0px 19px rgba(0,0,0,0.75);
}
.input_se{
	COLOR: #066924; 
	background: #fff;  
	FONT-FAMILY: verdana, Arial Cyr, Helvetica; 
	FONT-SIZE: 11px;
	font-weight:bold;
	HEIGHT: 20px;
}
.p_se{
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height: 0.7em;
}
.p_se_err{
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #B50A3A;
	
}
.i_se{
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
}

/* Музыка */
.table_mus{
	padding: 0; 
	border-spacing: 0;
}
.td_mus_title{
	border:7px solid #DDE1DE; 
	color: #DDE1DE; 
	background: #04541B; 
	FONT-SIZE: 18px; 
	font-weight:bold; 
	text-align: center;
}

/* Текущая дата */
div.month {
        /* Задаем размеры будущего прямоугольника с закругленными углами */
        width: 100px; 
        height: 55px; 
        /* Заливаем градиентом */
        background-image: linear-gradient(bottom, #D3DAD5 , #39784C );
        background-image: -o-linear-gradient(bottom, #D3DAD5 , #39784C );
        background-image: -moz-linear-gradient(bottom, #D3DAD5 , #39784C );
        background-image: -webkit-linear-gradient(bottom, #D3DAD5 , #39784C );
        background-image: -ms-linear-gradient(bottom, #D3DAD5 , #39784C );
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.6, #D3DAD5),
                color-stop(0.32, #39784C)
        );
        /* Делаем наконец-таки круглые углы */
        -moz-border-radius:    8px; 
        -webkit-border-radius: 8px; 
        border-radius:         8px;
        /* Настраиваем отображение текста */
        padding: 4px 0 0;
        text-align: center;
        text-transform: uppercase;
        font-family: Verdana, Arial, Helvetica, Sans-serif;
        font-size: 11px;
        font-weight: bolder;
        color: #fff;
        /* Выставляем «position» так, чтобы другие блоки нас не беспокоили */
        position: absolute;
}

div.day {
        /* Устанавливаем размеры */
        width: 65px; 
        height: 35px;
        /* Заливаем градиентом */
        background-image: linear-gradient(bottom, #DBE2E5 , #A3B9AA );
        background-image: -o-linear-gradient(bottom, #DBE2E5 , #A3B9AA );
        background-image: -moz-linear-gradient(bottom, #DBE2E5 , #A3B9AA );
        background-image: -webkit-linear-gradient(bottom, #DBE2E5 , #A3B9AA );
        background-image: -ms-linear-gradient(bottom, #DBE2E5 , #A3B9AA );
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.9, #DBE2E5),
                color-stop(0.39, #A3B9AA)
        );
        /* Устанавливаем закругленные углы */
        -moz-border-radius:    8px; 
        -webkit-border-radius: 8px; 
        border-radius:         8px;
        /* Настраиваем стилизацию текста.. */
        padding: 3px 0 0;
        text-align: center;
        font-family: Georgia, Arial, Helvetica, Sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        /* ..и положение блока относительно других */
        position: absolute;
        top: 24px;
        /* Добавляем тени */
        -moz-box-shadow: 0 3px 0px rgba(188,235,254,0.9);
        -webkit-box-shadow: 0 3px 0px rgba(188,235,254,0.9); 
        box-shadow: 0 3px 0px rgba(188,235,254,0.9); 
}

div.day:after {

        /* Никакого контента */
        content:"";
       
        /* Размеры установятся автоматически */
        width: 0;
        height: 0;
   
        /* Задаем относительность сего блока, по отношению к остальным */
        position: absolute;
        right: 27px;
        top: 100%;

        /* «Рамки c торчалкой» */ 
        border-left: 6px solid transparent;
        border-top: 6px solid #DBE2E5;
        border-right: 6px solid transparent; 


}

div.day:before {
        /* Здесь тоже не нужен контент */
        content:"";

        /* Размеры, также, автоматически */
        width: 0;
        height: 0;

        /* И снова позиционирование */
        position: absolute;
        right: 24px;
        top: 100%;
        /* И снова «рамки» */
        border-left: 9px solid transparent;
        border-top: 9px solid #bcebfe;
        border-right: 9px solid transparent; 
}
.topbutton {
width:80px;
border:2px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:50px;
right:50px;
cursor:pointer;
color:#066924;
font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
border-radius: 5px;
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.downbutton {
width:80px;
border:2px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:50px;
left:50px;
cursor:pointer;
color:#066924;
font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
border-radius: 5px;
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/* Надпись на картинке к краткому содержанию */
.imgblock {
    position: relative;
    display: inline-block;
}

.imgblock img {
	
}
.imgblock span {
   background: rgba(0,0,0,0.1); /* прогзрачность 0, 1 = нет прозрачности */
    color: #F6F90C; /* не используется. Указывается на месте */
    border-radius: 2px;
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 12px;
    padding: 1px 1px;
}

/* Надпись на картинке раздела память */
.imgblockmem{
    position: relative;
    display: inline-block;
}

.imgblockmem img {
position: relative;
}
.imgblockmem span {
 /*  background: rgba(0,0,0,0.1);  прозрачность 0, 1 = нет прозрачности */
    color: #F3C772; /* не используется. Указывается на месте */
    border-radius: 2px;
    position: absolute;
    left: 0;
	right: 0;
    bottom: 300px;
    font-size: 32px;
	font-weight: bold;
 	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
/* подсветка для дня победы */	
	text-shadow: 0 0 20px #fefcc9, 
	10px -10px 30px #feec85, 
	-20px -20px 40px #ffae34, 
	20px -40px 50px #ec760c, 
	-20px -60px 60px #cd4606, 
	0 -80px 70px #973716, 
	10px -90px 80px #451b0e;
}
/* Увеличение размера картинки */
.zoombox {
display: inline-block; /* Строчно-блочный элемент */
}
.zoombox img {
-webkit-transition:all 1s linear 0s;
-moz-transition:all 1s linear 0s;
-o-transition:all 1s linear 0s;
transition:all 1s linear 0s;
-webkit-transform-origin:center;
-moz-transform-origin:center;
-ms-transform-origin:center;
-o-transform-origin:centert;
transform-origin:center;
}
.zoombox img:hover {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}