#header {
background:rgba(254, 220, 142, 0.7) no-repeat center;
border: orange 2px solid;
height: 80px;
width: 978px;
margin: auto;
}

html {
background: url(images/oboi2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.logotip {
position:absolute;
padding: 18px 0px 0px 16px;
	}
	
.radio{ /* радио на чате */
margin-top: 0;
padding: 0px 770px 0 0px;
height: 0;
}

.navigation {
list-style: none; /* прячем маркеры */
width:232px;
margin: auto;
}

.navigation li {
float: left; /* выстраиваем элементы списка в один ряд */
margin-right: 15px; /* делаем отступ чтобы пункты меню не сливались */
}

.navigation li a {
display: block; /* меняем отображение на блок, чтобы иметь возможность задавать внутренние отступы */
padding: 3px 5px;
 background:rgba(238, 186, 115, 0.5); /* цвет кнопки */
color: #8B4513;
border: orange 1px solid; 
border-radius: 5px; /* закругляем края кнопок */
text-decoration:none; /* убираем подчёркивание */
position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation li a:hover {
background:rgba(247, 228, 202, 0.8); /* цвет кнопки при наведении */
color: #FFA500; /* цвет текста при наведении */
}

body{
  color:#D2691E;
}

table {
 border: 0;
 margin: 0 avto;
 text-align: center;
}

div { 
border-radius: 7px;
}

tr {
background:rgba(254, 220, 142, 0.7);
}

p {
 color:#8B4513;
}

#main { /* блоки 200Х300 */
 background:rgba(238, 186, 115, 0.5);
 border: orange 2px solid;
 box-shadow: inset rgba(0,0,0,.5) -3px -3px 8px, inset rgba(255,255,255,.9) 3px 3px 8px, rgba(0,0,0,.8) 3px 3px 8px -3px;
 width: 225px;
 height:331px;
}

#vitr { /* блок витр. ссылок */
background: rgba(249, 235, 215, 0.83);
border: orange 2px solid;
box-shadow: inset rgba(0,0,0,.5) -3px -3px 8px, inset rgba(255,255,255,.9) 3px 3px 8px, rgba(0,0,0,.8) 3px 3px 8px -3px;
width: 498px;
height:170px;
}
	
A { /* декор ссылок */
	color: #068798; /* Цвет ссылок */
	}
A:visited {
    color: #900060; /* Цвет посещенных ссылок */
   } 
A {
	text-decoration: none; /* Убираем подчеркивание для ссылок */
	}  
A:hover { 
	text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
	}

#mein { /* блоки 468Х60 */
 background: #c3d4e25e;
 border: #b8d1ecb3 2px solid;
 font-weight: 600;
 color: #6C94C2;
 width: 464px;
 height: 135px;
}

#proect {
 background: #f8e6c978;
 width: 498px;
 height:1180px;
}

td{
 border: sandybrown 2px solid;
 vertical-align: middle;
}

#black {
 text-align: center;
 margin: 0px 0;
}

#red {
 color:#FF0000;
 text-align: center;
 text-shadow: 2px 7px 11px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
 margin: 0px 0;
}

#text {
 padding:0px 5px 5px 5px;
 color:#8B4513;
 margin: 0px 0;
 text-align: center;
}

#textum {
 color: #47423a;
 font-weight: 600;
 margin: 5px 5px;
}

/*Анимация ссылки*/
@import "compass/css3";
.flash {
 background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0%;
 animation-name: flash;
 animation-duration: 0.2s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 animation-direction: alternate;
 animation-play-state: running;
}
@keyframes flash {
    from {color: darkcyan;}
 to {color: lightskyblue;}
}

#banner { /* блок с баннерами 468Х60 */
 width: 986px;
 border: 0;
 margin: 0 avto;
 text-align: center;
}

#footer {
width: 978px;
height:90px;
background:rgba(254, 220, 142, 0.7) no-repeat center;
border: orange 2px solid;
margin: auto;
}

.podarok {
position:absolute;
padding: 63px 0px 0px 6px;
}