﻿#header {
background:rgba(254, 220, 142, 0.7) no-repeat center;
border: orange 2px solid;
height: 80px;
width: 978px;
margin: auto;
}

﻿#header1 {
background:rgba(254, 220, 142, 0.7) no-repeat center;
border: orange 2px solid;
height: 80px;
width: 1000px;
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;
}

.navigation {
list-style: none; /* прячем маркеры */
width:1032px;
margin: auto;
}

.navigation1 {
list-style: none; /* прячем маркеры */
width:190px;
margin: auto;
}

.navigation li {
float: left; /* выстраиваем элементы списка в один ряд */
margin-right: 15px; /* делаем отступ чтобы пункты меню не сливались */
}

.navigation1 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, чтобы ссылка была кликабильной по всей своей площади */
}

.navigation1 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; /* цвет текста при наведении */
}

.navigation1 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;
}

#main1 { /* блоки 200Х300 */
 background:rgba(238, 186, 115, 0.5);
 border: blue 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;
}

#main3 { /* блоки 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: 250px;
 height:420px;
}

#main6 { /* блоки 468Х60 */
 background: #c3d4e25e;
 border: #b8d1ecb3 2px solid;
 font-weight: 600;
 color: #6C94C2;
 width: 982px;
 height: 600px;
}
<!--<iframe src="//traff.chatovod.ru/" frameborder="0" marginheight="0" marginwidth="0" width="982" height="550"></iframe>-->

#part { /* блоки 200Х200 для партнёров сайта */
 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:250px;
}

#vitr1 { /* блок витр. ссылок */
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:900px;
}

#vitr2 { /* блок витр. ссылок */
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: 550px;
height:2430px;
}

#mein { /* блоки 468Х60 */
 background: #c3d4e25e;
 border: #b8d1ecb3 2px solid;
 font-weight: 600;
 color: #6C94C2;
 width: 464px;
 height: 135px;
}

#mein1 { /* vizitof */
 background: #c3d4e25e;
 border: #b8d1ecb3 2px solid;
 font-weight: 600;
 color: #6C94C2;
 width: 980px;
 height: 2430px;
}

#mein2 { /* вип кат */
 background: #c3d4e25e;
 border: #b8d1ecb3 2px solid;
 font-weight: 600;
 color: #6C94C2;
 width: 550px;
 height: 1000px;
}

#wo { /* нижний блок */
background:rgba(254, 220, 142, 0.7);
 border: orange 2px solid;
width: 978px; 
height:141px;
}

#wo1 { /* нижний блок */
background:rgba(254, 220, 142, 0.7);
 border: orange 2px solid;
width: 978px; 
height:141px;
}

#two { /* нижний блок в блоке */
 background:rgba(238, 186, 115, 0.5);
 border: orange 2px solid;
 width: 972px;
 height:116px;
 text-align: center;
}

#two1 { /* нижний блок в блоке */
 background:rgba(238, 186, 115, 0.5);
 border: orange 2px solid;
 width: 972px;
 height:116px;
 text-align: center;
}

#raskr { /* блок раскрутки */
width:730px;
padding: 5px; /* задаём отступы */
}

#raskrut { /* блок в блоке раскрутки */
 background:rgba(254, 220, 142, 0.5);
 border: orange 2px solid;
 width: 726px;
 height: 100%;
}

td{
 border: sandybrown 2px solid;
 vertical-align: middle;
}

#black {
 text-align: center;
 margin: 0px 0;
}

#red {
 color:#FF0000;
 text-align: center;
 margin: 0px 0;
}

#text {
 padding:0px 5px 5px 5px;
 color:#8B4513;
 margin: 0px 0;
 text-align: center;
}

#footer {
width: 978px;
height:90px;
background:rgba(254, 220, 142, 0.7) no-repeat center;
border: orange 2px solid;
margin: auto;
}


/*Анимация ссылки*/
@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;
}





