/*-=RESET=-*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
  background: url(../images/bg.jpg) no-repeat center 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 0;
}

/* floating */

.left  { float: left!important; } 
.right { float: right!important;}

/* text aligments */

.text-left  { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }

.inner {
  width: 924px;
  margin: 0 auto;
}

/*-=HEADER=-*/

#header{}
#header #logo {
  float: left;
  width: 259px;
  margin-left: -40px;
}	
#header #logo a {
  background: url(../images/logo.jpg) no-repeat 0 0;
  width: 259px;
  height: 43px;
  display: block;
}
.navi {
  background: #e7e7e7 url(../images/navi.jpg) repeat-x 0 0;
}	
.navi ul {
  float: left;
  list-style-type: none;
  margin-left: 50px;
  margin-right: -9px;
}
.navi li {
  float: left;
  font: normal 12px/47px Arial, sans-serif;
  color: #343878;
  position: relative;
  text-transform: uppercase;
  padding: 0 9px;
}			
.navi li a {
  color: #343878;
  text-decoration: none; 
  display: block;
  font-weight: normal;
}	
.navi li:hover,
.navi li.akciy a:hover {
  background: url(../images/hover.jpg) repeat-x 0 0;
  color: #fff;
}
.navi li:hover a {color: #fff;}
.navi li:hover > .sub,
.navi li:hover > .sub-list {
  display: block;
}    
.navi li.akciy a {
  color: #d70000;
}
.navi .sub {
  width: 580px;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 25px 10px 0 20px;
  background: url(../images/down.png) repeat 0 0;
  display: none;
  -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;
}
.navi .sub .menu:first-child {
  margin-left: 0;
}
.navi .sub .menu{
  float: left;
  margin-left: 23px;
  width: 277px;
}
.navi .sub .menu div{
  overflow: hidden;
  font: normal 18px Arial, sans-serif ;
  text-transform: none;
  margin-bottom: 28px;
}
.navi .sub .menu div a {
  text-decoration: underline;
  color: #343878;
}
.navi .sub ul {
  margin-left: 10px;
}
.navi .sub ul li {
  float: none;
  text-transform: none;
  font: normal 14px Arial, sans-serif;
}
.navi .sub ul li a {
  text-decoration: underline; 
  color: #343878;
  padding: 5px 0;
}
.navi .sub ul li:hover,
.navi .sub .menu div a:hover {
  background: none;
  color: #9fa1c9;
  text-decoration: none;
}
.navi .sub-list {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 20px;
  background: url(../images/down.png) repeat 0 0;
  display: none;
  width: 200px;
  -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;
  margin-left: 0;
}
.navi .sub-list li {
  float: none;
  text-transform: none;
  font: normal 14px Arial, sans-serif;
  
  background: none;
}
.navi .sub-list li a{
  color: #343878;
  padding: 5px 0;
  text-decoration: underline;
}
.navi .sub-list li a:hover {
  text-decoration: none;
  color: #9fa1c9;
}
/*-=CONTENT=-*/

.content-top {
  padding-top: 35px;
  margin-bottom: 55px;
}
.catalog {
  width: 270px;
  float: left;
  margin-bottom: 265px;
}
.catalog h3,
.description h3{
  font: normal 21px Arial, sans-serif;
  color: #5c5e8f;
  margin-bottom: 15px;
}
.catalog ul {
  list-style-type: none;
  float: left;
  margin-right: 35px;
}
.catalog li {
  font: normal 14px/33px Arial, sans-serif;
  color: #5c5e8f;
}
.catalog li  a {
  font: normal 14px/33px Arial, sans-serif;
  color: #5c5e8f;
}
.catalog li  a:hover {
  text-decoration: none;
}
.description {
  width: 360px;
  float: right;
}
.description h3{
  margin-bottom: 28px;
}
.description p {
  font: normal 14px/18px Arial, sans-serif;
  color: #5c5e8f;
  text-align: justify;
}
.contact {
  width: 270px;
}
.contact h3 {
  font: normal 27px/27px Arial, sans-serif;
  color: #505688;
  margin-bottom: 5px;
}
.contact ul {
  list-style-type: none;
  margin-bottom: 15px;
}	
.contact li a {
  color: #3b407a;
  text-decoration: none;
}
.contact .skype {
  float: left;
  padding-left: 25px;
  background: url(../images/skype.png) no-repeat 0 center;
  color: #3b407a;
  font: normal 14px/27px Arial, sans-serif;
  margin-right: 25px;
}
.contact .email {
  color: #9fa1c9;
  font: normal 14px/27px Arial, sans-serif;
}
.contact p {
  color: #5c5e8f;
  font: normal 14px Arial, sans-serif;
}
.contact a {
  color: #d70000;
}
.contact a:hover {
  text-decoration: none;
}
.blog {
  margin-bottom: 35px;
}
.column-blog {
  width: 430px;
  float: left;
  margin-right: 31px;
  margin-bottom: 40px;
}
.column-blog:first-child {
  margin-left: 0px;
}
.img {
  width: 177px;
  height: 99px;
  float: left;
}
.img a:hover {
  opacity: 0.8;
}
.text-blog {
  margin-left: 190px;
}
.text-blog .date {
  color: #9fa1c9; 
  font: normal 12px Arial, sans-serif;
  margin-bottom: 10px;
}
.text-blog p {
  color: #5c5e8f;
  font: normal 12px Arial, sans-serif;
}

.text-blog a {
  color: #5c5e8f;
  line-height:1.5;
  font: normal 14px Arial, sans-serif;
}

.text-blog a:hover {
  color: #6d72b4;
  font: normal 12px Arial, sans-serif;
}


.content {
  margin-bottom: 35px;
}

h1{font-size: 21px;}

.content h1 {
  color: #5c5e8f;
  font: normal 27px/30px Arial, sans-serif;
  margin-bottom: 20px;
}
.content p {
  color: #5c5e8f;
  font: normal 14px/18px Arial, sans-serif;
  text-align: justify;
  margin-bottom: 20px;
}
.row {
  margin-bottom: 40px;
}
.column {
  width: 176px;
  height: 176px;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  margin-left: 8px;
}
.column:first-child {
  margin-left: 0;
}
#categorys-right .column{
  margin: 3px;
}
.column a,
#categorys-right .column a {
  color: #5c5e8f;
  text-decoration: none;
}
.column span {
  color: #5c5e8f;
  font: bold 14px/14px Arial, sans-serif;
  display: block;
  text-align: center;
}
.column a:hover {
  opacity: 0.8;
}

/*-=FOOTER=-*/

.footer {
  padding: 16px 17px;
  margin: 0 -17px;
  border-top: 1px solid #d9d9d9;
}
#footer .copyright {
  width: 330px;
  float: left;
}
#footer .copyright img {
  float: left;
  margin-right: 6px;
}
#footer .copyright  p {
  color: #9fa1c9;
  font: normal 12px/15px Arial, sans-serif;
}
.footer-navi {
  float: right;
}
.footer-navi ul {
  list-style-type: none;  
  float: right;
  margin-right: -8px;
}
.footer-navi li {
  float: left;
  font: normal 11px Arial, sans-serif;
  color: #343878;
  position: relative;
  text-transform: uppercase;
  padding: 0 8px;
}			
.footer-navi li a {
  color: #343878;
  text-decoration: none; 
  display: block;
}	
.footer-navi li.akciy a {
  color: #d70000;
}
.footer-navi li a:hover {
  color: #9fa1c9;
}

.rollover1 
{
      display:none; 
      position:absolute; 
      border: 1px solid #ddd; 
      background-color: white; 
       padding: 15px; width:580px;

}

.rollover-table {margin-top:15px;}

.rollover-table td
{
      border:1px solid #ddd; 
	  padding:5px;
	  font-size:11px;
}

.catalog  .ya-site-form0{margin:-5px!important}

#peregorodki H4{display: block; max-width: 168px; text-align: center;margin-left:-5px;}