Theme Name: odnacolonka1
Theme URI: 
Description: Artisteer-generated theme
Version: 1.0
Author: 
Author URI: 
Tags: fixed width, one column, valid XHTML, widgets
*/

/* begin Page */
/* Created by Artisteer v3.1.0.48375 */

#art-main, table
{
   font-family: 'David Libre', serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a 
{
   text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-family: 'David Libre', serif;
}


.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   text-decoration: none;
}


.art-postcontent a:link
{
   text-decoration: none;
   float: left;
  
}
/*Цвет ссылки до нажатия   */


.operation {
  background-color: #ef4030;
  text-align: center;
  position: absolute;
  left: -90px;
  transform: rotate(-45deg);
  width: 250px;
  padding: 50px 0 16px;
  line-height: normal;
  font-size: 24px;
  top: -25px;
  font-family: 'Open SansHebrew-Regular';
}
/* Треугольник с помошью css https://habr.com/ru/articles/126207/ */
#triangle-topleft {
width: 0;
  height: 0;
  border-top: 150px solid red;
  border-right: 300px solid transparent;
  position: absolute;
  text-align: center;
 
 
}
/* Поворот текста https://sky.pro/wiki/html/vertikalniy-tekst-v-html-tablitse-kak-povernut-na-90-gradusov/ */
.text-rotate{
transform: rotate(-30deg);
  color: white;
  font-size: 22px;
  font-family: 'Open SansHebrew-Regular';
  margin: -120px 0 0 -30px;
  font-weight: bold;
}
.text-rotate1{
webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-30deg);
  color: white;
  font-size: 20px;
  font-family: 'Open SansHebrew-Regular';
  margin: 10px 0 0 -30px;
  font-weight: bold;
}
.text_opisania {
  font-size: 14px;
  text-align: center;
  font-family: 'David Libre', serif;
  font-weight: bold;
  color: #CC10A0;
  margin-top: 100px;
}
.podrobnee{

 border: 2px solid #ddd;
  width: 180px;
  padding: 5px 5px 5px 40px;
  margin-top: 20px;
  margin-left: 160px;
  float: left;
  text-align: center;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: 'David Libre', serif
    
}

.podrobnee1{

border: 2px solid #ddd;
  width: 180px;
  padding: 5px 5px 5px 40px;
  margin-top: 20px;
  margin-left: 15px;
  float: left;
  color: white;
  font-size: 16px;
  font-weight: bold;
  font-family: 'David Libre', serif;
    
}


.img8{

  float: left;
margin:7px;

} 
.img16{

  float: left;
margin:1px 0 0 1px;

} 


.art-postcontent h1
{
   color: #2F617F;
   margin: 10px 0 0;
   font-size: 26px;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 26px;
}

.art-postcontent h2
{
   color: #3E81A8;
   margin: 10px 0 0;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
}

.art-postcontent h3
{
   color: #41576C;
   margin: 10px 0 0;
   font-size: 18px;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 18px;
}

.art-postcontent h4
{
   color: #3D5266;
   margin: 10px 0 0;
   font-size: 16px;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px;
}

.art-postcontent h5
{
   color: #3D5266;
   margin: 10px 0 0;
   font-size: 14px;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px;
}

.art-postcontent h6
{
   color: #56738F;
   margin: 10px 0 0;
   font-size: 13px;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 13px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

#art-page-background-glare-wrapper {
   position: fixed;
   width:100%;
}

#art-page-background-glare
{
   position: relative;
   top: 0;
   max-width:800px;
   min-width: 800px;
   height:160px;
   margin: 0 auto;
   background-image: url('images/page_gl.png');
   background-repeat: no-repeat;
   background-position: center top;
}
/*Поменял цвет для ссылок с color: #0F1419 на color:white: ; */
body
{
   padding: 0;
   margin:0;
   min-width: 800px;
   color:#0F1419;
   background-color: #B2C2D1;
   background-image: url('images/Bottom_texture.jpg');
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: top left;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
} 
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
   max-width:800px;
   margin-top: 47px;
   margin-bottom: -3px;
   cursor:auto;
   width: 800px;
}
.art-sheet-body 
{
   padding:4px;
   min-width:28px;
   min-height:28px;
   padding-top:4px;
   padding-bottom:4px;
}
.art-sheet:before, .art-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 782px);
}
.art-sheet:before,.art-sheet-body:before{
   right:18px;
}
.art-sheet-body:after{
   width: 18px;
   top:18px;
   bottom:18px;
   background-image:url('images/sheet.png');
}
.art-sheet-body:before{
   top:18px;
   bottom:18px;
   background-image:url('images/sheet.png');
}

/* end Box, Sheet */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 150px;
   margin-top: 0;
   margin-bottom: 0;
}

.art-header:before
{
   position: absolute;
   display:block;
   content:' ';
   z-index:-2;
   top: 0;
   width:100%;
   height: 150px;
   background-image: url('images/header.png');
   background-repeat: no-repeat;
   background-position:top center;
}

.art-header:after
{
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   left:5px;
   right:5px;
   height: 150px;
   background-image: url('images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 50px;
   left: 0;
   margin-left: 12px;
}

.art-logo-name
{
   display: block;
   text-align: left;
   font-size: 28px;
   padding: 0;
   margin: 0;
   color: #E1EDF4 !important;
}
.art-logo-name a, 
.art-logo-name a:link, 
.art-logo-name a:visited, 
.art-logo-name a:hover
{
   font-size: 28px;
   padding: 0;
   margin: 0;
   color: #E1EDF4 !important;
}

.art-logo-text
{
   display: block;
   text-align: left;
   font-size: 14px;
   padding: 0;
   margin: 0;
   color: #D6E6F0 !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-size: 14px;
   padding: 0;
   margin: 0;
   color: #D6E6F0 !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -12px;
   z-index: -1;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -12px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -12px;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.art-hmenu{
   position:relative;
   padding: 8px 4px 0 4px;
   float: left;
}

/* end menu structure */

/* menu bar */

.art-nav
{
   margin:0 auto;
   min-height: 38px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}

.art-nav:before, .art-nav:after{
 
}
.art-nav:before{
   right: 5px;
}
.art-nav:after{
   width: 5px;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}

/* end Menu */



/* begin MenuSeparator */

ul.art-hmenu>li {
   margin-left:4px;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
/* Анимация подменю */

.art-hmenu ul a
{
  position: relative;
  display: inline-block;
 
  padding: 0.25em 1.25em;
  background:rgba(239,33,74,0.75);
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -mos-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  
	color:white;
width:233px;



}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 2px;
}




.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: white;
   background-position: left bottom;
   
   border-top-width: 2px !important;
}

/* end MenuSubItem */

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.art-content-layout-row {
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
   float:left;
}
/* end Layout */

/* begin Box, Block */
.art-block
{
   max-width:792px;
   margin: 10px;
}
.art-block-body 
{
   padding:0;
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {
   margin-bottom: 0;
   min-height: 26px;
   line-height:26px;
}

.art-blockheader .t
{
   min-height: 26px;
   line-height:26px;
   color: #6382A1;
   font-size: 14px;
   margin:0;
   padding: 0 5px 0 5px;
   white-space: nowrap;
}

.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #6382A1;
   font-size: 14px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:792px;
}
.art-blockcontent-body 
{
   padding:5px;
   color: #2E3D4C;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #2E3D4C;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}

.art-blockcontent-body p
{
   margin: 12px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #2F617F;
   text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   color: #7691AD;
   text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #3E81A8;
   text-decoration: none;
}

.art-blockcontent-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #3D5266;
   margin: 5px 0 0 10px;
   padding: 0 0 0 12px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #8C3103 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 31px;
   height: 31px;
   margin: 0 !important;
   padding: 0 16px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 31px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:792px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
}

div.art-block select 
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #7F5305 !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #FFFFFF !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 10px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 10px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
   max-width:792px;
   margin: 0;
}
.art-post-body 
{
   padding:10px;
}

a img
{
   border: 0;
}


.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}


.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th, .art-article td
{
   padding: 2px;
   
   vertical-align: top;
   text-align: left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
   color: #214559;
   margin: 5px 0;
   line-height: 1em;
   font-size: 20px;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 20px;
}

.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #28536C;
}

.art-postheader a:visited, .art-postheader a.visited
{
   color: #5C7A99;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #3E81A8;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   color: #3D5266;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   text-decoration: none;
   color: #2F617F;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-style: italic;
   font-weight: normal;
   color: #2F617F;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #3E81A8;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #2E3D4C;
   margin: 3px 0 0 -15px;
   padding: 0 0 0 13px;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #1E0A01;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
   margin: 5px 0;
}

blockquote
{
   margin: 10px;
   padding: 10px;
   background-color: #D6DEE6;
   margin-left: 50px;
   padding-left: 38px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   color: #3D5266;
}

.art-postfootericons
{
   padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #2F617F;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #2F617F;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
   color: #3E81A8;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */
span.art-postcommentsicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 5px;
   color: #192129;
   font-size: 11px;
}

.art-footer-body ul li
{
   color: #324253;
   padding: 0 0 0 13px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:5px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer:before, .art-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:5px;
   background-image: url('images/footer_b.png');
}

.art-footer:before
{
   left:0;
   right:5px;
   background-position: bottom left;
}

.art-footer:after
{
   right:0;
   width:5px;
   background-position: bottom right;
}

.art-footer-body .art-rss-tag-icon
{
   position: absolute;
   left:   6px;
   bottom:5px;
   z-index:1;
}

.art-rss-tag-icon
{
   display: block;
   background-image: url('images/rssicon.png');
   background-position: center right;
   background-repeat: no-repeat;
   height: 32px;
   width: 32px;
   cursor: default;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}


.art-footer-text
{
   min-height: 33px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}




.art-footer-body a:hover
{
   color: #438CB6;
   text-decoration: underline;
}

div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #2D5E7B;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #304050;
}
/* end PageFooter */

/* begin WordPress, Template.WordPress */
form.art-search {
   display:block;
   position: relative;
   width: 98%;
   padding:0;
   margin:0 auto !important;
   border: none;
}

form.art-search div {
   margin: 0 18px 0 -2px;
}

input.art-search-text {
   display: block;
   margin: 0;
   width: 100%;
   padding-right: 16px;
}

input.art-search-button
{
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   padding: 0;
   margin: 0;
   width: 16px;
   background:url('images/search.png') center center no-repeat;
   border: none;
}
/* end WordPress, Template.WordPress */

textarea#comment
{
   width:99%;
}

ul#comments-list div.avatar
{
   float:right;
}

ul#comments-list, ul#comments-list li
{
   background: none;
   padding:0;
}

ul#comments-list li li
{
   margin-left: 20px;
}

div.avatar
{
   position:relative;
   margin: 7px;
   border: 1px solid #aaa;
   padding: 1px;
   background: #fff;
   float:left;
}

div.avatar img, div.avatar img.wp-post-image
{
   margin:0 !important;
   padding:0;
   border:none;
}

span.page-navi-outer, span.page-navi-inner 
{
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:0;
}

span.page-navi-outer
{
   margin: 1px;
   border: 1px solid #aaa;
}

span.page-navi-inner 
{
   padding: 1px;
   min-width:14px;
   line-height:18px;
   text-align:center;
   border: 2px solid #fff;
   font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
   border-width:1px;
   font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
   margin:2px 1px;
}

ul#comments-list li cite
{
   font-size: 1.2em;
}

#commentform textarea
{
   width: 100%;
}

#commentform
{
   text-align:left;
}

.rtl #commentform
{
   text-align:right;
}

img.wp-smiley
{
   border: none;
   margin: 1px;
   vertical-align:middle;
   padding: 0;
}

.navigation
{
   display: block;
   text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.alignright img, img.alignright
{
   margin: 1em;
   margin-right: 0;
}

.alignleft img, img.alignleft
{
   margin: 1em;
   margin-left: 0;
}

.wp-caption
{
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   text-align: center;
}

.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-caption p
{
   text-align: center;
}

.gallery {
   margin: 0 auto 18px;
   clear:both;
   overflow:hidden;
   letter-spacing: normal;
}

.gallery .gallery-item {
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}
.gallery img {
   border: 10px solid #f1f1f1;
}

.gallery .gallery-caption {
   color: #888;
   font-size: 12px;
   margin: 0 0 12px;
}

.gallery dl {
   margin: 0;
}

.gallery br+br {
   display: none;
}
/* End */

.hidden
{
   display: none;
}

/* Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 155px;
}

#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}

#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}

#wp-calendar a {
   display: block;
}

#wp-calendar caption {
   text-align: center;
   width: 100%;
}

#wp-calendar td {
   padding: 3px 0;
   text-align: center;
}

.art-content {
   position: relative;
   z-index: 1;
}

#todays-events{
   position: relative;
   z-index: 11;
}

#upcoming-events{
   position: relative;
   z-index: 10;
}

img.wp-post-image 
{
   margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
   list-style-image: none;
   background:none;
   list-style-type:none;
}

div.art-footer div.art-content-layout
{
   margin:0 auto;
   width:100%;
}

div.art-layout-cell-size1 
{
   width:100%;
}

div.art-layout-cell-size2 
{
   width:50%;
}
div.art-layout-cell-size3 
{
   width:33%;
}

div.art-layout-cell-size4
{
   width:25%;
}

.art-widget-title
{
   padding:0 0 0 24px;
   margin-bottom:0;
}

div.art-center-wrapper
{
   position: relative;
   float: right;
   right: 50%;
}

div.art-center-inner
{
   position: relative;
   float: left;
   left: 50%;
}

.firefox2 div.art-center-inner
{
   float: none;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
   margin:0;
}

#respond .comment-notes {
   margin-bottom: 1em;
}

.form-allowed-tags {
   line-height: 1em;
}

#comments-list #respond {
   margin-left: 20px !important;
}

#cancel-comment-reply-link {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}

#respond .required {
   color: #ff4b33;
   font-weight: bold;
}

#respond label {
   font-size: 12px;
}

#respond input {
   margin: 0 0 9px;
   width: 98%;
}

#respond textarea {
   width: 98%;
}

#respond .form-allowed-tags {
   font-size: 12px;
   line-height: 18px;
}

#respond .form-allowed-tags code {
   font-size: 11px;
}

#respond .form-submit {
   margin: 12px 0;
}

#respond .form-submit input {
   font-size: 14px;
   width: auto;
}

.art-footer .art-widget-title 
{
   font-size:1.2em;
   padding: 0;
}






DIV[id^="GMPmap"] IMG 
{
   margin: 0;
}

#art-main, table
{
   font-family: 'David Libre', serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a 
{
   text-align: left;
   
}



.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   text-decoration: none;
}
/* Цвет текста при наведении  на линк
.art-postcontent a
{
   text-decoration: none;
   color:red;
   
}
*/




/* Цвет текста до нажатия на линк*/





.art-postcontent h1
{
   color: #246689;
   margin: 10px 0 0;
   font-size: 26px;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 26px;
}

.art-postcontent h2
{
   color: #3087B5;
   margin: 10px 0 0;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
}

.art-postcontent h3
{
   color: #41576C;
   margin: 10px 0 0;
   font-family: "Times New Roman", Georgia, Times, Serif;
   font-size: 18px;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-family: "Times New Roman", Georgia, Times, Serif;
   font-size: 18px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-family: "Times New Roman", Georgia, Times, Serif;
   font-size: 18px;
}

.art-postcontent h4
{
   color: #3D5266;
   margin: 10px 0 0;
   font-size: 16px;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px;
}

.art-postcontent h5
{
   color: #3D5266;
   margin: 10px 0 0;
   font-size: 14px;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px;
}

.art-postcontent h6
{
   color: #56738F;
   margin: 10px 0 0;
   font-size: 13px;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 13px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}



.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
} 
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
   margin-top: 0;
   margin-bottom: -3px;
   cursor:auto;
   width: 100%;
   min-width: 700px;
   max-width: 1920px;
}
.art-sheet-body 
{
   padding:3px;
   min-width:20px;
   min-height:20px;
   padding-top:0;
   padding-bottom:3px;
}
.art-sheet:before, .art-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 1907px);
}
.art-sheet:before,.art-sheet-body:before{
   right:13px;
}
.art-sheet-body:after{
   width: 13px;
   top:13px;
   bottom:13px;
   background-image:url('images/sheet.png');
}
.art-sheet-body:before{
   top:13px;
   bottom:13px;
   background-image:url('images/sheet.png');
}

/* end Box, Sheet */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 100%;
   margin-top: 0;
   margin-bottom: 0;
  background-image: url('images/header.jpg');  
}

/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
   display: block;
   left: 0;
   margin-left: 0;
   position: absolute;
   top: 78px;
   width: 61px;
   height: 54px;
  
   background-repeat: no-repeat;
}


.button_fixed3{
color: red;
  position: absolute;
  top: 8px;
  margin-left: 635px;
  text-decoration:none;
  font-size: 16px;
  font-weight:bold;
}
.img_mail{
 margin-left: 600px;
  width: 30px;
  height: 30px;
  
  position: absolute;
  top: 2px;
}

.img_telef{
 margin-left: 820px;
  width: 30px;
  height: 30px;
  margin-top: -35px;

}
.img_fas{
margin-left: 350px;
  width: 20px;
  height: 20px;
  margin-top: -26px;
  float: left;
}
.img_fas1{
margin-left: 20px;
  width: 200px;
  height: 113px;
  margin-top: -26px;
  float: left;
}
.text_fas{
float: left;
  color: red;
  position: absolute;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  left: 375px;
  top: 10px;
  text-decoration: none
}
.text_tel{
float: left;
  color: red;
  position: absolute;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  left: 855px;
  top: 8px;
  text-decoration: none;
}
/* end HeaderObject */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 80px;
   left: 0;
   margin-left: 73px;
   
   background-repeat: no-repeat;
}

.art-logo-name
{
   display: block;
   text-align: left;
   font-size: 48px;
   padding: 0;
   margin: 0;
   color: #FA5A0A !important;
}
.art-logo-name a, 
.art-logo-name a:link, 
.art-logo-name a:visited, 
.art-logo-name a:hover
{
   font-size: 34px;
   padding: 0;
   margin: 0;
   color: #FA5A0A !important;
}

.art-logo-text
{
   display: block;
   text-align: left;
   font-size: 18px;
   padding: 0;
   margin: 0;
   color: #6382A1 !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-size: 18px;
   padding: 0;
   margin: 0;
   color: #6382A1 !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.art-hmenu{
   position:relative;
   padding: 0 0 0 0;
   float: left;
}

/* end menu structure */

/* menu bar */

.art-nav
{
margin: 0 auto;
  min-height: 38px;
  z-index: 100;
  margin: 0 4px -38px;
  width: auto;
  top: 112px;  
}



html {
  height: 100%;
  background-color: #f8f8f8;
}



a {
  text-decoration: none;
  color: inherit;
}

.menu {
  display: block;
  position: relative;
  cursor: pointer;
}

.menu-title {
  display: block;
  width: 150px;
  height: 40px;
  padding: 12px 0 0;
  background: #9dc852;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
  margin-top: 45px;
}
.menu-title2 {
  display: block;
  width: 150px;
  height: 100%;
  padding: 5px 0 0;
  background: #9dc852;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
  margin-left: 830px;
  margin-top: 45px;
}
.menu-title3 {
  display: block;
  width: 150px;
  height: 47px;
  padding: 5px 0 0;
  background: #9dc852;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
  margin-left: 982px;
  margin-top: -53px;
}
.menu-title4 {
  display: block;
  width: 182px;
  height: 47px;
  padding: 5px 0 0;
  background: #9dc852;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
 margin-left: 1133px;
  margin-top: -53px;
}
.menu-title5 {
  display: block;
  width: 182px;
  height: 47px;
  padding: 5px 0 0;
  background: #9dc852;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
 margin-left: 1317px;
  margin-top: -53px;
}
.menu-title:before {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #9dc852;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #dddddd;
  position: absolute;
  top: 100%;
  left: 0;
 
  transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;
}

.menu-title:hover {
  background: #8db842;
}

.menu-title:hover:before {
  border-top-color: #8db842;
}

.menu:hover > .menu-title:before {
  border-top-width: 0;
 
}

.menu-title:after {
  content: "";
  display: block;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0;
  
  transition: 0.2s border-bottom ease-in;
}

.menu:hover > .menu-title:after {
  border-bottom-width: 5px;
  transition: 0.2s 0.2s border-bottom-width ease-out;
}

.menu-title_2nd {
  background: #4e96b3;
}

.menu-title_2nd:hover {
  background: #3e86a3;
}

.menu-title_2nd:before {
  border-top-color: #4e96b3;
}

.menu-title_2nd:hover:before {
  border-top-color: #3e86a3;
}

.menu-title_3rd {
  background: #c97676;
}

.menu-title_3rd:hover {
  background: #b96666;
}

.menu-title_3rd:before {
  border-top-color: #c97676;
}

.menu-title_3rd:hover:before {
  border-top-color: #b96666;
}

.menu-title_4th {
  background: #dbab58;
}

.menu-title_4th:hover {
  background: #cb9b48;
}

.menu-title_4th:before {
  border-top-color: #dbab58;
}

.menu-title_4th:hover:before {
  border-top-color: #cb9b48;
}
.menu-title_5th {
  background: #dbab58;
}
.menu-title_5th:hover {
  background: #cb9b48;
}

.menu-title_5th:before {
  border-top-color: #dbab58;
}

.menu-title_5th:hover:before {
  border-top-color: #cb9b48;
}

.menu-title_6th {
  background: #4e96b3;
}
.menu-title_6th:hover {
  background: #cb9b48;
}

.menu-title_6th:before {
  border-top-color: #dbab58;
}

.menu-title_6th:hover:before {
  border-top-color: #cb9b48;
}
.menu-title_7th {
  background: #dbab58;
}
.menu-title_7th:hover {
  background: #cb9b48;
}

.menu-title_7th:before {
  border-top-color: #dbab58;
}

.menu-title_7th:hover:before {
  border-top-color: #cb9b48;
}
.menu-title_8th {
  background:#9DC852;
}
.menu-title_8th:hover {
  background: #cb9b48;
}

.menu-title_8th:before {
  border-top-color: #dbab58;
}

.menu-title_8th:hover:before {
  border-top-color: #cb9b48;
}
.menu-dropdown {
  min-width: 100%;
  padding: 15px 0;
  position: absolute;
  background: #ebebeb;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
}

.menu-dropdown:after {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #ebebeb;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.5s border-top;
}
.menu-dropdown2 {
  min-width: 100%;
  padding: 15px 0;
  position: absolute;
  background: #ebebeb;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
  margin-left: 830px;
}
.menu-dropdown2:after {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #ebebeb;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.5s border-top;
}
.menu:not(:hover) > .menu-dropdown {
  padding: 4px 0;
  background: #dddddd;
  z-index: 99;
}

.menu:not(:hover) > .menu-dropdown:after {

}

.menu:not(:hover) > .menu-title:after {
  border-bottom-color: red;
}

.menu-dropdown > * {
  overflow: hidden;
  height: 30px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.menu-dropdown > *:hover {
  
}

.menu:not(:hover) > .menu-dropdown > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}
.hList > * {
  float: left;
}

.hList > * + * {
  margin-left: 0;
}




.art-nav:before, .art-nav:after{
  
  
}
.art-nav:before{
   right: 0;
}
.art-nav:after{
   width: 0;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 33px;
   cursor: pointer;
   text-decoration: none;
   color: white;
   padding: 0 22px;
   line-height: 33px;
   text-align: center;
   
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 0;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 0;
   right: 0;
   background-position: top right;
}
/* Cтили самого меню */
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  font-family: 'David Libre', serif;	
   font-size: 14px;
   text-align: left;
   text-decoration: none;
   color:#318CE7; 
  font-size:16px;
  font-weight:bold;
}

ul.art-hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.art-hmenu>li>a.active:after {
   background-position: bottom right;
}

ul.art-hmenu>li>a.active {
   /* Цвет меню до, во время навода, при нажатии на ссылку  первой ссылки */
  position: relative;
  display: inline-block;
  margin: 0em .5em;
  
  
  text-decoration: none;
 
  z-index: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -mos-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
    
   font-size:16px;
   padding-left:70px;
  
	color:#318CE7;

height:100%;
margin-left: -40px;

}


ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
/* Анимация меню */
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
 background:rgba(239,33,74,0.75);
	color:white;
width:180px;

padding-left:70px;
   
}

/* end MenuItem */

/* begin MenuSeparator */



ul.art-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -2px;
   width:2px;
   height: 33px;
   
}

ul.art-hmenu>li {
   margin-left:2px;
 
}
  

ul.art-hmenu>li:first-child {
   margin-left:0;
}

ul.art-hmenu>li:first-child:before{
   display:none;
}
/* end MenuSeparator */



/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:22px auto 0 auto;
}

.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.art-content-layout-row {
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
  vertical-align: top;
 
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
   max-width:1920px;
   margin: 5px;
}
.art-vmenublock-body 
{
   padding:0;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader {
   margin-bottom: 0;
   min-height: 30px;
   line-height:30px;
}
.art-vmenublockheader:before, .art-vmenublockheader:after{
   background-image: url('images/vmenublockheader.png');
}
.art-vmenublockheader:before{
   right: 20px;
}
.art-vmenublockheader:after{
   width: 20px;
}

.art-vmenublockheader .t
{
   min-height: 30px;
   line-height:30px;
   color: #FFFFFF;
   font-size: 14px;
   text-align: center;
   margin:0;
   padding: 0 5px 0 26px;
   white-space: nowrap;
}

.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited, 
.art-vmenublockheader .t a:hover
{
   color: #FFFFFF;
   font-size: 14px;
   text-align: center;
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
   max-width:1920px;
}
.art-vmenublockcontent-body 
{
   padding:1px;
}
.art-vmenublockcontent:before, .art-vmenublockcontent:after 
{
   content: url('images/vmenublockcontent_t.png');
   font-size: 0;
   background-image: url('images/vmenublockcontent_b.png');
}
.art-vmenublockcontent:after{
   content: url('images/vmenublockcontent_t.png');
   font-size: 0;
   background-image: url('images/vmenublockcontent_b.png');
   clip:rect(auto, auto, auto, 1919px);
}
.art-vmenublockcontent:before,.art-vmenublockcontent-body:before{
   right:1px;
}
.art-vmenublockcontent-body:after{
   width: 1px;
   top:1px;
   bottom:1px;
   background-image:url('images/vmenublockcontent.png');
}
.art-vmenublockcontent-body:before{
   right:1px;
   top:1px;
   bottom:1px;
   background-image:url('images/vmenublockcontent.png');
}

.art-vmenublockcontent:before{
   content: url('images/vmenublockcontent_t.png');
   font-size: 0;
   background-image: url('images/vmenublockcontent_b.png');
   right:1px;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position:relative;
   margin-left: 2px;
   margin-right: 2px;
}

ul.art-vmenu ul.active
{
   display: block;
}
/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index:0;
   text-decoration: none;
   font-family: "Arial Black",Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   margin-left:0;
   margin-right:0;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li>a 
{
   color: #FFFFFF;
   padding: 0 14px 0 14px;
   height: 40px;
   line-height: 40px;
   white-space: nowrap;
}

ul.art-vmenu>li>a.active {
   color: #FFFFFF;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
   color: #FFFFFF;
}

ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after 
{
   position: absolute;
   display: block;
   content: ' ';
   z-index:-1;
  
   top:0;
   height:40px;
}

ul.art-vmenu>li>a:before{
   left: 0;
   right: 16px;
   background-position: top left;
}
ul.art-vmenu>li>a:after{
   width: 16px;
   right: 0;
   background-position: top right;
}
ul.art-vmenu>li>a.active:before {
   background-position: bottom left;
}
ul.art-vmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-vmenu>li>a:hover {
   background-color: transparent;
}
ul.art-vmenu>li>a:hover:before  {
   background-position: center left;
}
ul.art-vmenu>li>a:hover:after {
   background-position: center right;
}

ul.art-vmenu>li{
   margin-top:4px;
}
ul.art-vmenu>li>ul{
   margin-top:4px;
   padding-bottom: 0;
}
ul.art-vmenu>li:first-child{
   margin-top:0;
}                                                     

ul.art-vmenu>li:before, ul.art-vmenu>li>ul:before{
   display: block;
   position:absolute;
   content: ' ';
   height: 1px;
   top:-4px;
   left:0;
   right:0;
   z-index:1;
   border-bottom: dashed 2px #B2C2D1;
}

ul.art-vmenu>li:first-child:before,ul.art-vmenu>li:first-child:after{
   display:none;
}  

/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul li{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li, ul.art-vmenu li li a {
   position:relative;
}

ul.art-vmenu ul a
{
   display: block;
   position:relative;
   white-space: nowrap;
   height: 30px;
   overflow: visible;
   background-image: url('images/vsubitem.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding:0;
   padding-left:15px;
   padding-right:15px;
   line-height: 30px;
   color: #263340;
   font-family: Arial, Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul a.active{
   background-position: bottom left;
}
ul.art-vmenu ul a:hover{
   background-position: center left;
   line-height: 30px;
   color: white;
   font-family: Arial, Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{
   background-position: left center;
}

ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active
{
   line-height: 30px;
   color: #263340;
   font-family: Arial, Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu>li>ul>li:first-child{
   padding-top: 0;
   margin-top:0;
}
 
ul.art-vmenu li li{
   position:relative;
   margin-top:4px;
}

ul.art-vmenu ul ul a{
   padding-left:30px;
}
ul.art-vmenu ul ul ul a{
   padding-left:45px;
}
ul.art-vmenu ul ul ul ul a{
   padding-left:60px;
}
ul.art-vmenu ul ul ul ul ul a{
   padding-left:75px;
}

ul.art-vmenu ul li a.active {
   color: #FFFFFF;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {
   color: #FFFFFF;
}

/* end VMenuSubItem */

/* begin Box, Block */
.art-block
{
   max-width:1920px;
   margin: 0;
}
.art-block-body 
{
   padding:0;
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {
   margin-bottom: 0;
   min-height: 38px;
   line-height:38px;
}
.art-blockheader:before, .art-blockheader:after{
   background-image: url('images/blockheader.png');
}
.art-blockheader:before{
   right: 20px;
}
.art-blockheader:after{
   width: 20px;
}

.art-blockheader .t
{
   min-height: 38px;
   line-height:38px;
   color: #FFFFFF;
   font-size: 14px;
   text-align: center;
   margin:0;
   padding: 0 5px 0 26px;
   white-space: nowrap;
}

.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #FFFFFF;
   font-size: 14px;
   text-align: center;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:1920px;
}
.art-blockcontent-body 
{
   padding:4px;
   color: #2A3846;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   text-align: center;
}
.art-blockcontent:before, .art-blockcontent:after 
{
   content: url('images/blockcontent_t.png');
   font-size: 0;
   background-image: url('images/blockcontent_b.png');
}
.art-blockcontent:after{
   clip:rect(auto, auto, auto, 1919px);
}
.art-blockcontent:before,.art-blockcontent-body:before{
   right:1px;
}
.art-blockcontent-body:after{
   width: 1px;
   top:1px;
   bottom:1px;
   background-image:url('images/blockcontent.png');
}
.art-blockcontent-body:before{
   top:1px;
   bottom:1px;
   background-image:url('images/blockcontent.png');
}
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #2A3846;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   text-align: center;
}

.art-blockcontent-body p
{
   margin: 12px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #226081;
   text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   color: #6C8AA7;
   text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #2E81AD;
   text-decoration: none;
}

.art-blockcontent-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #394D60;
   margin: 5px 0 0 10px;
   padding: 0 0 0 14px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #8C3103 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 35px;
   height: 35px;
   margin: 0 !important;
   padding: 0 26px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 35px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:1920px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
}

div.art-block select 
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #7F5305 !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #FFFFFF !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 18px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 18px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
   max-width:1920px;
   margin: 0;
}
.art-post-body 
{
   padding:10px;
}

a img
{
   border: 0;
}


.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}


.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th, .art-article td
{
   padding: 2px;
   
   vertical-align: top;
   text-align: left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
   color: #1A4861;
   margin: 5px 0;
   line-height: 1em;
   font-size: 20px;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 20px;
}

.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #1F5775;
}

.art-postheader a:visited, .art-postheader a.visited
{
   color: #5C7A99;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #3087B5;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   color: #3D5266;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   text-decoration: none;
   color: #246689;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-style: italic;
   font-weight: normal;
   color: #246689;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #3087B5;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #2E3D4C;
   margin: 3px 0 0 -15px;
   padding: 0 0 0 13px;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #1E0A01;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
   margin: 5px 0;
}

blockquote
{
   margin: 10px;
   padding: 10px;
   background-color: #D6DEE6;
   margin-left: 50px;
   padding-left: 38px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   color: #3D5266;
}

.art-postfootericons
{
   padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #246689;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #246689;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
   color: #3087B5;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */
span.art-postcommentsicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 25px;
   color: #0D1216;
   font-size: 11px;
}

.art-footer-body ul li
{
   color: #1B242D;
   padding: 0 0 0 13px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer-body .art-rss-tag-icon
{
   position: absolute;
   left:   6px;
   bottom:25px;
   z-index:1;
}

.art-rss-tag-icon
{
   display: block;
   background-image: url('images/rssicon.png');
   background-position: center right;
   background-repeat: no-repeat;
   height: 32px;
   width: 30px;
   cursor: default;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: left;
}


.art-footer-text
{
   min-height: 32px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}



.art-footer-body a:hover
{
   color: #D3E8F3;
   text-decoration: underline;
}


/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #318AB9;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: left;
   text-decoration: none;
   color: #435970;
}
/* end PageFooter */

/* begin WordPress, Template.WordPress */
form.art-search {
   display:block;
   position: relative;
   width: 98%;
   padding:0;
   margin:0 auto !important;
   border: none;
}

form.art-search div {
   margin: 0 18px 0 -2px;
}

input.art-search-text {
   display: block;
   margin: 0;
   width: 100%;
   padding-right: 16px;
}

input.art-search-button
{
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   padding: 0;
   margin: 0;
   width: 16px;
   background:url('images/search.png') center center no-repeat;
   border: none;
}
/* end WordPress, Template.WordPress */

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
   width: 200px;
}
/* end LayoutCell, sidebar1 */

textarea#comment
{
   width:99%;
}

ul#comments-list div.avatar
{
   float:right;
}

ul#comments-list, ul#comments-list li
{
   background: none;
   padding:0;
}

ul#comments-list li li
{
   margin-left: 20px;
}

div.avatar
{
   position:relative;
   margin: 7px;
   border: 1px solid #aaa;
   padding: 1px;
   background: #fff;
   float:left;
}

div.avatar img, div.avatar img.wp-post-image
{
   margin:0 !important;
   padding:0;
   border:none;
}

span.page-navi-outer, span.page-navi-inner 
{
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:0;
}

span.page-navi-outer
{
   margin: 1px;
   border: 1px solid #aaa;
}

span.page-navi-inner 
{
   padding: 1px;
   min-width:14px;
   line-height:18px;
   text-align:center;
   border: 2px solid #fff;
   font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
   border-width:1px;
   font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
   margin:2px 1px;
}

ul#comments-list li cite
{
   font-size: 1.2em;
}

#commentform textarea
{
   width: 100%;
}

#commentform
{
   text-align:left;
}

.rtl #commentform
{
   text-align:right;
}

img.wp-smiley
{
   border: none;
   margin: 1px;
   vertical-align:middle;
   padding: 0;
}

.navigation
{
   display: block;
   text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.alignright img, img.alignright
{
   margin: 1em;
   margin-right: 0;
}

.alignleft img, img.alignleft
{
   margin: 1em;
   margin-left: 0;
}

.wp-caption
{
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   text-align: center;
}

.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-caption p
{
   text-align: center;
}

.gallery {
   margin: 0 auto 18px;
   clear:both;
   overflow:hidden;
   letter-spacing: normal;
}

.gallery .gallery-item {
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}
.gallery img {
   border: 10px solid #f1f1f1;
}

.gallery .gallery-caption {
   color: #888;
   font-size: 12px;
   margin: 0 0 12px;
}

.gallery dl {
   margin: 0;
}

.gallery br+br {
   display: none;
}
/* End */

.hidden
{
   display: none;
}

/* Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 155px;
}

#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}

#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}

#wp-calendar a {
   display: block;
}

#wp-calendar caption {
   text-align: center;
   width: 100%;
}

#wp-calendar td {
   padding: 3px 0;
   text-align: center;
}

.art-content {
   position: relative;
   z-index: 1;
}

#todays-events{
   position: relative;
   z-index: 11;
}

#upcoming-events{
   position: relative;
   z-index: 10;
}

img.wp-post-image 
{
   margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
   list-style-image: none;
   background:none;
   list-style-type:none;
}

div.art-footer div.art-content-layout
{
   margin:0 auto;
   width:100%;
}

div.art-layout-cell-size1 
{
   width:100%;
}

div.art-layout-cell-size2 
{
   width:50%;
}
div.art-layout-cell-size3 
{
   width:33%;
}

div.art-layout-cell-size4
{
   width:25%;
}

.art-widget-title
{
   padding:0 0 0 24px;
   margin-bottom:0;
}

div.art-center-wrapper
{
   position: relative;
   float: left;
   right: 35%;
}


.firefox2 div.art-center-inner
{
   float: none;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
   margin:0;
}

#respond .comment-notes {
   margin-bottom: 1em;
}

.form-allowed-tags {
   line-height: 1em;
}

#comments-list #respond {
   margin-left: 20px !important;
}

#cancel-comment-reply-link {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}

#respond .required {
   color: #ff4b33;
   font-weight: bold;
}

#respond label {
   font-size: 12px;
}

#respond input {
   margin: 0 0 9px;
   width: 98%;
}

#respond textarea {
   width: 98%;
}

#respond .form-allowed-tags {
   font-size: 12px;
   line-height: 18px;
}

#respond .form-allowed-tags code {
   font-size: 11px;
}

#respond .form-submit {
   margin: 12px 0;
}

#respond .form-submit input {
   font-size: 14px;
   width: auto;
}

.art-footer .art-widget-title 
{
   font-size:1.2em;
   padding: 0;
}





}

.art-footer .art-widget a:hover
{
   color: #D3E8F3;
   text-decoration: underline;
}

DIV[id^="GMPmap"] IMG 
{
   margin: 0;
}

#navbar {

  margin: 120px 0 0 0;

  padding: 0;

  list-style-type: none;

 

 

  width:100%;

  height:40px;

  text-align: left;

  background-color:#F2F2F2;

}

#navbar a {

  color:#000000;

  padding: 12px 0 0 20px;

  text-decoration: none;

  font-weight: bold;

   display: inline-block;





}

#navbar a:hover {

  border-radius: 20px 5px;

  

}

#navbar li { display: inline; }



/*end menu top */

.art-nav:before, .art-nav:after{

   

}
.linia{
border: 2px solid red;
  width: 240px;
 
}
.linia1{
border: 2px solid red;
  width: 600px;
margin:10px 0 0 600px;
 
}	
	
	
.liniamehir{
text-decoration: line-through;
  margin-top: 5px;
 
  text-align: center;
	
}
.liniamehir1{
text-decoration: line-through;
  margin-top: 10px;
  text-align: center;
font-size:18px;
font-family:"Rubik";
}	
.textmehir{
color: red;
  margin-top: 5px;
  font-size: 14px;
  margin-left: 110px;
}

.textmehir1{
color: red;
  margin-top: 15px;
  
  margin-left: 110px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}



.img17{

  margin: 20px 0 0 80px;
  height: 150px;
  width: 150px
}

.img18
{
  float: left;
  margin-top: 2px;
  margin-left: 1px;
  margin-right: 10px;
  height: 100%;
}
.img19
{
  float: left;
  margin: -5px 0 0 10px;
}
.sozseti{

margin-top:60px;	

}



.img_tel{

margin-top:20px;	

margin-left:400px;

background-image:url('images/tel.png');	

background-repeat: no-repeat;

width:30px;

height:28px;	

}
.table_gl{


       position: relative;
height: 100%;
width: 300px;
margin-top: 10px;
float:left;
margin-left: 10px;
background-color: white;
text-align: center;
font-weight: bold;
border-spacing: 20px;
display: inline-block;

        }
.radius{

        position:relative;



        height:28px;

        width:30px;

        margin-top:-35px;

		float:right;

	margin-right:30px;

        }

.radius3{

        position:relative;

        

        

        height:28px;

        width:30px;

        margin-top:-35px;

		float:right;

	

 

       }

	   

.text-link{

 margin: -30px 5px 0 20px;;	

font-family: 'David Libre', serif;	

text-decoration:none;

font-size:18px;



float:right;	

color:red;

}	 

.block_right {

  float: right;

margin-right: 9px;
height: 100%;
width: 150px;
margin-bottom: 10px;
border:1px solid#ddd;


}
.block_tovar {

  float:left;

  border: 1px solid #dddddd;

  margin-right: 3px;

  height: 100%;

  width:300px;

}
.block_left {

  float: left;

  

  margin-left:-15px;

 height: 100%;

  width: 200px;
  
 background-image: url('images/fon_tovar2.png');
  background-repeat:  repeat;
  margin-bottom:10px;
  
}

h1, h2, h3, h4, h5, h6, p
}

.text2{
font-size:14px;
color:#439EBD;
text-align:center;	
 	
font-family: 'David Libre', serif;
font-weight:bold;	
}
.text_2{
font-family: 'David Libre', serif;
  font-size: 14px;
  
  text-align: left;
  text-decoration: none;
  float: left;
  margin: 10px 0 0 10px;	
}
.text_3{
font-family: 'David Libre', serif;
  font-size: 14px;
  
  text-align: left;
 
  float: left;
  margin:20px 0 0 10px;	
}
.texth3{
 font-size:14px;
color:#EB4C42;
text-align:center;	
 	
font-family: 'David Libre', serif;
font-weight:bold;	   
    
    
}


.texth11{
font-size: 18px;
  margin-top: 5px;
  left: -150px;
  font-family: 'David Libre', serif;
  font-weight: bold;
  line-height: 1.5;
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textjob{
font-size: 14px;

text-align: left;
font-family: 'David Libre', serif;
font-weight: bold;
margin-top: 140px;

}
.textkurs
{
font-size:18px;
color:blue;
text-align:left;
	
font-family: 'Cardo', serif;
margin:0 0 0 400px;	
	
color:	#60B6D2;
}

.textkurs2
{
font-size:18px;
color:blue;
text-align:left;
	
font-family: 'Cardo', serif;
margin:0 0 0 400px;	
	
color:	#FBA00F;
}

.textkurs3
{
font-size:18px;
color:blue;
text-align:left;
	
font-family: 'Cardo', serif;
margin:0 0 0 400px;	
	
color:	#3793BB;
}
.textkurs4
{
font-size:14px;

text-align:center;
	
font-family: 'Cardo', serif;
	
margin-top:50px;	
color:white;
}
.textuslugi1
{
font-size:14px;
color:mediumorchid;
text-align:left;
margin-left:10px;	
font-family: 'Cardo', serif;	
	
	
}

.text3{
  font-size: 14px;
  color: black;
  
  padding-left: 1px;
  font-family: 'Rubik', sans-serif;
  margin-top: 3px;
}
	
.polniiprise{
font-size: 16px;
color: #439EBD;
padding-left: 1px;
font-family: 'Rubik', sans-serif;
margin-top: -10px;
text-align: center;
font-weight: bold;	
	
	
}
.polniiprise2{
font-size: 12px;
color: #439EBD;
padding-left: 1px;
font-family: 'Rubik', sans-serif;
margin-top: 10px;
text-align: center;
font-weight: bold;	
	
	
}
.text4{
font-size:18px;
color:mediumorchid;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	
	
}
.textblockright{
font-size:18px;
color:mediumorchid;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	
margin-top:220px;	
	
	
	
}
.text5{
font-size:14px;
color:red;
text-align:center;
padding-left:5px;	
	
font-family: 'Rubik', sans-serif;	
	
}

.text6{
font-size:14px;
color:red;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	
	
}
.text7{
font-size:14px;
color:black;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	
	
}

.text8{
font-size:14px;
color:#fff;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	


}
.text9{
font-size:14px;
color:red;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	
	
}
.text20{
font-size:14px;
color:white;
text-align:center;	
font-weight:bold;	
font-family: 'David Libre', serif;	


}
.text_price1{
font-size:14px;
color:#75757D;
text-align:center;	
 text-decoration:line-through;	
font-family: 'Rubik', sans-serif;
font-weight:bold;
	
}
	
	
	

.text_price2{
font-size:18px;
color:red;
text-align:center;
padding-left:5px;	
text-decoration:blink;	
font-family: 'Rubik', sans-serif;	
	
	
}
.text_product{
font-size:18px;
font-family: 'Rubik';
  margin-left: 520px;
  float: left;
  margin-top: -660px;
}
.text_product1{

  margin: -600px 0 0 520px;
  float: left;
  font-size: 18px;
  font-family: 'Rubik';

}
.text_product2{

  margin: 105px 0 0 520px;
  
  font-size: 18px;
  font-family: 'Rubik';

}

.text_product3{

  margin: 5px 0 0 520px;
  
  font-size: 18px;
  font-family: 'Rubik';

}
.text_product4{

 margin: 5px 0 0 520px;
  font-size: 18px;
  font-family: 'Rubik';
  text-align: center;
  color: blue;
  font-weight: bold;

}
.button{
background-color:#15C1F3;
border-radius:5px;
font-size:18px;
width:150px;
height:30px;
color:white;
text-align:center;	
padding-top:10px;
font-family: 'David Libre', serif;	
margin-left: 40px;
}
.radius6{
margin:10px 0 0 20px;
float:left;	
	
	
	
}

.radius7{
margin:10px 0 0 20px;
float:left;	
	
	
	
}
.radius4{

        position:relative;

        

        

        height:28px;

        width:30px;

        margin-top:5px;

			float:left;

	margin-left:40px;
	
	

	

 

       }  

	.kurs{

        position:relative;

    background-color:#60B6D2;

        

        height:100%;

        width:170px;

        margin-top:5px;

			float:left;

	margin-left:40px;
	
	

	

 

       }  

 .sale{
	position: absolute;
right: 20px;
top: 3px;
background-color: #FF0006;
width: 45px;
height: 45px;
font-size: 16px;
line-height: 45px;
border-radius: 50%; 
	 
	 
	 
	 
 } 
.textprozent {
font-size:16px;

text-align:center;
	
font-family: 'Cardo', serif;
	
margin-top:1px;	
color:white;
font-weight:bold;
}
	
.table_tovar{


        float: right;

margin-right: 9px;
height: 100%;
width: 150px;
margin-bottom: 10px;

border:1px solid #ddd;

        }
.table_price{


        position:relative;


        height:100%;

        width:300px;

        margin-top:20px;
		
		color:black;

		
		margin-left:20px;
		
		background-color: white;
   
text-align: center;
font-weight: bold;
border-spacing: 20px;
float:left;
box-shadow: 0 0 5px #00000033;		
        }
 .table_colonki{


        position:relative;


        height:100%;

        width:450px;

        margin-top:20px;
		
		color:black;

		
		margin-left:60px;
		
		background-color: white;
   
text-align: center;
font-weight: bold;
border-spacing: 20px;
float:left;
box-shadow: 0 0 5px #00000033;		
        }       
        
 /*Текст на изображении https://html5css.ru/howto/howto_css_image_text.php */   
.container{
background-image: url('https://mediaservices.co.il/bonusplus/wp-content/uploads/2023/12/hederiladim.png');

width: 400px;
  height: 283px;
}

.container2{
background-image: url('https://mediaservices.co.il/bonusplus/wp-content/uploads/2023/12/aronotazaza.png');

width: 400px;
  height: 283px;
}
.pcontainer{
 color: white;
  font-weight: bold;
  font-size: 15px;
  background-color: #FF7F00;
  width: 100px;
  height: 20px;
  margin-top: -20px;
  font-family: 'David Libre', serif;
  text-align:center;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

       
 .cuponproduct{


        position:relative;


        height:100%;

        width:600px;

        margin-top:20px;
		
	

		
		margin-left:70px;
		
		background-color: white;
   
text-align: center;

border-spacing: 20px;

border-radius:20px;	
float:left;
box-shadow: 0 0 2px #0003;
        }       




		
.table_job{

  position: relative;
  height: 100%;
  width: 250px;
  margin-top: 10px;
  color: black;
  margin-left: 2px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  border-spacing: 20px;
  display: inline-block;
  border: 2px solid #F7F7F7;
}

        
	
.imgjob{
float:left;
margin-top:10px;	
	
	
}	



.td1{
	
border:0 solid green;		
	
}	
		
.table_cupon{


        position:relative;

background-color:#F4F4F4;
        height:100%;

        width:350px;

        margin-top:20px;

		float:left;
		margin-left:40px;

box-shadow: 0 0 5px #00000033;	
border-radius: 100px;
        }
		
.img_tovar{
margin:0 0 0 30px;
width:150px;
height:150px;
float:left;	
	
	
	
}		
.formdoska{

margin-top: 40px;
margin-left: 30px;
width: 1200px;
height:700px;
border-radius: 2px;
border-style:solid ;
  border-width: 2px 2px 2px 5px;
  border-color: #F46000 #439EBD #439EBD red;
}
	.formdoskaprof{

margin: 30px 0 0 30px;
 
  width: 1200px;
  height: 100%;
  border-radius: 2px;
  border-style: solid;
  border-width: 2px 2px 2px 5px;
  border-color: #F46000 #439EBD #439EBD red;
}
.formmusah{

margin: 30px 0 0 30px;
 
  width: 1200px;
  height: 600px;
  border-radius: 2px;
  border-style: solid;
  border-width: 2px 2px 2px 5px;
  border-color: #F46000 #439EBD #439EBD red;
}
.menu15{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin: -120px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}
.menu16{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin: -32px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}

.menu17{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin:-1px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}
.menu18{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin: -140px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}
.menu19{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin: -120px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}
.menu20{
	
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin: -96px -1px 0 0;
  background-color: #323F96;
  float: right;
  border-radius: 5px;

	
}
.menu_prof{
padding-top: 8px;
width: 100px;
height: 30px;
margin-top: -60px;
background-color: #ddd;
float: left;
margin-left: 10px;
border-radius: 5px;
	
	
}
.menublockprof{
padding-top: 8px;
width: 250px;
height: 30px;
margin-top: 20px;
background-color: #323F96;
float: left;
margin-left: 1px;
border-radius: 5px;	
	
	
	
}
.menublockrofe{
padding-top: 8px;
  width: 170px;
  height: 30px;
  margin-top: 5px;
  background-color: #323F96;
  float: right;
  
  border-radius: 5px;
	
	
}
.menublockrofe2{
padding-top: 8px;
width: 170px;
height: 30px;
margin-top: -120px;
background-color: #323F96;
float: left;
margin-left: 530px;
border-radius: 5px;
}

.menublockrofe3{
padding-top: 8px;
width: 170px;
height: 30px;
margin-top: -30px;
background-color: #323F96;
float: left;
margin-left: 530px;
border-radius: 5px;
}
.menublockrofe4{
padding-top: 8px;
width: 170px;
height: 30px;
margin-top: -40px;
background-color: #323F96;
float: left;
margin-left: 630px;
border-radius: 5px;
}

.menublockrofe5{
padding-top: 8px;
width: 170px;
height: 30px;
margin-top: -110px;
background-color: #323F96;
float: left;
margin-left: 530px;
border-radius: 5px;
}
.marker2{
    background-image: url('images/marker_2.png');
  background-repeat: no-repeat;
  margin:40px 0 0 10px;
  height: 20px;
  width: 16px;

}
.metasl_el{
   
  background-repeat: no-repeat;
  margin:40px 0 0 10px;
  height: 337px;
  width: 600px;
float:left;
}

.marker3{
    background-image: url('images/marker_2.png');
  background-repeat: no-repeat;
  margin: 20px 0 0 10px;
  height: 20px;
  width: 16px;

}
.marker4{
    background-image: url('images/marker3.jpg');
  background-repeat: no-repeat;
  margin: 30px 0 0 10px;
  height:10px;
  width: 10px;

}
.marker5{
    background-image: url('images/marker3.jpg');
  background-repeat: no-repeat;
  margin: 20px 0 0 10px;
  height: 5px;
  width: 5px;

}
.marker6{
    background-image: url('images/marker_2.png');
  background-repeat: no-repeat;
  margin: 15px 0 0 10px;
  height:20px;
  width: 16px;

}
.marker7{
    background-image: url('images/marker_avto.png');
  background-repeat: no-repeat;
  margin: 15px 0 0 5px;
  height:20px;
  width: 20px;

}
.text_marker2{
margin: -150px 80px 0 30px;
font-size: 14px;
font-family: 'Rubik', sans-serif;

font-weight: normal;
}

.text_marker3{
margin: -19px 80px 0 30px;
font-size: 14px;
font-family: 'Rubik', sans-serif;

font-weight: normal;
}

.text_marker4{
margin: -14px 80px 0 30px;
font-size: 14px;
font-family: 'Rubik', sans-serif;

font-weight: normal;
}

.text_marker5{
margin: -20px 80px 0 30px;
font-size: 14px;
font-family: 'Rubik', sans-serif;

font-weight: normal;
}
.text_marker6{
margin: -20px 80px 0 30px;
font-size: 14px;
font-family: 'Rubik', sans-serif;

font-weight: normal;
}



.text21{
  font-size: 14px;
text-align: left;
font-family: 'David Libre', serif;

margin-top: 20px;
margin-left: 5px
}
.text22{
  font-size: 18px;
text-align: left;
font-family: 'David Libre', serif;

margin-top: 10px;
margin-left: 5px;
color:black;
font-weight:bold;
}
.text23{
  font-size: 14px;
  text-align: center;
  font-family: 'David Libre', serif;
  font-weight: bold;
  color: #CC10A0;
  margin-top: 320px;
}
.text30{
  font-size: 14px;
 
  font-family: 'David Libre', serif;
  font-weight: bold;
  color: #EB4C42;
  margin-top: 15px;
  float: left;
  margin-left: 180px;
}
.text10{
  font-size: 16px;
text-align: center;
font-family: 'David Libre', serif;
color:blue;
margin-top: 3px;
margin-left: 5px
}
.menu_prof2{
padding-top: 8px;
width: 120px;
height: 30px;
margin-top: -60px;
background-color: #ddd;
float: left;
margin-left: 120px;
border-radius: 5px;
	
	
}
.menu_prof3{
padding-top: 8px;
width: 160px;
height: 30px;
margin-top: -60px;
background-color: #ddd;
float: left;
margin-left: 250px;
border-radius: 5px;
	
	
}

.text{

 font-family: 'David Libre', serif;
  font-size: 14px;
  
  text-align: left;
  text-decoration: none;
  float: left;
  margin: 10px 0 0 10px;
	
	
}
.text17{

 font-family: 'David Libre', serif;
font-size: 14px;
font-weight: bold;
text-align: left;
text-decoration: none;
float: left;

	
	
}
.text18{

 font-family: 'David Libre', serif;
font-size: 14px;
font-weight: bold;
text-align: left;
text-decoration: none;
float: left;
margin: 20px 0 0 10px;
	
	
}

.text19{

 font-family: 'David Libre', serif;
font-size: 14px;
font-weight: bold;
text-align: left;
text-decoration: none;
float: left;
margin: 20px 0 0 5px;
	
	
}

.text24{

 font-family: 'David Libre', serif;
  font-size: 14px;
  
  text-align: left;
  text-decoration: none;
  float: left;
  margin: 5px 0 0 10px;
	
	
}
.imgfon{
  background-image: url('images/baner250.jpg');	
	background-repeat: no-repeat;
width:250px;
height:100%;	
	
	
	
}
.textuslugi
{
font-size: 20px;
  color: blue;
  text-align: center;
  margin-left: 150px;
  font-family: 'Cardo', serif;
  margin-top: 10px;
  font-weight: bold;
	
	
}

.textuslugi2
{font-size: 18px;
text-align: center;
margin-left: 5px;
font-family: 'Cardo', serif;
margin-top: 10px;
color: red;
font-weight: bold;
  
  
 
}
.textuslugi3
{
 font-size: 16px;
text-align: center;
margin-left: 180px;
font-family: 'Cardo', serif;
margin-top: -40px;
color: red;
font-weight: bold;
float: left; 
 
}
.textuslugi4
{
 font-size: 16px;
text-align: center;
margin-left: 180px;
font-family: 'Cardo', serif;
margin-top: -30px;
color: red;
font-weight: bold;
float: left; 
 
}
.textuslugi5
{
 font-size: 16px;
text-align: center;
margin-left: 180px;
font-family: 'Cardo', serif;
margin-top: -110px;
color: red;
font-weight: bold;
float: left; 
 
}		
	


 .img_prof{
    height: auto;
max-width: 100%;
margin-top: 20px;
margin-left: 30px;
}
 
 	  
	 
 .link_tel{
  color: white;
  font-family: 'David Libre', serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  float: left;
  margin: 1px 0 0 1px;

   }
   
   .link_tel2{
  color: white;
  font-family: 'David Libre', serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  float: left;
  margin: 1px 0 0 45px;

   }
   
 .link_tel3 {
  color: white;
  font-family: 'David Libre', serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  float: left;
  margin: 1px 0 0 99px;
}  
 .link_menu{
  color: white;
  font-family: 'David Libre', serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  float: left;
  margin: 1px 0 0 28px;

   }	  
.formkurs{

margin-top: 40px;
margin-left: 3px;
width: 700px;
height:100%;
border-radius: 25px;
border-style:solid ;
  border-width: 2px 2px 2px 5px;
  border-color: #F46000 #439EBD #439EBD red;
}	
.formdoska2{
margin-top: 20px;
margin-left: 3px;
width: 600px;
height:100%;
border-radius: 2px;
border-style:solid ;
border-width: 1px 5px 1px 1px;
border-color: #dddddd red #dddddd #dddddd;}
	
}	

.img_doska{
float:left;	
	
	
}	
.imggl{
float:left;    
height:100%;    
}
#s {
 border: 3px solid red;
  color: #000;
  height: 23px;
  width: 1020px;
  float: left;
  margin-top: 50px;
  border-radius: 10px;
}

                .search {
                    width: 350px;
                    float: right;
                    margin:2px 300px 20px 20px;
                  }
                  .searchform {
                    height: 50px;
                  
                    width: 300px;
                  }
                  #btn {
background-color: #FF7300;
  border: none;
  width: 120px;
  padding: 10px;
  margin-top: -40px;
margin-left: 1260px;
  float: left;
  color: white;
  font-weight: bold;
                  }
.leftcolom {
    width: 230px;
  background-color: #15C1F3;
  
  float: left;
  
  height: 28px;
  
  margin: -839px 0 0 -255px;
  
  border-radius: 3px;
  
  color: white;
  
  text-align: center;
  
  padding-top: 7px;
}

.maps{
margin-top:20px;	
	
	
}

.slider{
margin-left:-800px;
float:left;	
	
}

.text_leftslaid{
font-size: 16px;
margin: -340px 0 0 0;
line-height: 24px;
color: red;
text-align: center;
font-weight: bold;	
	
}
.text_left{
font-size: 16px;
margin: 1px 0 0 -340px;
line-height: 24px;
color: red;
text-align: center;
font-weight: bold;	
	
}
.ramka_price{
border:2px solid red;	
width:650px;
height:100%;
border-radius:5px;	
	
	
}
.text_price{
font-size:16px;
margin:10px 0 0 300px;

	
	
	
	
}
.text_afterslaid{
font-size:16px;
margin:5px 0 0 350px;
line-height:24px;	
	
	
	
}
.textbottomslaid{

font-size:18px;
color:mediumorchid;

padding-left:75px;	
font-family: 'Cardo', serif;	
	
	
}	
	.textbottomslaid2{

font-size:18px;
color:red;

padding-left:75px;	
font-family: 'Cardo', serif;	
	
	
}	
	.service_right{
    float:right;
   
    border: 1px solid #dddddd;
    margin-right: 9px;
    height:100%;
    width:250px;
	margin-top:10px;
    
  }
  .service_right2{
   float: left;
border: 1px solid #dddddd;
margin-left: 1100px;
height: 100%;
width: 250px;
margin-top: -560px
    
  }
  .img{
	float:left;
margin-top:-40px;	
margin-left:1px;	  
margin-right:10px;	
height:100%;  
  }
.img_tel2{
float: left;
  margin-top: -4px;
  margin-left: 8px;
  margin-right: 10px;
  height: 100%;
  }  
  
	  
	  
 
 .img2{
	  float: left;
  margin-top: 10px;
  margin-left: 70px;
  height: 100%;

  } 
 .marker{
  background-image: url('images/marker.jpg');
  background-repeat: no-repeat;
  margin: 20px;
  height: 22px;
}
.textmarker{
font-size: 14px;
color: mediumorchid;
text-align: left;
font-weight: bold;
font-family: 'David Libre', serif;
margin-left: 50px;
margin-top: -38px;
	
	
	
}
  
  /* Выпадающее меню */
 .dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;} 
/* Переливающиеся кнопки https://dbmast.ru/varianty-oformleniya-knopki-chitat-dalee-readmore */

.drop-shadow:before,
.drop-shadow:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
   max-width:300px;
   -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -webkit-transform:rotate(-3deg);
   -moz-transform:rotate(-3deg);
   -o-transform:rotate(-3deg);
   transform:rotate(-3deg);
}

.drop-shadow:after{
   right:10px;
   left:auto;
   -webkit-transform:rotate(3deg);
   -moz-transform:rotate(3deg);
   -o-transform:rotate(3deg);
   transform:rotate(3deg);
 }
/* Базовые стили кнопок
 * Цветовые вариации */

/* розовый */
.pink:hover{
   
	background:rgba(239,33,74,0.75);
	color:white;
width:180px;
height:100%;
margin-left: -40px;
}

.pink:hover:before{
    border:0.0625em solid rgba(239,33,74,1);
	color:rgba(239,33,74,1);
}

.pink:hover:after{
    border:0.0625em solid rgba(239,33,74,1);
	color:rgba(239,33,74,1);
	background:rgba(239,33,74,1);
}

.pink:before{
	background:rgba(239,33,74,1);
	border:0.0625em solid rgba(239,33,74,1);
} 
 
.pink:after{
	background:rgba(239,33,74,1);
	border:0.0625em solid rgba(239,33,74,1);
} 

.purple:hover{
    border:0.0625em solid rgba(112,52,84,1);
	background:rgba(112,52,84,0.75);
	color:rgba(112,52,84,0.75);
}

.purple:hover:before{
    border:0.0625em solid rgba(112,52,84,1);
	color:rgba(112,52,84,1);
}

.purple:hover:after{
    border:0.0625em solid rgba(112,52,84,1);
	color:rgba(112,52,84,1);
	background:rgba(112,52,84,1);
}

.purple:before{
	background:rgba(112,52,84,1);
	border:0.0625em solid rgba(112,52,84,1);
} 
 
.purple:after{
	background:rgba(112,52,84,1);
	border:0.0625em solid rgba(112,52,84,1);
	border:0.0625em solid rgba(112,52,84,1);
} 
/* морская волна */ 
.blue:hover{
    border:0.0625em solid rgba(6,129,128,1);
	background:rgba(6,129,128,0.75);
	color:rgba(6,129,128,0.75);
}

.blue:hover:before{
    border:0.0625em solid rgba(6,129,128,1);
	color:rgba(6,129,128,1);
}

.blue:hover:after{
    border:0.0625em solid rgba(6,129,128,1);
	color:rgba(6,129,128,1);
	background:rgba(6,129,128,1);
}

.blue:before{
	background:rgba(6,129,128,1);
	border:0.0625em solid rgba(6,129,128,1);
} 
 
.blue:after{
	background:rgba(6,129,128,1);
	border:0.0625em solid rgba(6,129,128,1);
} 
/* желтый */
.yelow:hover{
    border:0.0625em solid rgba(243,202,22,1);
	background:rgba(243,202,22,0.75);
	color:rgba(243,202,22,0.75);
}

.yelow:hover:before{
    border:0.0625em solid rgba(243,202,22,1);
	color:rgba(243,202,22,1);
	background:rgba(243,202,22,1);
}

.yelow:hover:after{
    border:0.0625em solid rgba(243,202,22,1);
	color:rgba(243,202,22,1);
}

.yelow:before{
	background:rgba(243,202,22,1);
	border:0.0625em solid rgba(243,202,22,1);
} 
 
.yelow:after{
	background:rgba(243,202,22,1);
	border:0.0625em solid rgba(243,202,22,1);
} 
/* зелёный */
.green:hover{
    border:0.0625em solid rgba(0,214,96,1);
	background:rgba(0,214,96,0.75);
	color:rgba(0,214,96,0.75);
}

.green:hover:before{
    border:0.0625em solid rgba(0,214,96,1);
	color:rgba(0,214,96,1);
}

.green:hover:after{
    border:0.0625em solid rgba(0,214,96,1);
	color:rgba(0,214,96,1);
	background:rgba(0,214,96,1);
}

.green:before{
	background:rgba(0,214,96,1);
	border:0.0625em solid rgba(0,214,96,1);
} 
 
.green:after{
	background:rgba(0,214,96,1);
	border:0.0625em solid rgba(0,214,96,1);
} 

/* Прямоугольные кнопки */

.rectangle{
	position:relative;
	display: inline-block;
	margin:0 0 0 70px;
	padding:0.25em 1.25em;
	background:red;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}

.rectangle:before{
    position: absolute;
    content: attr(data-text);
    display: inline-block;
    padding:0.25em 1.25em;
    color:#fff;
    text-decoration:none;
    top:0em;
    left:-100%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:none !important;
}

.rectangle:hover{
	border:none !important;
	background:#555;
	color:#fff;
}

.rectangle:hover:before{
    left: 0%;
	border:none !important;
    box-shadow: inset -5px -5px 10px -7px rgba(0,0,0,0.5), inset 5px 5px 10px -7px rgba(0,0,0,0.5);
	color:#fff;
}

.rectangle:after{
	border:none !important;
}

/* Линейные кнопки (заливка при наведении) */

.hover{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 1.25em;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	border:none !important;
}

.hover:hover{
	border:none !important;
	background:none;
	color:#555;
}

.hover:before{
    position: absolute;
    content: attr(data-text);
    display: inline-block;
    padding:0.25em 1.25em;
    color:#fff;
    text-decoration:none;
    top:1.6875em;
    left:0em;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:none !important;
}

.hover:hover:before{
    top: 0em;
	color:#fff;
}

/* Раздвижные створки при наведении */

.doorout{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 1.25em;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	border:0.0625em solid #555;
	z-index:1;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
}

.doorout:hover{
    color:#fff;
	background:none;
}

.doorout:before{
    position: absolute;
    content: '';
    display: inline-block;
    width:0%;
    height:100%;
    top:0em;
    right:50%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
    z-index:-1;
	border:none !important;
}

.doorout:hover:before{
	width:50%;
}

.doorout:after{
    position: absolute;
    content: '';
    display: inline-block;
    width:0%;
    height:100%;
    top:0em;
    left:50%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
    z-index:-1;
	border:none !important;
}

.doorout:hover:after{
	width:50%;
}

/* Закрывающиеся створки при наведении */


.doorin{
position: relative;
  display: inline-block;
  margin: 0em .5em;
  padding: 0.25em 1.25em;
  color: black;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -mos-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
	
}
.doorin:hover{
    color:#fff;
	background:none;
}

.doorin:before{
    position: absolute;
    content: '';
    display: inline-block;
    width:50%;
    height:100%;
    top:0em;
    left:-50%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
    z-index:-1;
	border:none !important;
}

.doorin:hover:before{
	left:0%;
}

.doorin:after{
    position: absolute;
    content: '';
    display: inline-block;
    width:50%;
    height:100%;
    top:0em;
    right:-50%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
    z-index:-1;
	border:none !important;
}

.doorin:hover:after{
	right:0%;
}

/* Переходящая цветовая заливка с угловым скруглением */

.circle{
	position:relative;
	display: inline-block;
	margin:0;
	padding:0.25em 1.25em;
	color:white;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
    width:140px;
}

.circle:hover{
    color:#fff;
	border:none !important;
}

.circle:before{
    position: absolute;
    content: '';
    display: inline-block;
    width:150%;
    height:250%;
    top:0em;
    left:-150%;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	-webkit-border-top-right-radius: 100%;
	-webkit-border-bottom-right-radius: 100%;
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
    z-index:-1;
	border:none !important;
}

.circle:hover:before{
	left:-50%;
}

/* Стрелки в круге ротация при наведении */

.arrow-circle{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 2em 0.25em 0.5em ;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:0.0625em solid #555;
}

.arrow-circle:hover{
	background:none;
	color:#555;
}

.arrow-circle:after{
	position: absolute;
	margin-top: 0.07em;
	right:0.28em;
	content: "\f0a9";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -mos-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-mos-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg);
	padding-left:5px;
	background:none;
	border-left:0.0625em solid #555;
	border-top:none;
	border-right:none;
	border-bottom:none;
}

.arrow-circle:hover:after{
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-mos-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
	transform:rotateX(180deg);
	background:none;
	border-top:none;
	border-right:none;
	border-bottom:none;
}

/* Срелка справа стресс-эффект при наведении и заливка */

.arrow-right{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 2em 0.25em 0.5em ;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:0.0625em solid #555;
}

.arrow-right:hover{
	color:#fff;
}

.arrow-right:after{
	position: absolute;
	right:0.25em;
	content: "\f061";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	padding-left:5px;
	background:none;
	border:none;
}

.arrow-right:hover:after{
	border:none;
	background:none;
	color:#fff;
	-webkit-animation: arrow 1s ease infinite;
	-moz-animation: arrow 1s ease infinite;
	-mos-animation: arrow 1s ease infinite;
	-o-animation: arrow 1s ease infinite;
	animation: arrow 1s ease infinite;
}

/* Стрелка справа раздвигая поле кнопки */

.angle-double{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 0.5em 0.25em 0.5em ;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:0.0625em solid #555;
}

.angle-double:hover{
	color:#fff;
	padding:0.25em 2em 0.25em 0.5em ;
}

.angle-double:after{
	position: absolute;
	right:0.25em;
	content: "\f061";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	padding-left:5px;
	background:none;
	border:none;
	color:rgba(255,255,255,0);
}

.angle-double:hover:after{
	border:none;
	background:none;
	color:rgba(255,255,255,1);
	-webkit-animation: arrow 1s ease infinite;
	-moz-animation: arrow 1s ease infinite;
	-mos-animation: arrow 1s ease infinite;
	-o-animation: arrow 1s ease infinite;
	animation: arrow 1s ease infinite;
}

/* Стрелка справа с фоновой заливкой */

.caret-right{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 2.5em 0.25em 0.5em ;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:0.0625em solid #555;
}

.caret-right:hover{
	border:0.0625em solid #555;
	color:#fff;
}

.caret-right:after{
	position: absolute;
	top:0;
	right:-5px;
	content: "\f0da";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	padding:5px 15px 5px 10px ;
	background:#555;
	border:none;
	color:#fff;
}

.caret-right:hover:after{
    border:none;
	color:#fff;
	background:#555;    
	-webkit-animation: arrow 1s ease infinite;
	-moz-animation: arrow 1s ease infinite;
	-mos-animation: arrow 1s ease infinite;
	-o-animation: arrow 1s ease infinite;
	animation: arrow 1s ease infinite;
}

/* Стрелка всплывающаяя слева ссылки */

.chevron-right{
	position:relative;
	display: inline-block;
	margin:0em .5em;
	padding:0.25em 0.5em 0.25em 2.5em ;
	color:#555;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -mos-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
	border:none;
}

.chevron-right:hover{
	border:none;
	color:#555;
	background:none;
}

.chevron-right:before{
	position: absolute;
	margin-top:0.06em;
	left:0px;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	background:none;
	border:none;
	color:rgba(55,55,55,0);
}

.chevron-right:hover:before{
	border:none;
	left:20px;
	-webkit-transition:all 0.25s ease;
    	-moz-transition:all 0.25s ease;
    	-mos-transition:all 0.25s ease;
    	-o-transition:all 0.25s ease;
    	transition:all 0.25s ease;
	background:none;
	-webkit-animation: arrow 1s ease infinite;
	-moz-animation: arrow 1s ease infinite;
	-mos-animation: arrow 1s ease infinite;
	-o-animation: arrow 1s ease infinite;
	animation: arrow 1s ease infinite;
}

/* анимация стрелок */

@-webkit-keyframes arrow{
  0%, 20%, 50%, 80%, 100%	{ -webkit-transform: translateX(0em); }
	40%						{ -webkit-transform: translateX(-0.25em); }
	60%						{ -webkit-transform: translateX(-.15em); }
}
@-webkit-keyframes arrow-chrome{
  0%, 20%, 50%, 80%, 100%	{ -webkit-transform: translate(0em,-1em); }
	40%						{ -webkit-transform: translate(-0.25em,-1em); }
	60%						{ -webkit-transform: translate(-.15em,-1em); }
}

@-moz-keyframes arrow{
  0%, 20%, 50%, 80%, 100%	{ -moz-transform: translateX(0); }
	40%						{ -moz-transform: translate(-0.25em,-1em); }
	60%						{ -moz-transform: translateX(-.15em); }
}

@-mos-keyframes arrow{
  0%, 20%, 50%, 80%, 100%	{ -mos-transform: translateX(0); }
	40%						{ -mos-transform: translateX(-0.25em); }
	60%						{ -mos-transform: translateX(-.15em); }
}

@-o-keyframes arrow{
  0%, 20%, 50%, 80%, 100%	{ -o-transform: translateX(0); }
	40%						{ -o-transform: translateX(-0.25em); }
	60%						{ -o-transform: translateX(-.15em); }
}

@keyframes arrow{
  0%, 20%, 50%, 80%, 100%	{ transform: translateX(0); }
	40%						{ transform: translateX(-0.25em); }
	60%						{ transform: translateX(-.15em); }
}
.d2 {
width: 1000px; 
height: 600px;
background: #9CD6C0;
border-radius: 100px/100px;
}

.img1{
float:left;
margin-left:40px;	
	
	
	
}
.block_zorkesher{
position:relative;
        height:100%;
        
        margin-top:10px;
		float:right;	
margin-right:1px;


margin-left:20px;
	
	
	
}
.block_zorkesher2{
position:relative;
        height:100%;
        
        margin-top:10px;
		float:left;	


margin-left:100px;
	
	
	
}
.buton{
color: #FFCC5B;
font-family: 'David Libre', serif;
text-decoration: none;
margin-top: 10px;
margin-left: 10px;
font-size: 20px;
font-weight:bold;
 }	
 .buton1{
color:white;	
font-family: 'David Libre', serif;
text-decoration:none;		 
  margin-top: 10px;
  margin-left:120px;
  float: left;     
  font-size:20px;
 }	
 		
.buton2{
color:white;	
font-family: 'David Libre', serif;
text-decoration:none;		 
  margin-top: 10px;
  margin-left:138px;
  float: left;     
  font-size:20px;
 }	
 		
.buton3{
color:white;	
font-family: 'David Libre', serif;
text-decoration:none;		 
  margin-top: 10px;
  margin-left:1px;
  float: left;     
  font-size:20px;
 }	
 	

.buton4{
color:white;	
font-family: 'David Libre', serif;
text-decoration:none;		 
  margin-top: 10px;
  margin-left:22px;
  float: left;     
  font-size:20px;
 }	
.footer2 {
    font-size: 14px;
  text-align: center;
  font-family: 'David Libre', serif;
  font-weight: bold;
  color: white;
  margin-top: 20px;
  display: block;
  margin-left: -49px;
}
	

.buton5{
color:white;	
font-family: 'David Libre', serif;
text-decoration:none;		 
  margin-top: 10px;
  margin-left:130px;
  float: left;     
  font-size:20px;
 }	
.buton6{
color: #FFCC5B;
font-family: 'David Libre', serif;
text-decoration: none;
margin-top: 12px;
margin-left: 1300px;
float: left;
font-size: 20px;
 }	
 
 .buton7{
color: #FFCC5B;
  font-family: 'David Libre', serif;
  text-decoration: none;
  margin-top: 12px;
  margin-left: 60px;
  float: left;
  font-size: 20px;
  font-weight: bold
 }
 
  .buton8{
color: #FFCC5B;
  font-family: 'David Libre', serif;
  text-decoration: none;
  margin-top: 12px;
  margin-left: 20px;
  float: left;
  font-size: 20px;
  font-weight: bold
 }
 .buton9{
color: #FFCC5B;
  font-family: 'David Libre', serif;
  text-decoration: none;
  margin-top: 12px;
  margin-left: 60px;
  float: left;
  font-size: 20px;
  font-weight: bold
 }
 .buton10{
color: #FFCC5B;
  font-family: 'David Libre', serif;
  text-decoration: none;
  margin-top: 12px;
  margin-left: 170px;
  float: left;
  font-size: 20px;
  font-weight: bold
 }
 .menu3 {
   right: 50px; /* Расстояние от правого края окна браузера */ 
    padding-top:8px ; /* Поля вокруг текста */ 
   
   
width:300px;
height:100%;
color:white;
font-family:'David Libre', serif;
font-size:20px;	
font-weight:bold;
text-align:center;
text-decoration:none;
margin-top:30px;
}
.menu4{
padding-top: 20px;
  width: 300px;
  height: 100%;
  color: white;
  font-family: 'David Libre', serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
  margin-left: -130px;
  
}
.menu5{
padding-top: 20px;
  width: 300px;
  height: 100%;
  color: white;
  font-family: 'David Libre', serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
  margin-left: -150px;
  
}
  .img8{

  float: left;
margin:7px;

} 
.button_footer {
	 
color: white;
  text-decoration: none;
  margin-top: -20px;
  margin-left: 60px;
  float: left;
}
	 
.button_footer1 {
	 
color: white;
  text-decoration: none;
  margin-top: -24px;
  margin-left: 70px;
  float: left
}
	 
.button_footer2 {
	 
 color: white;
  text-decoration: none;
  margin-top: -38px;
  margin-left: 70px;
  float: left
}
 
.img9{

  float: left;
margin-top: 10px;
 margin-left: 8px;

} 
.img10{

  float: left;
margin-top: 10px;
 margin-left: 8px;

} 
.img11{

  float: left;
margin-top: 10px;
 margin-left: 8px;

} 
.img12{
  height: auto;
max-width: 100%;
margin-left: 80px;
margin-top: 20px;
}
.img13{
  	float:left;
margin-top:-40px;	
margin-left:1px;	  
margin-right:10px;	
height:100%;  
} 
.img14{
  	float:left;
margin-top:10px;	
margin-left:1px;	  
margin-right:10px;	
height:100%;  
}
.img_14{
  	float:left;
margin-top:10px;	
margin-left:35px;	  
margin-right:10px;	
height:100%;  
} 
.img_15{
  	float:left;
margin-top:10px;	
margin-left:42px;	  
margin-right:10px;	
height:100%;  
} 
 
.block {
  min-height: 26px;
  line-height: 26px;
  color: #ffffff;
  font-size: 14px;
  margin: -1150px -550px 0 0;
  padding: 0 0 0 5px;
  white-space: nowrap;
  background-color: red;
  text-align: center;
  float: right;
  height: 30px;
  width: 170px;
}
.block2{
display: block;
  cursor: pointer;
  z-index: 0;
  text-decoration: none;
  font-family: 'David Libre', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  border-bottom: 1px dashed #000;
  margin: -1123px -550px 0 0;
   
  position: relative;
  float: right;
  background-color: #42ADD2;
  color: white;
  width: 170px;
  padding-left: 3px;
text-align:center;
  padding-top: 7px;
  height:30px;
}  
.block3{
display: block;
  cursor: pointer;
  z-index: 0;
  text-decoration: none;
  font-family: 'David Libre', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  border-bottom: 1px dashed #000;
  margin: -1083px -550px 0 0;
  position: relative;
  float: right;
  background-color: #42ADD2;
  color: white;
  width: 170px;
  padding-left: 3px;
  height: 30px;
  text-align:center;
  padding-top: 10px
}


.block4{
display: block;
  cursor: pointer;
  z-index: 0;
  text-decoration: none;
  font-family: 'David Libre', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  border-bottom: 1px dashed #000;
  margin: -1040px -550px 0 0;
  position: relative;
  float: right;
  background-color: #42ADD2;
  color: white;
  width: 170px;
  padding-left: 3px;
  height: 30px;
  padding-top:10px;
  text-align:center;
}
.block5{
display: block;
  cursor: pointer;
  z-index: 0;
  text-decoration: none;
  font-family: 'David Libre', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  border-bottom: 1px dashed #000;
  margin: -997px -550px 0 0;
  position: relative;
  float: right;
  background-color: #42ADD2;
  color: white;
  width: 170px;
  padding-left: 3px;
  height: 30px;
  padding-top: 10px;
text-align:center;
} 

.block_zorkesher2{
position:relative;
        height:100%;
        
        margin-top:10px;
		float:left;	


margin-left:100px;
	
	
	
}
@media screen and  (max-width:1366px){
	.formdoskaprof{

margin-top: 40px;
margin-left: 3px;
width: 700px;
height:100%;
border-radius: 2px;
border-style:solid ;
  border-width: 2px 2px 2px 5px;
  border-color: #F46000 #439EBD #439EBD red;
}
ul.art-hmenu > li > a{
position: relative;
display: block;
height: 26px;
cursor: pointer;
text-decoration: none;
color: black;
padding: 0 17px;
line-height: 26px;
text-align: center;
font-weight: bold;
}
ul.art-hmenu > li > a.active {
  color:black;
}

 

.carta{
width:640px;
height:480px;	
	
}
.stranizi{
      position:relative;
      border: 3px solid #dddddd;
      margin-left: 250px;
      
      color:#FF00AE;
      margin-top:20px;
      
      }

.stranizi2{
      position:relative;
      border: 3px solid #dddddd;
      margin-left: 20px;
      
      color:#FF00AE;
      margin-top:20px;
      
      }	

@media screen and  (max-width:480px){	
	.table_gl{


       position: relative;
height: 100%;
width: 300px;
margin-top: 10px;
color: black;
margin-left: 10px;
background-color: white;
text-align: center;
font-weight: bold;
border-spacing: 20px;
display: inline-block;

        }

.carta{
margin-right: 540px;
width: 500px;
height: 450px;
}		
.img8 {
  float: left;
  margin-top: 10px;
  margin-left: 110px;
  width: 20px;
  height: 20px;
}


.button_footer {
  color: white;
  text-decoration: none;
  margin-top: -25px;
  margin-left: 138px;
  float: left;
  font-size: 12px;
}
.button_footer2 {
  color: white;
  text-decoration: none;
  margin-top: -24px;
  margin-left: 140px;
  float: left;
  font-size: 12px;
}
.button_footer1 {
  color: white;
  text-decoration: none;
  margin-top: -23px;
  margin-left: 140px;
  float: left;
  font-size: 12px;
}
/* Многоколоночный текст  https://htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst  */
   .column {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
   }
 /*Переливающиеся буквы*/ 
  
 .vasodun_animakun {
  font-size: 20px;
line-height: 48px;
font-family: Verdana, sans-serif;
font-weight: 900;
position: relative;
background: #e8e8e8;
overflow: hidden;
text-transform: uppercase;
text-align: left;
color:red;
}
.vasodun_animakun:before {
  content: '';
  position: absolute;
  filter: blur(10px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  background-image: repeating-linear-gradient(
-45deg
, transparent, transparent 1em, #afd4f3 1em, #2287e0 50%), repeating-linear-gradient(
45deg
, #3089d6, #2367a0 1em, #f5f2f2 1em, #b3d7f5 50%);
  background-size: 3em 3em, 2em 2em;
  animation-name: ani;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes ani {
  from {
  background-position: 0 0;
  }
  to {
  background-position: 100% 0;
  }
}
 .imgheader{
 margin-top: -60px;
float: left;
position: relative;

margin-left: 250px
}
 /* Мобильная навигация */



.logo {
	position: absolute;
top: 50px;
left: 30px;
font-weight: 900;
font-size: 30px;
color:white;
}


.menu-triger {
	background: url(https://snipp.ru/demo/449/menu.png) 0 0 repeat;
	display: block;
	width: 25px;
	height: 17px;
	position: absolute;
	right: 15px;
	top: 20px;
}	
.menu-close {
	background: url(https://snipp.ru/demo/449/close.png) 0 0 repeat;
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	background-color:#00AAFF;
	display: none;
	position: absolute;
	right: -110%;
	top: 0;
	width: 250px;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.menu-popup li a {
  font-size: 18px;
  font-family: "Arial";
  color: rgb(255, 255, 255);
 
  text-decoration: none;
  float: right;
 
 margin-top: 10px;

}
.body_pointer  {
	cursor: pointer;
}  
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #FFFFFF;
   margin:0;
   padding: 0 8px;
}
.art-hmenu ul li a:hover
{
   color: #FFFFFF;
   background-position: left bottom;
   border-top-width: 0 !important;
}
ul.art-vmenu ul a
{
   display: block;
   position:relative;
   white-space: nowrap;
   height: 30px;
   overflow: visible;
   
   background-repeat: repeat-x;
   background-position: top left;
   padding:0;
   padding-left:15px;
   padding-right:15px;
   line-height: 30px;
   color: #FFFFFF;
   font-family: Arial, Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}