* {
	padding: 0; margin: 0;
}

body {
	width: 95%; max-width: 1366px; min-width: 500px; margin: 0 auto; overflow-y: scroll;
}


.backlink {
	color: blue; text-decoration: underline; float: right;
}
.backlink:hover {
	color: red; text-decoration: none; cursor: pointer;
}


.mainmenu *{
	font-weight: bold; color: #bbf; text-align: center; vertical-align: middle; font-family: Helvetica;
}
.mainmenu a:hover{
	text-decoration: none; background-color: #66f;
}

.mainmenu .topmenu ul{
	background-color: black; display: table-row; display: block;
}
.mainmenu .topmenu ul li{
	display: table-cell;
}
.mainmenu .topmenu ul li a{
	height: 32px; width: 200px; display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; color: white;
}

.mainmenu .basemenu {
	width: 100%; display: block; position: relative;
}
.mainmenu .basemenu .logo{
	width: 250px; height: 64px; overflow: hidden; position: absolute; left: 0; top: 0; background-color: #00f;
}
.mainmenu .basemenu .logo a{
	display: table-cell; vertical-align: middle; text-align: center; width: 250px; height: 64px;
}
.mainmenu .basemenu .logo img{
	max-width: 230px;
}
.mainmenu .basemenu .cont{
	width: 250px; height: 64px; position: absolute; right: 0; top: 0; background-color: blue; display: block;
}
.mainmenu .basemenu .cont [phones="true"] {
	display: inline-block; width: 170px; height: 64px; background-color: black;
}
.mainmenu .basemenu .cont [phones="true"] .cell{
	display: table-cell; vertical-align: middle; text-align: center; height: 64px; width: 170px;
}
.mainmenu .basemenu .cont [phones="true"] .cell p{
	text-decoration: underline; font-weight: normal;
}

.mainmenu .basemenu .cont [about="true"] {
	display: inline-block;  width: 80px; height: 64px;
}
.mainmenu .basemenu .cont [about="true"] .cell{
	display: table-cell; vertical-align: middle; text-align: center;height: 64px; width:  80px;
}
.mainmenu .basemenu .cont [about="true"] a{
	height: 64px; width:  80px; display: table-cell; vertical-align: middle; 
}

.mainmenu .basemenu .pannel{
	background-color: blue; margin-left: 250px;  margin-right: 250px; display: table=row; display: block;
}
.mainmenu .basemenu .pannel [class^="seq_c"]{
	display: table-cell; height: 64px;  width: auto; border-right: 1px solid black;
}
.mainmenu .basemenu .pannel a{
	display: table-cell; height: 64px; width: 1000px;
}
.mainmenu .basemenu .pannel p{
	display: table-cell;height: 64px; width: 1000px;
}
.mainmenu .topmenu [name="curtab"] *{
	background-color: white; color: black;
}
.mainmenu .basemenu [name="curtab"] *{
	background-color: white; color: black;
}
.mainmenu .basemenu .about_menu {
	display: none; width: 250px; top:64px; right:0; background-color: transparent;
}
.mainmenu .basemenu .about_menu a{
	color: white; background-color: black; width: 250px !important; border-radius: 10px; opacity: 0.6; padding: 20px 0; height: auto !important;
}
.mainmenu .basemenu .about_menu div{
	display: block; margin: 5px 0; background-color: transparent;
}
.mainmenu .basemenu [about='true']:hover .about_menu{
	display: block; z-index:1000;
}
.mainmenu .basemenu .about_menu a:hover{
	opacity: 0.9;
}



.page {
	min-height: 300px; overflow: hidden;
}
.content {
	padding: 20px; text-align: justify; overflow: hidden;
}
.content .banner {
	background-color: #ccc; display: block;
}
.content .banner .block{
	display: table-cell; text-align: center; vertical-align: middle; width: 1000px; height: 64px;
} 

.footer {
	position: relative;  background-color: black;
}
.footer .pannel{
	display: block; min-height: 64px; margin-right: 250px; text-align: center;
}
.footer .pannel a {
	font-family: Helvetica; text-decoration: underline; font-weight: bold; font-size: 24px; color: #bbf;
}
.footer .pannel a .seq_cell{
	display: inline-block; margin: 0 auto;
}
.footer .pannel a .seq_cell .cell{
	display: table-cell; vertical-align: middle; height: 64px; width: auto; padding: 0 10px;
}
.footer .pannel a .seq_cell .cell img{
	height: 32px;
}
.footer .cont{
	width: 250px; height: 64px; overflow: hidden; position: absolute; right: 0; top: 0; display: block;
}
.footer .cont [name="phones"]{
	display: inline-block; width: 170px; min-height: 64px;
}
.footer .cont [name="phones"]  p{
	 font-family: Helvetica; text-decoration: underline; font-weight: normal; color: #bbf;
}
.footer .cont [name="phones"] .cell{
	display: table-cell; vertical-align: middle; text-align: center; min-height: 64px; width:  170px;
}
.footer .cont [name="phones"] .cell p{

}

.submenu {
	display: table-row; display: block;
}
.submenu .smitem {
	display: table-cell; color: #aaf; font-weight: bold;background-color: black; color: white; text-decoration: none;
}
.submenu .smfill{
	display: table-cell;  width: 1000px; height:32px; text-align: center; vertical-align: middle; 
}
.submenu .smfill a{
	background-color: white; 
}
.submenu .smfill:hover {

}
.submenu .smitem:hover {
	text-decoration: none;	background-color: #aaf; 
}
.submenu [name="cursm"] *{
	font-weight: bold; font-size: 20px; color: black; background-color: white; 
}

.submenu2 {
	display: table-row; display: block;
}
.submenu2 .smitem2 {
	display: block; width: 150px; float: right; color: #aaf; font-weight: bold;background-color: black; color: white; text-decoration: none; border-radius: 5px;
}
.submenu2 .smfill2{
	display: table-cell;  width: 1000px; height:32px; text-align: center; vertical-align: middle; 
}
.submenu2 .smfill2 a{
	background-color: white; 
}
.submenu2 .smfill2:hover {

}
.submenu2 .smitem2:hover {
	text-decoration: none;	  background-color: #aaf; 
}
.submenu2 [name="cursm"] *{
	font-weight: bold; font-size: 20px; color: black; background-color: white;  border-radius: 5px;  border: 1px solid #ccc;
}


/*
		Универсальный блок с n картинками фиксированной высоты заданной в тэге <div> д.б. не более высоты наименьшего изображения ***************************************
*/
.pic_fixH {
	display: table-cell; text-align: center; width: 100%; display: block;
}
.pic_fixH div{
	padding: 5px; display: inline-block; max-width: 100%; height: 350px;
}
.pic_fixH img{
	max-width: 100%; max-height: 100%;
}

/* CANONICAL_NOTE*/
.canonical_note {
	margin-top: 20px; margin-bottom: 20px;
}
.canonical_note p{
	 text-indent: 0; font-style: italic; font-weight: bold;
}
.canonical_note .cn_title {
	display: block; padding: 5px 10px 0 10px;
}

.canonical_note .cn_content {
	overflow: hidden;
}
.canonical_note .cn_content .cnc_pic{
	float: right; padding: 5px 10px 0 10px;
}
.canonical_note .cn_content .cnc_pic img{
	width: 350px;
}
.canonical_note .cn_content .cnc_text{
	text-align: left; padding: 50px 10px 0 10px; text-indent: 0; font-style: italic; font-weight: bold;
}

.canonical_note .cn_footer {
	display: block; padding: 0 10px 5px 10px;
}
.content a {
	font-weight: bold; font-style: italic; color: #00f;
}


/*
панелька листания страниц
*/
.content .lists_seq {
	display: block; text-align: center; overflow: hidden;
}
.content .lists_seq  .lists_seq_item * {
	display: table-cell; width: 1000px; height: 32px; vertical-align: middle; font-weight: bold; font-style: italic; color: blue;
}
.content .lists_seq  .lists_seq_item a:hover {
	background-color: #bbb;
}
.content .lists_seq .lists_seq_item {
	display: inline-block; background-color: #ddd; width: 32px; padding: 0;margin: 5px;
}
.content .lists_seq [name="current"] *{
	background-color: #bbb; font-style: normal; color: black;
}





/*
		текст в две колонки
		style='display: block; width: 70%; background-color: #eee; margin: 0 auto; padding: 20px; border: 2px solid #f04; text-align: justify;'
*/
.content .coloumns {

}

.content .coloumns .left{
	display: block; float: left; width: 30%; overflow: hidden; padding-right:20px; box-sizing: border-box;
}
.content .coloumns .left .col{
	display: block; width: 100%; overflow: hidden; background-color: black;
}
.content .coloumns .left .col .img_block{
	display: block; height: 200px; margin: 10px;
}
.content .coloumns .left .col .img_block_banner{
	display: block; margin: 10px;
}
.content .coloumns .left .col .img_block a{
	display: block; width: 100%; height: 100%;
}
.content .coloumns .left .col .img_block .image{
	display: block; height: 100%;
}
.content .coloumns .left .col [class ^="img_block"]:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.content .coloumns .left .col h3{
	display: block; color: #c00; text-align: center; font-style: Italic;
}
.content .coloumns  .right{
	display: block; float: left; width: 70%; overflow: hidden;
}

.content .coloumns  .right .image {
	display: block; text-align: center; padding-top: 5px;
}
.content .coloumns  .right .image img{
	width: 70%; max-width: 600px;
}
.content .coloumns  .right .galleryFull {
	display: block; text-align: center; padding-top: 5px;
}
.content .galleryFull img{
	width: 90%; max-width: 1000px;
}

.content .coloumns  .right .special_offer{
	 margin: 60px;
}
.content .coloumns  .right .special_offer a{
	display: table-cell; width: 1500px; height: 100px; background-color: #315fe1; vertical-align: middle; text-align: center; color: magenta; font-size: 36px; font-weight: bold;
}