/*
CityBroker
Mandarinko, 2010
Alexey Zarakovsky
*/

* {
	margin: 0;
	padding: 0;
}
img {
	border: 0 none;
}
a {outline: none;color:#003788;}


/*CSS START*/
/*##################################*/

body {
	font-family: Arial;
	height: 100%;
	color: #000;
	background: #fff url(img/body_ie_bg.jpg) left -26px repeat-x;
}
	#wrap {
		width: 97%;
		margin: 0 auto;
	}

	#header {
		height: 120px;
		overflow: hidden;
	}		
		#header #logo {
			width: 226px;
			height: 153px;
			float: left;
			margin-left: 25px;
			position:relative;
			top:-10px;
		}
		#header .head_nav {
						
			padding-top: 50px;
			margin: 0;
		}
			#header .head_nav img {
				margin: 0 10px;
			}
		#header .head_contacts {
			color: #004090;
			font-style: italic;
			padding-top: 45px;			
			font-size: 13px;
		}
		#header .head_contacts div {
			width: 200px;
		}
			#header .head_contacts .phone {
				color: #fd252f;
				display: block;
				text-align: center;
				font-size: 24px;
				font-weight: bold;
			}
				#header .head_contacts .phone strong {
					color: #004090;
				}
		#header a.callback {
			color: #fd252f;
			font-size: 15px;
			font-style: italic;
			display: block;			
			margin-top: 53px;			
		}
		#header a.callback:hover {
			text-decoration: none;
		}
		#header a.offer {
			display: block;
			width: 141px;
			height: 74px;
			background: url(img/offer_bg.png) top left no-repeat;
			color: #fff;
			text-align: left;
			margin-top: 15px;
			padding-left: 80px;
			padding-top: 30px;
			float: right;
			font-size: 18px;
			text-decoration: none;
			font-style: italic;
			font-weight: bold;
			text-align: center;
			line-height: 15px;
		}

	#nav {
		list-style: none;
		margin: 0 auto;
/*		background: #fff url(img/nav_bg.jpg) top center no-repeat;*/
		height: 355px;
		display: block;
		overflow: hidden;
		/*padding-top: 165px;*/
		/*padding-left: 50px;*/
	}
		#nav .active a {
			color: #003788;
		}
		#nav li {
			display: block;
			float: left;
			width: 20%;
			/*height: 35px;*/
			text-align: center;
			/*margin: 0 114px 173px 0;			*/
			margin: 0px 5% 0 0;
		}
		#nav li.fix {
			margin-right: 0px;

		}
		#nav li.first {
			clear: both;
		}
			#nav li a {
				text-align: center;
				display: block;
				float: left;
				width:100%;
				padding: 0 5%;
				padding-top:5px;
				margin-left: 12%;
				color: #fd252f;
				font-style: italic;

				font-size: 13px;
				font-weight: bold;
				text-decoration: none;
			}
				#nav li a img {
					d_isplay: block;
				}
				#nav li a span {
					text-decoration: underline;
					position: relative;
					top: -10px;
				}
			#nav li a:hover span{
				text-decoration: none;
				color: #003788;
			}
	#main {
		width: 100%;
		float: left;
		border: #cedcf2 1px solid;
		padding-top: 5px;
		padding-bottom: 15px;
	}
		#main #left {

		}
		#main #leftbar {
			width: 225px;
			padding-left: 5px;
		}
			#main #leftbar a.leftred {
				width: 203px;
				height: 46px;
				display: block;
				color: #fff;
				background: url(img/leftred.png) top left no-repeat;
				text-decoration: none;
				font-weight: bold;
				padding: 13px;
				font-size: 18px;
				text-align: center;
			}
			#main #leftbar a.leftred.oneline {
				padding-top: 25px;
				height: 37px;
			}
			#main #leftbar a.showall {
				font-size: 17px;
				color: #fd252f;
				font-style: italic;
				font-weight: bold;
				padding-left: 10px;
				display: block;
				margin-bottom: 10px;
			}
			#main #leftbar a.showall:hover {
				text-decoration: none;
			}
		#main #centerbar {
			padding-left: 10px;
			padding-right: 10px;
			width: 100%;
		}
			#main #centerbar h1 {
				color: #003788;
				font-style: italic;
				font-size: 22px;
				margin: 5px 0 10px 0px;
			}
			#main #centerbar p {
				font-size: 12px;
				margin-bottom: 10px;
			}
			#main #centerbar a.more {
				display: block;
				text-align: right;
				color: #fd252f;
				font-size: 12px;
				font-style: italic;
			}
			#main #centerbar a.more:hover {
				text-decoration: none;
			}
			#main #centerbar a.buy {
				font-size: 20px;
				color: #fd252f;
				font-style: italic;
				font-weight: bold;
				display: block;
				text-align: center;
				margin-top: 30px;
			}
			#main #centerbar a.buy:hover {
				text-decoration: none;
			}
		#main #rightbar {

			width: 270px;

			border-left: 1px solid #cedcf2;
			padding-left: 10px;
		}
			#main #rightbar ul#rnav {
				list-style: none;
			}
				#main #rightbar ul#rnav li {
					display: block;
					width: 253px;
					height: 55px;
					background: url(img/rnav_li_bg.png) top left no-repeat;
					margin-bottom: 10px;
					padding-top: 10px;
					padding-left: 10px;
				}
					#main #rightbar ul#rnav li img {
						float: left;
						width: 54px;
					}
					#main #rightbar ul#rnav li a {
						color: #003788;
						font-size: 13px;
						font-style: italic;
						font-weight: bold;
						width: 153px;
						height: 50px;
						padding-left: 10px;
						display: block;
						text-align: right;
						float: right;
						margin-top: 5px;
						margin-right: 20px;
					}
					#main #rightbar ul#rnav li a:hover {
						text-decoration: none;
					}
			#main #rightbar a.rightred {
				width: 200px;
				height: 46px;
				display: block;
				color: #fff;
				background: url(img/leftred.png) top left no-repeat;
				text-decoration: none;
				font-weight: bold;
				padding: 13px;
				font-size: 18px;
				text-align: center;
				margin-left: 20px;
			}
			#main #rightbar a.rightred.oneline {
				padding-top: 25px;
				height: 37px;
			}
		#main .tree_item, #main .tree_item_top {
			width: 206px;
			font-size: 13px;
		}
		#main .tree_item {
			background: url(img/tree_item_center.png) top left no-repeat;
		}
		#main .tree_item_top {
			background: url(img/tree_item_top.png) top left no-repeat;
			margin-top: 20px;
		}
			#main .tree_item_top span.date {
				color: #fd252f;
				position: relative;
				top: -17px;
				left: 5px;
			}
			#main .tree_item_top span.top {
				padding: 5px;
				padding-bottom: 0;
				display: block;
				position: relative;
				top: -10px;
				width: 150px;
			}
				#main .tree_item_top span.top a {
					color: #fd252f;
				}
				#main .tree_item_top span.top a:hover {
					text-decoration: none;
				}
			#main .tree_item span.bottom {
				display: block;
				margin-left: 25px;
				padding: 3px;
				padding-top: 20px;
			}
				#main .tree_item span.bottom a {
					color: #003788;
				}
				#main .tree_item span.bottom a:hover {
					text-decoration: none;
				}
				#main .tree_item span.bottom span {
					text-align: right;
					display: block;
					color: #003788;
				}
		#main .tree_item_bottom {
			width: 206px;
			height: 6px;
			background: url(img/tree_item_bottom.png) top right no-repeat;
			padding-bottom: 10px;
		}
	#fnav_outer {
		text-align:center;
		margin:0 auto;
		display:table;
	}
		#footer #fnav_out {
			display: table-cell;
		}
		#footer ul#fnav {

			list-style: none;
			float:left;
			margin:0;
			padding:0;
		}
			#footer ul#fnav li {

				float: left;
				margin: 30px 13px;
				font-size: 12px;
				max-width: 100px;
				text-align: center;
			}
			#footer ul#fnav li a {
				color: #003788;
			}
			#footer ul#fnav li a:hover {
				text-decoration: none;
			}
			#footer ul#fnav li.active a {
				color: #f00;
			}
		#footer #rights {
			padding-bottom: 25px;
			color: #999;
			font-size: 12px;
			float: left;
			width: 100%;
		}
			#footer #rights div {
				width: 50%;
				float: left;
				margin-left: 15px;
			}
			#footer #rights span {
				width: 40%;
				text-align: right;
				display: block;
				float: right;
			}
				#footer #rights span a {
					color: #999;
					text-decoration: none;
				}
				#footer #rights span a:hover {
					text-decoration: underline;
				}
.separator {
	clear: both;
	display: block;
}
form table {
	font-size: 12px;
	width: 100%;
}
form table .long {
	width: 60%;
}
form table .long2 {
	width: 80px;
}
form table .mid {
	width: 60%;
}
form table em {
	color: #f00;
}


ul li {
	font-size: 12px;
	margin-left: 15px;
}
ul {
	margin-bottom: 10px;
}

.document {
	font-size: 12px;
	padding: 5px 50px;
	background: url('/img/doc_icon.png') left center no-repeat;
}