#main_card
{
  /*position: absolute;*/
  left: 20px;
  top: 0px;
  z-index: 1;
  display: block;
/*          border: 1px solid gray;*/
  width: 99.8%;
}

#ornam
{
  position: absolute;
  left: 95.6%;
  top: 0px;
  z-index: 33;
  display: block;
          border: 1px solid gray;
  background-image: url(image/ornam_perspage.jpg);
  width: 4%;
  height: 100%;
}

#info_part
{
 width: 100%;
 display: block;
}

#ext_part
{
 overflow-y: auto;
 max-height: 66%;
 display: block;
 margin-left: 10px;
}

#extsear_part
{
/* max-height: 66%;*/
 display: block;
 margin-left: 10px;
/* box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
 background-color: #fefefe;
 border: 1px dashed gray;
 min-height: 100px;
 max-width: 99%;
 padding-left: 6px;
 display: none;
/* overflow-y: auto;*/
}

#view_div
{
 position: absolute;
 left: 48%; /* see also left parameter in the showviewver.js */
 margin-right: auto;
 top: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
 background: linear-gradient(to left, #efdfc5, #ffffef);
 /*border-radius: 16px;*/
 max-width: 80%;
 max-height: 80%;
/* min-width: 100px;
 min-height: 100px;
 width: 50%;
 height: 80%;*/
 display: none;
 z-index: 90;
 resize: both;
 text-align: center;
}

#view_material
{
 margin-left: auto;
 margin-right: auto;
 width: 98%;
 height: 90%;
 border-radius: 8px;
 vertical-align: middle;
}

#view_title
{
/* margin-top: -6px;
 padding-top: 6px;*/
 text-align: center;
 max-height: 10%;
 height: 10%;
 margin: 0;
 overflow: hidden;
 cursor: default;
}

#enciclop, #bibliogr,#iconogr, #media, #web
{
/* display: none;*/
 border-top: 3px groove gray;
 max-height: 350px;
 overflow-y: auto;
 margin-right: 10px;
 padding-right: 20px;
 margin-bottom: 10px;
 display: block;
}

#zmist_block
{
 position: relative;
 text-decoration: underline;
 text-align: left;
 font-weight: bold;
 letter-spacing: 1px;
 color: blue;
 white-space:nowrap;
 margin-top: -18px; 
 margin-left: 0px;
 cursor: pointer;
}

#sitesearch_block
{
 position: relative;
/* text-decoration: underline;
 cursor: pointer; */
 font-weight: bold; 
 color: blue;
 text-align: right;
 letter-spacing: 1px;
 white-space:nowrap;
 margin-top: 0px; 
 margin-left: 0px;
}

#title_block
{
 position: relative;
 text-decoration: underline;
 font-weight: bold;
 letter-spacing: 2px;
 color: #444444;
 white-space:nowrap;
 margin-top: -20px; 
 margin-left: 28px;
 cursor: pointer;
}

#title_level2
{
 position: relative;
 text-decoration: underline;
 letter-spacing: 2px;
 color: gray;
 white-space:nowrap;
}

#bib_about, #bib_author, #bib_arc,
#ico_about, #ico_author, #ico_exl, #ico_memo,
#med_about, #med_author, #enc_1, #web_1, #web_2 
{
 border-left: 1px dashed gray;
 border-bottom: 3px double gray;
 margin-top: 10px;
 margin-left: 20px; 
 padding-left: 10px;
 max-height: 230px;
 overflow-y: auto;
}

#ico_about, #ico_memo, #ico_author
{
/*         white-space:nowrap;*/
 max-height: 300px;
}

#panel1_hide, #panel1_show, 
#panel2_hide, #panel2_show, 
#panel3_hide, #panel3_show, 
#panel4_hide, #panel4_show, 
#panel5_hide, #panel5_show
#panel6_hide, #panel5_show
{
  box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Параметры тени */
/* text-decoration: none;*/
}

#spisok {
  height: 40px;
  margin: 0;
}

#plitka {
  height: 140px;
  margin: 0;
}

#person_c
{
	   display: inline-block;
	   /* display: block;*/
	    vertical-align: top;
	    width: 160px;
	    height: 200px;
            margin-top: 10px;
            /*border: 1px solid gray;*/
            white-space: normal;
	    /*background: red;*/ 
         text-align: center;
}

      #panel_p 
        {
         margin-top: 2px;
	 display: block;
	 max-width: 200px;
/*         white-space:nowrap;*/
         position: relative;
  	 z-index: 90;
         /* оформление */
	 border-radius: 8px;
         box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
         background: linear-gradient(to left, #efdfc5, #ffffef);
	 /*display: none;*/
        }

       	#btn_web, #btn_bib, #btn_ico, #btn_media
         {
    	  margin-top: -16px;
	 }

       	#btn_enc, #btn_web, #btn_bib, #btn_ico, #btn_media
         {
	    margin-left: 10px;
	    vertical-align: top;
            padding-top: 10px;
            padding-bottom: 10px;
         }

        #btn_avt_b, #btn_pro_b, #btn_avt_i, #btn_pro_i, #btn_avt_m, #btn_pro_m, 
 	#btn_arc, #btn_exlib, #btn_memo
         {

	   display: inline-block;
         white-space:nowrap;
         }