@font-face {
    font-family: "Century Schoolbook"; 
	src: local("Century Schoolbook");
    src: url("http://finskie-vtorzenija.anatoly-nabatov.ru/wp-content/themes/finn/fonts/censcbk.ttf"); 
	}
	
body {
background-color: #A1A1A1;
background-size: cover;
}		

#wrapper{
	width: 1100px;
	background: #cacaca;
	/*outline: 1px solid black;*/
	margin: auto;	
}	

#header {
		height:210px;
		width: 1100px;
		background-image: url("http://finskie-vtorzenija.anatoly-nabatov.ru/wp-content/themes/finn/img/sapka_viborg.jpg"); 
		background-size: cover;		
	}
	
	
	a {
    text-decoration: none;
	}
	
	a:link { 
    color: #0c508a; /* Цвет непосещенных ссылок */
   }
   a:visited { 
    color: #500890; /* Цвет посещенных ссылок */
   }
   a:hover { 
    color: #ea3022; /* Цвет ссылок при наведении на них курсора мыши */
   }
   a:active { 
    color: #0c508a; /* Цвет активных ссылок */
   }
	
#content {
		width: 980px;
		height: 24000px;
		background:#cacaca;
		margin: 5px 60px 30px;
		overflow: auto;
		display: block;	
		font-family: Century Schoolbook;
	}
	
	.zagolovok {
	font-weight: 800; 
	font-size: 30px;
	text-align: center;
	}
	
	.zagolovok2 {
	font-weight: 600; 
	font-size: 25px;
	text-align: center;
	margin-top: -25px;
	}
	
    .zag {
	font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: -10px;
	font-style: italic;
	letter-spacing: 2px;
	}
	
	.zag2 {
	font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: -10px;
	margin-bottom: -5px;
	}
		
	p {
  text-indent: 5%;
  font-size: 19px;
  font-weight: normal;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 0px;
	}
	
	p.mal {
  text-indent: 5%;
  font-size: 17px;
  font-weight: 600;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 0px;
	}
	
	p.pril {
  text-indent: 5%;
  font-size: 15px;
  font-weight: normal;
  text-align: justify;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
	}
	
	.soderz {
  margin-left: 110px;
  margin-top: 40px;
	}
	
	.soderz2 {
  margin-left: 500px;
  margin-top: -211px;
	}
	
	li {
  margin-left: 10px;
	}
	
	.podpis {
	font-style: italic; 
	font-size: 19px;
	text-indent: 10%;
	margin: 2 0 1 0;
	}
	
	#footer {
		height: 150px;
		background: #bba69d;
		width: 1100px;
	}
	
	.adres, 
	.avtor,
	.sait {
	display: inline-block; 
    float: left; 
	color: #062b4c;
    font-family: Century Schoolbook; 
    /*font-size: 16px; */
	text-transform: none; 
	font-weight: 500;
	margin-top: 50px;
	}
	
	.sait {
	margin-left: 30px;	
	width: 100px;
	}
	
	.adres {
	margin-left: 70px;
	width: 400px;
	}
	
	.avtor {
	margin-left: 170px;	
	width: 250px;
	}
	
	
	
	
	.snoska:hover::after,
	.snoska_otkritija:hover::after,
	.snoska_ugolovniki:hover::after,
	.snoska_oon:hover::after,
	.snoska_junesko:hover::after,
	.snoska_elzin:hover::after,
	.snoska_forum:hover::after,
	.snoska_primeri:hover::after,
	.snoska_shcveizarija:hover::after,
	.snoska_korovi:hover::after,
	.snoska_zargrad:hover::after,
	.snoska_viveski:hover::after,
	.snoska_glava:hover::after,
	.snoska_linija_mannergeima:hover::after,
	.snoska_serdobol:hover::after,
	.snoska_mannergeim:hover::after,
	.snoska_svin:hover::after,
	.snoska_viborg:hover::after,
	.snoska_dokumenti:hover::after,
	.snoska_kadeti:hover::after,
	.snoska_jam:hover::after {
   
   content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 25%; top: 35%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Century Schoolbook; /* Гарнитура шрифта */
    font-size: 17px; /* Размер текста подсказки */
	text-indent: 0%;
    padding: 8px 8px 8px 8px; /* Поля */
    border: 1px solid #383838; /* Параметры рамки */
	width: 450px;
	/*min-width: 150px;
    max-width: 1000px;*/
   }
	
	
	
	
	.snoska_primeri:hover::after,
	.snoska_jam:hover::after {
	width: 600px;
	}
	
	.snoska_viborg:hover::after {
	left: -4800%; top: 40%;
	}
	
	.snoska_ugolovniki:hover::after,
	.snoska_shcveizarija:hover::after,
	.snoska_mannergeim:hover::after {
	left: -1800%;
	}
	
	.snoska_serdobol:hover::after {
	width: 400px;
	}
	
	.snoska_linija_mannergeima:hover::after {
	left: -3200%;
	}
	
	.snoska_glava:hover::after {
	width: 430px;
	left: -3100%; 
	}
	
	.snoska_viveski:hover::after {
	width: 400px;
	left: -1000%; top: %;
	}
	
	.snoska_svin:hover::after {
	width: 350px;
	}
	
	.snoska_forum:hover::after {
	left: -2000%; 
	}
	
	.snoska_otkritija,
	.snoska_dokumenti,
	.snoska_ugolovniki,
	.snoska_oon,
	.snoska_junesko,
	.snoska_elzin,
	.snoska_forum,
	.snoska_primeri,
	.snoska_shcveizarija,
	.snoska_korovi,
	.snoska_zargrad,
	.snoska_viveski,
	.snoska_glava,
	.snoska_linija_mannergeima,
	.snoska_serdobol,
	.snoska_mannergeim,
	.snoska_svin,
	.snoska_viborg,
	.snoska_kadeti,
	.snoska_jam {
    display: inline; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
	color: red;
   }

	
	
	.naverx {			
  font-size: 16px;
  font-weight: normal;
  text-align: center; 
	}