/*
	***Salon-Opon***
	author: Gosia Kmieć
	Copyright Enzo Sp. z o.o., http://enzo.pl

*/

/* ---------------RESET--------------- */

body, p, pre, ul, ol, fieldset, input, option, textarea, th, td,

dl, dd ,hr ,blockquote, caption, legend, form, button {margin: 0;padding: 0;}

ol, ul {list-style: none;}

q:before{content: no-open-quote;}

q:after{content: no-close-quote;}

legend, caption{text-align: left;color: #000;}

fieldset, abbr, acronym, img{border: none;}

a, ins{text-decoration: none;}

cite, address, dfn, var {font-style: normal;}

h1,h2,h3,h4,h5,h6{margin: 0;font-weight: normal;font-size: 1em;}

*:focus { outline: none; }


/* ---------------------------- */


body {
	font-size: 100%;
	font: normal 0.88em Arial, Helvetica, Garuda, FreeSans, sans-serif;
	line-height: 1.5em;
	color:#000;
	background: #fff;
	behavior: url("/style/csshover3.htc");
}
.fck-content{
  font: 1em/1.5em Arial, Helvetica, Garuda, FreeSans, sans-serif !important;
  color: #4c4c4c !important;
  margin-top:30px;
}

#page{
  width:960px;
  margin:0 auto;
  
}

#fancybox-inner #page{
  width:720px;
}

#footer{
  width:960px;
  clear:both;
  float:left;
  margin-top:60px;
  border-top:1px dotted #b2b2b2;
  padding:20px 0;
}

/* ---------------header--------------- */

#header{
  width:960px;
  margin:0 auto;
  position:relative;
}

#logo{
  float:left;
  width:160px;
  height:80px;
  margin-top:3px;
  margin-bottom:8px;
}

#logo a{
  display:block;
  width:100%;
  height:100%;
  background: transparent url(../images/logo.gif) 0 0 no-repeat;
  text-indent:-1000em;
}

#info{
  color:#787878;
  font-size:18px;
}

#uwo{
  font-size:12px;
  text-transform:uppercase;
  color:#787878;
}

#header-info{
  float:left;
  left:178px;
  position:absolute;
  top:29px;
}

#uwo li{float:left; margin-right:4px; padding-right:10px; background: transparent url(../images/new/kropa.png) 100% 8px no-repeat;}
#uwo li.last{margin-right:0; padding-right:0; background:none;}

#contact-box{
  float:right;
  background:#f5f5f5;
  border-bottom:1px solid #c8c8c8;
  padding:3px 10px 0 50px;
}


.grey{color:#494949;}

.grey2{color:#7c7c7c;}

.grey3{color:#656565;}

.grey4{color:#adadad;}

.grey5{color:#666;}

.grey6{color:#838383;}

.grey7{color:#acacac;}

.grey8{ color: #444444;}

.grey9{ color: #777;}

.grey10{ color: #3d3d3d;}

.grey11{ color: #464646;}

.grey12 {color:#5f5f5f;}

.grey13 {color:#8d8d8d;}

.grey14 {color:#939393;}

.f18 {font-size:1.29em;}

.f19 {font-size:1.36em;}

.f21 {font-size:1.43em;}

.f22 {font-size:1.57em;}

.f16 {font-size:1.14em;}

.f12 {font-size:0.86em;}

.f11 {font-size:0.79em;}

.f15{font-size:1.07em;}

.f13{font-size:0.93em;}

.f10{font-size:0.71em;}

.f24{font-size:1.71em; line-height:1.2em;}

.f17{font-size:1.21em;}

.bold{font-weight:bold;}

#basket-box{
  border:1px solid #000;
  width:320px;  
  float:right;  
  font-size:0.93em;
  margin-top:1px;
  color:#fff;
  min-height:63px;
}

#basket-box span{
  color:#ffe019;
}

#basket-box ul{
  float:right;
  width:205px;
  font-weight:bold;
  color:#ffe019;
  margin-top:7px;
}

#basket-box p{float:left;clear:both;}

.js #basket-box{
  cursor:pointer;
}

#basket-box{
  background:#1B4670 url(../images/new/basket-panel.png) 100% 100% no-repeat;
  border:1px solid #000;
  width:320px;
}

.w100{width:100%;}

.ico-basket {
    background: url("../images/new/basket-big.png") no-repeat scroll 10px 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 0 7px 50px;
    text-align: right;
    width: 58px;
    margin-top:7px;
}

#basket-box em {
    display: inline-block;
    font-style: normal;
    text-align: right;
    width: 110px;
}

#button_1{
  width:160px;
  height:28px;
  display:block;
  float:right;
  background: url("../images/new/button1.png") no-repeat scroll 0 0 transparent;
  text-indent:-1000em;
  border:none;
  color:#fff;
  margin-top:-21px;
  margin-right:2px;
}

#button_1:hover{background-position:0 -28px;}

#button_2{
  width:120px;
  height:28px;
  display:block;
  float:right;
  background: url("../images/new/button2.png") no-repeat scroll 0 0 transparent;
  text-indent:-1000em;
  border:none;
  color:#fff;
  margin-right:2px;
  margin-top:-21px;
}

#button_2:hover{background-position:0 -28px;}

.ico-basket span{
  border-bottom:1px dotted #fff;
  color:#fff !important;
}

.ico-basket:hover span{
  border-bottom:1px solid #fff;
}

.clear{clear:both;}

#menu{
  float:left; 
  width:100%; 
  margin-top:12px;
}

#menu a{
  color:#302f2f;
  font-size:1.14em;
  background: transparent url(../images/line1.gif) 0 100% repeat-x;
  text-align:center;
  display:block;
  width:100%;
  padding-bottom:5px;
  border-right:1px dotted #ccc;
}

#menu li{
  width:159px;
  float:left; 
  padding: 0 0 3px 0;
}

#menu li.selected a{border-right:none;}

#menu li.selected{
  background: transparent url(../images/line3.gif) 0 100% repeat-x;
}

#menu li:hover a{
  background: transparent url(../images/line2-h.gif) 0 100% repeat-x;
}

#menu li.selected a{
  color:#fff;
  background: transparent url(../images/line2.gif) 0 100% repeat-x;
}

/* ---------------search panel--------------- */

#search-box{
  background:#122e49 url(../images/line4.gif) 0 0 repeat-x;
  margin-top:18px;
  padding-top:3px;
}

#search-box-wrap{
  /*background:transparent url(../images/search-box-bg.gif) 49.7% 100% no-repeat;*/
  background: transparent url(../images/searchBoxSprite.png) 49.7% 100% no-repeat;
}

#search-box-wrap2{
  width:960px;
  margin:0 auto;
  /*background:transparent url(../images/search-box-wrap2-bg.gif) 0 0 no-repeat;*/
  background: transparent url(../images/searchBoxSprite.png) -488px 0 no-repeat;
  position:relative;
}

#pack-ico{
  margin-top: 75px;
  position: relative;
  right: 10px;
  width: 305px;
  height:68px;
  /*background:transparent url(../images/paczka.png) 0 0 no-repeat;*/
  background: transparent url(../images/chatyAndPaczkaSprite.png) -1567px 0 no-repeat;
  display:block;
  text-indent:-1000em;
  float:right;
}

#pack-ico:hover{
	/*background-position: 0 -68px;*/
	background-position: -1567px -68px;
}

#pack-ico:active{
	/*background-position: 0 -136px;*/
	background-position: -1567px -136px;
}

#livechat-ico{
  width:220px;
  height:81px;
  display:block;
  text-indent:-1000em;
  margin-top:23px;
}

#livechat-ico.online{
	/*background:transparent url(../images/czat-mini.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) 0 0 no-repeat;
}
#livechat-ico.online:hover{
	/*background-position: 0 -81px;*/
	background-position: 0 -81px;
}
#livechat-ico.online:active{
	/*background-position: 0 -162px;*/
	background-position: 0 -162px;
}

#livechat-ico.offline{
	/*background:transparent url(../images/czat-offline-mini.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) -221px 0 no-repeat;
}
#livechat-ico.offline:hover{
	background-position: -221px -81px;
}
#livechat-ico.offline:active{
	background-position: -221px -162px;
}
#livechat-ico.voice{
	/*background:transparent url(../images/czat-callback-mini.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) -442px 0 no-repeat;
}
#livechat-ico.voice:hover{
	background-position: -442px -81px;
}
#livechat-ico.voice:active{
	background-position: -442px -162px;
}


#mainpage #livechat-ico{
  width:300px;
  height:82px;
  margin-top:0px;
}

#mainpage #livechat-ico.online{
	/*background:transparent url(../images/czat.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) -663px 0 no-repeat;
}
#mainpage #livechat-ico.online:hover{
	/*background-position: 0 -82px;*/
	background-position: -663px -82px;
}
#mainpage #livechat-ico.online:active{
	/*background-position: 0 -164px;*/
	background-position: -663px -164px;
}

#mainpage #livechat-ico.offline{
	/*background:transparent url(../images/czat-offline.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) -964px 0 no-repeat;
}
#mainpage #livechat-ico.offline:hover{
	background-position: -964px -82px;
}
#mainpage #livechat-ico.offline:active{
	background-position: -964px -164px;
}

#mainpage #livechat-ico.voice{
	/*background:transparent url(../images/czat-callback.png) 0 0 no-repeat;*/
	background: transparent url(../images/chatyAndPaczkaSprite.png) -1266px 0 no-repeat;	
}
#mainpage #livechat-ico.voice:hover{
	background-position: -1266px -82px;
}
#mainpage #livechat-ico.voice:active{
	background-position: -1266px -164px;
}



#loading {
  /*background:url("../images/lightbox/loading.gif") no-repeat scroll 50% 80px transparent;*/
  float:left;
  height:229px;
  /*position:absolute;*/
  text-indent:-1000em;
  width:640px;
  z-index:100;
}

#search-form-box{
  width:720px;
  min-height:140px;
  _height:expression("140px");
  float:left;
  /*background:#33699d transparent url(../images/search-form-box-bg.png) 100% 14px no-repeat;*/
  background: transparent url(../images/searchFormBoxSprite.png) 100% -246px no-repeat;
  padding-top:13px;
  position:relative;
}


#search-form-box.v2{
  /*background:transparent url(../images/search-form-box-bg-2.png) 100% 14px no-repeat;*/
  background: transparent url(../images/searchFormBoxSprite.png) 100% 14px no-repeat;
}

#search-form-box{
  width:640px;
  min-height:180px;
  _height:expression("180px");
}

#mainpage #search-form-box{
   min-height:228px;
  _height:expression("228px");
}

#search-form-box form{
  width:600px;
  padding:0 20px;
  overflow:hidden;
}  

#banner-box{
  width:240px;
  min-height:137px;
  _height:expression("137px");
  float:right;
  /*background:transparent url(../images/banner-box-bg.gif) 100% 0 no-repeat;*/
  background: transparent url(../images/new/banner-box.png) 0 0 no-repeat;
  padding-top:15px;
  color:#fff;
  font-size:16px;
}

#banner-box {
    min-height: 180px;
    padding-left: 20px;
    padding-right: 18px;
    position: absolute;
    right: -3px;
    top: -15px;
    width: 290px;
  _height:expression("180px");
}


#mainpage #banner-box{
  min-height:242px;
  _height:expression("242px");
}

#banner-box h2{
  font-size:18px;
  margin-bottom:20px;
}

#banner-box li em{
  color:#A8D0F5;
  font-size:12px;
  font-style:normal;
  display:block;
}

#banner-box p{
  color:#A8D0F5;
  font-size:12px;
  text-align:right;
}

#banner-box li{padding-left:50px; margin-bottom:7px;}

#ico1{background: transparent url(../images/new/ico-tel.png) 0 0 no-repeat;}
#ico2{background: transparent url(../images/new/ico-mail.png) 0 0 no-repeat;}
#ico3{background: transparent url(../images/new/ico-czat.png) 0 0 no-repeat; min-height:42px;}


#banner-box a{
  color:#FFE019;
  border-bottom:1px dotted #FFE019;
}

#search-form-box select{
  color:#4c4c4c;
  border:1px solid #000;
  font: normal 1em Arial, Helvetica, Garuda, FreeSans, sans-serif;
  height:22px;
}

#search-form-box label{color:#fff;display:block;}

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

#opona_marka, #samochod_marka, #select_marka select, #stal-producent{width:160px;}

#opona_rozmiar{width:120px;}

#opona_sezon{width:80px;}

#opona_rodzaj, #samochod_typ, #samochod_model, #select_modele select, #select_silniki select, #stal-typ, #stal-model{width:100px;}

.search_t{margin-top:22px;}

.submit_t{position:absolute;right:108px;}

.submit_t{right:25px; margin-top:20px;}

input{
  border: 1px solid #a4a4a4;
  /*background: #e3e3e3 url(../images/input-bg1.gif) 0 0 repeat-x;*/
  background: #e3e3e3 url(../images/inputsSprite.png) 0 0 no-repeat;
  height:18px;
  font: normal 1em Arial, Helvetica, Garuda, FreeSans, sans-serif;
  color:#000;
  padding:3px 5px 1px 5px;
}

#zamowienie_form select {
    background: url("../images/inputsSprite.png") no-repeat scroll 0 0 #E3E3E3;
    border: 1px solid #A4A4A4;
    color: #000000;
    font: 1em Arial,Helvetica,Garuda,FreeSans,sans-serif;
    height: 23px;
    padding: 0;
    width: 262px;
}

textarea{
  border: 1px solid #a4a4a4;
  /*background:#e3e3e3 url(../images/input-bg1.gif) 0 0 repeat-x;*/
  background: #e3e3e3 url(../images/inputsSprite.png) 0 0 no-repeat;
  height:90px;
  font: normal 1em Arial, Helvetica, Garuda, FreeSans, sans-serif;
  color:#000;
  padding:3px 5px 1px 5px;
  resize:none;
  overflow:hidden;
}

.search_t input{
  border:none;
  text-indent:-1000em;
  width:88px;
  height:30px;
  /*background:transparent url(../images/szukaj-bt.gif) 0 0 no-repeat;*/
  background: transparent url(../images/new/szukaj.png) 0 0 no-repeat;
  cursor:pointer;
  padding:0;  
  * text-indent:0;
  * padding-top:27px;  
}  

.search_t input:hover{
	background-position:0 -30px;
}

.search_t input:active{
	/*background-position:0 -53px;*/ 
	/*background-position: -849px -280px;
	height: 28px;*/
}
  
#search-box h3{
  font-size:1.07em;
  color:#78bdff;
  text-shadow: 0 2px 1px #000000;
}  

#tab1 a{
  /*background:transparent url(../images/tab1-bg.gif) 0 -35px no-repeat;*/
  background: transparent url(../images/salonOponMainSprite.png) -30px -384px no-repeat;
  width:160px;
  height:37px;
  margin:0 0 20px 0;
  display:block;
  text-indent:-1000em;
  cursor:pointer;
} 

#tab1 a:hover{
  /*background-position: 0 -74px;*/
  background-position: -30px -423px;
} 

#tab1 a.selected{
  /*background-position: 0 1px;*/
  background-position: -30px -348px;
} 

#tab2 a{
  /*background:transparent url(../images/tab2-bg.gif) 0 -35px no-repeat;*/
  background: transparent url(../images/salonOponMainSprite.png) -195px -384px no-repeat;
  width:158px;
  height:37px;
  margin:0 0 20px 0;
  display:block;
  text-indent:-1000em;
  position:absolute;
  top:13px;
  left:161px;
  cursor:pointer;
  margin-left:2px;
}
 
#tab2 a:hover{
  /*background-position: 0 -73px;*/
  background-position: -195px -422px;
} 

#tab2 a.selected{
  /*background-position: 0 1px;*/
  background-position: -195px -348px;
} 

#tab2 span{
  /*background:transparent url(../images/nowosc.png) 0 0 no-repeat;*/
  background: transparent url(../images/new/nowosc.png) 0 0 no-repeat;
  width:56px;
  height:19px;
  display:block;
  text-indent:-1000em; 
  position:absolute;
  top:7px;
  left:276px;
}

#sizes-box{
  background:transparent url(../images/sizes-box-bg.gif) 0 0 repeat;
  clear:both;
  width:578px;
  margin-top:9px;
  float:left;
  padding:5px 20px;
  margin-left:1px;

  bottom:1px;
}

.js #sizes-box{  position:absolute;}

#sizes-box a{
  color:#fff;
  border-bottom:1px dotted #fff;
}

#sizes-box a:hover{border-bottom:1px dotted #8fe1f9; background:#4490c2;}

#sizes-box a:active{border-bottom:none; background:#1f5385; border-top:1px solid #000000;}

#sizes-box li{float:left; margin-right:15px;}

.search-checkbox {clear:both; float:left; margin-top:10px; width:100%;
  width:578px;
  padding:5px 20px 0 20px;
  margin-left:-19px;
}
  
#search-form-box .search-checkbox label{display:inline; position:relative; top:-4px; 
_position:static; _display:inline-block; margin-right:10px;}
  
/*-----------recomended------------*/

#grey-box{
  background:transparent url(../images/line6-wide.gif) 0 0 repeat-y;
  width:708px;
  float:left;
}

#mainpage #grey-box{
  width:628px;
  background:transparent url(../images/line6.gif) 0 0 repeat-y;
}

#tire-list #grey-box{
  width:968px;
  background:transparent url(../images/line6-wide-2.gif) 0 0 repeat-y;
}

#grey-box-wrap{
  background:transparent url(../images/line5-wide.gif) 4px 100% no-repeat;
  padding:0 24px 38px 24px; 
  width:660px;
  float:left;
}

#mainpage #grey-box-wrap{
  background:transparent url(../images/line5.gif) 0 100% no-repeat;
  width:580px;
}

#tire-list #grey-box-wrap{
  background:transparent url(../images/line5-wide-2.gif) 0 100% no-repeat;
  width:958px;
  padding:0 5px 38px 5px;
}

#page h2{
  color:#034a8f;
  font-size:1.29em;
  padding-bottom:4px;
  margin-bottom:20px;
  background:transparent url(../images/line7.gif) 0 100% repeat-x;
  margin-top:40px;
}

#page h3{
  color:#135493;
  font-size:1.14em;
  margin:15px 0 5px 0;
}

#page h4{
  color:#225f9a;
  font-size:1.07em;
  margin:15px 0 5px 0;
}

#page a, #contact-box a{
  color:#000;
  border-bottom:1px dotted #000;
}

#page a:hover, #contact-box a:hover, #page .t-title a:hover{
  background:#cceeff;
  border-bottom:1px solid #569bd6;
}

#page a.blue{
  color:#2772bb;
  border-bottom:1px dotted #2772bb;
}

#page a.blue:hover{
  border-bottom:1px solid #2772bb;
  background:none;
}

#page a.no-link{border:none;}

#page a.no-link:hover{border:none; background:none;}

#content{
  width:708px;
  margin-left:-4px;
  float:left;
}

#mainpage #content{
  width:628px;
}

#tire-list #content{
  width:968px;
}

#content-wrap{
  width:620px;
  padding:0 4px;
}

#sidebar{
  width:240px;
  float:left;
  margin-left:16px;
  _margin-left:0px;
  _float:right;
  _width:235px;
}

#mainpage #sidebar{
  width:320px;
}

.tyre-list-box{
  float:left;
  width:260px;
  margin-bottom:45px;
}

.tyre-list-box.left{
  clear:left;
  margin-right:60px;
}

#page h3.t-title{margin-bottom:25px; font-size:1em; margin-top:0;}

#page .t-title a{
  border-bottom:1px dotted #1b4670;
}

.blue{
  color:#2772bb;
}

.black{color:#000;}

.blue2{color:#1b4670;}

.blue3{color:#034a8f;}

.t-img{
  width:110px;
  margin-right:9px;
  float:left;
  position:relative;
}

.t-data{
  width:141px;
  float:left;
}

.ico-add{
  display:block;
  width:120px !important;
  height:33px !important;
  text-indent:-1000em;
  /*background:transparent url(../images/add-to-card.gif) 0 0 no-repeat;*/ 
  background:transparent url(../images/new/do-koszyka.png) 0 0 no-repeat; 
  margin-top:5px; 
  border:none !important;
  padding:0;
  cursor:pointer;
}

input.ico-add{
  * text-indent:0;
  * padding-top:31px; 
}

.ico-add:hover{
	/*background:transparent url(../images/add-to-card.gif) 0 -31px no-repeat !important;*/
	background:transparent url(../images/new/do-koszyka.png) 0 0 no-repeat !important;
	border:none;
}

.sezon{padding:2px 20px 2px 0;}

#tire-list .sezon {padding:0; text-indent:-1000em; display:block; width:17px; height:17px; margin:0 auto;}

.s-letnie {
	/*background:transparent url(../images/ico-letnie.gif) 100% 50% no-repeat;*/
	background:transparent url(../images/salonOponMainSprite.png) 34px -279px no-repeat; 
}  
.tabela-opon .s-letnie{
	background:transparent url(../images/salonOponMainSprite.png) 0px -279px no-repeat
}
.s-zimowe {
	/*background:transparent url(../images/ico-zimowe.gif) 100% 50% no-repeat;*/
	background:transparent url(../images/salonOponMainSprite.png) 45px -329px no-repeat; 
} 
.tabela-opon .s-zimowe{
	background:transparent url(../images/salonOponMainSprite.png) 0px -330px no-repeat
}
.s-caloroczne {
	/*background:transparent url(../images/ico-caloroczne.gif) 100% 50% no-repeat;*/
	background:transparent url(../images/salonOponMainSprite.png) 34px -231px no-repeat; 
}
.tabela-opon .s-caloroczne{
	background:transparent url(../images/salonOponMainSprite.png) 0px -231px no-repeat
} 
/*
.promo-ico{
  display:block;
  width:32px;
  height:32px;
  text-indent:-1000em;
  background:transparent url(../images/promo.png) 0 0 no-repeat;  
  position:absolute;
  right:0;
  top:0;
}
*/

.etykiety{
  position:absolute;
  right:-5px;
  top:-5px;
}

.promo-ico{
  display:block;
  width:70px;
  height:16px;
  text-indent:-1000em;
  /*background:transparent url(../images/etykiety.png) 0 -20px no-repeat; */
  background:transparent url(../images/new/promocja.png) 0 0  no-repeat; 
  margin-bottom:5px;
  _line-height:0;
}

.nowosc-ico{
  display:block;
  width:70px;
  height:16px;
  text-indent:-1000em;
  /*background:transparent url(../images/etykiety.png) 0 0 no-repeat;*/
  background:transparent url(../images/new/nowosc2.png) 0 0  no-repeat; 
  margin-bottom:5px;
  _line-height:0;
}

.wyprzedaz-ico{
  display:block;
  width:70px;
  height:16px;
  text-indent:-1000em;
  /*background:transparent url(../images/etykiety.png) 0 -40px no-repeat;*/
  background:transparent url(../images/new/wyprzedaz.png) 0 0  no-repeat; 
  _line-height:0;
}


.promocja .t-price{
  background:#ffe019;
  padding:0 2px;
}

.label{width:40px; display:inline-block;}

.t-list {
  width:300px;
  float:left;
}

.t-list.left{margin-right:20px;}

.t-list ul{
  margin-left:20px;
}

.t-list h2{padding-left:20px;}

.t-list li{margin-bottom:10px;}


.oferta-box li{
  font-size:12px;
  line-height:18px;
  padding-left:0 !important;
  margin-left:0 !important;
  margin-bottom:15px !important;
}

.koszyk-content .oferta-box li {
    float: left;
    margin-left: 0 !important;
    padding-left: 0;
    padding-top: 50px;
    text-align: center;
    width: 80px;
}

#ico-gwarancja{background-position:50% 0 !important;}
#ico-dostawa{background-position:50% 3px !important;}
#ico-przesylka{background-position:50% 4px !important;}

.koszyk-content .oferta-box li strong{
    font-size: 13px;
    line-height: 18px;
    color:#787878;
}

.koszyk-content .oferta-box {
    margin-left: 10px;
    margin-top: 2px;
    width:300px;
}

.js .koszyk-content .oferta-box{margin-top:24px;}

.oferta-box li strong{
  font-size:14px;
  line-height:21px;
}
.oferta-box li span.icons{display:block; float:left; margin-right:10px; width:42px; text-align:center;}

#mainpage .oferta-box h2 span {
    background:url("../images/salonOponMainSprite.png") no-repeat scroll -355px -449px transparent;
}

.oferta-box h2 span {
    background:url("../images/salonOponMainSprite.png") no-repeat scroll -435px -449px transparent;
}

.oferta-box{width:220px;}
#mainpage .oferta-box{width:300px;}


#page .oferta-box a{
  color:#2772BB;
  border-bottom:1px dotted #2772BB;
}

.box-referencje blockquote{
  color:#4C4C4C;
  font-size:14px;
  font-style:italic;
  background:transparent url(../images/new/cytat.png) 7px 10px no-repeat;  
  padding:20px 0 0 20px;
}

.box-referencje{
  border:1px dotted #B2B2B2;
  width:218px;
  margin:20px 0;
}
.box-referencje-wrap{
  border:1px dotted #B2B2B2;
  padding:0 18px 18px 0;
}

#mainpage .box-referencje{
  width:298px;
}
#ico-gwarancja{background:transparent url(../images/new/ico-gwarancja.png) 15px 0  no-repeat; }
#ico-dostawa{background:transparent url(../images/new/ico-dostawa.png) 15px 0  no-repeat; }
#ico-przesylka{background:transparent url(../images/new/ico-przesylka.png) 10px 0  no-repeat; }
#ico-obsluga{background:transparent url(../images/new/ico-obsluga.png) 15px 0  no-repeat; }
#ico-jakosc{background:transparent url(../images/new/ico-jakosc.png) 20px 0  no-repeat; }

#i1{margin-top:-8px;}
#i2{margin-top:-5px;}
#i3{margin-top:-3px;}
#i5{margin-top:-2px;}

/*----------------------*/

.box-wide{
  width:100%;
  clear:both;
  float:left;
}
  
#logotypes{
  margin-top:30px;
}

#logotypes a{margin-right:20px; display:inline-block;}

.line{
  background:transparent url(../images/line8.gif) 0 100% repeat-x;
}

.links{background: url("../images/line7.gif") repeat-x scroll 0 0 transparent; margin-top:25px;}

.links .box1 {width:140px; float:left; clear:left;}

.links .box2 {width:800px; float:right;}

.links .box2 li{float:left; width: 140px; margin-right:20px;}

.box-help-min{width:140px; float:left;margin-right:20px;}

/*-----------------*/

#enzo{
  color:#737373;
  font: normal 0.86em Tahoma, Geneva, Kalimati, sans-serif;
  text-align:right;
}

#enzo a{
  width:66px;
  height:21px;
  /*background:transparent url(../images/enzo.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -852px -316px no-repeat;
  display:inline-block;
  text-indent:-1000em;
  text-align:left;
  position:relative;
  top:-3px;
  _top:5px;
}

#enzo a:hover{/*background:transparent url(../images/enzo.gif) 0 0 no-repeat !important;*/background:transparent url(../images/salonOponMainSprite.png) -852px -316px no-repeat !important;}

#footer p{width:255px; float: left;}

/*--------------------------*/


#sidebar h2{margin-top:2px;}

#sidebar h2 span{
  display:block;
  padding:16px 60px 0 20px;
}

.art-box h2 span{
  /*background:transparent url(../images/artykuly-ico.gif) 100% 0 no-repeat;*/	
  background:transparent url(../images/salonOponMainSprite.png) -735px -449px no-repeat; 
}

.help-box h2 span{
  /*background:transparent url(../images/pomoc-ico.gif) 100% 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -435px -449px no-repeat; 
}

#mainpage .art-box h2 span{
  background:transparent url(../images/salonOponMainSprite.png) -655px -449px no-repeat; 
}
#mainpage .help-box h2 span{ 
  background:transparent url(../images/salonOponMainSprite.png) -355px -449px no-repeat; 
}

#page .art-box h2 a, #page .help-box h2 a{color: #034A8F; border-bottom:none;}

#page .art-box h2 a:hover, #page .help-box h2 a:hover{background:none; border-bottom:none;}

.art-box h2, .help-box h2{width:220px;}

#mainpage .art-box h2, #mainpage .help-box h2{width:300px;}

#page .help-box h2{margin-top:2px;}

#mainpage #page .help-box h2{margin-top:24px;}

#sidebar li{
  padding-left:12px;
  margin:0 0 10px 8px;
}

#sidebar li.level2 {margin-left:/*16*/8px;}

.help-box li{
  background:transparent url(../images/bullet.gif) 0 8px no-repeat;
}

#sidebar .art-box li {margin-bottom:15px;}
.art-box li span{line-height:1em; display:block;}

.banner-box{
  border:1px dotted #cccccc;
  margin-top:30px;
  margin-left:20px;
  width:180px;
  clear:both;
  float:left;
}

#mainpage .banner-box{
  width: 318px;
  margin-left:0;
}

.banner-box img{
  padding:9px;
  border:1px dotted #cccccc;
  display:block;
}

#sidebar .more{margin-left:20px;}

.submenu-box, .art-box, .help-box {margin-bottom:40px; width:220px;}

.submenu-box h2 span{
  background: transparent url(../images/new/h2-bg.png) 100% 14px no-repeat;
}

#mainpage .submenu-box, #mainpage .art-box, #mainpage .help-box {width:300px;}



/*----------opona---------*/

#bread ul{
  width: 678px;
  /*background:#fff url(../images/grey-bg.gif) 0 100% repeat-x;*/
  background: #fff url(../images/salonOponMainSprite.png) 0 0 no-repeat;
  float:left;
  padding:0 10px;
  font-size:0.86em;
}

#tire-list #bread ul {width:938px;}

#bread{
  margin-left:-19px;
  width:698px;
  background:url("../images/line7.gif") repeat-x scroll 0 100% transparent;
  float:left;
  padding-bottom:2px;
  _margin-left:-10px;
}

#tire-list #bread{margin-left:0; width:958px;}

#bread li{
  float:left; 
  /*background:url("../images/bread-arrow.png") no-repeat 100% -4px transparent;*/
  background: transparent url(../images/salonOponMainSprite.png) 100% -3px no-repeat;
}

#bread li a{
  float:left; 
  padding:8px 15px 8px 20px;
  border:none;
  position:relative;
  left:-9px;
}

#page #bread li a:hover{border:none;}

#bread li:hover{
  /*background:url("../images/bread-arrow-h-r.gif") no-repeat 100% -4px #fff6b1;*/
  background: #fff6b1 url(../images/salonOponMainSprite.png) 100% -60px no-repeat;
}

#bread li.last:hover{background:none;}

#page #bread li:hover a{
  /*background:url("../images/bread-arrow-h-l.gif") no-repeat 0 -4px #fff6b1;*/
  background: #fff6b1 url(../images/salonOponMainSprite.png) 0px -60px no-repeat;
}

#page #bread li.first:hover a{
  /*background:#fff6b1 url(../images/yellow-bg.gif) 0 100% repeat-x;*/
  background: #fff6b1 url(../images/salonOponMainSprite.png) -20px -60px no-repeat;
}

#bread li a span{
  border-bottom:1px dotted #000;
}

#bread li.last{
  color:#a2a2a2;
  background:none;
  padding:8px 10px;
}


#product { float:left; }
#product .headline { position: relative; float:left; border-bottom: 1px dotted #b2b2b2; padding:5px 0; display:table;}

#page #product .headline h2 { 
width: 250px; text-align: center; line-height: 0; margin: 0; padding:0; background:none;
display: table-cell;
vertical-align: middle; 
}
#page #product .headline h3 { 
width:400px; margin:0; 
border-left: 1px dotted #b2b2b2; color:#000; padding:15px 0 15px 10px;
float:right;
width:398px;
}

#product .photo { clear:left; position:relative; float: left; width: 250px; text-align: center; margin-top:25px;}
#product .photo img{max-width:250px; _width: expression(this.width > 250 ? 250: true);}

#product .photo .zoom span { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; }
#product .photo .zoom:hover span { border-bottom-style: solid; }
#product .detail { float: left; width: 410px; margin-top:25px;}
#product .wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#product .wrapper .about { float: left; width: 190px; padding-left:10px;}
#product .wrapper .about dl {}
#product .wrapper .about dl dt, #product .wrapper .about dl dd {}
#product .wrapper .about dl dt { float: left; clear:left; padding-right:10px;}
#product .wrapper .about dl dd { float: left; _float:none; max-width:125px;}
#page #product .wrapper .about dl dd a.help { border:none; /*background: url(../images/help-ico.gif) 0 0 no-repeat;*/background: url(../images/salonOponMainSprite.png) -828px -351px no-repeat; width:14px; height:14px; display:inline-block; text-indent:-1000em;}
#product .wrapper .about .s-zimowe {background-position: 49px -328px;}
#product .wrapper .about .s-letnie {background-position: 38px -278px;}
#product .wrapper .about .s-caloroczne {background-position: 71px -230px;}
#product .wrapper .about dl dt .help:hover { color: #444; }
#product .wrapper .info { float: left; width: 190px; padding-left: 20px; }
#product .wrapper .info .promotion {  }
#product .wrapper .info .price { }
#product .wrapper .info .price del {}
#product .wrapper .info .price strong {}
#product .wrapper .info .price span {}
.availability { margin-top: 12px; }
.shipping-cost{margin-top:25px;}
/*.shipping-cost .check, .shipping-cost .check:hover { border: none !important; display: block; width: 184px; height: 30px; background: url(../images/salonOponMainSprite.png)-661px -221px no-repeat !important; text-indent: -2000em; }*/
.shipping-cost .check{ border: none !important; display: block; width: 173px; height: 28px; background: url(../images/salonOponMainSprite.png) 0 -644px no-repeat !important; text-indent: -2000em; }
.shipping-cost .check:hover{border:none; background: url(../images/salonOponMainSprite.png) 0 -672px no-repeat !important;}
.shipping-cost .check.selected {/*background-position:0 -30px;*/background-position: -661px -251px; }
.koszyk-content .shipping-cost{margin: 0 20px 20px 0; float:right;}
.platnosc-tab .shipping-cost{margin: 0 !important; float:none;}
#product .wrapper .info .availability .available { color: #17ad68; }
.action { float: left; width: 400px; padding-left:10px; margin-top:25px; clear:left;}

.action form{width:190px; float:right;}
.action div{ float: left;}
.action label { color: #444; }
.action input, .tabela-opon input{width:22px; height:18px;}
.action .ico-add {position:relative; top:15px; left:15px;}
#tire-list .action .ico-add{top:-6px; left:0;}
#tire-list .action {margin-top:10px; width:auto;}
.info-stan0{
  background:#F9EBB1;
  font-size:12px;
  line-height:18px;
  color:#000;
  padding:5px;
  float:left;
  margin-top:5px;
  border:1px solid #F2E097;
  width: 180px;
}

.info-stan1 {
    background: url("../images/new/strzalka.png") no-repeat scroll 138px 12px #F9EBB1;
    border: 1px solid #F2E097;
    color: #000000;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    padding: 5px 60px 5px 5px;
    width: 125px;
}

.plus, .minus{width:11px; height:12px; display:inline-block; text-indent:-1000em;position: relative;}

.plus{background:transparent url(../images/new/plus.png) 0 0 no-repeat; cursor:pointer;}

.minus {
    background: url("../images/new/plus.png") no-repeat scroll 0 -12px transparent;
    left: -11px;  
}


.nav {margin-top: 25px; }
.ui-tabs-nav {  background: url(../images/line10.gif) 0 0 repeat;}
.ui-tabs-nav li, .ui-tabs-nav a { float: left; }
.ui-tabs-nav li { position:relative; left:0; top:6px; border-right:1px dotted #999999; padding-bottom:6px;}
#page .ui-tabs-nav a { 
  _position:relative; _top:2px; 
  padding: 6px 20px;
  background:transparent url(../images/line9.gif) 0 100% repeat-x;
  color:#225f9a; font-size:1.14em;
  border:none;
}
.ui-tabs-nav a { cursor: pointer; }
#page .ui-tabs-nav a:hover { background:transparent url(../images/line9.gif) 0 100% repeat-x; border-bottom:none;}
#content .ui-tabs-nav li.ui-tabs-selected a{ border-bottom-color: #fff; background: #fff; }
#product .container { padding-top: 12px; }

#seealso{float:left; width:100%; margin-bottom:30px;}

#seealso .tyre-list-box { width:236px;  padding:0; position:relative; margin:0; background:transparent url(../images/podzial-poziomy.gif) 50% 100% no-repeat;}

#seealso .tyre-list-box .tyre-list-box-wrap {width:236px; background:transparent url(../images/podzial-pionowy.gif) 100% 50% no-repeat; float:left;}

#seealso .tyre-list-box.last .tyre-list-box-wrap {background:none;}

#seealso .tyre-list-box .tyre-list-box-wrap-2 {width:196px;  padding:20px; float:left; min-height:170px;}

#seealso .first{clear:left;}

/*#seealso .promo-ico{right:35px;}*/

#seealso .etykiety {
  right:55px;
  top:15px;
}


#page #seealso h3.t-title{margin-bottom:0;}

.right{float:right;}

.podzial-box { background:transparent url(../images/podzialy.gif) 0 100% no-repeat; float:left; width:100%;}

.container{margin: 25px 0;}

.ui-tabs-hide {
        display: none;
    }

.ui-tabs-nav:after { 
    display: block;
    clear: both;
    content: " ";
}


*>.ui-tabs-nav a span { 
    width: auto;
    height: auto;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}


.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../img/loading.gif) no-repeat 0 50%;
}

* html .ui-tabs-nav { 
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { 
    display: inline-block;
}

#product-containers{float:left; width:100%;}

#koszty {
  background:#EDEDED;
  border:1px solid #CCCCCC;
  border-top:none;
  padding:8px;
  width:166px;
}

#koszty th{color:#6c6c6c; font-size:0.86em; border-bottom:1px dotted #c9c9c9;padding:2px 5px; font-weight:normal; text-align:left;}

#koszty td{color:#545454; font-size:0.93em; border-bottom:1px dotted #c9c9c9; padding:2px 5px;}

#koszty table{margin-bottom:10px;}

#page .zagiel-rata{
  /*width:183px;*/
  width: 138px;
  height:33px;
  /*background:transparent url(../images/zagiel-rata.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -518px -218px no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;
  margin-top:15px;
}

#page .action .zagiel-rata{float:left;}

#page .zagiel-rata:hover{
  /*background:transparent url(../images/zagiel-rata.gif) 0 -33px no-repeat !important;*/
  background:transparent url(../images/salonOponMainSprite.png) -518px -251px no-repeat !important;
  border:none;
}
  
#page #koszty a.blue{ border-bottom:1px dotted #b1b1b1;}

/*#product .promo-ico{right:35px;}*/

#product .etykiety {
  right:20px;
  top:-5px;
}

.center{text-align:center;}

#ocena-form .send-bt{
  width:54px !important;
  height:29px !important;
  /*background:transparent url(../images/wyslij-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -164px -226px no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;  
  padding:0;
  clear:left;
  margin-left:140px;
  cursor:pointer;  
  * text-indent:0;
  * padding-top:29px; 
}

.wyslij-bt{
  width:54px !important;
  height:29px !important;
  /*background:transparent url(../images/wyslij-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -164px -226px no-repeat;
  display:inline-block;
  text-indent:-1000em;
  border:none;  
  padding:0;
  clear:left;
  cursor:pointer; 
  * text-indent:0;
  * padding-top:29px; 
}

#ocena-form .send-bt:hover, .wyslij-bt:hover{/*background-position:0 -29px;*/background-position: -164px -255px;}

#form_paczka input{height:21px;}

.js #page h4#dodaj-opine-bt{
  width:133px;
  height:29px;
  /*background:transparent url(../images/dodaj-opine-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -30px -226px no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;  
  padding:0;
  clear:left;
  cursor:pointer;
}

.js #page h4#dodaj-opine-bt:hover{/*background-position:0 -29px;*/background-position:-30px -255px;}

#product-containers label, .overall-rating strong{
  color:#040404;
  font-size: 0.86em;
  /*font-weight:bold;*/
  font-weight:normal;
}

.overall-rating{
  border-bottom:1px dotted #B2B2B2;
  float:left;
}

#product-containers textarea {width:508px;}

#product-containers input {width:/*130*/108px;}

.js .overall-rating em{
  width: 74px;
  height:13px;
  display:block;
  background:transparent url(../images/star.gif) 0 0 repeat-x;
  text-align:left;
  position:relative; top:3px;
}

.js .overall-rating em span{
  width: 0;
  height:13px;
  text-indent:-1000em;
  display:block;
  background:transparent url(../images/star.gif) 0 -13px repeat-x;
  text-align:left;
}

.js .rating em{
  width: 54px;
  height:9px;
  display:block;
  background:transparent url(../images/star2.gif) 0 0 repeat-x;
  text-align:left;
  position:relative;
  top:5px;
}

.js .rating em span{
  width: 0;
  height:9px;
  text-indent:-1000em;
  display:block;
  background:transparent url(../images/star2.gif) 0 -9px repeat-x;
  text-align:left;
}

#ocena-form input, #ocena-form textarea{

  border: 1px solid #a4a4a4;
  /*background:#fff url(../images/input-bg.gif) 0 0 repeat-x;*/ 
  background:#fff url(../images/inputsSprite.png) -500px 0 no-repeat;
}

.overall-rating strong, #ocena-form label, .rating span.label{ float: left; margin-right: 20px; 
display: inline-block; width:120px; _width:115px; text-align:right; margin-bottom:15px; }

#ocena-form label.v2{width:auto; font-weight:bold;}

#ocena-form label.min{width:80px;}
.rating span.label{margin-bottom:10px;}
.overall-rating span, #ocena-form .star-input, .rating span { float: left; display: inline-block; width:80px;}
 #ocena-form .star-input{position:relative; top:3px;}

.overall-rating strong.left, #ocena-form label.left{clear:left;}

.left{float:left;}

.feedback {padding:20px 0;border-top: 1px dotted #b2b2b2; float:left; width:100%; clear:both;}
.feedback .header { position: relative; }
.feedback .author { color: #a8a8a8; margin-bottom:5px;}
.feedback .author span { color: #000; }
.feedback .rating { font-size: 0.86em; color:#3b3b3b; float:left; margin-bottom:10px;}
.feedback .date { position: absolute; top: 0; right: 0; color: #a8a8a8; font-size: 0.79em; }

.item-min {float:left; width:260px;}

#ocena-form{margin-top:20px;}

#ocena-form p{margin:8px 0;}

.notice{
  background:url("../images/line10.gif") repeat scroll 0 0 transparent;
  clear:both;
  color:#2772BB;
  font-weight:bold;
  padding:10px;
  text-align:center;
}

/*----------------lista opon--------------*/

.tabela-opon{border-collapse:collapse; width:958px;}

.tabela-opon th{
  font-size:0.93em;
  font-weight:bold;
  text-align:center;
  padding: 2px;
  background:transparent url(../images/line9.gif) 0 100% repeat-x;
  _background: #D9D9D9 url(../images/line9.gif) 0 100% repeat-x;
  vertical-align:bottom;
  line-height:1em;
}

.koszyk-content .tabela-opon th, #div_wheels .tabela-opon th {padding: 12px 2px 4px; vertical-align:top;}

/*th, td{border:1px solid red !important;}*/

span.small{display:block; font-size:8px; line-height: 12px;}
.detail span.small{font-size:9px; }

.tabela-opon th.first span.th{
  font-size:14px;
  font-weight:normal;
  padding: 7px 0 7px 0 !important;
}

.tabela-opon tr.first{
  background: url(../images/line10.gif) 0 0 repeat;
  color:#464646;
}

#page .tabela-opon th a{
  left:0;
  padding:7px 15px 7px 20px;
  position:relative;
  top:2px;
  color:#225f9a;
  display:block;
  border:none;
}

#page .tabela-opon th span.th{
  left:0;
  padding:7px 15px 7px 20px;
  position:relative;
  top:2px;
  display:block;
  border:none;
}

#page .tabela-opon th span.vat{ font-size: 0.83em; font-weight:normal;}

#page .tabela-opon td{
 padding:5px 2px;
 text-align:center;
 border-bottom:1px dotted #b7b7b7;
}

#koszyk-suma{margin-top:10px; font-size:13px;}

#koszyk-suma em{
  font-style:normal;
  color:#000;
  font-size:13px;
  font-weight:bold;
}

#koszyk-suma strong{float:right; margin-right:25px;}

#koszyk-suma strong .cennik{font-size:14px; color:#1B4670;}

#page .tabela-opon select{font-size:12px;}

#page .tabela-opon td.t-title{text-align:left;}

#page .tabela-opon tr.last td{
  background:url("../images/line7.gif") repeat-x scroll 0 0 transparent;
  border-bottom:none;
  padding-top:20px;
}

#page .tabela-opon td.t-img {
  margin-right:0px;
  float:none;
  position:static;
}

#page .tabela-opon td.t-img a{display:block; width:110px; position:relative;}
  
#page .tabela-opon th a.selected, #page .tabela-opon th a:hover{
  border:1px solid #d2d2d2;
  border-bottom:none;
  background:#fff;
  padding:6px 14px 7px 19px;
}

#page .tabela-opon th a.up{background: #fff url(../images/up.gif) 95% 10px no-repeat;}
#page .tabela-opon th a.down{background: #fff url(../images/down.gif) 95% 10px no-repeat;}

.msg{padding:20px;}

#t1{width:115px;}
#t2{width:220px;}
#t3{width:110px}
#t4{width:50px;}
#t5{width:80px;}
#t6{width:140px;}
#t7{text-align:left;}

/*-------koszyk----------*/

.ico-del{
  width:28px;
  height:28px;
  /*background: transparent url(../images/delete.gif) 0 0 no-repeat;*/
  background: transparent url(../images/new/usun.png) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  margin:0 auto;
  border:none !important;
}

.ico-del:hover{
	/*background: transparent url(../images/delete.gif) 0 -24px no-repeat !important;*/
	background: transparent url(../images/new/usun.png) 0 0 no-repeat !important;
	border:none !important;
}

.przelicz-bt{
  width:100px !important;
  height:28px !important;
  /*background: transparent url(../images/przelicz-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -219px -227px no-repeat;
  display:block;
  text-indent:-1000em;
  * text-indent:0;
  * padding-top:28px; 
  float:right;
  cursor:pointer;
  border:none;
  margin-right:20px;
}

.przelicz-bt:hover{/*background-position:0 -28px;*/background-position:-219px -255px;}

#koszyk-suma .zagiel-rata {
    left: -160px;
    position: absolute;
    top: 0;
    float:none;
}

#koszyk-suma .przelicz-bt{
    left: -150px;
    position: absolute;
    top: 0;
    float:none;
}

#koszyk-suma p, #koszyk-suma div{margin-top:10px; position:relative;}

#koszyk-suma div.last{margin-top:20px; border-top:1px dotted #505050;}

#page .dalej-bt{
  width:221px !important;
  height:31px;
  /*background: transparent url(../images/dalej-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -623px -285px no-repeat;
  display:block;
  text-indent:-1000em;
  float:right;
  border:none;
  cursor:pointer;
}

#page input.dalej-bt{
  * text-indent:0;
  * padding-top:31px; 
}
    
#page .dalej-bt:hover{
  /*background: transparent url(../images/dalej-bt.gif) 0 -31px no-repeat !important;*/
  background:transparent url(../images/salonOponMainSprite.png) -623px -316px no-repeat !important;
  border:none;
}

#koszyk-suma{
  float:right;
  width:405px;
}

.bt-dane{
  width:216px;
  height:33px;
  background:transparent url(../images/new/zamowienie.png) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;
  cursor:pointer;
  position:relative;
  top: 47px !important;
  margin-right:20px;
  float:right;
}

#bt-podsumowanie{
  width:290px;
  height:33px;
  background:transparent url(../images/new/zamowienie2.png) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;
  cursor:pointer;
  float:right;
}

#bt-zamow{
  width:150px;
  height:33px;
  background:transparent url(../images/new/zamowienie3.png) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;
  cursor:pointer;
  float:right;
}

#page .dalej-bt2{
  width:161px !important;
  height:31px;
  /*background: transparent url(../images/dalej-bt2.gif) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -318px -285px no-repeat;
  display:block;
  text-indent:-1000em;
  float:right;
  border:none;
  cursor:pointer;
}

#page input.dalej-bt2{
  * text-indent:0;
  * padding-top:31px; 
}
    
#page .dalej-bt2:hover{
  /*background: transparent url(../images/dalej-bt2.gif) 0 -31px no-repeat !important;*/
  background:transparent url(../images/salonOponMainSprite.png) -318px -316px no-repeat !important;
  border:none;
}

#page .poprzedni-bt{
  width:139px !important;
  height:33px;
  /*background: transparent url(../images/wstecz-bt.gif) 0 0 no-repeat;*/
  background:transparent url(../images/new/poprzedni.png) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  float:left;
  border:none;
  cursor:pointer;
}

#page .poprzedni-bt:hover{
  /*background: transparent url(../images/wstecz-bt.gif) 0 -29px no-repeat !important;*/
  background:transparent url(../images/new/poprzedni.png) 0 0 no-repeat;
  border:none;
}
  
.koszyk-content #koszty{float:right; clear:both; margin:20px; border-top:1px solid #CCCCCC;}

.platnosc-tab  #koszty{float:none;}

.buttons{clear:both; margin: 0 20px; font-weight:bold; width:918px; margin-top:18px;}

#page ul#koszyk-nav{
  width:940px;
  height:33px;
  margin:10px 9px;
  padding:0;
}

#page ul#koszyk-nav li {
    color: #505050;
    float: left;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    width: 313px;
}

#page ul#koszyk-nav li a{color:#505050; border-bottom:1px dotted #505050;}

#page ul#koszyk-nav li a:hover{color:#505050; border-bottom:1px solid #505050; background:none;}

#page ul#koszyk-nav li a.selected{color:#fff; border-bottom:1px dotted #fff;}

#page ul#koszyk-nav li a.selected:hover{color:#fff; border-bottom:1px solid #fff;}

#page ul#koszyk-nav.etap1{
  background: transparent url(../images/new/etap1.png) 0px 0 no-repeat;
}

#page ul#koszyk-nav.etap2{
  background: transparent url(../images/new/etap2.png) 0px 0 no-repeat;
}

#page ul#koszyk-nav.etap3{
  background: transparent url(../images/new/etap3.png) 0px 0 no-repeat;
}

#page ul#koszyk-nav.etap3 a, #page ul#koszyk-nav.etap2 a.white{color:#fff; border-bottom:1px dotted #fff;}

#page ul#koszyk-nav.etap3 a:hover, #page ul#koszyk-nav.etap2 a.white:hover{color:#fff; border-bottom:1px solid #fff;}

.t-img img, #seealso .tyre-list-box img{max-width:110px; _width: expression(this.width > 110 ? 110: true);}

/*---------------zamowienie-------------*/

#page #platnosc h3{
  color:#034a8f;
  font-size:1.21em;
}

#platnosc{
  background:#efefef;
  padding:10px 20px 10px 20px;
  width:878px;
  margin-top:5px;
  float:left;
}

#platnosc p{
 float:left; 
}

#platnosc p.platnosc-item{ 
 padding:11px 10px 9px 10px;
 margin:0 10px 0 0;
 position:relative;
 z-index:2;
}

#platnosc p.platnosc-item.selected{ 
 background:#f7f7f7;
 border:1px solid #dadada;
 border-bottom:none;
}


#platnosc p.montaz, #platnosc p.mokotow{ padding:2px 10px 2px 10px !important;}

#platnosc p.montaz input, #platnosc p.mokotow input{position:relative; top:9px;}

#platnosc p.platnosc-item input, #platnosc p.platnosc-item label{float:left;}

#platnosc p.platnosc-item label{
  line-height:1.2em;
  margin-left:7px;
}

.platnosc-tab{
  background:#f7f7f7;
  border:1px solid #dadada;
  clear:both;
  padding:30px;
  width:856px;
  position:relative;
  top:-11px;
  z-index:1;
}

.miejsce-box{
  float:left;
  width:260px;
  margin-right:100px;
}

#page .miejsce-box a{
 color:#034a8f;
 border-bottom:1px dotted #034a8f;
}

.miejsce-box p{margin: 5px 0 0 17px;}

.miejsce-box label{position:relative; top:-3px; left:3px;}

#zamowienie_form div, #form_faktura div, #komentarz_form div{
  float:left;
  clear:both;
  width:100%;
}

#zamowienie_form div.tip-text, #form_faktura div.tip-text{
 float: right; 
 width: 560px;
 margin-bottom: 0;
 clear:none;
}

#zamowienie_form div.tip-text{color:#7A7A7A; }

#zamowienie_form div p, #form_faktura div p, #komentarz_form p{ margin:0 20px 10px 20px;}
#zamowienie_form div label span, #zamowienie_form div label span, .regulamin span, #komentarz_form div label span{color:#7a7a7a; font-size: 0.85em;}
#zamowienie_form div input, #form_faktura div input{width: 250px;}
#zamowienie_form div textarea, input.i410, #komentarz_form div textarea {width: 410px !important;}

input.i110{width:110px !important;}
input.i50{width:50px !important;}
input.i130{width:130px !important;}
input.i170{width:170px !important;}
input.i210{width:210px !important;}
input#faktura, .regulamin input, input#dzialalnosc, input#dane_dostawa{margin-right:4px;
position:relative;
top:4px;
width:auto !important;
padding:0 !important ;
}

#page .regulamin a{
  color:#2772bb;
  border-bottom:1px dotted #2772bb;
}

.js #komentarz_form label{
  color:#2772bb;
  border-bottom:1px dotted #2772bb;
  cursor:pointer;
}


.z-dane .zmien{float:right; margin-bottom:-25px; position:relative; top:-23px;}

.zmien, .zmien a{color:#034A8F !important;}

.regulamin{clear:both;}

#zamowienie{margin:20px;}
#zamowienie .buttons {margin:0;}

#page h3.t-dane {
  float:left;
  clear:both;
  color:#034a8f;
  font-size:1.29em;
  background:url("../images/line7.gif") repeat-x scroll 0 100% transparent;
  margin-bottom:20px;
  margin-top:0;
  padding-bottom:4px;
  width:100%;
}

.zamowienie-box, .zamowienie-box-left{width: 380px; float:left;}

.zamowienie-box-left{margin-right:158px;}

.zamowienie-box p, .zamowienie-box-left p{border-bottom:1px dotted #b1b1b1; float:left; width:100%; padding-top:10px;}

.z-dane p strong {font-size: 1.15em; color:#000; float:right; width:160px;}

.z-dane p{ color:#444; font-size:0.93em;}

#page .zamowienie-box h2, #page .zamowienie-box-left h2{margin-bottom:0;}


.z-platnosc strong {font-size: 1.07em; color:#000; /*float:right; width:160px;*/}

.z-platnosc {border-bottom:1px dotted #b1b1b1;}

div.text {margin:20px;}

div.text p{margin:10px 0;}

/*---------------------------*/

#page h3.dt{
  padding:10px 40px;
  border:1px solid #dddddd;
  margin:0 0 1px 0;
  /*background:#f4f4f4 url("../images/arrow.gif") no-repeat 17px 14px;*/
  background:#f4f4f4 url("../images/salonOponMainSprite.png") no-repeat -1037px -306px;
}

#page h3.dt:hover{
  /*background:#e6e6e6 url("../images/arrow.gif") no-repeat 17px 14px;*/
  background:#e6e6e6 url("../images/salonOponMainSprite.png") no-repeat -1037px -306px;
}

.js #page h3.dt{cursor:pointer;}

.dd{
  color:#444444;
  padding: 20px 40px;
}

#page h3.selected{
  /*background:#f4f4f4 url("../images/arrow2.gif") no-repeat 17px 14px !important;*/
  background:#f4f4f4 url("../images/salonOponMainSprite.png") no-repeat -1037px -111px !important;
  font-weight:bold;
}

#page h3.selected:hover{
  /*background:#e6e6e6 url("../images/arrow2.gif") no-repeat 17px 14px !important;*/
  background:#e6e6e6 url("../images/salonOponMainSprite.png") no-repeat -1037px -111px !important;
}  


/*----- FCK -----------*/

.art{
  padding:0 19px !important;
}

.fck-content table{border-collapse:collapse;}
.fck-content td{padding:5px;border:1px solid #D8D8D8;}
.fck-content th{padding:5px;border:1px solid #C0EDFF; color:#88A5A6;}

.fck-content img {margin:10px;}

.fck-content p {margin:10px 0;}

.fck-content ul{margin:10px 0 0 0;}

.fck-content ul li {
  margin-bottom:5px;
  padding-left:12px;
  background:url("../images/bullet.gif") no-repeat scroll 0 8px transparent;
}

.fck-content ul.art-menu li{ float:left; margin-bottom:10px; background:none; padding:0;}

.fck-content ul.art-menu li.level2 {padding-left:12px; float:left; width:430px; margin-left:10px; background:url("../images/bullet.gif") no-repeat scroll 0 8px transparent;}

.fck-content ol{margin:10px 0 10px 20px; list-style-type:decimal;}

.fck-content ol li{
  margin-bottom:10px; 
}

.art-list-title{font-size:1.17em; font-weight:bold; color:#034A8F;}

.fck-content blockquote {
  padding:10px;
  background:#f6ffe5;
  border:1px solid #C8C8C8;
  font:italic 1em Verdana,Geneva,Kalimati,sans-serif;
  margin:5px 0;
}

.fck-content table{border-collapse:collapse; font-size:0.93em;}

.fck-content table th{
	font: bold Arial, Helvetica, Garuda, FreeSans, sans-serif;
	background:#cceeff;
  border:1px solid #C8C8C8;
	text-align:left;
	padding:8px 10px;
}

.fck-content table td{
  background:#F5F5F5;
  border:1px solid #C8C8C8;
	padding:20px 10px; 
}

#page #zagiel-bt{
  width:287px !important;
  height:31px;
  background: transparent url(../images/zagiel-bt.gif) 0 0 no-repeat;
  display:block;
  text-indent:-1000em;
  border:none;
  cursor:pointer;
}

#page #zagiel-bt:hover{
  background: transparent url(../images/zagiel-bt.gif) 0 -31px no-repeat !important;
  border:none;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
#page .star-rating-control a:hover{background:none; border:none;}

div.rating-cancel,div.star-rating{float:left;width:15px;height:13px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{}
div.star-rating,div.star-rating a{background:url(../images/star.gif) no-repeat 0 0px !important;}
div.rating-cancel a,div.star-rating a{display:block;width:13px;height:100%;background-position:0 0px !important;;border:0}
div.star-rating-on a{background-position:0 -13px !important;}



div.star-rating-hover a{background-position:0 -26px !important;}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/lightbox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

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

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/lightbox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/lightbox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/lightbox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/lightbox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/lightbox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/lightbox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/lightbox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/lightbox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lightbox/fancy_shadow_nw.png', sizingMethod='scale'); }


/*---------------*/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	clear:both;
	height:85px;
}
ul.thumb li {
	margin: 0; 
  padding: 1px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 80px;
}
ul.thumb li img {
	width: 75px;  /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 1px;
	position: absolute;
	left: 0; top: 0;
	background:#fff;
}

#main_view{width:250px;}

#main_view a{border:none; }
#main_view a:hover{border:none; background:none;}

/*------------------*/

#rec1, #rec2{position:relative;}

#rec1 h2, #rec2 h2{margin-top:18px;}

#slider2 {height:815px;width:580px;}

#nav {position:absolute; right:0; _right:20px; top:-2px;}

#nav a{
  width:26px;
  height:37px;
  margin-left:2px;
  display:block;
  text-indent:-1000em;
  /*background: url('../images/navigacja.png') no-repeat;*/
  background: url('../images/salonOponMainSprite.png') no-repeat;
  border:none;
  float:left;
}

#nav a#n0{/*background-position: 0 0;*/background-position: -955px -118px;}
#nav a#n1{/*background-position: -28px 0;*/background-position: -983px -118px;}
#nav a#n2{/*background-position: -56px 0;*/background-position: -1011px -118px;}

#nav a#n0:hover{/*background: url('../images/navigacja.png') 0 -74px no-repeat;*/  background: url('../images/salonOponMainSprite.png') -955px -192px no-repeat; border:none;}
#nav a#n1:hover{/*background: url('../images/navigacja.png') -28px -74px no-repeat;*/ background: url('../images/salonOponMainSprite.png') -983px -192px no-repeat; border:none;}
#nav a#n2:hover{/*background: url('../images/navigacja.png') -56px -74px no-repeat;*/ background: url('../images/salonOponMainSprite.png') -1011px -192px no-repeat; border:none;}

#nav a#n0:active{/*background-position: 0 -111px;*/background-position: -955px -229px; border:none;}
#nav a#n1:active{/*background-position: -28px -111px;*/background-position: -983px -229px; border:none;}
#nav a#n2:active{/*background-position: -56px -111px;*/background-position: -1011px -229px; border:none;}

#nav a#n0.activeSlide{/*background-position: 0 -37px;*/background-position: -955px -155px;}
#nav a#n1.activeSlide{/*background-position: -28px -37px;*/background-position: -983px -155px;}
#nav a#n2.activeSlide{/*background-position: -56px -37px;*/background-position: -1011px -155px;}

#nav2 {position:absolute; right:0; bottom:-61px; _right:20px; _bottom:17px;}

#nav2 a{
  width:26px;
  height:37px;
  margin-left:2px;
  display:block;
  text-indent:-1000em;
  /*background: url('../images/navigacja.png') no-repeat;*/
  background: url('../images/salonOponMainSprite.png') no-repeat;
  border:none;
  float:left;
}

#nav2 a#n0{/*background-position: 0 -193px;*/background-position: -955px -311px;}
#nav2 a#n1{/*background-position: -28px -193px;*/background-position: -983px -311px;}
#nav2 a#n2{/*background-position: -56px -193px;*/background-position: -1011px -311px;}

#nav2 a#n0:hover{/*background: url('../images/navigacja.png') 0 -233px no-repeat;*/ background: url('../images/salonOponMainSprite.png') -955px -351px no-repeat;border:none;}
#nav2 a#n1:hover{/*background: url('../images/navigacja.png') -28px -233px no-repeat;*/ background: url('../images/salonOponMainSprite.png') -983px -351px no-repeat;border:none;}
#nav2 a#n2:hover{/*background: url('../images/navigacja.png') -56px -233px no-repeat;*/ background: url('../images/salonOponMainSprite.png') -1011px -351px no-repeat;border:none;}

#nav2 a#n0:active{/*background-position: 0 -273px;*/background-position: -955px -391px; border:none;}
#nav2 a#n1:active{/*background-position: -28px -273px;*/background-position: -983px -391px; border:none;}
#nav2 a#n2:active{/*background-position: -56px -273px;*/background-position: -1011px -391px; border:none;}

#nav2 a#n0.activeSlide{/*background-position: 0 -148px;*/background-position: -955px -266px;}
#nav2 a#n1.activeSlide{/*background-position: -28px -148px;*/background-position: -983px -266px;}
#nav2 a#n2.activeSlide{/*background-position: -56px -148px;*/background-position: -1011px -266px;}

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    padding: 5px;     
    background: #EBEBEB;
    border: 1px solid #D2D2D2;
    color: #000;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
    max-width: 200px;
} 

#welcome {background: none repeat scroll 0% 0% rgb(255, 240, 147); margin-bottom: 30px; 
padding: 5px; border-bottom: 2px solid rgb(255, 225, 32);}
#welcome p{margin:0 auto;
position:relative;
width:960px;}
#welcome-link{float:right; color:#0f59a1; border-bottom:1px dotted #2772bb; margin-top:4px; line-height:1em;}
#welcome-link:hover{border-bottom:1px solid #0f59a1;}

#welcome a{color:#0f59a1; border-bottom:1px dotted #2772bb;}
#welcome a:hover{border-bottom:1px solid #0f59a1;}

#promocje-filtr{padding:10px 20px; float:left;}

#promocje-filtr .submit{
  border:none;
  text-indent:-1000em;
  width:52px;
  height:28px;
  /*background:transparent url(../images/filtruj.png) 0 0 no-repeat;*/
  background:transparent url(../images/salonOponMainSprite.png) -320px -227px no-repeat;
  cursor:pointer;
  padding:0;  
  margin-left:10px;
  * text-indent:0;
  * padding-top:28px;  
}  

#promocje-filtr .submit:hover{/*background-position:0 -28px;*/background-position:-320px -255px;}

.promo-check{margin-left:10px; position:relative; top:4px;} 


#typ_opony{
  width:144px; 
  height:28px;
  text-indent:-1000em;
  /*background:url('../images/typ.png') 0 -28px no-repeat;*/
  background: url(../images/salonOponMainSprite.png) -360px -376px no-repeat;
  position:relative;
  top:-7px;
  margin-left:10px;
}

.js #typ_samochodu{position:absolute;}
  
#typ_samochodu{
  width:156px;
  height:28px;
  text-indent:-1000em; 
  /*background:url('../images/typ.png') -144px -28px no-repeat;*/
  background: url(../images/salonOponMainSprite.png) -504px -376px no-repeat;
  left:154px;
  top:63px;
  margin-left:10px;
}

#typ_samochodu.selected{
	/*background:url('../images/typ.png') -144px 0 no-repeat;*/
	background: url(../images/salonOponMainSprite.png) -504px -348px no-repeat;
} 
#typ_opony.selected{
	/*background:url('../images/typ.png') 0 0 no-repeat;*/
	background: url(../images/salonOponMainSprite.png) -360px -348px no-repeat;
}

.js #typ_samochodu, .js #typ_opony{cursor:pointer;}

#page .podstrona h3{
  color:#000;
  font-weight:bold;
  font-size:1.14em;
}

.autor{font-size: 0.86em; color:#7f7f7f;}

#tagi {margin-top:30px;}

#tagi a{font-size:0.93em;}

.col1{width:120px; float:left; text-align:right; padding-right:20px;}
.col2{width:482px; float:left;}

.col1 p{margin:0;}
#page .col2 h4{margin-top:0;}
#page .col2 h4.title{font-size:1.14em;font-weight:bold;}
#page .lista-art h3{float:left; margin-bottom:15px;width:100%;}

.lista-art .art-more{float:right; cursor:pointer;}

#page .browse { 
    float:left; 
    width:100%; 
    overflow:hidden; 
    position:relative; 
    margin:30px 0;
} 
#page .browse ul { 
    clear:left; 
    float:left; 
    list-style:none; 
    margin:0; 
    padding:0; 
    position:relative; 
    left:50%; 
    text-align:center; 
} 
#page .browse ul li { 
    display:block; 
    float:left; 
    list-style:none; 
    margin:0; 
    padding:0; 
    position:relative; 
    right:50%; 
} 
#page .browse ul li a { 
    margin:0 5px;
    color:#2772bb; 
    border-bottom:1px dotted #2772bb; 
} 

#page .browse ul li strong { 
    margin:0 5px;
} 

#page .browse ul li.offset_previous {background: url(../images/browse-left.png) 0 6px no-repeat; padding-left:10px;}

#page .browse ul li.offset_next {background: url(../images/browse-right.png) 100% 6px no-repeat; padding-right:10px;}

#f-aluminiowe {
  background:url("../images/salonOponMainSprite.png") no-repeat scroll -30px -568px transparent;
  height:26px;
  text-indent:-1000em;
  width:96px;
  margin-left:10px;
  position:relative;
  top:-7px;
}

#f-aluminiowe.selected{ background-position: -30px -542px;}

#f-stalowe {
  background:url("../images/salonOponMainSprite.png") no-repeat scroll -126px -568px transparent;
  height:26px;
  text-indent:-1000em;
  width:73px;
  top:0;
  left:116px;
  top:-7px;
}

#f-stalowe.selected{ background-position: -126px -542px;}

.js #f-stalowe, .js #f-aluminiowe {
  cursor:pointer;
}

.js #f-stalowe{
  position:absolute;
}

#search_wheels_form_all{position:relative;}

#komentarz_form .tip {width: 450px; float:right;}

.stan1, .stan2, .stan3, .stan4, .stan5{
  display:inline-block;
  width: 34px;
  height: 35px;
  text-indent:-1000em;
  float:left;
}

td .stan1, td .stan2, td .stan3, td .stan4, td .stan5{display:block; margin:0 auto; float:none;}

.stan1 {background: url(../images/new/stan1.png) 0 0 no-repeat;}
.stan2 {background: url(../images/new/stan2.png) 0 0 no-repeat;}
.stan3 {background: url(../images/new/stan3.png) 0 0 no-repeat;}
.stan4 {background: url(../images/new/stan4.png) 0 0 no-repeat;}
.stan5 {background: url(../images/new/stan5.png) 0 0 no-repeat;}

.js #tr-przelicz{display:none;}

.dane_f, #form_faktura{margin-left:20px;}
#form_faktura div p{margin-left:0;}

.dostawa_suma{}

.action input, .tabela-opon input{float:left;}

.plus {
    top: 0;
    float:left;
}

.minus {
    top: 12px;
    float:left;
}

#panel-zgody{
  background: url("../images/line7.gif") repeat-x scroll 0 0 transparent;
  padding-top:20px;
}

#panel-zgody label{
    display: inline-block;
    vertical-align: top;
    width: 897px;
}    

#komentarz_form {
    background: url("../images/line7.gif") repeat-x scroll 0 0 transparent;
    float: left;
    padding-top: 20px;
    width: 100%;
}

#zamowienie_form p img{position:relative; top:6px;}

.help {cursor:help;}

.format{  color: #7A7A7A;
    font-size: 0.85em;}

#tabela-opon-koszyk input.input-ilosc, #tabela-opon-koszyk .plus {left:15px;}    
#tabela-opon-koszyk .minus{left:4px;}
#tabela-opon-koszyk input.input-ilosc{position:relative;}

a.lightbox{border-bottom:none !important;}
a.lightbox:hover{border-bottom:none !important; background:none !important;}

/*--------------*/

.sprawdz{
  height:28px;
  width:73px;
  display:block;
  text-indent:-1000em;
  background: url("../images/sprawdz.png") no-repeat scroll 0 0 transparent;
  border:none !important;
  margin:5px 0 0 -2px;
}

.sprawdz:hover{
   background: url("../images/sprawdz.png") no-repeat scroll 0 -28px transparent !important;
   border:none !important;
}

.jcarousel-skin-tango{
  background-image:url("../images/line7.gif"), url("../images/line7.gif"); 
  background-repeat:repeat-x, repeat-x;
  background-position:0 0, 0 100%;
  padding:2px 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 800px;
    padding: 20px 80px;
}

#seealso .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 548px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  800px;
}

#seealso .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  550px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 142px;
}

#seealso .jcarousel-skin-tango .jcarousel-item {
    width: 170px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 20px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    cursor: pointer;
    background: transparent url(../images/slider-arrows.png) no-repeat -60px 50%;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0;
    right: auto;
    background-image: transparent url(../images/slider-arrows.png) no-repeat -60px 50%;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -180px 50%;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -180px 50%;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    background: transparent url(../images/slider-arrows.png) no-repeat -300px 50%;
    cursor:default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 100%;
    cursor: pointer;
    background: transparent url(../images/slider-arrows.png) no-repeat 0 50%;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: transparent url(../images/slider-arrows.png) no-repeat 0 50%;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -120px 50%;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -120px 50%;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    background: transparent url(../images/slider-arrows.png) no-repeat -240px 50%;
    cursor:default;
}

#page #popularne-slidery h2{background:none; margin-bottom:5px; margin-left:20px;}

/*------------------*/

.lead-art, .lead-art p{
  font: 12px/18px Arial, Helvetica, Garuda, FreeSans, sans-serif !important;
  color: #4c4c4c !important;
  text-align:left  !important;
}

.lead-art p{display:inline;}

.lead-art img{
  margin:4px 10px 5px 0;
}

.sidebar-art{float:left; margin-right:20px; width:300px;}

#art-main-lista{width:960px !important;}

#art-main-lista h2{width:960px !important;}

#art-main-lista h2 span {
    background: url("../images/artykuly-ico.gif") no-repeat scroll 100% 0 transparent !important; 
    display: block;
    padding: 16px 60px 0 20px;
}

#art-main-lista h4{margin-top:0;}

.art-lista-more {
    margin-right: 20px;
    width: 300px;
    float:right;
}

.filtrowanie2{
  padding: 10px 20px;
}

.filtrowanie2 input.text{width:45px; margin:0 5px; border: 1px solid #000; background:#fff;}
.filtrowanie2 input.checkbox{position:relative; top:4px; margin:0 5px;}

.filtrowanie2 div, #promocje-filtr div{display:inline-block; margin-right:37px; }

.filtrowanie2 select {
    border: 1px solid #000; background:#fff;
    color: #000000;
    font: 1em Arial,Helvetica,Garuda,FreeSans,sans-serif;
    height: 24px;
    padding: 2px;
    position: relative;
    top: -1px;
    width: 160px;
    margin:0 5px;
}

.filtrowanie2 .submit2{
  background:url("../images/pokaz.png") no-repeat 0 0 transparent;
  width:56px;
  height:28px;
  padding:0;
  cursor:pointer;
  display:inline-block;
  text-indent:-1000em;
  border:none;
}

.filtrowanie2 .submit2:hover{background-position:0 -28px;}

.filtrowanie2 label, #promocje-filtr label, #promocje-filtr strong{
  color:#464646;
  font-weight:bold;
  font-size:13px;
}

.filtrowanie2 span{color:#464646; font-size:12px;}

#montaz-info {background: #000; margin-bottom: 30px; padding: 12px 5px; color:#fff; font-size:18px; line-height: 25px;}
#montaz-info p{margin:0 auto; width:960px; text-align:center;}
#montaz-info a{color:#FED600; border-bottom:1px dotted #FFE019; margin-top:4px;}
#montaz-info a:hover{border-bottom:1px solid #FFE019;}
#montaz-info .info-close{
  float:right;
  display:block;
  width:15px;
  height:15px;
  background:url("../images/close.png") no-repeat 0 0 transparent;
  text-indent:-1000em;
  cursor:pointer;
  position:relative;
  top:5px;
}
#montaz-info .info-close:hover{background-position:0 -15px;}
.lokalizacje p, .lokalizacje select {font-size:12px; color:#000; line-height:18px;}
.lokalizacje label{font-size:14px; color:#005894; line-height:21px;}
.lokalizacje .col330{width:220px; float:left; margin-right:18px;}
.lokalizacje .col370{width:372px; float:left; }
.lokalizacje .col370 iframe{border:1px solid #000;}
.lokalizacje h2 {background: none !important; margin-bottom:5px !important; font-size:18px !important; line-height: 25px; color:#005894; }
.col330, .col370{
  margin-top:30px;
}
.lokalizacje select{margin-bottom:15px; width:220px; border:1px solid #000; height:22px; margin-top:3px;}

#content.lokalizacje {margin-left: 0;width: 610px !important; padding:10px;}

.lokalizacje p{margin:0 0 10px 0;}

.grey_bg{background:#D9D9D9; padding:15px; margin-left:-15px;}

#koszyk-suma input{position:relative; top:3px;}
#koszyk-suma label{margin-left:5px; margin-right:35px;}
#koszyk-suma select {width:365px; height:22px; border:1px solid #000; background:#fff; margin-top:3px;} 
.opony-koszyk-suma .platnosci-zakladki .grey_bg, .platnosci-zakladki{margin-top:0 !important; padding-top:0;}

#koszyk-suma .f18{font-size:18px;}
#koszyk-suma .f22{font-size:22px;}
#koszyk-suma .help {
    border: 1px dotted #2772BB;
    color: #2772BB;
    font-weight: bold;
    padding: 0 3px;
    margin-left:3px;
}
#koszyk-suma .help:hover{
  border:1px solid #2772bb;
}

.gmap_marker{font-size:12px;line-height:18px;}


.clearall {
    clear: both;
    float: right !important;
    margin-top: 40px;
    position: relative;
    width: 340px;
}

.new_ico {
    background: url("../images/nowosc2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    left: -57px;
    position: absolute;
    text-indent: -1000em;
    top: -12px;
    width: 56px;
    z-index: 100;
}

#zamowienie_form div.zamowienie-col1{width:440px; float:left;}
#zamowienie_form div.zamowienie-col2{width:440px; float:right; clear:none;}
#zamowienie_form div.zamowienie-col2 span{color: #7A7A7A; font-size:11px; line-height:18px; display:block;}

#panel_fbook{
    right: -196px;
    position: fixed;
    top: 2px;
    width: 192px;
    z-index: 100;
    background:#fff;
    padding:2px;
}

.fbook_button{
    background: url("../images/facebook.png") no-repeat 0 0 transparent;
    display: block;
    height: 48px;
    width: 48px;
    position: absolute;
    left: -48px;
    text-indent: -1000em;
    top: 0;
    border:none !important;
}

.fbook_button:hover{
    background: url("../images/facebook.png") no-repeat 0 0 transparent !important;
    border:none !important;
}