* {
	margin:0;
	padding:0;
}
.fleft {
	float:left;
	border: 3px solid #3C3;
	margin: 5px;
}
.fright {float:right}
.fclear {clear:both}
a {color:#fff}
a:hover {text-decoration:none;color:#000}
body {
	color:#000;
	padding-bottom:20px;
	background-image: url(../images/fon3.png);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	width: 100%;
	max-width: 1300px;
	min-width: 995px;
	margin-right: auto;
	margin-left: auto;
}
.ukr {
	float: left;
	background-image: url(../images/ukr.png);
	height: 100px;
	width: 100px;
}

.footer a {
	font-family: "Monotype Corsiva";
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

#content {
	width:1200px;
	text-align:left;
	background-repeat: repeat-y;
	background-position: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	
}
#main {
	width:1200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;

}
#header {
	padding-top:5px;
	padding-bottom:5px;
	background-repeat: no-repeat;
	background-position: top;
	height: 423px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	width:880px;
	background-image: url(../images/title_new.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	left: 150px;
	background-position: right top;
	margin-left: auto;
	height: 80px;
}
#logo h1 a {text-decoration:none;font-style:italic;font-size:18px;color:#0f3d85}
#logo H2 a {font-size:12px;color:#0f3d85;text-decoration:none}
#menu {
	width:990px;
	height:60px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#menu ul {list-style:none;padding-left:0}
#menu li {display:inline}
#left {
	width:20%;
	background-image: url();
	background-repeat: no-repeat;
	background-color: #CCC;
	padding-top: 5px;
	float: left;
	padding-left: 10px;
}
#content #main #main_bot #right .text div img {
	float: left;
	padding: 5px;
}

#text1, #text2 {
	width:269px;
	height:22px;
	padding-top:4px;
	padding-left:8px;
	padding-right:8px;
	border:none;
	background-repeat:no-repeat;
	background-position:left top;
	color:#000;
	padding-bottom:5px
}
.inner_copy {border:0;color:#f00;float:left;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}

#left ul {
	border:0;
	list-style:none;
	margin-left:20px;
	margin-bottom:5px;
	padding-top:5px;
	color: #333;
}
#left li {
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	padding-bottom:10px;
	background-image: url();
}
#left a {
	color:#360;
	text-decoration:none;
	font-weight:bold
}
#left a:hover {text-decoration:underline}
#left p {color:#000;padding-top:3px;line-height:20px}
#right .readl {height:20px;text-align:right;background:url(file:///C|/Users/%D0%BB%D0%B0%D1%80%D0%B8%D1%81%D0%B0/Desktop/%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B9%D0%BA%D0%B0/citylight/images/read.gif);background-repeat:no-repeat;background-position:right top}
#right .readl a {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;font-style:italic;color:#0a2a95;text-decoration:none;line-height:0;border-bottom:1px dotted #0a2a95;margin-right:10px}
#right .readl a:hover {color:#000;text-decoration:none}
#right {
	float:left;
	width:70%;
	margin-left: 10px;
}
.text {
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.ss {
	font-size: 14px;
	font-style: italic;
	color: #666;
}
.ss1 {
	font-size: 16px;
	font-style: italic;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 20px;
	padding-left: 120px;
}

#right H5 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	padding-top:10px;
	height:30px;
	padding-left:30px;
	background-image: url(../images/tr6.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}
#right H6 {
	font-size:16px;
	font-weight:bold;
	color:#036903;
	padding-bottom:10px;
	padding-left:10px
}
#right a {color:#0a2a95;font-weight:bold;text-decoration:underline}
#right a:hover {color:#84c8f5}
#right p {margin:0;padding:0;padding-bottom:10px}
#gal {
	padding-left:5px;;
	background-repeat:repeat-y;
	background-position:left;
	border: thin solid #24BD24;
}
#gal_top {background:url(gal_top.jpg);background-repeat:no-repeat;background-position:left;height:10px;margin-top:10px}
#gal_bot {background:url(images/gal_bot.jpg);background-repeat:no-repeat;background-position:left;height:10px}
#leftcol, #cencol1, #cencol2, #rightcol1, #rightcol2 {width:102px;float:left;margin-left:10px;margin-right:10px;text-align:center}
#main_bot {
	margin-top: 7px;
}
.left_res {width:50%;float:left}
.left_res a {color:#0A2AB9;font-weight:bold}
.right_res {float:right;width:50%}
.right_res a {color:#0A2AB9;font-weight:bold}
ul {
	color:#000;
	margin-left:30px;
	font-size: 14px;
}
.anons {
	list-style-image: url(../images/page_a.jpg);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	background-image: url(../images/kaplya.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 60px;
	padding-left: 35px;
	padding-top: 10px;
}
.footer {
	width: 800px;
	height: 60px;
	position: relative;
	clear: both;
	margin-left: 20px;
	margin-top: 20px;
}
#content left {
	padding: 5px;
	float: left;
}
#content .footer h3 a {
	color: #000;
}
.biganons {
	background-image: url(../images/tr6.png);
	background-repeat: no-repeat;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	display: block;
	padding-top: 10px;
	padding-left: 10px;
}
.manons {
	background-image: url(../images/tr6.png);
	background-repeat: no-repeat;
	height: 40px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}
.b1 {
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 10px;
	padding-top: 5px;
}
.b1:hover,
.b1:focus {
	border-color: #999;
	background-image: url(images/tr2.png);
	background-repeat: no-repeat;
}
a:link {
	color: #666;
}
.skoro {
	background-image: url(../images/tr2.png);
	height: 40px;
	width: 250px;
	font-size: 16px;
	color: #FFF;
	background-repeat: no-repeat;
	vertical-align: bottom;
	font-weight: bolder;
}	
karta {
	border: 3px solid #0C0;
}
#content #main table tr td img {
	border: 3px solid #3C3;
}
#main #main_bot #left .skoro {
	height: 50px;
	width: 250px;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	padding-top: 10px;
}
.an2 {
	background-image: url(images/tr4.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 250px;
	color: #FFF;
	
}
 .tooltip {
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	color: #222;
	outline: none;
	text-indent: 0;
	padding: 0 3px;
	background-color: #FF9900;
}
.tooltip:hover:before {
	content: attr(data-title);
	white-space: pre-line;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 9999;
	width: 230px;
	margin-left: -127px;
	padding: 10px;
	border: 2px solid #ccc;
	opacity: .9;
	background-color: #33CC33;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover:after {
	content: "";
	position: absolute;
	z-index: 10000;
	bottom: 24px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}
/* Yellow */
.gtooltip:hover:before {
	background-color: #33CC66;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	color: #000000;
}
.gtooltip:hover:after {
	border-top-color: #FF9900;
}
.button {
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	margin: 5px;
	height: 100px;
	width: 250px;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
}
.menushka {
	height: 55px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url();
	background-repeat: no-repeat;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #000;
}
.skoro1 {
	background-position: center center;
	height: 40px;
	width: 250px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	background-repeat: no-repeat;
}
.spisok {
	height: auto;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.spisok2 {
	float: left;
	width: 250px;
}
.button2 {
	background-image: url(images/time.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 5px;
	height: 100px;
	width: 250px;
}.menushka table tr td h3 a {
}
.attent {
	font-size: large;
	font-weight: bolder;
	color: #3C3;
	text-decoration: blink;
}


.menu-main {
	list-style: none;
	margin: 40px 0 5px;
	padding: 25px 0 5px;
	text-align: center;
	background-color: #00CD0D;
}
.menu-main li {
	display: inline-block;
	color: #FFF;
}
.menu-main li:after {
	content: "|";
	color: #FFF;
	display: inline-block;
	vertical-align:top;
	font-weight: bolder;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
	text-decoration: none;
	letter-spacing: 2px;
	position: relative;
	padding-bottom: 20px;
	margin: 0 34px 0 30px;
	font-size: 17px;
	text-transform: uppercase;
	display: inline-block;

  transition: color .2s;
	color: #FFF;
}
.menu-main a, .menu-main a:visited {
	color: #FFF;
	font-weight: bolder;
}
.menu-main a.current, .menu-main a:hover{
	color: #CCC;
}
.menu-main a:before,
.menu-main a:after {
	content: "";
	position: absolute;
	height: 4px;
	top: auto;
	right: 50%;
	bottom: -5px;
	left: 50%;
  transition: .8s;
	background-color: #CCC;
}
.menu-main a:hover:before, .menu-main .current:before {
	left: 0;
	color: #FFF;
}
.menu-main a:hover:after, .menu-main .current:after {
	right: 0;
	color: #FFF;
}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 25px 0 20px; 
  margin: 0 30px;
}
}