html, body {margin: 0; padding: 0;}
body {font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; background: #383b3a url(../img/site/body.jpg) repeat-x;}
/* naglowki */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
/* listy */
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
/* formularz */
form, fieldset {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
fieldset {border: 0;}
/* paragraf */
p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
/* Espes */
#espes {margin: 0 auto; width: 960px;}
/* naglowek */
#header {position: relative; overflow: hidden; width: 960px;}
#header h1 {float: left; width: 359px; height: 111px;}
#header h1 a {overflow: hidden; display: block; width: 359px; height: 111px; text-indent: -666em; background: url(../img/site/header.h1.a.png) no-repeat;}
/* naglowek - menu */
#header-menu {float: right; margin-top: 42px; margin-right: 10px; font: normal 1.2em/1em 'trebuchet ms', tahoma, verdana, arial, sans-serif; text-transform: uppercase; list-style: none;}
#header-menu > li {float: left; background: url(../img/site/header-menu.li.gif) 0 50% no-repeat;}
#header-menu > li a {display: block; padding: 3px 10px; text-decoration: none; color: #fff;}
/* naglowek - menu - wybrana pozycja */
#header-menu > li a.active {color: #e10f11;}
/* hover */
#header-menu > li a:hover {color: #e10f11;}
/* first-child */
#header-menu > li:first-child {background: none;}
/* naglowek - menu - submenu */
#header-menu > li > ul {position: absolute; right: 10px; font-size: 0.91em; text-transform: none; list-style: none}
#header-menu > li > ul > li {float: left;}
#header-menu > li > ul > li a {color: #e10f11;}
#header-menu > li > ul > li a:hover, #header-menu > li > ul > li.active a {color: #6e6e6e;}
/* naglowek - menu - submenu - submeu */
#header-menu > li > ul > li > ul {position: absolute; right: 0; list-style: none;}
#header-menu > li > ul > li > ul > li {float: left;}
#header-menu > li > ul > li > ul > li a {color: #6e6e6e;}
#header-menu > li > ul > li > ul > li a:hover, #header-menu > li > ul > li > ul > li a.active {color: #fff;}
/* naglowek - menu - submenu - submeu - ukrywanie i pokazywanie */
#header-menu > li > ul > li > ul {display: none;}
#header-menu > li > ul > li.active > ul {display: block;}
/* tresc */
#content {overflow: hidden; position: relative; border: 20px solid #000; width: 920px; background: #000;}
/* tresc - glowny obrazek */
#content-image img {display: block;}
/* tresc - galeria */
#content-gallery {position: absolute; left: 0; bottom: 0; z-index: 1; width: 960px; height: 565px;}
/* tresc - klienci */
#content-customers {overflow: hidden; border-top: 2px solid #212121; width: 920px;}
#content-customers h3 {margin: 18px 6px 0 6px; font-size: 1.2em; color: #f5f5f5;}
#content-customers p {margin: 0 6px 0 6px; font-size: 1.1em; color: #6e6e6e;}
#content-customers-selected {}
#content-customers-selected ul {overflow: hidden; width: 920px; font-size: 1.1em; list-style: none;}
#content-customers-selected ul li {float: left; margin: 10px 0 10px -1px; border-left: 1px solid #2c2c2c; text-align: center;}
#content-customers-selected ul li a {text-decoration: none; color: #e10f11;}
#content-customers-selected ul li a img {display: block; border: 0;}
#content-customers-selected ul li a span {}
#content-customers-selected ul li a:hover {text-decoration: underline;}
#content-klienci {position: relative; margin: 11px 0 10px; width: 68px; height: 17px;}
#content-klienci span {position: absolute; left: 0; top: 0; width: 68px; height: 17px; background: url(../img/site/content-klienci.span.png) no-repeat;}
/* tresc - o nas */
#content-about {overflow: hidden; border-top: 2px solid #212121; width: 920px; }
#content-about h3 {margin: 18px 6px 0 6px; font-size: 1.2em; color: #f5f5f5;}
#content-about p {margin: 0 6px 0 6px; font-size: 1.1em; color: #6e6e6e;}
#content-about .important {overflow: hidden; margin: 18px 0 0 0; width: 920px; border-top: 2px solid #e10f11; padding-bottom: 8px; background: #1a1a1a url(../img/site/content-about.important.gif) 50% 100% no-repeat;}
#content-about .important h3 {clear: left; overflow: hidden; margin: 0; line-height: 1em;}
#content-about .important h3 strong {float: left; background: #e10f11 url(../img/site/content-about.important.h3.strong.gif) 100% 100% no-repeat;}
#content-about .important h3 strong span {float: left; padding: 6px; background: url(../img/site/content-about.important.h3.strong.span.gif) 0 100% no-repeat;}
#content-about .important p {clear: left; margin: 18px 6px 0; color: #b0b0b0;}
#content-o-nas {position: relative; margin: 11px 0 10px; width: 60px; height: 17px;}
#content-o-nas span {position: absolute; left: 0; top: 0; width: 60px; height: 17px; background: url(../img/site/content-o-nas.span.png) no-repeat;}
/* tresc - kontakt */
#content-contact {overflow: hidden; border-top: 2px solid #212121; width: 920px; }
#content-contact h3 {margin: 18px 0 14px; font-size: 1.2em; line-height: 1.5em; color: #f5f5f5;}
#content-contact p {margin: 14px 0 24px; font-size: 1.1em; color: #b0b0b0;}
#content-contact p strong {}
#content-contact p em {font-style: normal; font-weight: bold; color: #6e6e6e;}
#content-contact p a {text-decoration: none; color: #6e6e6e;}
#content-contact p a:hover {text-decoration: underline; color: #e10f11;}
#content-kontakt {position: relative; margin: 11px 0 10px; width: 79px; height: 17px;}
#content-kontakt span {position: absolute; left: 0; top: 0; width: 79px; height: 17px; background: url(../img/site/content-kontakt.span.png) no-repeat;}
/* tresc - dane kontaktowe - szczegoly */
#content-contact-details {float: left; margin-left: 6px; width: 274px;}
/* tresc - dane kontakowe - szczegoly - formularz kontaktowy */
#content-contact-details-form {}
#content-contact-details-form ol {list-style: none;}
#content-contact-details-form ol li {margin-bottom: 8px;}
#content-contact-details-form p {margin: 24px 0 12px;}
#content-contact-details-form label {display: block; margin: 0 0 4px; font-size: 1.1em; color: #b0b0b0;}
#content-contact-details-form input {}
#content-contact-details-form input.checkbox {position: relative; top: 3px;}
#content-contact-details-form input.text {width: 220px; margin-right: 7px; font-size: 1.1em;}
/* tresc - dane kontaktowe - zespol */
#content-contact-team {float: left; padding-left: 27px; width: 613px; background: url(../img/site/content-contact-team.gif) 0 0 no-repeat;}
#content-contact-team ul {overflow: hidden; padding-bottom: 21px;}
#content-contact-team ul li {float: left; width: 273px;}
#content-contact-team ul li h4 {float: right; padding-left: 13px; width: 155px; font-size: 1.1em; background: url(../img/site/content-contact-team.ul.li.h4.gif) 0 50% no-repeat; color: #b0b0b0;}
#content-contact-team ul li img {float: left;}
#content-contact-team ul li p {float: right; padding-left: 13px; width: 155px; font-size: 1.1em; color: #6e6e6e;}
#content-contact-team ul li p a {text-decoration: none; color: #6e6e6e;}
#content-contact-team ul li p a:hover {text-decoration: underline; color: #e10f11;}
/* tresc - strona glowna */
#index #content {position: relative; border: 0; width: 960px; height: 565px;}
#index #content #content-panel {position: absolute; left: 8px; top: 0; z-index: 99; width: 944px;}
#index #content #content-panel-buttons {position: absolute; left: 0; top: 0; padding: 8px 0; width: 230px; height: 18px; background: #000; z-index:999;display:none;}
#index #content #content-panel-buttons p {text-align: center;}
#index #content #content-panel-buttons p span {margin: 0 1px; padding: 2px; cursor: pointer;}
#index #content #content-panel-buttons p span img {cursor: pointer;}
#index #content #content-panel-note {position: relative; z-index: 99; border-top: 8px solid #000; padding: 40px 16px 16px; background: #232527 url(../img/site/index.content.content-panel-note.png) 0 100% repeat-x; color: #d0d0ce;}
#index #content #content-panel-note h2 {margin: 0 0 8px; font-size: 1.1em;}
#index #content #content-panel-note p {margin: 8px 0; font-size: 1.1em;}
#index #content #content-panel-note a {color: #e10f11;}
#index #content #content-panel-note a:hover, #index #content #content-panel-note a:focus {text-decoration: none;}
#index #content #content-panel-note-close {position: absolute; top: 10px; right: 4px; cursor: pointer;}
#index #content #content-panel-buttons-multimedia {/*display: none;*/} /* remove to show button */
#index #content #content-panel-avatar {position: absolute; z-index: 98; margin-top: 34px; width: 230px; height: 275px; background: #0b0c0d;}
/* avatar - wrapper */
#index #content #content-panel-avatar-wrapper {overflow: hidden; width: 198px; height: 277px;display:none;}
/* stopka */
#footer {float:left;
margin:14px 0;
width:190px;}
#footer p {font-size: 1.1em; color: #787a7a;}
#footer p a {text-decoration: none; color: #787a7a;}
#footer p a:hover {text-decoration: underline;}