@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, textarea, input  {margin: 0; padding: 0;}
html {height: 100%; background-attachment: fixed;}
body {font: 14px/22px  Arial, Helvetica, sans-serif; color: #333;  min-width: 1000px;  position: relative; height: 100%; background: #fff ;}


img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #333;}
a:hover {text-decoration: none;}

p {padding:0 0 15px;}
h1, h2, h3, h4, h5, h6 {color: #111111; font-size: 28px; font-weight: lighter;  line-height: normal; padding:0 0 15px;}
h1 { line-height: 38px;padding: 0 0 25px}
h2 {font-size: 24px; line-height: 32px;}
h3 {font-size: 20px}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
ul, ol {padding:0 0 20px 30px;}
ul li {list-style: disc outside; padding:5px;}
ol li{padding:5px;}

.menu ul:before, .menu ul:after, .bread_crumps ul:before, .bread_crumps ul:after, .wrap_block:before, .wrap_block:after, .list_images ul:before, .list_images ul:after {content: ""; display: table;}
.menu ul:after, .bread_crumps ul:after, .wrap_block:after, .list_images ul:after {clear: both;}
.menu ul, .bread_crumps ul, .wrap_block, .list_images ul {zoom:1;}
.wrap {position: relative; width: 100%;  min-height: 100%; background: url(../images/bg.jpg) center top no-repeat; }
.page {position: relative; width: 908px; padding: 0 40px 105px 52px; margin: 0 auto; overflow: hidden;}
.header {position: relative;height: 380px; padding: 0 0 7px;}
.logo {position: absolute; top:16px; left: 0; width: 252px;}
.logo a {display: block; width: 252px; height: 107px;}
    .menu {width:100%; overflow: hidden; padding: 0 0 19px; }
    .menu ul {margin: 0; padding: 0; width: 110%;}
    .menu ul li {float: left; list-style: none; padding: 0 22px 0 0; }
.menu ul li a {display: block; height: 39px; background: url(../images/menu.png) no-repeat;}
.menu ul .menu_item1 a {background-position: -8px -17px; width: 81px; }
.menu ul .menu_item1 a:hover {background-position: -8px -87px;}
.menu ul .menu_item2 a { background-position: -112px -17px;width: 226px;}
.menu ul .menu_item2 a:hover {background-position: -112px -87px;}
.menu ul .menu_item3 a {background-position: -362px -17px; width: 203px;}
.menu ul .menu_item3 a:hover {background-position: -362px -87px;}
.menu ul .menu_item4 a {background-position: -587px -17px; width: 106px;}
.menu ul .menu_item4 a:hover {background-position: -587px -87px;}
.menu ul .menu_item5 a {background-position: -717px -17px; width: 164px;}
.menu ul .menu_item5 a:hover {background-position: -717px -87px;}

.bread_crumps {font-size: 12px;color:#999; padding: 0 0 14px; }
.bread_crumps ul {margin: 0; padding: 0;}
.bread_crumps li {float: left; padding: 0; list-style: none;}
.bread_crumps li a {color: #666;}

.wrap_block {}
.block1 {width: 640px; float: left;}
.block_big_image {padding: 0 0 16px;}
.block_big_image img {-webkit-box-shadow: #ccc 0px 0px 15px;  -moz-box-shadow: #ccc 0px 0px 15px; box-shadow: #ccc 0px 0px 15px; width: 640px;}
.block2 {width: 172px; float: right; padding: 0 50px 0 0; margin: -6px 0 0;}
.block2 h2 {color: #333; padding: 0 0 12px;}
.item_price {padding: 0 0 20px;}
.price {display: inline-block; height: 56px; font-size: 24px; line-height: 56px; color: #fff; background: #CC3300; padding: 0 14px; margin: 0 0 8px;}
.list_images {padding: 0 0 10px;}
.list_images ul {margin: 0; padding: 0;}
.list_images li {list-style: none; margin: 0 17px 16px 0; padding: 0; width: 160px; height: 120px; border: 2px solid #ccc; float: left;}
.list_images li:hover {border-color: #999;}
.list_images li img {width: 160px; height: 120px;}
.lte7 .list_images {padding: 0 0 26px;}
.price_job {padding: 0 0 15px;}
.forma {padding: 0 0 15px;}

.catalog {}
.catalog ul {padding: 0; margin: 0; width: 110%; line-height: 0; font-size: 0; display: table;}
.catalog li {width: 250px; position: relative; text-align: center; padding: 0 0 17px; margin: 0 73px 60px 0; display: inline-block; vertical-align: top; font-size: 14px; line-height: normal; background: #fff;-webkit-box-shadow: #ccc 0px 0px 15px;  -moz-box-shadow: #ccc 0px 0px 15px; box-shadow: #ccc 0px 0px 15px;}
.lte7 .catalog li {display: inline; zoom:1;}

.image {padding: 0 0 18px;}
.image img {width: 250px;}
.name {padding: 0 0 5px;}
.size {padding: 0;}
.size span {color: #777; font-style: italic; font-size: 22px;line-height: 28px;}
.pr {}
.pr span {font-size: 22px; line-height: 28px;}

.footer {height: 70px; position: relative; margin: -70px auto 0; width: 900px; padding: 0 0 0 10px; color: #777; }


.wrap_hidden {background:#333333 ; height: 100%; width: 100%; position: fixed; z-index: 2000; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; top:0; display: none;}

.wrap_form, .wrap_message {position: fixed; top:50%; margin-top: -253px; left:50%; margin-left: -270px; z-index: 2001; width: 540px; display: none;}
.wrap_message {margin-top: -54px; display: none;}
.form1 {background: #fff;  padding: 20px 42px 30px;   -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; position: relative; z-index: 10000;}
.form1 form {position: relative; zoom:1;}
.name_project {}
.msg {color: #999999;}
.form1 h3 {padding: 0 0 5px;}
.form1 dl, .form1 dd { display: block; position: relative; zoom:1; padding: 0; margin: 0;}
.form1 dt {padding: 0 0 3px;}
/*.lte7 .form1 label {display: inline; zoom:1; position: relative;}*/
.form1 .txt, .txtarea {border: 1px solid #CCCCCC; display:block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow:0px 1px 1px #ededed inset;   -moz-box-shadow: 0px 1px 1px #ededed inset; box-shadow: 0px 1px 1px #ededed inset;  height: 27px; line-height: 27px; padding: 0 3px; width: 448px; margin: 0 0 10px; position: relative;}
.txt input {border: none; background: none; width: 448px; height: 27px; line-height: 27px;color: #666666; font-size: 16px; position: relative; z-index: 100; outline: none;}
.lte8 .txt {background: url(../images/input.png) no-repeat; border: none; height: 29px; width: 450px;}
.lte8 .txtarea {background: url(../images/textarea.png) no-repeat; border: none; height: 102px; width: 453px;}
.txtarea {height: 100px; padding: 0 0 0 3px; width: 451px; margin: 0 0 22px;}
.form1 textarea {height: 100px; line-height: 19px; width: 451px; line-height: 19px; color: #666666; font-size: 16px; background: none; border:none; resize: none; overflow: auto; outline: none; }
.sbm {/*position: relative; display: block; zoom:1;*/}
.sbm a {display: block; width: 105px; font-size: 18px; height: 34px; line-height: 34px; text-decoration: none; border: 1px solid #cccccc; background: #00ABFB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00ABFB), to(#0693D5));    background: -webkit-linear-gradient(#00ABFB, #0693D5); background: -moz-linear-gradient(#00ABFB, #0693D5); background: -ms-linear-gradient(#00ABFB, #0693D5); background: -o-linear-gradient(#00ABFB, #0693D5); background: linear-gradient(#00ABFB, #0693D5); -pie-background: linear-gradient(#00ABFB, #0693D5); position: relative; color: #fff; margin: 0 auto; }
.close {position: absolute; right: 15px; top:10px;}
.close a {font-size: 24px; font-weight: bold; text-decoration: none;}
.close a:hover { color: #999999;}
.message {}


.wrap_hidden {display: none;}