@CHARSET "UTF-8";
*{
margin:0;
padding:0;
}
header, main, nav, footer, aside{
display:block;
}
body{
background-color:white;
color:#333;
font-size:14px;
font-family: Arial, Helvetica, Calibri, Tahoma, "Open Sans", sans-serif;
}
a{
outline:none;
}
div#headerWrapper{
width:100%;
height:450px;
box-shadow:0px 1px 2px #666;
background-color:transparent;
background-image:url('../img/bg-header.png');
background-repeat:repeat-x;
background-position:bottom;
}
header{
width:990px;
height:450px;
margin:0 auto;
position:relative;
}
header img#logo{
position: absolute;
top:10px;
left:10px;
z-index:99;
}
header span#catchWord{
position:absolute;
top:80px;
left:300px;
color:#d92a1c;
font-weight:bold;
z-index:99;
}
header div#headerContact{
position:absolute;
top:15px;
right:10px;
width:300px;
text-align:center;
color:#666;
font-weight:bold;
font-size:0.9em;
line-height:1.5em;
}
header div#headerContact a{
font-size:1.2em;
text-decoration:none;
color:#d92a1c;
}
header div#headlineWrapper{
	position:absolute;
	height:56px;
	width:100%;
	bottom:0;
	left:0;
	background-image:url('../img/bg-headline-wrapper.png');
	background-repeat:repeat-x;
	z-index:10;
}
header img#mainIllustration{
	position:absolute;
	bottom:2px;
	left:0;
	z-index:90;
}
header h1{
	font-size:1.2em;
	color:#d92a1c;
	position:absolute;
	bottom:13px;
	right:350px;
	background-color:#f9f9f9;
	padding:0.2em 1em;
	border-radius:5px;
	border:1px solid #d92a1c;
	box-shadow:1px 1px 2px #666;
}
h2{
font-size:1.2em;
}
h2:before{
content:'';
display:table;	
clear:both;
}
header div#benefits{
	width:330px;
	height:204px;
	background-color:#f9f9f9;
	position:absolute;
	right:0;
	bottom:56px;
}
header div#benefits span#benefitsHeadline{
	display:inline-block;
	width:100%;
	text-align:center;
	padding:0.2em 1em;
	font-size:1.1em;
	color:#333;
}
div#benefits ul{
	margin-left:0.6em;
	list-style-type:none;
}
div#benefits ul li{
	background: url('../img/list-type.png') no-repeat 0 0px;
	padding:0.2em 0 0.2em 20px;
	line-height:1.3em;
	font-size:0.9em;
	color:#1a1a1a;
}
header div#navWrapper{
	height:56px;
	width:100%;
	position:absolute;
	top:134px;
	background-image:url('../img/bg-nav-wrapper.png');
	background-repeat:repeat-x;
	z-index:80;
}
nav{
position:absolute;
top:134px;
right:0;
z-index:999;
}
nav a{
display:table-cell;
height:54px;
width:89px;
vertical-align:middle;
text-decoration:none;
color:#d92a1c;
font-size:1.1em;
padding: 0 10px;
text-align:center;
border:1px solid #ececec;
border-top:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
border-left:none;
outline:none;
text-shadow:1px 1px 1px #fff;
}
nav a:hover{
background-image:linear-gradient(#d3d3d3,#fff,#d3d3d3);
border:1px solid #d3d3d3;
padding-left:9px;
font-weight:bold;
text-shadow:none;
}
nav a#activeMenuItem{
background-image:linear-gradient(#d3d3d3,#fff,#d3d3d3);
border:1px solid #d3d3d3;
}
nav a#activeMenuItem{
padding-left:10px;
}
nav a:first-child{
border-left:1px solid #ececec;
}
nav a:first-child:hover{
border-left:1px solid #d3d3d3;
padding-left:10px;
}
nav a.boldLink, nav a#activeMenuItem.boldLink{
font-weight:bold;
}
div#mainWrapper{
width:990px;
margin:0 auto;
}
main{
width:640px;
float:left;
padding:20px 10px;
min-height:300px;
}
main a{
color:#d92a1c;
text-decoration:none;
}
main a:hover{
text-decoration:underline;
}
main p{
font-size:1.2em;
text-align:justify;
margin-bottom:2em;
}
main p.noCarInserted{
font-size:1.2em;
font-weight:bold;
text-align:center;
padding:6em 1em;
}
main ul{
font-size:1.2em;
margin-left:2em;
list-style:none;
}
main ul li{
padding:0.6em 1em;
}
main ul li:before{
content:"\2022";
color:#d92a1c;
font-weight:bold;
display:inline-block;
width:1em;
}
main span.smallerText{
font-size:0.8em;
}
aside{
width:310px;
float:right;
padding:10px;
position:sticky;
top:0;
}
aside h3{
text-align:center;
font-size:1.1em;
}
aside a.carBoxRight{
display:block;
width:250px;
padding:10px 15px;
margin: 1em auto;
background-color:white;
border:1px solid #b3b3b3;
border-radius:16px;
box-shadow:1px 1px 1px #aaa;
text-decoration:none;
color:#333;
}
aside a.carBoxRight:hover{
border:1px solid #d92a1c;
}
a.carBoxRight img{
display:block;
margin:0.5em auto;
border-radius:12px;
opacity:0.9;
}
a.carBoxRight:hover img{
opacity:1;
}
a.carBoxRight span.carName{
display:block;
text-align:center;
font-weight:bold;
}
a.carBoxRight:hover span.carName, a.carBoxRight:hover span.priceText, a.carBoxRight:hover span.priceValue{
color:#d92a1c;
}
a.carBoxRight span.priceText, a.carBoxRight span.priceValue{
display:inline-block;
width:30%;
font-weight:bold;
	}
a.carBoxRight span.priceValue{
width:68%;
text-align:right;
}	
.clearFixA::after{
  content: "";
  clear: both;
  display: table;
}
.clearFixB::before{
  content: "";
  clear: both;
  display: table;
}
footer{
width:100%;
min-height:80px;
background-color:#4d4d4d;
color:#ffffff;
box-shadow:1px -1px 2px #666;
}
footer div#fContent{
width:970px;
padding:5px 15px;
margin:0 auto;
}
footer span#copywright, footer span#manufacturer{
width:45%;
}
footer span#manufacturer{	
float:right;
text-align:right;
}
footer div#fContent a{
text-decoration:none;
color:#ffffff;
}
p#leftContact{
width:300px;
float:left;
font-size:1.2em;
line-height:1.5em;
}
iframe#contactMap{
float:right;
}
form#contact_form, form#reference {
	width: 500px;
	margin: 20px auto;
}
form#contact_form fieldset, form#reference fielset {
	border: 1px solid #d92a1c;
	background-color: white;
	font-weight: bold;
	padding: 1em 0.1em;
  border-radius:5px;
}
form#contact_form label, form#reference label {
	display: block;
	float: left;
	clear: left;
	width: 8em;
	padding-right: 1em;
	text-align: right;
	line-height: 3em;
	font-weight: bold;
	color: #d92a1c;
}
form#contact_form input, .contact_form textarea, form#reference input, form#reference textarea, form#reference select {
	display: block;
	float: left;
	border-color: #d92a1c;
	margin: 0.5em 0;
  font-size:1.2em;
}
form#contact_form input, form#reference input, form#reference select {
	width: 200px;
  border-radius:5px;
  padding:0.1em 0.4em;
}
form#contact_form textarea, form#reference textarea {
	width: 300px;
  border-radius:5px;
  padding:0.1em 0.4em;
}
form#contact_form input#odeslat, form#reference input#odeslat {
	background-color: #d92a1c;
	color: white;
	font-size: 1.1em;
	margin: 0.5em 6.2em;
	padding: 0.2em 0.5em;
  border-radius:8px;
}
p.form_ok, p.form_ko {
	width: 550px;
    margin:0.6em auto;
	text-align: center;
	font-weight: bold;
    color:white;
    border-radius:8px;
    box-shadow:1px 1px 2px #666;
}
p.form_ok {
	padding: 0.5em;
	background-color: #00d400;
	border: 1px solid #008000;
}
p.form_ko {
	padding: 0.5em;
	background-color: #d40000;
	border: 1px solid #800000;
}
div.carOffer{
width:630px;
border:1px solid #666;
border-radius:10px;
padding:0.5em 10px;
margin: 1em auto;
}
div.carOffer h2{
margin:0.5em 0;
}
div.carOffer div.leftContent{
width:250px;
float:left;
margin-bottom:1em;
margin-right:20px;
} 
div.carOffer div.leftContent img{
border-radius: 5px;
margin:0.5em 0;
}
div.carOffer div.leftContent div.carThumbnails{
text-align:center;	
}
div.carOffer div.leftContent div.carThumbnails span.showOtherThumbnails,
div.carOffer div.leftContent div.carThumbnails span.hideOtherThumbnails{
	font-weight:bold;
	color:#d92a1c;
}
div.carOffer div.leftContent div.carThumbnails span.showOtherThumbnails:hover,
div.carOffer div.leftContent div.carThumbnails span.hideOtherThumbnails:hover{
	cursor:pointer;
}
div.carOffer div.leftContent div.carThumbnails span.hideOtherThumbnails{
	display:none;
}
div.carOffer div.leftContent div.carThumbnails img{
margin: 2px;	
}
div.carOffer table.carParameters{
width:340px;
border-collapse:collapse;
}
div.carOffer table.carParameters tr:hover{
background-color:#f2f2f2;
}
div.carOffer table.carParameters td{
padding:0.1em 0.5em;
font-weight:bold;
border-bottom:1px solid #ddd;
}
div.carOffer table.carParameters td+td{
font-weight:normal;
}
div.carOffer table.carParameters td.price{
font-size:1.2em;
font-weight:bold;	
}
table.tReference{
width:100%;
margin: 1em auto;
border:1px solid #b3b3b3;
border-radius:5px;
box-shadow:1px 1px #aaa;
}
table.tReference tr td{
padding:0.2em 1em;
}
table.tReference td.textReference{
font-size:1.1em;
padding:1em 1em;
border-top:1px solid #b3b3b3;
line-height:1.4em;
}
table.tReference td.textAnswer{
width:100%;
background-color:#eee;
}
table.tReference td.textAnswer span.answerHeadline{
color:#666;
}
.clearFix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearFix { display: inline-block; }
* html .clearFix { height: 1%; }
.clearFix { display: block; }