body, html {
background-image: url(img/bg3.png); /*bg8  - это 8-е марта*/
background-attachment: fixed;
background-size:75%; /*размер фон.изображения*/
background-position:30% 1px; /*позиционирование по ширине и длине соответственно*/
background-repeat:no-repeat;
-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:102% auto; /* Opera 9.5 */
-webkit-background-size:102% auto; /* Safari 3.0 */
-khtml-background-size:cover; /* Konqueror 3.5.4 */
background-size:cover; /* CSS3 */
 
margin:0px; padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:950px;  /*задаем минимальную ширину макета в современных браузерах */
max-width:1800px;
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 950
?
"950px"
:
"auto"
)
:
(
document.body.clientWidth < 950
?
"950px"
:
"auto"
)
);
}
/* стили для шапки сайта */
#header{
text-align:right;


margin:0px; 
/*background-image: url(img/background4.png);*/
/*border: 0px double #245404; */
height: 240px;


    padding: 5px; /* Поля вокруг текста */

}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке.  */
	padding: 10px 0; /* Задаем поля */
}
/*стили для левой колонки сайта */
#left{
/*background-color:#a9d28c;*/
/*    background: rgba(0, 170, 238, 0.2);*/ 
    color: #2E2119; /* Цвет текста */
    padding: 5px; /* Поля вокруг текста */

width:20px;  /*ширина колонки */
float:left;  /* выравнивание по левому краю,с включением обтекания*/
}
/* стили для правой колонки сайта */
#right{
width:20px; /*ширина правой колонки */
/*background-color:#a9d28c;*/
float:right; /*выравнивание колонки по правому краю с включением обтекания */
}
/*стили для блока контента */
#content{
/*background-color:#d5d7b5;*/
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:210px; /* отступ слева больше ширины левой колонки */
margin-right:210px; /* отступ справа больше ширины правой колонки */
}
#content h1 {
margin:0px; /*  отступы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* отступы для параграфов, находящегося в блоке контента.*/
padding:5px; 
}
/*атрибут, который опускает подвал сайта ниже всех блоков. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/* стили для подвала сайта */
#footer{
text-align:center;
/*background-color:#d292bc;*/
}
#footer{
margin:0px;
  padding: 10px 0; 
}

#bg {
position:fixed;
 top:0;
 left:0; 
min-width:100%; 
 min-height:100%;
}

form label {
  display: inline-block;
  width: 225px;
  font-weight: bold;
}
#

 #textarea {
    background: violet;
    border: 2px dashed blue;
    color: white;
	resize: auto;
    }
#blink5 { 
-webkit-animation: blink5 2s linear infinite; 
animation: blink5 2s linear infinite; 
} 
@-webkit-keyframes blink5 { 
0% { color: rgb(128, 0, 0); } 
50% { color: rgb(183, 165, 14); } 
100% { color: rgb(128, 0, 0); } 
} 
@keyframes blink5 { 
0% { color: rgb(128, 0, 0); } 
50% { color: rgb(183, 165, 14); } 
100% { color: rgb(128, 0, 0); } 
}
@-webkit-keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } @keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } #blink7 { color: rgb(245,245,245); text-shadow: 0 -1px rgba(0,0,0,.1); background: green; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite; }

@-webkit-keyframes blink6 { 10% { transform: scale(1, 1) rotate(80deg); } 20% { transform: scale(0, 0) rotate(160deg); } 100% { transform: scale(0, 0) rotate(0deg); } } @keyframes blink6 { 10% { transform: scale(1, 1) rotate(80deg); } 20% { transform: scale(0, 0) rotate(160deg); } 100% { transform: scale(0, 0) rotate(0deg); } } #blink6 { position: relative; display: inline-block; color: #fff; text-shadow: 0 0 10px #3d7a97; background: #064578; } #blink6:after, #blink6:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100px; height: 100px; background-image: radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 30%), linear-gradient(45deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%), linear-gradient(135deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%); -webkit-animation: blink6 10s linear infinite; animation: blink6 5s linear infinite; transform: scale(0, 0) rotate(0deg); } #blink6:before { top: -30%; right: 0; left: auto; -webkit-animation-delay: 5s; animation-delay: 2s; }