* {margin:0;padding:0}
html, body {height:100%}
body {background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.25em;color:#000000}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul, ol {list-style:none}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
/* GLOBAL*/

.container {width:960px;margin:0 auto;font-size:1em;position:relative}
#header {height:588px;background:url(images/header-tail.gif) 0 0 repeat-x #f7f7f7}
#header .container {background:url(images/komp-master.gif) no-repeat 100% 100%;height:493px}
#content {background:#fff;padding:22px 0 20px 0}
#content .aside {width:269px;float:left;margin-right:49px}
#content .mainContent {float:left;width:602px}
#footer {background:url(images/footer-bg.gif) 0 0 repeat-x #f2f2f2;text-align:center;padding:45px 0}
/* tailings */
.tail-top {background:url(images/tail-top.gif) left top repeat-x #ffbb00}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* forms parameters */
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;vertical-align:middle;font-weight:normal}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:12px}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:20px}
.p1 {margin-bottom:10px}
.p2 {margin-bottom:20px}
.p3 {margin-bottom:30px}
/* txt, links, lines, titles */
a {color:#d60c0c;outline:none}
a:hover {text-decoration:none}
h1 {font-size:36px;line-height:1.2em;color:#d60c0c;font-weight:600;margin-bottom:22px}
h1 span {display:block;font-size:30px;line-height:1.2em;color:#4a4a4a;margin-top:-10px}
h1 em {display:block;font-style:normal;font-size:24px;line-height:1.2em;color:#919191}
h2 {font-size:36px;line-height:1.2em;margin-bottom:10px;font-size: 24px;
  color: #000;}
h2 em {font-size:14px;color:#838383;display:block;text-transform:uppercase;margin-top:-17px;font-weight:400}
h3 {font-size:25px;line-height:1.2em;color:#4a4a4a;font-weight:400;margin-bottom:20px}
h4 {font-size:1em;color:#d60c0c;margin-bottom:8px}
h5 {font-size:1em;color:#d60c0c}
h6 {font-size:1em}
.txt1 {color:#d60c0c}
.txt2 {}
.link1 {display:block;float:left;background:url(images/link1-bg.gif) left top repeat-x;color:#383838;text-decoration:none;text-shadow:1px 1px 0 #eee}
.link1:hover {text-decoration:underline}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:8px 15px 8px 15px;font-weight:normal; font-style:normal}
.button {float:left;width:137px;height:40px;line-height:40px;color:#fff;text-align:center;text-decoration:none;background:url(images/button.gif) no-repeat 0 0}
.button:hover {text-decoration:underline}
.line-hor {background:#3a3c52;height:1px;overflow:hidden;font-size:0;line-height:0;margin:20px 0 20px 0}
.line-ver {background-image:url(images/line-ver.gif);background-repeat:repeat-y;width:100%}
.title {margin-bottom:20px}
/* boxes */
.box {background:#f7f7f7;padding:30px 35px 36px 40px}
.box1 {  background: url(images/box1-bg.gif) no-repeat 100% 100% #b40303;
  padding: 17px 15px 21px 19px;
  color: #ffd2d2;
  width: 150px;
  float: left;}
.box1 h4 {font-size:1em;color:#fff}
.box2{float:left; margin-left: 40px;}
.address {float:left}
.address dt {margin-bottom:16px}
.address dd {clear:both;text-align:right}
.address dd span {float:left;padding-right:25px}
/* header*/
#header .logo {position:absolute;left:8px;top:0px}
#header .nav {position:absolute;right:0;top:71px}
#header .nav li {float:left}
#header .nav li a {float:left;color:#3c3c3c;text-decoration:none;font-size:17px;text-transform:uppercase;font-weight:400;font-size:15px;}
#header .nav li a span {float:left;padding:26px 32px 15px 32px}
#header .nav li a:hover, #header .nav li a.current {background:url(images/nav-left.gif) no-repeat 0 0;color:#d60c0c}
#header .nav li a:hover span, #header .nav li a.current span {background:url(images/nav-right.gif) no-repeat 100% 0}
.extra-box {background:url(images/header-box.jpg) no-repeat 0 0;position:absolute;left:0;top:80px;width:269px;height:413px;color:#fff}
.extra-box .inner {padding:25px 28px 0 37px}
.extra-box h2 {font-size:24px;line-height:1.2em;text-transform:uppercase;font-weight:600;margin-bottom:25px}
.extra-box h2 span {display:block;font-size:16px;line-height:1.2em}
.extra-box ul {padding-bottom:25px}
.extra-box ul li {background:url(images/arrow1.gif) no-repeat 0 7px;padding:0 0 12px 19px}
.extra-box ul li a {color:#ffd2d2}
.intro-text {position:absolute;left:317px;top:165px;}
.intro-text p.opisanie{
 width: 60%;
font-size: 16px;
font-style: italic;
text-shadow: 1px 1px #D0CBCB;
color: #4A4A4A;
}

.garantiya{
width: 170px;
margin: -50px 0px 0px 270px;
  }
  
/* content */
#content .indent {padding:0 20px 30px 37px}
#content .article {
text-align: justify;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
line-height: 18px;
}
.list1 li {background:url(images/arrow2.gif) no-repeat 0 7px;padding:0 0 11px 18px}
.list1 li a {color:#d60c0c}
.list1 ul {margin:13px 0 -7px 0}
.projects {overflow:hidden;margin-bottom:-20px}
.projects li {width:100%;overflow:hidden;padding-bottom:20px}
.projects li img {float:left;margin-right:20px}
/* footer*/
#footer {color:#5c5c5c}
/* forms */
#search-form {position:absolute;right:37px;top:34px}
#search-form fieldset {border:none;display:inline}
#search-form input.text {width:195px;padding:3px 0 3px 5px;border:1px solid #d2d2d2;background:#fff;margin-right:8px}
#search-form input.submit {background:url(images/submit-bg.gif) no-repeat 0 0;width:79px;height:34px;border:none;color:#fff;font-size:14px;cursor:pointer}
#login-form fieldset {border:none}
#login-form .field {height:63px}
#login-form input.text, #login-form input.password {width:180px;border:1px solid #dedede;padding:4px 7px 4px 5px}
#login-form .submit {background:url(images/login.gif) no-repeat 0 0;width:73px;height:34px;border:none;color:#fff;cursor:pointer;text-align:center;line-height:34px}
#login-form .fright {line-height:34px}
#login-form #checkbox {margin-right:10px;line-height:34px}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:123px;line-height:18px;padding-bottom:6px;font-weight:bold}
#contacts-form input {width:265px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#contacts-form textarea {width:470px;height:325px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#contacts-form .button {background:url(images/send-button.gif) no-repeat 0 0;width:160px;line-height:34px;float:right}

#submit {
display: block;
float: left;
background: url(images/link1-bg.gif) left top repeat-x;
color: #4A4A4A;
text-decoration: none;
padding: 8px 15px 8px 15px;
text-shadow: 1px 1px 0 #eee;
margin-top: 40px;
font-size: 16px;
font-weight: bold;
}

.list2{
  border: 1px dotted red;
padding: 15px;
}

.list2 li{
background: url(images/arrow2.gif) no-repeat 0 7px;
padding: 0 0 11px 18px;
}

input#contact_name, input#contact_phone{
line-height: 24px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
margin-right: 10px;
height: 30px;
font-size: 15px;
font-family: arial;
background-color: #f1f1f1;
border: 0;
box-shadow: inset 0 2px 3px rgba(0,0,0,0.3);
border-radius: 5px;
width: 200px !important;
}

.box1 img{
  width:140px;
  height:86px;
}

.col-1:last-child{
  margin:0px!important;
}

h1,h2,h3, #header .nav li a span {font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 0px rgb(197, 193, 193);}

h4,h5,h6, {font-family: 'Roboto Condensed', sans-serif;}

.B_crumbBox li {display:inline-block;}
.B_crumbBox{margin-bottom:10px;}

.kontakti2{
display:inline-block;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-size: 34px;
line-height: 1.2em;
color: #d60c0c;
font-weight: 600;
text-shadow: 1px 0px rgb(197, 193, 193);
width: 59%;
}

.otzivi1{
text-align:center;
}

h3.otzivi2{
text-align:center;
margin:0px;
}

.otzivi{
}

h3.otzivi1{
text-align:center;
}

.fivestar-otzivi{
width: 22px;
height: 20px;
background: url("/assets/templates/images/star.png") no-repeat 0 -20px;
display:inline-block;
}

.item-otzivi{
}

.zag-otzivi{
  font-family: 'Roboto Condensed', sans-serif;
text-shadow: 1px 0px rgb(197, 193, 193);
font-size: 17px;
line-height: 22px;
}

.ocenka-otzivi{
margin:10px 0px;
}

.kontakti2 p{
font-size: 15px;
color: #080808;
margin:0px;
}

.kontakti4{
display:inline-block;
text-align: center;
vertical-align:top;
font-family: 'Roboto Condensed', sans-serif;
font-size: 34px;
line-height: 1.2em;
color: #d60c0c;
font-weight: 600;
text-shadow: 1px 0px rgb(197, 193, 193);
width: 39%;
}

.kontakti4 p{
font-size: 15px;
color: #080808;
margin:0px;
}

.kontakti{
float: right;
text-align: center;
margin: 8px 0px 20px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 34px;
line-height: 1.2em;
color: #d60c0c;
font-weight: 600;
margin-bottom: 22px;
text-shadow: 1px 0px rgb(197, 193, 193);
}

.kontakti p{
font-size: 15px;
color: #080808;
line-height: 18px;
margin-bottom: 0px;
}

.akcii{
  font-size: 36px;
line-height: 1.2em;
color: #d60c0c;
font-weight: 600;
margin-bottom: 22px;
font-family: 'Roboto Condensed', sans-serif;
text-shadow: 1px 0px rgb(197, 193, 193);
width:100% !important;
}

.akcii span{
display: block;
font-size: 30px;
line-height: 1.2em;
color: #4a4a4a;
margin-top: -5px;
}

.ceni1{
  font-size: 20px;
line-height: 20px;
font-weight: bold;
color: #4F564F;
width:100% !important;
}

.akcii em{
display: block;
font-style: normal;
font-size: 24px;
line-height: 1.2em;
color: #919191;
}

.zayavka {
font-size: 24px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-shadow: 1px 0px rgb(197, 193, 193);
}

.zayavka span{
display: block;
font-size: 16px;
line-height: 1.2em;
}

.privetst {
font-size: 24px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 600;
margin:0px;
font-family: 'Roboto Condensed', sans-serif;
text-shadow: 1px 0px rgb(197, 193, 193);
}

.privetst em{
font-size: 14px;
color: #838383;
display: block;
text-transform: uppercase;
margin-top: -8px;
font-weight: 400;
}

.pages{
border: 1px solid rgb(191, 6, 6);
padding: 3px 5px;
color: rgb(191, 6, 6);
}

.control{
  display:inline-block;
}

.wp-pagenavi{
  margin:10px 0px;
}

.wp-pagenavi a{
  border:1px solid rgb(191, 6, 6);
  padding:3px 5px;
  margin: 0px 2px;
  color: rgb(191, 6, 6);
}

.wp-pagenavi .current{
   border:1px solid rgb(74, 74, 92);
  padding:3px 5px;
  margin: 0px 2px;
  color: rgb(74, 74, 92);
}

.article h3{
font-size:21px
}

.shema-raboti{
  margin: 0px 0px 50px;
  overflow: hidden;
  font-size: 13px;
  line-height: 13px;
  color: #362d2d;
  width: 714px;
  padding: 0px 0px 7px;
}
.shema-raboti li {
  display: block;
  margin: 0px 30px 0px 0px;
  width: 100px;
  float: left;
}
.shema-raboti li img {
  display: block;
  margin: 0px 0px 1px;
  float:none;
}

.article li{
  list-style-type: circle;
}
.article ul{
margin-left:20px;
}

.block {
  background: url(images/bg_blocks.png) no-repeat;
  width: 590px;
  padding: 40px 20px 8px 30px;
  border-bottom: 5px solid #e9f0f2;
  margin: 0px 0px 8px;
}

.promo img{
  float:left;
  margin: 0px 20px 20px 0px;
  width:250px;
}

.promo p{
  padding: 10px 0px 20px 0px;
}

p.cena{
line-height: 24px;
font-size: 24px;
padding:0px;
}

.item-type{
text-align: center;
width: 170px;
min-height: 219px;
vertical-align: top;
margin: 10px;
display: inline-block;
border: 1px solid black;
}

.zag-type{
text-align: center;
font-size: 17px;
padding: 10px 5px;
text-decoration: underline;
}

.item-type img{
  width:130px;
  margin-bottom: 10px;
}

.type{
  text-align:left;
}

.podrobnee-type{
background-color: #B40303;
color: #FFF;
font-size: 18px;
padding: 3px;
}

.podrobnee-type a{
color: #FFF;
font-size: 18px;
padding: 3px;
text-decoration: none;
}

.table-prais{
width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 2px 2px 3px rgba(140, 140, 140, 0.65);
    text-align:center;
}

.first-tr{

}

.center-tr{
    border: 1px solid #97917E;
}

.center-tr:hover{
    background: #C7C7C7;
    cursor:pointer;
}

.left-td {
    padding: 5px 20px;
    font-size: 16px;
    text-align:left;
}

.right-td{
    padding: 5px 20px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

.promo2 {
    text-align: center;
    margin-bottom: 40px;
}

.promo2 img{
 width: 957px;
 margin-top: 20px;
}

.list1{
border-right: 2px #B0B0B0 dotted;
    border-left: 2px #B0B0B0 dotted;
    padding: 0px 10px;
}

.snoska{
font-size: 14px;
padding: 5px 20px;
}

.cen1{
float: right;
margin: 35px 30px 10px;
}

.cen2{

}

.cen2 li{
    display: inline-block;
    padding: 10px;
}

.cen2 li a{
    font-size: 15px;
    color: #080808;
    line-height: 18px;
    margin-bottom: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    text-shadow: 1px 0px rgb(197, 193, 193);
}

p.sos{
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 1px 0px rgb(197, 193, 193);
    margin:0px;
}

.field {display:none}

.table-prais{
width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 2px 2px 3px rgba(140, 140, 140, 0.65);
    text-align:center;
}

.first-tr{

}

.center-tr{
    border: 1px solid #97917E;
}

.center-tr:hover{
    background: #C7C7C7;
    cursor:pointer;
}

.center-tr2:hover{
    background: #C7C7C7;
    cursor:pointer;
}

.left-td {
    padding: 5px 20px;
    font-size: 16px;
    text-align:left;
}

.right-td{
    padding: 5px 20px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #E00E0E;
}

.center-tr3 {
    border: 1px solid #97917E;
    background-color: #ECECEC;
    font-size: 14px !important;
}

.left-td2 {
    padding: 5px 20px;
    font-size: 14px;
    text-align: left;
}

.right-td2 {
    padding: 5px 20px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.center-tr {
    border: 1px solid #97917E;
}

.center-tr2 {
    border: 1px solid #97917E;
    background-color: #ECECEC;
}

@media screen and (min-width: 600px) and (max-width: 768px){

#header .logo {
    position: relative;
	top:auto;
	left:auto;
	float: left;
	width: 40%;
}

#header .container {
    height: auto;
	background:none;
}

#header {
    height: auto;
}

.kontakti {
    float: right;
	width: 40%;
	font-size:25px;
}

.cen1 {
    float: none;
	text-align:center;
	clear: both;
}
	
#header .nav {
    position: relative;
	top:auto;
	left:auto;
	clear: both;
	height: 75px;
}

.extra-box {
   position: relative;
   top:auto;
   left:auto;
   float: right;
  
}

.intro-text {
    position: relative;
	top:auto;
	left:auto;
}

#content .aside{
	display:none;
}

.container{
	width:auto;
	padding: 10px;
}

#content .mainContent {
    float: none;
    text-align: center;
    margin: 0px auto;
    padding: 10px;
	width:auto;
}

#header .nav li a span {
    padding: 26px 15px 15px 32px;
}

.promo2 {
display:none;
}

.block {
    width: 500px;
}

.type {
    text-align: center;
}

	}
	

@media screen and (min-width: 480px) and (max-width: 600px){

#header .logo {
    position: relative;
	text-align:center;
	top:auto;
	left:auto;
}

#header .container {
    height: auto;
	background:none;
}

#header {
    height: auto;
}

.kontakti {
    text-align:center;
	font-size:25px;
	float:none;
}

.cen1 {
    float: none;
	text-align:center;
	clear: both;
}
	
#header .nav {
    position: relative;
	top:auto;
	left:auto;
	clear: both;
	height: 75px;
}

.extra-box {
   position: relative;
   top:auto;
   left:auto;
   float: none;
   margin: 0px auto;
  
}

.intro-text {
    position: relative;
	top:auto;
	left:auto;
}

#content .aside{
	display:none;
}

.container{
	width:auto;
	padding: 10px;
}

#content .mainContent {
    float: none;
    text-align: center;
    margin: 0px auto;
    padding: 10px;
	width:auto;
}

#header .nav li a span {
    padding: 26px 13px 15px 14px;
}

.promo2 {
display:none;
}

.block {
    width: 400px;
}

.type {
    text-align: center;
}

.garantiya {
    margin: -180px 0px 0px 300px;
}

.kontakti4{
	font-size:30px;
}

.kontakti2{
	font-size:30px;
}

	}
	
	
@media screen and (max-width: 480px){

#header .logo {
    position: relative;
	text-align:center;
	top:auto;
	left:auto;
}

#header .container {
    height: auto;
	background:none;
}

#header {
    height: auto;
}

.kontakti {
    text-align:center;
	font-size:25px;
	float:none;
}

.cen1 {
    float: none;
	text-align:center;
	clear: both;
}
	
#header .nav {
    position: relative;
	top:auto;
	left:auto;
	clear: both;
	height: 125px;
}

.extra-box {
   position: relative;
   top:auto;
   left:auto;
   float: none;
   margin: 0px auto;
  
}

.intro-text {
    position: relative;
	top:auto;
	left:auto;
}

#content .aside{
	display:none;
}

.container{
	width:auto;
	padding: 10px;
}

#content .mainContent {
    float: none;
    text-align: center;
    margin: 0px auto;
    padding: 10px;
	width:auto;
}

#header .nav li a span {
    padding: 26px 22px 15px 22px;
}

.promo2 {
display:none;
}

.block {
    width: 280px;
}

.type {
    text-align: center;
}

.garantiya {
    margin: -180px 0px 0px 300px;
}

.kontakti4{
	font-size:30px;
	display:block;
	width:auto;
}

.kontakti2{
	font-size:30px;
	display:block;
	width:auto;
}

.akcii {
    font-size: 32px;
}

.akcii span {
    font-size: 26px;
	}

.intro-text p.opisanie{
display:none;
}	

.garantiya{
display:none;	
}

}


@media screen and (min-width: 768px) and (max-width: 1000px){

#header .logo {
    position: relative;
	top:auto;
	left:auto;
	float: left;
	width: 40%;
}

#header .container {
    height: auto;
}

#header {
    height: auto;
}

.kontakti {
    float: right;
	width: 40%;
	font-size:32px;
}

.cen1 {
    float: none;
	text-align:center;
	clear: both;
}
	
#header .nav {
    position: relative;
	top:auto;
	left:auto;
	clear: both;
	height: 75px;
}

.extra-box {
   position: relative;
   top:auto;
   left:auto;
   float: left;
   margin-right: 10px;
  
}

.intro-text {
    position: relative;
	top:auto;
	left:auto;
}

.intro-text p.opisanie {
    width: 80%;
}

#content .aside {
    width: 190px;
    float: left;
    margin-right: 10px;
}

.container{
	width:auto;
	padding: 10px;
}

#content .mainContent {
    padding: 10px;
    width: 525px;
}

#header .nav li a span {
    padding: 26px 40px 15px 40px;
}

.promo2 {
display:none;
}

.type {
    text-align: center;
}

.block {
    width: 550px;
}

	}
	
@media screen and (min-width: 900px) and (max-width: 1000px){
	

#content .mainContent {
    padding: 10px;
    width: 600px;
}
	
.intro-text p.opisanie {
    width: 65%;
}

}

.logo img{
	width:200px;
}