h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, body, html { margin:0; padding:0; }
li, dd, blockquote {margin:0; padding:0;}
fieldset {border:none;}
ul {list-style:none;}

body {font-family:arial, tahoma; font-size:14px; }
#wrapper-index {padding:10px 0 10px 0; background:url(/img/body-index.jpg) center top no-repeat;}
#wrapper-inner {padding:10px 0 10px 0; background:url(/img/body-inner.jpg) center top no-repeat;}

#container {margin:0 auto;  width:960px; }
a {color:#0044a6; display:inline-block;}
a:hover {color:#1887d3;}

.js a {text-decoration:none; border-bottom:dashed 1px #0044a6; color:#0044a6;}
.js a:hover {color:#1887d3; border-bottom:dashed 1px #1887d3;}

a.js {text-decoration:none; border-bottom:dashed 1px #0044a6; color:#0044a6;}
a.js:hover {color:#1887d3; border-bottom:dashed 1px #1887d3;}

h1{font:32px 'PT Sans', trebuchet ms, arial;font-weight:700; margin:0 0 24px 0; color:#003178;}
h2{font:28px 'PT Sans', trebuchet ms, arial;font-weight:700; margin:0 0 24px 0; color:#003178;}
h3{font:24px 'PT Sans', trebuchet ms, arial;font-weight:700; margin:0 0 18px 0; color:#003178;}
h4{font:18px 'PT Sans', trebuchet ms, arial;font-weight:700; margin:0 0 16px 0; color:#003178;}
h5{font:16px 'PT Sans', trebuchet ms, arial;font-weight:700; margin:0 0 14px 0; color:#003178;}

.two-cols { margin:0 0 20px 0; overflow:hidden;}
.two-cols .left-col {float:left; width:200px; overflow:hidden;}
.two-cols .right-col {float:right; width:700px; overflow:hidden;}

.contents-index {padding:10px 0; overflow:hidden; margin:0 0 30px 0;}
.contents-inner {background:url(/img/wt.png); padding:20px 20px 20px 0; margin:0 0 40px 0; overflow:hidden;}

.header  {position:relative; margin:30px 0 30px 0; height:150px}
.header  .logo{position:absolute; left:0; top:0;}
.header  .logo a{color:#0044a6; text-decoration:none;}
.header  .logo a:hover {color:#1887d3;}
.header  .phone{float:right; margin:20px 0 0 10px;  font-family:'PT Sans', arial; width:410px; overflow:hidden;}
.header  .phone span{display:inline-block; float:right; margin:10px 10px 0 0; color:#1887d3;}
.header  .phone strong{font-size:42px; display:inline-block; float:right; color:#0044a6;}
.header  .phone p {font-size:18px; text-align:right; margin:0;}
.header  .phone p.left {float:left; padding:6px 0 0 0;}
.header  .phone p.right {float:right; color:#444;}

.menu {font:16px 'PT Sans', trebuchet ms;  font-weight:700; clear:both; background:#fff; padding:4px 0 0 240px;}
.menu ul {list-style:none; overflow:hidden;}
.menu ul li {margin:0; float:left;}
.menu ul li a{display:block; padding:6px 12px 14px 12px;}
.menu ul li:last-child {margin:0;}
.menu ul li.active a {color:#fff; background:url(/img/vt.png);}

.submenu {padding:10px 12px 0 12px; background:url(/img/vt.png); margin:0 0 0 240px;}
.submenu ul li {padding:0 20px 10px 0; float:left; }
.submenu ul li a{color:#d6d7ff;}
.submenu ul li a:hover{color:#fff;}

.intro {margin:0 0 40px 0;}
.intro .icons {float:left;}
.intro .icons .icon {float:left; margin:0 15px 0 0; border:solid 1px #f5f5f5;background:url(/img/wt.png);}
.intro .about {float:left; background:url(/img/wt.png); width:530px; border:solid 1px #f5f5f5; padding:15px; height:170px;}
.intro .about h2 {color:#cd171e;}


.icons .icon {width:160px; height:200px;  margin:0 0 10px 0;}
.icons .icon a {display:block; width:130px; padding:140px 15px 0 15px; text-align:center; }
.icons .icon.calc a {background:url(/img/calc-icon.png) center 15px no-repeat;}
.icons .icon.ruler a {background:url(/img/ruler-icon.png) right 15px no-repeat;}
.icons .icon a span {font:16px 'PT Sans', trebuchet ms; font-weight:700;}



.portfolio ul li {float:left; width:160px; height:140px; float:left; margin:0 0 0 0; }
.portfolio ul li .img {width:160px; height:125px; margin:0 0 10px 0; text-align:center;}
.portfolio ul li .img a {border:solid 2px #c4c4c4;}
.portfolio ul li .img a:hover {border:solid 2px #cd171e;}
.portfolio ul li .text {font:normal 12px/1.4 arial; text-align:center; padding:0 10px;}

.benefits {overflow:hidden;}
.benefits ul li {float:left; width:350px; height:110px;}
.page .benefits ul{margin:0; padding:0; list-style:none;}
.benefits ul li div{padding:0 15px 0 60px; background:url(/img/benefits-icons.png) -7px 0px no-repeat;}
.benefits ul li h3 {margin:0 0 6px 0; font:18px 'PT Sans', trebuchet ms; font-weight:700;}
.benefits ul li.b0 div{background:url(/img/tick-icon.png) 0 5px no-repeat;}
.benefits ul li.b2 div{background-position:-7px -532px;}
.benefits ul li.b3 div{background-position:-7px -127px;}
.benefits ul li.b4 div{background-position:-7px -671px;}
.benefits ul li.b5 div{background-position:-7px -257px;}
.benefits ul li.b6 div{background-position:-7px -812px;}
.benefits ul li.b7 div{background-position:-7px -393px;}

.goto {padding:20px 0 0 0; margin:30px 0 0 0; border-top:dotted 1px #ccc;}
.goto ul li {padding:0 0 0 24px; background:url(/img/tick.png) 0 3px no-repeat; margin:0 0 10px 0;}

.multiki {padding:40px 0 0 20px;}
.multiki ul li {margin:0 0 20px 20px;}

.news ul li p {font:normal 13px/1.3 arial; margin:0 0 8px 0;}

.news ul li p.date, p.date {font:normal 11px arial; margin:0 0 2px 0; color:#666;}

.news ul {list-style:none;}
.news ul li {margin:0 0 30px 0; overflow:hidden;}
.news ul li .img {float:left;}
.news ul li .text{padding:0 0 0 140px;}
.news ul li .text h4 {margin:0 0 4px 0;}
.news ul li h5 {font:normal 13px/1.3 arial; margin:0 0 4px 0;}

.page p {font:normal 14px/1.5 arial; margin:0 0 20px 0;}
.page ul{list-style:square; margin:15px 24px;}
.page ol{margin:10px 20px;}
.page ul li, .page ol li{font:normal 14px/1.4 arial; margin:0 0 10px 0; padding:0;}

.news p.date {font:normal 11px arial; margin:0 0 2px 0; color:#666;}

.contacts {padding:80px 0 0 0;}
.contacts ul li {margin:0 0 20px 0;}
.contacts ul li p {font:normal 13px arial; margin:0 0 4px 0;}
.contacts ul li h3  {color:#CD171E; margin:0 0 5px 0; font-size:28px;}
.contacts ul li h3 span {color:#999; font:normal 16px trebuchet ms;}
.contacts h5 {margin:0 0 4px 0;}

.dealer h3 {padding:15px 0 15px 60px; background:url(/img/dealer.png) left center no-repeat; margin:0;}
.dealer p {font:normal 13px/1.4 arial;}

.page-menu {padding:15px;}
.calc ul{list-style:none; margin:0;}
.calc ul li {padding:10px 150px 5px 100px;background:url(/img/mira-calc.png) -1000px 0 no-repeat; margin:0 0 12px 0;}
.calc p {margin:0;}
.calc ul li span {font:normal 14px arial;}
.calc ul li em {float:right; color:#666;}
.calc ul li.c1 {background-position:0 -782px;}
.calc ul li.c2 {background-position:0 9px;}
.calc ul li.c3 {background-position:0 -127px;}
.calc ul li.c4 {background-position:0 -264px;}
.calc ul li.c5 {background-position:0 -392px;}
.calc ul li.c6 {background-position:0 -517px;}
.calc ul li.c7 {background-position:0 -648px;}
.form.calc ul li .text input,
.form.calc ul li em,
.form.calc ul li .select select{display:inline-block !important; margin:0 10px 10px 0;}
.catalog ul li {overflow:hidden; margin:0 0 20px 0;}
.catalog ul li .img {float:left;}
.catalog ul li .text {padding:0 0 0 260px;}
.catalog.show ul li .text {padding:0 0 0 195px;}

#footer {overflow:hidden; padding:15px 0; margin:60px 0 0 0; font:normal 13px arial;  background:url(/img/wt.png); border-top:solid 3px #0044a6;}

#footer p {margin:0 0 6px 0;}
#footer p.ggl {color:#999; font:normal 11px arial;}
#footer h4 {margin:0 0 6px 0;}
#footer span {color:#999; font:normal 16px trebuchet ms;}


#footer .f1 {float:left; width:360px; margin:0 0 0 10px;}

#footer .f2 {float:left; padding:0 0 0 50px;}



#footer .f4 {float:right; margin:0 10px 0 0; color:#fff; text-align:center;}
#footer .f4 a{color:#000; text-decoration:none;  display:block; margin:0 0 5px 0;}
#footer .f4 a:hover{text-decoration:underline;}
#footer .f4 a.gp{color:#000; }

.itx {float:left; padding:0 15px 5px 0;}

.hr {border-top:solid 1px #ccc; border-bottom: solid 1px #fff; clear:both; overflow:hidden;}

/*---------------Модальные окна--------------------*/

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}
  
#boxes .window {
    position:fixed;
    left:50%;
    top:50%;
	margin:-400px 0 0 -200px;
    width:400px;
    height:720px;
    display:none;
    z-index:9999;
    padding:20px;
}
#iwant {
    width:180px; 
    height:240px; background:#fff;
}  

#iwant .form .input {margin:0 0 10px 0 !important;}
#iwant .form .input.submit {padding:5px 0 0 0;}
#iwant .form .input label {margin:0 0 3px 0; font:bold 13px trebuchet ms; color:#777;}
#iwant .form .textarea textarea {width:300px; height:50px;}
#iwant a.close {position:absolute; right:16px; top:10px; font:normal 13px arial; display:inline-block; padding:4px 0 0 0;}



/*---------------end Модальные окна--------------------*/

.portfolio-index  {position:relative; width:1000px; height:180px; padding:20px 0 0 0; background:url(/img/portfolio-index-bg-2.png) center center no-repeat; margin:340px 0 30px -40px;}
.portfolio-index  h3 {margin:0 75px 0 75px; color:#fff;}
.portfolio-index  h3 span {float:right;}
.portfolio-index  h3 span a{color:#fff; font:bold 13px tahoma;}
.portfolio-index .mid {overflow:hidden; width:850px; margin:0 0 0 75px; padding:20px 0 0 0; position: relative;}
.portfolio-index .mid ul {list-style:none; width:9000px; position:relative;}
.portfolio-index .mid ul li {width:130px; position:relative; float:left;}
.portfolio-index .mid ul li .img {margin:0 0 10px 0; text-align:center;}
.portfolio-index .mid ul li .text {font:normal 11px/1.4 verdana; text-align:center; color:#fff;}
.portfolio-index .nav {position:absolute; z-index:20; top:50%; }
.portfolio-index .nav a{height:120px; width:50px; display:block; background:url(/img/portfolio-nav.png) 0 center no-repeat; margin:-66px 0 0 0;}
.portfolio-index .nav.left {left:0;}
.portfolio-index .nav.right {right:0;}
.portfolio-index .nav.left a{background:url(/img/portfolio-nav.png) -65px center no-repeat;}
.portfolio-index .nav.left a:hover{background-position:-243px center;}
.portfolio-index .nav.right a{background:url(/img/portfolio-nav.png) 16px center no-repeat;}
.portfolio-index .nav.right a:hover{background-position:-162px center;}