@font-face {font-family: "Arian AMU"; src: url("/template/zyb-ok/Arian_AMU.ttf");}
html, body {margin: 0px; padding: 0px; border: 0px; font-family: Arian AMU, Conv_RotondaC, Verdana, Arial, sans-serif;color: black; text-shadow: 2px 3px 2px white; height: 100%;}
#systext {margin-bottom: -50px; min-height: 100%; position: absolute; width: 100%;}
.bufer {height: 130px; width: 100%; float:left;}
#bottom {position: absolute; bottom: 0px; width: 100%;}
#osnova {position: relative; margin: auto;}
#content {border-radius: 15px; color: black; padding-top: 10px; border-radius: 0px 0px 15px 15px;}
.menua {width: 100%; float:left;}
.navigation {margin: 0 auto; border:solid 3px #4164af; border-top: 0px; border-bottom: 0px; background: url("../images/bg.png");}
.navigation a {float: left; margin-left: 20px; font-size: 22px; border-bottom: solid 1px black; padding-top: 20px; font-style:Arian AMU, Conv_RotondaC;}
#podval .navigation {border: 0px; background: none;}
#zanav {width: 0px; height: 0px; background: black; opacity: 0.95; filter: alpha(opacity=95); position: absolute; left: 0px; top: 0px; z-index: 998; display: none;}
.clos {display: block; cursor: pointer; margin-left: 685px; background: url(/template/zyb-ok/images/close.png); width: 44px; height: 46px; margin-top: -30px; position:absolute; z-index: 1;}
#sender {position: absolute; left: 50%; margin-left: -350px; width: 700px; height: 500px; background: white; top: 120px; border: solid 3px #4164af; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow:0 0 15px white; -webkit-box-shadow:0 0 15px white; box-shadow:0 0 15px white; background: #c4c4c4 url(/templates/LorrD/images/sender.png); background-repeat: repeat-x;}
#sender2 {position: absolute; left: 50%; margin-left: -350px; width: 700px; height: 500px; background: white; top: 120px; border: solid 3px #4164af; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow:0 0 15px white; -webkit-box-shadow:0 0 15px white; box-shadow:0 0 15px white; background: #c4c4c4 url(/templates/LorrD/images/sender.png); background-repeat: repeat-x;}
#bg {height: 200%; left: -50%; position: fixed; top: -50%; width: 200%; z-index: -1; }
#bg img {bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 0;}
.max {width: 904px; border: solid 3px #4164af; background: url("../images/bg.png"); margin-left: -3px; border-top: 0px; border-bottom: 0px;  float: left; padding-left: 30px; padding-right: 30px;}
.mint {margin-left: 12px; height: 15px; width: 934px; background: url("../images/bg.png"); border: solid 3px #4164af; border-radius: 15px 15px 0px 0px; border-bottom: 0px;  float: left;}
.minb {margin-left: 12px; height: 15px; width: 934px; background: url("../images/bg.png"); border: solid 3px #4164af; border-radius: 0 0 15px 15px; border-top: 0px; margin-bottom: 10px;  float: left; box-shadow: 0 5px 5px white;}
#head {border-radius: 0 0 15px 15px; height: 200px;  float: left;}
#head img {width: 500px; margin-top: 25px; margin-right: 100px;}
.righ {float: right; font-family:Arian AMU, Conv_RotondaC; width: 408px; font-size: 16px; color: red; padding-top: 70px; font-weight: bold;}
.righ2 {float: right; font-family:Arian AMU, Conv_RotondaC; width: 466px; font-size: 19px; font-weight: bold; margin-top: -40px;}
.search {width: 280px; float: left; padding-top: 20px; border: solid 2px #4164af; border-radius: 15px; background: white; padding-left: 10px; padding-right: 10px; height: 48px;}
.ya-site-form {float:left;}
.slabov {margin-left: 5px; margin-right: 5px; background: white; text-align: center; padding: 2px; width: 68px; height: 65px; display: block; font-size: 10px; border: solid 2px #4164af; border-radius: 15px; float: left; cursor: pointer;}
.slabov img {width: 40px!important; margin-top: 5px!important; margin-left: 5px; margin-right: 5px!important;}
.sitemap {text-align: center;}
.sitemap a {background: white; padding: 2px; width: 68px; height: 65px; display: block; font-size: 10px; border: solid 2px #4164af; border-radius: 15px; float: right;}
.sitemap img {padding-bottom: 6px; width: 40px!important; margin-top: 5px!important; margin-left: 5px; margin-right: 5px!important;}
.tel_no {font-size: 36px; margin-left: 18px; margin-right: 18px; font-weight: bold;}
.contact {float: right; background: white url(/template/zyb-ok/images/contact.jpg); background-repeat: no-repeat; width: 180px; height: 40px; padding-left: 60px; padding-top: 10px; border: solid 2px #4164af; border-radius: 15px; background-position: 10px 2px; cursor: pointer; margin-top: 20px; color: black; margin-right: 10px; font-weight: bold;}
#map {font-size:18px; border-bottom: solid 1px; cursor: pointer; float: right;}
#prot {margin-top: -5px; float:left; margin-left: 12px;}
#slider {border-radius: 15px; float: left; margin-bottom: 25px;}
.home {border: 0px !important; padding-top: 0px !important;}
.leftblock {float: left; width: 200px;}
.popular {float: left; margin-left: -20px; font-size: 18px; border: solid 1px #4164af; padding-top: 20px; font-style: Arian AMU, Conv_RotondaC; width: 200px; border-radius: 15px; padding: 15px; margin-right: 10px;}
.popular a {width: 200px; margin-top: 2px; margin-bottom: 2px; float:left; text-align: center;}
.licenzies {float: left; margin-left: -20px; font-size: 18px; border: solid 1px #4164af; padding-top: 20px; font-style: Arian AMU, Conv_RotondaC; width: 200px; border-radius: 15px; padding: 15px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; text-align: center;}
.licenzies strong {width: 100%; text-align: center; width: 200px;float:left;}
.licenzies img {padding: 5px;}
#podval {height: 110px; border-radius: 15px 15px 0 0;}
.alllist {float: right; width: 680px;}
.news {float: left; width: 100%; background: white; border: solid 1px #4164af; margin-bottom: 10px; border-radius: 15px; padding: 10px; width: 660px;}
.news a {float: left; font-size: 18px; margin-left: 20px;}
.news img {border-radius: 15px; border: solid 1px #4164af; width: 150px; float:left; margin: 10px;}
.naws p {margin-left: 170px; float: left;}
.newsbor {border-radius: 15px; border: solid 1px #4164af; float: left; margin: 10px;}
#sender2 table {margin-left: 90px; margin-top: 10px;}
#sender2 td {text-align: center;}
#sender2 input {width: 400px; height: 40px; border-radius: 15px; text-align: center; border: solid 1px #4164af; font-weight: bold;}
#sender2 textarea {width: 380px; height: 120px; border-radius: 15px; text-align: center; border: solid 1px #4164af; padding: 10px;}
#sender table {margin-left: 90px; margin-top: 10px;}
#sender td {text-align: center;}
#sender input {width: 400px; height: 40px; border-radius: 15px; text-align: center; border: solid 1px #4164af; font-weight: bold;}
#sender textarea {width: 380px; height: 120px; border-radius: 15px; text-align: center; border: solid 1px #4164af; padding: 10px;}
.subm:hover {background:#4164af; cursor: pointer;}
.lorrd {float: right;}
h1 {text-align: center;}
a {color: black;}
.sitemp a {border-bottom: solid 1px black;}
.righ a {color: red; text-decoration: none;}
.righ a.cont {float: right; width: 240px; height: 40px; padding-top: 10px; border: solid 2px #4164af; border-radius: 15px;  color: black; text-align: center; margin-top: -65px; margin-right: 10px; text-decoration: none; background: white; font-weight: bold; color: black;}
.sotrudniki {margin-top: -20px; width: 100px; float: left; margin-left: 10px; margin-right: 10px;border: 1px solid #4164af; border-radius: 20px; padding: 30px 20px;}
.pracetable {margin-bottom: 50px;}
.pracetable td {border: 1px solid black; padding: 5px;}
.pracetableh h2 {text-align: center;}
@media all and (max-width : 479px) {
html {background: #4164af;}
#bg {display: none;}
#osnova {width: 310px;}
#head {width: 290px; height: 240px; padding: 10px;}
#head img {width: 280px; padding: 0px; margin: 0px; float: left;}
.righ {width: 264px; padding-top: 68px; text-align: center;}
.righ2 {display: none;}
.cont {float: right;}
.minb, .mint {width: 270px;}
.mint {margin-top: 2px;}
#slider {margin-bottom: 5px;}
#slides {margin-left: -30px; height: 92px;}
.slides_container {width: 300px; height: 100px;}
.slides_control a img {width: 310px; height: 92px;}
#slides .next, #slides .prev {left: -16px; top: 2px;}
#slides .next {left:465px;}
.max {width: 245px;}
#slides .next {left: 300px;}
.next img, .prev img {width: 22px;}
/*//////////////////////////////////////////////////////////*/
.nav {width: 90%; height: 100%; position: absolute; top: 0; bottom: 0; margin: 0; left: -100%; padding: 5% 5%; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; transition: left 0.3s; z-index: 2000;}
.nav-toggle {position: absolute; left: 120%; padding: 0.5em; background: inherit;  color: black; cursor: pointer; font-size: 1.2em; line-height: 1; z-index: 2001; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; transition: color .25s ease-in-out; background: white; width: 50%; text-align: center; border-radius: 10px; border: solid 3px #4164af; top: 225px;}
.nav-toggle:after {content: '\2630 Меню'; text-decoration: none;}
[id='nav-toggle'] {position: absolute; display: none;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle {left: auto; right: 2px; top: 1em;}
[id='nav-toggle']:checked ~ .nav {position: fixed; left: 0; box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); overflow-y: auto; padding-top: 0px; background: #4164af;}
[id='nav-toggle']:checked ~ main > article {-webkit-transform: translateX(320px); -moz-transform: translateX(320px); transform: translateX(320px);}
[id='nav-toggle']:checked ~ .nav > .nav-toggle{width: 95px; margin-top: -15px;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {content: 'Закрыть \2715';}
body {-webkit-animation: bugfix infinite 1s;}
.nav a {position: relative; text-align: center; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.2em; color: white; width: 45%; text-decoration: none;    text-shadow: none; border-bottom: solid 1px white; padding-bottom: 2px; /* плавный переход */ -webkit-transition: color .5s ease, padding .5s ease; -moz-transition: color .5s ease, padding .5s ease; transition: color .5s ease, padding .5s ease;}
.nav a img {padding-top: 20px;}
.popular {width: 241px; margin-top: -25px; border: solid 1px #4164af; margin-left: -17px;}
.popular a {width: auto; margin-right: 10px; margin-top: 5px; font-size: 14px;}
.licenzies {display: none;}
.alllist {width: auto;}
#podval .navigation {display: none;}
.bufer {height: 0px;}
#bottom .mint {margin-top: 0px;}
#bottom {height: 0px;}
.lorrd {margin-top: 35px;}
#podval {height: 145px;}
.alllist {width: 100%;}
.news {width: 100%; margin-left: -15px; margin-top: 15px;}
.alllist img {max-width: 240px;}
.newsbor {width: 210px;}
.sotrudniki {margin-top: -10px; margin-bottom: 10px; margin-left: 50px; margin-right: 50px;}
.priceblock img {display: none;}
.pracetable {font-size: 12px; margin-left: -31px;}
}
@media all and (min-width: 480px) and (max-width: 767px) {
html {background: #4164af;}
#bg {display: none;}
#osnova {width: 470px;}
#head {width: 410px; height: 295px;}
#head img {width: 300px; padding: 0px; margin: 0px; float: left;}
.righ2 {display: none;}
.cont {float: right;}
.minb, .mint {width: 430px;}
.mint {margin-top: 30px;}
#head img {width: 380px;}
#slides {margin-left: -30px; height: 92px;}
.slides_container {width: 474px; height: 130px;}
.slides_control a img {width: 472px; height: 130px;}
#slides .next, #slides .prev {left: -16px; top: 22px;}
#slides .next {left:465px;}
.max {width: 408px;}
#slides .next {left: 460px;}
.next img, .prev img {width: 22px;}
/*//////////////////////////////////////////////////////////*/
.nav {width: 90%; height: 100%; position: absolute; top: 0; bottom: 0; margin: 0; left: -100%; padding: 5% 5%; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; transition: left 0.3s; z-index: 2000;}
.nav-toggle {position: absolute; left: 120%; padding: 0.5em; background: inherit;  color: black; cursor: pointer; font-size: 1.2em; line-height: 1; z-index: 2001; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; transition: color .25s ease-in-out; background: white; width: 50%; text-align: center; border-radius: 10px; border: solid 3px #4164af; top: 260px;}
.nav-toggle:after {content: '\2630 Меню'; text-decoration: none;}
[id='nav-toggle'] {position: absolute; display: none;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle {left: auto; right: 2px; top: 1em;}
[id='nav-toggle']:checked ~ .nav {position: fixed; left: 0; box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5); overflow-y: auto; padding-top: 15%; background: #4164af;}
[id='nav-toggle']:checked ~ main > article {-webkit-transform: translateX(320px); -moz-transform: translateX(320px); transform: translateX(320px);}
[id='nav-toggle']:checked ~ .nav > .nav-toggle{width: 95px; margin-top: -15px;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {content: 'Закрыть \2715';}
body {-webkit-animation: bugfix infinite 1s;}
.nav a {position: relative; text-align: center; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.2em; color: white; width: 45%; text-decoration: none;    text-shadow: none; border-bottom: solid 1px white; padding-bottom: 2px; /* плавный переход */ -webkit-transition: color .5s ease, padding .5s ease; -moz-transition: color .5s ease, padding .5s ease; transition: color .5s ease, padding .5s ease;}
.nav a img {padding-top: 20px;}
.popular {width: 401px; margin-top: -25px; border: solid 1px #4164af; margin-left: -17px;}
.popular a {width: auto; margin-right: 10px; font-size: 13px;}
.licenzies {display: none;}
.alllist {width: auto;}
#podval .navigation {display: none;}
.bufer {height: 0px;}
#bottom .mint {margin-top: 0px;}
#bottom {height: 0px;}
.lorrd {margin-top: 35px;}
.alllist {width: 100%;}
.news {width: 100%; margin-left: -15px; margin-top: 15px;}
.newsbor {width: 370px;}
.alllist img {max-width: 380px;}
.alllist table a img {height: 50px!important;}
}
/*-----------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1023px) {
#osnova {width: 760px;}
.navigation {border-radius: 15px 15px 0px 0px; width: 760px; height: 60px;}
#head {width: 700px;}
.minb, .mint {width: 730px;}
.max {width: 700px;}
#head img {width: 300px;}
.righ {width: 300px; padding-top: 78px;}
.righ a {font-size: 15px;}
.tel_no {font-size: 20px; margin-left: 8px; margin-right: 8px;}
.righ2 {margin-top: 10px;}
.slides_container {width: 730px; height: 219px;}
#slides {width: 265px; height: 204px;}
.slides_control a img {width: 730px; height: 219px;}
#slides .next, #slides .prev {top: 65px;}
#slides .next {left: 730px;}
.navigation a {font-size: 17px; margin-left: 10px;}
.licenzies, .popular, .popular a, .licenzies strong {width: 120px; font-size: 17px;}
.leftblock {width: 120px;}
.alllist {width: 555px;}
.news {width: 550px;}
.alllist img {max-width: 400px;}
}
@media all and (min-width: 1024px) and (max-width: 1223px) {
.navigation {border-radius: 15px 15px 0px 0px; width: 964px; height: 60px;}
.navigation a {font-size: 20px;}
#osnova {width: 964px;}
#head {width: 904px;}
.mint, .minb {margin-left: 12px; height: 15px; width: 934px;}
#slider {height: 250px;}
.alllist img {max-width: 500px;}
.righ {width: 302px; padding-top: 78px;}
.righ a {font-size: 15px;}
.tel_no {font-size: 20px; margin-left: 8px; margin-right: 8px;}
}
@media all and (min-width: 1224px) {
#osnova {width: 1210px;}
.navigation {border-radius: 15px 15px 0px 0px; width: 1210px; height: 60px;}
#head {width: 1150px;}
.minb, .mint {width: 1180px;}
.max {width: 1150px;}
#slider {height: 295px;}
#slides .next {left: 1180px;}
.slides_container {width: 1182px; height: 325px;}
.slides_control a img {width: 1182px; height: 325px;}
.alllist {width: 930px;}
.news {width: 900px;}
.priceblock p {float: left; text-align: center;}
}