* {border:0; margin:0; padding:0;}
body {height: 100%; margin: 0px; padding: 0px; background-color: #CCFFCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
html  {height: 100%; margin: 0px; padding: 0px; background-color: #CCFFCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

h1, h2,  h3, h4, h5, h6 { color: #00FF00; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 18px;}
#container {width:90%; min-width:720px;max-width:1100px; margin: 0 auto; border: solid #CCCCCC 0px; background-color: #CCFFCC;}
div.clear {clear: both;}

#header {height: 200px; width: 100%; background-color: #CCFFCC; margin: 0px;text-align:center;}
#leftside {background-color: #CCFFCC; width: 20%; min-width:80px;  float: left; margin-left: 0px; min-height: 450px;}
#leftside h1, h2,  h3, h4, h5, h6 {color: #008000; padding: 0;} 
#leftside a{color: #CCCCFF; padding-left: 10px; font-size: 14px; font-weight: bold; text-decoration:none;}
#leftside ul{color: #CCCCFF; padding:10px 0px 10px 30px; font-size: 14px; font-weight: bold;}
#leftside a:hover{color: #FF0000;}
#content {padding: 0px 0px 10px 0px;position:relative;}
.overf { max-height:50px; overflow-y:hidden;}
#b_dn {height: 15px; width:100%; background-color:#eaeaea; position:absolute; bottom:0px; }
#b_dn:hover {background-color:Gray; cursor:default;}
#content p {}
#content img {}
#content div {}
#content  h2 {color: #008000; padding: 0;} 
#rightside {background-color: #CCFFCC; min-width: 80px; width:15%; float: left; margin-right: 0px; min-height: 450px;height:100%;word-wrap: break-word;

}
#footer {float:right; height: 50px; width: 100%; background-color: #CCFFCC; margin: 0px auto; text-align: center; color: #000000; font-size: 14px;}
p.nazvanie_bloka {text-align: center; font-size: 18px; font-weight: bold;}
p.text {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;text-align:justify;padding:10px;}
img.Zag {height:100px;}
#content {text-align:center;background-color:#CCFFCC;width:65%;min-width:400px;float:left;margin-left:0px;min-height:450px;white-space:normal;}
div.vkla {display:inline-block;vertical-align:top;width:200px;height:240px;margin: 5px 10px 5px 10px; padding: 3px 3px 3px 3px;
	border-color:darkgray;border-style:double;border-width:2px;border-radius:10px;
 	box-shadow: 5px 5px 5px 0px #9ec69e;
	background-color: #C1F1C1;
	zoom:1;*display: inline;
}
div.vkla_img {display:table-cell;vertical-align:middle;height:200px;width:200px;}
img.m_vkla {max-width:190px;max-height:200px;width:auto;height:auto;}
div.vkla_pod {height:40px; text-align: center; }
p.opis {font-size:12px;padding-top:3px; }
#alfavit {color: #000000; font-size: 14px; text-decoration:none;margin:5px 0px 5px 0px; }
#alfavit a{color: #000000;font-size: 14px; font-weight: bold;background-color:#fff; min-width: 17px; min-height: 17px; display:inline-block; margin: 0px 0px 2px 0px; padding: 1px 1px 3px 1px; text-transform:uppercase;}
#poisk {color: #000000; font-size: 14px; text-decoration:none;}
a.mn { display:inline-block; margin: 7px 15px;  padding:7px 10px; font-size: 14px;background: #eaeaea; }
div.stran {height:25px; width: 100%; text-align: center; color: #000000; font-size: 12px;font-weight: bold;}
div.puti {text-align: left; color: #000000; font-size: 14px;font-weight: bold; padding:10px 30px; white-space:normal;}
div.poisk{text-align: left; color: #000000; font-size: 12px;margin:5px 5px 0px 10px;}
div.undispl {display:none;position:absolute;}
p.right_p{	font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;text-align:justify;padding:10px;
	border-color:darkgray;border-style:double;border-width:2px;border-radius: 10px;
 	box-shadow: 5px 5px 5px 0px #9ec69e;
	background-color: #E9E9E9;
}
.hist {float: left;  width:100%; padding-bottom:15px; }
.hist_d {font-family:Verdana;font-size:12px;width:100px; height:100%;float: left; font-style:italic; font-weight:bold; color: #008000;margin-top:2px;}
.hist_o {font-family:Verdana;font-size:14px;overflow-wrap:break-word;padding-left:100px; text-align:left;font-weight:lighter}