/* CSS Document */
@charset "utf-8";

img {border: 0;}

a:link {
	text-decoration: underline;
	color: #3570b4;
}
a:visited {
	text-decoration: underline;
	color: #3570b4;
}
a:hover {
	text-decoration: none;
	color: #3570b4;
}
a:active {
	text-decoration: underline;
	color: #3570b4;
}

body {
	margin:0 auto;
	padding:0 auto;
/*	width:100%;  
	height:100%;  */
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #000000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}

.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c0120b;
}
.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.contentpagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #68ACD9;
	text-decoration: underline;
}
a.contentpagetitle: link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #68ACD9;
	text-decoration: underline;
}
a.contentpagetitle: visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #68ACD9;
	text-decoration: underline;
}
a.contentpagetitle: hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #68ACD9;
	text-decoration: none;
}
a.contentpagetitle: active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #68ACD9;
	text-decoration: none;
}

.div_start { width: 100%; }
.titul1 {
	background-image: url(../images/titul1_bg.jpg);
	background-repeat: repeat;
	height: 29px;
	width: 100%;
	padding-top: 10px;
}
.titul2 {
	background-image: url(../images/titul2_bg.jpg);
	background-repeat: repeat;
	height: 156px;
	width: 100%;
}
.titul_txt {
	font-family: 'PT Sans', sans-serif;;
	font-size: 34px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 0px;
}
.div_topmenu {
	width: 1103px;
	border: 1px solid #000000;
}

.topmenu {
    min-width:1100px; max-width:4000px;
/* 	width: 100%;  */
	margin:0 auto;	
	height: 53px;
	background-image: url(../images/menutop_bg.jpg);
	background-repeat: repeat-x;
	clear: both;
}
.div_banner {
	font-size: 20px;
	height: 313px;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.div_banner_pic {
	height: 313px;
	width: 1103px;
}
.titul_ico {
	height: 24px;
	width: 1103px;
	padding-top: 15px;
	text-align: center;
}
.div_navigator {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.navigator {
	width: 1100px;
	text-align: left;
	font-size: 14px;
	color: #3570b4;
}
.div_search {
	background-color: #FFFFFF;
	width: 300px;
	margin-bottom: 20px;
}
.div_banner_left {
	width: 300px;
	margin-bottom: 20px;
}


.search_titul {
	background-color: #3570b4;
	height: 25px;
	width: 290px;
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 2px;
	padding-left: 10px;
}
.search_text {
	background-color: #FFFFFF;
	padding: 10px;
	width: 276px;
	border-right: 2px solid #b2b9c3;
	border-bottom: 2px solid #b2b9c3;
	border-left: 2px solid #b2b9c3;
	text-align: center;
}
.news_text {
	background-color: #FFFFFF;
	width: 286px;
	border-right: 2px solid #b2b9c3;
	border-bottom: 2px solid #b2b9c3;
	border-left: 2px solid #b2b9c3;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.menu_left {
	background-color: #FFFFFF;
	padding: 10px;
	width: 276px;
	border: 2px solid #b2b9c3;
}
.right_block {
	background-color: #FFFFFF;
	width: 735px;
	border: 2px solid #b2b9c3;
	margin-left: 20px;
	padding: 0px 20px 20px;
}
.div_vagno {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.vagno_line {
	background-image: url(../images/line_vagno.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 1095px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.div_resurs {
	min-width:1100px; max-width:4000px;
}
.div_line_top {
	background-image: url(../images/line_buttom.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 1000px;
	margin-bottom: 20px;
}
.div_line_down {
	background-image: url(../images/line_buttom.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.plaska {
	background-image: url(../images/plashka.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 342px;
	text-align: center;
}
.div_resurse {
	width: 100%;
	margin-top: 20px;
}
.webresurse {
	background-color: #FFFFFF;
	width: 1080px;
	padding: 5px;
	font-size: 18px;
}
.webresurse_1 {
	height: 36px;
	width: 100%-20px;
	background-image: url(../images/bg_resurce.png);
	padding-left: 20px;
	text-align: left;
}
.webresurse_2 {
	height: 81px;
	width: 100%-20px;
	background-image: url(../images/bg_resurce-2.jpg);
	padding-left: 20px;
	text-align: left;
	padding-top: 5px;
}
.webresurse_3 {
	height: 64px;
	width: 100%-20px;
	background-image: url(../images/bg_resurce-3.jpg);
	padding-left: 20px;
	text-align: left;
	padding-top: 5px;
}
.webresurse_4 {
	height: 55px;
	width: 100%-20px;
	background-image: url(../images/bg_resurce-3.jpg);
	padding-left: 20px;
	text-align: left;
	padding-top: 5px;
}
.webresurs_stv {
	height: 40px;
    min-width:1100px; max-width:4000px;
	margin-top: 20px;
}
.div_footer {
	background-image: url(../images/footer_bg.jpg);
	height: 180px;
    min-width:1100px; max-width:4000px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
.footer {
	height: 180px;
	width: 1100px;
}
.footer_right {
	background-image: url(../images/footer_karta.png);
	background-repeat: no-repeat;
	height: 187px;
	width: 255px;
	float: right;
}
.fotter_left {
	width: 800px;
	height: 180px;
	float: left;
	padding-top: -5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: left;
}
.footer_copyr {
	padding-top: 5px;
}










/*gorizontal menu*/
#nav{
	height:50px;
	width:100%;
}
#nav, #nav ul{
	list-style:none;
    z-index: 999;  
	margin:0;
	padding:0;
	font:20px/50px 'PT Sans', sans-serif;
}

#nav ul{
	background-color: #FFFFFF;
	color:#000000;	
}

#nav li{
	float:left;
	position:relative;
    z-index: 999;	
}
#nav li:hover, #nav li.jshover{
	background-color: #0049a8;
	color:#000000;		
}
#nav a{
	display:block;
/*	width:80px;*/
	color:#000000;
	padding:0 20px; 
	text-align:left;
	text-decoration:none;
/*	border-right:1px solid #4f679a;  */
}
#nav a:hover{
	background-color:#0049a8;
	color:white;
}

#nav ul{
	font:18px/25px 'PT Sans', sans-serif;
	visibility:hidden;
	width:350px;
	position:absolute;
	top:50px;
	left:0;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
 	border-top: 1px solid #000000;   
}
#nav ul a{
 	border-bottom: 1px solid #000000;   
	background-color: #FFFFFF;	
	width: 310px;	
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);	
}
#nav ul a:hover{
/*	border-top:1px solid #000;   */
	background-color:#0049a8;
	color:white;
}

#nav li:hover ul, #nav li.jshover ul{visibility:visible;}

#nav li:hover li ul, #nav li.jshover li ul{
	top:-1px;
	left:350px;
	visibility:hidden;
}
#nav li:hover li:hover  ul, #nav li.jshover li.jshover ul{
	visibility:visible;
}
#nav li:hover>a {color:#fff;}




/* vertical menu  */ 
#navvert, #navvert ul{
	color:#000000;
	list-style:none;
	margin:0;
	padding:0;
	width:275px;  
	font:18px/30px 'PT Sans', sans-serif;
/*	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;  */
}

#navvert ul{ box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); }

#navvert li{position:relative; }
#navvert li:hover {	background-color:#0049a8;}

#navvert a{
	color:#000000;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	position:relative;
 	border-bottom: 1px solid #CCCCCC;   

/* 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;  */
}

* html #navvert li{float:left; }
* html #navvert li a{height:1%; }

#navvert a:hover{
 	color:#FFFFFF; 
	background-color:#224f93; 
}

#navvert li ul{
	width:350px;  
	background-color:#FFFFFF;
	border-top: 1px solid #4f679a;
	border-right: 1px solid #4f679a;
	border-left: 1px solid #4f679a;
	position:absolute;
	top:-1px;
	left:275px;
	display:none;
	color: #000000;  
}

#navvert li:hover ul,#navvert li.jshover ul{display:block; }

#navvert li:hover>a {color:#fff;}