
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background-color:#fff;}
body, td {font: 14px Arial, sans-serif; color: #000;}
a {color: #000;	text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse;}
td {vertical-align: top;}
p {padding: 0px; margin: 0px 0px 12px 0px;}
object {outline:none;}

h1 {font-size:17px; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {font-size:15px; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}
.hfeed .posts {margin-bottom:10px;}

.main-cont {width:100%; min-width:995px; min-height:100%; }

/* header */
.header {height:70px; background: #125da8 url(bg_top.png) repeat-x; position: fixed; width: 100%; z-index: 100;}
.header-b {padding:0px; width: 950px; margin: 0 auto; position: relative;}
.header h1 {font: 46px Comfortaa; font-weight: 300; color: #fff; padding: 5px 0 0 0;}
.header ul {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; right: 0;}
.header ul li{float: left;}
.header ul li a{display: block; padding: 24px 30px; color: #fff; font-family: Open Sans; font-weight: 700; text-transform: uppercase; font-size: 15px; text-decoration: none;}
.header ul li a:hover {background: #103975;}


.conteiner1 {width:100%; float: left;}

.block1 {width: 100%; background: url(derevo.jpg) repeat-x top center; height: 540px;  margin: 70px 0 0 0; border-bottom: 5px solid #cccccc;}
.block1 .padding{width: 950px; margin: 0 auto; position: relative;}
.note {position: absolute; top: 107px; left: 0; width: 607px; height: 402px; background: url(note.png) no-repeat;}
.est {position: absolute; font: 23px Open Sans; color: #666666; top: 50px; left: 320px;}
.phone {position: absolute; font: 24px Comfortaa; font-weight: 300; color: #666666; top: 25px; right: 0;}
.phone span {font: 52px Comfortaa; font-weight: 300; color: #217dd9; }
.block1 h1 {display: block; position: absolute; top: 182px; left: 590px; font: 46px Comfortaa; font-weight: 300; color: #217dd9; width: 400px; }
.block1 .but {position: absolute; display: block;  background: url(but.png) no-repeat; font-family: Open Sans; font-weight: 700; text-transform: uppercase; font-size: 15px; text-decoration: none; color: #fff; top: 380px; right: 0; padding: 21px 26px;}
.podrobnee {position: absolute; display: block;  background: url(podrobnee.png) no-repeat; font-family: Open Sans; font-weight: 700; text-transform: uppercase; font-size: 15px; text-decoration: none; color: #fff; top: 518px; right: 312px; padding: 16px 117px;}

.block2 {width: 100%; height: 510px; border-bottom: 1px solid #cccccc;}
.block2 .padding {width: 950px; margin: 0 auto; position: relative;}
.block2 h2 {position: absolute; font: 42px Comfortaa; font-weight: 300; color: #217dd9; top: 70px; left: 111px;}
.block2 ul {margin: 0; padding: 0; list-style: none; position: absolute; top: 170px; left: 79px;}
.block2 ul li{float: left; width: 230px; text-align: center; font-size: 16px; font-family: Open Sans; font-weight: 300; padding: 0 17px;}
.block2 ul li div {font: 18px Comfortaa; font-weight: 300; color: #217dd9; padding: 20px 0 10px 0;}
.block2 ul li+li+li div {font: 18px Comfortaa; font-weight: 300; color: #217dd9; padding: 20px 0 33px 0;}

.block3 {width: 100%; height: 410px; background: #e6e6e6; border-bottom: 1px solid #cccccc;}
.block3 .padding {width: 950px; margin: 0 auto; position: relative;}
.block3 h2 {position: absolute; font: 42px Comfortaa; font-weight: 300; color: #217dd9; top: 70px; left: 295px;}
.block3 .kak {position: absolute; top: 165px; left: 27px;}

.block4 {width: 100%; height: 320px; }
.block4 .padding {width: 950px; margin: 0 auto; position: relative;}
.block4 h2 {position: absolute; font: 42px Comfortaa; font-weight: 300; color: #217dd9; top: 70px; left: 320px;}
.block4 ul {margin: 0; padding: 0; list-style: none; position: absolute; top: 152px; left: 50px;}
.block4 ul li{float: left; width: 120px; text-align: center;  padding: 0 25px;}

/* center col */
.center-col {margin:0px 0px 0px 0px;  background: url(derevo.jpg) repeat-x top center;}
.center-col-b {width:950px; margin: 0 auto; overflow:hidden; }
.center-col .padding {height: 910px; padding:0px 0px 180px 0px; position: relative; }
.center-col h2 {margin: 70px 0 0 0; font: 46px Comfortaa; font-weight: 300; color: #217dd9; left: 0; text-align: center;}
.center-col ul  {margin: 40px 0 0 150px; padding: 0; list-style: none; }
.center-col ul li {padding: 20px 0 20px 75px; margin: 0 0 20px 0; background: url(ico1.png) no-repeat; font-family: Open Sans; font-weight: 700; font-size: 18px; color: #666;}
.center-col ul li+li {padding: 20px 0 20px 75px; margin: 0 0 20px 0; background: url(ico2.png) no-repeat; font-family: Open Sans; font-weight: 700; font-size: 18px; color: #666;}
.center-col ul li+li+li {padding: 20px 0 20px 75px; margin: 0 0 20px 0; background: url(ico3.png) no-repeat; font-family: Open Sans; font-weight: 700; font-size: 18px; color: #666;}

.forma {width: 514px; height: 394px; background: url(forma.png) no-repeat; margin: 0 0 0 218px;}
.forma h3 {font: 36px Comfortaa; font-weight: 300; color: #217dd9; padding: 40px 0 10px 0; text-align: center;}
.forma p {margin: 0; font-size: 14px; font-family: Open Sans; font-weight: 300;}

/* footer */
.footer {width:100%; min-width:995px; position:relative;}
.footer-b {width:100%; height:180px; background-color:#217dd9; position: absolute; top:-180px; left:0;}
.footer .copyrights {font: 42px Comfortaa; font-weight: 300; color: #fff; padding: 65px 0 0 0;}
.adres {position: absolute; top: 75px; left: 215px; font-family: Open Sans; font-weight: 300; color: #fff;}
.foot {width: 950px; margin: 0 auto; position:relative;}
.foot-right {width:50%; float:right; padding:55px 0 0 0; text-align: right; font: 24px Comfortaa; font-weight: 300; color: #fff;}
.foot-right a {display: block; font-size: 16px; color: #fff;}
.foot-right span {font-size: 52px;}

#contactable {padding: 0 0 0 50px;}
#contactable input {width: 380px; font-family: Open Sans; color: #000; font-weight: 300; padding: 6px 10px; background: url(input.png) repeat-x; border: none; margin: 0 0 17px 0; -moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	behavior: url(PIE.htc);
}
#contactable input[type="submit"] {cursor: pointer; background: url(but2.png); width: 202px; height: 52px; font-family: Open Sans; font-weight: 700; text-transform: uppercase; font-size: 15px; text-decoration: none; color: #fff; margin: 10px 60px 20px 0;}

input.error {background: #fcc !important;}