@import "main.css";


/*top-blocks 
------------------------------------------------*/
#logo-box {
	width:27%;
	float:left;
	position:relative;
	text-align:center;
	}
	#logo-box .logo {
	margin:0 auto;
	height:118px;
	display:block;
	position:relative;
	z-index:20;
	width:100%;
	
	background:url(../im/logo.png) center top no-repeat;
	}
	#logo-box a.logo {
	background:none;
	display:inline;
	cursor:pointer;
	}
	#logo-box a.logo span {
	height:118px;
	display:block;
	position:relative;
	z-index:20;
	width:100%;
	background:url(../im/logo.png) center top no-repeat;
	}
	#logo-box div.words {
	color:#285f95;
	position:absolute;
	top:40px;
	overflow:hidden;
	left:0;
	height:118px;
	width:100%;
	z-index:10;
	font-size:140%;
	text-align:center;
	}

#top-block {
	float:left;
	width:73%;
	}
#main-title {
	float:left;
	width:50%;
	}	
	#main-title h1,
	#main-title div {
	margin:20px 10px 20px 27px;
	font:normal 125% Arial, Helvetica, sans-serif;
	color:#51687d;
	}
#main-collage {
	width:49.5%;
	float:left;
	margin:0 0 10px;
	border-left:1px solid #a6b1ba;
	}
	#main-collage div {
		height:117px;
		position:relative;
		margin:-15px 0 -10px;
		/*background:url(../im/main-collage.jpg) 30% no-repeat;*/
	}	
#navigation {
	padding:12px 0 10px 30px;
	position:relative;
	height:30px;
	margin-right:35px;
	background:#f9e1a7 url(../im/classes-bg.png) repeat-x;
	}
	#navigation .page-title {
	position:absolute;
	top:30px;
	left:28px;
	margin-top:-12px;
	font-weight:normal;
	z-index:30;
	}
	#avto-menu {
	/*position: absolute;
	top: 14px; right: 29px;
	margin: 0 0 0 0 100px;*/
	overflow: hidden;
	margin: 10px 27px; 
	}
		#avto-menu .b-item {
		float:left;
		padding:6px;
		margin:0 3px 0 0;
		font-size: 1em; font-weight: normal;
		}
		#avto-menu .selected {
		background:#ff6600;
		}
			#avto-menu .b-item a {
			cursor:pointer;
			text-decoration:underline;
			}
			
			#avto-menu .selected span {
			color:#FFF;
			text-decoration:none;
			cursor:auto;
			}
.line {
	margin:1px 0;
	height:2px;
	width:100%;
	overflow:hidden;
	background:#c1c8cf;
	}
	
#content-block {
	width:73%;
	float:right;
	margin-bottom:40px;
	}	
#info-navigation {
	width:27%;
	float:right;
	overflow:hidden;
	padding-bottom:40px;
	}
	#info-navigation .wrap {
	margin:0 33px;
	}
	
/* Services new */
#services-title {
	padding:12px 0 10px 30px;
	position:relative;
	height:30px;
	margin-right:35px;
	background:#f9e1a7 url(../im/classes-bg.png) repeat-x;
	}
	#services-title .page-title {
	position:absolute;
	top:30px;
	left:28px;
	margin-top:-12px;
	font-weight:normal;
	z-index:30;
	}
	
#services {
	border:1px solid #9fb5cd;
	margin-top: 1px;
	margin-right:35px;
	padding:10px 27px 0 27px;
	position: relative;
}
.service-list {
	overflow: hidden;
	padding-bottom: 10px;
}
.service-list h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 6px 1em 6px 0;
	width: 20em;
	float: left;
}
.service-list a {
	display: block;
	padding-left: 1em;
	position: relative;
}
.service-list a i {
	display: block;
	position: absolute;
	width: 5px; height: 1em;
	left: 0; top: 0;
	background: url(../im/little-things.png) 0 15% no-repeat;
}
/*service block
----------------------------------------------*/	
#service,
#service-corners {
	display: none;
}
#service {
	background:#d3e3f6;
	margin-right:36px;
	padding:20px 32px 18px 28px;
	}
	#service h2 {
	font-weight:normal;
	}
#service-corners div {
	position:relative; 
	background-repeat:no-repeat;
	background-image:url(../im/corners.gif);
	overflow:hidden;
	width:3px; 
	height:3px;
	z-index:10; 
	}
#service-corners .left-corner {
	background-position: left -3px;  
	margin-top:-3px;
	float:left;
	}
#service-corners .right-corner {
	background-position: right -3px;  
	margin-top:-3px;
	margin-right:36px;
	float:right;
	display:inline;
	}
#service-menu {
	width:40%;
	float:left;
	}
	#service-menu h2 {
	margin:15px 10px 0 0;
	/*display:inline;*/
	font-size: 1em;
	font-weight: normal;
	}
		#service-menu h2 a,
		#service-menu h2 span {
		margin:0 0 3px;
		}
		#service-menu h2 a {
		padding:3px 10px;
		color:#333;
		text-decoration:underline;
		cursor:pointer;
		}
		#service-menu h2 a:hover {
		color:#f60;
		}
		#service-menu h2.selected {
		background:#f60;
		padding:7px 10px;
		}
			#service-menu h2.selected span {
			color:#FFF;
			}
#parameters {
	width:60%;
	float:left;
	
	}
	
		#parameters  fieldset {
		border:1px solid #9fb5cd;
		position:relative;
		}
			#parameters  fieldset .f-inner {
			padding:15px 14px 15px 15px;
			}
			#parameters  fieldset legend {
				margin-left:15px; 
				padding:0 2px;
				color:#68839f;
				font:79% Tahoma, Geneva, sans-serif;
				}
		
			#parameters  fieldset table {
			margin-top:15px;
			}
	#parameters .field-title {
	margin:0 7px 10px 0;
	display:block;
	float:left;
	width:11em;
	padding:2px 0 0;
	}
	#parameters input {
	width:4em;
	padding:1px 0 1px 3px;
	float:left;
	font:100% Arial, Helvetica, sans-serif;
	}
	#parameters .units {
	float:left;
	margin:2px 0 0 3px;
	}
	#parameters #descr,
	#descript {
	margin:5px 0 0;
	font:0.79em Tahoma, Geneva, sans-serif;
	}
	#descript {
	margin-top:0;
	min-height:3em;
	}	
/*contacts
-------------------------------------------------*/
	#contacts {
	padding:10px 15px 12px;
	color:#FFF;
	text-align:center;
	background:#236199 url(../im/contacts-bg.png) left bottom repeat-x;
	}	
		#contacts .phone {
		font-size:160%;
		}
		#contacts .code {
		color:#f90;
		}
		.phone span {
		white-space:nowrap;
		}
#contacts-corners div,
.banner-c div {
	position:relative; 
	background-repeat:no-repeat;
	background-image:url(../im/corners.gif);
	overflow:hidden;
	width:3px; 
	height:3px;
	z-index:10; 
	}
#contacts-corners .left-corner,
.banner-c.bottom-c .left-corner{
	background-position: left -3px;  
	margin-top:-3px;
	float:left;
	}
#contacts-corners .right-corner,
.banner-c.bottom-c .right-corner {
	background-position: right -3px;  
	margin-top:-3px;
	float:right;
	}
.top-c .left-corner {
	background-position: left top;  
	margin-bottom:-3px;
	float:left;
    }
.top-c .right-corner {
	background-position: -3px top;  
	margin-bottom:-3px;
	float:right;
    }
   .bottom-c {
   margin-bottom:10px;
   }
#title-block {
	margin:0 0 1px 0;
	width:100%;
	display: none;
	}
#title-block td{
	vertical-align:middle;
	}
#price-title {
	background:url(../im/price-title-bg.jpg) left top no-repeat;
	width:38%;
	}
	#price-title .block-title {
	height:20px;
	font-weight:normal;
	margin:18px 30px 13px 28px;
	}
#param {
	width:60%;
	color:#666;
	font:79% Tahoma, Geneva, sans-serif;
	}
/*cars list
--------------------------------------------------*/
#cars-list {
	border:1px solid #9fb5cd;
	margin-right:34px;
	min-height:12em;
	padding:0 0 20px;
	zoom:1;
	}
	#cars-list ul li {
	float:left;
	display:inline;
	width:27%;
	height:11em;
	text-align:center;
	margin:22px 3% 0 3%;
	font-size:85.72%;
	text-align:center;
	}
	#cars-list li .pic {
	
	}
	#cars-list li img {
	clear:both;
	}
	#cars-list li a {
	font-weight:bold;
	}
	#cars-list li .price {
	padding:0 0.6em 0 0;
	border-right: 1px solid #a6b1ba;
	margin-right: 0.4em;
	}
	#cars-list li .price strong {
	font-size:130%;
	}
	#cars-list li .car-name {
	text-decoration:underline;
	display: block;
	margin-top: 0.75em;
	}
	#cars-list li .little-line {
	height:1px;
	overflow:hidden;
	background:#c1c8cf;
	margin:8px 0 5px;
	}
	#cars-list li .order {
	padding:2px 26px 5px 0;
	line-height:1.8em;
	font-weight:bold;
	
	/*font-size:99%;*/
	background:url(../im/icon-order.png) right center no-repeat;
	}
	#cars-list li .stick {
	padding:0 4px 0 7px;
	color:#a6b1ba;
	font-size:100%;
	}
#cars-list-corners {
	margin-bottom:20px;
}
#cars-list-corners div,
#cars-list-top-corner,
#cars-list-top-corner2 {
	position:relative; 
	background-repeat:no-repeat;
	background-image:url(../im/cars-corners.png);
	overflow:hidden;
	width:4px; 
	height:4px;
	z-index:10; 
	}
#cars-list-top-corner {
	float:right;
	margin-right:34px;
	display:inline;
	background-position:right top;
	}
	* html #cars-list-top-corner,
	* html #cars-list-corners .right-corner {
	right:7px;	
	}
	* html #cars-list-top-corner2
	{
	left:7px;	
	}
#cars-list-top-corner2 {
	display:inline;
	float:left;
	
	background-position:left top;
	}
#cars-list-corners .left-corner {
	background-position: left -4px;  
	margin-top:-4px;
	
	float:left;
	}
#cars-list-corners .right-corner {
	background-position: right -4px;  
	margin-top:-4px;
	float:right;
	display:inline;
	margin-right:34px;
	}
* html #cars-list-corners .right-corner {right: 0;}
/*left menu
--------------------------------------------*/
#menu {
	margin:20px 0 34px;
	}
	#menu li {
	padding:0 0 0 15px;
	margin:0 0 10px 15px;
	font-size:130%;
	position:relative;
	}
		#menu li a {
		color:#369;
		}
		#menu li a:hover {
		color:#f60;
		}
	#menu li a,
	#menu li span {
	text-decoration:underline;
	}
	#menu li span {
	text-decoration:none;
	}
	#menu li i {
	background:url(../im/little-things.png) left top no-repeat;
	width:5px;
	height:1em;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	}
	#menu li.selected,
	#menu li.clickable a.point {
	color:#f60;
	}
	
	/*#menu li#order {
	margin-left:0;
	padding-left:0;
	}
		#menu li#order a,
		#menu li#order span {
		padding-left:48px;
		padding-bottom:1px;
		}
			#menu li#order i {
			background-position:-5px top;
			width:39px;
			height:2em;
			top:-5px;
			}*/
/*level 2
----------------------------------------------*/
#menu li ul {
	margin:7px 0 0 0;
	padding-bottom:5px;
	}
#menu li ul li {
	margin:0 0 6px;
	padding:0 0 0 20px;
	font-size:70%;
	background:url(../im/dash.gif) left 0.6em no-repeat;
	}
	#menu li ul li a,
	#menu li ul li span {
	display:inline;
	padding-left:0;
	}	
	#menu li ul li.selected span {
		color:#f60;
		}
	#menu li ul li a:hover {
		color:#f60;
		}
/*level 3
------------------------------------*/
#menu li ul li ul  {
	margin-left:0;
	}
#menu li ul li ul li {
	font-size:100%;
	}
#banner {
	height:100px;
	display:block;
	background:left no-repeat;
	}
/*corners
---------------------------------------------*/
.rounded-border .corner{
	width:3px;
	height:3px;
	overflow:hidden;
	position:relative;
	z-index:200;
	}

.rounded-border .corner div{
	width:200%;
	height:200%;
	background:url(../im/corners.gif) no-repeat;
	position:absolute;
	}

.rounded-border .corner.right{
	float:right;
	display:inline;
	position:relative;
	z-index:200;
	}
.rounded-border.layout-top .corner.left {
	float:left;
	display:inline;
	position:relative;
	}
.rounded-border.layout-top .corner.right div{
	left:-3px;
	}

.rounded-border.layout-bottom .corner.right div{
	left:-3px;
	top:-3px;
	}
.rounded-border.layout-bottom .corner.right div{
	left:-3px;
	top:-3px;
	}
#navigation .rounded-border.layout-top .corner.left,
#services-title .rounded-border.layout-top .corner.left {
	margin-left:-30px;
	margin-top:-12px;
	display:inline;
	}
#navigation .rounded-border.layout-top .corner.right,
#services-title .rounded-border.layout-top .corner.right{
	margin-top:-12px;
	}
#parameters	.rounded-border .corner div {
	background:url(../im/service-corners.png) no-repeat;
	}
#parameters	.rounded-border .corner{
	width:4px;
	height:4px;
	}
#parameters .rounded-border.layout-top .corner.left {
	margin-left:-1px;
	top:-7px;
	display:inline;
	}
#parameters .rounded-border.layout-top .corner.right {
	top:-7px;
	margin-right:-1px;
	}
#parameters .rounded-border.layout-bottom .corner.right {
	bottom:-1px;
	margin-right:-1px;
	}
#parameters .rounded-border.layout-bottom .corner.left {
	bottom:-1px;
	margin-left:-1px;
	}
#parameters .rounded-border.layout-top .corner.right div {
	left:-4px;
	top:0;
	}
#parameters .rounded-border.layout-bottom .corner.right div{
	left:-4px;
	top:-4px;
	}
#parameters .rounded-border.layout-bottom .corner.left div{
	left:0;
	top:-4px;
	}
#services .rounded-border {
	clear: both;
	margin: 0 -28px -1px -28px;
}
#services .rounded-border .corner {
	width: 4px; height: 4px;
}
#services .rounded-border .corner div {
	background-image: url("../im/cars-corners.png");
	top: auto; left: auto;
}
#services .rounded-border.layout-bottom .corner.left div {
	background-position: 0 -4px;
}
#services .rounded-border.layout-bottom .corner.right div {
	background-position: -4px -4px;
}
/** html .rounded-border.layout-top .corner.right,
* html .rounded-border.layout-bottom .corner.right{
	position:relative;
	z-index:1000;
	width:7px;
	}
* html .rounded-border.layout-bottom .corner.right,
* html .rounded-border.layout-bottom .corner.left {
	height:7px;
	}*/
/*/*topmenu
--------------------------------------------------------*/

/*caption {
	clear:both;
	text-align:left;
	font-weight:bold;
	}
*/

.banner {
	margin-bottom: 3em;
	font-size: 90.28%;
	background: top left no-repeat;
}
.banner a,
.banner span,
.banner img {display: block;}
.banner a span {
	overflow: hidden;
	border: solid #fff;
	cursor: pointer;
	cursor: hand;
}
.banner span.t1,
.banner span.t2,
.banner span.b1,
.banner span.b3 {
	position: relative;
	z-index: 10;
}
.banner span.t1,
.banner span.b2 {
	border-width: 0 3px;
	height: 1px;
}
.banner span.t2,
.banner span.b1 {
	border-width: 0 1px;
	height: 2px;
}
.banner span.t1,
.banner span.t2 {
	top: -58px;
}
.banner span.m {
	border-width: 0;
	height: 58px;
}
.banner-pic {
	height: 64px;
	position: relative;
}
.banner .title {font-weight: bold; margin: 0.5em 0.166em; font-size: 1em;}
.banner p {
	margin: 0 0.166em 1em 0.166em;
	font-size: 84.62%;
	font-family: Tahoma;
	line-height: 1.27;
}

#banner-vip-taxi {
	padding-top: 9px;
	background: top left no-repeat;
}
#banner-auto-wedding {
	background: top center no-repeat;
}

/* Titles image replacement */
.page-title {
	overflow: hidden;
	font-size: 1.25em;
	color: #f30;
}
.block-title {
	position: relative;
	overflow: hidden;
	font-size: 1.25em;
	color: #68839F;
}
.page-title span,
.block-title span {
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}
/*#title-avto,
#title-avto span {
	background: url("../im/transport-classes-title.png");
	width: 235px; height: 18px;
}
#title-about,
#title-about span {
	background: url("../im/about.png");
	width: 147px; height: 18px;
}
#title-services,
#title-services span {
	background: url("../im/services.png");
	width: 78px; height: 18px;
}
#title-cars,
#title-cars span {
	background: url("../im/cars.png");
	width: 156px; height: 18px;
}
#title-order,
#title-order span {
	background: url("../im/order.png");
	width: 172px; height: 18px;
}
#title-service,
#title-service span {
	background: url("../im/service-title.png");
	width: 78px; height: 17px;
}
#title-price,
#title-price span {
	background: url("../im/price-title.png");
	width: 185px; height: 20px;
}/*



/* Columns */
.cols {
	overflow: hidden;
}
.cols .column-1,
.cols .column-2,
.cols .column-3 {
	float: left;
}
.column-1 {
	clear: left;
	padding-left: 0!important;
}
.cols-2 .column-1,
.cols-2 .column-2 {
	width: 48%;
	padding: 0 2%;
}
.cols-2 .column-2 {
	padding-right: 0!important;
}