@font-face {
	font-family: 'XO_Caliburn_Nu';
	src: url(fonts/XO_Caliburn_Nu.ttf);
}
@font-face {
	font-family: 'XO_Caliburn_Ni';
	src: url(fonts/XO_Caliburn_Ni.ttf);
}
@font-face {
	font-family: 'XO_Caliburn_B';
	src: url(fonts/XO_Caliburn_B.ttf);
}
@font-face {
	font-family: 'XO_Caliburn_BI';
	src: url(fonts/XO_Caliburn_BI.ttf);
}

img { border:0px; }
a { outline: none; /* Убираем границу вокруг ссылок  */ }
table, html { height:100%; }
	
body {
	margin:0; padding:0; height:100%; width:100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif; background: #ececec; 
}

#all { width:100%; display: inline-block; text-align: center; margin:0; padding:0; }

#center { width:740px; height:100%; background: url(image/yashin.jpg) #fff left top no-repeat; display: inline-block; margin:0; padding:0; }

#center-razdel { width:740px; display: inline-block; background: #fff; margin:0; padding:0; height:100%;}

#logo { width: 50%; background: url(image/yashin.svg) left top no-repeat; display:inline-block; float: right; margin: 20px 20px 0 0;
-moz-background-size: 100% auto; /* Firefox до 4.0 */
   -webkit-background-size: 100% auto; /* Safari и Chrome */
   -o-background-size: 100% auto; /* Opera до версии 10.53 */
  background-size: 100% auto; /* CSS3 */}

#center-razdel-zastavka { width:740px; background: url(image/razdel.png) #fff left top no-repeat; display: inline-block; position: fixed; margin:0; padding:0; }

#logo-razdel { width: 38%; background: url(image/yashin.svg) left top no-repeat; display:inline-block; float: right; margin: 20px 20px 0 0; height:40px;
-moz-background-size: 100% auto; /* Firefox до 4.0 */
   -webkit-background-size: 100% auto; /* Safari и Chrome */
   -o-background-size: 100% auto; /* Opera до версии 10.53 */
  background-size: 100% auto; /* CSS3 */}
.razdel { width: 80%; margin-left: 10%;}
.razdel a { font-family: XO_Caliburn_B, sans-serif; display: inline-block; width: 100%; color:#888888; letter-spacing: 0px; background: url(image/sneg.jpg) center top no-repeat; padding: 10px 0;  }
.text-left { text-align: left; }

.razdel-spisok { width: 80%; display: inline-block; margin-top: 120px; }
.razdel-spisok a { font-family: XO_Caliburn_Nu, sans-serif; display: inline-block; width: 100%; color:#000000; letter-spacing: 0px; background: url(image/sneg.jpg) center top no-repeat; padding: 10px 0; font-size: 120%; text-align: left; }
.razdel-spisok p { font-family: XO_Caliburn_Nu, sans-serif; display: inline-block; width: 100%; color:#000000; letter-spacing: 0px; padding: 10px 0; font-size: 100%; text-align:justify; margin: 0; }
.razdel-spisok h1 { font-family: XO_Caliburn_B, sans-serif; display: inline-block; width: 100%; color:#888888; letter-spacing: 0px; background: url(image/sneg.jpg) center top no-repeat; padding: 10px 0; font-size: 150%; }
.razdel-spisok h4 { font-family: XO_Caliburn_Nu, sans-serif; display: inline-block; width: 100%; color:#000000; letter-spacing: 0px; padding: 10px 0; font-size: 100%; text-align: center; margin: 0; }
.razdel p { font-family: 'XO_Caliburn_B', sans-serif; display: inline-block; width: 100%; color:#000000; letter-spacing: 0px; font-size: 100%; text-align:justify; }

.razdel img { padding-top: 10px; }
.text { width: 100%; font-size: 120%;  }
.text p { width: 100%; text-indent: 25px; margin: 0; padding: 0; }
.text em { font-family: font-family: XO_Caliburn_Ni, sans-serif; }
.text a { font-family: XO_Caliburn_Nu, sans-serif; display: inline; color:#000000; letter-spacing: 0px; background: none; padding: 0 0; font-size: 100%; text-align: justify; }
.text i { text-align: center; display: inline-block; text-indent: 0px; font-size: 80%; width: 80%; margin-left: 5%; margin-bottom: 20px; }
.sneg { font-family: XO_Caliburn_Nu, sans-serif; display: contents; width: 100%; color:#000000; letter-spacing: 0px; background: url(image/sneg.jpg) center top no-repeat; font-size: 120%; text-align: left; }
.date { display: inline-block; width: 100%; text-align: right; font-size: 80%;}
.center-img { display: inline-block; width: 100%; margin-bottom:20px; margin-top: 30px; }
.link a { font-family: 'XO_Caliburn_Nu', sans-serif; color: #000000; text-align: right; display: inline-block; width: 100%; letter-spacing: 5px; }
.link { margin-top: 30px; }
#crumbs { font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace", serif; color:#A1A1A1; font-size: 90%; padding-top: 10px; margin-top: 50px; letter-spacing: 5px; width: 100%;  }
#crumbs a { color: #A1A1A1; }


.ad-menu { text-align:right; float: right; margin-top: 30px; }
.ad-menu u { display: inline-block;
   font-family: XO_Caliburn_Nu, sans-serif; text-align:right; }
.ad-menu li {
  font-size: 1.4em; padding-bottom: 15px;
  text-align:right;
  font-family: XO_Caliburn_Nu, sans-serif; list-style:none;  
}
.ad-menu li a:hover {
  border-bottom: 1px solid #da400e;
  text-decoration: none;
  color: #000000;
  padding: 0 5px;
  margin: 10px 0; 
}

.ad-menu li a {
  text-decoration: none;
  color: #000000;
  padding: 0 5px;
  margin: 10px 0; 
}

.foto li {list-style-type: none; 
margin-left: 0px; /* Отступ слева в браузере IE и Opera */
padding-left: 60px; /* Отступ слева в браузере Firefox, Safari, Chrome */ 	 
 }
.foto li { background:url(image/foto.png) left top no-repeat;}
.golos li {list-style-type: none; 
margin-left: 0px; /* Отступ слева в браузере IE и Opera */
padding-left: 60px; /* Отступ слева в браузере Firefox, Safari, Chrome */ 
 }
.golos li { background:url(image/golos.png) left top no-repeat;}
.golos p { padding: 0 0 5px 0; margin: 0;}
.imgborder {
   display:inline-block;
   position:relative;
   border:1px solid #ccc;
   padding:5px;
   background:#f2f2f2;
   margin-bottom:30px;
}
.s1 {
   -webkit-box-shadow: 0 28px 16px -26px rgba(205, 65, 20);
   -moz-box-shadow: 0 28px 16px -26px rgba(205, 65, 20);
   box-shadow: 0 28px 16px -26px rgba(205, 65, 20);
}

#fotoalbum { font-family: XO_Caliburn_Nu, sans-serif; display: inline-block; width: 100%; color:#000000; letter-spacing: 0px; background: url(image/sneg.jpg) center top; padding: 0; font-size: 120%; text-align: left; }
#fotoalbum a { display: inline-block; background: none; padding: 10px; text-align: left; width: 130px; float: left; height: 150px }
#fotoalbum p { font-family: XO_Caliburn_Nu, sans-serif; display: inline-block; width: 72%; color:#000000; letter-spacing: 0px; padding: 10px 0; text-align: left; float: right; }
.red { color: #cd4114; font-weight: bold;}
#fotoalbum hr { width: 100%; display: inline-block; border: 3px solid #FFFFFF; margin: 0; padding: 0;}
#center-razdel-zastavka hr { border: 1px solid #F0F0F0; margin-top: 10px; margin-bottom: 0;}
#poloska { width: 100%; background: #000; color:#ffffff; text-transform: uppercase; display: inline-block; position: fixed; bottom:50px; left:0px; letter-spacing: 5px; opacity: 0.6; }

#footer { display: inline-block; position: fixed; bottom:0; left:0px; width:100%; font-size: 80%; color:#000; background: #dadada;}

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

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




  
  @media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
	
	
	
}

 @media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px){
	
	
}