a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}
article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}
mark {
  background-color: transparent;
}
a, ins, del {
  text-decoration: none;
  color: inherit;
}
a {color: #fff;}
ul, ol {
  list-style: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
caption, th {
  text-align: left;
}
q:after, q:before {
  content: "";
}
*, *:before, *:after {
 /*   -webkit-box-sizing: border-box;  Needed for mobile WebKit */
  /*  -moz-box-sizing: border-box;  Needed for Firefox 
    box-sizing: border-box*/
}
img {max-width: 100%;}
html {
	min-height:100%;
    position:relative;
	height: 100%;
}
body{
    height: 100%;
	font-size: 15px;
	line-height: 1.375em;
	font-family: Roboto, Tahoma, Verdana, sans-serif;
	font-weight: 400;
	color: #3B3B3B;
	background-color: #00698A; /*#3387a1;	*/
}
header {
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	right: 0;
	height: 145px;
	background: #00698a;
	font-family: Roboto, Tahoma, Verdana, sans-serif;
	font-weight: 700;
	color: #fff;
}
#panel {
	width: 240px;
	height: 200px;
	position: fixed;
	padding: 60px 40px;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin-left: -160px;
	margin-top: -160px;
	color: #df0024;
	font-weight: 700;
	background: url(images/panel.png) no-repeat;
	font-size: 18px;
	display: none;
}
#panel td.polewej {width: 80px !important; height: 30px;}
#panel input.tekstowe {border: 1px solid #df0024; width: 150px !important;}
#paneltitle {
color: #df0024 !important;
	font-weight: 700;
	text-align: center;
	font-size: 30px;
	width: 100%;
	margin-bottom:18px;
}
.input3 {
color:#fff;
font-weight: bold;
background: #df0024;
border: 0;
font-family: Roboto, Tahoma, Verdana, sans-serif;
	font-weight: 700;
	font-size: 18px;
	padding: 2px 7px;
cursor: pointer;
}
#tlo {
background: url(images/panelbg.png);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
display: none;
}
#start {width: 625px; max-width: 90%; position: fixed; z-index: 9999; top: 50%; left: 50%; margin-top: -200px; margin-left: -312px; display: none;}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
nav {
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 1em;
	color: #fff;
	z-index: 100;
}
nav ul {
	height: 100%;
	float: left;
}
nav li {
	display: inline-block;
	*display: inline;
    zoom: 1;
	height: 100%;
	padding: 105px 20px 0 0px;
}
.wrapper {
	position: relative;
	width: 1140px;
	margin: 0 auto;
	
}
section {
	position: relative;
	padding-top: 115px;
	min-height: 100%;
	max-width: 100%;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

#home {
	background: #fff url(images/first.jpg) no-repeat center center; 
	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/first.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/first.jpg', sizingMethod='scale')";
}
#p1 {
	background: #4f4f4f url(images/second.jpg) no-repeat center center; 
	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/second.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/second.jpg', sizingMethod='scale')";
	color: #fff;
	overflow: hidden;
}
#p2 {
	background: #4f4f4f url(images/second.jpg) no-repeat center center; 
	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/second.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/second.jpg', sizingMethod='scale')";
	color: #fff;
	overflow: hidden;
}
#p3 {
	background: #fff url(images/third.jpg) no-repeat center center; 
	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/third.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/third.jpg', sizingMethod='scale')";
	overflow: hidden;
}
#p4 {
	background: #d4e0e6 url(images/fourth.jpg) no-repeat center center; 

	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fourth.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fourth.jpg', sizingMethod='scale')";
	overflow: hidden;
}
#p5 {
	background: #d4e0e6 url(images/sixth.jpg) no-repeat center center; 

	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sixth.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sixth.jpg', sizingMethod='scale')";
	overflow: hidden;
}
#p5-t {
	background: #d4e0e6 url(images/seventh.jpg) no-repeat center center; 

	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/seventh.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/seventh.jpg', sizingMethod='scale')";
	overflow: hidden;
}
#p6 {
	background: #3387a1 url(images/fifth.jpg) no-repeat center top; 
	background-attachment: fixed !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fifth.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fifth.jpg', sizingMethod='scale')";
	color: #fff;
	padding-bottom: 100px;
	overflow: hidden;
}
#first_link_small {
	position: absolute;
	left: -5.6%;
	top: 0px;
	display: none;
}
#sixth_link_small {
	position: absolute;
	left: -5.6%;
	top: 0px;
	display: none;
}
#first_link, #second_link, #third_link, #fourth_link, #sixth_link, #seventh_link {
	position: absolute;
	width: 1200px;
}
#first_link {
	top: 50px;
	left: -600px;
}
#first_link img, #second_link img, #third_link img, #fourth_link img, #sixth_link img, #seventh_link img {
width: 100%;
}


#second_link, #third_link, #fourth_link, #sixth_link, #seventh_link  {
	position: absolute;
	right: -590px;
	top: 0px;
}
#second_link, #sixth_link {
	top: 50px;
}
#third_link  {
top: -40px;
}
#fourth_link {
	top: 80px;
}
#seventh_link {
top: auto;
bottom: 0;
}
#last_link {
	position: absolute;
	bottom: -6px;
	right: 20px;
	text-align: right;
	width: 300px;
	cursor: pointer;

}

.icons, .icons2 {
	position: absolute;
	right: 20px;
	top: 0;
	text-align: right;
	/*width: 300px;*/
width: 300px;
	}
	
#p5 .icons, #p5 .icons2 {
	top: 300px;
	}
.icons a.login, .icons2 a.login {
	display: inline-block;
	*display: inline;
    zoom: 1;
	
}
.icons a.login img, .icons2 a.login img {
	width: 100%;
}
#loginfoot, .icons a.login, .icons2 a.login {	
display: none;}

article {
	width: 30em;
	max-width: 90%;
	padding-bottom: 3em;
	display: inline-block;
	*display: inline;
    zoom: 1;
	margin-right: 8em;
	vertical-align: top !important;
}

#p1 article.next, /*, #p2 article.next*/#p3 article.next, #p5-t article.next {
	position: absolute;
	bottom: 0;
	margin-left: 30px;
	/*right: 2%;*/
}
#p5-t article.next {
	top: 0;
}
#p6 article.next {
	padding-bottom: 100px;
	margin-left: 30px;
	/*position: absolute;
	right: 2%;
	top: 0;*/
}

#honda-gap {
vertical-align: baseline;
}
article.fullwidth {
width: 100%;
left: 0;
max-width: 100%;
}
article.rightboxes {
	width: 40em;
	position: absolute;
	bottom: 5.7em; left: 35em;
}
div.box {
display: inline-block;
*display: inline;
    zoom: 1;
width: 17em;
vertical-align: top !important;
}
.box img {
display: inline-block;
*display: inline;
    zoom: 1;
}
.box p {
margin: 0;
}
.box h3 {
margin-top: 0;
}
article.next {
	margin-right: 0;
}
article img {
	margin: 1em 0;
	display: block;
}
article li {
	margin-bottom: .6875em;
	padding-left: 1.375em;
	background: url(images/list.png) no-repeat 0 2px;
}
#p4 article.main {padding-bottom: 0;}
table.compare {
width: 100%;
}
table.compare td {
width: 30em !important;
padding: .6875em 1em 0em 1.375em;
background: url(images/list-blue.png) no-repeat 0 .6875em;
}
table.compare th {
font-weight: 700;
color: #00698a;
padding: .5em 1em .5em 0;
border-bottom: 1px solid #00698a;
}

#addresses li {
	padding: 0;
	background-image: none;
}
h1, h2, h3 {
	color: #ff9c00;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: .05em;
}
h1, h2 {
	font-size: 2.25em;
	margin-bottom: .5em;
	margin-top: 2em;
}
h2.gap-naglowek {
	margin-top: 1em;
}
h3 {
	margin: .5em 0;
	font-size: 1.5em;
	margin-top: 1em;
}

#addresses h3 {
	padding-left: 60px;
}
#p5-t h2 {margin-top: 2em;}
#p5-t article.next {padding-top: 3em;}
strong, em {
	font-weight: 700;
}
strong {
	color: #ff9c00;
}
#p6 strong, #p6 .lead, #p6 h1, #p6 h2, #p6 h3 {
	color: #ff9c00;
}
#p3 h1, #p3 h2, #p3 h3, #p3 .lead, #p3 strong, #p4 h1, #p4 h2, #p4 h3, #p4 .lead, #p4 strong, #p4 th, #p5-t h1, #p5-t h2, #p5-t h3, #p5-t .lead, #p5-t strong, #p5-t th  {color: #00698a;}
#p1 h1, #p1 h2, #p1 h3, #p1 .lead, #p1 strong {color: #e0000b;}
#p2 h1, #p2 h2, #p2 h3, #p2 .lead, #p2 strong {color: #e0000b;}

#p3 li, #p4 li, #p5-t li {background: url(images/list-blue.png) no-repeat 0 2px;}
#p1 li {background: url(images/list-red.png) no-repeat 0 2px;}
#p2 li {background: url(images/list-red.png) no-repeat 0 2px;}
p {
	margin-bottom: .6875em;
}
p.lead {
	font-weight: 700;
	color: #ff9c00;
	font-size: 1.125em;
}
p.niebold {
	font-weight: 400 !important;
}
.download { 
	background: url(images/download.png) no-repeat 0 2px;
	padding-left: 25px;
	font-weight: 700;
	/*color: #ff9c00;
	font-size: 1.125em;*/
}
#p1 .download {
background: url(images/download-red.png) no-repeat 0 2px;
}
#p2 .download {
background: url(images/download-red.png) no-repeat 0 2px;
}
#p5-t .download {
background: url(images/download-blue.png) no-repeat 0 2px;

}
#p5-t a.download {
color:#00698a;

}
#key {width: 60%;}
a:hover {
	color: #DC182D;
}
#p5-t a.download:hover{
color:#00698a;
text-decoration: underline;

}


span {
	color: #fff !important;
}
.salon, .saloniserwis, .serwis, .salon-legenda, .serwis-legenda, .saloniserwis-legenda, .szukamy {
	padding-left: 60px;
	display: inline-block;
	*display: inline;
    zoom: 1;
	max-width: 100%;
	/*width: 21em;*/
	width: 100%;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;  
   -moz-box-sizing: border-box;  
    box-sizing: border-box
}
.salon, .salon-legenda { 
	background: url(images/salon.png) no-repeat 0 -3px;
}
.saloniserwis, .saloniserwis-legenda { 
	background: url(images/saloniserwis.png) no-repeat 0 -3px;
}
.serwis, .serwis-legenda { 
	background: url(images/serwis.png) no-repeat 0 -3px;
}
.salon-legenda, .serwis-legenda, .saloniserwis-legenda { 
	width: auto; padding-left: 50px; margin-right: .5em; height: 2em !important; text-transform: lowercase; font-weight: 700;
}
.szukamy {
	font-weight: 700;
	display: none;
}
footer {
	height: 16px;
	background: #ff9c00;
	position: relative;
	max-width: 100%;
	width: 100%;

}
footer nav {
	display: none;
}
#menu {display: none;}
#map-poland2 {display: none;}

#znak {
display: block;
position: absolute;
width: 100%;
bottom: 0%; /*było 12*/
z-index: 10000;
height: 25%;
padding-top: 20px;
}
#znak .wrapper {text-align: right;}
#znak-img {
	width: 190px;
	text-align: right;
	position: absolute;
	right: 0px;
}
.input {
	width: 15em;
	border: 0px;
	padding: 3px;
	margin: 3px;
	margin-left: 10px;
}
.input2 {
	width: 8em;
	border-bottom: 1px solid #ff9c00;
	border-right: 1px solid #ff9c00;
	background: #ff9c00;
	color: #fff;
	padding: 3px;
	margin: 3px;
	margin-left: 10px;
	border-top: 0;
	border-left: 0;
	font-weight: 700;
	cursor: pointer;
}
#home-2 {display: none;}
#hover-off {
width: 118px; height: 65px;
background: url(images/hover-off.png) no-repeat;
position: fixed;
z-index: 19999;
top: 45%;
right: 0;
display: block;
}
#hover-on {
width: 655px; height: 115px;
background: url(images/hover-on.png) no-repeat;
position: fixed;
z-index: 19999;
top: 45%;
right: 0;
display: none;
}
@media screen and (max-width: 1366px) {
    header img {width: 70%; }
	.wrapper {width: 1000px;}
	#first_link, #second_link, #third_link, #fourth_link, #sixth_link, #seventh_link  {width: 960px;}
	#first_link {left: -480px;}
	#second_link, #third_link, #fourth_link, #sixth_link, #seventh_link  {right: -460px;}
	.icons, .icons2, #last_link {width: 270px;}
	/*#first_link img, #second_link img, #third_link img, #tarcza img, #znak img, #first_link a img {width: 80%;}*/
	body {font-size: 14px;}
	header {height: 110px;}
	  #key {width: 80%;}
	/*#first_link a, #second_link a, #third_link a {width: 100%;}*/

	nav li{padding-top: 74px;}
	section {padding-top: 80px;}
	#p6 {
		padding-bottom: 60px;
}
#p5 .icons, #p5 .icons2 {
	top: 250px;
	}
}

#p6 #form td {color: #fff;}
@media screen and (max-width: 1201px) {
    .wrapper {width: 960px;}
	#key {width: 85%;}
	/*#second_link img, #third_link img {width: 110%;}*/
	#p1 article.next, #p2 article.next, #p3 article.next, #p4 article.next, #p6 article.next, #p5-t article.next {
	margin-left: 0px;}

	
}


@media screen and (max-width: 1024px) {
/*#second_link, #third_link {width: 90%; top: 16px; right: -320px;}*/
	#second_link, #third_link {right: -700px;}
	#key {width: auto;}
}


	
@media screen and (max-aspect-ratio: 4/3) { 
#home { display: none;} 
#home-2 {display: block;} 
}


@media screen and (max-width: 990px) {
 .wrapper {width: 90%; margin: 0 auto;}
	article, article.rightboxes, article.next {width: 90%; position: relative !important; margin: 0; left: 0; top: 0; padding: 0em 0 3em 0;}
	body {font-size: 16px;}
	#first_link, #second_link, #third_link, #fourth_link, #sixth_link, #seventh_link  {display: none;}
	nav {font-size: .75em;}
	nav li {padding-left: 0; padding-right: 10px; display: inline-block;*display: inline;
    zoom: 1;}
	.main {padding: 0;}
	#p5 .icons, #p5 .icons2 {
	top: 30px;
	}
	#first_link_small a {height: 50%; position: absolute; left: 0; right: 0; bottom: 0;}
	#first_link_small {display: block; width: 105.6%; border: 0px solid pink; top: 50px; overflow: hidden;}
	#first_link_small img{border: 0px solid red; max-width: 100%;}
	#sixth_link_small a {height: 50%; position: absolute; left: 0; right: 0; bottom: 0;}
	#sixth_link_small {display: block; width: 105.6%; border: 0px solid pink; top: 50px; overflow: hidden;}
	#sixth_link_small img{border: 0px solid red; max-width: 100%;}
	#hover-off {display: none;}
}

@media screen and (max-width: 877px) { /*bylo 767 */
.wrapper {width: 90%; margin: 0 auto;}
	article, article.rightboxes {width: 100%; position: relative !important; margin: 0; left: 0; top: 0;}
	nav {display: none;}
	footer {height: auto;}
	footer nav {display: block; width: 100%;}
	.icons, .icons2 {right: 0;}
	.icons, .icons2, #last_link {width: 120px;}
	header {position: relative; }
	footer nav ul {float: none; display: block; border-top: 5px solid #fff;}
	footer nav li { font-size: 1.125em; display: block; border-bottom: 1px solid #fff; padding: 0; text-transform: none; font-weight: 700; }
	footer nav li a {color: #fff; display: block; padding: .75em; }
	footer nav li a:hover {color: #fff; background: #016a88; }
	header img {width: 200px;}
	section {padding-top: 0;}
	#first_link_small {top: 50px;}	
	#sixth_link_small {top: 50px;}
	
	h1, h2 {font-size: 2em;	margin-bottom: .5em; margin-top: 1em;}
	#menu {display: block; position: fixed; top: 25px; right: 25px; width: 30px; height: 30px; background: url(images/menu.png) no-repeat 0 0; z-index: 10000;}
}
@media screen and (max-width: 359px) {
	.wrapper {min-width: 288px;}
	body {font-size: 14px;}
	#map-poland {display: none;}
	#map-poland2 {display: block;}
	.icons, .icons2, #last_link {width: 120px;}
	img {max-width: 100%;}
}
ul.poland li {
text-transform: lowercase;
}

@media screen and (max-width: 700px) {
#start {width: 90%; position: fixed; z-index: 9999; top: 15%; left: 5%; margin: 0; }
}



@media screen and (max-height: 460px) {
#first_link_small {top: 50px;}	
#sixth_link_small {top: 50px;}
}


input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; top:-1000px;
						}

						input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
							padding-left:30px;
							height:20px; 
							display:inline-block;
							*display: inline;
    zoom: 1;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(images/checkbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}