body {padding-top: 0px; padding-bottom: 0px; color: #161518; background: #ffffff;}
a, a:focus { -moz-outline-style: none; outline:none; }

.margin10 {height: 10px; line-height: 0px; font-size: 0px; }
.margin20 {height: 20px; line-height: 0px; font-size: 0px; }
.margin30 {height: 30px; line-height: 0px; font-size: 0px; }
.margin40 {height: 40px; line-height: 0px; font-size: 0px; }
.margin50 {height: 50px; line-height: 0px; font-size: 0px; }
.margin60 {height: 60px; line-height: 0px; font-size: 0px; }
.margin70 {height: 70px; line-height: 0px; font-size: 0px; }
.margin80 {height: 80px; line-height: 0px; font-size: 0px; }
.img-thumb {border:0px; padding:0px 0px;margin:0;-webkit-box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);}
.img-right {float: right; margin: 0 0 5px 15px;}
.img-left {float: left; margin: 0 15px 5px 0;}
.float-left {float: left;}
.float-right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-center-padding {text-align: center; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
.padding-top {padding-top:30px;}
.padding-bottom-none {padding-bottom: 0px;}
.selected {font-weight: 700;}
.no-border {border: 0px; padding: 10px 0 10px 0;}
.clear {width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both;}
.article {padding: 0 0 10px 0; background: #E3E3E3; border: 1px solid #C5CBCD; line-height: 22px;}
.article h2 {}
.article h3 {color: #2A6071; margin-top: 10px !important; padding-left: 30px; padding-right: 30px;}
.article .car-title {padding-left: 0px ; padding-right: 0px;}
.article p {padding-left: 30px; padding-right: 30px;}
.article a, .article a:visited {text-decoration: underline; }
.article a:hover {text-decoration: none; }
.article b, .article strong {font-weight:700;}
.article ul {padding: 10px 0 10px 50px; }
.article ul li {list-style: disc; }
.article img {max-width: 100% !important; }

#header {width:100%; background: url(../layout/background_min.jpg) bottom repeat-x;}
.header-image {position: relative;}
.header-image img {max-width: 100%;}

#bus {position:absolute;z-index:1;width:521px;height:312px;top:108px;left:24px;}
#haslo {position:absolute;z-index:2;top:40px;right:22px;width:493px;height:147px;}
#logo {position:absolute;z-index:2;top:220px;right:70px;width:232px;height:97px;}
#menu {position:absolute;z-index:2;/*top:365px;*/right:14px;}
.menu01, .menu02, .menu03 {width:124px;height:35px;display:block;float:left;display:inline;}
.menu01, .menu01:visited {background: url(../layout/pojazdy.png) 0px -35px no-repeat;}
.menu01:hover {background: url(../layout/pojazdy.png) 0px 0px no-repeat;}
.menu02, .menu02:visited {background: url(../layout/o_nas.png) 0px -35px no-repeat;margin: 0 10px 0 10px;}
.menu02:hover {background: url(../layout/o_nas.png) 0px 0px no-repeat;}
.menu03, .menu03:visited {background: url(../layout/kontakt.png) 0px -35px no-repeat;}
.menu03:hover {background: url(../layout/kontakt.png) 0px 0px no-repeat;}
#telefon {position:absolute;z-index:2;bottom:14px;right:12px;width:652px;height:42px;}

#main {background: url(../layout/main.jpg) top repeat-x;}

.refer_01 {font-style:italic;}
.refer_02 {font-style:italic;}
.refer_owner_01 {font-weight:bold; padding-top: 15px;}

.certyfikat {text-align: center;}
.certyfikat img {max-width: 100%; margin: 0 auto;}

.gallery {text-align:center;}
.gallery h4 {margin-bottom: 20px; color: #2A6071;}
.gallery img {margin: 0 auto;}
#footer {border-top: 1px solid #DFE2E4; padding: 6px 0px 0px;}
#footerTop {background: #21212A; color: #FFFFFF; font-size: 14px; padding: 15px 0px 15px 0px; text-align: center;}
#footerTop a {color:#ffffff;padding:0 10px 0 10px;}

#footerBottom {text-align:center;color:#8b8b8b;padding: 15px 0 15px 0;}
#footerBottom a {color:#8b8b8b;}

/* ============== responsywność ============== */
@media screen and (max-width: 767px)  {
	.article {padding-left: 10px; padding-right: 10px;}
.refer_02 {padding-top: 20px;}
#menu {display: none;}
#menu2 {display: block; padding: 10px 0;}
.camera_caption {left: 0px !important; margin-left: 0 !important; width: 100%;}

#popup {border:solid 1px #e7e7e7; padding:5px; bottom:0px; right:0px; width:100%; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#popup p {padding:0 10px;}
}

@media screen and (min-width: 768px) {
#menu {top:184px;}
#menu2 {display: none;}
.camera_caption {left:-375px !important; margin-left: 50%; width: 750px;}

#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
}
  
@media screen and (min-width: 992px) {
#menu {top:245px;}
.camera_caption {left:-485px !important; margin-left: 50%; width: 970px;}

#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
}
  
@media screen and (min-width: 1200px) {
#menu {top:290px;}
.camera_caption {left:-585px !important; margin-left: 50%; width: 1170px;}

#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
}