@import url('jquery.simplyscroll.css');

#scroller-top.simply-scroll-list li {
	margin:0 10px;
}

body{text-align:center; margin:auto; font-family:Verdana, Arial, Helvetica; color:#353535; font-size:12px;}

a{color: #353535;}

img{border: 0px;}

marquee, a marque{background:#f1f1f1; width:953px; padding:8px; clear:both; margin-bottom:10px; cursor:pointer;}

marquee:hover{}



#top-back{position:relative; background-image:url(../images/tlo.png); background-repeat:no-repeat; background-attachment:none; background-position:center -14px;}



#top-lng{width:979px; height:29px; text-align:right; margin:auto;}

#top-lng img{margin:5px 10px 0 10px;}

#top-menu{position: relative; width:979px; height:56px; margin:auto; }

#top-menu .div {display:block; float:right; position:relative;  z-index:20;}

#top-menu a{text-decoration:none;}

#top-logo{position:absolute; left:6px; top:12px;  z-index:100; }

#top-logo img { border-radius:5px; }

#top{width:979px; margin:auto; min-height:219px; background:url(../images/top-bg.jpg) no-repeat center top; }

#top-banner { position: relative; box-sizing: border-box; height: 226px; }

.banner { position: absolute; left:6px; top: 15px; width: 969px; height: 210px; border-radius:3px; }

#banner-menu {
  position: absolute;
  left: 7px;
  top: 77px;
  text-align: left;
}
#banner-menu a {
  display: block;
  padding: 9px 15px;
  border-radius: 3px;
  background: linear-gradient(#3e4f59, #3b4c56, #29363f);
  margin-top: 2px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  min-width: 200px;
}




#top-submenu {
  text-align: right;
  border-radius: 3px;
  background: linear-gradient(#3e4f59, #3b4c56, #29363f);
  width: 970px;
  margin: auto;  
}
#top-submenu a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 14px;
}

#banner-menu a:hover , #top-submenu a:hover {
  background: linear-gradient(#39464f, #4b5c66, #4e5f69);
}


/*

 *

 *

    GÓRNE MENU

 *

 *

 */

.topMenuDiv{display:block; float:right; position:relative;  z-index:20; height:19px; text-transform:uppercase; padding-top:26px; margin-bottom:13px; font-weight:bold; font-size:11px; border-bottom:3px solid #f1f1f1;}

.topMenuDiv:hover{border-bottom:3px solid black;}

#bsg{width:134px;}

#bofh{width:89px;}

.kontakt_head{width:90px;}

.produkty_head{width:87px;}



#jMenuProdukty{width:204px; height:329px; position:absolute; top:47px; left:750px; display:none;}

#jMenuProdukty2{width:104px; height:80px; position:absolute; top:-3px; left:795px; display:none;}

#jMenuKontakt{width:202px; height:82px; position:absolute; top:47px; left:839px; display:none;}

#jMenuKontakt2{width:95px; height:80px; position:absolute; top:-3px; left:888px; display:none;}

.z-index25{z-index:15 !important; display:block !important;}

.z-index11{z-index:11 !important; display:block !important;}

.z-index10{z-index:10 !important;;}



#topMenuList{}

#topMenuList li{float:right; display:table-cell;}



#produkty-submenu #produkty-submenu-wrap, #produkty-submenu-kontakt #produkty-submenu-wrap-kontakt { display:none; position:absolute; z-index:300; left:50%; margin-left:-95px; top:58px; width:190px; overflow:hidden; text-align:left; background:#F1F1F1; font-size:11px; border:1px solid white; }

#produkty-submenu-wrap-kontakt div, #produkty-submenu-wrap div{border-bottom:1px solid white;}

#produkty-submenu a, #produkty-submenu-kontakt a { padding:5px 15px; display:block; text-decoration:none; }

#produkty-submenu a:hover, #produkty-submenu-kontakt a:hover { background: #ddd; }

#produkty-submenu a strong, #produkty-submenu-kontakt a strong { color:#000; font-size:12px; }



.kontakt-submenu, .produkty-submenu{display:none; position:absolute; top:50px; left:-50%; list-style-type:none; padding:0; margin:0; text-align:left;}

.kontakt-submenu li, .produkty-submenu li{border-bottom:1px solid white; background:#F1F1F1; width:190px;}

.kontakt-submenu a, .produkty-submenu a{padding:5px 15px; display:block; text-decoration:none;}

.kontakt-submenu a:hover, .produkty-submenu a:hover{background:#ddd;}

.kontakt-submenu a strong, .produkty-submenu a strong{color:#000; font-size:12px;}





#new { position:absolute;left:50%; top:135px; margin-left:-313px; }

#pp { position:absolute; left:353px; top:12px; }



#content{width:969px; margin:auto; text-align:left; overflow:hidden; }



.frame{width:323px; float:left;}

.frame-dark{width:323px; float:left; min-height:300px; background-color:#f1f1f1; position:relative; margin-top:-1px;}

.frame-dark2x2{width:646px; float:left; background-color:#f1f1f1; position:relative; margin-top:-1px;}

.frame-text{margin-top:10px; line-height:16px; width:80%; margin-left:10%; margin-right:10%; color:#353535; text-align:justify; font-size:12px;}

.frame1{width:323px; float:left; background:url(../images/pg-back.jpg) no-repeat left top; min-height:150px;}

.frame1-dark{width:323px; float:left; position:relative; background:url(../images/frame-back-dark.jpg) no-repeat left top #f1f1f1; min-height:300px;  margin-top:-1px;}



.frameButtons{position:absolute; top:200px; left:25px;}

.frameButtonsMiddle{position:absolute; top:160px; left:30px;}


.frameButtonsNew { margin: auto; width: 247px; padding-bottom: 10px; }

.privacy-holder { margin: auto; width: 264px; font-size: 11px; padding-bottom:5px; }

.komunikat { padding: 5px; border:1px solid #666; margin-top:5px; }


.spacer{background:url(../images/space.jpg) no-repeat left top #d2d2d2; width:80%; margin-left:10%; margin-right:10%; height:1px; line-height:1px;}



.title{background:url(../images/arrow.jpg) no-repeat right center; height:30px; width:80%; margin-left:10%; margin-right:10%; margin-top:15px; font-size:24px; color:#353535;}

.title-dark{background:url(../images/arrow-dark.jpg) no-repeat right center; height:30px; width:80%; margin-left:10%; margin-right:10%; margin-top:15px; font-size:24px; color:#353535;}



.mgr{clear:both; height:35px; display:block;}



#bottom{width:969px; margin:auto; text-align:left; font-size:12px; color:#aaaaaa; margin-bottom:60px;}

#bottom a{color:#aaaaaa; text-decoration:none; margin-right:15px; margin-left:15px;}



.spacer2{width:100%; height:1px; margin-top:7px; margin-bottom:7px; background-color:#aaaaaa; line-height:1px;}

.spacer3{background:url(../images/space.jpg) no-repeat left top #d2d2d2; width:95%; margin-left:5%; height:1px; line-height:1px;}



.title2{background:url(../images/arrow.jpg) no-repeat right center; height:30px; width:95%; margin-left:5%; margin-top:15px; font-size:24px; color:#353535;}



.spacer4{background:url(../images/space.jpg) no-repeat left top #d2d2d2; width:90%; margin-left:5%; margin-right:5%; height:1px; line-height:1px;}



.title3{background:url(../images/arrow.jpg) no-repeat right center; height:30px; width:90%; margin-left:5%; margin-right:5%; margin-top:15px; font-size:24px; color:#353535;}



#name2 table{margin-left:10px; padding-top:20px; font-size:12px; vertical-align:top;}



#kontakt-dane{margin-left:10px;}

#kontakt-dane p{display:inline-block; padding-right:15px; padding-left:15px; text-align:left;}

#kontakt-dane p+p{border-left-style:solid; border-left-width:1px; border-left-color:#999999;}

.kontakt-span{display:inline;}

.kontakt-span1 p{border-left-style:solid; border-left-width:1px; border-left-color:#999999;}



#produkt-opis{width:646px; float:left;}



.page2-text{margin-left:15px; margin-right:15px; margin-top:15px; line-height:18px; text-align:justify;}



#img-right{width:250px; margin:auto; text-align:center; margin-top:15px;}

#img-right img{margin-bottom:10px; margin-left:5px; margin-right:5px;}



#color-sel-back{}

#color-sel{width:966px; background-color:#f4f4f4; height:140px; margin:auto;}

#color-sel img{margin-top:20px; margin-right:9px;}



.fieldHolder{width:249px; height:46px; background: url(../images/input-back.jpg) no-repeat; margin:auto;}



.textInput2{width:200px; height:22px; background:none; border:none; color:#000000; margin-top:13px; margin-left:2px;}



.koloryPasek{margin-left:19px; width:312px;}

.koloryPasek ul{list-style-type:none;}

.koloryPasek li{display:block; float:left; padding:4px;}



#mask{position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}

#boxes .window{position:absolute; left:0; top:0; width:820px; height:294px; display:none; z-index:9999; padding:20px;}

#boxes #dialog{width:720px; height:199px; padding:20px; padding-right:0; background-color:#ffffff;}



.close{display:inline; position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('../fancybox/fancybox.png') -40px 0px; cursor:pointer; z-index:1103;}



.inputText{width:255px;}

.inputShort{width:127px;}

table{font-size:12px;}

.orderTable td{padding:10px 0px; width:256px;}

.orderTable .tdBorder{border-right:1px solid #999;}

.orderTable span{float:left;}

.uwagi{width:255px; height:150px;}



/*.wzornikiLeftDiv{float:left; width:327px; height:1200px; padding:10px 100px 10px 30px; border-right:1px solid #999; text-align:center;}*/

.wzornikiRightDiv{float:left; width:500px; height:270px; margin-left:10px; text-align:center; padding-top:10px;}

.wzornikiTable td{padding:10px 0; min-width:180px; text-align:center; vertical-align:middle;}



.kontaktAdres{float:left; width:260px; height:230px; padding:50px 0 0 60px; border-right:1px solid #999; text-align:center;}



.dopisz_do_newslettera{margin-top:-25px;}

.dopisz_do_newslettera2{float:left; padding-top:15px;}

.dopisz_do_newslettera input, .dopisz_do_newslettera span, .dopisz_do_newslettera2 input, .dopisz_do_newslettera2 span{vertical-align:middle;}



.pozostala-oferta {
    background-color: #f1f1f1;
    margin: 8px auto;
    padding: 8px;
    text-align: center;
    width: 953px;
}
.pozostala-oferta a {
    color: #e32408 !important;
    font-size: 14px;
    font-weight: 700;
	text-decoration: none;
	margin: 0 80px;
}

#pasek-promo {
  position:relative;
  width:969px;
  height:2em;
  margin:0 auto;
  font-size:1em;
  background-color:#EEE;
  overflow:hidden;
}
#pasek-promo > p {
  position:absolute;
  margin:4px 0 0;
  white-space:nowrap;
  animation:przesun 10s linear infinite;
}
#pasek-promo > p:hover {
  animation-play-state:paused;
}

@keyframes przesun
{
	0% { transform:translateX(0); padding-left:110%; }
	100% { transform:translateX(-100%); padding-left:110%; }
}

@-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
{
    0% { -webkit-transform:translateX(0); padding-left:110%; }
    100% { -webkit-transform:translateX(-100%); padding-left:110%; }
}