@charset "utf-8";
/* Dimensions and colors: main-image: 538/404px; sidebar-image: 288/166px; article-gallery: 174/131px; car-list-photos: 237/153px; first blue: #006F82 */
/* Main image dimensions changed Oct 2009: 538px wide / 360px high. */
/* File tweaked 15/11/2009 
with new #sidebar white style; original css for styles: #sidebar div.important{height:360px;overflow:hidden;background-color:#007BA5;}#sidebar div.important ul.motor-cars{height:300px;line-height:1.1;font-size:1em;}
*/

/* ---------------------------------------------------------------------------------------------------------------------------- CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline; }
:focus { outline: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { outline: none; text-decoration: none; }

/* ---------------------------------------------------------------------------------------------------------------------------- Typography */
body { font-family: verdana, tahoma, arial, sans-serif; font-size: 66.5%; line-height: 1.3;	color: #202020;	/*background: #FFF url(../img/bg-body.jpg) repeat-x;*/ }
p, ul, dl { font-size: 1em;	}
#content p { margin: 12px 0 15px 0; /*margin-top was 6px initially */ text-align:justify; }
#content.listing p { margin: 0;	text-align: left; }
#content p a, 
#content ul a,
#content ul a span, 
#sidebar dd a { font-weight: 700; color: #007BA5; }
#content p a span { color: #A0A0A0; }
#content p a:hover,
#content p a:hover span, 
#content ul a:hover,
#content ul a:hover span, 
#sidebar dd a:hover { color: #202020; }
dl dt {	color: #007BA5;	}
#content ul { margin: 12px 0 15px 0; /*margin-top was 6px initially */ }
#content ul ul { margin: 0; }
#content ul li { padding: 2px 0 2px 16px; background: url(../img/ico-list.png) no-repeat 6px 6px; }
h2 { margin-top: 15px; font-family: georgia, "times new roman", times, serif; font-size: 2em; color: #007BA5; }
h2 span { display: block; }
#content.listing h2 { margin: 0; padding-top: 1px; border-top: 1px solid #6C6C6C; }
#contact #content h2 { margin: 0; text-indent: -9999px; line-height: 0; }
h3 { margin-top: 20px; font-family: georgia, "times new roman", times, serif; font-size: 1.8em; color: #007BA5; }
#content h3 span { color: #808080; }
#content.listing h3 { margin: 0; font-size: 1.3em; line-height: 1; }
#content.listing h3 a {	color: #007BA5; line-height: 1.2; }
#content.listing h3 a:hover { background-color: #E6E6E6; }
h4 { margin-top: 20px; font-family: georgia, "times new roman", times, serif; font-size: 1.3em; font-weight: 700; color: #007BA5; }
h5 { margin-top: 20px; font-family: georgia, "times new roman", times, serif; font-size: 1.1em; font-weight: 700; color: #007BA5; }

/* ---------------------------------------------------------------------------------------------------------------------------- Page */
#page { width: 850px; border: 1px solid #B5B5B5; margin: 50px auto; background-color: #FFF; }
#header { padding-bottom: 9px; }
#content { float: left; width: 538px; margin: 0 0 5px 8px; }
#sidebar { float: right; width: 288px; margin: 0 8px 45px 0; background-color: #007BA5;}
#footer { clear: both; padding: 5px 0; border-top: 1px solid #CCC; margin: 0 -1px; background-color: #333; }

/* ---------------------------------------------------------------------------------------------------------------------------- Header */
#header h1 { float: left; width: 153px; height: 58px; margin: 8px 0 0 10px; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; height: 58px; background: url(../img/logo.png) no-repeat; }
#header ul.menu { float: left; padding: 55px 0 0 34px; }
#header ul.menu li { float: left; position: relative; padding: 0 10px; border-left: 1px solid #A0A0A0; line-height: 1; color: #A0A0A0; cursor: default; }
#header ul.menu li:hover,
#header ul.menu li:hover span,
#header ul.menu li:hover a { color: #000; }
#header ul.menu li.active,
#header ul.menu li strong { font-weight: 700; color: #007BA5; }
#header ul.menu li.last { border-right: 1px solid #A0A0A0; }
#header ul.menu li a { color: #A0A0A0; }
#header ul.menu li a:hover,
#header ul.menu li a:hover strong { color: #000; }
#header ul.menu li.active a { color: #007BA5; }
#header ul.menu li ul { display: none; position: absolute; top: 10px; left: 0; padding-top: 10px; width: 120px; }
#header ul.menu li:hover ul { display: block; }
#header ul.menu li ul li { float: none; padding: 0; border-left-width: 0; font-weight: 400; color: #FFF; opacity: .85; background-color: #007BA5; }
#header ul.menu li ul li.last { border-right-width: 0; }
#header ul.menu li ul li a,
#header ul.menu li.active ul li a,
#header ul.menu li:hover ul li a { display: block; padding: 7px 6px; border-bottom: 1px solid #14434B; color: #FFF; }
#header ul.menu li.active ul li a:hover,
#header ul.menu li:hover ul li a:hover { color: #000; }
#header ul.menu li ul li.last a { border-bottom-width: 0; }

/* ---------------------------------------------------------------------------------------------------------------------------- Content */
#content ul.sitemap li { font-weight: 700; }
#content ul.sitemap ul li,
#content ul.sitemap ul a { font-weight: 400; }
#content #main-image { display: block; width: 538px; height: 360px; }
#content ul#article-gallery { width: 546px; margin: 0; }
#content ul#article-gallery li { float: left; margin: 8px 8px 0 0; padding: 0; background-image: none; }
#content ul#article-gallery li img { float: left; }
#content ul#article-gallery li img.in-progress { opacity: .5; cursor: default; }
#content.listing ul.motor-cars { border-bottom: 1px solid #6C6C6C; }
#content.listing ul.motor-cars li { padding: 3px 8px 8px 0; border-top: 1px solid #6C6C6C; background-image: none; }
#content.listing ul.motor-cars li.link {  }
#content.listing ul.motor-cars li.hover { background-color: #E6E6E6; cursor: pointer; }
#content.listing ul.motor-cars li img { float: left; margin: 4px 14px 0 0; }
#content.listing ul.motor-cars li p { margin-top: 10px; }
#content.listing ul.motor-cars li p.status { margin: 0;	text-transform: uppercase; font-weight: 700; color: #007BA5; }
#content.listing ul.motoring-art li ul.hidden { display: none; }
#content.listing ul.pagination { float: right; margin-top: 10px; }
#content.listing ul.pagination li { float: left; margin-right: 10px; line-height: 1; color: #202020; padding: 0; background: none; }
#content.listing ul.pagination li.last { margin-right: 0; }
#content.listing ul.pagination li a { float: left; padding: 4px 7px; border: 1px solid #007BA5; color: #007BA5; }
#content.listing ul.pagination li.active,
#content.listing ul.pagination li.dead { float: left; padding: 4px 7px; border: 1px solid #333; color: #202020; }
#content.listing ul.pagination li.active { background-color: #333; color: #FFF; }
#content.listing ul.pagination li.dead { border-color: #e6e6e6; background-color: #e6e6e6; color: #FFF; }
#content.listing ul.pagination li a:hover { background-color: #007BA5; color: #FFF; }

/* ---------------------------------------------------------------------------------------------------------------------------- Sidebar */
#sidebar div.important { background-color: #007BA5; }
#sidebar div.important h3 { height: 25px; margin-top: 3px; padding: 0 8px; }
#sidebar div.important h3,
#sidebar div.important p,
#sidebar div.important p a ,
#sidebar div.important ul li,
#sidebar div.important ul li a { color: #FFF; }
#sidebar div.important ul.motor-cars { line-height: 1.1; font-size: 1em; }
#sidebar div.important ul li { height: 21px; }

#sidebar div.important ul li a { display: block; padding: 5px 4px 5px 8px; }
/* #sidebar div.important ul li a { display: block; padding: 6px 8px 7px 8px; } */

#sidebar div.important ul li a:hover { background-color: #333; }
#sidebar div.important p.archive { border-top: 1px solid #FFF; margin-top: 10px; font-size: 1em; }
#sidebar div.important p.archive a { display: block; padding: 5px 6px 8px 8px; }
#sidebar div.important p.archive a:hover { background-color: #333; }
#sidebar img { margin-top: 8px; }
#sidebar address { margin-top: 15px; }
#sidebar dl.white { margin-top: 15px;background-color: #fff;}

#sidebar dl { margin-top: 15px; }
#sidebar dl dt { float: left; clear: left; padding-right: 3px; }
#sidebar dl dd { float: left; }
.white {background-color:#fff; }

.vcard {background-color:#fff;margin-top:10px;}
.tel {margin-top:15px;}


/* ---------------------------------------------------------------------------------------------------------------------------- Footer */
#footer ul.menu { padding-left: 8px; font-size: .85em; }
#footer ul.menu li { float: left; line-height: 1; }
#footer ul.menu li a { float: left; padding: 0 6px; border-left: 1px solid #FFF; color: #FFF; }
#footer ul.menu li a strong { font-weight: 400; }
#footer ul.menu li.last a { border-right: 1px solid #FFF; }
#footer ul.menu li a:hover { color: #d2d2d2 }
#footer p { float: right; padding-right: 8px; font-size: .85em; line-height: 1; color: #FFF; }
#footer p a { color: #007BA5; }
#footer p a:hover { color: #A0A0A0; }

/* ---------------------------------------------------------------------------------------------------------------------------- Modal window & Certification documents */
#modal-window {
	position: fixed;
	top: 0;	left: 0;
	z-index: 15000;
	background: url(../img/bg-modal-window.png) repeat;
	}

#modal-window.hidden {
	display: none;
	}

#modal-window ul li {
	float: left;
	}

#modal-window ul li.navigation a {
	display: block;
	height: 87px;
	width: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/bg-modal-window-next-previous.png);
	background-repeat: no-repeat;
	}

#modal-window ul li.navigation.dead a {
	cursor: default;
	}

#modal-window ul li.navigation#next a {
	float: left;
	background-position: left top;
	}

#modal-window ul li.navigation#next a:hover {
	background-position: left -87px;
	}

#modal-window ul li.navigation#next.dead a {
	background-position: left -173px;
	}

#modal-window ul li.navigation#previous a {
	float: right;
	background-position: left -259px;
	}

#modal-window ul li.navigation#previous a:hover {
	background-position: left -345px;
	}

#modal-window ul li.navigation#previous.dead a {
	background-position: left -431px;
	}

#modal-window ul li.content {
	width: 850px;
	padding-top: 35px;
	text-align: center;
	}

#modal-window ul li.content ul li {
	display: none;
	margin-left: 156px;
	}

#modal-window ul li.content ul li.current {
	display: block;
	}

#modal-window ul li.content p {
	margin-top: 10px;
	font-size: 1.2em;
	color: #FFF;
	}

#modal-window a#close {
	position: absolute;
	top: 10px; right: 10px;
	display: block;
	height: 49px; 
	width: 49px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/bg-modal-window-close.png) no-repeat left top;
	}

#modal-window a#close:hover {
	background-position: left -49px;
	}

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