img {border:none;}
.clickable { cursor: pointer }
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*rotator*/
.box-rotator { width: 960px; height: 360px; position: relative; margin: 10px auto 0; padding: 0; }
.box-rotator .box-manage-account { position: absolute; right:-4px; top: 70px; }
.box-rotator .box-contact { position: absolute; right:-4px; top: 20px; }
.box-rotator .rot-contetn ul { padding: 0; margin: 0; list-style-type: none; }
.box-rotator .rot-contetn ul li { height:360px; padding: 0!important; margin: 0!important; display: none; background: transparent url(../images/loader.gif) no-repeat center center!important; }
.box-rotator .rot-contetn ul li.active { display: block; }
.box-rotator .rot-contetn .rot-navigation { position: absolute; left: 36px; bottom: 34px; }
.box-rotator .rot-contetn .rot-navigation a { display: block; width: 12px; height: 22px; margin: 0 6px; text-decoration: none; background-image: url(../images/navi_dot.png); outline: none; float: left; }
.box-rotator .rot-contetn .rot-navigation a:hover, .box-rotator .rot-contetn .rot-navigation a.active { background-position: left bottom; }

/*triple box*/
.triple-box { width: 960px; height: 180px; padding: 4px 10px 14px 10px; margin: 0 -5px; position: relative; top: -4px; background: transparent url(../images/bg_triple_box.png) no-repeat center top; }
.triple-box .box { width: 310px; height: 180px; padding: 0 10px 0 0; float: left }
.triple-box .img { width: 160px; height: 180px; text-align: center; float: left; }
.triple-box .content { width: 150px; height: 140px;padding: 20px 0; position: relative; float: left; }
.triple-box .content p, .triple-box .content h2, .triple-box .content h3 { padding: 0; margin: 0; font-size: 12px; line-height: normal; font-weight: normal; }
.triple-box .content p.category { color:#e20074; }
.triple-box .content h2.sub-category { color:#999999; }
.triple-box .content h3.description { font-size: 18px; line-height: 20px; padding-top: 7px; font-family: Tele-Grotesk-Fett, Arial; }
.triple-box .content .btn { position: absolute; display:inline-block; height: 22px; overflow: hidden; text-indent: -100em; left: 0; bottom: 20px; background: url(../images/buttons_v2.png) no-repeat 0 22px; }
.triple-box .content .btn.see { width: 78px; background-position: 0 0; }
.triple-box .content .btn.buy-now { width: 88px; background-position: 0 -22px; }
.triple-box .content .btn.check { width: 78px; background-position: 0 -44px; }

/*quadruple-box*/
.quadruple-box { width: 960px; height: 220px; padding: 35px 5px 0; }
.quadruple-box .box { width: 200px; height: 180px; padding: 0 20px 0 19px; border-left: 1px solid #eeeeee; position: relative; float: left }
.quadruple-box .box:first-child { border: none; padding-left: 20px; }
.quadruple-box .box:first-child img { left: 20px; }
.quadruple-box .box h2, .quadruple-box .box h3 { padding: 0; margin: 0; font-size: 12px; font-weight: normal; line-height: normal; color: #333333; font-family: Arial; }
.quadruple-box .box h2.title { font-size: 14px; padding-bottom: 15px; font-weight: bold; }
.quadruple-box .box a { position: absolute; right: 20px; bottom: 20px; text-decoration: none; color: #003399; }
.quadruple-box .box a:hover { color:#e20074; }
.quadruple-box .box img { position: absolute; left: 19px; bottom: 0; }

/*zarządzaj kontem*/
.box-manage-account { width:248px; padding: 0; color: #fff; position: relative; }
.box-manage-account .header { height: 50px; padding: 2px 4px 6px 24px; line-height: 50px; font-size: 20px; font-family: Tele-Grotesk-Halb, Arial; background: url(../images/bg_manage_account.png) no-repeat left top; cursor: pointer; }
.box-manage-account.open { background: url(../images/bg_manage_account.png) no-repeat 0 -56px; }
.box-manage-account.open .header { background: none; }
.box-manage-account .header .arrow { width: 13px; height: 8px; background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 20px; top: 22px; font-size: 0; }
.box-manage-account.open .header .arrow { background-position: left top; }
.box-manage-account .header.constant { cursor: default; }
.box-manage-account .header.constant .arrow { display: none; }
.box-manage-account .content { height: 140px; padding: 15px 24px 25px; position: relative; }
.box-manage-account .content.ind { height: 105px; }
.box-manage-account .content .rb { height: 20px; line-height: 20px; padding-left: 25px; background: url(../images/rb.png) no-repeat top left; cursor: pointer; }
.box-manage-account .content .rb.checked { background-position: left bottom; }
.box-manage-account .content .content-title { padding-top: 5px; }
.box-manage-account .content .box-input { padding-top: 10px; display: none; }
.box-manage-account .content .box-input form { padding:0; margin:0; }
.box-manage-account .content .box-input input { height: 28px; line-height: 26px;  padding: 0 20px; border-width: 1px; border-style: solid; border-color: #cfcfcf  #fff #fff #cfcfcf ; font-size: 12px; color: #666; font-family: Arial; float: left; }
.box-manage-account .content .box-input input.tel { width: 100px;  }
.box-manage-account .content .box-input input.tel.long { width:140px; }
.box-manage-account .content .box-input input.prefix { background: #fff url(../images/prefix.png) no-repeat left top; padding-left: 38px; }
.box-manage-account .content .box-input input.boa-kod { width: 118px; }
.box-manage-account .content .box-input .submit { display: block; width: 40px; height: 30px; background: url(../images/btn_submit.png) no-repeat; float: left; padding: 0; border: none; }
.box-manage-account .content .how-to-login { position: absolute; left: 20px; bottom: 25px; color: #fff; text-decoration: none; outline: none; }
.box-manage-account .content .how-to-login:hover { text-decoration: underline; }

/*skontaktuj się z nami*/
.box-contact { width: 248px; color: #333; }
.box-contact .hide { display: none; }
.box-contact .header { height: 50px; padding: 2px 4px 6px 24px; line-height: 50px; font-size: 20px; font-family: Tele-Grotesk-Halb, Arial; background: url(../images/bg_contact.png) no-repeat right top; cursor: pointer; }
.box-contact.open .header { background-position: right -58px; } 
.box-contact .header .arrow { width: 13px; height: 8px; background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 20px; top: 22px; font-size: 0; }
.box-contact.open .header .arrow { background-position: right top; }
.box-contact .content { width: 730px; height: 210px; padding: 3px 24px 35px 24px; position: absolute; top: 49px; right: 0; background: url(../images/bg_contact.png) no-repeat right bottom; display: none; }
.box-contact .content p.title { padding: 0; margin: 0; height: 65px; font-size: 30px; border-bottom: 1px solid #eee; line-height: 65px; font-family: Tele-Grotesk-Norm, Arial; }
.box-contact .content p.sub-title { padding: 18px 0 14px 0; margin: 0; font-size: 12px;  font-family: Arial; font-weight: bold; }
.box-contact .content p.footnote { padding: 0; margin: 0; font-size: 9px; font-family: Arial; color: #666; position: absolute; top: 85px; }
.box-contact .content .box-phone-number { width: 173px; height: 144px; float: left; position: relative; }
.box-contact .content .box-phone-number .footnote { left: 0; }
.box-contact .content .box-phone-number .number { padding: 0; margin: 0; font-size: 32px; line-height: 1; color: #e20074; font-family: Tele-Grotesk-Fett; }
.box-contact .content .box-leave-number { width: 340px; height: 144px; padding:0 20px; float: left; position: relative; }
.box-contact .content .box-leave-number input { width: 90px; height: 28px; line-height: 26px;  padding: 0 20px; border-width: 1px; border-style: solid; border-color: #a6a6a6 ; font-size: 12px; color: #666; font-family: Arial; float: left; }
.box-contact .content .box-leave-number .error input { border-color: #ff0000; }
.box-contact .content .box-leave-number input.prefix { background: #fff url(../images/prefix.png) no-repeat left top; padding-left: 38px; }
.box-contact .content .box-leave-number .submit { width: 40px; height: 30px; display: block; overflow: hidden; text-indent: -1000em; background: url(../images/btn_submit_magenta.png) no-repeat; float: left; outline: none; }
.box-contact .content .box-leave-number .loader { width: 32px; height: 32px; margin-top: -1px; background: url(../images/loader.gif) no-repeat; float: left; display: none; }
.box-contact .content .box-leave-number .error-info { padding: 0 0 0 10px; margin: 0; height: 30px; white-space: nowrap; line-height: 30px; color:#ff0000; font-size: 12px; font-family: Arial; display:none; float: left; }
.box-contact .content .box-leave-number .error .error-info { display: block; }
.box-contact .content .box-leave-number .box-thanks { height: 30px; line-height: 30px; color: #e20074; }
.box-contact .content .box-leave-number .footnote { left: 20px; width: 340px; }
.box-contact .content .box-meeting { width: 157px; height: 144px; padding-left: 20px; float: left; }
.box-contact .content .box-meeting .btn-meeting { width: 132px; height: 22px; display: block; margin-top: 5px; overflow: hidden; text-indent: -1000em; background: url(../images/btn_meeting.png) no-repeat; }
.box-contact .content .separator { background: url(../images/separator.png) no-repeat right top; }