@charset "utf-8";
/* CSS Document */
html, body { height: 100%; }

/* RESET
************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, address, form, fieldset, hr, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1;
}
img, fieldset { border: none; }
a { text-decoration: none; }
li {
	list-style-type: none;
	display:inline;
}
a img { border: 0; }
abbr, label { cursor: pointer; }
table { border-collapse: collapse; }

/* GLOBAL
************************************************************/
body {
	background:#21323d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:150%;
	color:#aeadab;
}
a {
	color:#FFEEB6;
}
a:hover, a:focus {
	text-decoration:underline;
}
p a {
	text-decoration:underline;
}
p a:hover, p a:focus {
	text-decoration:none;
}
table a {
	text-decoration:underline;
}
table a:hover, table a:focus {
	text-decoration:none;
}
#all {
	background:#111216 url(../img/top_r_bg.jpg) top center repeat-x;
	width:100%;
	float: left;
}
#pageholder {
	background:url(../img/banner.jpg) top center no-repeat;
	text-align:center;
	width: 100%;
	float: left;
}
p { margin: 1.12em 0; }

/* TOP
************************************************************/
#all #top {
	background:url(../img/top_bg.jpg) top left repeat-x;
	text-align:left;
	margin:0 auto;
	width:750px;
	height: 100px;
	position: relative;
}
#all #top h1 {
	font-size:100%;
	color:#fff;
	line-height:50%;
	float: left;
}
#all #top h1 a:focus, #all #top h1 a:active {
	outline:#FDE59B solid 1px;
}
#all #mainnav {
	background: url("../img/menu_bg.jpg") top left repeat-x;
	padding-right:1px;
	height:100px;
	float:left;
}
#all #mainnav li {}
#all #mainnav li a {
	text-indent:-4000px;
	text-align:center;
	outline:none;
	color:#fff;
	height:100px;
	float:left;
	display:inline;
}
#all #mainnav li a:hover, #all #mainnav li a:focus {
	background-position:0px -100px;
}
#all #mainnav .glowna a {
	background:url(../img/menu_glowna.jpg) 0 0 no-repeat;
	width: 130px;
}
#all #mainnav .oferta a {
	background:url(../img/menu_oferta.jpg) 0 0 no-repeat;
	width: 72px;
}
#all #mainnav .klienci a {
	background:url(../img/menu_klienci.jpg) 0 0 no-repeat;
	width: 105px;
}
#all #mainnav .kontakt a {
	background:url(../img/menu_kontakt.jpg) 0 0 no-repeat;
	width: 83px;
}
#all #mainnav .onas a {
	background:url(../img/menu_onas.jpg) 0 0 no-repeat;
	width: 100px;
}
#glowna #all #mainnav .glowna a, #oferta #all #mainnav .oferta a,
#klienci #all #mainnav .klienci a, #kontakt #all #mainnav .kontakt a, #onas #all #mainnav .onas a {
	background-position:0px -100px;
}
#shiny_image {
	margin:0 auto;
	height: 200px;
	width: 750px;
	clear: both;
}

/* CONTENT FOR FRONTPAGE
************************************************************/
#all #content_container {
	background:url(../img/content_bg.jpg) top right repeat-y;
	text-align:left;
	margin:0 auto;
	width:750px;
}
#all #content {
	background:url(../img/content_top_bg.jpg) top right no-repeat;
	padding-bottom: 20px;
}
#all #content h2 {
	font-size:170%;
	font-weight: normal;
	color: #4e8ea5;
	margin:0 20px .6em;
	padding-bottom:5px;
	padding-top:1.12em;
	border-bottom: #365765 dashed 1px;
}
#all #content h2.glowna {
	display: none;
}
#all #content h2.oferta {
}
#all #content h2.klienci {
}
#all #content h2.kontakt {
}
#all #content h2.onas {
}
#all #content #welcome_container {
	background: url("../img/welcome_bottom.jpg") bottom left no-repeat;
	padding-bottom: 12px;
}
#all #content #welcome {
	background: url("../img/welcome_top.jpg") top left no-repeat;
	height: auto !important;
	height: 210px;
	min-height: 210px;
	position:relative;
}
#all #content #welcome h3 {
	color:#6e5510;
	padding: 40px 0px 0px 130px;
	margin:0;
	border: none;
}
#all #content #welcome p {
	color: #3f3f3e;
	padding: 0px 0px 0px 130px;
	margin: 1.12em 0;
	width: 350px;
}
#all #content #welcome .oferta_tygodnia {
	margin:0 10px 0 0;
	float:right;
	display:inline;
}
#all #content #welcome p.podpis {
	background:url("../img/podpis.jpg") 20px 0px no-repeat;
	text-align: left;
	font-style: italic;
	padding: 0px 20px 0px 20px;
	height: auto !important;
	height: 46px;
	min-height: 46px;
	position:absolute;
	top:140px;
}
#all #content h3 {
	font-size:140%;
	font-weight: normal;
	color: #4e8ea5;
	margin:1.12em 20px .6em;
	padding-bottom:5px;
	border-bottom: #365765 dashed 1px;
}
#all #content h4 {
	font-size:120%;
	font-weight: normal;
	color: #D6AB5D;
	margin:1.12em 20px .6em;
	/*padding-bottom:5px;
	border-bottom: #D6AB5D dashed 1px;*/
}
#all #content h4 strong {
	/*color: #D6AB5D;*/
}
#all #content p {
	text-align:justify;
	margin: 1.12em 20px;
}
#all #content ul {
	margin:1.12em 0 1.12em 30px;
	
}
#all #content ul li {
	display:list-item;
	list-style-type:disc;
}
#all #content strong {
	color:#9A8F6D;
}

/* OFFER
************************************************************/
p.cena {
	font-weight: bold;
}
#all #content a.firstCarPhoto {
	margin:0 10px 0 20px;
	border:#AEADAB solid 2px;
	float:left;
	display:inline;
}
#all #content a.firstCarPhoto:hover {
	border:#D6AB5D solid 2px;
}
#all #content a.firstCarPhoto img {
	vertical-align: middle;
	border:#999 solid 1px;
	float: left;
}
#all #content ul.carPhotos {
	margin:0;
	padding:0 20px 10px;
	width:710px;
	float:left;
}
#all #content ul.carPhotos li {
	display:inline;
}
#all #content ul.carPhotos li a {
	margin:0 12px 12px 0;
	border:#AEADAB solid 2px;
	float:left;
	display:inline;
}
#all #content ul.carPhotos li a:hover {
	border:#D6AB5D solid 2px;
}
#all #content ul.carPhotos li a img {
	vertical-align: middle;
	border:#999 solid 1px;
}



/* GALLERY
************************************************************/
#all #content ul.gallery {
	margin:0;
	padding:0 20px 10px;
	width:710px;
	float:left;
}
#all #content ul.gallery li {
	display:inline;
}
#all #content ul.gallery li a {
	margin:0 12px 12px 0;
	border:#AEADAB solid 2px;
	float:left;
	display:inline;
}
#all #content ul.gallery li a:hover {
	border:#D6AB5D solid 2px;
}
#all #content ul.gallery li a img {
	vertical-align: middle;
	border:#999 solid 1px;
}

/* CONTACT
************************************************************/
table.contactData {
	margin-left:20px;
	border-collapse:collapse;
}
table.contactData tbody th {
	padding:2px 20px 2px 0;
}
table.contactData tbody td {
	padding:2px 3px 2px 0;
}

/* CONTACT FORM
************************************************************/
#content .form_elements {
	width:380px;
	float:right;
}
#content form.contactform {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content form.contactform legend {
	font-size:110%;
	font-weight:bold;
	color:#9A8F6D;
	margin-bottom:.4em;
}
#content form.contactform fieldset {
	/*padding:0px 10px 10px;*/
	/*border:#D47619 1px dotted;*/
	border:none;
	margin:0;
	padding:0;
}
#content form.contactform label {
	margin:7px 0px 2px 0px;
	padding:0px;
	text-indent:0;
	display:block;
}
#content form.contactform input {
	background:#AEADAB;
	margin:0px;
	padding:2px;
	/* padding + width == 367 czyli szer komorki minus jej paddingi, bo inaczej IE 6 sie wywala */
	/*width:363px;*/
	width:354px;
	border:#c5c7c8 1px solid;
	color:#333;
	font-weight:normal;
}
#content form.contactform input:focus {
	background:#a0aab2;
	border-color:#8baecb;
}
#content form.contactform textarea {
	background:#AEADAB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:2px;
	width:354px;
	height:90px;
	border:#c5c7c8 1px solid;
	color:#333;
}
#content form.contactform textarea:focus {
	background:#a0aab2;
	border-color:#8baecb;
}
#content form.contactform div.buttony {
	margin:9px 0px 0px 0px;
	padding:0px;
	text-align:center;
	width:100%;
}
#content form.contactform div.buttony input.button {
	/*background:#D67719;*/
	background:#22323F;
	margin:0px 6px 0px 6px;
	padding:2px 6px !important;
	padding:0px;
	/*background:#E0DFD6;
	border:#ACABA4 solid 1px;
	color:#999983;*/
	width:auto;
	/*border:#985512 solid 1px;*/
	border:#171E17 solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	font-size:90%;
	font-weight:bold;
}
#content form.contactform div.buttony input.button:hover, #content form div.buttony input.button:focus {
	background:#aaa;
	color:#000;
}
#all #content .form_elements p {
	margin-left:0;
}
#all #content form.contactform p.formOk {
	background:url("../img/accept_icon_dark_bg.gif") 0 2px no-repeat;
	margin: 0;
	padding-left:20px;
	color:#A9C706;
}
#all #content form.contactform p.formError {
	background:url("../img/error_icon_dark_bg.gif") 0 2px no-repeat;
	margin: 0;
	padding-left:20px;
	color:#990000;
}
#map {
	width: 300px;
	height: 200px;
	background:#fff;
	margin-left:20px;
	overflow:hidden;
}

/* FOOTER
************************************************************/
#footer_container {
	background: url("../img/footer_r_bg.jpg") top left repeat-x;
	clear:both;
}
#footer {
	background:url(../img/footer_bg.jpg) top left no-repeat;
	text-align:left;
	padding-bottom:20px;
	margin:0 auto;
	width:750px;
	height:auto !important;
	height:80px;
	min-height:80px;
}
#footer .copyright {
	color:#737e85;
	margin:20px 0px 0px 20px;
	padding:0;
	float:left;
	display:inline;
}
#footer .copyright a {  }
#footer .design {
	letter-spacing:0px;
	color:#737e85;
	margin:20px 20px 0px 0px;
	padding:0;
	float:right;
	display:inline;
}
#footer .design a {
	color:#9a8f6d;
	text-decoration:none;
}
#footer .design a:hover, #footer .design a:focus {
	color:#9a8f6d;
	text-decoration:underline;
}
#footer .moj {
	font-size:xx-small;
	color:#22323f;
	margin:20px 0px 0px 20px;
	padding:0;
	float:left;
	display:inline;
}
#footer .moj a {
	color:#22323f;
	text-decoration:none;  }
#footer .moj a:hover, #footer .moj a:focus, #footer.moj a:link {
	color:#22323f;
	text-decoration:none;