* { margin: 0px; padding: 0px; }
img { outline: none; border: 0px; }
body { width: 100%; color: #666; font: normal normal 400 12px/16px Arial; background: #fff; }
#lvl1 { width: 100%; height: 393px; background: url('img/bg.jpg') 0px 0px repeat-x; }
#top { height: 108px; width: 950px; margin: 0px auto 0px; }
a.logo { height: 68px; width: 301px; display: block; background: url('img/logo.png') 0px 0px no-repeat; float: left; z-index: 100; margin: 20px 0px 0px 0px; cursor: pointer; }
.phone { font: italic normal 700 24px/23px Arial; color: #fff; width: 250px; float: right; margin-top: 24px; }
.phone p { font: normal normal 700 28px/30px Arial; color: #fff; margin-top: 6px; }
#shapka { height: 285px; width: 950px; margin: 0px auto 0px; background: url('img/bgshapka.jpg') 0px 0px no-repeat; }
.nadpis { height: 165px; width: 240px; float: right; background: url('img/nadpis.png') 0px 0px no-repeat; right; z-index: 100; margin: 60px 20px 0px 0px;}
#lvl2 { width: 100%; height: 94px; background: url('img/topmenu.png') 0px 0px repeat-x; }
#topmenu { width: 950px; margin: 0px auto 0px; padding-top: 25px; }
#topmenu ul { list-style: none; margin-left: 15px; }
#topmenu ul li { display: block; float: left; margin-left: 10px; }
#topmenu ul li a { color: #fff; display: block; border: 1px solid #C4CAD0; font: normal normal 700 15px/43px Arial; border-radius: 10px; behavior: url(PIE.htc); text-decoration: none; padding: 0px 15px 0px 15px; z-index: 100; }
#topmenu ul li a:hover, #topmenu ul li a.active { background: url('img/lihover.png') 0px 0px repeat-x; color: #2C9CB7; }
#content { width: 950px; margin: 0px auto 0px; padding: 30px 0px 30px 0px; overflow: hidden; }
#content .left { float: left; width: 600px; padding-top: 15px; }
#content .left h1 { font: italic normal 700 22px/25px Arial; margin-bottom: 20px; color: #232323; }
#content .left h2 { font: italic normal 700 16px/25px Arial; margin-bottom: 15px; color: #148DB3; }
#content .left p { margin-bottom: 15px; text-align: justify; font: normal normal 400 12px/20px Arial; }
#content .left ul, #content .left ol { margin-left: 40px; margin-bottom: 15px; list-style: disk; }
#content .right { float: right; width: 300px;  }
.menu { border: 1px solid #e5e5e5; border-radius: 15px; behavior: url(PIE.htc); padding: 20px; background: #f6f6f6; }
.menu h1 { font: italic normal 700 22px/25px Arial; margin-bottom: 10px; color: #148DB3; }
.menu ul { list-style: none; }
.menu ul li { display: block; }
.menu ul li a { color: #148DB3; display: block; text-decoration: none; font: normal normal 400 13px/29px Arial; }
.menu ul li a:hover { color: #000; }
.menu ul li a.active { color: #000; font-style: italic; }
.zakazform { border: 1px solid #e5e5e5; border-radius: 15px; behavior: url(PIE.htc); padding: 20px; background: #f6f6f6; margin-top: 20px; }
.zakazform h1 { font: italic normal 700 22px/25px Arial; margin-bottom: 10px; color: #148DB3; }
#footer { width: 100%; height: 40px; background: url('img/topmenu.png') 0px 0px repeat-x; }
.text { width: 950px; margin: 0px auto 0px; color: #fff; font: italic normal 700 14px/40px Arial;  }

#online { overflow: hidden; }
#online p { font-style: italic; margin: 15px 0px 10px 0px; color: #444;}
#online table td { padding: 5px 10px 5px 0px; vertical-align: top; font-style: italic; font-weight: bold; }
#online input { width: 140px; border: 1px solid #edebeb; height: 20px; padding: 2px;} 
#online select { width: 150px; border: 1px solid #edebeb; height: 24px; padding: 2px;} 
#online textarea { width: 140px; border: 1px solid #edebeb; height: 50px; padding: 2px; font: 12px/15px Arial; }
a.zakaz { display: block; margin: 15px 0px 15px 30px; background: url('img/topmenu.png') 0px 0px repeat-x; color: #fff; padding: 10px 10px 10px 10px; width: 120px; text-align: center; cursor: pointer; font-style: italic; font-weight: bold; font-size: 13px; border-radius: 10px; behavior: url(PIE.htc); }

table.price { width: 500px; }
table.price td { padding: 10px; border: 1px solid #edebeb; }

/*
a:hover { text-decoration: none; }

#wrapper { width: 940px; padding: 25px 45px 25px 25px; margin: 40px auto 10px; background: #fff; }
#header { height: 339px; width: 100%; background: url('img/shapka.jpg') 580px 0px no-repeat; border-bottom: 3px solid #12acfc; }
a.logo { height: 64px; width: 342px; display: block; background: url('img/logo.png') 0px 0px no-repeat; float: left; z-index: 100; margin: 20px 0px 0px 20px; cursor: pointer; }
#shapka { width: 481px; height: 91px; margin: 30px 0px 0px 20px; background: url('img/nadpis.png') 0px 0px no-repeat; z-index: 100; float: left; clear: both; }
.contacts { float: left; clear: both; margin: 30px 0px 0px 30px; font: italic normal 700 18px/40px Arial; }
.contacts p { font: italic normal 700 19px/27px Arial; color: #12acfc; }
.contacts ul { list-style: none; }
.contacts li { display: block; float: left; margin-right: 50px;  }

h1 { font: italic normal 700 18px/45px Arial; }
h2 { font: italic normal 700 16px/20px Arial; margin: 10px 0px 10px 0px; }

#content { padding: 20px 0px 20px 0px; width: 100%; overflow: hidden; }
#left { width: 240px; float: left; }
.menu .top { background: url('img/box-titl.gif') 0 0 repeat-x; height: 45px; border: 1px solid #edebeb; padding-left: 15px; }
.menu .bottom { border: 1px solid #edebeb; border-top: 0px; }
.menu ul { list-style: none; }
.menu ul li { display: block; padding: 7px 0px 7px 0px; } 
.menu ul li a { display: block; padding-left: 20px; background: url('img/m1.gif') 0px 2px no-repeat; margin-left: 15px; color:#666; text-decoration: none;  }
.menu ul li a:hover, .menu ul li a.active { background: url('img/m2.png') 0px 2px no-repeat; color:#12acfc; text-decoration: none;  }
.menu { margin-bottom: 30px; }

#online { padding: 5px 0px 0px 15px; overflow: hidden; }
#online p { font-style: italic; margin: 10px 0px 5px 0px;}
#online table td { padding: 5px 10px 5px 0px; vertical-align: top; font-style: italic; font-weight: bold; }
#online input { width: 190px; border: 1px solid #edebeb; height: 20px; padding: 2px;} 
#online select { width: 200px; border: 1px solid #edebeb; height: 24px; padding: 2px;} 
#online textarea { width: 190px; border: 1px solid #edebeb; height: 50px; padding: 2px; font: 12px/15px Arial; }
a.zakaz { display: block; margin: 15px 0px 15px 50px; background: #12acfc; color: #fff; padding: 5px 10px 5px 10px; width: 110px; text-align: center; cursor: pointer; }

hr { background: #edebeb; color: #edebeb; border:0px; height:1px; clear:both; margin: 20px 0px 20px 0px; }

#right { width: 665px; float: right; }
#right .top { background: url('img/box-titl.gif') 0 0 repeat-x; height: 45px; border: 1px solid #edebeb; padding-left: 15px; color: #12acfc; }
#right .bottom { border: 1px solid #edebeb; border-top: 0px; padding: 15px; }
#right .bottom p { margin-bottom: 20px; text-align: justify; }
#right .bottom h2 { margin-bottom: 20px; }
#right ul, #right ol { margin-left: 50px; margin-bottom: 20px; }

#footer { height: 20px; border-top: 1px solid #edebeb; padding-top: 20px; }
#footer a { color: #12acfc; }
/*
#lvl1 { background: url('img/tail-top.jpg') 0 0 repeat-x; width: 100%; height: 103px; z-index: 0; position: relative; }
#header { height: 75px; width: 960px; margin: 0px auto 0px; padding-top: 28px; }
a.logo { height: 56px; width: 276px; display: block; background: url('img/logo.png') 0px 0px no-repeat; float: left; z-index: 100; }
#topmenu { float: right; z-index: 1; position: relative; }
#topmenu ul { list-style: none; }
#topmenu ul li { display: block; float: left; margin-left: 15px; }
#topmenu ul li a { color: #fff; display: block; border: 1px solid #C4CAD0; font: italic normal 700 17px/43px Arial; background: #2e9fb9; border-radius: 18px; behavior: url(PIE.htc); text-decoration: none; padding: 0px 25px 0px 25px; z-index: 100; }
#topmenu ul li a:hover, #topmenu ul li a.active { background: #F2F7FA; color: #2C9CB7; }

#lvl2 { height: 300px; width: 100%; background: #f9fbfa; }
#shapka { width: 960px; height: 300px; margin: 0px auto 0px; background: url('img/mid.jpg') 60px 0px no-repeat; z-index: 100; }
#phone { width: 373px; float: right; padding-top: 194px; background: url('img/lozung.jpg') 0px 60px no-repeat; text-align: right; color: #33acc2; font: normal normal 700 32px/33px Arial; z-index: 100; }

#lvl3 { height: 60px; width: 100%; background: #2c9bb6; z-index: 0; }
#middle { height: 60px; width: 960px; margin: 0px auto 0px; overflow: hidden; font: normal normal 700 21px/59px Arial; color: #fff; z-index: 0; position: relative; }
a.zakaz { background: #F2F7FA; color: #2C9CB7; display: block; border: 1px solid #C4CAD0; font: normal normal 700 21px/40px Arial; border-radius: 15px; behavior: url(PIE.htc); text-decoration: none; padding: 0px 25px 0px 25px; float: right; margin-top: 10px; cursor: pointer; z-index: 100; position: relative; }

#content { overflow: hidden; width: 960px; margin: 0px auto 0px; padding: 30px 0px 30px 0px; }
#left { border-radius: 28px; behavior: url(PIE.htc); border: 1px solid #EDF3F3; background: #fff; padding: 20px 30px 30px 30px; width: 220px; float: left; }
#left ul { list-style: none; }
#left ul li { display: block; height: 28px; border-bottom: 1px dashed #C4CAD0; }
#left ul li a { color: #31A6BE; display: block; font: normal normal 700 13px/26px Arial; background: url('img/marker-1.gif') 0px 7px no-repeat; text-decoration: none; padding-left: 25px; }
#left ul li a:hover, #left ul li a.active { background: url('img/marker-2.gif') 0px 7px no-repeat; color: #F6C196; }

#right { border-radius: 28px; behavior: url(PIE.htc); border: 1px solid #EDF3F3; background: #fff; padding: 20px 30px 30px 30px; width: 560px; float: right; }
h1 { font:italic normal 700 22px/30px Arial; color: #8C8C8C; margin-bottom: 15px; }
h2 { font: italic normal 700 18px/40px Arial; color: #2e9fb9; margin-bottom: 10px;  }

#right p { margin-bottom: 15px; text-align: justify; text-indent: 30px;}
#right p span { color: #2C9CB7; font-style: italic; }
#right ul, #right ol { margin-left: 50px; margin-bottom: 15px; }

.zakazon table td { padding: 5px 10px 5px 0px; vertical-align: top; font-style: italic; font-weight: bold; }
.zakazon input { width: 250px; border: 1px solid #777; height: 20px; padding: 2px;} 
.zakazon select { width: 260px; border: 1px solid #777; height: 24px; padding: 2px;} 
.zakazon textarea { width: 250px; border: 1px solid #777; height: 80px; padding: 2px; font: 12px/15px Arial; }

a.go { background: #F2F7FA; color: #2C9CB7; display: block; border: 1px solid #C4CAD0; font: normal normal 700 15px/35px Arial; border-radius: 15px; behavior: url(PIE.htc); text-decoration: none; padding: 0px 15px 0px 15px; float: left; margin: 10px 0px 0px 150px; cursor: pointer; z-index: 100; position: relative; }

#lvl4 { height: 50px; width: 100%; background: #e0e7eb; }
#footer { height: 50px; width: 960px; margin: 0px auto 0px; overflow: hidden; color: #808D94; font: normal normal 400 13px/49px Arial; text-align: left;}
#footer a { color: #2e9fb9; }*/

	#spravki {
    background-color: #F3F4F6;
    border-radius: 8px;
    padding: 10px 10px 10px 10px;
}

#spravki .text p {
    font-family: Arial;
}

#spravki .form {
    padding: 0 4%;
    margin-left: 50%;
}

#spravki .text {
    float: left;
    width: 38%;
}

#spravki label {
    font-family: Arial;
    font-size: 15px;
    display: block;
    text-align: center;
}

#spravki #cost_ {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

#spravki input, #spravki textarea, #spravki select, #popup input, #popup textarea {
    background-color: #fff;
    border: 1px solid #dddbcb;
    border-radius: 4px;
    display: block;
    font-family: Arial;
    font-size: 16px;
    margin: 0 2px 8px 0;
    padding: 10px 10px;
    width: 90%;
}

#spravki textarea {
    height: 80px;
}

.send {
    padding: 0;
    margin-left: 5%;
}

/*.radio-body{display: flex;*/
/*align-items: center;}*/
.radio-body input {
    float: left !important;
    width: 20px !important;
    margin: 5px 0 0 0 !important;
}

.send-ok {
    font-size: 22px;
    text-align: center;
    color: #fa4317;
}

#spravki #cost_ {
    font-size: 38px;
    font-weight: 900;
    color: #fa4317;
}

.foxbutton{cursor:pointer;background:#52A9C5;border-radius:10px;padding:15px 30px 15px 30px;margin-left:18%;color:#fff;float:left;font-weight:600;font-size:15px;}
.foxbutton:hover{background:#E8EAEA;color:#000;}