/*общие свойства нтмл файла*/
body, html {
	@font-face{ font-family: FRAH; src: url(FRAHVIT)}
	margin:0px;
	padding:0px;
	background-image: url('img/fon.gif');
	background-repeat: no-repeat;}

/*задаем размеры (ширину) макета*/
#maket {
	width:1200px;
	margin:0 auto;}

#maket .a {text-decoration:none;}


/*описание блока шапки*/


/*сама шапка*/
#header{
	height:150px;
	background-image: url('img/sf3.gif');}
/*Слайдшоу */
#header .slideshow{
	width:50px; 
	position:absolute;
	margin-left:1070px; 
	margin-top:85px;}




/*описание магазина*/
#header .opis{
	width:400px; 
	font-family:FRAH, verdana;
	font-size: 19px;
	position:absolute;
	margin-left:270px; margin-top:90px;}

/*блок поиск*/
#header .search{
	width:220px; 
	font-family:FRAH, verdana;
	font-size: 19px;
	margin-left:480px;
	margin-top:116px;
	position:absolute;
	z-index: 2;}

/*блок с телефонами*/
#header .tel{
	width:220px; 
	font-family:FRAH, verdana;
	font-size: 19px;
	color:#ce6802;
	margin-left:700px;
	margin-top:90px;
	position:absolute;
	z-index: 2;}

/*блок с корзиной*/
#header .korzina{ 
	display:block;
	/*width: auto;*/
	width:74px; /* Ширина блока ролловера, соответствует ширине картинки разделенной на три */
	height: 66px;  /* Высота блока ролловера, соответствует высоте картинки */
	/* background: url("img/kzp2.png") 0 0 no-repeat;  Путь до картинки ролловера */
	/* color: #ff0000; */

	margin-left:900px;
	margin-top:75px;
	position:absolute;}
/*следующий блок принципиально не нужен
#header .korzina:hover { 
	background-position:-80px 0px ; 
	color: #0000ff;} */

/*блок над названием сайта*/
#header .up{
	width:420px; 
	font-family:FRAH, verdana;
	font-size: 13px;
	color:#ce6802;
	margin-left:455px;
	margin-top:18px;
	position:absolute;}


/*конец описания шапки*/


/*описание блока левого меню*/
#left{ 
	background-image: url('img/lf2.gif');
	width:220px;
	hight:6000px;
	float:left;}

#left a:hover
{
color: #ce6802; 
text-decoration:none; 
 
}
#left a:hover:visited, #left a:visited, #left a:link
{
  color: #ce6802;
}



/*блок расположения самого списка*/
.menyl{
	width:220px;
	padding:0;}
/*блок необходимый для вставки размытого конца фона блока меню*/
.menylback{
	background-image: url('img/lf2n.gif');height: 24px;}
/*конец описания блока левого меню*/




/*описание блока правого меню*/
#right{
	width:260px;
	float:right;
	background-image: url('img/pf2.gif');}

#right a:hover
{
color: #ce6802; 
text-decoration:none; 
 
}
#right a:hover:visited, #right a:visited, #right a:link
{
  color: #ce6802;
}




/*блок расположения самого контенка правой колонки*/
.menyr{
	width:260px;
	padding:0;}

/*блок необходимый для вставки размытого конца фона блока меню*/
.menyrback{
	background-image: url('img/pf2n.gif');height: 24px;}
/*конец описания блока правого меню*/





/*блок для описания стилей основной части магазина*/

/*общее описание блока*/
#content{
	Border: solid 0px black;
	padding:5px;
	margin-left:222px;
	margin-right:262px;}

#content H1 {
  color: #000000;
  font-family: 'Verdana';
  font-size: 12px;
  font-weight: Bold;
  font-style: normal;  
  text-decoration: none;
}

#content HR
{
  align: center;
  width: 100%;
  color: #e6e6e6; /*для IE */
  background-color:#e6e6e6; /*для Firefox, Opera, Safari*/
  border:0px none;
  height:1px; /* высота 1px IE, Firefox, Opera, Safari */
  clear:both; /* для очистки, если тег идет после float елемента */


}


#matrix_zagolovok{
	height:50px;
	Border: solid 0px black;
	width: 100%;}

#matrix_ekonom{
	Border: solid 0px black;
	background:none;
	width:235px;
	height: 600px; 
	
	align: center;}
#matrix_premium{
	Border: solid 0px black;
	width:235px;
	height: 600px; 
	
	background:none}
#matrix_center{
	Border: solid 0px black;
	width:235px;
	height: 600px; 
	align: center;}

/*стили применяемые к картинкам (тень) контента с проверкой на кроссбраузеность*/
#content img {
	margin-left:0.7em;
	padding:3px;
	border: 1px solid #1A3457;
	box-shadow: 0 0 5px #1A3457;/* Каноническое задание */
	-webkit-box-shadow: 0 0 5px #1A3457; /* Safari, Chrome */
	-moz-box-shadow: 0 0 5px #1A3457; /* Firefox */}

/*блок расширения тени при наведении мыши на картинку*/
#content img:hover {
	box-shadow: 0 0 7px 1px #1A3457;
	-webkit-box-shadow: 0 0 7px 1px #1A3457;
	-moz-box-shadow: 0 0 7px 1px #1A3457;}


/*блок описания подвала: есть какой-то косяк, косьяк исправлен*/
#footer{
	height:100px;width:1200px;
	background-image: url('img/footer2.gif');
	background-repeat: no-repeat;
	clear:both;}


/*рамки для меню*/
.blur .r,     .blur .l,    .blur .c {
        position: relative;
        z-index: 1;
	border:0px;
        display: block;
        background-repeat: no-repeat;
        background-position: left top;
        left: 0; top: 0;}

.blur .r { 
	heidth: 44px; background-position: right top; left: 20px; margin-right: 10px; top: 1px; }
.blur .l { 
	heidth: 44px; background-position: left top; left: -20px; }
.blur .c { 
	heidth: 40px; left: 28px; top: 0px; margin-right: 29px; background: #939292;  }

#example { 
	background: none; width: 200px; heidth: 44px;}
#example .blur { 
	background: none; border: 0px solid #ffffff; }
#example .blur .r { 
	background-image: url('img/pr.gif'); }
#example .blur .l { 
	background-image: url('img/lv.gif'); }
#example .blur .reducer { 
	padding: 5px; 
	color:#ffffff; 
	heidth:44px; 
	text-align:right; 
	font-family: demoFont, verdana, "Times roman", courier, serif;
	}
#example .blur .reducer:hover { 
	padding: 5px; 
	color:#ff8800; 
	heidth:44px; 
	text-align:right; 
	font-family: demoFont, verdana, "Times roman", courier, serif;
	font-weight: bold;}
#example .blur .reducer a{text-decoration:none;}

#example .blur .reducer:activ a{ color:#ff8800;}


.g {
	font-family: demoFont, verdana, Arial, sans-serif; 
	color:#939292; 
	text-decoration: none;}
.g:hover {
	font-family: demoFont, verdana, Arial, sans-serif; 
	color:#ff8800; 
	text-decoration: none; 
	font-weight: bold;}

/*конец - рамки для меню*/

/**/
/*рамки для контента*/

 .raz .t1,    .raz .r1,    .raz .b1,    .raz .l1,   .raz .c1    {
        position: relative;
        z-index: 0;
        display: block;
        background-repeat: no-repeat;
        background-position: left top;
        left: 0; top: 0;}
.raz .t1 { 
	left: -10px; 
	top: -10px; }
.raz .r1 { 
	background-position: right top; 
	left: 20px; 
	margin-right: 10px; 
	top: 10px; }
.raz .b1 { 
	background-position: right bottom; 
	top: 20px;}
.raz .l1 { 
	background-position: left bottom; 
	left: -20px; }
.raz .c1 { 
	left: 5px; 
	top: -40px; 
	margin-right: 5px; 
	text-align:justify; 
	font-family:verdana;}

#ramka { 
	background:none; 
	margin-right: -5px;
	margin-bottom:40px; 
	margin-top:5px;}
#ramka .raz { 
	background: none; 
	border: 0px 
	solid #d3d3d3; 
	width:90%;}
#ramka .raz .t1 { 
	background: none; }
#ramka .raz .r1 { 
	background-image: url('img/cr.png'); }
#ramka .raz .b1 { 
	background-image: url('img/cd.png'); }
#ramka .raz .l1 {
	background: none;  }
#ramka .raz .conteiner1 { 
	padding: 1em; 
	background: none;
	}

/*эта херня сам не помню для чего налеплена*/

.f	{
	background: #939292; 
	margin-top: -25px; 
	margin-left:-25px;
	margin-right:0px; 
	text-align:center; 
	height:40px;
	font-family: demoFont, "Times roman", courier, serif;
	padding:5px; 
	color: #ffffff;}

/*конец - рамки для контента*/



/*конец- кнопка*/

/*заголовки для контента*/
 .mat .rk,      .mat .lk,    .mat .cen    {
        position: relative;
        z-index: 0;
	border:1px;
        display: block;
        background-repeat: no-repeat;
        background-position: left top;
        left: 0; top: 0;}
.mat .rk { 
	heidth: 50px; 
	background-position: right top; 
	left: 20px; 
	margin-right: 10px; 
	top: 1px; }
.mat .lk { 
	heidth: 50px; 
	background-position: left top; 
	left: -20px; }
.mat .cen { 
	heidth: 40px; 
	left: 28px; 
	top: 0px; 
	margin-right: 29px; 
	background: #939292;  }
#ex { 
	background: none; 
	width: 100%; 
	heidth: 50px;}
#ex .mat { 
	background: none; 
	border: 0px 
	solid #ffffff; }
#ex .mat .rk { 
	background-image: url('img/pr.gif'); }
#ex .mat .lk { 
	background-image: url('img/lv.gif'); }
#ex .mat .red { 
	padding: 5px; 
	color:#ff8800; 
	heidth:50px; 
	text-align: center; 
	font-weight: bold; 
	text-shadow: #f5f5f5 0px 0px 3px;
	font-family: verdana, demoFont, "Times roman", courier, serif;}
/*конец - заголовки для контента*/