div.navi {
			margin: 2em 0;
}
a.navi {

			margin: 0px 5px 0px 5px;			
			
			padding: 5px 15px 5px 15px;
			background-color:#ECE4D3;
			background-color:#E6E6D2;

			border-style: solid;
			border-width: 2px;
			border-color: #8C6C26;			
			border-radius: 5px;

			font-size: 0.8em;
			font-weight: normal;
			font-weight: bold;
			font-family: Arial;
			text-align: center;
			text-decoration: none;
			letter-spacing: 1px; /* интервал между символами */

			color: #222;			
			cursor: help;
			
			 box-shadow: 3px 3px 5px #777;			/* Параметры тени */
			-webkit-box-shadow: 3px 3px 5px #777;	/* Для Safari и Chrome */
			-moz-box-shadow: 3px 3px 5px #777;		/* Для Firefox */
}



a.navi:hover {
			background-color:#F9F0DC;
			background-color:#E6E6D2;
			border-color: #48350C;
			text-shadow: #000 1px 1px 3px;


			 box-shadow: 1px 1px 1px 1px maroon;		/* Параметры тени */
			-webkit-box-shadow: 1px 1px 1px 1px maroon;	/* Для Safari и Chrome */
			-moz-box-shadow: 1px 1px 1px 1px maroon;	/* Для Firefox */

}


/*------------------------------------------------------------------------------*/

.back, .forward {
		position:relative;
		z-index:1;
}
.back em, .forward em{display:none;}

.back:hover em, .forward:hover em{
		padding:5px 20px;
		bottom: 50px;
		display:block;
		position:absolute;
		z-index:1;
		background-color:#CC0000;
		-webkit-border-radius:5px; /* красивости в виде скругленных углов */
		-moz-border-radius:5px;
		border-radius:5px;
		line-height:normal;
		color:#FFF;
		text-decoration:none;
		white-space: nowrap; /* Почему-то не срабатывает ??? */
		-webkit-box-shadow:0 0 5px #000; /* красивости в виде тени */
		-moz-box-shadow:0 0 5px #000;
		box-shadow:0 0 5px #000;
		opacity: 0.95;
		letter-spacing: 0px; /* интервал между символами */
		word-spacing: 1px;	 /* интервал между словами */
		width: 530px;
}
.back:hover em i, .forward:hover em i{
		position:absolute;
		z-index:1;
		bottom: -20px;
		border-top:20px solid #CC0000;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		_border-left:20px solid #CC0000; /* цвет фона. это для ие6.*/
		_border-right:20px solid #CC0000; /* цвет фона. это для ие6.*/
		display:block;
		height:0;
		overflow:hidden;
}

.back:hover em{		left: 0px;	text-align:left; }
.back:hover em i{	left: 80px;	}
.forward:hover em{	right:0px;	text-align:right;}
.forward:hover em i{right:80px;	}



/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */

@media only screen and (min-width: 576px) {
a.navi {
	margin: 0px 10px 0px 10px;	
  }

}

@media only screen and (min-width: 992px) {
div.navi {
/*			margin: 1.5em 0; */
}
  a.navi {
	margin: 0px 20px 0px 20px;	
  }

}