

@font-face {
    font-family: triumf; /* Гарнитура шрифта */
  
    src: url("fonts/triumf.ttf"); /* Путь к файлу со шрифтом */
   }
   
body {background-color: #590905;
background-image: url(img/fon.jpg);
font-family: triumf, Arial, serif; 
font-size:17px; 
color: #c1a25f;
margin-left:25px; margin-right:20px; margin-top:14px; margin-bottom:14px; text-decoration: none;
text-shadow:3px 3px 3px rgba(33,00,33,0.6); 
margin: c
}


p 
{
	
font-family: triumf, Arial, serif; font-size:17px; margin: 10px; 
}

A {color: #c1a25f; text-decoration: none; text-shadow:2px 2px 2px rgba(0,0,0,0.6);}
A:hover {color: #663399; text-decoration: none;} 
IMG {BORDER:0px;}

.img_boder {boder: 4px;} 
.border_photo { 
margin-top:1px;
/*padding:10px 10px 10px 10px;*/
border:0;
border-right:15px solid #c1a25f;
border-left:15px solid #c1a25f;
border-top:10px solid #c1a25f;
border-bottom:10px solid #c1a25f;
background:#c1a25f;
background-color: 
}

.border 
{ 
margin-top:2px;
border:0;
box-shadow: 10px 8px 6px rgba(33, 00, 33, 0.5); /*1-направление тени, 2-дальность, 3-размытость (цвет и яркость)*/
}

.des {font-family : Arial Narrow, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style: italic; color: gray; padding-right:10px; padding-left:10px;}
.error {font-family : Arial Narrow, Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; font-style: italic; color: red; padding-right:10px; padding-left:10px;}
.date {font-family : Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; font-style: italic; color: #c1a25f; 
text-shadow: black 0 0 3px; 
background: none;}

.pstrnav {
	padding: 0px 10px 20px 15px;
	font-family : Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#c1a25f; text-decoration:none;  
}
.pstrnav a{
	font-family : Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color: #663399; 
}

.post {border:0; border-bottom:0px solid #c1a25f; margin-left:50px;
width: 96%; margin-top:8px; background:none;}

.news {border:0; vertical-align:top; width: 800px; margin-top:8px; background:none;}

.title_news {
color: #c1a25f;
margin-top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px;
padding-top:5px;
padding-bottom:1px;
text-decoration:none;}


.title {
color: #c1a25f;
margin-top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px;
text-shadow:2px 2px 2px rgba(0,0,0,0.6);
padding-top:5px;
padding-bottom:1px;
text-decoration:none;}

.title_g {
color: #c1a25f;
margin-top:0px;
margin-left:5%;
margin-right:0%;
font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px;
text-align:left;
width:180px;
padding-top:0px;
padding-bottom:1px;
background-image:url(img/g.png);
text-decoration:none;
text-shadow:2px 2px 2px rgba(0,0,0,0.6);}
.title_y {
color: #c1a25f;
margin-top:0px;
margin-left:5%;
margin-right:0%;
font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px;
text-align:left;
width:180px;
padding-top:0px;
padding-bottom:1px;
background-image:url(img/y.png);
text-decoration:none;
text-shadow:2px 2px 2px rgba(0,0,0,0.6);}
.title_c {
color: #c1a25f;
margin-top:0px;
margin-left:5%;
margin-right:0%;
font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px;
text-align:left;
width:180px;
padding-top:0px;
padding-bottom:1px;
background-image:url(img/c.png);
text-decoration:none;
text-shadow:2px 2px 2px rgba(0,0,0,0.6);}

.mini {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #c1a25f; margin-top:2px; margin-bottom:2px; text-shadow:2px 2px 2px rgba(0,0,0,0.6); background:none;}

/*------------------------------------*\
	Горизонтальное меню
\*------------------------------------*/
#nav{
    font-family: Arial, "Times New Roman", Helvetica,  sans-serif; font-size:17px;
	text-align:center;
	float:left;
	width:800px;
	list-style:none;
	margin-right: 0px; 
	margin-bottom:5px;
	margin-top:5px;
}
#nav li{
	float:left;
	margin-right:7px;
	margin-left:0px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:1px;
	color: #c1a25f;
	background: none;
	text-decoration:none;
	
	text-shadow:3px 3px 3px rgba(0,0,0,0.5); /* ???? ??????, ????? ?????????? ??? ?? ??????? */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#nav li a:hover{
	color: #c1a25f;
	background: none;
	background:rgba(107,12,54,0.75); /* ???????? ?????????????? */
	text-decoration:none;
}
/*--- ?????????? ?????? ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* ???????? ?? ???????, ????? ?? ????? (?????? ????? ?????, ??? display:none;) */
	opacity:0s; /* ????????????? ????????? ????????? ???????????? */
	-webkit-transition:0.25s linear opacity; /* ? Webkit ?????????? ?????? ????? ??????????? */
}
#nav ul li{
	padding-top:4px; /* ?????? ?????? ????? li ????? ??????? ??????? ??????????? ??????? ???? */
	float:none;
	background:url(img/dot.gif);
}
#nav ul a{
	white-space:nowrap; /* ????????????? ??????? ?????? ? ??????? ????????????? ?????????? ????? */
	display:block;
}
#nav li:hover ul{ /* ??????? ?????????? ????? ??? ????????? ??????? */
padding-left:0px;
	left:0px; /* ???????? ??? ??????? ?? ?????, ????? ????? */
	opacity:1; /* ?????? ???????????? */
}
#nav li:hover a{ /* ????????????? ????? ??? ???????? ??????, ????? ????????? ?????????? ?????? */
	background:#590905;
	background:rgba(107,12,54,0.75); /* ???????? ?????????????? */
	text-decoration:none; /*????? ????*/
}
#nav li:hover ul a{ /* ???????? ????????? ????? ???????? ?????? ??? ?????? ??????????? ?????? */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* ????????????? ????? ??? ?????????? ???????, ????? ?????? ????????? ?? ?????????? ????? */
	    background: #590905; 
	    background:rgba(51,51,51,0.75); /* ????? ?????????????? */
	    text-decoration:underline; 
	    -moz-transform:scale(1.05); 
	    -webkit-transform:scale(1.05); 
}

.mediatable {
width:100%;}