/*************************** General *************************/
* {	margin: 0px; font-family: Arial, Helvetica, sans-serif;}
html, body { height: 100%; margin: 0; padding: 0; vertical-align: baseline; font-size: 0.9em; color: #222222; min-width:1000px;}
img { border:none; }
p { margin-top: 0px; padding: 5px 0px 5px 0px;  text-align:justify;}
a { text-decoration: none; color: #375B93;}
a:hover { text-decoration: underline; color: #3399CC;}
ul  {display:block; padding-left: 25px;}
input, textarea, select {	margin: 3px 0px; font-size:1em;}
form { padding: 0; margin: 0; display: inline; }

h1, h2, h3, h4, h5, h6 {display: block;	color: #274F97; padding: 0px; margin: 5px 0px 5px 0px; line-height: 100%; font-weight: normal; font-family:Verdana;}
h1 { font-size: 180%;  }
h2 { font-size: 160%; color:#1C4080;}
h3 { font-size: 140%; color:#14356F;}
h4 { font-size: 120%;font-weight: bold; /*color:#0B295C;*/}
h5 { font-size: 100%;font-weight: bold; color:#011C48;}

ul.list_blue, ul.list_orange { font-weight: bold; list-style: none;}
ul.list_blue li, ul.list_orange li { font-weight: normal; margin: 5px 0px 8px 15px; padding-left: 20px; background: url(../image/li_orange.png) 0px 4px no-repeat;}
ul.list_blue li { background-image: url(../image/li_blue.png);}

/*************************** layout *************************/
.body      {display: block; height: 100%; background: url(../image/header-repeat-part.png) repeat-x; }
.container-main { display: block; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -127px; background: url(../image/header-flower.jpg) no-repeat scroll right top;}
.container { background: url(../image/header-lapka.png) no-repeat scroll 0 0;}
.footer { height:127px;}
.push      { height:127px; clear: both;}

/*------------------------------- CONTENT-----------------------------------------------*/
.content { margin-left: 4%; margin-right: 3%;}
.main-col{	width:64%; 	float:left; margin-top: 15px; vertical-align:top; }
.right-col{	width:32%; max-width:350px;	margin-top: 60px; 	float:right;}
.clear{clear: both; line-height:0; font-size:0px;}

/*-------------------------------HEADER-----------------------------------------------*/
.header { height:190px;}
/*MENU*/
.menu {background: url(../image/lenta-menu.png) no-repeat;	width:631px; height:130px; left:4%; top:65px;	position:absolute; }
.menu a{display:block; float:left; margin-top:55px; height:30px; width:103px;}
.menu a.catalog{background: url(../image/menu-catalog.png) no-repeat 22px 3px;}
.menu a.catalog:hover{background-image: url(../image/menu-catalog-hov.png);}
.menu a.articles {background: url(../image/menu-articles.png) no-repeat 20px 6px;}
.menu a.articles:hover {background-image: url(../image/menu-articles-hov.png);}
.menu a.instruction {background: url(../image/menu-instruction.png) no-repeat 10px 1px;}
.menu a.instruction:hover {background-image: url(../image/menu-instruction-hov.png);}
.menu a.about {background: url(../image/menu-about.png) no-repeat 13px -2px;}
.menu a.about:hover {background-image: url(../image/menu-about-hov.png);}
.menu a.contacts {background: url(../image/menu-contacts.png) no-repeat 16px 1px;}
.menu a.contacts:hover {background-image: url(../image/menu-contacts-hov.png);}
.menu a.forum {background: url(../image/menu-forum.png) no-repeat 36px 2px;}
.menu a.forum:hover {background-image: url(../image/menu-forum-hov.png);}

/* PICTURES IN HEADER*/
.logo {background: url(../image/Logo.png) no-repeat; width:311px; height:61px; left:60px; top:10px; position:absolute; }
.bulavka {background: url(../image/header-bulavka.png) no-repeat; width:154px; height:51px; left:40%; margin-left:35px; top:0px; position:absolute;}
.label {  left:40%; top:22px; position:absolute; color: #555578; font-size: 0.9em; font-family: Verdana, Arial;}
.label  p { font-family: Verdana, Arial; text-align:center; line-height:1.2;}
.label  span { }

.search {right:100px; top:170px; position:absolute; margin-right:30%; border:none;}
.search input {border:1px solid #cccccc; vertical-align:top; color: #797979; vertical-align:top;}
.search a {vertical-align:top; display: inline-block; background: url(../image/search.png) 0px 3px no-repeat;  height:25px; width:36px;margin-bottom:0px;}

/*----------------------------FOOTER--------------------------------------------------*/
.footer {background: url(../image/footer-repeat-part.png) repeat-x;}
.footer-left-part {background: url(../image/footer-left-part.png) no-repeat scroll 0 0; width:100%;}
.footer-right-part {background: url(../image/footer-right-part.png) no-repeat scroll right top; height:127px; position:relative;}
.footer-text{ color:#797979; font-size:0.85em; padding: 72px 500px 0px 270px; 	}
.creator {position: absolute; right:202px; top: 85px;}

/*-----------------------------RIGHT BLOCK-------------------------------------------------*/
.right-col h3{ font-size:110%; font-weight:bold; color: #285099; margin:10px 0px 3px 10px; font-family:Verdana, Arial, sans-serif;}
.block-header-left {background:url(../image/block-header-left.png) no-repeat left top; margin-right: 23px; height: 18px;}
.block-header-right {background:url(../image/block-header-right.png) no-repeat right top;}
.block-right{background:url(../image/block-right.png) repeat-y right;}
.block-left{background:url(../image/block-left.png) repeat-y left; margin-right: 27px;  padding-left:23px;}
.block-footer-right {background:url(../image/block-footer-right.png) no-repeat right bottom;}
.block-footer-left {background:url(../image/block-footer-left.png) no-repeat left bottom; margin-right: 23px; height: 25px;}

/** News **/
.block {font-size: 0.9em;}
.news_block {display:block; padding-bottom: 5px;}
.news_title {color:#3399CC;font-weight:bold; display:inline-block;}
.news_date  {color:#939494; font-size: 0.9em; display:none;}
.news_body  {color:#494949;  line-height:1.3; padding:5px 0px 10px 0px; }
.news_body p { text-align:left; margin:0px; padding: 0px; }
.news_body img {margin: 5px;}
.news_block:hover {text-decoration:none;}
.news_block:hover .news_title {text-decoration:underline;}

/** Recomended **/
.rec_block { display: block; padding-bottom:5px;}
.rec_block .title  { display: block; padding-bottom:5px; color:#E88F0B; font-weight:bold; font-family: Verdana, Arial; } 
.rec_block img { float:left; padding:5px; margin: 5px 10px 0px 0px; border: 1px solid #cfcfcf;}
.rec_body {color:#494949; line-height:1.3; }
.rec_block .clear {padding-bottom:5px;}
.rec_block:hover {text-decoration:none;}
.rec_block:hover .title {text-decoration:underline;}
.rec_block:hover img { border: 1px solid #FFB755;}

.more { text-decoration: none; color: #375B93; font-size:0.95em;}
.more:hover , .news_block:hover .more{ text-decoration: underline; color: #3399CC;}

/*---------------CENTER -------------------*/
.main-col .top { padding-bottom:5px; margin-bottom:0px; padding-left:10px;}
.main-col .top h1 { color: #33336f; padding-bottom:5px; margin-bottom:0px; }
.main-col .middle {border:1px solid #eeeeee;}

.path   {color:#707171; font-size:0.85em; }
.path a {color:#707171; font-family: Verdana, Arial;}

.spage {margin-top:0px;}
.spage-h{background: url(../image/page-header.png) repeat-x; margin-left:21px; margin-right:23px; height:20px;}
.spage-hl{background: url(../image/page-header-left.png) no-repeat left ;}
.spage-hr{background: url(../image/page-header-right.png) no-repeat right ;}

.spage-bl{background: url(../image/page-border-left.png) repeat-y left; }
.spage-br{background: url(../image/page-border-right.png) right top repeat-y; padding:0px 30px; line-height:1.4;}

.spage-f{background: url(../image/page-footer.png) repeat-x;  }
.spage-fl {background: url(../image/page-footer-left.png) no-repeat left ;  }
.spage-fr {background: url(../image/page-footer-right.png) no-repeat right ; height:20px;	}

.contact_block { max-width:530px; margin: 0 auto; color: #494949;}
.contact_block h4{ text-align:center;}

.input { border: 1px solid #aaaaaa; width: 70%; }
.textarea { border: 1px solid #aaaaaa;}

.anons  {color:#494949;  line-height:1.3; padding:5px 0px 10px 0px; font-size: 0.9em;}
.round_img { display: inline-block; float: left; width: 120px; height: 118px; padding: 9px; background: url(../image/img.png) no-repeat;}
a:hover .round_img{ background: url(../image/img_h.png) no-repeat;}

.home_cat { padding: 0px 0px 0px 10px;}
.home_cat table { width:100%;}
.home_cat td { padding:10px 5px;vertical-align:middle; /*width:28%; padding:10px; vertical-align:top;*/ text-align: left;}
/*.home_cat .cat_img { display:block; margin: 7px 0px}*/

table.cat_list {width: auto;}
table.cat_list td {width: auto; vertical-align:middle;}
table.cat_list td.img {width: 140px;}

.level  { display:block;}
.level1 { font-size:1.0em; font-weight:bold; color:#F49A13;  font-family: Verdana, Arial;}
.level1:hover { color:#F49A13; text-decoration:none;}
.level2 { font-size:0.9em; margin: 2px 0px 2px 5px; padding-left: 20px; background: url(../image/li_orange.png) 0px 4px no-repeat;}
.level3 { font-size:0.85em; margin: 1px 0px 1px 25px; padding-left: 20px; background: url(../image/li_orange.png) 0px 4px no-repeat; }

.home .level3, .home .level4 {display: none;}

.rec_list, .prod_list {padding:0px; }
.rec_list td, .prod_list td { padding:5px 5px;vertical-align:top; width:50%;}
.rec_list h4, .prod_list h4 {padding: 0px 10px;}
.strochka {height:10px; margin:0px 10px; background: url(../image/strochka.png) repeat-x;}

.prod_list td { padding-bottom:15px;}
.prod_list .title {display:inline; font-family: Verdana, Arial; padding-bottom:5px; color:#E88F0B; font-weight:bold;}
.prod_img {float:left; margin: 0px 8px 5px 5px;}
.prod_body {color:#494949; line-height:1.3;font-size: 0.95em;padding-top:10px;  }
.prod_block:hover {text-decoration:none;}
.prod_block:hover .title {text-decoration:underline;}

.empty {font-size: 0.8em; line-height: 0.8;}

.prod_name {color:#F49A13;}
.param_desc { margin:10px; padding:10px; border:1px solid #eeeeee; color: #797979; font-size: 0.9em;}
.recomended {position: absolute; top:0px; left: -25px;}
.dop_images {margin: 5px 10px; border: 1px solid #cfcfcf;}
.dop_images:hover { border: 1px solid #FFB755;}

/* Gallery */
.galery { margin: 15px 0px 30px 0px;}
.demo {position:relative;}
.gallery_demo{width:100%; padding: 0px;}
.gallery_demo li{width:60px;height:60px;border:3px double #ddd; margin: 2px;background:#f5f5f5;}
.gallery_demo li div{left:240px}

#main_image{margin:0 auto; margin-top:15px; height:438px;background:#fff; text-align:center;}
#main_image img{margin-bottom:10px; border:3px double #ddd; background:#fff;}
	
/******************************* OPENCART ***********************************/

/***** Buttons *****/
.buttons {clear: both; padding: 3px 0px;}
.buttons input {padding: 0px;	margin: 0px;}
.buttons table {width: 100%;border-collapse: collapse; padding: 0px; margin: 0px;}
.buttons table td {vertical-align: middle; padding: 10px;}

a.button { background: transparent url('../image/button_right.png') no-repeat scroll top right;
	text-decoration: none; cursor: pointer;
	display: inline-block; height: 22px; padding-right: 13px;}
a.button span {	background: transparent url('../image/button_left.png') top left no-repeat;
	display: inline-block;	padding: 2px 6px 5px 20px;height: 15px;  white-space: nowrap; color:white;}
a.button:hover {background-position: 100% -25px;}
a.button:hover span {background-position: 0px -25px; color:white;}
/* blue */
a.button_blue { background-image: url('../image/button_right_blue.png');}
a.button_blue span { background-image: url('../image/button_left_blue.png');}

/***** Messages *****/
.success, .warning, .wait {padding: 5px 0px; margin-bottom: 10px; font-size: 0.85em; text-align: center; background: #E4F1C9; border: 1px solid #A5BD71;}
.warning { background: #FFDFE0;	border: 1px solid #FF9999;}
.wait {	background: #FBFAEA; border: 1px solid #EFEBAA;}
.required {	color: #FF0000;	font-weight: bold;}
.error { color: #FF0000;display: block;}
.help {	cursor: pointer;}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { overflow: hidden;	width: 100%;}

.pagination {
	display: inline-block;
	width: 100%;
/*	background: #F5F5f5;*/
  font-size: 0.9em;
  color:#797979;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.pagination .show_all { display: none;}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
	cursor: pointer;
}
.tabs a:hover {
	text-decoration: underline; color: #3399CC;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
	color: #3399CC;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;

	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
#tab_description img { margin: 5px;}