/*Делаем чтобы макет прижимался вплотную, т.е. убираем любые возможные оступы*/
body,html{
background-color:#DFE2DB;
margin:0px;
padding:0px;
}
/*Стиль общей таблицы. Если нужен резиновый макет, нужно ширину задать 100% и убрать рамку, т.к. с ней будет некрасиво*/
#container {
background-color:#DFE2DB;
width:970px;
height:100%;
border:0px solid gray;
margin:0 auto;
}
/*Делаем нужное выравнивание в ячейках таблицы*/
#container  td{
vertical-align:top;
}
/*Стиль шапки сайта*/
#header {
background-color:#e3e5cd;
border-bottom:0px solid #838360;
height:80px;
}
/*конец стиля шапки*/
/*три полосы под меню*/
#table_3_polosu {
border:0px solid  #FF0000;
background-color: #DFE2DB;
border-top:10px solid #DFE2DB;
border-bottom:0px solid #e3e5cd;
width:970px;
height:20px;
}
/*конец трем полосам*/
/*левая полоса*/
#table_3_polosu_left {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: normal ;
	color: #ffffff;
background-color: #4C4D3D;
border-bottom:0px solid #e3e5cd;
width:220px;
height:20px;
}
/*конец левой полосе*/
/*средняя полоса*/
#table_3_polosu_seredina {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: normal ;
	color: #ffffff;
background-color: #636C55;
border-bottom:0px solid #e3e5cd;
width:530px;
height:20px;
}
/*конец средней полосе*/
/*правая полоса*/
#table_3_polosu_right {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: normal ;
	color: #FFFFFF;
background-color: #708769;
border-bottom:0px solid #e3e5cd;
width:220px;
height:20px;
}
/*конец правой полосе*/

/*таблица макета с тремя столбиками*/
#maket{
background-color:#DFE2DB;
border-bottom:0px solid #838360;
width:970px;
height:80px;
}
/*конец макета с тремя столбикаим*/
/*левач колонка*/
#maket_left_kolonka {
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
width:220px;
height:20px;
}
/*конец левой колонки*/
/*  таблицы левая клолонка*/
#table_left_{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
text-align:left;
width:210px;
height:20px;
margin-right:1px;
}
/*конец таблицы левой колонки*/
/*полоса для дрессировщиков*/
#polosa_leva_dres {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: normal ;
	color: #ffffff;
background-color: #708769;
border-bottom:0px solid #e3e5cd;
width:210px;
height:20px;
}
/*конец полосы для дрессировщиков*/
/*полоса под рамкой*/
#table_left_polosa{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 70%;
	text-align:left;
	font-weight: lighter  ;
	color: #464D3C;
width:210px;
height:20px;
margin-right:1px;
}
/*конец полосе под рамкой*/
#table_left_polosa_2{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 70%;
	text-align:left;
	font-weight: lighter  ;
	color: #464D3C;
width:190px;
height:20px;
margin-right:1px;
}
/*тавлица под рамку*/
#table_left_ramka{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 100%;
	text-align:left;
	font-weight: inherit ;
	color: #804040;
width:190px;
height:20px;
margin:0 auto;
}
/*конец*/
/*первая полоса в таблице с рамкой*/
#table_left_ramka_polosa_verh{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 90%;
	text-align:left;
	font-weight: bold;
	color: #804040;
width:190px;
height:20px;
margin:0 auto;
}
/*полоса над меню*/
#table_left_ramka_polosa_niz{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 80%;
	text-align:left;
	font-weight:lighter  ;
	color: #804040;
width:190px;
height:20px;
margin:0 auto;
}
/*конец полосе*/
/*конец таблицы под рамку*/
/*в макете  средняя клолонка*/
#maket_sred_kolonka {
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
width:530px;
height:20px;
}
/* конец в макете средняя клолонка*/
/*в макете  средняя клолонка*/
#table_sred{
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana,  sans-serif;
	font-size: 80%;
	text-align:left;
	font-weight: lighter ; 
	color: #3F4956;
width:520px;
height:20px;
padding:3px;
margin:0 auto;
}
/* конец в макете  средняя клолонка*/
/*в макете правая колонка*/
#maket_right_kolonka {
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
width:220px;
height:20px;
}
/* конец в макете  правая клолонка*/
/*таблица в правой колонке*/
#table_right {
background-color: #DFE2DB;
border-bottom:0px solid #e3e5cd;
font-family: Verdana, sans-serif;
	font-size: 70%;
	text-align:left;
	font-weight: lighter ; 
	color: #766987;
width:200px;
height:20px;
margin-left:16px;
}
/*конец таблицы в правой колонке*/
/*правая таблица полоса*/
#table_right_polosa_1 {
font-family: Verdana,  sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: bold ; 
	color: #FFFFFF;
background-color: #708769;
border-bottom:0px solid #e3e5cd;
width:200px;
height:20px;
}
/*конец*/
/*горизонтальное блочное меню*/
#nav{
list-style:none;
margin:0;
padding:0;
height:28px;
background-color: #84876A;
font:12px/28px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
width:970px;
border:1px solid #B4B6A2;
}
#nav li{float:left;}
#nav a{
display:block;
width:80px;
border-right:1px solid #B4B6A2;
color:#333; 
padding:0 20px;
text-align:center;
text-decoration:none;
}
#nav a:hover{
background-color:#ccc;
color:#333;
}
/*конец меню под шапкой*/
/*горизонтальное блочное меню*/
#nav_1{
list-style:none;
margin:0;
padding:0;
height:28px;
background-color: #CCCCCC;
font:12px/28px Verdana, Arial, Helvetica, sans-serif;
width:970px;
border:1px solid #333333;
}
#nav_1 li{float:left;}
#nav_1 a{
display:block;
width:80px;
border-right:1px solid #000;
color:#FFF; 
padding:0 20px;
text-align:center;
text-decoration:none;
}
#nav_1 a:hover{
background-color:#ccc;
color:#000;
}
/*конец меню под шапкой*/
/*овал под рамку*/
FIELDSET {
border: solid 2px  #A2A3B6;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: normal ;
	color: #A40000;
border-radius: 9px;
padding: 0em 0em;
margin: 1em 0em;
width:190px;
padding:5px;
}
/*конец овала под рамку*/
/*подвал*/
#footer{
background-color:#B4B6A2;
border-bottom:0px solid #838360;
height:70px;
}
/*ссылки*/
a:link {color: #000097}
a:visited {color:#990066}
a:hover {color:#669900}
a:active {color:#FF0000}
/*----*/
#nav_3{
border:1px solid #e3e5cd; /*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:180px;/*задаем ширину меню*/
font:12px Verdana, Arial, Helvetica, sans-serif ; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#nav_3 a{
background-color:#4C4D3D;/*цвет фона ссылок*/
border-bottom:1px solid #e3e5cd; /*задаем рамку только снизу*/
color: #FFFFFF;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:5px 10px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
}

* html #nav_3 li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#nav_3 a:hover{
background-color:#7A8668; /*фоновый цвет */
color: #ffffff;/*цвет самой ссылки*/
}

/*---*/
/*---*/
#nav_4{
border:0px solid #000; /*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:180px;/*задаем ширину меню*/
font:12px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#nav_4 a{
background-color:#ACB4A0;/*цвет фона ссылок*/
border-bottom:1px solid #e3e5cd;/*задаем рамку только снизу*/
color: #ffffff;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:5px 10px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
}

* html #nav_4 li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#nav_4 a:hover{
background-color:#ACB4A0;/*фоновый цвет */
color: #ffffff;/*цвет самой ссылки*/
}

/*---*/
/*---*/
#nav_5{
border:0px solid #000; /*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:180px;/*задаем ширину меню*/
font:12px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#nav_5 a{
background-color: #7A8668;/*цвет фона ссылок*/
border-bottom:1px solid #e3e5cd;/*задаем рамку только снизу*/
color: #ffffff;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:5px 10px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
}

* html #nav_5 li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#nav_5 a:hover{
background-color:#ACB4A0;/*фоновый цвет */
color: #ffffff;/*цвет самой ссылки*/
}

/*---*/
#nav_6{
border:0px solid #000; /*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:180px;/*задаем ширину меню*/
font:12px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#nav_6 a{
background-color: #7A8668;/*цвет фона ссылок*/
border-bottom:1px solid #e3e5cd;/*задаем рамку только снизу*/
color: #ffffff;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:5px 10px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
}

* html #nav_6 li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#nav_6 a:hover{
background-color:#ACB4A0;/*фоновый цвет */
color: #ffffff;/*цвет самой ссылки*/
}

/*---*/
/*горизонтальное блочное меню над подвалом*/
#nav_fyter{
list-style:none;
margin:0 auto;
padding:0;
height:20px;
background-color: #636C55;
font:12px/20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
width:300px;
border:0px solid #B4B6A2;
}
#nav_fyter li{float:left;}
#nav_fyter a{
display:block;
width:300px;
border-right:0px solid #B4B6A2;
color:#DFE2DB;
padding:0 0px;
text-align:center;
text-decoration:none;
}
#nav_fyter a:hover{
background-color:#636C55;
color:#DFE2DB;
}
/*конец меню над подвалом*/