img, div {
  behavior: url(/s/js/iepngfix/iepngfix.htc)
}

body {
  color: #6B6B6B; /*888888;*/
  background: url(/s/p/bg.gif) repeat;
}

a {
  color: #737373;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

#footer {

height: 60px; width: 100%; background-color: #000; font-size: 13px;
width: 100%; color: #F68121; text-align: center; padding: 30px 30px; padding-bottom: 15px;

}

#footer a {
color: #F68121;
}


#outerWrapper {
  background: url(/s/p/tlo_pod_grafike.jpg) no-repeat;
  background-position: center 60px;
}

#wrapper {
  width: 900px;
  margin: auto;
  text-align: left;
}





#banner {
  width: 100%;
  height: 320px;
}

.subpage #banner {
  width: 100%;
  height: 206px;
}



#content {
  width: 100%;
}

.subpage #content {
  width: 100%;
  background: url(/s/p/subpage/bg-content.jpg) left repeat-y;
}

#content .left-column {
  float: left;
/*  width: 493px; */
}

#content .right-column {
  float: left;
  width: 380px;
  padding-top: 40px;
  padding-left: 20px;
  font-size: 36px;
line-height: 2;
}


.subpage #content .left-column {
  float: left;
  width: 206px;
  min-height: 490px;
  /*background: url(/s/p/subpage/left-col-bg.jpg) 0px 55px no-repeat;*/
  background: url(/s/p/subpage/left-col-bg.jpg) 0px 33px no-repeat;
  color: #575757;
  margin-top: -33px;
}

.subpage #content .right-column {
  float: left;
  width: 573px;
}






#mainmenu1, #mainmenu98 {
  font-size: 12px !important; 
  line-height: normal !important;
}

#mainmenu1 > li, #mainmenu98 > li {
  padding: 0 20px;
}

#mainmenu1 > li > a, #mainmenu98 > li > a {
  color: white !important;

  text-decoration: none;
  display: block;
  height: 37px;
  line-height: 35px;
  float: left;
  /*font-size: 12px;*/
  text-transform: uppercase;
}




#boxs1 {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
}

#boxs1 .box {
  float: left;
  height: 350px;
}


#boxs2 {
  width: 100%;
/*  height: 340px; */
  overflow: hidden;
}

#boxs2 .box {
  float: left;
  height: 340px; 
}


#boxs a {
  color: white;
}

#boxs a:hover {
  color: white;
  text-decoration: underline;
}

#boxs .case .artTeaser {
  padding-left: 145px;
  padding-top: 20px; 
}

#boxs .case .artTeaser img {
  position: absolute !important;
  display: block !important;
  /*clear: both !important;*/
  float: left !important;
  top: -26px !important;
  left: -20px;
}

#boxs1  .inner {
	height: 80px;
	width: 300px;
  padding-top: 10px;
}
#boxs1 .text {
	padding-top: 25px;
  	color: #999;
	width: 250px;
        font-size: 14px;
text-align:justify;

}

#boxs1 .header {
color:#CFCFCF;
font-size:24px;
font-family:Arial,Helvetica,sans-serif; 
text-align:left;
text-transform:uppercase;
}

#boxs2  .inner {
        height: 80px;
        width: 300px;
  padding-top: 10px;

}
#boxs2 .text {
        padding-top: 25px;
        color: #999;
        width: 250px;
        font-size: 14px;
text-align:justify;

}

#boxs2 .header {
color:#CFCFCF;
font-size:24px;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
text-transform:uppercase;
padding-right: 25px;
}




#logo {
  position: absolute;
  width: 239px;
  height: 79px;
  left: -15px;
  top: 27px;
  z-index: 14px;
}

#logo img {
}



#bannerspace1, #bannerspace2 {
  background: #C5C4C3 url(/s/p/metal.jpg);
  width: 265px;
  height: 170px;
  background-color: #c5c4c3;
  float: right;
}

#bannerspace1 .contentdiv, #bannerspace2 .contentdiv {
  float: right;
  margin-top: 8px;
  display: none;
}

#bannerspace1 .contentdiv:first-child, #bannerspace2 .contentdiv:first-child {
  display: block;
}



.text {
  line-height: normal;
  font-size: 11px;
  font-family: Tahoma;
}





/* menu */

#topMenu {
  width: 100%;
  height: 37px;
  z-index: 1;
  background: url(/s/p/menu/bg.jpg) repeat-x;
}

#topMenu ul {
  display: block;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}



#topMenu > ul {
  width: 100%;
}

#topMenu > ul > li {
  float: left;
  padding: 0 11px;
  background: url(/s/p/menu/menu_06.jpg) left no-repeat;
}



#topMenu > ul > li > ul {
  top: 37px;
}

#topMenu ul li:hover > ul {
  display: block;
}

#topMenu ul li {
  position: relative;
}

#topMenu ul li ul li {
  /*width: 230px;*/
  width: 280px;
  
}


#topMenu ul li ul {
  display: none;
  list-style: none;
  background-color: #525252;
  /*left: 230px;*/
  left: 280px;
  position: absolute;
  
  border-right: 1px solid #3a3a3a;
  border-bottom: 1px solid #3a3a3a;
  
  top: 37px;
}

#topMenu ul li ul li ul {
  top: 0;
}

#topMenu ul li ul li:hover > a {
  background-color: #868686;
}

#topMenu ul li ul li:hover > a.hassubmenu {
  /*background: #868686 url(/s/p/menu/arrow-right-a.jpg) right no-repeat;*/
  background: #868686 url(/s/p/menu/menu-arrow.gif) right no-repeat;
}




#topMenu ul li ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 8px 20px;
  line-height: normal;
  color: #ffffff;
  font-size: 11px;
}

#topMenu ul li ul li a.hassubmenu {
  /*background: url(/s/p/menu/arrow-right.jpg) right no-repeat;*/
  background: url(/s/p/menu/menu-arrow.gif) right no-repeat;
}



/* wspolne */

#mainmenu1 > li > ul, #mainmenu98 > li > ul {
  left: 0px !important;
}

#link_1, #link_2, #link_3, #link_4, #link_5, #link_6 , #link_7 , #link_8 , #link_9 {
  float: left;
}

#link_1 > ul {
  left: 0px !important;
}
#link_2 > ul {
  left: 0px !important;
}
#link_3 > ul {
  left: 0px !important;
}
#link_4 > ul {
  left: 0px !important;
}
#link_5 > ul {
  left: 0px !important;
}
#link_6 > ul {
  left: 0px !important;
}
#link_7 > ul {
  left: 0px !important;
}
#link_8 > ul {
  left: 0px !important;
}
#link_9 > ul {
  left: 0px !important;
}













.subpage #content .header h1 {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-left: 272px;
  padding-top: 8px;
  font-weight: bold;
}







/* na glupie pomysli Kasi */
.left-column #bannerspace3 {
  position: absolute;
}

.left-column .artTeaser  {
  font-size: 18px;
 
}

.left-column .artTeaser td {
  font-size: 10px;

}


/***********/

#bannerspace3 .contentdiv img {
  border: 1px solid black;
  width: 216px;
  margin-left: 0px;
}







#listapic {
  clear: both;
  /*
  margin: 0 20px;
  width: 350px;
  margin: 0 auto;
  margin-top: 15px;
  */
}

.bigPicture {
  float: left;
  background: url(/s/p/gall-bg-400.jpg) repeat;
}

.bigPicture img {
  width: 370px;
  padding: 3px;
}

.thumbs {
  float: right;
  width: 168px;
}


#listapic .picbox {
  /*
  float: left;
  margin: 5px;
  background: url(/s/p/gall-bg.jpg) repeat;
  */
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
  background: url(/s/p/gall-bg.jpg) repeat;
}

#listapic .picbox img {
  /*
  float: left;
  width: 97px;
  height: 60px;
  padding: 3px;
  */
  float: left;
  width: 97px;
  height: 60px;
  padding: 2px;
  
  width: 75px;
  height: 56px;  
  
}

#listapic .picbox.hover {
  background: red;
}


#listapic .picbox .title, #listapic .picbox .desc {
  display: none;
}



















form input[type=text], form label, form textarea {
  display: block;
  padding: 1px 0;
}

form input[type=text], form textarea {
  border: 1px solid #BAB9B7;
}







#nnawigacja, #gnawigacja, #wynnawigacja {
  clear: both;
  margin: 20px 0;
  text-align: center;
}

#anchor {
  clear: both;
  margin: 20px 0;
}

#anchor dt, #anchor dd {
  left: 30px;
  position: relative;
}

#anchor dt img {
  position: absolute;
  top: 0px;
  left: -30px;
}

#gnawigacja, #wynnawigacja {
  clear: both;
  border-top: 1px solid #808080;
  padding-top: 3px;
}


#wynwysz {
  margin-top: 5px;
}

#wynwysz dd {
  display: none;
}

#wynwysz dt {

}





#gnawigacja .val, #gnawigacja a {
  /*
  margin: 0 4px;
  padding: 1px 3px;
  background-color: red;
  color: white;
  */
}

#gnawigacja .val {
  text-decoration: underline;
}








#mainmenu122, #mainmenu130 {
  display: none;
}




img {
  border: none;
}

.clear {
  clear: both;
}

div {
  position: relative;
}

.border {
  border: 1px solid red;
}






.innerContent {
  padding: 20px 0px 20px 20px; 
  text-align: justify
}


img[alt="Products"]:first-child {

}

img[alt="Products"] {
  filter: gray;
  /*
  padding: 2px !important;
  margin: 0 !important;
  margin-left: 10px;
  margin-top: 10px;
  */
}


img[alt="Products"]:hover {
  filter: none;
}
/*
.gallbg {
  background: url(/s/p/gall-bg.jpg) repeat;
  float: left;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}
*/