body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

html {
	height: 100%;
}

body, td, th, input, textarea, select {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #444;
}

body {
	background: #f1f1f1;
	text-align: center; /* IE5.5 centravimas */
	height: 100%;
	padding: 0px;
}

* > body {
		min-height: 100%;
		/*height: auto;*/
	}

/* === Links === */

a {
	color: #ee1b2e;
	text-decoration: none;
}

a:hover {
	color: #ee1b2e;
	text-decoration: underline;
}

	a.print {
		display: block;
		background: transparent url(../images/icon-print.gif) no-repeat right top;
		text-align: right;
		white-space: nowrap; /* IE7 */
		padding-top: 1px;
	}

/* === Main === */

/* Lang */



/* Top Menu */

#top-nav-wrapper ul.nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	#top-nav-wrapper .nav li {
		float: left;
	}
	
	#top-nav-wrapper .nav span {
		display: inline-block;
		background: transparent url(../images/top-nav-side.gif) no-repeat;
		height: 36px;
		padding-left: 1px;
	}
	
		#top-nav-wrapper .nav li > span { /* Mozilla */
			display: block;
		}
		
		#top-nav-wrapper .nav a {
			display: block;
			background: transparent url(../images/nav-bullet.gif) no-repeat 10px 5px;
			font-size: 11px;
			color: #434343;
			text-decoration: none;
			padding: 5px 10px 0px 20px;
		}
		
			#top-nav-wrapper .nav li.first {
				/*+*/
			}
			
			#top-nav-wrapper .nav li.last {
				/*+*/
			}
			
			#top-nav-wrapper .nav li.selected {
				background: transparent url(../images/top-nav-selected.gif) repeat-x;
			}
		
		#top-nav-wrapper .nav a:hover {
			color: #434343;
			text-decoration: underline;
		}
		
		#top-nav-wrapper .nav li.selected a {
			color: #afafaf;
			text-decoration: none;
		}
		
		#top-nav-wrapper .nav li.selected a:hover {
			color: #afafaf;
			text-decoration: underline;
		}

/* Bottom Menu (Left) */

#l-nav-wrapper ul.nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	#l-nav-wrapper .nav li {
		/*+*/
	}
	
	#l-nav-wrapper .nav span {
		display: block;
		background: transparent url(../images/bottom-nav-line-left.gif) no-repeat left bottom;
		padding-left: 1px;
	}
	
		#l-nav-wrapper .nav a {
			display: block;
			background: transparent url(../images/nav-bullet.gif) no-repeat;
			font-size: 11px;
			color: #434343;
			text-decoration: none;
			padding: 0px 30px 3px 10px;
		}
		
			#l-nav-wrapper .nav li.first {
				/*+*/
			}
			
			#l-nav-wrapper .nav li.last {
				/*+*/
			}
		
		#l-nav-wrapper .nav a:hover {
			color: #434343;
			text-decoration: underline;
		}

/* Bottom Menu (Right) */

#r-nav-wrapper ul.nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	#r-nav-wrapper .nav li {
		/*+*/
	}
	
	#r-nav-wrapper .nav span {
		display: block;
		background: transparent url(../images/bottom-nav-line-right.gif) no-repeat right bottom;
		padding-left: 1px;
	}
	
		#r-nav-wrapper .nav a {
			display: block;
			background: transparent url(../images/nav-bullet-right.gif) no-repeat right top;
			font-size: 11px;
			color: #434343;
			text-align: right;
			text-decoration: none;
			padding: 0px 9px 3px 30px;
		}
		
			#r-nav-wrapper .nav li.first {
				/*+*/
			}
			
			#r-nav-wrapper .nav li.last {
				/*+*/
			}
		
		#r-nav-wrapper .nav a:hover {
			color: #434343;
			text-decoration: underline;
		}

/* Left Menu */

#left-nav-wrapper ul.nav,
#left-nav-wrapper ul.nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	#left-nav-wrapper .nav li {
		/*+*/
	}
	
	#left-nav-wrapper .nav li span {
		display: block;
		background: transparent url(../images/left-nav-line.gif) no-repeat left bottom;
		padding: 0px 0px 3px 1px;
	}
	
	#left-nav-wrapper .nav li.selected span.parent {
		background: none;
	}
	
		#left-nav-wrapper .nav li li span {
			background: none;
		}
		
		#left-nav-wrapper .nav li a {
			display: block;
			background: transparent url(../images/nav-bullet.gif) no-repeat;
			font-size: 11px;
			color: #434343;
			text-decoration: none;
			padding: 0px 30px 0px 10px;
		}
		
			#left-nav-wrapper .nav li.first {
				/*+*/
			}
			
			#left-nav-wrapper .nav li.last {
				/*+*/
			}
		
		#left-nav-wrapper .nav li a:hover {
			color: #434343;
			text-decoration: underline;
		}
		
		
		
		#left-nav-wrapper .nav li.selected a {
			background: transparent url(../images/nav-bullet.gif) no-repeat;
			color: #afafaf;
			text-decoration: none;
		}
		
		#left-nav-wrapper .nav li.selected a.parent {
			background: transparent url(../images/nav-bullet-o.gif) no-repeat;
			color: #afafaf;
			text-decoration: none;
		}
		
		#left-nav-wrapper .nav li.selected a:hover {
			color: #afafaf;
			text-decoration: underline;
		}
		
			#left-nav-wrapper .nav li.selected li a {
				background: transparent url(../images/nav-bullet2.gif) no-repeat;
				color: #434343;
				text-decoration: none;
				padding: 0px 30px 0px 16px;
			}
			
			#left-nav-wrapper .nav li.selected li a:hover {
				color: #434343;
				text-decoration: underline;
			}
			
				#left-nav-wrapper .nav li.selected li.selected a {
					color: #afafaf;
					text-decoration: none;
				}
				
				#left-nav-wrapper .nav li.selected li.selected a:hover {
					color: #afafaf;
					text-decoration: underline;
				}
				
				#left-nav-wrapper .nav li.selected li.first a {
					/*+*/
				}
				
				#left-nav-wrapper .nav li.selected li.last span {
					background: transparent url(../images/left-nav-line.gif) no-repeat left bottom;
				}

/* Sub menu */

ul.sub-nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.sub-nav li {
		float: left;
	}
	
	.sub-nav span {
		display: block;
	}
	
		.sub-nav a {
			display: block;
			background: transparent url(../images/sub-nav-bullet.gif) no-repeat;
			font-size: 11px;
			color: #434343;
			text-decoration: none;
			padding: 0px 9px 0px 13px;
		}
		
			.sub-nav li.first a {
				background: none;
				padding-left: 0px;
			}
			
			.sub-nav li.last a {
				/*+*/
			}
		
		.sub-nav a:hover {
			color: #434343;
			text-decoration: underline;
		}
		
		.sub-nav li.selected a {
			color: #afafaf;
			text-decoration: none;
		}
		
		.sub-nav li.selected a:hover {
			color: #afafaf;
			text-decoration: underline;
		}

/* Icons */

ul.icons {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.icons li {
		background: transparent url(../images/icons-bullet.gif) no-repeat;
		padding-top: 7px;
	}
	
		.icons li.first {
			/*+*/
		}
	
		.icons li a {
			display: block;
			width: 20px;
			height: 13px;
		}
		
			.icons a span {
				display: none;
			}

/* --- */

#layout {
	position: absolute;
	overflow: hidden;
	width: expression((document.body.clientWidth > 800 ? document.body.clientWidth : 990) + "px");
	height: expression((document.body.clientHeight > 570 ? document.body.clientHeight : 590) + "px");
	top: 0px;
	left: 0px;
}

* > #layout {
		min-width: 990px;
		min-height: 590px;
		width: 100%;
		height: 100%;
	}
	
.index #container {
	position: relative;
	text-align: left;
	width: 990px;
	height: 590px;
	top: 50%;
	margin-top: -295px;
	margin-right: auto;
	margin-left: auto;
}

.page #container {
	text-align: left;
	width: 990px;
	padding: 10px 0px;
	margin-right: auto;
	margin-left: auto;
}

	.v-space {
		font-size: 0;
		height: 10px;
	}
	
	#frame-top {
		background: #fff url(../images/frame-top.gif) no-repeat left bottom;
		font-size: 0;
		height: 6px;
		margin: 0px 10px;
	}
	
	#frame {
		background-color: #fff;
		padding: 4px 9px;
		border-right: 1px solid #ededed;
		border-left: 1px solid #ededed;
		margin: 0px 10px;
	}
	
		.index #header {
			background: transparent url(../images/header-bg.gif) no-repeat;
			height: 91px;
		}
		
		.page #header {
			background: transparent url(../images/header-bg.gif) no-repeat;
			height: 101px;
		}		
			h1.logo {
				float: left;
				padding: 15px 27px 15px 24px;
			}
			
				h1.logo a,
				h1.logo b {
					display: block;
					background: transparent url(../images/logo.gif) no-repeat;
					width: 129px;
					height: 41px;
				}
				
					h1.logo a span,
					h1.logo b span {
						display: none;
					}
			
			#top-nav-wrapper {
				float: left;
				background: transparent url(../images/top-nav-side.gif) no-repeat right top;
				margin: 35px 0px 0px 0px;
				padding-right: 1px;
			}
			
			#icons-wrapper {
				float: right;
				padding-right: 16px;
			}
			
			#sub-nav-wrapper {
				height: 30px;
			}
			
			#sub-nav-container {
				background: transparent url(../images/sub-nav-bg.gif) no-repeat;
				padding: 7px 0px 10px 200px;
			}
			#sub-nav-container2 {
				/*background: transparent url(../images/sub-nav-bg.gif) no-repeat;*/
				padding: 7px 0px 10px 210px;
			}
					
		#flash-wrapper {
			padding-bottom: 20px;
		}
		
			#flash {
				width: 950px;
				height: 292px;
			}
		
		#cols {
			padding: 29px 0px 32px 0px;
			border-bottom: 1px solid #ededed;
			margin-bottom: 9px;
		}
		
			#left-col {
				float: left;
				width: 180px;
				height: 400px;
			}
			
			* > #left-col {
					min-height: 400px;
					height: auto;
				}
				
				#left-nav-wrapper {
					padding: 16px 20px 15px 31px;
				}
				
				.banner {
					padding-top: 25px;
				}
			
			#right-col {
				float: left;
				width: 735px;
			}
			
				#title-wrapper {
					/*+*/
				}
				
					#print-wrapper {
						float: right;
						padding: 35px 2px 0px 0px;
					}
				
				#content-wrapper {
					padding-left: 20px;
				}
				
					#content {
						line-height: 15px;
						width: 715px;
					}
		
		#bottom-nav-wrapper {
			background: transparent url(../images/bottom-nav-bg.gif) no-repeat;
			height: 103px;
		}
		
			.nav-block {
				float: left;
				width: 50%;
				padding-top: 21px;
			}
			
				.logo-wrapper {
					padding-left: 25px;
				}
				
				h2.logo-citroen {
					float: left;
					padding: 0px 24px;
				}
				
					h2.logo-citroen a,
					h2.logo-citroen b {
						display: block;
						background: transparent url(../images/logo-citroen.gif) no-repeat;
						width: 80px;
						height: 57px;
					}
					
						h2.logo-citroen a span,
						h2.logo-citroen b span {
							display: none;
						}
				
				h3.logo-citroen {
					float: left;
					padding-right: 11px;
				}
				
					h3.logo-citroen a,
					h3.logo-citroen b {
						display: block;
						background: transparent url(../images/logo-citroen-small.gif) no-repeat;
						width: 59px;
						height: 67px;
					}
					
						h3.logo-citroen a span,
						h3.logo-citroen b span {
							display: none;
						}
				
				#l-nav-wrapper {
					float: right;
					width: 121px;
				}
				
				h2.logo-honda {
					float: right;
					padding: 0px 24px;
				}
				
					h2.logo-honda a,
					h2.logo-honda b {
						display: block;
						background: transparent url(../images/logo-honda.gif) no-repeat;
						width: 80px;
						height: 57px;
					}
					
						h2.logo-honda a span,
						h2.logo-honda b span {
							display: none;
						}
				
					
				h2.logo-honda2 {
					float: left;
					padding: 0px 24px;
				}
				
					h2.logo-honda2 a,
					h2.logo-honda2 b {
						display: block;
						background: transparent url(../images/logo-honda.gif) no-repeat;
						width: 80px;
						height: 57px;
					}
					
						h2.logo-honda2 a span,
						h2.logo-honda2 b span {
							display: none;
						}
				
				h3.logo-honda {
					float: left;
					padding-right: 11px;
				}
				
					h3.logo-honda a,
					h3.logo-honda b {
						display: block;
						background: transparent url(../images/logo-honda-small.gif) no-repeat;
						width: 59px;
						height: 67px;
					}
					
						h3.logo-honda a span,
						h3.logo-honda b span {
							display: none;
						}
				
				#r-nav-wrapper {
					float: left;
					width: 121px;
				}
		
		#footer {
			/*+*/
		}
		
			#logo-iso {
				float: left;
				background: transparent url(../images/contacts-sep.gif) no-repeat right top;
				padding-right: 35px;
			}
			
				#logo-iso a,
				#logo-iso b {
					display: block;
					background: transparent url(../images/logo-iso.gif) no-repeat;
					width: 97px;
					height: 44px;
				}
				
					#logo-iso a span,
					#logo-iso b span {
						display: none;
					}
			
			.contacts {
				float: left;
				background: transparent url(../images/contacts-sep.gif) no-repeat right top;
				padding: 8px 10px 0px 11px;
			}
			
				.contacts p {
					color: #999;
					line-height: 14px;
				}	
			
			#created {
				float: right;
				padding: 6px 0px 4px 0px;
			}
			
				#created p {
					text-align: right;
					padding-bottom: 4px;
				}
				
					#created a.created-by {
						background: transparent url(../images/sys/artogama.gif) no-repeat right top;
						text-decoration: none;
						padding: 3px 70px 5px 0px;
					}
					
						#created a.created-by span.hide {
							display: none;
						}
	
	#frame-bottom {
		background: #fff url(../images/frame-bottom.gif) no-repeat;
		font-size: 0;
		height: 6px;
		margin: 0px 10px;
	}

/* Content images */

.img-container {
	/*+*/
}

	.img-container table tr.image td {
		padding: 1px;
		border: 1px solid #ededed;
	}

	.img-container table tr.title {
		/*+*/
	}

		.img-container table tr.title td {
			text-align: center;
		}

/* === Txt === */

h2.title {
	float: left;
	font-size: 20px;
	font-weight: normal;
	color: #231567;
	padding: 27px 20px 30px 20px;
}

h3.title {
	font-size: 20px;
	font-weight: normal;
	color: #d5a394;
	padding-bottom: 18px;
}

h3.sub-title {
	font-size: 16px;
	font-weight: bold;
	color: #231567;
	padding: 0px 20px 30px 0px;
}

span.copyright {
	font-size: 11px;
	color: #bfbfbf;
}

/* === Forms === */



/* === Other === */

.w25 {
	width: 25%;
}

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}
