@font-face {
    font-family: 'VAB-STUDIO';
    src:url('fonts/vabstudio.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

.div_top_link
{
	margin-top: 3px; margin-bottom: 3px;
	padding-top: 9px; padding-bottom: 9px; padding-left: 7px; padding-right: 7px;
	text-align: left;
	box-shadow: inset 0px 0px 5px #ffffff,0px 0px 10px #696969;
	border: 1px solid #838383;
	border-radius: 4px;
	background: rgb(233,233,233); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}

.div_panel_name
{
	font-size: 17px;
	margin-top: 3px; margin-bottom: 0px;
	padding-top: 9px; padding-bottom: 9px; padding-left: 7px;
	text-align: left;
	box-shadow: inset 0px 0px 5px #ffffff,0px 0px 10px #696969;
	border: 1px solid #838383;
	border-radius: 4 4 0 0;
	background: rgb(233,233,233); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(206,206,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}

.div_panel_body
{
	margin-top: 0px; margin-bottom: 5px;
	padding-top: 9px; padding-bottom: 9px; padding-left: 10px; padding-right: 10px;
	text-align: left;
	box-shadow: inset 0px 0px 5px #ffffff;
	border: 1px solid #8E8E8E;
	border-top: 0px;
	border-radius: 0 0 4 4;
	background: #E3E3E3; /* Old browsers */
}

a {
	color : #404040;
	text-decoration : none;
}

a:hover {
	color : #404040;
}

a.side {
	color : #404040;
	text-decoration : none;
}

a:hover.side {
	color : #404040;
}

a.white {
	color : #404040;
	text-decoration : none;
}

a:hover.white {
	color : #404040;

background :white url('images/fundal.jpg') no-repeat fixed center; 
padding : 0; 

}

 


body {
	font-family: Verdana;
	font-size : 16px;
	margin: 0px;

background :white url('images/fundal.jpg') no-repeat fixed center; 
padding : 0; 
 
}

form {
	margin : 0px;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-size : 14px;
}

pre {
	font-size : 14px;
}

.alt {
	color : #005599;
}
 
.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-size : 14px;
	color : #000;
	background-color : #888;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 5px;
}

.full-header {
	font-size : 14px;
	color : #ddd;
	background-color : #444;
	padding : 10px;
}

.footer {
	font-size : 13px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	padding : 5px;
}


.button {
	font-size : 14px;
	color : #350000;
	opacity: 0.9;
	border : 1px solid #960000; border-radius: 3px;
	margin-top: 4px; margin-bottom: 4px; margin-left: 2px;
	padding: 4px;
	background: rgb(248,80,50); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(232,48,48,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(232,48,48,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(232,48,48,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(232,48,48,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(232,48,48,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(232,48,48,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e83030',GradientType=0 ); /* IE6-9 */
}

.button:hover {
	opacity: 1;
	cursor: pointer;
}

.textbox {
	font-size : 14px;
	color : #555;
	background-color : #E9E8E8;
	border : 1px solid #746E6E; border-radius: 3px;
	box-shadow: inset 0px 0px 7px #8F8888;
	padding: 4px;
	margin-top: 4px; margin-bottom: 4px; margin-left: 2px;
}

.main-body {

}

.side-body {
	background-color : #f6f6f6;

}

.main-bg {
	color : #555;
	padding : 10px 5px 10px 5px;
}

.border {
	border : 1px solid #e1e1e1;
}

.side-border-left {
	padding : 10px 5px 10px 10px;
}

.side-border-right {
	padding : 10px 10px 10px 5px;
}

.news-footer {
	font-size : 14px;
	color : #555;
	background-color : #f1f1f1;
	padding : 3px 4px 4px 4px;
}

.capmain {
	font-size : 14px;
	font-weight : bold;
	color : #666;
	background-color : #fff;
	padding : 2px 0px 4px 0px;
}

.scapmain {
	font-size : 14px;
	font-weight : bold;
	color : #666;
	background-color : #f1f1f1;
	border-bottom : 1px solid #e1e1e1;
	padding : 4px;
}

.tbl-border {
	color : #555;
	background-color : #e1e1e1;
}

.tbl {
	font-size : 14px;
	color : #555;
	padding : 4px;
}

.tbl1 {
	font-size : 14px;
	color : #555;
	padding : 4px;
}

.tbl2 {
	font-size : 14px;
	color : #555;
	background-color : #f1f1f1;
	padding : 4px;
}

.forum-caption {
	font-size : 14px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 14px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 13px;
	color : #888;
	background-color : #f6f6f6;
}

.small {
	font-size : 14px;
	font-weight : normal;
}

.small2 {
	font-size : 14px;
	font-weight : normal;
	color : #555;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	background-color : #f6f6f6;
}

.side-label {
	color : #555;
	background-color : #f1f1f1;
	padding : 2px 2px 3px 2px;
}





/* Roman Kut'kin */
/* general style */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}

/* styles for header menu */

.clear {
  clear: both;
  content: '';
  display: block;
}

.container {
  width: 1000px;
  margin: 0 auto;
}



nav {
  background: #1a1a1a;
  font-size: 14px;
  margin: 0 auto;
  width: 1000px;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav li {
  float: left;
}

nav a {
  background: #1a1a1a;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

nav a:hover {
  background: #ee4b3f;
  color: #fff;
}



.drop-menu,
.full-drop-menu {
  display: none;
}

.full-drop-menu {
  left: 0;
  width: 100%;
}

nav li:hover .drop-menu,
nav li:hover .full-drop-menu {
  display: block;
}

.drop-menu,
.full-drop-menu {
  position: absolute;
}

.drop-menu li,
.full-drop-menu li {
  float: none;
}

.drop-menu a,
.full-drop-menu a {
  background: #eee;
  color: #1a1a1a;
  padding: 5px 15px;
}

.full-drop-menu ul li ul li a {
  color: #777;
  padding: 5px 25px;
}

.full-drop-menu ul li ul li a:hover {
  color: #fff;
}

.full-drop-menu .container {
  background: #eee;
}

.col-drop-menu {
  float: left;
  width: 25%;
}

.contacts {
  padding: 5px; 
}


/* content-sytle */

img.for-content {
  float: left;
  display: block;
  margin: 0 20px 10px 0;
}



/* table price style */

.price {
  width: 100%;
  color: #333;
}
    
.price .title {
  background: #EE4B3F;
  color: #fff;
}
    
.price td {
  padding: 5px 20px;

  border: 0;
}

.price tr {
	border: 0;
}
    
.price tr:hover {
  background: #EE4B3F;
  color: #fff;
}
    
.price .another {
  background: #ff9c8a;
  color: #fff;
}

.top-description {
	color: #000;
}


/* shop */
.breadcrumbs {
	padding: 5px 5px 15px 5px;
	width: 100%;
}

.breadcrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0;
}

.breadcrumbs a {
	color: #2797c9;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	text-decoration: underline;
}

.breadcrumbs a:hover {
	text-decoration: none;
}

.breadcrumbs span {
	display: block;
	float: left;
}

.bcrumbs-last span {
	font-weight: bold;
}



.clearfix {
	clear: both;
	content: '';
	display: block;
}

.goods {
	padding: 15px 0;
}

.goods-thumb {
	background: #fff;
	float: left;
	height: 80px;
	width: 100px;
	padding: 0 15px;
}

.goods-thumb img {
	height: 100%;
}

.goods-info {
	float: left;
	padding: 0 15px;
	width: 560px;
}

.goods-info-name {
	margin-bottom: 15px;
}

.goods-info-name h2 {
	color: #333;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.goods-info-name a {
color: #ee4b3f;
text-decoration: underline;
}

.goods-info-name a:hover {
color: #333;
text-decoration: none;
}

.goods-info-amount {
	float: left;
}

.goods-info-amount span {
	
}

.goods-info-price {
	float: right;
}

.goods-info-price span {
	
}

/* tree */
ul.ul-treefree {padding-left:25px; }
ul.ul-treefree ul { margin:0; padding-left:6px; }
ul.ul-treefree li { position:relative; list-style:none outside none; border-left:solid 1px #999; margin:0; padding:0 0 0 19px; line-height:23px; }
ul.ul-treefree li:before { content:''; display:block; border-bottom:solid 1px #999; position:absolute; width:18px; height:11px; left:0; top:0; }
ul.ul-treefree li:last-child { border-left:0 none; }
ul.ul-treefree li:last-child:before { border-left:solid 1px #999; }


ul.ul-dropfree div.drop {
width:11px;
height:11px;
position:absolute;
z-index:10;
top:6px;
left:-6px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAIAAAD0nuopAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpinDlzJgNlgAWI09LScEnPmjWLoAImrHpIAkwMFAMqGMGC6X44GzkIsHoQooAFTTVQKdbAwxOigyMsmIh3MC7ASHnqBAgwAD4CGeOiDhXRAAAAAElFTkSuQmCC');
background-position:-11px 0;
background-repeat:no-repeat;
cursor:pointer;
}






/* aside menu */
.aside-menu {
  display: block;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.aside-menu a {
  display: block;
  padding: 3px 10px;
  text-decoration: none;
  width: 210px;
}

.aside-menu a:hover {
  color: #fff; 
  background: #EE4B3F; 
}

.aside-menu li:hover > a {
  color: #fff; 
  background: #EE4B3F; 
}

.aside-menu li > ul {
  display: none;
  background: #eee;
  list-style: none;
  margin: 0;
  padding: 0;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}

.aside-menu li:hover > ul {
  display: block;
  position: absolute;
  margin: -24px 0 0 230px;
}

.aside-menu li:hover > ul > li {
  
}

.aside-menu li:hover > ul > li > a {
  padding: 3px 10px;
}



.aside-menu > li > ul > li > ul {
  display: none;
  background: #eee;
  list-style: none;
  margin: 0;
  padding: 0;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}

.aside-menu li > ul > li:hover > ul {
  display: block;
  position: absolute;
  margin: -24px 0 0 230px;
}

.aside-arrow {
  background: url(http://vabstudio.ru/themes/skvaer/images/aside-nav-arrow.png);
  float: right;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: 6px;
}

.aside-menu a:hover .aside-arrow {
  background-position: 6px 0;
}

.aside-menu li:hover > a > .aside-arrow {
  background-position: 6px 0;
}