html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body {
  font: 13px Arial, Helvetica, sans-serif;
  background: url("../i/b.png") repeat scroll 0 0 #FFF;
}

#wrapper {
  width: 980px;
  margin: 0 auto 20px;
  margin-top: 0px;
}

#main {
  background-color: #FFF;
  border: 0px, 1px, 1px, 1px solid #999;

  -webkit-border-radius: 0px;0px;15px;15px;
  -moz-border-radius: 0px;0px;15px;15px;
  border-radius: 0px;0px;15px;15px;

  -webkit-border-radius:  0 0 15px 15px ;
  -moz-border-radius:  0 0 15px 15px;
  border-radius:  0 0 15px 15px;
}


/* ============================================================================
   Header
============================================================================ */

#header {
  height: 110px;
  position: relative;
  border: 0 px, 1px, 0 px, 1px solid #999;
}


.top {

  height: 42px;
  background: #036ED6;

}


#logo {
  position: absolute;
  width: 980px;
  height: 145px;
  background: url("../i/log.png") 0 0 no-repeat transparent;
}


/* ============================================================================
   Carousel
============================================================================ */
#brands {
  position: relative;
  height: 160px;
  border-bottom: 0px solid #BBB;
}

.hidden {
  display: none;
}

#carousel {
  margin: 0 70px;
  overflow: hidden;
}

#carousel li {
  float: left;
  margin-right: 10px;
}

#carousel img {
  margin-right: 10px;
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -ms-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

#carousel img:hover {
  opacity: 0.8;
  width: 116px;
  height: 116px;
}

#ui-carousel-next, #ui-carousel-prev {
  width: 31px;
  height: 31px;
  margin: 35px 25px;
  display: block;
  position: absolute;
  top: 0;
}

#ui-carousel-prev {
  left: 0;
  background: url("../i/l.png") 0 0 no-repeat #fff;
}

#ui-carousel-prev:hover, #ui-carousel-next:hover {
  background-position: 0 -31px;
}

#ui-carousel-next {
  right: 0;
  background: url("../i/r.png") 0 0 no-repeat #fff;
}

#ui-carousel-prev {
  left: 0;
}

#ui-carousel-next > span, #ui-carousel-prev > span {
  display: none;
}


/* ============================================================================
   top-slogan
============================================================================ */

.top-curve {
  height: 28px;
  background: #C9E3FC;
}

.top-slogan {
  position: relative;
  height: 46px;
  background: #CC0066;
  
  background-image: -webkit-linear-gradient(top, #DE0270, #BF0261);
  background-image: -moz-linear-gradient(top, #DE0270, #BF0261);
  background-image: -o-linear-gradient(top, #DE0270, #BF0261);
  background-image: -ms-linear-gradient(top, #DE0270, #BF0261);
  background-image: linear-gradient(top, #DE0270, #BF0261);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#DE0270', EndColorStr='#BF0261');
  
  
  margin-left: 0px;
  margin-top: -26px;
    border-top: 1px solid #69A8CA;
    border-bottom: 1px solid #69A8CA;
}

.top-slogan p{
  color: #fff;
  font: Tahoma, Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  padding: 4px 0;
}


/* ============================================================================
   Sidebar left
============================================================================ */

#sidebar-left {
  float: left;
  width: 210px;
  margin: 20px 35px 30px 15px;
  font-family: Tahoma, Arial, sans-serif;
}

/* ============================================================================
   Sidebar left Menu
============================================================================ */

.menu {
  margin-bottom: 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #E8DAB9;
}

.menu-title {
  background: #3366CC;
  color: #fff;
  font: Tahoma, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  padding: 4px 0;
  background-image: -webkit-linear-gradient(top, #787879, #3B3C40);
  background-image: -moz-linear-gradient(top, #787879, #3B3C40);
  background-image: -o-linear-gradient(top, #787879, #3B3C40);
  background-image: -ms-linear-gradient(top, #787879, #3B3C40);
  background-image: linear-gradient(top, #787879, #3B3C40);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#787879', EndColorStr='#3B3C40');

  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.menu a {
  display: block;
  font-size: 12px;
  color: #777;
  text-decoration: none;
  padding: 5px 12px 5px 15px;
  border-top: 1px solid #E8DAB9;
    font-weight: bold;
}

.menu a:hover {
  background-color: #DE0270;
  color: #FFF;
}

.menu a.last {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* ============================================================================
   Sidebar left brand-menu
============================================================================ */

.brand-menu {

  margin-bottom: 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #E8DAB9;
  padding-bottom: 12px;
}

.brand-title {
  background: #3366CC;
  color: #fff;
  font: Tahoma, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  padding: 4px 0;
  background-image: -webkit-linear-gradient(top, #787879, #3B3C40);
  background-image: -moz-linear-gradient(top, #787879, #3B3C40);
  background-image: -o-linear-gradient(top, #787879, #3B3C40);
  background-image: -ms-linear-gradient(top, #787879, #3B3C40);
  background-image: linear-gradient(top, #787879, #3B3C40);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#787879', EndColorStr='#3B3C40');

  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  
  margin-bottom: 4px;
}

.brand-menu a {
  display: block;
  font-size: 12px;
  color: #777;
  text-decoration: none;
  padding: 2px 20px 4px;
  font-weight: bold;
}

.brand-menu a:hover {
  background-color: #DE0270;
  color: #FFF;

}

.brand-menu a.last {
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}


/* ============================================================================
   Content
============================================================================ */

#content {
  float: left;
  width: 690px;
  margin: 20px 25px 30px 0;
  
}

#content h1 {
  color: #000;
  font-size: 22px;
  margin: 0 20px 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #E8DAB9;
  font-weight: bold;
}

#content h2 {
  color: #036ED6;
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 8px;
  font-weight: bold;
  text-align: left;
}

#content ul {
  margin: -10px 16px 10px;
  padding-left: 20px;
  line-height: 16px;
  list-style-type: square;
}

#content p {
  margin-bottom: 15px;
  text-align: justify;
}


#box {
  width: 690px;
  height: 308px;
}
  
  
  
#call {
  width: 275px;
  float: right;
  margin: 10px 20px 0px 0;
  padding: 0 24px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #E8DAB9;
}

#call .info {
  color: #000;
  font-size: 18px;
  text-align: center;
}

#call .info2 {
  color: #000;
  font-size: 18px;
  text-align: center;
  margin: 6px 0 12px 0;
}

#call .phone-time {
  color: #666;
  font-size: 14px;
  text-align: center;
}

#call p {
  margin-top: 8px;
  margin-bottom: 8px;
  
}


#tele3 {
  float: left;
  margin: 0 15px 10px 0;
}

.slogan-bottom {
  color: #F4F4F4;
  font-size: 16px;
  text-align: center;
  margin: -15px 20px 15px;
  padding: 16px 24px 20px 24px;

  background-image: -webkit-linear-gradient(top, #0578E8, #044B90);
  background-image: -moz-linear-gradient(top, #0578E8, #044B90);
  background-image: -o-linear-gradient(top, #0578E8, #044B90);
  background-image: -ms-linear-gradient(top, #0578E8, #044B90);
  background-image: linear-gradient(top, #0578E8, #044B90);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0578E8', EndColorStr='#044B90');
  border: 3px solid #E8DAB9;
}

.prev a {
  font-size: 12px;
  color: #777;
  text-decoration: none;

}

.prev a:hover {
  text-decoration: underline;
}


#content a {
  color: #036ED6;

  text-decoration: underline;  
}
#content a:hover {
  text-decoration: none;
}



table.ras {
  border-left: solid 1px #999;
  margin: 5px 12px 10px 12px;
}

table.ras td {
  border: solid 1px #999;
  vertical-align: middle;
  padding: 2px 15px;
  border-left: none;
}

td.code {
  text-align: center;
}

table.ras tr {
  background: #EEF8FF;
}

table.ras tr:hover {
  background:#FFF;
}

h3 {
  font-size: 13px;
  font-weight: bold;
  color: #555;
}




















/* ============================================================================
   Footer
============================================================================ */

#footer {
  background-color: #404040;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  border-top: 1px solid #000000;
  color: #CCC;
  padding: 12px;
  text-align: center;
  
  background-image: -webkit-linear-gradient(top, #626262, #4A4A4A);
  background-image: -moz-linear-gradient(top, #626262, #4A4A4A);
  background-image: -o-linear-gradient(top, #626262, #4A4A4A);
  background-image: -ms-linear-gradient(top, #626262, #4A4A4A);
  background-image: linear-gradient(top, #626262, #4A4A4A);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#626262', EndColorStr='#4A4A4A');

}

.footer-title {
  color: #CCC;
  font: Tahoma, Arial, sans-serif;
  font-size: 14px;
  text-align: left;
  padding: 4px 20px;

}

#footer a {
  color: #CCC;
  text-decoration: none;
}

#footer a:hover {
  color: #FFF;
}


.footer-menu ul {
font-size: 11px;
text-align: left;
  margin: 10px 16px 10px;
  padding-left: 20px;
  line-height: 16px;
  list-style-type: square;
}




/* ============================================================================
   Comment
============================================================================ */

.menuotzyv {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #E8DAB9;
  margin-top: 17px;
}

.title {
  background: #3366CC;
  color: #fff;
  font: Tahoma, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  padding: 4px 0;
  background-image: -webkit-linear-gradient(top, #787879, #3B3C40);
  background-image: -moz-linear-gradient(top, #787879, #3B3C40);
  background-image: -o-linear-gradient(top, #787879, #3B3C40);
  background-image: -ms-linear-gradient(top, #787879, #3B3C40);
  background-image: linear-gradient(top, #787879, #3B3C40);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#787879', EndColorStr='#3B3C40');

  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;

}
.menuotzyv a {
  font-size: 13px;
  color: #1A3DC1;
  text-decoration: none;
  padding: 6px;

}

.menuotzyv a:hover {
  text-decoration: underline;

}

.BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 0px 10px 10px 12px;
	color:#15160D;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}

#content-comment {
  float: left;
  width: 626px;
  margin: 30px 25px 30px 0;
}



#content-comment h1 {
  color: #000;
  font-size: 22px;
  margin: -10px 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #E8DAB9;
  font-weight: bold;
}






#content-comment p {
  margin-bottom: 0px;
}

.comment-sidebar {
	margin-bottom: 15px;
	text-align: left;
}

.Post .comment {
	margin-bottom: 5px;
}

.comment-sidebar p {
  margin: 3px  0;
}

.hidden {
  display: none;
}

.comment-name-sidebar p {
  font-family: Tahoma, Arial, sans-serif;
  color: #0455A3;
  font-size: 12px;
  margin: 0;
  font-weight: bold;  
}

.comment-city-sidebar p {
  font-family: Tahoma, Arial, sans-serif;
  color: #0455A3;
  font-size: 11px;
  margin: 0;
}

.comment-data-sidebar p {
  font-family: Tahoma, Arial, sans-serif;
  color: #0455A3;
  font-size: 11px;
  margin: 0;
}

.comment-name p {
  color: #0455A3;
  font-size: 14px;
  font-weight: bold;
  margin-top:  0px;
}

.comment-city p {
  color: #0455A3;
  font-size: 12px;
  margin-top:  0px;
}

.comments-pole {
  width: 590px;
  margin: 6px 25px 30px 0;
  padding: 6px 25px 6px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-image: -webkit-linear-gradient(top, #FEFDF9, #FDF9EE);
  background-image: -moz-linear-gradient(top, #FEFDF9, #FDF9EE);
  background-image: -o-linear-gradient(top, #FEFDF9, #FDF9EE);
  background-image: -ms-linear-gradient(top, #FEFDF9, #FDF9EE);
  background-image: linear-gradient(top, #FEFDF9, #FDF9EE);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FEFDF9', EndColorStr='#FDF9EE');
  border: 1px solid #E8DAB9;
}

.comments-pole p{
  color: #15160D;
  font-size: 12px;
  margin-top:  0px;
  padding-bottom: 0px;
}

#more-comments {
	margin: 0 5px;

}


/* ============================================================================
   Contact form
============================================================================ */

label {
  display: block;
  float: left;
  width: 140px;
  margin-top: 4px;
}

.required-field {
  color: #444;
  font-size: 11px;
  margin-left: 10px;
}

.wrong-captcha {
  color: #DE312A;
  font-size: 11px;
  margin-left: 10px;
}

.message-sent {
  font-size: 16px;
  font-weight: bold;
  color: #007F0E;
  margin-top: 20px;
}

input[type="text"] {
  width: 250px;
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  margin-bottom: 10px;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

select {
  width: 257px;
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  margin-bottom: 10px;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

input[type="text"]:focus, #contact select:focus {
  border-color: #444;
}

.button {
  cursor: pointer;
  padding: 5px;
  border: 1px solid #555;
  color: #000;
  background-color: #E5E5E5;
  width: 200px;
  margin-left: 100px;
}

.button:hover {
  background-color: #FFF;
}

#contact .empty-field {
  border-color: #DE312A;
}

#contact .empty-field:focus {
  border-color: #DE312A;
}

#contact img {
  margin-top: 4px;
}

#captcha {
  margin-left: 10px;
  width: 150px;
}