body {margin: 0px; padding: 0 74px 0 0; background: #393D44 url('img/bg.jpg'); font-family: Arial, sans-serif; font-size: 12px; color: #393D43}
form {display: inline; margin: 0px; padding: 0px}
ul {margin: 0px; padding: 0px}
li {margin: 0px; padding: 2px 0px; list-style-type: none; line-height: 14px}
img {border: 0px}
table {margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse}
input::-moz-focus-inner {border: 0; padding: 0;}
input, textarea {font-size: 11px; line-height: 13px}
p {line-height: 18px}
p {margin: 12px 0px 8px 0px}

a {color: #ff8800; text-decoration: none}
a:hover {color: #FFBA00}
a.lightgray:hover {color: #666666}

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}
h1 {font-size: 18px; font-weight: normal; text-indent: -9999px; text-transform: capitalize; height: 27px; margin-top: 20px}
h2 {font-size: 16px; font-weight: normal}
h3 {font-size: 14px; font-weight: bold}
h4 {font-size: 12px; font-weight: normal}

.black {color: #000000}
.verydarkgray {color: #333333}
.darkgray {color: #666666}
.lightgray {color: #999999}
.white {color: #FFFFFF}
.red {color: #CC0000}
.green {color: #339900}
.orange {color: #ff8800}
.lightblue {color: #37a0bc}

.lcase {text-transform: lowercase}

.nowrap {white-space: nowrap}
.clear {clear: both}
.clear1px {clear: both; height: 1px; font-size: 1px; line-height: 1px; margin: 0px}
.block {display: block}
.inline {display: inline}
.hidden {display: none}
.left {text-align: left}
.center_block {margin: 0 auto}
.center {text-align: center}
.right_block {margin: 0 0 0 auto}
.right {text-align: right}
.float_left {float: left}



.container {width: 900px; margin: 0 auto}

#menu {position: fixed; z-index: 999; right: 10px; top: 50%; /*transform: translateY(-50%);*/ margin-top: -178px; text-align: right}
#menu li {line-height: 24px; height: 24px; margin-top: -2px}
#menu li a {display: inline-block; vertical-align: middle; position: relative; z-index: 1001; color: #FFF}
#menu li a::after {content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url('img/promo/off.png') no-repeat center; position: relative; z-index: 1002}
#menu li.active a::after {background-image: url('img/promo/on.png')}
#menu li a span {vertical-align: -1px; display: none; background: rgba(0,0,0,0.35); border-radius: 24px; margin-right: -24px; padding: 0 30px 0 15px; opacity: 0; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out}
#xmenu li a span {background: none; font-size: 11px; padding: 0 30px 0 0}
#menu li.active a span {display: inline-block; opacity: 1}
#menu li:hover a span {display: inline-block; opacity: 1}

#header {width: 900px; height: 103px; background: url('img/header.png') no-repeat}
.adres_telefon {margin: 14px 0px 0px 132px; width: 201px; height: auto}
.pobierz_cennik, .pobierz_cennik_off {float: right; margin: 16px 40px 0px 0px}

.promo_lights {text-align: center; margin: -18px 0px -7px 0px}

/*.hdiv {background: url('img/h.png') no-repeat 0px 4px; padding-left: 40px}*/
.hbuttons {float: right; margin: -6px 0px 0px 0px}
.hpobierz_cennik {margin-right: 8px}
#h_systemy_hd {background: url('img/h/systemy_pro_tools_hd.png') no-repeat top left}
#h_systemy_mbox {background: url('img/h/systemy_mbox.png') no-repeat top left}
#h_prism_sound {background: url('img/h/prism_sound_maselec.png') no-repeat top left}
#h_protools {background: url('img/h/oprogramowanie_pro_tools.png') no-repeat top left}
#h_control {background: url('img/h/urzadzenia_sterujace.png') no-repeat top left}
#h_other {background: url('img/h/dodatkowo_w_naszej_ofercie.png') no-repeat top left}
#h_pluginy {background: url('img/h/pluginy.png') no-repeat top left}
#h_more {background: url('img/h/polecamy_i_dostarczamy_takze.png') no-repeat top left}

.box {background: url('img/shadow.png') no-repeat bottom center; margin: 10px 0px 0px 0px; padding: 0px 0px 31px 0px}
.box_inside {background: #FFFFFF; padding: 20px 0px}
.box_bottom {background: url('img/box_bottom.png') no-repeat bottom; padding-bottom: 4px}

.box_pt {background: url('img/produkty/pro-tools/pro-tools2.jpg') no-repeat bottom center; margin: 10px 0px 0px 0px; padding: 0px 0px 54px 0px}
.box_pt .box_inside {background: #FFFFFF url('img/produkty/pro-tools/pro-tools-laptop.jpg') no-repeat bottom left; padding: 10px 0px 20px 360px}
.box_pt ul a {color: #333}
.box_pt ul li::before {content: "\2022"; padding-right: 5px}
.box_pt ul a:hover {color: #F80}
.box_grayarea {background: #DDDDDD; border-bottom: 1px solid #CCCCCC; padding: 15px 0px 25px 0px}

h3 a {color: #393D44}
h3 a:hover {color: #FF8800}
.product_txt {margin: 6px 0px 0px 0px; line-height: 16px}

.td1 {width: 1px; background: #CCCCCC; padding: 0}
.td299 {width: 299px; padding-top: 10px}
.td300 {width: 300px; padding-top: 10px}
.td600 {width: 600px; padding-top: 10px}

.pthdinterfacephoto {width: 298px; text-align: center}
.pthdinterfacephoto, .pthdinterfacetxt {padding: 0px 0px 15px 0px}
.pthdinterfacetxt {padding-right: 15px}
.artistphoto {width: 160px; padding: 10px 0px 4px 0px}
.artistname {padding: 10px 0px 8px 0}
.artistname h3 {font-size: 12px}

ul.logotypy {text-align: center; padding: 0 40px}
ul.logotypy li {display: inline-block; vertical-align: middle; margin: 10px 20px}

hr {height: 1px; border: 0; background: #CCC; line-height: 1px; margin: 16px 0 20px 0}

#footer {background: url('img/pxblack20.png'); color: #BABABA; margin-top: 20px; padding-top: 5px; margin-right: -74px; padding-right: 74px}
#apple {float: left; width: 32px; height: auto; margin: -6px 20px 0 0}
#apple_waves_antares_serato {float: right; margin: 5px 0px 0px 60px}
#footer_adres_area {width: 900px; height: 95px; background: url('img/footer_adres_area.png') no-repeat; padding-top: 4px; margin-top: 30px}
#copyright {float: left; width: 600px; padding: 10px 0px; font-size: 14px; color: #747474}
#emtek {float: right; padding: 10px 0px 10px 0px}