*{margin: 0; padding: 0; border: none; position: relative;}
html{min-width: 100%; min-height: 100%;}
body{width: 100%; min-height: 100%; height: auto; background: #fff; font-family: Tahoma; font-size: 14px; color: #000; position: absolute; top: 0; left: 0;}
.wrapper{width: 980px; margin: 0 auto; padding-bottom: 85px; z-index: 3;}
.shadow{width: 980px; height: auto; position: absolute; top:0; bottom: 0; left: 50%; margin-left: -490px; background: #f4f4f4; -webkit-box-shadow: #666 0px 0px 3px; -moz-box-shadow: #666 0px 0px 3px; box-shadow: #666 0px 0px 3px; z-index:1; behavior: url(/pie/PIE.htc);}
a{text-decoration: none; color: #000; }
h2{font-size: 16px; margin-bottom: 20px;}
input:focus, textarea:focus { outline: none; }
textarea{overflow: hidden;}
input, textarea{border-radius: 0; -webkit-appearance: none;  -moz-appearance: none; appearance: none;}
/*********************************************************** HEADER ***********************************************************/
.header{width: auto; padding: 15px 20px; border-bottom: 5px solid #c5c6c6; text-align: left; background: #fff;}
.phone{height: 24px; padding: 9px 12px 3px; background: #ffdd00; border: 1px solid #ffdd00; color: #2b2a29; font-size: 16px; font-weight: bold; position: absolute; top: -3px; right: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.menu{display: inline-block; *display: inline; zoom : 1; vertical-align: bottom; list-style: none; margin-left: 50px; width: 724px; font-size: 16px; text-align: right;}
.menu li{display: inline-block; *display: inline; zoom : 1; margin-left: 16px;}
.menu li.show{display: none;}
.menu li a{display: block; color: #2b2a29; padding: 7px 10px 4px; text-align: center; border-bottom: 3px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.menu li a.sel{border-bottom: 3px solid #c5c6c6; background: #f4f4f4;}
.menu li a:hover{border-bottom: 3px solid #f4f4f4; background: #f4f4f4;}
/*********************************************************** CONTENT ***********************************************************/
.wrapper_content{padding: 18px 20px 20px 0;}
.wrapper_content > div{display: inline-block; *display: inline; zoom : 1; vertical-align: top;}
.right_sidebar{padding: 0 14px; overflow-x: hidden; width: 157px;}
.right_sidebar img{width: auto; max-width: 100%; max-height: 350px; height: auto;}
.banner{width: 300px; height: 350px; background: #ccc; border: 1px solid #f00;}
.content{width: 770px;}
.service{display: inline-block; *display: inline; zoom : 1; vertical-align: top; margin: 0 -0.2em 25px 15px; padding-bottom: 5px; width: 240px; height: 307px; overflow: hidden; background: #fff; border-bottom: 3px solid #c5c6c6;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.service:hover{border-color: #ffdd00;}
.service .title{position: absolute; top: 3px; width: auto; background: #fff; left: 0; right: 0; font-family: Arial; font-weight: bold; font-size: 17px; padding: 2px 7px 5px; text-align: center; z-index: 7;}
.service img{margin-top: 32px; width: 100%; height: auto;}
.service ul{ list-style-image: url('../pics/list.png'); list-style-type: none !!important; list-style-image: none !!important; padding: 0 10px 0 28px;}
.service li{padding: 5px 0; background: url('../pics/list.png') left 12px no-repeat !!important; padding-left: 15px !!important; line-height: 14px;}
.service li a:hover{text-decoration: underline;}
.all_service{font-size: 12px; color: #3d3d3d; text-decoration: underline; position: absolute; right: 10px; bottom: 10px;}
.order{display: block; position: absolute; width: 142px; line-height: 26px; left: 50%; margin-left: -71px; text-align: center; bottom: 31px; background: #fd0; font-family: Arial; font-weight: bold; font-size: 17px; border-bottom: 3px solid #e7c800; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.order:hover{background: #e7c800;}
/*********************************************************** TEXT ***********************************************************/
.left_sidebar{margin-left: 19px; width: 238px;}
.left_sidebar > ul > li{list-style: none; background: #fff;}
.left_sidebar > ul > li p{cursor: pointer; padding: 4px 25px; font-size: 16px; color: #303030; background: url('../pics/gradient.png') no-repeat; background-size: 100% 100%; background: -moz-linear-gradient(top,  #f1f1f1 0%, #cacaca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cacaca)); background: -webkit-linear-gradient(top,  #f1f1f1 0%,#cacaca 100%); background: -o-linear-gradient(top,  #f1f1f1 0%,#cacaca 100%); background: -ms-linear-gradient(top,  #f1f1f1 0%,#cacaca 100%); background: linear-gradient(to bottom,  #f1f1f1 0%,#cacaca 100%); behavior: url(PIE.htc);}
.left_sidebar > ul > li p:hover{background: #e1e1e1;}
.left_sidebar > ul > li ul{list-style-image: url('../pics/list.png'); list-style-type: none !!important; list-style-image: none !!important; padding: 17px 10px 17px 28px; border-top: 3px solid #939393; display: none;}
.left_sidebar > ul > li ul li{padding: 5px 0; background: url('../pics/list.png') left 12px no-repeat !!important; padding-left: 15px !!important; line-height: 14px;}
.left_sidebar > ul > li ul li a.sel{font-weight: bold;}
.left_sidebar > ul > li ul li a:hover{text-decoration: underline;}
.left_sidebar > ul > li ul li a.sel:hover{text-decoration: none;}
.left_sidebar .service.form{margin: 25px 0; height: 132px;}
.left_sidebar .service.form .order{bottom: 17px;}
li.service_show{display: none;}
.content_page{width: 494px; margin: 0 0 0 15px;}
.content_page p{margin-bottom: 17px;}
.content_page ul{list-style-position: inside;}
.content_page ul li{padding: 5px 0;}
/*********************************************************** DOCUMENTS ***********************************************************/
.documents{width: 100%;}
.documents div{display: inline-block; *display: inline; zoom : 1; vertical-align: top; width: 42.5%; padding-right: 7%; margin: 0px -0.2em 20px; text-align: center;}
.documents div img{max-width: 100%; height: auto;}
/*********************************************************** FORMS CALCULATION QUESTION***********************************************************/
.calculation, .question{background: #fff; padding: 10px 50px; border-bottom: 5px solid #c5c6c6;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.calculation + *, .question + *{margin-top: 18px;}
.calculation p, .question p{margin-bottom: 23px;}
.calculation p.send, .question p.send{margin: -5px auto 5px -9px; }
.calculation .title, .question .title{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.question .title{text-align: center;}
.calculation span.input-span, .question span.input-span{position: absolute; top: 7px; left: 11px; font-size: 14px;}
.calculation span.star, .question span.star {top: -1px; display: inline-block; zoom: 1; margin-left: 1px; position: absolute; right: 5px;}
.calculation input[type="text"], .question input[type="text"]{border: 1px solid #000; line-height: 30px; height: 30px; font-family: Tahoma; font-size: 14px; background: transparent; width: 358px; padding: 0 10px;}
.calculation textarea, .question textarea{border: 1px solid #000;  font-family: Tahoma; font-size: 14px; background: transparent; width: 358px; padding: 5px 10px; max-width: 358px; min-width: 358px; height: 125px;}
.calculation input[type="text"]:focus, .calculation textarea:focus, .question input[type="text"]:focus, .question textarea:focus{border-color: #fd0;}
.calculation input[type="submit"], .question input[type="submit"]{display: block; margin: 0 auto; font-family: Arial; font-size: 17px; font-weight: bold; padding: 4px 28px; text-align: center; background: #fd0; border-bottom: 3px solid #e7c800; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.calculation input[type="submit"]:hover, .question input[type="submit"]:hover{background: #e7c800;}
.question select{border: 1px solid #000; font-family: Tahoma; font-size: 14px; background: transparent;}
.jq-selectbox-wrapper{vertical-align: baseline; display: inline-block; *display: inline; zoom : 1; margin: 0 0;}
.jq-selectbox {vertical-align: middle; cursor: pointer;}
.jq-selectbox__select {height: 15px; border: 1px solid #000; color: #000; font-size: 14px; background: #fff; padding: 7px 5px;}
.jq-selectbox__select-text {display: block; width: auto; margin-right: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.jq-selectbox__trigger {position: absolute; top: 7px; right: 12px; width: 15px; height: 15px;}
.jq-selectbox__trigger-arrow {position: absolute; top: 4px; right: 0px; width: 0; height: 0; overflow: hidden; border-top: 9px solid #000; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.jq-selectbox ul {margin: 0; padding: 0; border: 1px solid #000; background: #fff;}
.jq-selectbox ul li {padding: 5px 10px 6px; color: #000;}
.jq-selectbox li.selected {background-color: #f4f4f4; color: #000;}
.jq-selectbox li:hover {background-color: #fd0; color: #000;}
.jq-selectbox li.disabled {color: #AAA;}
.jq-selectbox li.disabled:hover {background: none;}
.jq-selectbox li.optgroup {font-weight: bold;}
.jq-selectbox li.optgroup:hover {background: none; color: #231F20; cursor: default;}
.jq-selectbox li.option {padding-left: 25px;}
.jq-selectbox__dropdown{width: 100% !important;}

.hidden {display: none;}
.content_page form p + div.error{margin: -22px 0 22px 0px; padding: 0; font-size: 11px; display: block; height: 0; color: #e00505; width: 400px; }
.content_page form p.error input, .content_page form p.error textarea, .content_page form p.error .jq-selectbox__select {border-color: #e00505;}
/*********************************************************** FOOTER ***********************************************************/
.footer{width: 980px; position: absolute; bottom: 0; left: 50%; margin-left: -490px; background: #3d3d3d; height: 64px; border-top: 6px solid #ffdd00; padding-top: 15px; z-index: 3;}
.footer p{margin: 0 auto; text-align: center; color: #949494;}
.footer p.copy{padding-top: 10px; vertical-align: top;}
.footer p.copy img{margin-top: -10px;}
.footer p.slt{font-family: Arial; font-size: 12px;}
.footer p.slt a{color: #949494;}
.footer p.slt a:hover{text-decoration: underline;}
/*********************************************************** ERROR 404 ***********************************************************/
.error404{width: 100%; min-width: 998px; height: 700px; background: url('../pics/404.jpg') 50% 0 no-repeat;}
.error404 p.call{font-size: 28px; line-height: 36px; padding: 0px 20px; border: 1px solid #d6d7d9; width: 795px; position: absolute; top: 20px; left: 50%; margin-left: -419px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; behavior: url(PIE.htc);}
.error404 p.call span{font-weight: bold;}
.error404 p.page{font-size: 25px; width: 250px; position: absolute; top: 300px; left: 50%; margin-left: -470px;}
.error404 p.page span{font-size: 150px; font-family: Arial; font-weight: bold; line-height: 100px;}
.error404 a.go_main{display: block; position: absolute; top: 420px; left: 50%; width: 156px; line-height: 26px; margin-left: 81px; text-align: center; background: #fd0; font-family: Arial; font-weight: bold; font-size: 17px; border-bottom: 3px solid #e7c800; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
.error404 a.go_main:hover{background: #e7c800;}
@media only screen and (max-width : 997px) and (min-width : 517px){
	.shadow{width: 100%; left: 0;  margin: 0;  -webkit-box-shadow: #666 0px 0px 0px; -moz-box-shadow: #666 0px 0px 0px; box-shadow: #666 0px 0px 0px;}
	div.wrapper{width: auto; padding: 0 0 85px 0;}
	div.right_sidebar{display: none;}
	.header{padding: 15px 0;}
	.header > a{padding-left: 50px;}
	.menu{width: 100%; margin: 0 auto; text-align: center;}
	.menu li {margin-left: 3px;}
	.phone{right: 54px;}
	.wrapper_content{padding: 20px 0;}
	div.content{display: block; width: 700px; padding: 0 50px; margin: 0 auto;}
	div.wrapper_main_service{width: auto; text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom:1; text-align-last: justify; margin: 0 auto;}
	.wrapper_main_service:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden;  content: ''; display: inline-block;}
	.wrapper_main_service > *{line-height: normal; font-size: 12px; text-align: left;}
	.service{margin-left: 15px;}
	.service.form{width: 100%; height: 110px;}
	.service.form .title{top: 10px;}
	.service.form .order{bottom: 7px;}
	.footer{width: 100%; left: 0; margin-left: 0;}
	.left_sidebar{margin-left: 0px; min-width: 170px; width: 35%;}
	.left_sidebar .service.form{height: 150px;}
	.content_page{width: 60%; margin: 0 2%;}
	h2{font-size: 18px;}
	.calculation input[type="text"], .calculation textarea, .question input[type="text"], .question textarea{width: 90%; min-width: 90%; max-width: 90%;}
	.error404{width: 446px; min-width: 446px; height: 388px; background: url('../pics/tablet_error.jpg') 50% 0 no-repeat; margin: 37px auto 0;}
	.error404 p.call{display: none;}
	.error404 p.page{font-size: 25px; width: 250px; position: absolute; top: 50px; left: 0; margin-left: 25px;}
	.error404 p.page span{font-size: 100px; font-family: Arial; font-weight: bold; line-height: 100px;}
	.error404 a.go_main{display: block; position: absolute; top: 205px; left: 50%; width: 156px; line-height: 26px; margin-left: -78px; text-align: center; background: #fd0; font-family: Arial; font-weight: bold; font-size: 17px; border-bottom: 3px solid #e7c800; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
	.error404 a.go_main:hover{background: #e7c800;}
	.content_page form p + div.error{width: auto; margin: -22px auto 22px;}
	.calculation span.star, .question span.star {top: -1px; display: inline-block; zoom: 1; margin-left: 23px; position: absolute; left: 90%;}
}
@media only screen and (max-width : 825px) and (min-width : 721px){
	div.content{width: 600px;}
}
@media only screen and (max-width : 721px) and (min-width : 518px){
	div.content{width: 500px; padding: 0;}
	div.content .service{margin: 0 0 25px;}
}
@media only screen and (max-width : 517px){
	body{min-width: 320px;}
	.shadow{width: 100%; left: 0;  margin: 0; -webkit-box-shadow: #666 0px 0px 0px; -moz-box-shadow: #666 0px 0px 0px; box-shadow: #666 0px 0px 0px;}
	.phone{height: 38px; width: auto; left: 0; text-align: right; line-height: 30px; padding: 9px 17px 3px; font-size: 18px; font-weight: bold; position: absolute; top: 0px; right: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #fd0 url('../pics/border.png') 56px center no-repeat;}
	.menu{position: absolute; top: 0; left: 55px; right: 0; background: #fd0; width: auto;  margin: 0; padding: 5px 13px; z-index: 9;}
	.menu li{display: none; font-size: 18px; padding: 5px 0; z-index: 9;}
	.menu li.show{display: block; position: absolute; top: 0; padding: 0; left: -68px; width: 55px; height: 52px; background: url(../pics/menu.png) 13px center no-repeat; cursor: pointer;}
	.menu li a, .menu li a:hover {border: 1px solid #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
	.menu li a.sel{border: 1px solid #000;}
	.menu li a:active {background: #f4f4f4; border: 1px solid #fff;}
	h2{font-size: 18px;}
	div.wrapper{width: auto; padding: 0 0 85px 0;}
	div.right_sidebar{display: none;}
	.header{padding: 65px 0 15px; text-align: center; border: none;  border-bottom: 3px solid #c5c6c6;}
	.header > a{margin: 50px auto 0;}
	.wrapper_content{padding: 0; }
	div.content{display: block; width: 100%; padding: 0;}
	.service{margin: 0 auto; display: block; width: 100%; height: auto; padding-bottom: 0;}
	.service ul{margin-bottom: 25px;}
	.service li{margin: 5px 0;}
	.service > *{display: none;}
	.service > img{margin-top: 0;}
	.service p.title{position: relative; background: #e2e2e2; display: block; top: 0; font-size: 24px; font-weight: normal; padding: 5px 0;}
	.service.form{width: 240px; height: 115px; margin: 25px auto;}
	.service.form .title{top: 10px; font-size: 17px; font-weight: bold; background: #fff; padding: 0;}
	.service.form .order{bottom: 7px; display: block;}
	.footer{width: 100%; left: 0; margin-left: 0;}
	
	.left_sidebar{margin-left: 0px; width: 100%;}
	.left_sidebar > ul > li{display: none;}
	.left_sidebar > ul > li p{font-weight: bold; padding: 10px 25px;}
	.left_sidebar > ul > li.service_show{display: block; height: 50px; line-height: 50px; text-transform: uppercase; color: #fff; font-family: Arial; font-size: 19px; font-weight: bold; background: #6f6f6f url('../pics/plus.png') right center no-repeat; padding-left: 18px; cursor: pointer;}
	.left_sidebar > ul > li.service_show.minus{background: #6f6f6f url('../pics/minus.png') right center no-repeat}
	.left_sidebar .service.form{display: none;}
	div.content_page{width: auto; margin: 10px 20px 0; font-size: 17px; padding-bottom: 30px; display: block;}
	.left_sidebar > ul > li ul li{padding: 8px 0; margin: 3px 0;}
	.calculation, .question{width: auto; padding: 15px 0; margin: 0 -20px;}
	.calculation .title{text-align: center;}
	.calculation p, .question p{width: 90%; margin-left: auto; margin-right: auto; padding-right: 7px;}
	.calculation input[type="text"], .calculation textarea, .question input[type="text"], .question textarea{width: 90%; min-width: 90%; max-width: 90%; text-align: left;}
	.calculation p.send, .question p.send{margin: -5px 5% 5px; }
	.content_page form p + div.error{width: 90%; margin: -22px auto 22px; font-size: 10px;}
	
	.documents div{width: 97%; margin: 0px auto 20px; padding-right: 7px;}
	.calculation span.star, .question span.star {margin-left: 18px; left: 90%;}
	.error404{width: 320px; min-width: 320px; height: 320px; background: url('../pics/phone_error.jpg') 50% 0 no-repeat; margin: 0 auto 30px;}
	.error404 p.call{display: none;}
	.error404 p.page{font-size: 16px; width: 230px; position: absolute; top: 80px; left: 0; margin-left: 44px; text-align: center;}
	.error404 p.page span{font-size: 90px; font-family: Arial; font-weight: bold; line-height: 100px; display: block;}
	.error404 a.go_main{display: block; position: relative; top: 288px; left: 0; width: 240px; line-height: 36px; margin: 0 auto 30px; text-align: center; background: #fd0; font-family: Arial; font-weight: bold; font-size: 21px; border-bottom: 3px solid #e7c800; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc);}
	.error404 a.go_main:hover{background: #e7c800;}
}