body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
height:100%;
background: #1f1f1f url('/images/pattern2.gif') center top;
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width: 1003px; /* ширина нашего макета*/
min-height: 100%;
/*border-left: 1px solid black;
border-right: 1px solid black;*/
}
* html #container{
height:100%;
}
img {border: 0;}
/* =============== HEADER =============== */

/*Здесь пишем стили для шапки сайта */
#header{
	font-family: tahoma;
	font-size: 11px;
	display: inline;
}
#header-menu {
	position:absolute;
	margin: 27px 0px 0px 500px;
}
#header-promo {
	position:absolute;
	margin: 10px 0px 0px 220px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
/*	color: #3399ff;*/
	color: #c7c5c2;
	text-align: center;
}	
#header a { color: #474646; text-decoration: none; font-weight: bold;}

#header a:hover { color: orange; }
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}

#header_pic {
  background: url('/images/header.png') bottom left no-repeat;
  width: 1003px;
  height: 132px;
  margin: 0 auto;
}

/* =============== LEFT =============== */

#left{
/*background-color:#a9d28c;*/
width:232px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}

#search {
	background: /*#a9c28c */ url('/images/search0.png') top left no-repeat;
	width: 219px;
	padding: 0px 0px 35px 33px;
}

/* =============== RIGHT =============== */
#right{
width:190px; /*ширина правой колонки */
/*background-color:#a9d28c;*/
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}

#art a {	color: #ef5316;
			font-size: 12px;
			font-weight: 600;
			text-decoration: none;
}

#friend{
	background: url('/images/friends.png') top left no-repeat;
	width: 175px;
	height: 20px;
}	

/* =============== CONTENT/CENTER =============== */

/*Здесь пишем стили для блока контента */
#content{
background-color:#ffffff;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:232px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:190px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */

}
#content h1 {
font-family:Arial;
color: black;
font-size:1.8em;
padding-bottom:.3em;
text-align: center;
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content h2 {
font-family:Arial;
text-align: center;
color: green;
margin:0px; /* Обнуляем отсупы для заголовка второго уровня, находящегося в блоке контента.*/
} 

#content a { color: #653c02; text-decoration: none;}
#content a:hover {text-decoration: underline;}

#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}

/* =============== FOOTER =============== */	
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#rasporka {height: 120px;}
/*Здесь пишем стили для подвала сайта */

#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}
/* {{{ footer */
#footer {
	height: 120px;
	background: #1f1f1f url('/images/pattern.gif') center top;
	margin-top: -120px;
	margin-bottom: 0px;
	width: 1003px;
    position: relative; margin-left:auto; margin-right:auto; margin-bottom:0;
}
#inner-footer {
 	position: relative;
	font-size: 11px;
	color: white;
	background: url('/images/ugol_bottom.gif') no-repeat top;
}
* html #inner-footer {
    height: 120px;
}
#nice-line {
	background: url('/images/bg_exchange_form.png');
	border-top: 1px dashed #4c4c4c
}
#copy {
	position: absolute;
	right: 0;
	line-height: 130%;
	width: 232px;
	top: 0px;
    text-align: center;
}
#footer-menu {
    padding: 20px 370px 20px 20px;
    text-align: center;
	margin: 0;
}
#p-sys-logos {
    padding: 16px 10px;
}

#footer-menu li {
	color: white;
	font-size: 11px;
	margin: 2px;
	display: inline;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/* }}} footer */



/*My css*/
.brand {
	color: #776447;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	text-align: center;
        vertical-align: middle;
	margin-left: 15px; 
}
/*	padding: 10px; 
	margin: 5px;   */
a.br {
	font-size: 15px;
	color: red;  
	font-family: tahoma;
	font-weight: bold;
	text-align: center;
	text-decoration: none; 
}
a.br1 {
	color: #776447;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
a.st_lk {
	color: #000000;
	text-decoration: none;
}
.h5	{
	color: #000000;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: red;
	font-style: normal;
}
.opis1 {
	color: #776447;
	font-size: 11px;
	font-family: tahoma;
}
.price {
	color: red;
	font-size: 12px;
	font-family: tahoma;
}
.akc_k {
	color: #776447;
	font-size: 11px;
	font-family: tahoma;
	text-align: justify;
	margin-top: 5px;
	margin-left: 15px;
}
.akc_akc {
	position:relative;
	left: 30px;
	bottom: 3px;
	color: red;
	font-size: 20px;
	font-family: tahoma;
	text-align: center;
/*	margin-left: 60px;  */
}
.akc_red {
	color: red;
	margin-top: 0px;
	font-size: 13px;
	font-weight: bold;
/*	font-family: tahoma;
	text-align: center;
	margin-left: 15px;  */
}
.akc_red1 {
	color: red;
	margin-top: 0px;
	font-size: 11px;
	font-weight: bold;
}
.zagl {
	color: #951f1f;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.cata { 
	padding-left: 10px;
	margin-left:15px;
	color: #852929;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
}
.top { 
	vertical-align: top;
        color: #776447;
	font-size: 11px;
	font-family: tahoma;
}
.sa  {
	padding-left: 2px;
    color: #776447;
	font-size: 10px;
	font-family: tahoma;
}

#rek {z-index: 5;}

/**
 * Layout
 */
/* =============== CENTER =============== */

#center {
	color: #776447;
	font-size: 10px;
	font-family: tahoma;
	padding: 0 20px 10px 50px;
}
#center h1 { text-align: center; color: black; font-size: 14px;}
#center h2 { color: black; font-size: 12px;}

/* =============== SIDEBAR =============== */

#sidebar { width: 232px; float: right; color: #653c02; line-height: 20px;} 

#sidebar h2 { display: block; height: 21px; padding: 5px 10px 10px 35px; background: url('/images/menu.png') 0 0 no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; font-weight: bold; color: #653c02; }
#sidebar h2:hover { background: url('/images/menu.png') 0 -35px no-repeat; color: #653c02; }        

#sidebar a img { border: none; }
	
#sidebar p { padding: 7px 10px; margin-bottom: 15px; font-size: 11px; }

#sidebar ul { margin-bottom: -21px; }
#sidebar ul li { font-size: 11px; background: url('images/bullet.png') 0 5px no-repeat; padding: 0 10px; margin: 0 0 0px 0px; line-height: 15px;}
	
#sidebar ul li a { color: #653c02; text-decoration: none; }
#sidebar ul li span { color: #653c02; margin-left: 5px; }
	
#sidebar ul li a:hover { color: #995a00; }

/* =============== SIDEBAR/PAGES =============== */






#val {
	font-size: 13px;
	width: 175px;
	text-align: center;
	background-color:#eeeeee;
	color: #776447;
}