/* CSS Document */
body { background: url('gfx/bg.gif') repeat-x #efefef; margin: 0 auto; padding: 0px; font: 11px Tahoma, sans-serif; color: #666;}
img {border:0;}
a:focus {outline: none;}
div#top1 { width: 908px; height: 30px; margin: 0 auto; background:url('gfx/top1.jpg') no-repeat top;}
div#header { width: 908px; height: 40px; margin: 0 auto;}
div#menu_left {width: 334px; height: 40px; background:url('gfx/menu_left.gif') no-repeat; float: left;}
div#menu_left a { display: block; height: 40px; float: left; background: url('gfx/menu_left.gif'); }
div#menu_left a span { display: none; }
	div#menu_left a#ofirmie { width: 176px; background-position: -33px 0; margin-left: 33px;}
	div#menu_left a#ofirmie:hover, div#menu_left a#ofirmie.active { background-position: -33px -40px;}
	div#menu_left a#kontakt { width: 88px; background-position: -216px 0; margin-left: 7px;}
	div#menu_left a#kontakt:hover, div#menu_left a#kontakt.active { background-position: -216px -40px;}
div#menu_right {width: 334px; height: 40px; background:url('gfx/menu_right.gif') no-repeat; float: left;}
div#menu_right a { display: block; height: 40px; float: left; background: url('gfx/menu_right.gif'); }
div#menu_right a span { display: none; }
	div#menu_right a#osobowe { width: 96px; background-position: -22px 0; margin-left: 22px;}
	div#menu_right a#osobowe:hover, div#menu_right a#osobowe.active { background-position: -22px -40px;}
	div#menu_right a#dostawcze { width: 109px; background-position: -127px 0; margin-left: 9px;}
	div#menu_right a#dostawcze:hover, div#menu_right a#dostawcze.active { background-position: -127px -40px;}
	div#menu_right a#vany { width: 62px; background-position: -245px 0; margin-left: 9px;}
	div#menu_right a#vany:hover, div#menu_right a#vany.active { background-position: -245px -40px;}
div#logo {width: 240px; height: 40px; background:url(gfx/logo.gif) no-repeat; float: left;}
a#logolink {display: block; width: 240px; height: 40px; background:url(gfx/blank.gif);}
div#top {background:url(gfx/top.jpg) no-repeat; width: 908px; height: 330px; margin:0 auto; text-align: center;}

div#main { background:url(gfx/main.gif) no-repeat; width: 785px; height: 184px; margin: 0 auto; padding-left: 123px; padding-top: 24px;}

div#main div#ofirmie1 { background:url(gfx/head_welcome.gif) no-repeat; width: 211px; height: 130px; margin-right: 20px; padding-top: 30px; color: #fff; font-size: 11px; float: left;}
div#main div#ofirmie0 { background:url(gfx/head_ofirmie.gif) no-repeat; width: 211px; height: 130px; margin-right: 20px; padding-top: 30px; color: #fff; font-size: 11px; float: left;}
div#main div#ofirmie2 { width: 200px; height: 130px; margin-right: 20px; padding-top: 30px; color: #fff; font-size: 11px;float: left;}
div#main div#ofirmie5 { width: 200px; height: 130px; margin-right: 20px; color: #fff; font-size: 11px;float: left;}
div#main div#ofirmie3 { width: 310px; height: 160px; background:url(gfx/welcome.gif) no-repeat; float: left;}
div#main div#ofirmie4 { width: 310px; height: 160px; margin-right: 20px; color: #fff; font-size: 11px;float: left;}
div#main div#kontakt1 { background:url(gfx/head_contact.gif) no-repeat; width: 211px; height: 130px;padding-top: 30px; color: #fff; font-size: 11px; line-height: 11px;float: left; margin-right: 15px;}
div#main div#kontakt2 {width:200px; height: 160px; font-weight: bold; color:#fff;float: left; padding-left: 10px; margin-right: 15px;}
div#main div#kontakt2 input {display: block; width: 175px; height: 20px; border: 1px solid #d1d0d0; background: #ededed;}
div#main div#kontakt3 { width: 310px;  height: 160px; font-weight: bold; color:#fff;float: left; margin-right: 15px; }
div#main div#kontakt3 textarea {display: block; width: 310px; height: 105px; margin-top: 8px; border: 1px solid #d1d0d0; background: #ededed; margin-bottom: 10px;}
div#main div#kontakt3 div#req {float: left; font-weight: normal;}
div#main div#kontakt3 div#req span { color :#00ffd8;}
div#main div#kontakt2 div {width: 185px; height: 25px; padding-top: 8px; padding-bottom: 10px; }
div#main div#kontakt2 div.required {width: 185px; height: 25px; padding-top: 8px; padding-bottom: 10px; background: url(gfx/req.gif) no-repeat right 17px; }
div#main div#kontakt3 div#aaa {float: right; width: 50px; height: 20px; background: red}
div#main div#kontakt3 div#aaa input#submit {outline: none; background: url(gfx/send_btn.gif) no-repeat top left; height: 20px; width: 50px; border: none; float: right; }
div#main div#kontakt3 div#aaa input#submit:hover {outline: none; background-position: 0px -20px;cursor: pointer;}
div#main div#kontakt3 div#aaa input#submit:focus {outline: none; cursor: pointer;}
div#main div#kontakt3 div#contact_script { float: left; font-size: 10px; font-weight: normal; display: block; padding: 0px; margin: 0px;}
div#main div#kontakt3 div#contact_script span.error {color: #ffcc00;}
div#main div#kontakt3 div#contact_script span.sent { color: #00ffd8;}
div#samochody {width: 860px; margin: 0 auto;  height: 326px;}
div#samochody1 { width: 67px; float: left; margin-right: 32px;}
div#samochody3 { width: 67px; float: left; margin-left: 32px;}
div#samochody2 { width: 662px; text-align: center; margin: 0 auto; float: left; height: 326px;}
div#main div#cars1 { width: 226px; height: 50px; background:url(gfx/cars1.gif) no-repeat; padding-top: 110px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; float: left;}
div#main div#cars2 { width: 535px; height: 160px; float: left;}
div#main div#cars2 div.slideshow div.car_desc { width: 535px; height: 160px; float: left; text-align: left; color: #fff; font-size: 12px; line-height: 18px; background: url(gfx/desc.gif) #016b89 repeat-x;}
div#main div#cars2 div.slideshow div.car_desc span.title {color:#00ffd8; background: url(gfx/pkt.gif) no-repeat left 5px; margin-left: -20px; padding-left: 18px; display: block; margin-bottom: 5px;font-size: 14px; font-weight: bold;}
div#main div#cars2 div.slideshow div.car_desc span.price {color:#fff; font-size: 15px; font-weight: bold; margin-bottom: 20px; display: block; }
div#main div#cars2 div.slideshow div.car_desc div.car_descl { width: 150px; height: 160px; float: left; padding-left: 60px;}
div#main div#cars2 div.slideshow div.car_desc div.car_descr { width: 305px; height: 160px; float: left; padding-left: 20px;}

.prev {width: 67px; height: 62px; background:url(gfx/arr_left.gif) no-repeat; border: 0px; cursor: pointer; display:block; margin-top: 133px;}
.prev:hover {background-position: 0 -63px;}
.prev:focus {outline: none;}

.next {width: 67px; height: 62px; background:url(gfx/arr_right.gif) no-repeat; border: 0px; cursor: pointer; display:block; margin-top: 133px;}
.next:hover {background-position: 0 -63px;}
.next:focus {outline: none;}
div#footer {width: 860px; height: 25px; margin:0 auto; padding-top: 5px;}
div#footer div#footer_left { float: left; height: 25px; width: 150px; text-align:left;}
div#footer div#footer_left a {text-decoration: none; color: #016b89;}
div#footer div#footer_left aLhover {text-decoration: underline; color: #016b89;}
div#footer div#footer_right{ float: right; height: 25px; width: 150px; text-align: right;}
div#footer div#footer_right a {text-decoration: underline; color:#575757;}
div#footer div#footer_right a:hover {text-decoration: none; color:#575757;}