@charset "utf-8";

body { background: #161616; color: #cacaca; font: 12px/1.5 'Lucida Grande', 'Lucida Sans Unicode', Arial, Tahoma, Verdana, FreeSans, sans-serif; }

a:focus { outline: 1px dotted invert; }
a:link, a:visited { color: #dc000a; text-decoration: none; }
a:hover { color: #ae0008; text-decoration: underline; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
h1, h2 { font-size: 3em; font-family: 'Myriad Pro', Myriad, 'Helvetica Neue', Helvetica, Arial, Tahoma, sans-serif; color: #858585; line-height: 1em; font-weight: normal; letter-spacing: -1px; text-shadow: 0px 1px 0px #000; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 0; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 15px; }
b { color: #fff; }
.lt { color: #575757; }
p.nom { margin-bottom: 0; }
.big { font-size: 1.17em; }
.vSpacer { margin-top: 2.92em; margin-bottom: 2.92em }
.toLeft { float: left; margin-left: 0 !important; }
.toRight { float: right; margin-right: 0 !important; }
.lhDouble p { line-height: 2em; }

/* nagłówki graficzne */
h2.img, h1.img { text-indent: -9999px; height: 35px; }
h2.whoAreWe { background: url(../img/headers/whoarewe.gif) no-repeat 0 0; }
h2.whatWeDo { background: url(../img/headers/whatwedo.gif) no-repeat 0 0; }
h2.clients { background: url(../img/headers/clients.gif) no-repeat 0 0; }
h2.layher { background: url(../img/headers/layher.gif) no-repeat 0 0; }
h2.kotary { background: url(../img/headers/kotary.gif) no-repeat 0 0; }
h2.wyciagarki { background: url(../img/headers/wyciagarki.gif) no-repeat 0 0; }
h2.barierki { background: url(../img/headers/barierki.gif) no-repeat 0 0; }
h2.szatnie { background: url(../img/headers/szatnie.gif) no-repeat 0 0; }
h1.rigging, h2.rigging { background: url(../img/headers/rigging.gif) no-repeat 0 0; }
h1.szkolenia { background: url(../img/headers/szkolenia.gif) no-repeat 0 0; }
h1.kontaktForm { background: url(../img/headers/kontaktform.gif) no-repeat 0 0; }
h1.realizacje { background: url(../img/headers/naszerealizacje.gif) no-repeat 0 0; }
h1.e404 { background: url(../img/headers/404.gif) no-repeat 0 0; }
h2.mapa { background: url(../img/headers/mapa.gif) no-repeat 0 0; }
h2.riggerCC { background: url(../img/headers/riggercc.gif) no-repeat 0 0; margin: 8px 0 13px; height: 15px; }

.topWrapper { border-bottom: 1px solid #424242; background: #000; }
.topWrapper .container_16 { background: url(../img/worldmap.gif) no-repeat right -4px; padding: 14px 0; }

/* pasek wyboru języka */
.topWrapper .langbar { text-align: right; font-size: .83em; }
.topWrapper .langbar a:link, .topWrapper .langbar a:visited { color: #fff; }
.topWrapper .langbar a:hover { color: #898989; }

.mainWrapper { background: #000 url(../img/bg-shackles.jpg) no-repeat center top; padding: 20px 0; }

/* stopka */
.footerWrapper { font-size: .92em; color: #3f3f3f; border-top: 5px solid #0b0b0b; padding: 13px 0; }
.footerWrapper a:link, .footerWrapper a:visited { color: #fff; }
.footerWrapper a:hover { color: #898989; }
.footerWrapper .webdesign { text-align: right; }

/* główne menu */
ul.mainMenu { list-style-type: none; }
ul.mainMenu em { display: block; height: 13px; line-height: 1em; text-indent: -9999px; background: url(../img/mainmenu.gif) no-repeat 0 0; cursor: pointer; }
ul.mainMenu li { margin: 0 0 1px 0; cursor: pointer; }
ul.mainMenu a, ul.mainMenu a:link, ul.mainMenu a:visited { display: block; height: 50px; background: url(../img/menubutton.gif) no-repeat left top; padding: 9px 0 0 13px; font-family: Arial, Helvetica, sans-serif; font-size: .92em; color: #8a8989; }
ul.mainMenu a.active, ul.mainMenu a.active:link, ul.mainMenu a.active:visited { background-position: 0 -59px; }
ul.mainMenu a:hover, ul.mainMenu a.active:hover { background-position: 0 -118px; color: #8a8989; text-decoration: none; }
ul.mainMenu .m_rigging em { background-position: 0 0; }
ul.mainMenu .m_wynajem em { background-position: 0 -13px; }
ul.mainMenu .m_szkolenia em { background-position: 0 -26px; }
ul.mainMenu .m_realizacje em { background-position: 0 -39px; }
ul.mainMenu .m_kontakt em { background-position: 0 -52px; }

/* box 1 */
.box1t { height: 8px; background: url(../img/box1t.png) no-repeat 0 top; overflow: hidden; line-height: 8px; }
.box1b { height: 8px; background: url(../img/box1b.png) no-repeat 0 top; overflow: hidden; line-height: 8px; }
.box1content { background: url(../img/box1bg.png) repeat 0 0; padding: 7px 20px; }
.box1content .colL, .box1content .colR { width: 310px; }
.box1content .colL { float: left; }
.box1content .colR { float: right; }

/* podwójne boxy */
.boxDouble { margin-bottom: 20px; }
.boxDouble .top { height: 8px; background: url(../img/box-dbl-t.png) no-repeat 0 0; overflow: hidden; line-height: 8px; }
.boxDouble .bottom { height: 8px; background: url(../img/box-dbl-b.png) no-repeat 0 0; overflow: hidden; line-height: 8px; }
.boxDouble .main { background: url(../img/box-dbl-bg.png) no-repeat 0 0; padding: 7px 0 35px; position: relative; }
.boxDouble .main .boxLeft { width: 300px; margin: 0 20px; float: left; }
.boxDouble .main .boxRight { width: 300px; margin: 0 20px; float: right; }
.boxDouble a.btnArrow:link, .boxDouble a.btnArrow:visited, .boxDouble a.btnArrow:hover { position: absolute; bottom: 7px; }

/* box 2 */
.boxTrans { margin: 35px 20px; }

/* przyciski */
a.btnArrow:link, a.btnArrow:visited { height: 22px; width: 158px; background: url(../img/btn-arrow.gif) no-repeat 0 0; color: #fff; font-size: .83em; text-shadow: .1em .1em 0 #5f0004; display: block; text-transform: uppercase; padding: 7px 0 0 5px; }
a.btnArrow:hover { text-decoration: none; opacity: .75; }
.lhDouble a.btnArrow { margin-top: 30px; }
a.btnSq:link, a.btnSq:visited { height: 31px; width: 110px; background: url(../img/btn-sq.gif) no-repeat 0 0; color: #fff; text-shadow: .1em .1em 0 #5f0004; display: block; padding: 0 5px; line-height: 31px; text-align: center}
a.btnSq:hover { text-decoration: none; opacity: .75; }
a.btnSq img { vertical-align: middle; margin-right: .5em; }

ul.pros { list-style-type: none; margin-left: 5px; }
ul.pros li { background: url(../img/ultick.gif) no-repeat 0 .75em; padding: .42em 0 .42em 24px; }

/* box kontaktowy */
.mapIcon { display: block; width: 268px; height: 157px; background: url(../img/map-icon.png) no-repeat 0 0; text-indent: -9999px; margin: 15px 10px 10px; }
.phoneNr { color: #575757; float: left; margin-bottom: 15px; }
.phoneNr strong { background: url(../img/ico-phone.gif) no-repeat left center; padding: 0 3.1em 0 19px; color: #cacaca; display: block; }
.last strong { padding-right: 0; }

/* box w tresci */
.inTextBox { width: 260px; background: url(../img/box-intext.gif) repeat-y 0 0; position: relative; margin: .9em 1.67em; }
.inTextBox .top { background: url(../img/box-intext-t.gif) no-repeat 0 0; width: 260px; height: 7px; position: absolute; left: 0; top: -7px; }
.inTextBox .bottom { background: url(../img/box-intext-b.gif) no-repeat 0 0; width: 260px; height: 7px; position: absolute; left: 0; bottom: -7px; }
.inTextBox .content { margin: 10px; }

/* box w tresci */
.boxLt { width: 280px; background: url(../img/box-lt-bg.gif) repeat-y 0 0; position: relative; margin-top: 6px; }
.boxLt .top { background: url(../img/box-lt-t.gif) no-repeat 0 0; width: 280px; height: 6px; position: absolute; left: 0; top: -6px; }
.boxLt .bottom { background: url(../img/box-lt-b.gif) no-repeat 0 0; width: 280px; height: 6px; position: absolute; left: 0; bottom: -6px; }
.boxLt .content { padding: 3px 15px; }


/* realizacje - logotypy klienw */
ul.clientsLogos { list-style-type: none; margin: 0 0 2em 0; }
.clientsLogos a:link, .clientsLogos a:visited, .clientsLogos em { display: block; width: 155px; height: 53px; float: left; background: no-repeat 0 0; opacity: .5; text-indent: -9999px; }
.clientsLogos a:hover { opacity: 1; }
.clientsLogos #cl_heineken_opener { background-image: url(../img/clients/heineken.gif); }
.clientsLogos #cl_sensation { background-image: url(../img/clients/sensation.gif); }
.clientsLogos #cl_dj_tiesto { background-image: url(../img/clients/tiesto.gif); }
.clientsLogos #cl_armin_van_buuren { background-image: url(../img/clients/arminvanbuuren.gif); }
.clientsLogos #cl_perfect { background-image: url(../img/clients/perfect.gif); }
.clientsLogos #cl_global_gathering { background-image: url(../img/clients/globalgathering.gif); }
.clientsLogos #cl_jean_michel_jarre { background-image: url(../img/clients/jeanmicheljarre.gif); }
.clientsLogos #cl_lord_of_the_dance { background-image: url(../img/clients/lotd.gif); }

/* obrazki */
img, a img { border: 0; }
img.inText { border: 3px solid #8a8989; margin: 1em 1.6em; }
img.atBeginning { margin-top: .4em; }

.googleMap { border: 1px solid #5b5b5b; }

/* formularz kontaktowy */
.contactForm { position: relative; min-height: 340px; }
.contactForm .msgHeaderSection { width: 260px; float: left; }
.contactForm .msgBodySection { width: 380px; float: right; }
.mapButtons { margin-top: 2.5em; }

/* formularze */
label { font-size: .92em; }
form .reqMark { color: #dc000a; font-weight: bold; font-size: 1.1em; }
input, textarea, select, option { color: #010101; font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Tahoma, Verdana, FreeSans, sans-serif; }
input.textInput { background: none; border: 0; padding: 8px 0; width: 256px; margin: 0 2px; }
textarea.textarea { background: none; border: 0; width: 376px; height: 264px; margin: 2px; overflow: auto; }
.textInputNormal { background: url(../img/forms.gif) no-repeat 0 0; height: 34px; width: 260px; overflow: hidden; }
.textInputActive { background: url(../img/forms.gif) no-repeat 0 -34px; height: 34px; width: 260px; overflow: hidden; }
.textInputError { background: url(../img/forms.gif) no-repeat 0 -68px; height: 34px; width: 260px; overflow: hidden; }
.textareaNormal { background: url(../img/forms.gif) no-repeat -260px 0; height: 268px; width: 380px; overflow: hidden; }
.textareaActive { background: url(../img/forms.gif) no-repeat -260px -268px; height: 268px; width: 380px; overflow: hidden; }
.textareaError { background: url(../img/forms.gif) no-repeat -260px -536px; height: 268px; width: 380px; overflow: hidden; width: 100%; text-align: left; }
.btnArrow input.submit { background: none; border: 0; color: #fff; font-size: .83em; text-shadow: .1em .1em 0 #5f0004; text-transform: uppercase; line-height: 29px; height: 29px; width: 100%; text-align: left; cursor: pointer; }
form .btnArrow { height: 29px; width: 163px; background: url(../img/btn-arrow.gif) no-repeat 0 0; margin: 0; position: absolute; right: 0; bottom: 0; }
form .btnArrow:hover { opacity: .75; }

/* legenda */
.legend { border-top: 1px solid #5b5b5b; list-style-type: none; font-size: .92em; margin-top: 3.33em; }
.legend li { background: url(../img/legend-li.gif) no-repeat 0 3px; padding-left: 9px; margin: .36em 0; }

/* komunikaty systemowe */
.boxError, .boxSysmsg { color: #eabcbe; margin-bottom: 1.66em; }
.boxSysmsg { color: #a6c3cd; }
.boxError h2, .boxSysmsg h2 { font-size: 1.33em; color: #fff; font-weight: normal; height: auto; }
.boxError ul { list-style-type: none; }
.boxError li { background: url(../img/error-li.gif) no-repeat 0 center; padding-left: 8px; }
.boxError .top, .boxError .bottom, .boxSysmsg .top, .boxSysmsg .bottom { height: 7px; background: url(../img/box-error-t.png) no-repeat 0 0; overflow: hidden; }
.boxError .bottom { background-image: url(../img/box-error-b.png); }
.boxSysmsg .bottom { background-image: url(../img/box-sysmsg-b.png); }
.boxSysmsg .top { background-image: url(../img/box-sysmsg-t.png); }
.boxError .content, .boxSysmsg .content { background: url(../img/box-error-bg.png) repeat 0 0; padding: 6px 20px; }
.boxSysmsg .content { background-image: url(../img/box-sysmsg-bg.png); }

/* realizacje */
.workList { list-style-type: none; font-size: 1.33em; margin: 1.92em 0; line-height: 1.1em; }
.workList li { float: left; width: 39%; margin: .6em 8% .6em 0; background: url(../img/ico-gallery.gif) no-repeat 0 13px; padding: 10px 0 0 17px; border-top: 1px solid #535353; }
.workList li a.viewGal { display: block; font-size: .69em; }
.workList li span.viewGal { display: block; font-size: .69em; color: #858585;}
.workList li.clear, .picList li.clear { float: none; margin: 0; padding: 0; }
.picList { list-style-type: none; margin-top: 20px; }
.picList li { float: left; margin-right: 33px; margin-bottom: 1em; }
.picList li.omega { margin-right: 0; }
.picList li a { display: block; width: 140px; height: 103px; background: url(../img/pic-border.png) no-repeat 0 0; text-align: center; }
.picList li a:hover { background-position: 0 -103px; }
.picList li a img { width: 132px; height: 85px; margin-top: 4px; background: no-repeat center center; overflow: hidden; }