.cl {
    width:100%;
    clear:both;
    line-height:0;
    font-size:0;
}
.col {
    width:280px;
    margin:0 25px;
    float:left;
}
.parag {
    margin:10px 0;
}
.parag a.group img,
.gallery td img
{
    padding:2px;
    border:1px solid #ccc;
    margin:3px;
}
.paragCenter {
    text-align:center;
}
body {
    font-family:Tahoma,Arial,sans-serif;
    font-size:12px;
    background:#C8C8C8;
    color:#333;
    text-align:center;
}
a {
    color:#c52323; text-decoration:none;
    background:none;
}
a:hover {
    color:#c52323; text-decoration:underline;
    background:none;
}
a:visited {
    color:#c52323; text-decoration:none;
    background:none;
}
#container {
    margin:0 auto;
    width:960px;
    text-align:left;
}
#header {
    height:128px;
    background:#fff url(../images/headerBg.jpg) 0 0 no-repeat;
}
#header .btnHome {
    width:300px;
    height:104px;
    float:left;
}
#header .btnHome a {
    display:block;
    width:300px;
    height:104px;
}
#header .menuTop {
    float:right;
    width:660px;
    margin-top:14px;
    font-size:13px;
    font-weight:bold;
}
#header .menuTop a {
    color:#000;
    text-decoration:none;
}
#header .menuTop a:hover {
    text-decoration:none;
}
#header .menuTop a:hover,
#header .menuTop a.active {
    color:#fff;
    cursor:hand;
}
#header .menuTop a span {
    display:block;
    float:left;
    padding:25px 0px 20px 0px;
    overflow:hidden;
    text-align:center;
    background:none;
}
#header .menuTop span.space {
    display:block;
    float:left;
    width:2px;
    padding:25px 3px 20px 3px;
    background: url(../images/headerMenuIco.png) center 26px no-repeat;
}
a#onas span {
    width:44px;
}
a#oferta span {
    width:48px;
}
a#sklep span {
    width:44px;
}
a#nowosci span {
    width:62px;
}
a#galeria span {
    width:56px;
}
a#download span {
    width:74px;
}
a#linki span {
    width:40px;
}
a#kontakt span {
    width:58px;
}
a#praca span {
    width:46px;
}
a#referencje span {
    width:78px;
}

a#onas:hover span,
a#onas:hover span:hover,
a#onas.active span {
    background: url(../images/menuOnasBg.gif) center center no-repeat;
}
a#oferta:hover span,
a#oferta.active span {
    background: url(../images/menuOfertaBg.gif) center center no-repeat;
}
a#sklep:hover span,
a#sklep.active span {
    background: url(../images/menuSklepBg.gif) center center no-repeat;
}
a#nowosci:hover span,
a#nowosci.active span {
    background: url(../images/menuNowosciBg.gif) center center no-repeat;
}
a#galeria:hover span,
a#galeria.active span {
    background: url(../images/menuGaleriaBg.gif) center center no-repeat;
}
a#download:hover span,
a#download.active span {
    background: url(../images/menuDownloadBg.gif) center center no-repeat;
}
a#linki:hover span,
a#linki.active span {
    background: url(../images/menuLinkiBg.gif) center center no-repeat;
}
a#kontakt:hover span,
a#kontakt.active span {
    background: url(../images/menuKontaktBg.gif) center center no-repeat;
}
a#praca:hover span,
a#praca.active span {
    background: url(../images/menuPracaBg.gif) center center no-repeat;
}
a#referencje:hover span,
a#referencje.active span {
    background: url(../images/menuReferencjeBg.gif) center center no-repeat !important;
}

#header .menuTop a span.last {
    background:none;
}
#middle {
    padding: 0px 20px 0 12px;
    background:#fff url(../images/middleBgN.jpg) bottom center repeat-x;
}
#menu {
    width:222px;
    height:600px;
    overflow:hidden;
    float:left;
}
#menu .simo a,
#menu .lgls a,
#menu .wdpf a,
#menu .cnc a
{
    display:block;
    width:212px;
    height:40px;
}
#menu .simo {
    background: url(../images/simodrive_611_centrum_serwisowe.jpg) 0 0 no-repeat;
    width:222px;
    height:45px;
}
#menu .lgls {
    background: url(../images/serwis_falownikow_lg_ls.jpg) 0 0 no-repeat;
    width:222px;
    height:45px;
}
#menu .wdpf {
    background: url(../images/serwis_systemu_WDPF.jpg) 0 0 no-repeat;
    width:222px;
    height:45px;
}
#menu .cnc {
    background: url(../images/monitory_do_CNC.jpg) 0 0 no-repeat;
    width:222px;
    height:53px;
}
#content {
    background: #fff url(../images/contentBg.jpg) bottom left repeat-x;
    float:left;
    width:705px;
    text-align:center;
    overflow:hidden;
}
.contentSide {
    margin: 10px auto 15px auto;
    background:#fff;
    width:680px;
    text-align:left;
    border:1px solid #ddd;
}
h1 {
    background:#EFEFEF url(../images/titleBg.gif) right center no-repeat;
    font-size:14px;
}
h1 span {
    background: url(../images/titleIco.jpg) 10px center no-repeat;
    overflow:hidden;
    display:block;
    padding:3px 25px;
}
h2 {
    font-size:14px;
    margin:10px 0;
}
h3,h4,h5,h6 {
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
}
.contentBox {
    margin:10px;
    line-height:150%;
}
.contentBox h1 {
    background:none;
    font-size:16px;
    font-weight:bold;
    margin:10px 0;
}


ul {
    margin-left:25px;
    list-style-type:disc;
}
ol {
    margin-left:25px;
    list-style-type:decimal;
}

#contact {
    position:absolute;
    margin-top:-150px;
    height:150px;
    width:234px;
    background:url(../images/contact.png) 22px bottom no-repeat;
    z-index:2;
}
#footer {
    background:#000 url(../images/footerBg.jpg) 0 0 no-repeat;
    height:68px;
    color:#fff;
}
#footer .menu {
    padding:20px 20px 0 0;
    text-align:right;
}
#footer .menu a {
    padding:0 3px;
    color:#fff;
    text-decoration:none;
}
#footer .menu a:hover,
#footer .menu a:focus,
#footer .menu a:visited {
    color:#ccc;
    text-decoration:none;
}
#footer .copyright {
    padding:10px 20px 0 0;
    color:#bbb;
    text-align:right;
}
#footer .copyright a {
    padding:0 3px;
    text-decoration:none;
}
#map_canvas {
    width:560px;
    height:400px;
    margin: 0 auto;
    text-align:center;
}

/* galerie */
.gallery {
    width:600px;
    text-align:center;
    margin:0 auto;
}
.gallery td {
    width:200px;
    height:130px;
}
.gallery td a {
    font-size:11px;
    text-decoration:none;
}

/* table specyf */
.specyf {
    width:600px;
    text-align:left;
    margin:0 auto;
    font-size:11px;
}
.specyf tr.rowColor {
    background:#eee;
}
.specyf td {
    padding:2px 6px;
}
.specyf td.col1 {
    width:300px;
}

/* falInfo */
.falInfo {
    width:600px;
    text-align:center;
    margin:0 auto;
    font-size:11px;
}
.falInfo td {
    padding:2px 6px;
}

.falInfo tr {
    background:#ffffdd;
}
.falInfo tr.rowColor {
    background:#ddddff;
}
.block {
    display:block;
}
table.tabInfo {
    font-size:10px;
    width:70%;
    margin:0 auto;
}
table.tabInfo td {
    padding:2px 6px;
}
table.tabInfo,table.tabInfo tr, table.tabInfo td, table.tabInfo th {
    border-style:solid;
    border-width:1px;
    border-color:#eee;
    border-collapse:collapse;
}