@charset "utf-8";
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
	}

html{
	font-size: 100.01%;
	}
	
body {
	min-width: 990px;
	background:#fff;
	color: #666;
	font: 0.7em/1.37em Verdana, Geneva, sans-serif;
    position:relative;
	}

#layout {	
	margin: 0 auto;
	width:970px;
	padding:0 6px 0 26px;
	position:relative;
	background: url(../i/layout-bg.png) repeat-y 0 0;
	}	
	#header {
		height:75px;	
		margin-bottom:30px;			
		position:relative;
		z-index:1;
		}
		
		
	#side-content-left {	
		float: left;
		width: 220px;
		padding:0 0 0 10px;
		display:inline;
		margin:0 55px 0 0;
		}		
	#main-content-right {
		display:inline;
		float: left;
		width: 650px;		
		margin-right:30px;
		}
	#main-content-left {
		display:inline;
		float: left;
		width: 645px;
		margin:0 51px 0 22px;
		}
	#side-content-right {
		float: left;
		width: 230px;
		display:inline;
		padding:0 0 0 0;
		margin:0 22px 0 0;
		}

#footer {
	width:954px;
	overflow:hidden;
	padding:14px 22px 18px 26px;
	position:relative;
	margin-left:-26px;
	color:#999;
	font-size:9px;
	line-height:1.2em;
	background:url(../i/footer-bg.png) no-repeat 0 100%;
	}	

/** CLEAR, FLOAT  ******************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/


/** HEADER BLOCK **/

#logo-ilta {
	position:absolute;
	left:-17px;
	top:33px;
	}
#logo-peugeout {
	position:absolute;
	right:18px;
	top:13px;
	}	
	
#contacts-block {
	position:absolute;
	top:0;
	left:714px;		
	background:#9AACC4;
	font:normal 9px Verdana, Geneva, sans-serif;
	line-height:1.2em;	
	}
	#contacts-block a {
		display:block;		
		color:#fff;
		text-decoration:none;
		padding:3px 10px 5px 10px;	
		}
		#contacts-block a:hover { text-decoration:underline;}
		
/** main navigation **/	
#main-nav {
		margin:0;
		padding:0;		
		position:absolute;
		top:38px;
		left:183px;
		z-index:100;
		text-transform:uppercase;
		}
		#main-nav li{
			font-weight:bold;			
			padding:8px 0;
			position:relative;
			z-index:50;	
			float:left;
			margin:0 0 0 -1px;
			background:none;
			}
            #main-nav li:hover {
				background-color:#FFFFFF;
				color:#051048;
				border:1px solid #DDDDDD;
				padding:0;
				margin:-1px 0 0 -1px;
                }

			#main-nav li a.nav-link {			
				border-right:1px solid #BCBDC0;								
				display:block;
				color:#79797B;
				font-size:10px;				
				line-height:12px;
				padding:0  12px 0 13px;
				text-decoration:none;
				}
				#main-nav li:hover a.nav-link { 
					padding:8px 12px;
					color:#041044;
					border-right:none;
					}			
			#main-nav li.last a.nav-link {border-right:none;}
					
			
			#main-nav .subnav {			
				margin:0 0 0 -1px;
				position:absolute;
				visibility:hidden;
				z-index:300;
				background-color:#FFFFFF;
				color:#79797B;
				width:200px;
				border-top:1px solid #DDDDDD;
				text-transform:none;
				font-weight: normal;
				}		
				#main-nav .subnav p{
					clear:both;
					display:inline;
					float:left;
					margin:0;
					padding:0;
					position:relative;
					width:200px;
					}
				#main-nav .subnav p.with-submenu {
					background:url('../i/arrow_small_light_plus-right.jpg') no-repeat 190px center;
					}
				#main-nav .subnav p.with-submenu:hover {
					background:url('../i/arrow_small_darkblue-right.jpg') no-repeat 190px center;
					}
				#main-nav .subnav a {					
					display:block;				
					padding:8px 12px;						
					border-bottom:1px solid #DDDDDD;
					border-left:1px solid #DDDDDD;
					border-right:1px solid #DDDDDD;
					color:#79797B;
					font-size:10px;
					line-height:11px;
					text-decoration:none;
					width:174px;
					}					
					#main-nav .subnav a:hover {color:#041044;}
				

			
	#main-nav li:hover .subnav { visibility:visible;}
	
	
	#main-nav .subnav p span.lvl-3-nav {
			background-color:#FFFFFF;	
			width:200px;			
			visibility:hidden;			
			margin:-1px 0 0 -1px;
			position:absolute;
			top:0;
			left:100%;
			z-index:300;
			border-top:1px solid #DDDDDD;
			}
			#main-nav .subnav p:hover span.lvl-3-nav {visibility:visible;}
			#main-nav .subnav p span.lvl-3-nav span {
				display:block;
				clear:both;				
				float:left;
				margin:0;
				padding:0;
				position:relative;
				width:200px;
				}		
				#main-nav .subnav p  span.lvl-3-nav a {
					text-decoration:none;
					background-color:transparent;
					color:#79797B;
					border-bottom:1px solid #DDDDDD;
					border-right:1px solid #DDDDDD;
					font-size:10px;
					width:174px;
				}
				#main-nav .subnav p  span.lvl-3-nav a:hover { 
					text-decoration:none;
					color:#041044;
					cursor:pointer;
					}				
				
/** Path-navigation **/
#path-nav {
	position:absolute;
	top:64px;
	left:195px;
	width:580px;
	margin:0;
	padding:0;
	list-style:none;
	}
	#path-nav li {
		background:none;
		float:left;
		padding:5px 6px 0 0;
		margin:0;
		color:#aaa;
		font-size:9px;
		line-height:1.2em;
		}
		#path-nav li a {
			text-decoration:none;
			color:#aaa;
			padding-right:11px;
			background:url(../i/path-nav-arrow.png) no-repeat 100% 0.4em;
			}
			#path-nav li a:hover{ text-decoration:underline;}
			
			
			
/** CONTENT BLOCK **/

/* billboard*/
#billboard-main {
	width:100%;
	height:400px;
	overflow:hidden;
	margin-bottom:11px;
	position:relative;
	}
#billboard {
	height:330px;
	margin-bottom:11px;
	position:relative;
	}
#billboard-flash {
	position:absolute;
	bottom:0px;
	left:0px;
	width:970px;
	/*height:350px;*/
	height:400px;
	}
#heading-line {
	/*background:#28428c url(../i/heading-line-bg.png) repeat-x 0 0;*/
	background:#9AACC4;
	height:33px;	
	}
	#heading-line h1 {
		font-size:1.46em;
		line-height:1em;
		color:#fff;
		margin:0;
		padding:8px 0 0 19px;
      /*  text-shadow:0 0 2px #000;*/
		}
		
/* billboard path navigation */	
	#billboard-path-nav {	
		margin:0 0 0 13px;
		padding:0;
		list-style:none;
		float:left;
		}
		#billboard-path-nav li {
			background:none;
			padding:0;
			float:left;
			margin:6px 10px 0 0;
			color:#fff;
			font:bold 16px/1.2em Verdana, Geneva, sans-serif;
			}	
			#billboard-path-nav li a{ color:#fff; text-decoration:none;}	
				#billboard-path-nav li a:hover{ color:#EEE;}

	
/* billboard transparent panel */	
#billboard-transparent-panel {
	position:absolute;
	top:300px;
	left:0px;
	padding:3px 0 0 11px;
	height:28px;
	width:959px;
	overflow:hidden;	
	}
	#billboard-transparent-panel .bg {
		position:absolute;
		top:0;
		left:0;
		width:970px;
		height:100%;
		overflow:hidden;
		background:#000000;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); /* IE 5.5+*/
		-moz-opacity: 0.65; /* Mozilla 1.6 и ниже */
		-khtml-opacity: 0.65; /* Konqueror 3.1, Safari 1.1 */
		opacity: 0.65; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
		}
		#billboard-transparent-panel .panel-content {			
			position:relative;
			height:28px;
			padding:0 6px 0 11px;
			float:left;
			background:url(../i/transparent-panel-bg.png) no-repeat 0 0;
			}
			#billboard-transparent-panel .panel-content div {
				position:absolute;
				left:100%;
				top:0;
				margin-right:-5px;
				width:5px;
				height:28px;
				background:url(../i/transparent-panel-bg.png) no-repeat 100% -28px;
				}
			#billboard-transparent-panel h3 {
				float:left;
				padding:0;
				line-height:15px;
				margin:7px 0;
				font-size:11px;
				color:#4e535d;
				}
				#billboard-transparent-panel h3.tab {
					margin-left:10px;
					padding-left:10px;
					border-left:#ccc solid 1px;
					}					
				#billboard-transparent-panel h3 a {
					text-decoration:none;
					}
					#billboard-transparent-panel h3 a.current {
						color:#4e535d;
						cursor:default;
						}

/** Side Navigation ******/					
#side-navigation {
	margin:0 0 30px -10px;
	position:relative;
	padding:13px 0 0 0;
	list-style:none;
	}
	#side-navigation li {
		margin:0;
		padding:0;
		background:none;
		font:bold 0.9em/1.4em Verdana, Geneva, sans-serif;		
		text-transform:uppercase;
		border-bottom:#999 dotted 1px;
		}
		#side-navigation li.last {border:none;}
		#side-navigation li a {
			color:#404041;
			display:block;
			padding:8px 0 8px 20px;
			width:210px;
			text-decoration:none;
			background: url(../i/side-nav-arrow-grey.png) no-repeat 10px 1.3em;
			}
			#side-navigation li a:hover {
				color:#404041;
				background:#EEEEEE url(../i/side-nav-arrow-orange.gif) no-repeat 10px 1.3em;
				}
			#side-navigation li.active a {
				background:#fff url(../i/side-nav-arrow-orange-down.gif) no-repeat 8px 1.4em;
				}
			 #side-navigation li.with-submenu a:hover {
				background:#EEEEEE url(../i/side-nav-arrow-orange-down.gif) no-repeat 8px 1.4em;
				}
				
			#side-navigation li ul {
				padding:0;
				margin:0;
				border-top:#999 dotted 1px;				
				}
				#side-navigation li ul li {
					text-transform:none;
					font-size:1em;
					font-weight:normal;
					padding-left:0px;
					border:none;
					}
					#side-navigation li ul li a,
					#side-navigation li.with-submenu ul li a,
					#side-navigation li.with-submenu ul li a:hover,
					#side-navigation li.active ul li a {						
						background-image:none;
						width:210px;
						padding:0 0 0 20px;
						color:#77787A;
						}
						#side-navigation li ul li a span {
							display:block;
							padding:8px 0 8px 10px;
							background: url(../i/side-nav-arrow-grey.png) no-repeat 0 1.3em;
							border-bottom:#999 dotted 1px;							
							}
							#side-navigation li ul li.last a span {
								border:none;
								}
							#side-navigation li ul li.active a span {
								background:url(../i/side-nav-arrow-orange.gif) no-repeat 0 1.3em;
								font-weight:bold;
								}					
						#side-navigation li ul li a:hover {
							color:#404041 !important;
							background:#EEEEEE;
							}
						#side-navigation li ul li a:hover span {
							background:url(../i/side-nav-arrow-orange.gif) no-repeat 0 1.3em;
							}					
						
	
div#model-select-flash {
	width:990px;
	height:40px;
	overflow:hidden;
	margin:0 0 13px -20px;
	position:relative;
	}
	
/** FOOTER BLOCK **/

#footer .fl-left {
	float:left;
	}
#footer .fl-right {
	float:right;
	}
#footer a {
	text-decoration:none;
	color:#999;
	}
	#footer a:hover {
		color:#395D89;
		}