body { padding:0px; margin:0px;
	letter-spacing: 1px;
    background: url(images/fon.jpg) center top -190px repeat-x; 
}
img { border:0px}

#center { display:inline-block; width:88%; position: absolute; top:0px; left:0; z-index:-2; margin:0; 
   }
   
#center span { text-align:center; font-family: "Istok Web", sans-serif; font-size: 38%; letter-spacing: 2px; font-style:italic;  }  

#center h2 { font-family: "Iris", serif; font-size: calc(1.2vw + 1.2vh); text-align:center; color: #222; padding: 0 0 0 14%;
} 

#links { width:100%; background: #EAEAEA; font-family: "Iris", serif; font-size: calc(0.9vw + 1.2vh);
  text-align:center; color: #ff0000; padding:0px; display:inline-block; margin-top:130px; 
  -moz-box-shadow: 0px 2px 3px #969696;
	-webkit-box-shadow: 0px 2px 3px #969696;
	box-shadow: 0px 2px 3px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); }
	
#links a { letter-spacing:3px;  }

#links a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #222;
	}   
#links a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #222;
	}
	
#links a:hover { text-transform: none; text-decoration: underline; color: #ff0000; letter-spacing:1px;
	} 	
  
#text { width:100%; padding:0;
 }  

.stroke {
    text-shadow: #fff 1px 1px 0, #fff 0 0 2px;
;
   }
 
.shadow { -moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	box-shadow: 2px 2px 3px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); } 
   
#text h1 { font-family: "Iris", serif; 
  font-size: calc(3vw + 2vh); text-align:center; color: #ff0000; padding: 0 10px;
}   
#text h2 { font-family: "Iris", serif; text-align:center; color:#222;}

.less { font-size: calc(2vw + 1.5vh); }

.less_less { font-size: calc(1.5vw + 0.5vh); display:inline-block; margin-top:10px; }

.less_less a, .less_less a:link, .less_less a:visited, .less_less a:hover  { letter-spacing:0px; font-weight:bold; text-align:center; color: #222;  }

#fulltext { width:80%; margin: 0 auto; 
-moz-box-shadow: 0px 0px 2px #969696;  
	-webkit-box-shadow: 0px 0px 2px #969696;
	box-shadow: 0px 0px 2px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=90, Strength=3); padding:10px; font-family: "Istok Web", sans-serif; }
	
.left20 { letter-spacing:1px; font-family: "Istok Web", sans-serif; display:inline-block; margin:0 20px; line-height:150%; }	
	
#fulltext img { float: right; padding:20px; }	

#fulltext p { text-indent:30px;
  font-size: 16px; line-height:150%;
  font-family: "Istok Web", sans-serif;
  color: #222; padding:0 10px; text-align:justify;
}	

#fulltext a { letter-spacing:1px; font-family: "Istok Web", sans-serif; display:inline-block; margin:0 20px; line-height:150%;
  }

#fulltext a:link { text-transform: none;  text-decoration: underline; letter-spacing:1px; color: #222;
	}   
#fulltext a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #222;
	}
	
#fulltext a:hover { text-transform: none; text-decoration: none; color: #ff0000; letter-spacing:1px;
	} 

#fulltext span { display:inline-block; margin-left:30px; }	

	
body { scrollbar-face-color: #FFF; scrollbar-arrow-color: #666; }

.red { color: #ff0000; }

#contents { margin: auto 0; display:inline-block; left:7%; top:10%; height:80%; width:80%; position:fixed; background-color:#FFF; overflow-y: auto; text-align:justify; padding:10px; }

#contents h2 { margin: 5px 0px 10px 0px; font-size:150%; font-family: "Iris", serif; }

#contents p { margin: 5px 0px 10px 20px; font-size:100%; font-family: "Istok Web", sans-serif; line-height:150%; } 

#contents a { letter-spacing:1px;  }

#contents a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #222;
	}   
#contents a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #222;
	}
	
#contents a:hover { text-transform: none; text-decoration: underline; color: #ff0000; letter-spacing:1px;
	} 
	
#footer { display: inline-block; position: fixed; bottom:0; left:0; width:100%; background: #d1d1d1; font-size: calc(0.9vw + 0.6vh); font-family: "Istok Web", sans-serif; }

#footer a { color:#000; border-bottom:1px solid #000000; text-decoration: none; }

#footer p {
	text-align: center; letter-spacing: 1px; margin:0; line-height:1.2; padding:15px 0;
}

@media screen and (max-width: 1190px) {
	#center h2 { font-family: "Iris", "Times New Roman", serif; font-size: calc(2.2vw + 1.2vh); text-align:center; color: #222; padding: 0 0 0 14%;
} 

}