/* ##### Body ##### */

body, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #474747;/*был #75787d*/
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img.right {
	clear: both;
	float: right;
	padding: 5px 0 5px 10px;
}

a {
	color: #4a87c8;
	text-decoration: underline;
}

h1 {
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 4px 8px;
	border: 1px solid #e3e3e3;
	border-left: 5px solid #dfe3e4;
	font-size: 10px;
	color: #4a87c8;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
	margin: 0px 0px 8px 0px;
	font-weight: normal;
	padding: 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0;
}

p {
	margin: 5px 0 5px 0;
	padding: 0;
}

ul li {
	list-style: none;
	padding: 0 0 5px 7px;
	background: url("images/menu_arrow.gif") no-repeat 0 6px;
	font-size: 12px;
}

.border1 {
	border-top: 5px solid #4a87c8;
	width: 231px;
	margin: 5px 10px 1px 1px;
	padding: 0;
}

.border2 {
	border-top: 5px solid #aeafb1;
	margin: 5px 1px 5px 1px;
	padding: 0;
}

span.action {
	display: block;
	margin: 10px 0px;
}

.action a {
	padding: 0px 100px 0px 0px;
	text-decoration: none; 
	font-size: 10px;
	font-weight: bold;
	color: #528dc9;
}

.action img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

div.contact_map {
	width: 650px;
	height: 350px;
	margin: 10px 0px 10px 0px;
}

div.answer {
	margin: 10px 10px 10px 60px;
	border-left: 1px solid #e3e3e3;
}

div.collage {
	height: 120px;
	margin: 0 1px 0 1px;
	background: #ffffff url("images/logo2.jpg") no-repeat left center;
}

div.banner {
	text-align: center;
	margin: 15px 1px 15px 1px;
	padding: 0;
}

.error {
	font-size: 10px;
	font-weight: bold;
	color: #f00;
}

.message {
	font-size: 10px;
	font-weight: bold;
}

.hidden {
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.visible {
	visibility: visible;
	margin: 0;
	padding: 0;
}

/* ##### Header ##### */

#header td.left {
	text-align: left;
}

#header td.right {
	text-align: right;
}

#header td.bar {
	border-left: #cccccc 1px solid;
	padding-right: 11px;
	padding-left: 11px;
	text-align: center;
}

#header td.date {
	border-left: #cccccc 1px solid;
	padding-left: 11px;
	font-size: 10px;
	text-align: right;
	white-space: nowrap;
}

#header td.date span {
	color: #4b88c7;
	font-weight: bold;
}

#header p.menu {
	padding: 8px;
	white-space: nowrap;
	margin: 0;
}

#header a.menu {
	background: #4b86c8 url("images/header_arrow.gif") no-repeat right center;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
}

#header a.menu:hover, #header a.current {
	background: #d0d5db url("images/header_arrow.gif") no-repeat right center;
	color: #6e757d;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
}

#header div.border {
	margin: 1px 1px 10px 1px;
	padding: 0;
	border-bottom: 5px solid #cad1d9;
}

#header div.header_navigation {
	font-size: 10px;
	color: #528dc9;
	padding: 4px 0 4px 0;
	margin: 0;
}

#header div.header_navigation a {
	text-decoration: none;
	font-weight: bold;
}

/* ##### Footer ##### */

#footer {
	border-top: 1px solid #4a87c8;
	margin: 15px 0 15px 0;
}

#footer td {
	color: #727981;
	font-size: 10px;
	padding: 5px;
	white-space: nowrap;
}

#footer td.right {
	text-align: right;
}

#footer td.left {
	text-align: left;
}

#footer td.center {
	text-align: center;
}

#footer td a {
	color: #4786cb;
	font-weight: bold;
	text-decoration: none;
}

#footer td a:hover {
	color: #f00;
}

/* ##### Main ##### */

#main td {
	vertical-align: top;
}

/* ##### Menu ##### */

table.menu {
	width: 230px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 1px;
	padding: 0;
}

table.menu th {
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	color: #75787f;
	padding: 3px 0 4px 8px;
	border-left: 5px solid #4a87c8;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	white-space: nowrap;
}

table.menu td {
	padding: 1px 0px 0px 10px;
	font-size: 11px;
	color: #75787f;
	margin: 0px;
}

table.menu td a {
	background: url("images/menu_arrow.gif") no-repeat left 5px;
	padding: 0px 0px 1px 10px;
	color: #4786cb;
	text-decoration: none;
}

table.menu td a:hover, table.menu a.current {
	color: #474747;
}

/* ##### Form_menu ##### */

table.form_menu {
	border: 1px solid #e3e3e3;
	width: 230px;
	margin: 1px 0px 0px 0px;
}

table.form_menu th {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	color: #4a87c8;
	text-transform: uppercase;
	padding: 10px 10px 8px 10px;
	white-space: nowrap;
}

table.form_menu td {
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	color: #75787f;
}

table.form_menu td.label {
	color: #727981;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
}

table.form_menu input.field {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	padding: 0;
	height: 19px;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 125px;
}

table.form_menu select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	padding: 0;
	height: 19px;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 125px;
}

table.form_menu input.submit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 3px;
	height: 19px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #528dc9 url("images/button_arrow.gif") no-repeat right center;
	text-align: left;
	cursor: pointer;
	width: 65px;
}

/* ##### Print ##### */

table.print {
	width: 540px;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

table.print td {
	padding: 8px;
}

table.print td.left {
	text-align: left;
}

table.print td.right {
	text-align: right;
	font-size: 10px;
	vertical-align: top;
	white-space: nowrap;
}

table.print td.footer {
	text-align: left;
	font-size: 10px;
	vertical-align: bottom;
}

table.print h4 {
	text-align: left;
	color: #000000;
	font-size: 12px;
}

table.print span {
	color: #ff0000;
	font-weight: bold;
}

table.print input.submit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 4px;
	height: 19px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #528dc9 url("images/button_arrow.gif") no-repeat right center;
	text-align: left;
	cursor: pointer;
	width: 65px;
}

/* ##### Navigation ##### */

table.navigation {
	margin: 1px;
}

table.navigation td {
	padding: 5px 10px 5px 0px;
	text-align: left;
}

/* ##### Data ##### */

table.data {
	margin: 10px 0px 10px 0px;
	padding: 0;
}

table.data td {
	padding: 3px;
	vertical-align: middle;
}

table.data td.date {
	font-size: 10px;
	margin: 5px 0px 3px 0px;
}

table.data td.link {
	font-size: 9px;
	vertical-align: top;
}

table.data td.top {
	vertical-align: top;
}

table.data td.bottom {
	vertical-align: bottom;
}

table.data td.title {
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

table.data font.light_grey {
	color: #b5b8ba;
}

table.data td.light_blue {
	color: #a4c3e2;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

table.data .submenu {
	margin: 5px 0px 10px 25px;
	padding: 0;
}

table.data a.list {
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #474747;
}

table.data td.center {
	text-align: center;
}

table.data td.right {
	text-align: right;
}

table.data a.link {
	font-size: 9px;
	text-decoration: none;
}

/* ##### Form ##### */

table.form {
	margin: 20px 0px 10px 0px;
}

table.form th {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	color: #4a87c8;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	white-space: nowrap;
}

table.form td {
	padding: 3px 10px 3px 0px;
	color: #75787f;
	vertical-align: middle;
}

table.form td.label {
	color: #727981;
	text-align: left;
}

table.form font.light_grey {
	font-size: 10px;
	color: #b5b8ba;
}

table.form textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 400px;
	height: 100px;
}

table.form input.field {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	height: 19px;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 60%;
}

table.form select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	height: 20px;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 61%;
}

table.form input.captcha {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	margin: 0;
	height: 19px;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 55px;
}

table.form input.submit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 3px;
	height: 19px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #528dc9 url("images/button_arrow.gif") no-repeat right center;
	text-align: left;
	cursor: pointer;
	width: 100px;
}

/* ##### Map ##### */

#mapType {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #cccccc 1px solid;
	color: #75787f;
	background-color: #dfe3e6;
	margin: 5px 0;
	padding: 0;
}

div.geocoderArea {
	font-size: 10px;
	color: #727981;
	margin: 10px 0;
	padding: 0;
}

div.geocoderArea form {
	margin: 0;
	padding: 0;
}

#geocoderAddress {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #cccccc 1px solid;
	color: #75787f;
	background-color: #dfe3e6;
	margin: 0;
	padding: 0;
	height: 19px;
	width: 500px;
}

div.geocoderArea input.submit, input.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #528dc9 url("images/button_arrow.gif") no-repeat right center;
	text-align: left;
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 3px;
	height: 21px;
}

div.geocoderArea input.submit {
    width: 110px;
}

div.geocoderArea input.button {
    width: 70px;
}

#geocoderResult {
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
}

#mapCanvas {
    width: 705px;
    height: 700px;
	margin: 10px 0 0 0;
	padding: 0;
}

#mapInfo {
	color: #727981;
	font-size: 9px;
	margin: 0 0 8px 0;
}

#routeInfo {
	margin: 15px 0;
    padding: 0;
}

#routeInfo input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 500px;
	height: 19px;
	margin: 0;
}

#routeInfo input.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #528dc9 url("images/button_arrow.gif") no-repeat right center;
	text-align: left;
	cursor: pointer;
	border: 0;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 3px;
	height: 21px;
    width: 70px;
}

#pointInfo {
	margin: 10px 0;
    padding: 0;
}

#pointInfo textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: #cccccc 1px solid;
	font-size: 12px;
	color: #75787f;
	background-color: #dfe3e6;
	width: 500px;
	height: 100px;
	margin: 0;
}

#routeList {
	margin: 10px 0;
    padding: 0;
}

