html, body {margin: 0; /* убираем поля по краям страницы */padding: 0;}
body {background: #ffffff url(img_d/bg.png) repeat-x 0 20px; font: 400 14px Arial; text-align: center; color: #444444;}
A:link {color: #095f96;}
A:visited {color: #095f96;}
A:active {color: #095f96;}
A:hover {color: #eb3d00;}
a img {border: none;}
div {text-align: left;}
ul {list-style-type: square;}
input.t {font-size: 12px; border: 1px solid #999999;}
.right {float: right;}
.left {float: left;}
div.both {clear: both;}
.center {text-align: center;}
a.tel {text-decoration:none;}

#topmenu {height: 32px; position: relative; background: #f0f0f0; text-align: center; border-bottom: 4px solid #e5e5e5;}
#topmenu1 {width: 960px; height: 32px; position: relative; margin: auto;}
#icomenu {right: 80px; top: 2px; width: 360px; height: 30px; position: absolute; text-align:right; border-right: 1px solid #cccccc;}
#icomenu a {font-size: 11px; text-decoration: none; color: #666666; line-height: 30px; margin-right: 20px;}
#langmenu {right: 0px; top: 0; width: 60px; height: 32px; position: absolute; line-height: 32px; font-size: 15px; font-weight:bold;}
#langmenu a.self {color: #999999;}

#mtel {bottom: 0px; right: 10px; position: fixed; display:none; z-index:1000;}
#mtel img {margin:0; opacity: 0.8;}
#topfon {height: 100px; position: relative;}
#top {width: 960px; height: 180px; position: relative; margin: auto; background: url(img_d/topbg.png) no-repeat 60px 100%;}
#logo {left: 10px; top: 15px; width: 150px; height: 140px; position: absolute;}
#low {left: 230px; top: 22px; width: 500px; height: 40px; position: absolute; font: bold 28px Courier; color: #1a306c;}
#low b {color: #999999;}
#tel {right: 10px; top: 15px; width: 360px; height: 34px; position: absolute; color: #666666; font: 400 13px Arial; line-height: 34px; text-align: right;}
#tel img {margin-bottom: 2px;}
#tel p {margin:0;}
#tel b,#tel strong {font: bold 17px Arial;}
#search {right: 10px; top: 60px; width: 213px; height: 25px; position: absolute; background: url(img_d/searchfon.png) no-repeat;}
#search form {margin:2px 0 0 2px; padding:0;}
#search input.t {margin:0; border:none; background:transparent; width: 184px; font-size: 13px;}

#imenu {width: 42px; position: relative; float:right; display:none; margin: 8px;}
#menu {width: 960px; height: 53px; position: relative; margin: auto; background: url(img_d/menubg.png) no-repeat; z-index: 20;}

#menu ul {width:960px; margin: 0; padding: 0; list-style: none; height: 53px;}
#menu ul li {margin: 0; padding: 0 24px; display: inline; float:left; position: relative; text-align: center;}
#menu ul ul {margin: 0; padding: 0; width: 220px; list-style: none; display: none; position: absolute; top: 53px; left: 10px; background: #cccccc;}
#menu ul ul ul {left: 220px; top:0; display: none;}
#menu ul ul:after {clear: both; display: block; font-size: 1px; content: "."; height: 0; visibility: hidden;}
#menu ul ul li {width: 220px; padding: 0; display: block; background: #e5e5e5;}
/* Main Menu */
#menu ul a {margin: 0; padding: 0; display: block; color: #1a306c; font: 400 18px Georgia; text-decoration: none; line-height: 53px; height: auto !important; height: 1%;}
#menu ul ul a {font: 400 12px Arial; margin: 0; padding: 8px 6px; display: block; text-align: left; line-height: 12px;}
/* Main Menu Hover */
#menu ul a:hover,#menu ul li:hover a,#menu ul a.self {text-decoration: underline; color:#bf0000;}
/* Second Menu */
#menu ul li:hover li a {background: none; float: none; color: #333333; padding-left: 16px; text-decoration: none;}
#menu ul li:hover li a.self {color:#bf0000;}
/* Second Menu Hover */
#menu ul li:hover li a:hover, #menu ul li:hover li:hover a {background: #cccccc;}
#menu ul li:hover > ul {display:inherit;}

#mmenu0 {display:none; z-index:1000;}
#mmenu0 a.close {position: relative; display:block; text-align:right;}

#slade {width: 950px; position: relative; margin: auto; margin-top:10px; z-index:1;}
#sliderfon {width: 942px; height: 272px; position: relative; margin: 0; background: #ffffff; border: 4px solid #e5e5e5;}
#slider {position: relative; height:auto;}
#slider div {width:100%; margin:0; height:auto; position: relative; text-align:center;}
#slider div img {width: 942px; height: auto; z-index:1;}
#slider div p {font-size: 15px; letter-spacing:0px;}
#slider div p a {text-decoration:none; font-weight:bold; color: #ffffff;}

#docs {width: 960px; position: relative; margin: auto; margin-top: 10px; padding-bottom: 130px; z-index: 5;}

#left {width: 200px; position: relative; margin: 0 0 20px 0; float: left; border: 0px solid #e5e5e5; border-radius: 8px; behavior: url(PIE.php);}
#lmenu {margin: 0 10px 0 10px;}
#left h2 {margin: 0 0 8px 0; font: 400 20px Georgia; color: #1a306c;}
#lmenu ul {margin:0; padding:0; list-style:none;}
#lmenu a {text-decoration:none; display:block; font: 400 14px Arial; color:#666666; margin: 0; padding: 3px 0 3px 12px; background: url(img_d/curs.png) no-repeat 0px 7px;}
#lmenu a.self,#lmenu a:hover {color:#1a306c; background: #f0f0f0 url(img_d/curs1.png) no-repeat 0px 7px;}
.lbox {margin: 0 10px 0 10px;}

#doc {margin: 0 0 30px 10px; padding: 0 15px; width: 700px; position: relative; float: left; border: 0px solid #e5e5e5; border-radius: 8px; behavior: url(PIE.php);}
#doc h1 {font: 400 24px Georgia; margin-top: 0; color: #1a306c;}
#doc h2 {border-bottom: 1px #cccccc dotted; font-size: 18px;}
#doc h3 {font-size: 15px;}
#doc td img {border: 1px #999999 solid;}
#doc table.b {border-top: 3px #bbbbbb solid; border-right: 1px #bbbbbb solid;}
#doc table.b td {padding: 3px 8px; border-left: 1px #bbbbbb solid; border-bottom: 1px #bbbbbb solid;}
#doc table.b tr.t td {background: #e5e5e5; font-weight: bold;}
#doc table.b td.l {font-weight: bold;}
#doc li {margin-bottom: 5px; list-style-image: url(img_d/list.png);}
#doc em.s {background: #fffc00;}
#doc div.mfoto {float:left; margin-right: 10px; border: 4px solid #e5e5e5;}

#doc div.gal {float: left; margin: 0 8px 8px 0; width: 160px; height: 160px; background: #f0f0f0; border: 1px solid #dddddd; text-align: center; border-radius: 6px; behavior: url(PIE.php);}
#doc div.gal a.gallery {display: table-cell; vertical-align: middle; width: 160px; height: 160px; text-align: center;}
#doc div.gal a.gallery:hover {background: #e5e5e5;}

#doc div.gal1 {float: left; margin: 8px; width: 200px; height: 190px; background: #f0f0f0; border: 1px solid #dddddd; text-align: center; border-radius: 6px; behavior: url(PIE.php);}
#doc div.gal1 a.gal {display: table-cell; vertical-align: middle; width: 200px; height: 150px; text-align: center;}
#doc div.gal1 div.ftitle {width: 200px; height: 30px; text-align: center;}
#doc div.gal1 div.ftitle a {font: 400 12px Verdana; text-decoration: none;}

#right {width: 200px; position: relative; margin: 0 0 20px 10px; float: left; border: 0px solid #e5e5e5; border-radius: 8px; behavior: url(PIE.php);}
#right h2 {font: 400 20px Georgia; color:#1a306c; margin:0 0 10px 0;}
#shwadv {width: 200px; height: 160px; position: relative; overflow:hidden; border-bottom: 6px solid #cccccc; background: #f0f0f0;}
#shwadv ul {width: 2000px; margin:0; padding:0; list-style:none;}
#shwadv ul li {width: 200px; margin: 0; padding: 0; display: inline; float: left;}
#shwadv ul a {text-decoration: none;}
#shwadv ul li div.img {width: 80px; height: 80px; overflow: hidden; border: 1px soldi; float:left; margin-right:8px;}
#shwadv p {margin: 6px;}
#catleft {left: 152px; bottom: 0px; width: 24px; height: 24px; position: absolute; background: #cccccc;}
#catright {right: 0px; bottom: 0px; width: 24px; height: 24px; position: absolute; background: #cccccc;}

#bottom {height: 150px; font: 400 12px Tahoma; position: relative; text-align: center;  background: #f0f0f0; border-top: 6px solid #cccccc;}
#bottom div.foot {width: 970px; position: relative; padding: 10px; margin: auto;}
#bottom div.foot img.flogos {margin-bottom: 25px;}
#bottom div.foot {color: #666666;}
#bottom a {color: #666666; margin: 0 10px;}
#bottom a.bs {text-decoration: none; color: #666666; font: 400 11px Tahoma;}
#bottom div.center {text-align: center;}
.fne{
width:auto;
}
.fne td:first-child{
	width:170px;
	color:#333;
	font-size:12px;
}
.fne td input[type=text], .fne td textarea{
	width:99%;
}

@media screen and (max-width: 980px) {
#menu,#tel,#search,#left,#slade,#bottom div.center {display:none;}
#top,#topmenu1,#bottom div.foot,#low {width:auto;}
#mtel,#mlogo {display:block;}
#imenu {display:block; z-index:100;}
#top {height: 95px; border-bottom: 1px solid #ccc;}
#sl {position: relative; height:10px;}

#mmenu0 {top: 35px; right: 0px; position: absolute; width: 90%; height:auto; background: #eee;}
#mmenu0 a.close img {margin: 10px 10px 0 0;}
#mmenu {position: relative; margin: 10px; background:#fff;}
#mmenu ul {margin: 0; padding: 0; list-style: none;}
#mmenu ul ul {margin-left:10px; display:block;}
#mmenu ul li {background: #eee; border-bottom: 1px solid #ccc;}
#mmenu ul ul li {background: none;}
#mmenu ul a {text-decoration:none; color:#333; font-size: 15px; 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:#095f96;}
#menu ul ul a {font-weight:normal;}

#docs {width:auto; margin: 0 auto 40px auto;}
div.post {width: auto;}
#doc {width: auto;}
#doc h1 {font-size:18px;}

#doc div.gal,#doc div.gal a.gallery,#doc div.gal img {width: 210px; height: 160px;}

#bot {width: auto;}
#bot div.right {width: 35%;}
}

@media screen and (max-width: 680px) {
#logo {top: 12px;}
#logo img {width: 140px;}
#low {left:15px; top: 64px;}
}
@media screen and (max-width: 480px) {
#slider div p {font-size: 16px;}
#slider div p strong {font-size: 24px}
#doc div.fotogal {margin: 0 3px 3px 0; width: 160px; height: 160px;}
#doc div.fotogal a.gallery {width: 160px; height: 160px;}
}
@media screen and (max-width: 380px) {
#doc {padding: 20px 10px;}
#doc table {display:block; overflow-x: auto;}
#doc table td,#doc table td p {margin:0; padding:0;}
}