/**************************
*  author: Andrzej Mazur  *
*  email: ender@13k.pl    *
*  date: 20.06.2010       *
**************************/

@font-face { font-family: 'HelveticaExtLt'; src: url(//:) format("No-IE-404"), url('res/HelveticaExtLt.ttf') format('ttf'); }
* { margin: 0; padding: 0; }
*:focus { outline: none; }
img { border: 0; }
ul { list-style-type: none; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
a { font: normal 12px Trebuchet MS; text-decoration: none; cursor: pointer; color: #ff0000; }
a:hover { text-decoration: underline; }
html { height: 100%; }
body { background: #fff; color: #270404; font: normal 12px Trebuchet MS; height: 100%; }

#body { min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -90px auto; line-height: 20px; text-align: justify; }
#headerBg { background: #3c0101 url(./img/bg.gif) repeat-x; border-bottom: 1px solid #ff0000; margin-bottom: 30px; }
#header { width: 960px; margin: 0 auto; }
#header a#logo { display: block; width: 170px; height: 99px; text-indent: -5000px; background: url(./img/logo.gif) no-repeat; }
#header #flash_img { width: 960px; height: 170px; background: #3c0101; }

ul#menu { height: 35px; clear: both; border-bottom: 1px solid #ff0000; }
ul#menu li a { display: block; float: left; background: url(./img/menu.gif) no-repeat; height: 35px; text-indent: -5000px; border-left: 1px solid #040303; border-right: 1px solid #392e2e; }
ul#menu li a#menu-welcome { width: 102px; background-position: 0px 0px; border-left: 0px; }
ul#menu li a#menu-welcome:hover, ul#menu li a#menu-welcome.active { background-position: 0px -35px; }
ul#menu li a#menu-onas { width: 75px; background-position: -102px 0px; }
ul#menu li a#menu-onas:hover, ul#menu li a#menu-onas.active { background-position: -102px -35px; }
ul#menu li a#menu-events { width: 86px; background-position: -177px 0px; }
ul#menu li a#menu-events:hover, ul#menu li a#menu-events.active { background-position: -177px -35px; }
ul#menu li a#menu-pr { width: 152px; background-position: -263px 0px; }
ul#menu li a#menu-pr:hover, ul#menu li a#menu-pr.active { background-position: -263px -35px; }
ul#menu li a#menu-marketing { width: 110px; background-position: -415px 0px; }
ul#menu li a#menu-marketing:hover, ul#menu li a#menu-marketing.active { background-position: -415px -35px; }
ul#menu li a#menu-realizacje { width: 109px; background-position: -525px 0px; }
ul#menu li a#menu-realizacje:hover, ul#menu li a#menu-realizacje.active { background-position: -525px -35px; }
ul#menu li a#menu-kontakt { width: 94px; background-position: -634px 0px; border-right: 0px; }
ul#menu li a#menu-kontakt:hover, ul#menu li a#menu-kontakt.active { background-position: -634px -35px; }

#middle { width: 960px; margin: 0px auto; text-align: justify; }
#middle h2, #middle h3 { color: #ac0000; font-weight: normal; font-family: HelveticaExtLt, sans-serif; margin-bottom: 20px; }
#middle h2 { font-size: 24px; }
#middle h3 { font-size: 14px; text-shadow: 0px 1px 0px #ac0000; }
#middle p { margin-bottom: 25px; }
#middle .img-right { float: right; margin: 0px 0px 30px 60px; }
#middle .img-left { float: left; margin: 50px 60px 30px 0px; }
#middle ul li { background: url(./img/arrow.gif) 2px 7px no-repeat; padding-left: 20px; }
#middle .boxBg { float: left; width: 320px; background: url(./img/separator.jpg) top right no-repeat; min-height: 200px; }
#middle .boxBgNone { float: left; width: 320px; background: none; }
#middle .box { margin: 0px 15px; padding: 0px 15px; }
#middle .box a.more { display: block; float: right; background: url(./img/arrow.gif) center right no-repeat; padding-right: 15px; }
#middle .box-intro { padding-top: 60px; }
#middle .box-intro p { margin: 0px 30px 15px 0px; }
#middle #klienci { background: #fff; width: 253px; height: 520px; margin-bottom: 30px; }

#middle #kontakt-info { width: 300px; float: left; }
#middle #kontakt-info p { margin: 0px 0px 15px 10px; }
#middle #kontakt-info img { margin-top: 15px; }
#middle #kontakt-form { width: 362px; float: right; }
#middle #kontakt-form input.submit { display: block; width: 51px; height: 22px; background: #ac0000; color: #fff; border: 0px; cursor: pointer; font: normal 12px Trebuchet MS; float: right; margin: 20px 0px 60px 0px; }
#middle #kontakt-form h4 { margin-bottom: 5px; }
#middle #kontakt-form h4.error { color: #ac0000; }
#middle #kontakt-form p { margin-bottom: 0px; }
#middle #kontakt-form .input-nick, #middle #kontakt-form .input-mail { width: 202px; height: 26px; background: url(./img/input.gif) no-repeat; margin-bottom: 5px; }
#middle #kontakt-form input.text { width: 182px; padding: 5px 10px; border: 0px; background: transparent; }
#middle #kontakt-form .input-text { width: 362px; height: 119px; background: url(./img/textarea.gif) no-repeat; }
#middle #kontakt-form textarea { width: 342px; height: 109px; padding: 5px 10px; border: 0px; background: transparent; overflow: auto; }

#middle .boxRealLeft { float: left; width: 270px; padding-top: 20px; }
#middle .boxRealCenter { float: left; width: 490px; padding-top: 10px; }
#middle .boxRealCenterLeft { float: left; width: 730px; padding-top: 10px; margin-bottom: 30px; }
#middle .boxRealRight { float: left; width: 200px; background: url(./img/separator.jpg) top left no-repeat; min-height: 200px; }
#middle .boxRealRight .boxRealRightInner { padding-left: 30px; padding-top: 20px; }
#middle .player { border: 4px solid #ce605c; width: 370px; height: 235px; margin-bottom: 30px; }
#middle .gallery a { display: block; float: left; margin: 0px 10px 10px 0px; width: 100px; height: 65px; }

#middle .pagination a.prev, #middle .pagination span.prev { display: block; float: left; padding-left: 15px; }
#middle .pagination a.prev.active, #middle .pagination span.prev.active { background: url(./img/arrow-prev-active.gif) 2px 7px no-repeat; }
#middle .pagination a.prev.inactive, #middle .pagination span.prev.inactive { background: url(./img/arrow-prev-inactive.gif) 2px 7px no-repeat; }
#middle .pagination a.next, #middle .pagination span.next { display: block; float: right; padding-right: 15px; margin-right: 80px; }
#middle .pagination a.next.active, #middle .pagination span.next.active { background: url(./img/arrow-next-active.gif) center right no-repeat; }
#middle .pagination a.next.inactive, #middle .pagination span.next.inactive { background: url(./img/arrow-next-inactive.gif) center right no-repeat; }
#middle .pagination a.active, #middle .pagination span.active { color: #ff0101; }
#middle .pagination a.inactive, #middle .pagination span.inactive { color: #838383; }


#preFooter { height: 90px; }
#footerBg { background: #3c0101; height: 90px; }
#footer { width: 960px; margin: 0 auto; color: #db5353; text-align: center; font-size: 11px; line-height: 20px; border-top: 1px solid #633434; }
#footer a { color: #db5353; font-size: 11px; }
#footer #footerInfo { margin-top: 20px; }
#footer ul li { display: inline; }