body, html {
margin:0px; /*??? ??????? ???????? ???????? ???? ? ??????, ?.?. ????????? ???????? ?? ?? ??????? ????????????. */
padding:5px 0 0 0;

background: url(../../templates/f-mix-f2/img/bg2.jpg) repeat;#ccc;
	background-position:0 100%;
	background-attachment: fixed;

}

a#move_up{
position:fixed; /* фиксированное положение блока*/
bottom:20px;
right:0px;
width:65px;
display:none;
font-weight: bold;
font:12px Arial,Verdana,sans-serif;
color:#444;
border-top:2px solid #444;
border-left:2px solid #444;
border-bottom:2px solid #444;
background: -webkit-gradient(linear, left top, left bottom, from(#ffe300), to(#ebd105));
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px;
padding:5px;
opacity:0.8;/*прозрачность*/
filter:alpha(opacity=70);
z-index: 900;
}

a#move_up:hover{opacity:1;filter: alpha(opacity=90);}

.pagesactive{font-size:16px;color:#3d3d3d;background-color:#ffcc00;background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#dcb000)); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:700; border:1px solid #3d3d3d; padding:6px 8px 4px 8px;;}
a.pages:link,a.pages:visited{color:#ccc;background-color:#364e95;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; border:1px solid #000; padding:2px 4px;}
a{outline:none;}
a{color: #91223D; text-decoration: none;} 
a:hover { color: #bbb; text-decoration: none; }
a.pages:link,a.pages:visited{font-weight: bold;color:#ccc;background-color:#6d6d6d;background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));text-decoration:none;padding:4px 8px;border: 1px solid #3d3d3d; color:#ffcc00;}
h1 {
	margin:0px;
	font-weight: bold;
	font-size: 18px;
    color: #ffe300;;
}
h2 {
	margin: 0px;
	font-weight: bold;
	padding-left: 10px;
	font-size: 16px;
	color:#371717;
}
h3 {
	margin:20px 0px 20px 40px;
	font-weight: bold;
	font-size: 15px;
	color:#adadad;
}

hr {height: 0px; border: 0px; border-top: 1px solid #ccc;}

.logo {	
margin: 5px 0 0 15px;
position: absolute;
z-index: 200;
}
.slogan{
    float: right;
	margin:-15px 0 -10px 250px;
    width: 540px;
	padding: 5px;
	text-align:justify;
	font-size:20px;
    font-weight: bold;
    font-family: "Times New Roman", serif;
	color:#ffcc00;
}

.menu-1 {
		position:relative;
		margin: 23px 0 0 0;
 }
.menu-2 {
		position:relative;
		margin:0 0 -23px 0 ;
 }
/*-------------------------------------------------------------*/
ul.css-menu-1 {
 list-style: none;
 float: left;
 position:relative;
 margin: 0 0 5px -40px;
 }

 ul.css-menu-1 li {
 display: inline;
 }

 ul.css-menu-1 li a {
 margin: 0 0 0 1px;
 text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));
color:#ffcc00;
 font-size:16px;
 font-weight: bold;
 padding: 4px 16px 4px 16px;
 border-top:1px solid #3D3D3D;
 border-left:1px solid #3D3D3D;
 border-right:1px solid #3D3D3D;
 }

 ul.css-menu-1 li a:hover {
 padding: 10px 16px 5px 16px;
 font-weight: bold;
 background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#BFBFBF));
 color: #555;
 border-top:1px solid #BFBFBF;
 border-left:1px solid #BFBFBF;
 border-right:1px solid #BFBFBF;


 }

 ul.css-menu-1 li a.selected {
 background: #364e95
 }


.nav_content {
overflow:hidden;
position:relative;
top:6px;
margin:  12px;	
font-size:14px;
font-weight: bold;
color: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#dcb000));
padding:7px 0px 7px 0px;
border: 1px solid #000;
width:970px;
z-index: 600;
	-moz-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
}


.link_nav_content{width:820px;float: left;text-align:left;padding: 0 0 0 10px;}
.rss{width:24px;float: right;text-align:right;padding: 0 10px 0 0;}
.link_nav_content a{ color: #555; text-decoration: none;}
.link_nav_content a:hover { color: #000; text-decoration: none; }
.rss a{ color: #fff; text-decoration: none;}
.rss a:hover { color: #c0c0c0; text-decoration: none; }



/*????? ????? ????? ??? ????? ??????? ????? */

/*-------------------------------------------------------------*/
#v_menu  {
    font-size:14px;
    color: #333;
}
#v_menu ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

#v_menu li a {
    font-size:16px;
    font-weight: bold;
    display: block;
    padding: 8px 8px 8px 8px;
	margin: 0 0 8px 0;
    text-decoration: none;
    width: 260px;
	border: 1px solid #3D3D3D;
	background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));
    color:#ffcc00;
}

#v_menu li a:hover {
    font-size:16px;
    font-weight: bold;
	/*border-bottom: 1px solid #006699;
    color: #006699;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#BFBFBF));
    color: #555;
	border: 1px solid #BFBFBF;
}
/*-------------------------------------------------------------*/




.banner{
width:220px; 
height:350px;
background: url(../../templates/style/img/banner_background.jpg)no-repeat;#ccc;

}
.banner_content{
padding:120px 0 0 15px;
}

#wrapper{
margin:0 auto;	
width:996px;
}
#container{position: relative;
top:-38px;
width:970px; /*?????? ?????? ??????*/
margin:0 auto;  /*??????????? ????? ?? ?????? ? ??????????? ????????? */
padding:40px 10px 40px 10px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffee7e), to(#ffffff));
border:2px solid #444;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
overflow:hidden;
z-index: 100;
}


/*????? ????? ????? ??? ????? ???????? */
#content{
width:100%;
margin:0 0 20px 0; /*?????? ??????? ?????? ? ?????*/
float:left;
padding: 0 0 10px 0;
overflow:hidden;
}
.con{float:left;}
#content h1 a{
color: #ffe300;;
font-weight: bold; font-size: 18;
margin:0px; /* ???????? ?????? ??? ????????? ??????? ??????, ???????????? ? ????? ????????.*/
} 
#content h1 a:hover{
/*text-shadow: 1px 1px 2px black, 0 0 1em red;  Параметры тени */
color: #bbb;
font-weight: bold; font-size: 18;
margin:0px; /* ???????? ?????? ??? ????????? ??????? ??????, ???????????? ? ????? ????????.*/
}

#content p {font-size: 16;
margin:0px; /* ???????? ?????? ??? ?????????? ?, ???????????? ? ????? ????????.*/
padding:0px; /*?????? ????, ?.?. ????? ??? ?????????? ????? ????????, ????? ???? ???????, ??? ??? ???????? :)*/
}
.content_icons{
border:0;
vertical-align:middle;
padding: 0 2px 5px 0;
}
.right{
width:288px;  /*?????? ??????? */
float:right;  /*???????????? ???????????? ?? ?????? ????,? ?????????? ?????????*/
margin: 0 2px 0px 5px; /*?????? ??????? ?????? ? ?????*/
}

	#up_text {    
		padding: 0px;
		font-size:14px;
        font-weight: bold;
        font-family: "Times New Roman", serif;
        color: #444;
		position:relative;
	}
div.white { color: #fff;
 font-weight: bold;
 font-size: 12;
 font-family: Arial; 
 margin-left:9px; 
 } 
table.blok { width: 100%; MARGIN-BOTTOM: 10; font-size: 12px; padding:2px; background-color: #ededed; border-color: #444; border-width: 1px; border-style: solid; }
td.head {
height: 26px; 
background-color: #271e13;
}
td{ 
color: #5c5c5c;
font-size: 12;
}
.comments{background-color:#F8F8F8;width:500px;border-left-width:6px;border-left-style:solid;border-left-color:#CCC;padding:10px;}
.commentar{padding:5px;margin:0 0 5px 0;background:#e9e9e9;border-top:1px solid #ffffff;border-left:1px solid #e9e9e9;border-bottom:1px solid #bababa;border-right:1px solid #bababa;
}
.block_module{
width:100%;
margin: 10px  0;
padding: 0;
background: #fcfcfc;
border: 1px solid #000;
}
.block_moduletitle{
font-weight: bold;
font-size: 18px;
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
color: #ffe300;
font-weight: bold;
padding: 8px;
}
.block_moduletext{
margin: 5px;
padding: 0px;
color: #444;
font-size: 14px;
}

.module{
width:668px;
margin: 10px 0;
padding: 0;
background: #fcfcfc;
border: 1px solid #000;
}
.moduletitle{
font-size: 18px;
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
color: #ffe300;
font-weight: bold;
padding: 8px;
}

.date{
border-bottom: 1px solid #ccc;
font-size: 12px;
color: #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
padding:4px 3px 0 3px;
font-weight: bold;
}
.namb_photo{
position: absolute;
margin-top:-23px;
right:-3px;
width: 73px;
padding:1px 4px 1px 0;
border: 1px solid #000;
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px;
background:#ffe300;
opacity: 0.9;
z-index: 100;
color:#000;
font-weight:bold;
font-size: 16px;
text-align:right;
}

.moduletext{
margin: 4px;
padding: 0;
color: #444;
font-size: 16px;
overflow:hidden;
position:relative;
}
.content_category{
font-size: 12px;
color: #ccc;
font-weight: bold;
}

.modulemore{
height:16px;
font-weight: bold;
font-size: 12px;
border-top: 1px solid #ccc;
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
border-radius:0 0 7px 7px;
color: #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
font-weight: bold;
padding: 6px 5px;
text-align:left;
}
.link_title {
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: #ffe300;;
}
.link_title:hover{
text-decoration: none;
color: #bbb;
}

.link_cat {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #91223D;
}
.link_cat:hover{
text-decoration: none;
color: #bbb;
}

.category{
float:left;
text-decoration: none;
color: #91223D;
background-color:#c1c1c1;
padding:1px 3px 1px 5px;
border:1px solid #999;
font-size: 12px;
}
.category:hover{
color: #ccc;
background-color:#ccc;
}
.link_category span{
position: relative;
text-decoration: none;
padding:3px 8px 3px 8px;
}
.link_category:hover em{
color: #ccc;
}

.link_more{
font-weight: bold;
font-size: 14px;
text-decoration: none;
	background-color: #6d6d6d;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d6d6d), to(#3d3d3d));
    background-image: -webkit-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: -moz-linear-gradient(top, #6d6d6d, #3d3d3d);
    background-image: -ms-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: -o-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: linear-gradient(#6d6d6d, #3d3d3d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#3d3d3d', GradientType=0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	border: 1px solid #024668;
color: #ffffff;
padding:2px 8px 2px 8px;
}
.link_more:hover {
	background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#f0f0f0));
    background-image: -webkit-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -moz-linear-gradient(top, #e0e0e0, #f0f0f0);
    background-image: -ms-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: linear-gradient(#e0e0e0, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f0f0f0', GradientType=0);
    border: 1px solid #ccc;
color: #91223D;
padding:2px 8px 2px 8px;
}

.link_printer {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #91223D;
}
.link_printer:hover{
text-decoration: none;
color: #ccc;
}



.razdel a{ color: #fff; text-decoration: none;}
.razdel a:hover { color: #c0c0c0; text-decoration: none; }
.up{
		float: left;
		width: 410px;
		padding: 5px;
		font-size:14px;
        font-weight: bold;
        font-family: "Times New Roman", serif;
        color: #fff;
		background: url(../../templates/sega/img/head_text.png) repeat-y;
		position:relative;
		margin:170px 0 0 0;
}

#clear{
height:0px;
font-size:1px;
line-height:0px;
clear:both;
}

.oil{
	float: left;
	margin:-10px 0 0 0;
}
/*????? ????? ????? ??? ??????? ????? */




#footer{
	top:-45px;
position: relative;
width:968px; /*?????? ?????? ??????*/
height: 70px;
margin:0 12px;  /*??????????? ????? ?? ?????? ? ??????????? ????????? */
text-align:left;  /*???????? tex-align:center ???????? ? Body. ?????? ????? ???? ????? ? ?????? ???????????? ?? ?????? ???? */
background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#dcb000));
padding:0;
border: 2px solid #000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#footer p{position: relative;
margin:0px;
padding: 10px 0;
font-size: 12px;
}
.down_footer{line-height:18px;float: right; width:355px; padding:5px; margin:5px 5px 5px 1px; color:#7d7d7d;font-size: 14px;}


.statistiks{width:100%;padding:2px 15px 2px 0;margin:0 0 0 0;float: right;font-size: 10px;text-decoration:none;font-weight: bold;color:#662e15;background: rgba(255,255,255,0.7);}
.site_author {float: right;color:#e8e8e8;text-decoration:none;padding:2px 6px;}
.site_author a{color:#e8e8e8;text-decoration:none;padding:2px 6px;}
.site_author a:hover{color:#fff;text-decoration:none;padding:2px 6px;}



#copyright{
bottom:15px;
margin:0 auto;
width:900px; 
height:10px;
}

.copyright_l{
padding: 2px;
float: left;
text-align:left;
font-weight: bold;
width: 500px;
color:#ffcc00;
font-size: 12px;
}
.copyright_r{
padding: 2px;
float: right;
text-align:right;
font-weight: bold;
width: 250px;
color:#ffcc00;
font-size: 12px;
}
/*
.basic.float {float: left;

    width: 30%; ???????? ??????? ?? ????????? ?????????? ??????? (???????? ??? 5?? ??????? ????? ??????? 18-20%) 

    }

.clrbasic {

    clear: both;

    height: 0;

    overflow: hidden;

    }
*/

.news.alt {
padding: 0 6px; margin: 0px;
 display:inline-block;
 vertical-align:top;
 width: 320px;
 
}
.news_clr {
    height: 10;
    clear: both;
}
.news_clr.alt {
    clear: none;
}

.menum{
width:668px;
margin: 10px  0;
padding: 0;
background: #fcfcfc;
border: 1px solid #000;	
overflow:hidden;
}
.modulemenu{
font-weight: bold;
font-size: 12px;
padding: 0;
text-align:left;
overflow:hidden;
}
.descriptmenu {
	font-size: 12px;
}


.table{
   	width:668px;
	margin: 0 0 2px 0;
	border:1px solid #fff;
	border-collapse:collapse;
	
}
.table a{
	text-decoration:none;
	color:#ffcc00;  
}
.table a:hover {
	color: #555;
}

.td {
    border: 5px solid #fff;
	border-collapse: collapse;
    padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #444;
}
.catmenu {position: relative;
	border:1px solid #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));
	padding: 3px 0 3px 3px;
	overflow: hidden;

}
.catmenu:hover {
	color:#555;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#bfbfbf));	
}


/*
.table{
   width:100%;
	margin:0px auto;
	border:1px solid #ccc;
	border-collapse:collapse;
	background-color: #eee; 
}

.table a{
   text-decoration:none;
    color: #fff; 
	background-color: #006699;   
}
.table a:hover {
color: #91223D;
background-color: #eee;
}

.tr {
    background-color: #006699;  
}

.td {
border-collapse:collapse;
padding: 0;
border:1px solid #3D3D3D;
background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));
color: #fff;
font-size: 14px;
font-weight: normal;
	
}
.td:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#BFBFBF));
    color: #91223D;
	border: 1px solid #BFBFBF;
}
*/





select{
font-family: "Helvetica", "Arial", sans-serif;
padding:0 2px;
font-size:12px;
}

input{
font-family: "Helvetica", "Arial", sans-serif;
padding:0 2px;
font-size:12px;
}
textarea{
font-family: "Helvetica", "Arial", sans-serif;
padding:0 2px;
font-size:12px;
resize:vertical;
}
 
input[type="submit"]{
	background-color: #6d6d6d;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d6d6d), to(#3d3d3d));
    background-image: -webkit-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: -moz-linear-gradient(top, #6d6d6d, #3d3d3d);
    background-image: -ms-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: -o-linear-gradient(#6d6d6d, #3d3d3d);
    background-image: linear-gradient(#6d6d6d, #3d3d3d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#3d3d3d', GradientType=0);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
	border: 1px solid #024668;
color: #ffffff;
display: block;
overflow: hidden;
text-align: center;
font-family: "Times New Roman", serif;
font-size:14px;
font-weight: bold;
padding:2px 8px 2px 8px;
margin:0 0 0 5px;
}

input[type="submit"]:hover {
	background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#f0f0f0));
    background-image: -webkit-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -moz-linear-gradient(top, #e0e0e0, #f0f0f0);
    background-image: -ms-linear-gradient(#e0e0e0, #f0f0f0f);
    background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: linear-gradient(#e0e0e0, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f0f0f0', GradientType=0);
border: 1px solid #ccc;
color: #91223D;
}





 .asked-help {
   background-color:#fafafa;
   border:1px solid #dbdbdb;
   margin:1px 1px 0 115px;
   padding:6px;
   position:relative;
   text-align:left;
   width:100%px;
 }

.asked-help-arrow-border {
   border-color:  transparent #dbdbdb transparent transparent;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   top:3px;
   left:-20px;
 }

.asked-help-arrow {
   border-color: transparent #fafafa transparent transparent;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   top:3px;
   left:-18px;
 }
 
.admin_reply {
   background-color:#EDEDED;
   border:1px solid #ccc;
   margin:1px 1px 0 1px;
   padding:6px;
   position:relative;
   text-align:left;
   width:500px;
 }

.admin_reply-arrow-border {
   border-color:  transparent transparent transparent #ccc;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   top:3px;
   left:512px;
 }

.admin_reply-arrow {
   border-color: transparent transparent transparent #EDEDED;
   border-style: solid;
   border-width: 10px;
   height:0;
   width:0;
   position:absolute;
   top:3px;
   left:510px;
 }
 

.sis{
width:208px;
height:55px;
padding: 5px 0;
overflow:hidden;
font-weight: bold;
font-size: 16;
float:left;
margin: 3px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#3d3d3d));
color: #fff;
border:1px solid #3D3D3D;
}
.sis:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#BFBFBF));
    color: #91223D;
	border: 1px solid #BFBFBF;
}


.leaflet{
height: 480px;
width:220px;
border: 1px solid #ccc;
position: relative;
background-color: #f8f8f8;
padding:5px;
margin: 0 0 5px 0;
float:right;
color:#0088cc;
}
	
.bottom{
	width:100%;
	height: 200px;
	background-color: #006699;
	color: #fff;

}