html,body {margin:0; padding:0;}
body {background: #fff; font: 400 14px Arial; text-align: center; color: #444;}
A:link {color: #243b69}
A:visited {color: #243b69}
A:active {color: #243b69}
A:hover {color: #888}
a img {border: none;}
div {text-align: left;}
.none {display: none;}
.block {display: block;}
.both {clear: both;}
.bothline {clear: both; height: 10px; margin: 10px 0px; border-bottom: 1px dotted #cccccc;}
.left {float: left;}
.right {float: right;}
.blue {color: #19598e;}
.or {color:#e67817;}
.tdn {text-decoration:none;}
input.t,textarea {border: 1px solid #fff; background: #fff; font-size: 13px; padding: 1px 6px; border-radius: 4px;}
input.b {border: 1px solid #666; color:#fff; background: #c63424; font-size: 18px; padding: 6px 8px; border-radius: 6px;}

div.tel b {font: bold 34px Arial; color:#e67817; text-shadow: 4px 3px 0px black;}
div.tel a {color:#ccc;}

#mtel {bottom: 0px; right: 10px; position: fixed; display:none; z-index:1000;;}
#mtel img {margin:0; opacity: 0.8;}

#topfon {height: 85px; position: relative; background: #f0f0f0; text-align:center; z-index:10;}
#top {width: 960px; height: 85px; position: relative; margin: auto;}
#logo {left: 5px; top: 15px; position: absolute; padding: 0 20px 0 0;}
#tel {right: 5px; top: 20px; width: 500px; position: absolute; font: 400 13px Arial; color: #777;}
#tel a {text-decoration:none; color: #777;}
#tel div {float:right; padding: 0 0 0 45px; height: 40px;}
#tel div.tel {background: url(img_d/icotel.png) no-repeat 15px 0; font-size: 18px;}
#tel div.adres {background: url(img_d/icomap.png) no-repeat 15px 0;}
#imenu {width: 48px; position: relative; float:right; display:none; margin: 10px 6px 0 0;}

#mmenu {position: relative; margin: auto; display:none;}
#menu {width: 960px; height: 44px; position: relative; margin: -22px auto -22px auto; z-index:100;}
#menu ul {width:760px; height: 44px; margin: 0 0 0 200px; padding: 0; list-style: none; height: 18px; display: table; background:rgba(255, 255, 255, 0.8); border-radius: 5px;}
#menu ul li {margin: 0; padding: 0 10px; height: 44px; display: table-cell; position: relative; vertical-align: middle; border-left: 1px solid #ccc;}
#menu ul li.nb {border: none;}
#menu ul ul {width: 220px; height: auto; margin: 0; padding: 0; background:rgba(255, 255, 255, 0.8); list-style: none; display: none; position: absolute; top: 44px; left: -1px;}
#menu ul ul:after {clear: both; display: block; font-size: 1px; content: "."; height: 0; visibility: hidden;}
#menu ul ul li {margin: 0; width: 200px; height:auto; display: block; border-bottom:1px dotted #aaa;}
/* Main Menu */
#menu ul a {width:100%; margin: 0; padding:0; text-align:center; float: left; display: block; color: #000; font: 400 15px Arial; text-decoration: none; height: auto;}
/* Main Menu Hover */
#menu ul a.self,#menu ul li:hover a.self {color:#c63424;}
#menu ul li:hover a {color:#c63424;}
/* Second Menu */
#menu ul li:hover li a {float: none; color: #333; background: none;}
#menu ul li:hover li a.self,#menu ul li:hover li a.self:hover {color:#000; background: none;}
/* Second Menu Hover */
#menu ul li:hover li a:hover, #menu ul li:hover li:hover a {color:#666;}
#menu ul li:hover ul {display: block;}
#menu ul ul li a {background: none; margin: 0 10px; padding: 6px 0; text-align: left; display: block;}

#zakaz {display: block; float:right; margin: 12px 0 0 0; padding: 0 10px; background: #c63424; text-align:centr; text-decoration:none; font: 400 12px Arial; color:#fff; line-height: 44px; border-radius: 6px;}

#fotofon {height: 226px; position: relative; margin: auto; background: #ddd url(img_d/foto.jpg) no-repeat 50% 0;}
#icons {width: 770px; height: 140px; position: relative; margin: -86px auto 0 auto; background: #1b6064; border-radius: 6px; box-shadow: 0 8px 12px -4px #aaa;}
#icons ul {margin:0; padding:10px 0 0 0; list-style:none;}
#icons ul li {width: 154px; position: relative; float:left;}
#icons ul li a {display:block; text-decoration:none; text-align:center; margin: 10px 10px; color:#eee; font: 400 13px Arial;}
#icons ul li a p {margin:0;}
#icons ul li a img {transition: all 0.5s ease;}
#icons ul li a:hover img {transform: rotate(360deg);}

#docs {width: 960px; position: relative; margin: auto;}

#doc {margin: 5px 55px 40px 25px; min-height: 400px; position: relative; z-index:10;}
#doc p {text-align: justify;}
#doc hr {background-color:#ccc; border:0px none; height:1px; }

#doc td p {margin: 5px 0; text-indent: 0; text-align:left;}

#doc div.aimg {width: 200px; position: relative; float: left; margin: 0 10px 10px 0;}
#doc ul {list-style-type: square;}
#docs h1 {font:400 30px Arial; color: #666; margin: 10px 0;}
#doc h2 {font-size: 24px; font-weight:normal; color: #314f53; margin: 0 0 10px 0;}
#doc h3 {font-size: 18px; color: #314f53;}
#doc table.b {border-collapse: collapse;}
#doc table.b td,#doc table.b th {border: 1px #ccc solid; padding: 3px 5px;}
#doc table.price {border-collapse: collapse;}
#doc table.price td {border: 1px #ccc solid; padding: 3px 5px;}
#doc li {margin-bottom: 5px;}
#selfmenu,#selfmenu a {font-size: 12px; color:#888;}
#selfmenu {margin: 10px 0;}

#doc ul.list {margin:0; padding:0; list-style:none;}
#doc ul.list li {margin: 10px 6px; padding: 0 0 0 25px; background: url(img_d/list.png) no-repeat;}

#doc div.gal {float: left; margin: 0 15px 15px 0; background: #666; width: 200px; height: 160px; border: 1px solid #cccccc; text-align: center; border-radius: 4px; box-shadow: 0 8px 12px -4px #aaa;}
#doc div.gal a.cat,#doc div.gal a.gallery {display: block; width: 200px; height: 110px; text-align: center; overflow: hidden; border-radius: 4px 4px 0 0;}
#doc div.gal img {margin-top: 20px;}
#doc div.gal .title {height: 50px; margin: 0; text-align: center; background: #1b6064; border-radius: 0 0 6px 6px;}
#doc div.gal .title a {color: #ccc; font-weight:bold; text-decoration:none; display:block; padding: 8px 10px;}

#doc div.fotogal {float: left; margin: 0 8px 8px 0px; width: 166px; text-align: center; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 8px 12px -4px #bbb;}
#doc div.fotogal div.fotocell {display: table-cell; vertical-align: middle; width: 166px; height: 166px; text-align: center;}
#doc div.fotogal div.t {text-align:center; margin: 5px; height: 40px;}
#doc div.fotogal a.gallery {text-decoration:none; font-weight:bold;}

#doc div.newsimg {width: 80px; height: 80px; margin: 0 15px 15px 0; overflow: hidden; text-align: center; border: 1px solid #e5e5e5; float: left;}
#doc div.newstitle span {background: #f0f0f0;}
#doc div.imgnews {width: auto; margin: 0 15px 15px 0; float: left;}

#doc div.list1 {clear: both; height: 84px; background: #f0f0f0; position: relative;}
#doc a.listdoc {display: block; padding: 9px 5px 9px 38px; margin-bottom: 6px; font-weight:bold;}
#doc a.xls {background: url(img_d/icoxls.png) no-repeat;}
#doc a.doc {background: url(img_d/icodoc.png) no-repeat;}
#doc a.pdf {background: url(img_d/icopdf.png) no-repeat;}
#doc a.und {background: url(img_d/icoall.png) no-repeat;}

#bottom {height: 160px; position: relative; margin: 0; background: #ddd; text-align: center; z-index: 0; border-top: 6px solid #bbb;}
#bottom div.bot {width:960px; margin: auto; padding: 25px 0 0 0; height: 100px; position: relative; text-align:left; background: url(img_d/blogo.png) no-repeat 100% 90%;}
#bottom div.bot p {margin: 10px;}
#bottom ul.main {margin: 0; padding: 0; list-style: none;}
#bottom ul.main li {margin: 0; padding: 0; display: inline-block; position: relative; text-align:center; border-left: 1px solid #666;}
#bottom ul.main li.gl {border-left:none;}
#bottom ul.main ul {margin: 0; padding: 0; width: auto; list-style: none; position: relative;}
#bottom ul.main ul li {display: block; float: none; margin:3px 0;}
#bottom ul.main a {font: bold 13px Arial; color:#666; margin: 0 10px;}
#bottom ul.main ul a {font-size: 12px; color:#666;}
#bottom ul.main a:hover {color:#666;}

#bottom div,#bottom a {color:#666; margin-right: 5px; text-decoration:none;}

@media screen and (max-width: 1000px) {
#tel,#fotofon,#fotode,#menu {display:none;}
#topfon {z-index:110; height: auto;}
#top{width: auto;}
#logo {top: 8px;}
#imenu {display:block;}
#docs {width: auto; clear: both;}
#doc {width: auto; margin: 15px 10px 40px 10px;}
#icons {width:auto; height:auto; margin:auto; text-align:center;}
#icons ul {width:auto; display:block; margin:auto; padding:0;}
#icons ul li {width:auto;}
#icons ul li a p {display:none;}
#mmenu {position: relative; margin: auto; z-index:100;}
#mmenu ul {margin: 0; padding: 0; list-style: none;}
#mmenu ul ul {margin-left:10px; display:none;}
#mmenu ul li {background: #e5e5e5; border-bottom: 1px solid #fff;}
#mmenu ul ul li {background: none;}
#mmenu ul a {text-decoration:none; color:#333; font-size: 14px; display:block; padding: 9px 10px; margin-right: 10px;}
#mmenu ul a {background: url(img_d/mcurs.png) no-repeat 100% 10px;}
#mmenu a.m2 {background: url(img_d/mcurs1.png) no-repeat 100% 10px;}
#mmenu a.self {color: #000}
#menu ul ul a {font-weight:normal;}

#zakaz {display: block; float:none; margin: 5px 10px; padding: 4px 10px; text-align:centr; text-decoration:none; font: 400 12px Arial; color:#fff; line-height: 24px; border-radius: 5px;}

#docs {width: auto;}
#doc h1 {font-size: 22px;}
#bottom div.bot {width: auto;}
#bottom ul.main {display:none;}
}

@media screen and (max-width: 680px) {
#mtel {display:block;}
#logo {padding: 0 10px 0 0;}
#logo img {width:250px;}
#top {height: 52px;}
#icons ul {padding:0;}
#icons ul li a img {width: 36px; height:36px;}
#imenu {margin: 10px 2px 0 0;}
#imenu,#imenu img {width:32px;}
#bottom div.bot {background: none;}
}