/*************************************************************************************** reset */
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: 10px;
  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;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  content: "";
}
@import url("");

/********************************************************************************************** budowa */

body * {
 font-family: Verdana, sans-serif;
}
.container, .cien {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header {
	background: #ffffff;
}
#intro {
	background: #ffffff;
}
#content {

}
#footer {
}
/********************************************************************************************** header  */
body * {
 font-family: Verdana, sans-serif;
}
#header h1 {
	margin-top: 10px;
	margin-left: 20px;
}
#header h1 span {
	font-size: 230%;
	font-weight: bold;
	color: #555;
}
#header ul {
	margin: 10px 0px 5px;
	background: #fff url(gfx/bg_navi.png) 0 0 no-repeat;
	height: 47px;
	overflow: hidden;
}
#header ul li {
	display: inline;
	padding-left: 10px;
}
#header ul li a {
	line-height: 47px;
	font-size: 17px;
	color: #fff;
	padding: 13px 20px;
}
#header ul li a:hover {
	background: #444 url(gfx/bg_navi_hover.png) center center repeat-x;
}
/********************************************************************************************** intro  */
#rotator {
   position: relative;
	width: 600px; height: 220px;
	background: #fff url(gfx/bplogistic_slide2.png) 0 0 no-repeat;
}
.window {
   overflow: hidden; /*--Hides anything outside of the set width/height--*/
   position: relative;
   width: 600px; height: 220px;
}

.image_reel {
   position: absolute;
   top: 0; left: 0;
}

.image_reel img {
   float: left;
}

.paging {
   position: absolute;
   bottom: 0px;
   left: 50%;
	padding: 0 10px 10px 10px;
   margin-left: -30px;
   text-align: center;
   font-size: 24px;
	font-weight: bold;
   background: #fff;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}

.paging a {
   color: #c8c8c8;
   text-decoration: none;
}

.paging a.active {
   color: #f00;
}
.paging a:hover {
   color: #f00;
}
.cien {
	height: 20px;
	background: #fff url(gfx/slider_cien.png) 0 0 no-repeat;
}
.cien2 {
	height: 20px;
	background: #fff url(gfx/slider_cien_2.png) 0 0 no-repeat;
}
#quick_contact {
	float: right;
	width: 355px;
	height: 220px;
	background: #fff url(gfx/top_kontakt.png) 0 0 no-repeat;
}
/********************************************************************************************** content  */
#box_content1, #box_content2, #box_content3, #box_content4 {
	float: left;
	width: 235px;
	height: 204px;
}
#box_content1 {
	margin-right: 6px;
	background: #fff url(gfx/wdt.png) 0 0 no-repeat;
}
#box_content1:hover {
	background: #fff url(gfx/wdt.png) 0 -204px no-repeat;
}
#box_content2 {
	margin-right: 6px;
	background: #fff url(gfx/wkt.png) 0 0 no-repeat;
}
#box_content2:hover {
	background: #fff url(gfx/wkt.png) 0 -204px no-repeat;
}
#box_content3 {
	margin-right: 6px;
	background: #fff url(gfx/ts.png) 0 0 no-repeat;
}
#box_content3:hover {
	background: #fff url(gfx/ts.png) 0 -204px no-repeat;
}
#box_content4 {
	background: #fff url(gfx/prz.png) 0 0 no-repeat;
}
#box_content4:hover {
	background: #fff url(gfx/prz.png) 0 -204px no-repeat;
}
#box_content5 {
  display: block;
  width: 960px;
  height:50px;
  background: #fff url(gfx/bpl_otomoto.png) 0 -50px no-repeat;
}
#box_content5:hover {
  background: #fff url(gfx/bpl_otomoto.png) 0 0 no-repeat;
}
/********************************************************************************************** kontakt  */
.ct1 {
  border: 1px solid #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -khtml-border-radius: 8px;
}
.ctxt, .ctmap {
  width: 640px;
  margin: 10px;
}
.ctxt * {
  text-align: justify;
  font-size: 13px;
  line-height: 150%;
}
.ctxt strong {
  font-weight: bold;
  }
.ctxt li {
  margin-left: 20px;
  padding-left: 5px;
  margin-top: 10px;
  border-left: 10px solid #ddd;
}
.ctform {
  margin: 10px;
  width: 280px;
  float: right;
  border: 1px solid #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -khtml-border-radius: 8px;
	background: #F2F4F7;
}
.ctform h2 {
  margin: 10px;
}
.ct1 h2, .ctform h2 {
  font-size: 200%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}
.dform {
  width: 260px;
  margin: 10px;

}
.dform input, .dform textarea, .dform select {
  width: 258px;
  border: 1px solid #ddd;
}
.alert {
  margin: 5px 10px 10px;
  padding: 5px;
  text-align: center;
  border: 1px solid rgb(240,112,127);
  color: rgb(240,112,127);
  background: rgb(255,255,240);
}
.forminfo {
	margin: 0 10px;
	color: #777;
	font-style: italic;
}
.ctrans {
  background: url(gfx/bgroad.png) right bottom no-repeat;
}
#longtime {
	margin: 10px 0px 10px 10px;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #FFF7EF;
	line-height: 120%;
}
#longtime * {
	font-size: 12px;
}
#longtime li {
	border-left: none;
	list-style-type: circle;
	margin-top: 0px;
}

/********************************************************************************************** foooter  */
#footer .container {
	height: 200px;
	background: #fff url(gfx/bg_footer.png) 0 0 no-repeat;
}
#footer ul {
	position: absolute;
	top: 10px;
	right: 10px;
}
#footer ul li {
	display: inline;
	padding-left: 10px;
}
#footer ul li a {
	color: #333;
}
#footer ul li a:hover {
	text-decoration: underline;
}
img.copyright {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -70px;
}
/********************************************************************************************** czysc  */

.clear {
	clear:both;
	height: 10px;
}

/********************************************************************************************** filtry  */
.transparent {
        zoom: 1;
        filter:alpha(opacity=80);
		  -moz-opacity:0.8;
		  -khtml-opacity: 0.8;
		  opacity: 0.8;
}
/********************************************************************************************** taby  */
					ul.tabNavigation {
                    list-style: none;
                    margin: 0;
						  margin-left: 10px;
                    padding: 0;
                }

                ul.tabNavigation li {
                    display: inline;
						  border: none;
						  padding: 0px;
						  margin: 0px;

                }

                ul.tabNavigation li a {
                    padding: 5px 15px;
                    color: #fff;
						  background: #444;
                    text-decoration: none;
						  font-size: 14px;
						  border: 1px solid #ddd;
						  border-bottom: none;
                }

                ul.tabNavigation li a.selected {
					 		background-color: #fff;
                    color: #000;
					 }
                ul.tabNavigation li a:hover {
                    background-color: #FF7373;
                    color: #000;
                }

                ul.tabNavigation li a:focus {
                        outline: 0;
                }
					 div.ctxt800 {
					 	width: 800px;
					 }
                div.tabs > div {
                        padding: 5px;
                        margin-top: 3px;
								border: 1px solid #ddd;
								background: #fff;
								  -webkit-border-radius: 8px;
								  -moz-border-radius: 8px;
								  border-radius: 8px;
								  -khtml-border-radius: 8px;
}

                div.tabs > div h2 {
                        margin-top: 0;
                }

img.imgRight {
	float: right;
	margin-left: 10px;
}

