body {margin:0}
.podskazka{
	    display: inline;
	    position: relative;
	}
	.podskazka:hover:after{
	    background: #333;
	    background: rgba(204,102,0,.8);
	    border-radius: 5px;
	    bottom: 26px;
	    color: #fff;
	    content: attr(title);
	    left: 20%;
	    padding: 5px 15px;
	    position: absolute;
	    z-index: 98;
	    width: auto;
	}
	.podskazka:hover:before{ 
	    border: solid;
	    border-color: #cc6600 transparent;
	    border-width: 6px 6px 0 6px;
	    bottom: 20px;
	    content: "";
	    left: 50%;
	    position: absolute;
	    z-index: 99;
	}

/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed, iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;

min-width: 320px;
max-width: 650px;
width: 100%;
}
.popup h1 { /* заголовок 1 */
color: #008000;
margin: 10px auto;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:21px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* заголовок 2 */
color: #008000;
margin: 3px auto;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:18px 'Trebuchet MS', Helvetica, sans-serif;
}
/*** Формируем стили модального окна ***/
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 8;
display: block;
visibility: hidden;
background-image: url(images/les.jpg);
margin: 0 auto;
width: 95%;
min-width: 320px;
max-width: 650px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 10px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень блока */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
/* активируем появление окна и затемнение фона */
.overlay:target+.popup {
top: 7%; /* положение окна от верха страницы при появлении */
visibility: visible;
opacity: 1; /* убираем прозрачность */
}
/* формируем кнопку закрытия */
.close {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
/* задаём значения и эффект перехода при наведении */
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
/* крутим кнопку при наведении */
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);    
}
/* опционально при добавлении вложений */
.popup p, .popup div {
margin-bottom: 10px;
}

	
	
	
 A:visited {
    color: #223472; /* Цвет посещенных ссылок */
   }
   A:active {
    color: #223472; /* Цвет активных ссылок */
   }

a.m1
{
 text-decoration: none;
color: black;
font-family:Palatino Linotype;
}
a.m
{
 text-decoration: none;
 color:black;
 font-family:Palatino Linotype;
}


a.txt0{
    text-indent: 20px; 
	text-align:justify;
	margin: 3px auto;
	text-decoration: none;
	font-size:14px;
	color: black;
	font-family:Palatino Linotype;
   }
 p.txt0{
    text-indent: 20px; 
	color:black;
	text-align:justify;
	margin: 3px auto;
	font-size:14px;
	font-family:Palatino Linotype;
   }

a.txt{
    text-indent: 20px; 
	text-align:justify;
	margin: 3px auto;
	text-decoration: none;
	font-size:16.3px;
	color: black;
	font-family:Palatino Linotype;
   }
 p.txt{
    text-indent: 20px; 
	color:black;
	text-align:justify;
	margin: 3px auto;
	font-size:16.3px;
	font-family:Palatino Linotype;
   }
a.lin{
color: #008000;
text-align:justify;
	text-decoration: none;

text-shadow: 0 2px 2px rgba(0,0,0,.2);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
 }


	 

	#b2 {

	 opacity: .01;

	 filter: alpha(opacity=1);

	}



a.button16 {
color: #223472;
  font-size:19px;
  display: inline-block;
font-family:Palatino Linotype;
  text-decoration: none;
  padding: 5px;
  outline: none;
  border-radius: 6px;
}


a.button16:hover {
color: #223472;
 background-image:
   radial-gradient(45% 45% at 50% 100%, rgba(255,255,255,.9), rgba(255,255,255,0)),
   linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.3));
  box-shadow:
   inset rgba(162,95,42,.4) 0 0 0 1px,
   inset rgba(255,255,255,.9) 0 0 1px 3px;
}
a.button16:active {
color: #223472;
  background-image:
   radial-gradient(45% 45% at 50% 100%, rgba(255,255,255,.9), rgba(255,255,255,0)),
   linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.3));
  box-shadow:
   inset rgba(162,95,42,.4) 0 0 0 1px,
   inset rgba(255,255,255,.9) 0 0 1px 3px;
}

ul {

color: #223472;
  font-size:19px;
  display: inline-block;
font-family:Palatino Linotype;
  text-decoration: none;
  padding: 5px;
  outline: none;
  border-radius: 6px;
    margin: 0;
  list-style: none;	
  
}
ul:after {
    display: block;
    content: ' ';
    clear: both;
    float: none;
}
ul.menu > li {
    float: left;
    position: relative;
}
ul.menu > li > a {
    display: block;
    list-style: none;
  color: #223472;
  font-size:19px;
  display: inline-block;
font-family:Palatino Linotype;
  text-decoration: none;
  outline: none;
  padding: 5px;
  border-radius: 6px;
}


ul.menu > li > a:hover {
    color: #223472;
 background-image:
   radial-gradient(45% 45% at 50% 100%, rgba(255,255,255,.9), rgba(255,255,255,0)),
   linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.3));
  box-shadow:
   inset rgba(162,95,42,.4) 0 0 0 1px,
   inset rgba(255,255,255,.9) 0 0 1px 3px;

}


ul.submenu {
    display: none;
    position: absolute;
    width: 180px;
    top: 37px;
    left: 0;
    background-image: url(images/les.jpg);
}
ul.submenu > li {
    display: block;
}


ul.submenu > li {
    display: block;
}
ul.submenu > li > a { 
 display: block;
    list-style: none;
  color: #223472;
  font-size:16px;
  display: inline-block;
font-family:Palatino Linotype;
  text-decoration: none;
  outline: none;
  padding: 5px;
  border-radius: 6px;
}
ul.submenu > li > a:hover {

 color: #223472;
 background-image:
   radial-gradient(45% 45% at 50% 100%, rgba(255,255,255,.9), rgba(255,255,255,0)),
   linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.3));
  box-shadow:
   inset rgba(162,95,42,.4) 0 0 0 1px,
   inset rgba(255,255,255,.9) 0 0 1px 3px;

}

ul.menu > li:hover > ul.submenu {
    display: block;
}

a.m11
{
color: #008000;
margin: 3px auto;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:18px 'Trebuchet MS', Helvetica, sans-serif;
}