@charset "utf-8";
/* CSS Document */

div, span, object, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, body, html { margin: 0; padding: 0; border: 0; outline: 0;  font-size: 1em; }
td { vertical-align: top; }

h1 { padding: 0; font: normal 26px Arial; color: #8a8a8a; }
h2,h3,h4,h5,h6 { margin: 10px 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 19px; font-weight: normal; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5,h6 { font-size: 12px; }

table.table0 { border-collapse: collapse;}
table.table0 td { padding:5px; border: none}


table.table1 { border-collapse: collapse;}
table.table1 tr:hover {background: #e0e0e0}
table.table1 td { padding:5px; border: 1px solid #91949a;}


table.table2 { border-collapse: collapse;}
table.table2 tr:hover {background: #e0e0e0}
table.table2 td { padding:5px; border: 1px solid #91949a;}
table.table2 th { padding:8px 5px; border: 1px solid #fff; background-color: #3669a8; color: #fff; text-align: left;}

body {
	font-size: 100%;
    line-height: 1.125em;
	font-family: Arial;
	background: url(header-line.jpg) top left repeat-x;
}

body, html {
	min-width: 990px;
}

#header {
	width: 100%;
	height: 264px;
	background: url(header.jpg) top left no-repeat;
}

#header .desc {
	width: 280px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #3669a8;
	float: left;
	display: inline;
	margin-top: 39px;
	margin-left: 308px;
}


#header .phones {
	float: right;
	display: inline;
	margin-top: 13px;
	margin-right: 80px;
	font-size: 13px;
	color: #5a5a5a;
	text-align: right;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#header .phones p {
	padding-top: 3px;
}

#header .phones span {
	font-size: 18px;
	font-weight: bold;
	color: #1a4083;
}

#navi {
	width: 100%;
	height: 41px;
	background: url(navi-right.png) top right no-repeat;
}

#navi-box ul {
	margin-left: 410px;
	display: inline;
	list-style: none;
	background: url(navi-left.png) top left no-repeat;
	padding-left: 75px;
	float: left;
}

#navi-box  {
	float: left;
	width: 100%;
	background: url(under-header.jpg) top left no-repeat;
}

#navi-box li {
	float: left;
	margin-right: 1px;
}

#navi-box a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 41px;
	height: 41px;
	display: block;
	float: left;
	font-size: 12px;
	padding-left: 20px;
}

#navi-box b {
	padding-right: 20px;
	font-weight: normal;
}

#navi-box a.active b, #navi-box a:hover b  {
	font-weight: normal;
	display: block;
	height: 41px;
	float: left;
	background: url(navi-item-right.png) top right no-repeat;
	cursor: pointer;
}

#navi-box a.active, #navi-box a:hover {
	background: url(navi-item-left.png) top left no-repeat;
}

#container {
	width: 100%;
	margin-bottom: 30px;
}

#container .left {
	width: 237px;
	padding-top: 10px;
}

#container .content {
	padding: 10px 30px 0 35px;
	font-size: 12px;
}

#container .content p {
	/*text-indent: 17px;*/
	padding: 5px 0;
}

#container .content ol, #container .content ul {
	margin-left: 30px;
}

#container .right {
	width: 230px;
	padding-top: 10px;
}

#search {
	background: url(search_bg.png) top left no-repeat;
	margin-top: 5px;
	width: 197px;
	height: 38px;
	padding: 0 20px;
}

#search .search-text {
	border: 0;
	height: 16px;
	width: 136px;
	font-size: 11px;
	padding: 2px 8px;
	color: #7d7d7d;
	float: left;
	margin-top: 11px;
	background: url(search-text.png) top left no-repeat;
}

#search .search-btn {
	border: 0;
	height: 18px;
	width: 22px;
	float: left;
	margin-top: 11px;
	background: url(search-btn.png) top left no-repeat;
}

#pars {
	padding-left: 4px;
	margin-top: 30px;
}

#pars dt {
	margin-bottom: 1px;
	background: #c3c3c3 url(par-top.png) top left no-repeat;
}

#pars a {
	color: #3e5688;
	font-size: 11px;
	padding: 5px 10px 5px 27px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 20px;
	display: block;
	background: url(par-arrow.png) top left no-repeat;
}

#pars .active {
	background: #1c4385 url(par-act-top.png) top left no-repeat;
}

#pars .active a {
	color: #fff;
	background: url(par-act-arrow.png) top left no-repeat;
}

#pars b {
	font-weight: normal;
	display: block;
	background: url(par-bot.png) bottom left no-repeat;	
}

#pars .active b {
	background: url(par-act-bot.png) bottom left no-repeat;	
}

#cats {
	padding-left: 4px;
	margin-top: 60px;
}

#cats ul, #pars dl{
	list-style: none;
}

#cats li {
	padding: 5px 10px 5px 37px;
}

#cats a {
	color: #225dbf;
	font-size: 11px;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#cats a:hover, #pars a:hover {
	text-decoration: underline;
}

#cats .cat {
	margin-top: 5px;
	padding: 0;
	width: 233px;
	background: #3669a8 url(cat-top.png) top left no-repeat;
}

#cats .cat a {
	color: #fff;
	display: block;
	padding: 5px 10px 5px 47px;
	background: url(cat-bot.png) bottom left no-repeat;
}

#cats .cat b {
	font-weight: normal;
}

#cats .active {
	background: #1f3c60 url(cat-act-top.png) top left no-repeat;
}

#cats .active a {
	background: url(cat-act-bot.png) bottom left no-repeat;
}

#counters {
	width: 237px;
	text-align: center;
	margin: 50px 0 30px 0;
}

#contacts {
	width: 234px;
	margin-top: 60px;
	margin-left: 3px;
	background: url(contacts-top.png) top left no-repeat;
}

#contacts .contacts-title {
	background-color: #fff;
	margin-left: 14px;
	padding: 0 6px;
	color: #0d2e72;
	font-size: 18px;
}

#contacts p {
	color: #3669a8;
	font-size: 15px;
	padding: 20px 15px;
	background: url(contacts-bot.png) bottom left no-repeat;
}

#container .content a {
	color: #3669a8;
	font-weight: bold;
}

#container .photos {
	margin-top: 30px;
	text-align: center;
}

#container .photos img {
	padding: 0 20px;
}

#news {
	width: 214px;
	background: url(news-top.png) top left no-repeat;
}

#news .news-text {
	padding: 10px 20px 5px 15px;
	background: url(news-bot.png) bottom left no-repeat;
}

#news .news-text p {
	font-size: 11px;
	line-height: 12px;
	color: #84b0e0;
	text-indent: 10px;
}

#news .news-text p.news-head {
	font-size: 13px;
	padding: 5px 0;
	text-indent: 0;
}

#news .news-text p.news-head a {
	color: #0044b5;
}

#news .news-text a:hover {
	text-decoration: none;
}

#news .news-title {
	background-color: #fff;
	margin-left: 14px;
	padding: 0 6px;
	color: #0d2e72;
	font-size: 20px;
}

#news .news-text span {
	font-size: 11px;
	padding: 0 10px;
	line-height: 19px;
	margin-top: 5px;
	color: #103874;
	display: block;
	float: left;
}

#news .news-text span.current {
	color: #fff;
	padding-right: 0;
	background: #0044b5 url(news-head-left.png) top left no-repeat;
}

#news .news-text span.current b {
	font-weight: normal;
	padding-right: 10px;
	background: url(news-head-right.png) top right no-repeat;
	display: block;
}

#news .news-text p.news-more {
	background: url(news-more.gif) top left no-repeat;
	padding: 0 15px;
	margin: 10px 0 20px 0;
	text-indent: 0;
	line-height: 13px;
}

#news .news-more a {
	color: #0044b5;
}

#editable {
	margin-top: 25px;
	width: 214px;
	background-color: #3669a8;
}

#editable span {
	display: block;
	line-height: 26px;
	padding: 0 15px;
	color: #fff;
	background: url(editable-top.png) top left no-repeat;
}

#editable p {
	font-size: 12px;
	padding: 10px 15px 20px 15px;
	line-height: 16px;
	color: #fff;
	background: url(editable-bot.png) bottom left no-repeat;
}

#editable img {
	padding: 0 5px;
}

#footer {
	width: 100%;
	height: 116px;
	background: url(footer-line.png) top left repeat-x;
}

#footer .copyright {
	clear: both;
	margin-left: 135px;
	height: 76px;
	width: 415px;
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
	background: url(footer-glam-bot.jpg) top left no-repeat;
}

#footer .footer-navi {	
	width: 100%;
	float: left;
	background: url(footer-glam-top.jpg) top left no-repeat;
}

#footer .footer-navi ul {
	float: right;
	list-style: none;
	font-size: 12px;
	text-transform: uppercase;
}

#footer .footer-navi li {
	float: left;
	margin-right: 25px;
	display: inline;
}

#footer .footer-navi a {
	line-height: 30px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#footer .footer-navi a:hover, #footer .footer-navi a.active {
	border-top: solid 1px #ffa200;
	line-height: 28px;
}


/* TABLES */


table.table0 td p,table.table1 td p,table.table2 td p {padding:0; margin:0;}

table.table0 { border-collapse: collapse;}
table.table0 td { padding:5px; border: none}

table.table1 { border-collapse: collapse;}
table.table1 tr:hover {background: #e0e0e0}
table.table1 td { padding:5px; border: 1px solid #91949a;}

table.table2 { border-collapse: collapse;}
table.table2 tr:hover {background: #e0e0e0}
table.table2 td { padding:5px; border: 1px solid #91949a;}
table.table2 th { padding:8px 5px; border: 1px solid #fff; background-color: #3669a8; color: #fff; text-align: left;}

/* CART */

.cart {
	width:268px;
	height:84px;
	margin:0px 0px 20px -38px;
	position:relative;
	background:url(cart_bg.gif) no-repeat;
}
.cart .cart_in {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:right;
	color:#000000;
	padding:14px 36px 0 108px;
}
.cart .cart_in p {padding:0; margin:0;}
.cart .cart_in .sum {text-align:left; margin:0 0 4px 0;}
.cart .cart_in p strong {color:#0044b5;}
.cart .cart_in p span {font-size:16px;}
.cart .cart_in p a {color:#000000; text-decoration:none;}
.cart .cart_in p a:hover {color:#000000; text-decoration:underline;}

/* SHOP START */

#shop-added { display:none; z-index:10000; padding:5px; border:1px solid #666; font: bold 12px Arial, sans-serif; position:absolute; left:0px; top: 0px; background-color:#FFFFCC; color: #cc0000 }

/* Таблица корзины с товарами */

table.table_shop { border-collapse:collapse;}
table.table_shop tr:hover {background: #e0e0e0}
table.table_shop td { padding:5px; border-bottom: 1px solid #91949a;}
table.table_shop th { padding:8px 12px; border: 1px solid #fff; background:#3669a8; color:#fff; text-align:left;}

/* SHOP PRODUCT */

.goods { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(old.gif) top no-repeat;}

.goods img {  float:left; /*border: 1px solid #ccc; padding:14px 0 0 7px;*/}
.goods p { padding:0; margin:0;}

.goods .id {	font: normal 11px Arial, Helvetica, sans-serif;	color:#666;	position:absolute;	left: 141px; top: 32px;}
.goods .id span{ color:#999}

.goods .more {	font: normal 11px Arial, Helvetica, sans-serif;	position: absolute;	left: 141px; top: 77px;}
.goods .more a { color:#3669a8; text-decoration:underline;}
.goods .more a:hover { color:#3669a8; text-decoration:none;} 

.goods .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goods .name a { color:#1f3c60; text-decoration:underline}
.goods .name a:hover{ color:#1f3c60; text-decoration:underline}

.goods .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goods form { background:url(price.gif) center no-repeat; padding:0; margin:0;}
.goods form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goods form .price b { font-size:20px;}

.goods input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* SHOP PRODUCT lable NEW! */

.goodsnew { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(new.gif) top no-repeat;}

.goodsnew img {  float:left; /*border: 1px solid #ccc; padding:14px 0 0 7px;*/}
.goodsnew p { padding:0; margin:0;}

.goodsnew .id {	font: normal 11px Arial, Helvetica, sans-serif;	color:#666;	position:absolute;	left: 141px; top: 32px;}
.goodsnew .id span{ color:#999}

.goodsnew .more {	font: normal 11px Arial, Helvetica, sans-serif;	position: absolute;	left: 141px; top: 77px;}
.goodsnew .more a { color:#3669a8; text-decoration:underline;}
.goodsnew .more a:hover { color:#3669a8; text-decoration:none;} 

.goodsnew .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goodsnew .name a { color:#1f3c60; text-decoration:underline}
.goodsnew .name a:hover{ color:#1f3c60; text-decoration:underline}

.goodsnew .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goodsnew form { background:url(price.gif) center no-repeat; padding:0; margin:0;}
.goodsnew form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goodsnew form .price b { font-size:20px;}

.goodsnew input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* Описание товара */

.gdetail {width:170px; position:absolute; z-index:1000; margin:7px 20px 7px 7px; background:url(gdetail.jpg) top left no-repeat}
.gdetail img { padding:0 23px;}
.gdetail p { text-align:center;}
.gdetail p b{ color:#f00;}

.gdetail .number { width:24px; height:22px; background:url(col.gif) no-repeat; border: none; font: bold 13px Arial, Helvetica, sans-serif; text-align:center;}

.gdetail form { padding:0; margin:0;}
.gdetail form .detprice{ font: bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; width: auto; height:23px; padding:5px 0 10px; text-align:center; background:url(detprice.gif) top center no-repeat;}
.gdetail form .detprice b { font-size:20px;}
.bt_add {cursor:pointer; background:url(add.gif) no-repeat left center; width:126px; height:33px; border:none; padding:0; margin:0}


/* детали товара справа*/

.detail_right {position:relative; padding: 7px 7px 7px 195px;}

.detail_right h1 { font: normal 18px Arial, Helvetica, sans-serif; color:#333; padding:10px 0; margin:0;}

.detail_right .id {font: normal 11px Arial, Helvetica, sans-serif; color:#666;}
.detail_right .id span {color:#999}

.detail_right .discrip {margin:20px 0px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; display:block;}

/* ХЛЕБНЫЕ КРОШКИ */
.dpath {color: #3669a8;	font-size: 11px; padding:5px 0;}
.dpath a {color:#3669a8; text-decoration:underline;}
.dpath a:hover {color:#3669a8;text-decoration:none;}

