html, 
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body { 
	background:#fff;
	color:#000;
	font-family: tahoma, Verdana, Arial, sans-serif;
	border: 0;
}

.wrapper {
	overflow:hidden;
	height: auto !important;
	margin: 0 auto;
	max-width: 1200px;
}





a:link,
a:active { 
	color: #0D79AE;
}
a:visited { color: #895b89;}
a:hover { color: #e50000;} 


h1,
h2,
h3,
h4 {
	text-align:left;
	text-indent:0px;
	line-height:normal;
	color: #127BB0;
	padding-top: 4px;
}

h1 {
	font-family:tahoma;
	font-size: 150%;
	color: #0D79AE;	 
	padding:0 0 5px 0;
	margin: 16px 0px 15px 0px;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 110%;
}









.full_width_row {
	margin: 0;
	padding: 0;
}

.header,
.logo,
.header_center,
.header_right {
	height: 311px;
	background: #0064A6;
	overflow:hidden;
}

.header_center {
	background: #0064A6 url(images/header2.jpg) center top no-repeat;
}

.logo {
	background: #0064A6 url(images/header1.jpg) right top no-repeat;
	padding: 26px 0 0 0;
}

.header_right {
	background: url(images/header3.jpg) left top no-repeat;
	padding: 32px 0 0 0;
	text-align: center;
	font-size: 90% !important;
}

.map_container img,
.map_container p {
	display: inline-block;
	margin: 6px 6%;
}

.navbar .yandex_container,
.navbar .yandexform {     
	display: inline;
	margin-top:8px !important;
}

.yandex_container {
	min-height: 30px !important;
}

.contacts_container {
	margin: auto;
}

.contacts {     
	color: #fff;
	line-height: 160%;
	margin: 16% auto 8px auto;
}

.contacts a {
     color: #CCDCF9;
}







.breadcrumbs {   
     background: url(images/adres.jpg) no-repeat top left;
	 padding: 4px 34px;
	 margin: 10px 0px;
	 color: #005288;
	 font-size: 90%;
}
.breadcrumbs a {
     color: #005288;
}
.breadcrumbs div {
	display:inline;
}






.leftmenu {
	background: url(images/menu1.jpg) repeat-y top left #01538b;
	font-size: 90%;
	color: #005288;	
	margin: -140px 0 0 0;
	padding: 0;
	text-align:left;
	text-indent:0;
	overflow:hidden;
}

ul.menu {     
	padding: 0 0 8px 0;
	font-weight: bold;
	margin-left:30px;
}

ul.menu>li { 
	clear:both; 
	list-style:none; 
	background:url(images/li_img.gif) 0 3px no-repeat;
	margin: 5px 5px 7px 5px;
	padding-left: 16px; 
}

ul.menu>li>a { 
	outline:none;
	text-decoration: underline;
	color: #fff; 
}

ul.menu>li>ul,
ul.menu>li>ul>li>ul {
	background-color: #FFF;
	margin:0 12px 0 0;
	padding: 4px 4px 4px 32px; 
}

ul.menu>li>ul {
	margin-top: 8px;
}

ul.menu>li>ul>li,
ul.menu>li>ul>li>ul>li {
	background-color: #FFF;
	padding: 0;
	padding-right:8px;
}

ul.menu>li>ul>li {
	margin: 16px 0;
	list-style:none; 
}

ul.menu>li>ul>a { 
	color: #0B6B9A;
}

ul.menu>li>ul>li>ul>li {
	list-style: outside square;
}



.content {   
	margin: 0;
}

@media (min-width: 768px) {
	/* Для широких экранов */
	.content {   
		padding: 10px 0px 10px 20px;
		text-align: justify;
	}
}


@media (max-width: 1200px) {
.content {   
	padding-right: 20px;
}
}

.content p {
	padding: 2px 0;
	text-indent: 3em;
}


.content ol,
.content ul {
	margin-left:0;
	padding-left:0;
	text-indent:0;
}

.content ol li,
.content ul li {
	text-indent:3em;
	list-style-position: inside;
}


ul.sitemap li {
	text-indent:0;
	padding-left:3em;
	list-style-position: inside;
}



.content table {
	background-color:#FEFEFE;
	width: 100%;
	margin: 8px auto 16px auto;
/*	max-width: 768px;*/
}

.content table,
.content td   {
  	border-collapse: collapse;
	border: 2px solid #CCD;
}

.content td {
	padding: 4px 10px;
}

.content td li {
	text-indent: 0.2em;
}


.content table caption {
	font-size: 110%;
	font-weight: bold; 
}

.content table img {
	max-width: 200px;
}





table.table-devices td.width8 {
	width: 12%;
}

table.table-devices td {
	text-indent: 0;
	margin: 0;
	padding:4px 10px;
	text-align: center;
	vertical-align: middle;
}

table.table-devices td img {
	text-indent: 0;
	text-align: center;
	margin:0;
	padding:0;
	float:none !important;
}

td.devices-left {
	text-indent: 0;
	text-align:left !important;
	padding: 0;
}

a.spoiler_links {
	cursor:pointer;
}

/* разворот элемента для разных бразуеров */
td.rotate_left {
	white-space: nowrap;
	height:200px;
	width:24px;
}

td.rotate_left > div {
	-webkit-transform: translate(108px, 98px) rotate(-90deg);
	-moz-transform: translate(108px, 98px) rotate(-90deg);
   	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-ms-transform: translate(108px, 98px) rotate(-90deg);
	-o-transform: translate(108px, 98px) rotate(-90deg);
	transform: translate(108px, 98px) rotate(-90deg);
	height:240px;
	width:24px;
}

td.rotate_left > div > span {
}




.content a:link {
  color: #0C75A9 !important;
  text-decoration:underline !important;
}
.content a:hover,
.content a:focus {
  color: #FF0000 !important;
  outline:none !important;
}
.content a:visited {
  color: #990099 !important;
  text-decoration:underline !important;
}

.content img {
	padding: 0 20px 10px 0;
	float: left !important;
	max-width: 300px;
}

/* на телефонах картинки вылазили за экран вправо */
@media (max-width: 767px) {
	.content img {
		max-width: 100%;
		height: auto;
		float: none !important;
	}
}

img.vertical_img {
	max-width: 200px;
	max-height: 300px;
	margin-right: 50px;
	margin-left: 50px;
}


img.maxwidth100 {
	width: 100% !important;
	max-width: 100% !important;
	padding-right: 0;
}




.download-file,
.download-doc,
.download-folder {
	border: 1px solid #CCD;
	text-align: left;
	text-indent: 0px;
	min-height: 40px;
	margin-bottom: 6px;

}

.download-file {
	background: url(images/download.png) no-repeat left #FDFDFD;
	padding: 6px 4px 4px 56px;
}

.download-folder {
	background: url(images/folder.png) no-repeat left top #FEFEFE;
	padding: 0 6px 0px 64px;
	margin-bottom: 12px;
}

.download-doc {
	background: url(images/doc.png) no-repeat left top #FEFEFE;
	padding: 0 6px 0px 64px;
	margin-bottom: 12px;
}




h1.home-page, 
h2.home-page {
	text-align:left;
	text-indent:0px;
	line-height: normal;
	font-family: Myriad Pro;
	padding:0 0 5px 0;
	margin: 26px 0px 15px 0px;
	text-decoration: none !important;
	color: #127BB0;
	background: url(images/hometitle.jpg) no-repeat 0 0px;
}

h1.home-page {
	font-size: 180%;
}
h2.home-page {
	font-size: 150%;
}

h2.home-page a {
	text-decoration: none !important;
}

p.read {
	float: none !important;
	clear: both !important;
	margin-bottom: 60px;
}

/*
p.read a { 
	background: url(images/novosti_img.jpg) no-repeat 0 4px;
	padding-left: 70px;
}
*/

.news img {
	float: none !important;
	clear: both !important;
	margin: 0 auto 10px auto !important;
	display: block !important; 
}

.news-article { 
	background: url(images/calendar.png) no-repeat left top;
}

.blog {
	margin-bottom: 40px;
}





.footer {
	background: #0064A6 url(images/footer2.jpg) left top;
	min-height: 98px;
	margin-top: 24px;
	color: #DEE1E2;     
	font-size: 80%;
}
.footer a {
    color: #DEE1E2;     
}

.copyright {   
	 padding: 26px 0px 0px 10%;
	 margin: 0;
}
.design {
	 padding: 34px 0px 0px 10%;
	 margin: 0;
}


.footer_contacts {   
	 padding: 0px 0px 0px 5%;
}


p.phone {
     font-size: 150%;
	 color: #A1CFEE;
}
p.phone span {
     font-size: 220%;	
}



.spoiler_body {
	display:none;
}


.text-red {
  color: #a94442;
  font-weight: bold;
}


.eol { 
	display: block;
	background: url(images/eol.png) no-repeat right center;
	background-size: 164px 20px;
	padding-right: 180px;
	clear: both; 
}