/* Принудительно обнуляем css-параметры основных тегов. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

.lastchild{
	border-right: 0px none #4d4b4a !important;
}
body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
height:100%; /*делаем тело документа body высотой 100%*/
background-color:#DAD7D0;/*фон всей страницы - то что будет видно по бокам (фон под цвет основному серому: #D8D8D8)*/
}

* html #container {/*задаем высоту макета для Explorer6.0, который не понимает атрибут min-height*/
height:100%;
}

#container{
position:relative; min-height:100%;height:auto !important;height:100%;padding:0; /*Не знаю, что помогло, но в опере рамка теперь на всю высоту и на футер.УРА!*/
background-color:#7B6B5C;
background-repeat:repeat-x;
width:1000px; /*задаем ширину макета*/
border-left: 1px solid black;
border-right: 1px solid black;
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-height:100%; /*Задаем минимальную высоту контейнера в 100% чтобы контейнер был на высоту всего экрана даже если там мало данных*/
min-width:900px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 900
?
"900px"
:
"auto"
)
:
(
document.body.clientWidth < 900
?
"900px"
:
"auto"
)
);
}
/*Здесь пишем стили для шапки сайта */
#headname{
height: 69px; /*высота шапки сайта */
background-image:url(img/TOP_BG1.GIF); /*фоновый рисунок шапки сайта */
}

#headname h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
#header{
height: 327px; /*высота шапки сайта */
background: url(images/header.jpg) no-repeat center bottom;/*фоновый рисунок шапки сайта */
background-repeat:no-repeat;

}

/*Здесь пишем стили для черной полосы с верхними кнопками */
#top_buttons{
height:69px;
background-image:url(images/TOPBG2.GIF);
}

/* блок for_menu для выпадающего меню* если уплывает слишком влево, надо вставить дополнительный блок-пустышку/
#for_menu{
float:left;
border-top:1px solid white;
}

/*Здесь пишем стили для левой колонки сайта */
#left_menu{
float:left;
margin:0px;
width:170px;
}
#Alya3{
float:left;
width:170px;
height:40px;
margin:0px;
background-color:#7B6B5C;
}
#flags{
margin: 0px 0px 10px 45px;
}

#bg_left{
float:left;
margin:0px;
width:170px;
height:370px;
background-color:#7B6B5C;
}

#left{
background-color:#DAD9CF;
border: 1px solid white;
width:150px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
margin-left:10px;
margin-top:0px;
}

#table_new{
float:left;
width:170px;
margin:0px;
height:300px;
background-color:#7B6B5C;
}


/*Здесь пишем стили для блока контента */
#content{
background-color:#7B6B5C;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:170px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}


/********************** Content - center ***************************/
#center {
	background-color: #dad9cf;
	border: 1px solid white;
	width:820px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}
.text{
	float:left;
	width:800px;
}
#center h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color:#0000A0 ;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}
#center h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color:black ;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}
#center p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/**********************font-weight:lighter; - не давало сделать жирным***************************/
	color: black;
	margin: 0px 0px 0px 23px;
}
#center a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;color: red;
}
#center a:hover{
	color:#BA0000;
}
.photos{float:right;}
.photos img{display:block;}
/********************** Content - right удален мною, но стили пусть пока будут***************************/
#right {
	float:left;
	width:156px;
	background-color:#dad9cf;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 1px solid white;
}
#right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #2c2c2c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:156px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}
#right p{
	padding: 10px 9px 0px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4d4b4a;
}
#right a{
	padding: 15px 9px 5px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4b4a;
	font-weight:bolder;
	display:block;
}
#right a:hover{
	color:#000000;
}
#right span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:138px;
	text-align:left;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}



/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
background-color:white;
height:10px;
font-size:1px;
line-height:0px;
clear:both;
}
/*Пустой блок распорка по высоте = footer чтобы при помощи отрицательного отступа footer наплывал на распорку-спец-но зарезервированное для него место */
#rasporka{
height:51px;
background-image:url(images/bottom_bg.gif)
}
/*Здесь пишем стили для подвала сайта */
#footer{
height:51px; /*высота = высоте распорки (rasporka) */
margin-top:-51px; /*отрицательный отступ для того чтобы footer поднялся на 40px вверх и встал на место спец. распорки */
margin-bottom:0px; /*отступ снизу на всякий случай - чтоб во всех браузерах footer прижимался к низу страницы */
width:1000px; /*тк footer вынесен за пределы контейнера, его ширину надо задать отдельно=ширине контекнера */
/*выравниваем footer по центру: отступ слева буде = отступу справа, что и выравняет footer по центру */
margin-left:auto;
margin-right:auto;
}


/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    width: 998px;
    height: 327px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 998px;
    height: 327px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;