@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html, body{
height: 100%;
font-family: Tahoma, Geneva, sans-serif;
}
a img { border: 0; text-decoration: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

body { line-height: 1;background: url(images/backgrounds_03.jpg) #000 top center no-repeat;  }
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.align_center { text-align: center; }

p.small { font-size: 10px; }
p.small sup,
form sup
 { color: red!important; }

h1, h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #004c8b; }
h1 { font-size:1.13em; }
h2 { font-size: 0.88em; }
h1 a {
display:block;
width:366px;
height:80px;
background:url(images/projekt_00.jpg) no-repeat;
text-indent:-9999px;
}

.productTitle h1 {  }
h1.productTitle { font-size: 1.3em; }
h1 .productTitle { margin-top:50px; }
h1.pageTitle { margin-bottom:20px; }
h2.pageSubTitle { margin-top:20px; margin-bottom:20px; }

h3 { font-size: 0.72em; }

#topMenu a, #Header li a { position:relative; top: 0px; }


div#Container_1 { width:980px; margin: 0 auto; }
div#Header { height: 291px; }
div#Header ul { position: relative; top: -56px; right:10px; float: right;  }
div#Header li { display: inline; }
div#Header li img { margin-right:18px;  }

div#topMenu { width: 980px; height: 59px;  }
div#topMenu ul { position: absolute; top:262px; margin-left: 260px; }
div#topMenu li { display: inline; }

.szycie { margin-left: -4px; }
.onas { margin-left: -6px; }
.dojazd { margin-left: -8px; }
.kontakt { margin-left: -14px; }
.nowosci { position: relative; top:0; }

div.searchForm { float: left; margin-top:20px; margin-left:20px; position:relative; top:-4px;}
div.searchForm .img { width: 73px; height:29px; border: 0; float: left; margin-left: 10px; position:relative; top:-4px;  opacity: 1; filter: alpha(opacity = 100); zoom: 1;  }
div.searchForm .img:hover { opacity: 0.8; filter: alpha(opacity = 80); zoom: 1; }
div.searchForm input { float: left; font-family: Tahoma, Geneva, sans-serif; font-size:0.81em; color: #fff; background: #00040d; border:1px solid #192f4b; width: 138px; height: 20px; }

/* search */
.searchFormOnPage { font-size:0.69em; margin-bottom: 20px; border-bottom: dotted 1px #ccc; padding-bottom:10px;  }
.searchFormOnPage a { color: #004c8b; }
.searchFormOnPage a:hover { text-decoration:underline;color: #004c8b; }
.searchFormOnPage a:active, a:focus { color: #004c8b; }
.searchFormOnPage label { font-weight: bold; color: #656565; }
.searchFormOnPage input, submit, select { border:1px solid #bababa; background: #f0f0f0; padding:1px; color: #004c8b; margin:3px; font-size:0.98em; }
.searchResultDiv { display:inline;width:310px; background: #f2f2f2; padding:5px; margin:1px; float: left; border:1px solid #fff;}
.searchResultDiv:hover { background: #f9f9f9; border:1px solid #ccc; display:inline; }
#searchResult a:hover { text-decoration: none; }
.searchResultDiv h5 { color:#004c8b; font-weight:bolder; font-size:0.69em; }
.searchResultDiv dt { color: #656565; font-size: 0.69em; font-weight: bolder; margin-top:8px; }
.searchResultDiv dd { color: #004c8b; font-size: 0.69em; }
.searchResultDiv img { position: relative; top:-5px; }

#Container_2 { background: url(images/backgrounds_06.jpg) top center #000; height:auto; overflow: hidden; }

#footer { width:100%; height: 75px; background: url(images/backgrounds_08.jpg) no-repeat #000 top center; clear: both; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size: 0.69em; }
#footer p { color: #9dc7e2; margin-left:220px; padding-top:10px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }



#main { width: 975px; margin: 0 auto; }

.right { float: right; }

/* Side style */
#side { width: 255px; float: left; }
#side .m1 { display: block; background: url(images/menuHeader.png) no-repeat; width: 73px; height: 44px; text-indent:-9999px; }
#side .m2 { display: block; background: url(images/strojeHeader.png) no-repeat; width: 73px; height: 38px; text-indent:-9999px; }
#side ul { margin-left:30px; margin-top:2px; color: #fff; font-family:Tahoma, Geneva, sans-serif; font-size:0.69em; padding-top: 10px; }
#side li { height: 18px; background: url(images/star.png) no-repeat 0 -4px; margin-bottom: 5px; }
#side li a { padding-left: 20px; margin-left:3px; color: #fff; text-decoration: none; display: block; }
#side li a:hover { text-decoration: underline; }

/* Content */
#content { width: 660px; float: left; padding: 20px; }
#content .pageTitle { display: block; background: url(images/starBlue.jpg) no-repeat left; font-size: 0.88em; padding-left:25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:17px; }
#content p { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #2b2b2b; padding-left:15px; padding-right:15px; padding-bottom:5px; padding-top:5px; line-height: 15px; }

ul#categoryList { text-align:center; margin-top:10px; }
ul#categoryList li { 
    margin-bottom: 15px; border: 1px solid #fff; 
    width:107px; height: auto; 
    float: left; display: inline; 
    color: #004c8b;  font-weight: bold; 
    margin: 0 1px 0 0; 
}
ul#categoryList li a { margin-bottom: 15px; border: 1px solid #fff; width:107px; height: auto; float: left; display: inline; color: #004c8b;  font-weight: bold;}
/*ul#categoryList li a:hover { border: 2px solid #fff; cursor: pointer; color: #8e0006; opacity: 0.7;filter: alpha(opacity = 70); zoom: 1; }*/
ul#categoryList li:hover {
    border: 1px solid #e8e8e8; 
}
ul#categoryList li a:hover { 
    
    cursor: pointer; 
    color: #004c8b; opacity: 1; filter: alpha(opacity = 100); 
    zoom: 1; 
    text-decoration: none;  
}
ul#categoryList span { 
    font-family: Tahoma, Geneva, sans-serif; 
    font-weight: bolder; 
    font-size:0.70em; 
    display:inline-block;
}

div#productCard { width: 682px;height: auto; overflow:hidden; background: url(images/kartaProduktu_02.jpg);  clear:both; font-family: Tahoma; font-size:11px; }
div#tier1 { width:320px; height: auto; float: left; padding:5px; text-align: justify; }
div#productCard ul { }
div#tier1 p { font-size:1em; font-family: Tahoma, Geneva, sans-serif; margin-bottom:3px; }

div#productCard li span { position:relative; top:10px; left:15px; color:#525252; width:205px; display: block; }

.kartaDlakogo { width:320px;height:57px; background:url(images/kartaLista_03.png) no-repeat top center; clear:both; }
.kartaPlec { width: 320px; height:57px; background:url(images/kartaLista_05.png) no-repeat top center; clear: both; }
.kartaRozmiar { width: 320px; height:57px; background:url(images/kartaLista_07.png) no-repeat top center; clear: both; line-height:18px; }
.kartaElementyStroju { width: 320px; height:100px; background:url(images/kartaLista_08.png) no-repeat top center; clear: both; }
.kartaElementyStroju span { font-weight: bold; line-height: 16px; }

div#productCard #tier2 { float: left; width: 340px; height:320px; padding:5px; text-align:center; } 
div#productCard a { text-decoration: underline; }
div#productCard a:hover { text-decoration: none;  }
.categoriesInCard { font-size: .68em; color: #333; font-family: Tahoma, Geneva, sans-serif; position: relative;top:6px; left:10px; }


.productThumbnail {  }
div#tier2 ul { width: 320xp;  }
div#tier2 li { width:79px; height:79px; background:url(images/rozmiarBG.jpg) top center no-repeat; margin-top:5px;  }
div#tier2 li span { position: relative; top:47px; left:85px; color: #006cbb; font-size:0.80em; }

div#cardVideo { clear:both; font-family: Tahoma; font-size:0.69em; padding-top:60px;width:680px; height:479px; background:url(images/karta_29.jpg) top center no-repeat; text-align:center; }
div#cardGallery { clear:both; font-family: Tahoma; font-size:0.69em; width: 682px;height: auto; overflow:hidden; background: url(images/kartaProduktu_02.jpg); text-align:center; }



ul#productShortInfo { width:200px; height:210px; text-align: center; margin: 0 auto; }
	
ul#productShortInfo, ul#productShortInfo li{
		margin:0;
		padding:0;
		list-style:none;
		text-align: center;
		display: inline;
	}
	
ul#productShortInfo li{
		float:left;
		margin:2px;
		border: 8px solid #f2f2f2;
		padding-bottom:10px;
		background:#f2f2f2;
	}
ul#productShortInfo li:hover{
		float:left;
		margin:2px;
		border: 8px solid #ccc;	
		padding-bottom:10px;
		background:#ccc;
	}
ul#productShortInfo img{
		display:block;
		float:left;
		width:200px;
		 }
	
	ul#productShortInfo span { position: relative; top:6px;font-weight:bold;width:200px;float: left;clear:both; text-align: left; color: #8e0006; font-family: Tahoma, Geneva, sans-serif; font-size:.77em;  }
	
	#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:5px;
	display:none;
	color:#fff;
	}
.pics { height: 202px; width:245px; padding:0; margin:0; overflow: hidden; margin-left:5px; margin-top:20px;margin-left:20px; }
.pics img { height: 150px; width: 200px; padding: 2px; border: 3px solid #101F31; background-color: #101F31; top:0; left:0; }
.pics img:hover { border: 3px solid #172A3F; }
.pics img {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

ul#wholist { float: right; }
ul#whoList li { float: right; display: inline; }
ul#whoList img:hover { opacity: 0.5; filter: alpha(opacity=50); zoom:1; }

/* competition */

/* competition */

#competitionBox { 
width:660px; clear:both; 
border: 1px solid #ccc; 
background: #efefef; 
padding: 8px;  
height:auto; margin: 0 auto;
text-align:center; position: relative; 
max-height:520px; overflow: auto; 
}
* html div#competitionBox { 
   height: expression( this.scrollHeight > 519 ? "520px" : "auto" ); /* sets max-height for IE */
}
#sendCompetitionForm { width:650px;clear:both; border: 1px solid #ccc; background: #efefef; padding: 15px; }

#sendCompetitionForm label { font-weight: bold; color: #656565; font-size:11px; }
#sendCompetitionForm input, submit { border:1px solid #bababa; background: #fff; padding:1px; color: #004c8b; margin:3px; font-size:11px; }

.valid{border:1px solid #01aaef !important;}
.invalid{border:1px solid #d40f12 !important;}

/* competition gallery */

ul#galleryThumbs { width:100%; text-align: center; margin: 0 auto; }
	
	ul#galleryThumbs, ul#galleryThumbs li{
		margin:0 auto;
		padding:0;
		list-style:none;
	}
	
	ul#galleryThumbs li{
		float:left;
		margin:12px;
		border:1px solid #ccc;	
		padding:2px;
	}
	ul#galleryThumbs li:hover{
		float:left;
		margin:12px;
		border:1px solid #666;	
		padding:2px;
	}
	ul#galleryThumbs img{
		display:block;
		float:left;
		width:100px;
		/*width:180px;
		height:165px;*/
	}
ul#galleryThumbs span { font-family: Tahoma, Geneva, sans-serif; font-weight: bolder; font-size:0.70em; display:inline-block;}
ul#sitemap { 
font:70% Arial, Helvetica, sans-serif; 
	color:#555;
	line-height:150%;
	text-align:left;
}
ul#sitemap a{
	
	text-decoration:none;
	color:#057fac;
}
ul#sitemap a:hover{
	text-decoration:none;
	color:#999;
}
ul#competitorsList { float: left; }
ul#competitorsList li { margin-left: 25px; margin-bottom: 5px; border: 1px solid #ccc; width:100px; height: auto; float: left; display: inline; color: #004c8b;  font-weight: bold; overflow:hidden;}
ul#competitorsList li a { margin-bottom: 5px; border: 0px solid #ccc; width:100px; height: auto; float: left; display: inline; color: #004c8b;  font-weight: bold; overflow:hidden;}
/*ul#categoryList li a:hover { border: 2px solid #fff; cursor: pointer; color: #8e0006; opacity: 0.7;filter: alpha(opacity = 70); zoom: 1; }*/
ul#competitorsList li a:hover { border: 0px solid #e8e8e8; cursor: pointer; color: #004c8b;opacity: 1;filter: alpha(opacity = 100); zoom: 1; text-decoration: none; }
ul#competitorsList span { font-family: Tahoma, Geneva, sans-serif; font-weight: bolder; font-size:0.70em; display:inline-block;}

.competitionPhoto{
	position:relative;
	float:left;
	display:inline;
	width:208px;
	height:208px;
	margin:0 2px 5px 3px;
	background:url("galbg.gif") top left no-repeat;
	}

.competitionPhoto ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

.competitionPhoto li.name{
	position:absolute;
	top:8px;
	left:0px;
	width:200px;
	height:25px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	overflow:hidden;
	color: #004c8b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.competitionPhoto li.screen{
	position:absolute;
	top:30px;
	left:25px;
	width:150px;
	height:150px;
	}
.competitionPhoto li.screen img{

	border:1px solid #ccc;
	}
	
.competitionPhoto li.posted{
	position:absolute;
	top:190px;
	left:15px;
	font-size:11px;
	color:#A7BAC5;
	}
.competitionPhoto li.desc{
	position:absolute;
	top:205px;
	left:15px;
	font-size:11px;
	color:#A7BAC5;
	}
#tooltip{
	position:absolute;
	width: 250px;
	border:1px solid #333;
	background:#f7f5d1;
	padding:5px 5px;
	color:#333;
	display:none;
	font-size: 13px;
	}
	
.stdForm fieldset{ 
    width:650px;
    clear:both; 
    border: 1px solid #ccc; 
    background: #efefef; 
    padding: 15px; 
    margin-top: 20px; 
}

.stdForm fieldset h3 {
    font-size: 13px; margin-bottom: 10px;
}

.stdForm dt,
#item-order-form dt{ 
    font-weight: bold; color: #656565; font-size:11px; 
}
.stdForm input, 
.stdForm input[type=submit],
.stdForm select,
.stdForm textarea,
#item-order-form input,
#item-order-form input[type=submit],
#item-order-form select,
#item-order-form textarea
{ 
    border:1px solid #bababa; 
    background: #fff; 
    padding:1px; color: #004c8b; 
    margin:3px; font-size:11px; 
}
.stdForm .send,
#item-order-form .send{
    padding: 3px!important;
    cursor: pointer;
}
.stdForm textarea {
    width: 350px; height: 70px;
}
.stdForm a {
    font-size: 11px;
}

div#order .nav {
    margin: 5px 0;
}

ul.items-list {
    width: 630px; margin: 0 auto;
    position: relative; left: 10px;
}
ul.items-list li {
    width: 200px; display: inline; min-height: 350px;
    margin: 10px 8px 0 0; float: left;
    border: 1px solid #ccc;
}
ul.items-list li .item-name {
    text-align: center;
    font-weight: bold; font-size: 12px;
    padding: 5px 0;
}

div.page_navigation {
    margin-bottom: 10px;
}

div.page_navigation a {
    padding: 5px; background: #ccc;
    margin: 3px;
}
div.page_navigation a:hover,
.active_page{
    background: #fff!important; color: #000!important;
    text-decoration: underline!important;
}

#order fieldset {
    position: relative;
    clear: both;
    float: left; margin: 10px 0;
}
#order a.close {
    position: absolute; top: 10px; right: 25px;
}

div.order-form {
    margin: 8px; display: block;
}
div.order-form dl.h,
#item-order-form dl.h {
    margin-bottom: 5px; color: #444;
    text-align: center; font-size: 11px; font-weight: bolder;
    padding: 3px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
}
fieldset textarea.customer_msg {
    width: 500px; height: 80px;
}

form input em {
		
}



table.jCalendar {
border: 1px solid #000;
background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

input.dp-applied {
	width: 140px;
	float: left;
}

/* szybkie wyszukiwanie */

div#quickSearch {
    font-size: 11px;
    margin: 20px;
}


#stroje { display: none;}
#product_page_order #stroje { display: block; }

/* Koszyk */

div.basket .item {
    width: 630px; margin: 5px auto;
    float: left; clear: both; overflow: hidden;
    padding: 10px; border: 1px dotted #ccc;
}
div.basket .item:hover {
    background: #e0e0e0;
}

div.basket .item .photo {
    width: 75px; float: left;
}
div.basket .item .desc p {
    margin: 0!important; padding: 0!important;
    padding: 2px 0;
}
div.basket .item .desc {
    float: left; margin: 0 0 0 10px;
}
div.basket .item .desc .details {
    margin: 2px 0 0 0;
}
div.basket .item .desc p.name {
    font-weight: bold; font-size: 12px;
}
div.basket .item .item-info {
    float: left;
}
div.basket .item .actions {
    float: right;
}

.flushBasket {
    float: left;
    margin: 5px 0 0 0;
}

div.success-box {
    width:650px;
    clear:both; 
    border: 1px solid green; 
    background: #fff; 
    padding: 15px; font-size: 14px;
    margin-top: 20px; 
}

div.error-box {
    width:650px;
    clear:both; 
    border: 1px solid red; 
    background: #fff; 
    padding: 15px; font-size: 14px;
    margin-top: 20px; 
}
div.error-box ul {
    margin: 10px 0 20px 0;
    padding-left: 1.5em;
    list-style: disc;
}
div.error-box a {
    font-size: 12px;
}
div#order-info-box div.right {
    padding: 125px 0 0 0;
}
div#order-info-box div.right fieldset {
    width: 320px;
    float: right;
}

div#order-info-box div.left {
    float: left;
}

div.come-back {
    width: 630px; margin: 10px auto;
    padding: 5px 0; border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; text-align: center;
}
div.come-back a {
    font-size: 12px; display: block;
}