* {
	margin: 0px; padding: 0px;
}
*:focus {
	
}

html {
	height: 100%;
}
body {
	height: 100%;
}
body {
	background: rgb(255, 255, 255); font: 12px/normal Arial, Helvetica, sans-serif; color: rgb(102, 102, 102); 
}
body.noscroll {
	overflow: hidden;
}
a {
	color: rgb(102, 102, 102); text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style: none;
}
img {
/*	border: currentColor; border-image: none; */
}
h1 {
	padding: 0px 0px 12px; color: rgb(0, 0, 0); text-transform: uppercase; font-family: "Areal"; font-size: 16px; font-weight: normal;
}
h2 {
	padding: 12px 0px; color: rgb(0, 0, 0); text-transform: uppercase; font-family: "Areal"; font-size: 15px;
}
h3 {
	padding: 12px 0px; color: rgb(0, 0, 0); font-size: 14px;
}


h6 {
	text-align: left; color: rgb(0, 0, 0); padding-right: 15px; font-family: "Arial"; font-size: 18px; font-weight: normal;
}

h9 {
	text-align: left; color: rgb(0, 255, 255); padding-right: 15px; font-family: "Arial"; font-size: 24px; font-weight: normal;
}

h7 {
	text-align: left; color: rgb(0, 0, 0); padding-right: 15px; font-family: "Arial"; font-size: 14px; font-weight: normal;
}


h5 {
	text-align: left; color: rgb(0, 0, 0); padding-right: 15px; font-family: "Arial"; font-size: 14px; font-weight: normal;
}


.informer {
	text-align: center; bottom: 10px; margin-top: 100px; position: absolute;
}

.spravochnik td {
	padding: 5px 20px 5px 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.aboutBlock h1 {
	padding: 15px 0px 8px; color: rgb(0, 0, 0); text-transform: uppercase; font-family: "Areal"; font-size: 16px; font-weight: normal;
}



.clear {
	height: 0px; line-height: 0; clear: both; font-size: 0px;
}



#empty {
	height: 255px;
}
.font12 {
	font-size: 12px !important;
}
#wrapperOut {
	margin: 0px auto; overflow: hidden; position: relative; min-height: 100%; min-width: 987px;
}
#footer {
	margin: -255px auto 0px; height: 255px; position: relative; min-width: 987px;
}

.footer {
	background: url("./footer.png") repeat-x top rgb(238, 238, 238); height: 50px; color: rgb(153, 153, 153); position: relative;
}

.footer > div {
	margin: 0px auto; width: 967px; height: 50px; position: relative;
}
.footer .bottomMenu {
	left: 0px; top: 0px; height: 50px; line-height: 50px; font-size: 10px; font-weight: bold; position: absolute;
}
.footer .bottomMenu a {
	margin: 0px 5px; color: rgb(153, 153, 153); text-decoration: none;
}
.footer .bottomMenu a:hover {
	text-decoration: underline;
}
.footer .copy {
	top: 12px; text-align: right; right: 40px; line-height: 15px; font-size: 9px; position: absolute;
}
.footer .counter {
	top: 10px; right: 0px; position: absolute;
}

.footer .cit {
	top: 12px; text-align: left; left: 300px; line-height: 15px; font-size: 9px; position: absolute;
}


#whitePage {
	background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: rgb(236, 236, 236) rgb(236, 236, 236); margin: 0px auto 20px; padding: 0px 15px 10px; width: 945px; position: relative; 
}
#header {
	height: 213px; position: relative; z-index: 20;
}
#header img.logo {
	left: 0px; top: 0px; position: absolute;
}
#header .phones {
	top: 8px; text-align: right; color: rgb(0, 0, 0); padding-right: 15px; font-family: "Arial"; font-size: 18px; position: absolute;
}
#header .phones1 {
	top: 70px; text-align: right; 
	color: rgb(255, 255, 0); padding-right: 15px; font-family: "Arial"; font-size: 18px; position: absolute;
}

#header .phones2 {
	top: 10px; text-align: right; 
	color: rgb(255, 255, 0); padding-right: 15px; font-family: "Arial"; 
	font-size: 24px; 
	position: absolute;
	font-weight: bold;
}

#header .phones3 {
	top: 45px; text-align: right; 
	color: rgb(255, 255, 0); padding-right: 15px; font-family: "Arial"; font-size: 18px; position: absolute;
}

#header .phones span {
	color: rgb(255, 255, 0); 
	font-family: "Arial"; 
	font-size: 14px; 
	font-weight: normal;
}


#header .navPanel {
	background: url("./nav-panel.png") repeat-x top rgb(200, 200, 200); left: 0px; width: 945px; height: 45px; bottom: 7px; position: absolute;
}
#header .navPanel form.seacher {
	top: 10px; height: 25px; right: 15px; position: absolute;
}
#header .navPanel form.seacher input[type='text'] {
	background: url("./icon-seacher.png") no-repeat 6px 50% rgb(255, 255, 255); padding: 5px 10px 5px 25px; width: 450px; height: 13px;
}
#header .navPanel > ul {
	left: 0px; top: 0px; height: 45px; position: absolute;
}
#header .navPanel > ul > li {
	background: url("./menu-sep.png") no-repeat 0px 50%; height: 45px; float: left; position: relative;
}
#header .navPanel > ul > li:first-child {
	background: none;
}
#header .navPanel > ul > li > a {
	padding: 0px 15px; height: 45px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 45px; font-family: "Arial"; font-size: 12px; text-decoration: none; display: block;
	font-weight: bold;
}
#header .navPanel > ul > li > a:hover {
	background: url("./top-menu-active.png") repeat-x top rgb(248, 248, 248);
}
#header .navPanel > ul > li.hover > a {
	background: url("./top-menu-active.png") repeat-x top rgb(248, 248, 248);
}
#header .navPanel > ul > li:first-child > a {
	position: relative; 
}
#header .navPanel > ul > li .sub {
	background: url("./sub-bg.png") repeat-x top rgb(211, 211, 211); padding: 10px 15px 0px; left: 0px; top: 40px; font-size: 11px; display: none; position: absolute; z-index: 999; min-width: 200px; 
}
#header .navPanel > ul > li .sub a {
	text-decoration: none;
}
#header .navPanel > ul > li .sub a:hover {
	text-decoration: underline;
}
#header .navPanel > ul > li .sub ul {
	padding: 0px 25px 12px 0px; width: 175px;
}
#header .navPanel > ul > li .sub ul li {
	padding: 2px 0px;
}
#header .navPanel > ul > li .sub ul li strong {
	padding: 0px 0px 4px; color: rgb(0, 0, 0); text-transform: uppercase; font-family: "Arial Black"; font-weight: normal; display: block;
}
#header .navPanel > ul > li .sub ul li strong a {
	color: rgb(0, 0, 0);
}
#header .navPanel > ul > li .sub .table {
	display: table; table-layout: fixed;
}
#header .navPanel > ul > li .sub .table .tr {
	display: table-row;
}
#header .navPanel > ul > li .sub .table .tr .td {
	width: 200px; display: table-cell;
}





.sliderTextBlock .title {
	background: rgb(224, 224, 224); padding: 0px 15px; height: 36px; color: rgb(0, 0, 0); line-height: 36px; font-family: "Arial Black"; font-size: 12px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; position: relative; 
}
.sliderTextBlock .title a {
	color: rgb(0, 0, 0); text-decoration: none;
}
.sliderTextBlock .title i.prev {
	background-position: 0px 0px; right: 30px;
}
.sliderTextBlock .title i.next {
	background-position: 100% 0px; right: 15px;
}
.sliderTextBlock .content {
	background: rgb(238, 238, 238); position: relative;
}







.news.sliderTextBlock {
	margin: 0px 0px 8px; 
	width: 945px; float: left;
}
.news.sliderTextBlock .content {
	width: 250px; height: auto; overflow: hidden;
}
.news.sliderTextBlock .content ul {
	height: 313px;
}
.news.sliderTextBlock .content ul li {
	width: 250px; height: 313px; overflow: hidden; float: left;
}
.news.sliderTextBlock .item {
	background: url("./sep.png") repeat-x top; 
	padding: 13px 10px 5px 35px; font-size: 11px; position: relative;
}

.news.sliderTextBlock .item1 {
	padding: 13px 10px 5px 35px; font-size: 11px; position: relative;
}


.news.sliderTextBlock .item strong {
	padding: 0px 0px 4px; display: block;
}
.news.sliderTextBlock .item img {
	left: 10px; top: 14px; position: absolute;
}
.news.sliderTextBlock .item a {
	text-decoration: none;
}
.news.sliderTextBlock .item a:hover {
	text-decoration: underline;
}
.news.sliderTextBlock .content ul li :first-child.item {
	background: none;
}





.aboutBlock {
	margin: 0px 280px 0px; width: 600px; float: left; position: absolute;
}
.aboutBlock p {
	padding: 0px 0px 5px; line-height: 14px; font-size: 12px;
}










.grid {
	padding: 0 30px 0 0;
}


	.grid table {
		margin: 0 0 0 1px;
		width: 675px;
		border: solid 1px #ccc;
	}
		.grid table thead {
			border-top: solid 1px #cccccc;
			border-right: solid 1px #cccccc;
			border-left: solid 1px #cccccc;
		}

			.grid table thead tr {
			}

	.grid table .odd-vertical {
		background-color: #ffffff;
	}
	.grid table .even-vertical {
		background-color: #EEEEEE;
	}

				.grid table thead tr th {
					text-align: left;
					font-family: Verdana, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 11px;
					padding: 5px 5px 5px 5px;
					vertical-align: top;
				}

		.grid table tbody {
			border: solid 1px #cccccc;]
		}

			.grid table tbody tr {
			}
				.grid table tbody tr td {
					border-top: solid 1px #cccccc;
					vertical-align: top;
					font-size: 11px;
					color: #1a1a1a;
					font-family: Verdana, Helvetica, sans-serif;
					padding: 10px 5px 10px 5px
				}




/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.стиль10 {color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.стиль11 {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.стиль12 {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }







.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(82,80,80,0.7);
	z-index: 99999;
	display: none;
}


.modalDialog:target {
	display: block;
	pointer-events: auto;
}


.modalDialog > div {
	width: 700px;
 position: relative;
	margin: 5% auto;
	padding: 40px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 12px;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }