@import url("../css/reset.css");
@import url("../css/menu.css");
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500,500italic,700,700italic&subset=latin,cyrillic-ext,cyrillic);
/* *********************************************************************************** */
/* -- START_STYLE_CSS -- */ 
html, body {}
body {font: normal 1em/1.3 'Ubuntu', Arial, sans-serif; color:#373B3F;}

h1 { }
h2 { }
h3 { }
h4 { }

a {color:#0D79CC; }

/* *********************************************************************************** */
/* -- MAIN_CSS -- */
#body-w {min-width:890px; overflow:hidden; background:url(../images/design/_header.jpg) no-repeat 100% 0;}	
#body-f {width:890px; margin: 0 auto; }	

header {height:246px; position:relative; }
header .logo {display:block; width:350px; height:135px; background:url(../images/design/logo.gif) no-repeat 0 0; position:absolute; top:28px; left:0; }
header .logo a {display:block; width:350px; height:135px; }
header address {padding-top:80px; width:280px; position:absolute; top:0; right:120px;}
header address span {display:block; }
header address span.phone {font-size:60px; font-weight:500; }
header address span.address {font-size:36px; font-weight:300; }
header address span.scheme {font-size:14px; font-weight:300; }

main { }
main:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}

main section.remont-na-vashnile {padding:30px 0; position:relative; }
main section.remont-na-vashnile h1 {color:#FFF; font-size:60px; font-weight:300;  }
main section.remont-na-vashnile h1 strong {font-weight:500;  }
main section.remont-na-vashnile:before {content:''; display:block; width:800%; height:100%; background:#373943; position:absolute; top:0; left:50%; margin-left:-400%; z-index:-1; }

main section.service {padding:50px 0 0 0; font-size:24px; line-height:1.5;}
main section.service h2 {font-weight:700; }
main section.service article {margin-bottom:50px; }

main section.scheme {padding:15px 0; position:relative; }
main section.scheme:before {content:''; display:block; width:800%; height:100%; background:#373943; position:absolute; top:0; left:50%; margin-left:-400%; z-index:-1; }
main section.scheme .left {width:40%; font-size:60px; font-weight:300; color:#FFF; }
main section.scheme .left span {display:inline-block; padding-top:150px; position:relative; }
main section.scheme .left span:after {content:''; display:block; width:20px; height:40px; background: url(../images/design/arrow-1.png) no-repeat 0 0; position:absolute; bottom:12px; right:-50px; }
main section.scheme .right {width:60%; }
main section.scheme .right .map {width:500px; height:450px; background:#FFF; }

main section.price {background:#4F9770; position:relative; padding:22px 0;  }
main section.price:before {content:''; display:block; width:800%; height:100%; background:#4F9770; position:absolute; top:0; left:50%; margin-left:-400%; z-index:-1; }
main section.price h3 {font-size:59px; color:#FFF; font-weight:300; }

main section.photo {padding:25px 0; position:relative; }
main section.photo:before {content:''; display:block; width:800%; height:100%; background:#373943; position:absolute; top:0; left:50%; margin-left:-400%; z-index:-1; }
main section.photo ul {}
main section.photo ul li {float:left; margin: 0 10px 0px 0; }
main section.photo ul li img {width:100px; }
main section.photo ul li:hover {opacity:0.7 }

footer {height:160px; position:relative; line-height:160px; font-size:24px; font-weight:300; }
footer a.totop {display:block; width:160px; height:160px; background: url(../images/design/totop.gif) no-repeat 0 0; position:absolute; top:0; right:0; }

ul.list li {padding-left:35px; position:relative; }
ul.list li:before {content:''; display:block; width:25px; height:2px; background:#373b3f; position:absolute; top:17px; left:0; }

/* *********************************************************************************** */
/* -- TEXT-FORMATTING -- */
.text {}
.text:after, .c:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.text ul, .text ol {margin-left:15px;}
.text ul {list-style:disc;}
.text ol {list-style-type:decimal;}
.text strong {font-weight:bold;}
.text em {font-style:italic;}
.text p {margin-bottom:15px;}

/* *********************************************************************************** */
/* -- FORMS BUTTONS -- */
.input-text, textarea { }
.input-text:focus {-webkit-box-shadow:0 0px 2px #FFF !important; -moz-box-shadow:0 0px 2px #FFF !important; box-shadow:0 0px 2px #FFF !important; border:1px solid #FFF !important; }
.input-text.error { }
.input-text.error:focus { }
textarea:focus {-webkit-box-shadow:0 0px 2px #FFF !important; -moz-box-shadow:0 0px 2px #FFF !important; box-shadow:0 0px 2px #FFF !important; border:1px solid #FFF !important; }
textarea.error { }
textarea.error:focus { }
select:focus {-webkit-box-shadow:0 0px 2px #FFF !important; -moz-box-shadow:0 0px 2px #FFF !important; box-shadow:0 0px 2px #FFF !important; border:1px solid #FFF !important; }

.input-submit {}

.button {outline:0px; display:inline-block; vertical-align:top; overflow:visible; margin:0; padding:1px 20px 1px 15px; border:0; font-size:16px; line-height:32px; text-align:center; color:#FFF; text-decoration:none; position:relative; cursor:pointer; background:#333; }
.button:hover {outline:0px; color:#FFF; text-decoration:none; background:#333; }
.button:active {outline:0px; padding-top:2px; padding-bottom:0; }
.button-big {font-size:18px; line-height:50px; font-weight:normal; }
.button-small {font-size:12px; line-height:24px; font-weight:normal; }
.button-mid {font-size:14px; line-height:28px; font-weight:normal; }

/* *********************************************************************************** */
/* -- DEFAULTS -- */
.rel {position:relative; } .abs {position:absolute; } .top0 {top:0;} .left0 {left:0;} .bottom0 {bottom:0;} .right0 {right:0;}
.displayNone {display:none; } .displayBlock {display:block;}
.clear {clear:both; line-height:1px; height:1px;}
.left {display:block; float:left;}
.right{display:block; float:right;}
.noneOutline {outline:0px;}
.bold, .strong {font-weight:bold;} .italic, .em {font-style:italic;}

/* *********************************************************************************** */
/* -- RESPONSIVE -- */
@media screen and (min-width: 1000px) {}	
@media screen and (min-width: 480px) and (max-width: 1000px) {}
@media screen and (max-width : 480px) {}