* { box-sizing: border-box; }

.td { display: table-cell; }
.tr { display: table-row; }
.table { display: table; }

body { font-family: Arial; }

a:hover {
	color: #000099;
	text-decoration: underline;
/*	font-weight:bold;
	font-size:14px;
	text-align: center; */
}
a:link {
	color: #000099;
	text-decoration: none;
        text-decoration: underline;
        font-weight:bold;
	font-size:14px;
	text-align: center;
}
a:active {
	color: #FFFF00;
	text-decoration: underline;
        font-weight:bold;
	font-size:14px;
	text-align: center;
}
a:visited {
	color: #000099;
	text-decoration: none;
	font-weight:bold;
	font-size: 14px;
	text-align: center;
}
.tabl { background-color: #3898ca; color: white;
		font-family:  "Times New Roman", Times, serif; 
		text-align: center;
		border: 0px ;
                font-size:14px;
}
.tabl1 { width: 80%;
		font-family: "Times New Roman", Times, serif;
/*		font-style:italic; */
		font-size:14px;  
		text-align: justify; 
}
.tabl2 {background-color:#3399FF; 
		font-family:  "Times New Roman", Times, serif; 
		text-align: left;
                font-weight:bold;		
		font-size:14px;
     		height: 30px;

}
.tabl3 {background-color:#3399FF; 
		font-family:  "Times New Roman", Times, serif; 
		font-style:normal;
		font-weight:bold;		
		font-size:14px;
		color: #FFFF00;
		text-align: center; 
}
.tabl4 {font-family:  "Times New Roman", Times, serif; 
		font-style:normal;
		font-size:14px;
		color: #000000;
		text-align: justify; 
}

.text1 {font-family:  "Times New Roman", Times, serif;
		font-style:normal;
		font-size:14px;
		text-align: right;
}
.text2 {font-family:  "Times New Roman", Times, serif;
		font-style:normal;
		font-size:12px;
		text-align: center;					
} 
.text3 {font-family:  "Times New Roman", Times, serif;
		font-style:normal;
		font-weight:bold;		
		font-size:14px;
		color: #FFFF00;
		text-align: left;					
}
.text4 {font-family:  "Times New Roman", Times, serif; 
		font-style:normal;
		font-size:14px;
		color: #000000;
		text-align: justify;
		text-indent: 20px; 
}
.text5 {font-family:  "Times New Roman", Times, serif;
		font-style:normal;
		font-weight:bold;		
		font-size:14px;
		color: #000000;
}
.text6 {font-family:  "Times New Roman", Times, serif;
		font-style:normal;
		font-weight:bold;		
		font-size:14px;
		color: #000000;
		text-align:center;
}
.text7 {font-family:  "Times New Roman", Times, serif; 
		font-style:normal;
		font-size:14px;
		color: #000000;
		text-align: justify;

}
.text8 {font-family:  "Times New Roman", Times, serif; 
		font-style:normal;
		font-size:14px;
		text-align: justify;
}
h3{font-weight: bold; 	
	color:#000000; 
	text-align: center;
}

h3 a:hover { text-decoration:none !important; color: black;  }

#ibanner a {font-size: 2em; color: orange !important; text-decoration: none !important; }

.logo img { width: 100%; max-width: 456px; }
.menu a { background-color: #3898ca; color: white; padding: 1px 4px 3px 4px; text-decoration: none; font-family: Arial; font-size: 16px; }
.menu a:hover {  background-color: gray; }
a.logo, a:hover.logo { background-color: white; color: #3898ca; }
.menu a { border: 0px solid white; line-height: 24px; }
.up { }
.left { }
.right { float: right; width: 25%; max-width: 228px; margin: 0 0 0 1em; }
.right a { display: block; text-align: left; width: 100%; margin: 2px 0 6px 0; }
/* used by /js/active.js to mark current page link */
.active { background-color: #999999 !important; }
/* used by /js/active.js to mark current sub link ( /about/ for /about/anketa.htm for example) */
.subactive { background-color: #bbbbbb !important; }
.logo { background-color: white !important; }
.map {
 width: 622px !important; max-width: 99%;
 height: 378px;
 background:url(/image/kar.gif) -5px 0 no-repeat;  }

.footer { border-top: 10px solid white; }

/* -- yashare -- */
.yashare-auto-init, .ya-share2 { float: right; margin: 0 1% 0 0; }

/* -- correct style for medium screens (< 999px) -- */
@media screen and (max-width: 999px) {

img { max-width: 45%; }
.scrollTop{ left:1%; bottom: 10px; }

}

.style2 {font-size: 18px; }

.vrezka { float:right; width:30%; background: rgb(204,239,246); border: solid rgb(4,161,219) 1px; margin: 2%; padding: 0 1% 1% 1%; }

.news h2 { font-size:16px; }
.news li { list-style: none; }

/* -- correct style for narrow screens (<400px) -- */
@media screen and (max-width: 400px) {
.footer, .linklist { display: none; }
.scrollTop{ bottom:-12px; left:-6px; }
form, form * { max-width: 100% !important; }
form input { margin: 0px 0px 0px 0px; }

body { font-family: "Arial Narrow" !important; }
h1 { font-size: 22px; }
h1, h2, h3, h4, h5, ul, ol, li { margin: 0px; padding: 0px; }
ol, ul { margin: 0 0 0 2px; padding: 0 0 0 4px; }
li { text-indent: 0; }
}