* { margin: 0px; padding: 0px; }
img { outline: none; border: 0px; }
body { width: 100%; color: #6D777E; font: normal normal 400 13px/18px Arial; background: #f8fbfb; }

#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: 445px; 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; }

.zakazgo table td { padding: 5px 10px 5px 0px; vertical-align: top; font-style: italic; font-weight: bold; }
.zakazgo input { width: 250px; border: 1px solid #777; height: 20px; padding: 2px;} 
.zakazgo select { width: 260px; border: 1px solid #777; height: 24px; padding: 2px;} 
.zakazgo 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: 120px; 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: 25px 10px 20px 10px;
}

#spravki .text p {
    font-family: Arial;
}

#spravki .form {
    padding: 0 4%;
    margin-left: 30%;
}

#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: 50%;
}

#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: 400;
    color: #fa4317;
}

.foxbutton{cursor:pointer;background:#2C9BB6;border-radius:10px;padding:15px 30px 15px 30px;margin-left:18%;color:#fff;float:left;font-weight:600;font-size:15px;}
.foxbutton:hover{background:#D5F6FD;color:#000;}