body {    background-image: url(dizain/fon.jpg); /* Путь к фоновому изображению */
    background-color: #c7b39b; /* Цвет фона */
   }
   hr{
	color:#8B4513;
	margin : 0 0 -2 0;
}
a{	color:black;	font : bold 12px;}
h1{	margin : -20 -20 -20 -20;}
/*оформление стиха*/
.s_fon{
	background-image : url(dizain/s_fon.png) ;
	width : 555px;
	min-height:336px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	
}
.s_fon_top{ background-image : url(dizain/s_top.png);
		width : 555px;
	height:66px;
    text-align:center;
     margin-left: auto;
     margin-right: auto;
}
.s_fon_bottom{
    background-image : url(dizain/s_bottom.png);
		width : 555px;
        height:59px;
         margin-left: auto;
         margin-right: auto;
 }
.s_fon_vnutri{
     margin-left: auto;
     margin-right: auto;
	 padding-left : 30px;
	padding-right : 0px;
  /*text-align:left;  */
}
.pic_bottom{background:url(dizain/tm.png) bottom right no-repeat;}
/*кон оформ стиха*/

.cifra{ 	color:Green;  	font-size : 22px;  	font : bold oblique; }
.cifra_min{ 	color:Green;  	font-size :14px;  	font : bold oblique; }
.tabl_pergament1{
	background-image : url(dizain/pergament1.png);
		width : 555px;
	   height : 460px;
	 overflow: auto;
	/* прокрутка */
	text-align : left;
	 
	
}

  .stix {
    display: inline-block; /* строчно-блочный элемент */
    position: relative; /* относительное позиционирование*/
   }
   .stix:hover::after {
    content: attr(data-title); /* выводим текс */
    position: absolute; /* абсолютное позиционирование */
    left: 30px; top: 30%; /* полежение подсказки*/
    z-index: 1; /* подсказкаповерх других элементов */
    background: rgba(255,255,230,0.9); /* полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* шрифт */
    font-size: 11px; /* размер текста */
    padding: 5px 10px; /* поля */
    border: 1px solid #333; /* параметры рамки */
       }
   a.podcherk{text-decoration: none; /* отменить подчеркивания */}
   
    .tooltip span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 200px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px;	
}
 .tooltip:hover span{visibility: visible;}

a.spic{color:Blue; font : bold oblique; }

.mintable{
	border : 1px none Black;
	font-size : 14px;
	margin : 0 0 0 0;
	vertical-align : text-top;
}

.statiyatabl{
	margin-bottom :20;
	margin-left : 20;
	margin-right : 15;
	margin-top : 20;
}

.green{	color: #8B4513;	text-decoration: none;}


.komname{
	color: White;
	background-color : #8B4513;
	width : 100%;
}

.zaglav{
	color: #8B4513;
	text-decoration: none;
	font-size : 40px;
	font-family : "Comic Sans MS";
}
.tablstix{height:10;	    vertical-align: bottom; }

.liniya{	color: #D2691E;	}
.menuuser{	background-color : #FFEBCD;}

.litab{	width : 250px; position:fixid;}

.litabl{
	border: 1px dashed #00280e;
	border-collapse: collapse;
	background-color : #FFEBCD;
	padding:0;
	font-size : 12px;
	height:18px;
	width : 250px;
	/*position:absolute;*/
}

/*меню гризонтальное*/
ul.css-menu {list-style: none}
ul.css-menu li {display: inline}
ul.css-menu li a {
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	/*background-image: url(dizain/fon.jpg);*/
	/*background: #DEB887;*/
	font-weight: bold;
	color: #8B4513;
	padding: 2px 10px 2px 10px
}
ul.css-menu li a:hover {
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	background: Maroon;
	color: White;
}
ul.css-menu li a.selected {background: #364e95}
/* end меню гризонтальное*/
.otvet{
	background-color : #FAEBD7;
	padding-left : 45px;
	width : 100%;
}
.viewotvet{
	background-color : #FFEBCD;
	padding-left : 45px;
}
.right{		text-align : right;  float:right;}
.red{	color : Red;}

.tblalign{ border: 1px; vertical-align:top; width:100%;}

.tdalign{
vertical-align:middle;
padding:15px 0px 0px 0px;
}

.green1{
	color: #057D02;
	text-decoration: none;
	font-size : 14px;
	font-style : oblique;
	font-weight : bold;
}
.ceriy{	color: Gray;}
a.notpodcher{	text-decoration: none;}

.color1{	color: #488FA2;}
#chat{
	background-color : #F0F8FF;
	border: 3px solid #F0E68C;
	width : 500px;
	height: 400px;
	overflow: auto;
	/* прокрутка */
	text-align : left;
	/* overflow-wrap: normal; */
}

.stixi{
	text-align : left;
}
.vrad{/*в один ряд все элементы - выставляется для всех эл. в ряду*/
	display: inline-block;
	}
.bbig{
	font-size : 26px;
}

.tbl_fon{
	background-image : url(dizain/pergament2.png) ;
	background-size: contain;
	background-repeat : no-repeat;
	/*background-image : url(dizain/fons.png) ;
	*/
	width : 350px;
	height:290px;
	padding-left : 20px;
    overflow: hidden;
    
}	

.novinka{
	color : Red;
	font-size : 10px;
	vertical-align:super;
}	

.leftgl{  /*левая колонка*/
	width : 220px;
}
.roption{
	color : Black;
	font-weight : bold;
}

.poption{
	text-indent:15px;
}

/*эффект при наведение на елку*/
/*OPACITY*/
.eff img {
 
}
.eff img:hover {
 -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
}

.avtimg {
	margin:10px 0px 5px 35px;
	width:300px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}

.textblok{
   width : 290px;
	height:170px;
	text-align : center;
	overflow: hidden; 
   }

   .textbloks{
   width : 510px;
	/*height:170px;*/
/*	overflow: hidden; 
    white-space: pre-wrap ;*/
	
   }
   .textbloksvn{
  /* width : 95%;*/
  /* min-width:0%;*/
   max-width: 550px;
	/*height:170px;*/
	overflow: hidden; 
    white-space: pre-wrap ;
	
   }

   .brd {
	border: 4px double black;
	/* Параметры границы */
	background: #FFEBCD;
	/* Цвет фона */
	padding: 10px;
	/* Поля вокруг текста */
}

.alrm{background-color : red;}  

/*.yashare-auto-init{
        position: absolute;
}*/

.txtcomment{
   font-weight:bold ;
/*style=' font-weight:bold;'*/
 }