@import url("reset.css");

body {color:#000; background-color:#fff; font:11px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#b6babb; text-decoration:none}
a:hover {color:#52595f}
.c-gray {color:#b5babd}
/* -- ---- typography ---- -- */

#minWidth {position: relative; width: 965px; padding: 0; margin: 0 auto;}

/* // ---- top nav ---- // */
.top-nav {text-transform:uppercase}
	.top-nav li {float:right; padding:6px 0 4px 10px}
/* -- ---- top nav ---- -- */

/* // ---- top ---- // */
.top {position:relative; margin-left:101px; background-color:#a9aaab; background-repeat:no-repeat; background-position:100% 0; height:81px; margin-bottom:4px}
	.top .logo {position:absolute; left:-101px; top:0}
	.top .title {position:relative; left:29px; top:31px; color:#000; font-size:18px; font-weight:bold; line-height:18px; text-transform:uppercase; width:118px; height:18px; overflow:hidden}
		.top .title i {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/title-renault.png)}
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.navigation {position:relative; z-index:91; padding:0 0 0 56px; text-transform:uppercase}
	.navigation li {position:relative; float:left; padding:0 0 3px; margin-left:45px}
	.navigation .title {position:relative; overflow:hidden; display:block; font:10px/13px Tahoma; height:13px}
		.navigation .title i {position:absolute; top:0; left:0; width:100%; height:13px}
	.navigation ul {position:absolute; z-index:999; left:-999em; top:-999em; margin-top:16px; width:198px; border:1px solid #e5e5e5; background-color:#fff; font-size:12px}
		.navigation ul ul {margin-left:198px; margin-top:-1px}
		.navigation ul li {float:none; padding:0; margin-left:0}
		.navigation ul li a {display:block; padding:5px 16px 5px 10px}
			.navigation ul li a:hover, #nav ul li.sfhover .n-ar, #nav ul li:hover .n-ar {color:#969da5; background-color:#e5e5e5}
		.navigation .n-ar {background-image:url(../images/nav-ar.gif); background-position:100% 9px; background-repeat:no-repeat}
		#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em; top:-999em}
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto; top:0}

	.navigation .nav-1 {width:88px}
		.navigation .nav-1 i {background:url(/img/nav-1.png)}
	.navigation .nav-2 {width: 179px}
		.navigation .nav-2 i {background:url(/img/nav-2.png)}
	.navigation .nav-3 {width:68px}
		.navigation .nav-3 i {background:url(/img/nav-3.png)}
	.navigation .nav-4 {width:79px}
		.navigation .nav-4 i {background:url(/img/nav-7.png)}
	.navigation .nav-5 {width:60px}
		.navigation .nav-5 i {background:url(/img/nav-4.png)}
	.navigation .nav-6 {width:34px}
		.navigation .nav-6 i {background:url(/img/nav-5.png)}
	.navigation .nav-7 {width:32px}
		.navigation .nav-7 i {background:url(/img/nav-6.png)}
/* -- ---- navigation ---- -- */

.flash-big {position:relative; z-index:9; padding-bottom:2px}
.scroll-cars {position:relative; z-index:9; padding-bottom:20px}
.btm-bn {position:relative; margin-right:-15px}
	.btm-bn li {float:left; padding-right:1px}

/* // ---- path ---- // */
.path {padding:20px 0 12px}
	.path li {float:left; background:url(../images/path-ar.gif) no-repeat 100% 5px; padding-right:9px; margin-right:4px}
		.path li.current {color:#b5babd; margin-right:0; padding-right:0; background-image:none; font-weight:bold}
/* -- ---- path ---- -- */

.middle {border:1px solid #e5e5e5; padding:16px 20px 0}
	.middle h1 {position:relative; color:#f8b600; font:21px/22px 'Arial Narrow', Arial; text-transform:uppercase; overflow:hidden; margin-bottom:3px}
		.middle h1 i, .sub-head i {position:absolute; top:0; left:0; width:100%; height:100%}
	.sub-head {position:relative; color:#b5babd; font:bold 17px/18px 'Arial Narrow', Arial; text-transform:uppercase; overflow:hidden; margin-bottom:3px}

.showroom {padding-top:23px}
	.showroom dt {font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#f7b100; padding:9px 19px; margin-bottom:20px}
	.showroom dd {padding-bottom:10px}
	.showroom li {float:left; width:142px; margin-right:1px; padding-bottom:20px}
	.showroom li .ph {height:100px; text-align:center; border-bottom:1px solid #fff; background-color:#ededed}
	.showroom li .title {height:31px; line-height:31px; text-transform:uppercase; text-align:center; background-color:#ededed}
		.showroom li .title a {color:#000; text-decoration:underline}
			.showroom li .title a:hover {text-decoration:none}

/* // ---- middle inner ---- // */
.middle-inner {padding:22px 0 15px}
	.middle-inner .col-1 {float:left; width:160px}
	.middle-inner .col-image {position:relative; float:left; width:173px; padding:0 20px 0 21px}
		.middle-inner .col-image li {padding-bottom:17px}
	.middle-inner .col-content {position:relative; margin-top:-2px; float:left; width:380px}
	.middle-inner a {color:#000; text-decoration:underline}
		.middle-inner a:hover {color:#000; text-decoration:none}
	.middle-inner .col-2 {float:right; width:681px}
	.middle-inner .col-2-long {float:left; width:480px}
	.middle-inner .col-2-side {float:right; width:180px}

/* -- ---- middle inner ---- -- */

.subnav {border-top:1px solid #e5e5e5}
	.subnav li {border-bottom:1px solid #e5e5e5; text-transform:uppercase}
	.subnav li a {color:#9b9ba3; display:block; padding:7px 0 6px 10px; text-decoration:none; background:url(../images/subnav-li.gif) no-repeat 0 -5px}
		.subnav li a:hover {color:#000}
		.subnav .hr {color:#000; display:block; padding:7px 0 6px 10px; background:url(../images/subnav-li.gif) no-repeat -10px 12px}
	.subnav ul {padding:1px 0 12px 10px}
		.subnav ul li {border-bottom-width:0; text-transform:none}
		.subnav ul a, .subnav ul .hr {padding-top:5px; padding-bottom:5px}
		.subnav ul a {background-position:0 -7px}
		.subnav ul .hr {background-position:-10px 10px}

/* // ---- editor styles ---- // */
.for-editor {}
	.for-editor p {padding-bottom:14px}
	.for-editor h3 {font-size:1em}
	.for-editor ol, .for-editor ul {position:relative; padding-bottom:14px}
	.for-editor ol {position:relative; list-style-type: decimal; left:-10px; padding:0 0 12px 26px; margin:0}
	.for-editor ul li, .show-vacancy ul li {padding:0 0 0 19px; background:url(../images/li.gif) no-repeat 0 7px}
	.for-editor table {}
		.for-editor table th {font-weight:bold; padding:0 20px 12px 0}
		.for-editor table td {padding:0 20px 12px 0}
	.for-editor .img-left {float:left; margin:0 20px 14px 0; border:1px solid #ededed}
	.for-editor .li-links li {background:url(../images/more-link.gif) no-repeat 0 5px; padding-left:7px}

.long-text {padding:10px 20px 0}
	.long-text .img-left {border-width:0}
/* -- ---- editor styles ---- -- */

/* // ---- list items ---- // */
.list-items {}
	.list-items li {position:relative; background-color:#ededed; padding:0 20px 20px 172px; margin-bottom:20px}
	.list-items .img-cover {position:relative; float:left; left:-152px; margin:20px -152px 0 0}
	.list-items h3 {position:relative; font-size:12px; padding:19px 0 0 57px}
		.list-items h3 small {position:absolute; left:0; font-size:1em; font-weight:normal}
	.list-items p {padding-top:14px}
.list-videos {}
	.list-videos li, .list-litems li {padding-left:220px}
	.list-videos .img-cover, .list-litems li .img-cover {position:relative; float:left; left:-200px; margin-right:-200px}
	.list-videos h3 {padding:29px 0 0}
/* -- ---- list items ---- -- */

.more-link {padding-left:7px; background:url(../images/more-link.gif) no-repeat 0 5px}

.archive-block {position:relative; margin-top:-3px; padding:0 0 0 20px; text-transform:uppercase}
	.archive-block dd, .archive-block dt {padding-bottom:4px}
		.archive-block dd a {color:#9b9ba3; text-decoration:none}
			.archive-block dd a:hover {color:#000}

/* // ---- press renault ---- // */
.press-renault {}
	.press-renault li {border-bottom:1px solid #fff; background-color:#ededed; padding:17px 15px 16px 20px}
	.press-renault h3 {font-size:1em; padding-bottom:4px}
	.press-renault ul li {padding:0 0 4px 7px; border-bottom-width:0; background:url(../images/more-link.gif) no-repeat 0 5px}
/* -- ---- press renault ---- -- */

.briefly-gray {background-color:#ededed; padding:17px 15px 16px 20px; margin-bottom:40px}

.back-to {padding-top:10px}
	.back-to a {display:block; float:left; background:#f7b100 url(../images/ar-left.gif) no-repeat 10px 7px; font-size:10px; text-decoration:none; padding:4px 13px 3px 24px}

/* // ---- bottom  ---- // */
.bottom {color:#b5babd; text-align:right; padding-top:25px}
	.bottom strong {color:#f7b100}
/* -- ---- bottom  ---- -- */

/* // ---- dealers ---- // */
.dealers-table {position:relative; margin-top:-10px}
	.dealers-table dt {color:#b5babd; font-weight:bold; padding-bottom:17px}
	.dealers-table dd {padding-bottom:25px}
	.dealers-table table {width:100%}
		.dealers-table table th {background-color:#ededed; border-bottom:1px solid #d5d5d5; font-size:18px; padding:13px 5px 14px 20px}
	.dealers-table table td {border-bottom:1px solid #e5e5e5; padding:6px 5px 6px 20px}
		.dealers-table table td.spa {border-bottom-width:0; padding:0}
		.dealers-table table td.spa div {font-size:1px; height:12px}
/* -- ---- dealers ---- -- */

/* // ---- table char ---- // */
.table-char {width:100%}
	.table-char th {color:#fff; background-color:#f7b100; padding:9px 5px 9px 20px; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #fff}
		.table-char th.lft {color:#0d0d0d}
	.table-char td {background-color:#ededed; padding:6px 5px 6px 20px; border-bottom:1px solid #fff; vertical-align:top}
	.table-char td.thead {background-color:#e6e6e6; padding:9px 5px 9px 20px; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #fff; vertical-align:top}
/* -- ---- table char ---- -- */

/* // ---- photogallery ---- // */
.photogallery {position:relative; margin:0 -19px 0 -20px}
	.photogallery li {float:left; width:124px; height:110px; padding:0 0 0 20px}
/* -- ---- photogallery ---- -- */

/* // ---- model page ---- // */
.show-vis {padding-bottom:1px}
.content-page {}
	.content-page .content-block {float:right; width:453px; background-color:#ededed; padding:19px 20px 3px}
	.nav-content {float:left; width:188px}
		.nav-content li {margin-bottom:1px; border-right:1px solid #fff; background-color:#cacccb; padding:5px 3px 5px 19px; text-transform:uppercase; font-weight:bold}
			.nav-content li.hr {background-color:#ededed; border-right-color:#ededed}
		.nav-content li a {text-decoration:none}
/* -- ---- model page ---- -- */

.showvisual {background-repeat:no-repeat; background-position:50% 0}
.dealer-visual {padding-left:20px; top:-50px; margin-bottom:-10px}

.dealer-link {position:relative; font-weight:bold}
.dealer-content {padding:30px 0 10px 208px}
	.dealer-link a {display:inline-block; background:url(../images/dealer-link.gif) no-repeat 100% 0; padding:5px 34px 6px 0}
.dealer-sales {padding:30px 0 0}

/* // ---- wallpapers ---- // */
.wallpapers {position:relative; margin-top:-15px}
	.wallpapers li {float:left; width:194px; height:100px}
	.wallpapers .img-cover {float:left; border:1px solid #e5e5e5}
	.wallpapers dl {float:right; width:94px}
		.wallpapers dt {font-weight:bold; padding:4px 0}
		.wallpapers dd {background:url(../images/more-link.gif) no-repeat 0 5px; padding:0 0 4px 7px}
/* -- ---- wallpapers ---- -- */

/* // ---- history li ---- // */
.history-li {}
	.history-li li {padding:0 0 20px 0; line-height:20px}
	.history-li li .img-cover {float:right}
	.history-li .i-view {float:none; margin-right:210px; width:auto}
/* -- ---- history li ---- -- */

.show-vacancy {background-color:#ededed; padding:17px 15px 12px 20px; margin-bottom:1px}
	.show-vacancy p, .show-vacancy ul {padding-bottom:4px}
	.show-vacancy h2 {font-size:1em; padding-bottom:4px}
		.open-close {position:relative; margin-left:-8px; padding-left:8px; display:inline-block; background:url(../images/open-close.gif) no-repeat 1px -23px; text-decoration:none !important; padding-bottom:2px}
		.open-li {background-position:-18px 6px}
			.open-close span {border-bottom:1px dashed}

.content-gray {color:#9b9ba3; line-height:16px}
	.content-gray a {color:#9b9ba3}

.show-prm {position:relative; margin-right:-5px; padding-top:30px}
	.show-prm li {float:left; margin-right:1px}

/* // ---- site map ---- // */
.sitemap {}
	.sitemap .smap-left {float:left; width:417px}
	.sitemap .smap-right {float:right; width:417px}
	.sitemap .head {display:block; font-size:18px; background-color:#ededed; padding:8px 5px 9px 17px}
		.sitemap a {text-decoration:none}
		.sitemap a:hover {text-decoration:underline}
	.sitemap li {padding-bottom:20px}
		.sitemap ul ul {position:relative; padding:12px 0 0 18px}
			.sitemap ul ul ul {top:4px; position:relative; padding:0 0 0 4px}
			.sitemap ul ul li {padding:0 0 4px 7px; background:url(../images/black-li.gif) no-repeat 0 5px}
/* -- ---- site map ---- -- */

/* // ---- feedback ---- // */
.feedback {}
	.feedback dt {font-size:12px; text-transform:uppercase; font-weight:bold; margin-bottom:1px; background-color:#e6e6e6; padding:9px 20px}
	.feedback dd {background-color:#ededed; padding:15px 0 20px 20px; margin-bottom:1px}
	.feedback .hor-inputs {padding-top:24px; padding-bottom:19px}
		.feedback .hor-inputs .inputs {padding-bottom:10px}
		.feedback .hor-inputs .lbl {float:left; width:47px; padding-top:3px}
		.feedback .hor-inputs .lbl-tworow {position:relative; padding-top:0; margin-top:-4px}
		.feedback .hor-inputs .inp-txt {float:left; width:345px}
		.feedback .hor-inputs .inp-small {width:165px; margin-right:10px}
	.feedback .checkbox-dd {padding-bottom:10px; padding-top:9px}
	.feedback .lbl-t {font-weight:bold; padding-bottom:7px}
	.feedback .inp-txt {width:392px}
	.feedback textarea.inp-txt {height:54px}
	.feedback .inp-captcha {width:345px}
	.feedback ul.chk-b {width:275px; padding-left:0; padding-top:5px; margin-bottom:-9px}
		.feedback ul.chk-b li {position:relative; float:left; padding-left:18px; padding-right:10px; width:100px; height:23px}
	.feedback .captcha {padding-top:20px}
	.feedback .btn {padding-top:20px}
		.feedback .btn input {overflow:visible; padding:0 24px 2px 10px; height:20px; background:#f7b100 url(../images/btn-ar.gif) no-repeat 100% 6px; border-width:0}
	.reclamation-an {}
		.reclamation-an .hor-inputs .lbl {width:151px;}
/* -- ---- feedback ---- -- */