@font-face {
	font-family: Andika;
	src: url(fonts/Andika-R.ttf);
}

@font-face {
	font-family: MarckScript;
	src: url(fonts/MarckScript-Regular.ttf);
}

@font-face {
	font-family: Istok Web;
	src: url(fonts/IstokWeb-Regular.ttf);
}

@font-face {
	font-family: RuslanDisplay;
	src: url(fonts/RuslanDisplay-Regular.ttf);
}
@font-face {
	font-family: Istok Web;
	src: url(fonts/IstokWeb-Regular.ttf);
}

img { border:0px; }
a { outline: none; /* Убираем границу вокруг ссылок  */ }
table, html { height:100%; }
	
body {
	margin:0; padding:0; height:100%;
	font: 100% Andika, sans-serif; 	
	background:url(img/fon.jpg) left top no-repeat; background-attachment:fixed;
	 -moz-background-size: auto 100%; /* Firefox до 4.0 */
   -webkit-background-size: auto 100%; /* Safari и Chrome */
   -o-background-size: auto 100%; /* Opera до версии 10.53 */
  background-size: auto 100%; /* CSS3 */
}


#all { width:100%; background:url(img/fon.jpg) right top no-repeat; background-attachment:fixed;
	 -moz-background-size: auto 100%; /* Firefox до 4.0 */
   -webkit-background-size: auto 100%; /* Safari и Chrome */
   -o-background-size: auto 100%; /* Opera до версии 10.53 */
  background-size: auto 100%; /* CSS3 */ }

#head { background:url(img/head.jpg) left top repeat-x; width:100%; margin:0px; position:fixed;  -moz-background-size: auto 100%; /* Firefox до 4.0 */
   -webkit-background-size: auto 100%; /* Safari и Chrome */
   -o-background-size: auto 100%; /* Opera до версии 10.53 */
  background-size: auto 100%; /* CSS3 */ }
  
#head h1 { font-family: "RuslanDisplay", serif; font-size: calc(3vw + 1.2vh); text-align:center; color: #294574; padding: 0; margin:0;
}   
#head span { font-family: "RuslanDisplay", serif; font-size: calc(1.2vw + 0.4vh); text-align:center; color: #294574; display:inline-block; margin: -10px 0 10px 0;
}   

#head h2 { font-family: "MarckScript", serif; font-size: calc(1.5vw + 0.6vh); text-align:center; color: #993300; padding: 0; margin:0;
}

.blu_border { border:solid 2px #007db6; margin:15px 0px 5px 0px; }


#spisok { width:1000px; height:100%; margin: 0 auto; padding-top:10%; padding-bottom:10%; }
 
#text { padding:0px 15px; font: 120%/130% "Andika", sans-serif; border: solid 1px #993300; margin:10px 0px 0px 0px; background:#FFF;  }

#text b { color:#af1919; font-weight:bold; font-size:100%}

#text p { text-align:justify; color:#64697c; }

#text ol li { text-align:justify; color:#64697c; }

#text li { padding-bottom:5px; }

#text .min { font-size:90%; }

.img_left { float:left; margin: 0 10px 0 0 }

.img_right { position:fixed; float:right; right:0px; }

#text a { letter-spacing: 5px; background:#ededef; display:block; width:100%; color:#af1919; text-transform: none; font: bold 80%/150% "Andika", sans-serif;
	text-decoration: none; text-transform:none; font-style:italic; text-align:center
	}

#text a:link { 
	color:#af1919; text-transform: none; text-decoration: none; text-transform:none; font-style:italic;
}

#text a:visited { text-decoration: underline; color: #af1919; text-transform: none; text-transform: none; font-style:italic;
}

#text a:hover { text-decoration: underline; color: #af1919; text-transform: none; text-transform: none; font-style:italic;
}

#text a:active { text-decoration: underline; color: #64697c; text-transform: none; text-transform: none; font-style:italic;
}

#text a.links-fio { letter-spacing: 1px; display: inline; background: none; color:#af1919; text-transform: none; text-decoration: none; text-transform:none; font-style:italic; font: 100%/100% "Andika", sans-serif; 
	}

#text a.links-fio:link { 
	color:#af1919; text-transform: none; text-decoration: none; text-transform:none; font-style:italic;
}

#text a.links-fio:visited { text-decoration: underline; color: #af1919; text-transform: none; text-transform: none; font-style:italic;
}

#text a.links-fio:hover { text-decoration: underline; color: #af1919; text-transform: none; text-transform: none; font-style:italic;
}

#text a.links-fio:active { text-decoration: underline; color: #64697c; text-transform: none; text-transform: none; font-style:italic;
}

#text .now { text-decoration: underline; color: #64697c; background: none; font-weight:normal; text-transform: none; text-transform:none; font-style:italic;
}


#foto img { border: 1px solid #fff;  margin:9px 9px 0px 9px  }

#foto { width:220px; float: right; margin:0px; padding:10px 0 10px 10px;  }

#foto p { letter-spacing:0px; font-size:80%; text-align:center; background-color:#edeff2; padding:5px 0 10px 5px; margin:0 0 10px 0; text-indent:0px;}

#footer { display: inline-block; position: fixed; bottom:0; left:0; width:100%; background: #294574; font-size: calc(0.9vw + 0.6vh); font-family: "Andika", sans-serif; color:#F5F5F5; }

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

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

#toTop { 
            position: fixed; 
            bottom: 0px; text-align:center;  
            right: 190px; 
            color: #c42f2a; font-weight:bold;
            cursor: pointer; width:22px; height:53px; background:url(img/arrow.png) no-repeat}
			
@media only screen and (max-width : 1000px),
only screen and (max-device-width : 1000px){ 
#spisok { width:100%; height:100%; }