/*----------------------------------------- Deklaracja styli dla ca³ej strony ----------------------------------------------------------------------------*/
* {margin:0 0 0 0; padding:0 0 0 0;}

body {color:#525252; font:11px normal Tahoma,Arial,sans-serif;}
#main {background:#1f1f1f url(images/bg.jpg) repeat-x; width:914px;  height:auto;  margin:0 auto;}

#layout {overflow:auto; width:914px; height:auto; margin:0 auto; background:url(images/bg-content.jpg) repeat-y;}
#header {width:914px; height:136px; margin:0 auto; background:url(images/header.jpg) no-repeat;}

#left-atr {float:left; z-index:1; width:52px; height:366px; background:url(images/left-atribut.jpg) no-repeat;}
#right-atr {float:right;  z-index:1; width:93px; height:185px; background:url(images/right-atribut.jpg) no-repeat;}

/*----------------------------------------- Deklaracja styli dla linków ----------------------------------------------------------------------------------*/
a {color:#f00037; text-decoration:none;}
a:link {color:#f00037; text-decoration:none;}
a:hover {color:#7f0000; text-decoration:none;}

a.tmenu {color:#a3a3a3; text-decoration:none;}
a.tmenu:link {color:#a3a3a3; text-decoration:none;}
a.tmenu:hover {color:#fff; text-decoration:none;}

.sbm_bg a {color:#3c3c3c; background:url(images/smb-pos.jpg) no-repeat; text-decoration:none;}
.sbm_bg a:link {color:#3c3c3c; background:url(images/smb-pos.jpg) no-repeat; text-decoration:none;}
.sbm_bg a:hover {color:#e36a02; background:url(images/smb-pos-hover.jpg) no-repeat; text-decoration:none;}

/*----------------------------------------- Deklaracja styli dla headera strony ------------------------------------------------------------------------*/
.logo {float:left; text-align:right; width:243px; height:136px; background:url(images/logo.jpg) no-repeat;}
.top-menu {width:200px; float:right; color:#a3a3a3;}
.beetwen-space {width:36px; float:left; height:136px; background:none;}

#main-menu {width:540px; float:left;}
#menu {float:right; color:#e6e6e6; font-size:14px; font-family:Arial narrow, sans-serif; margin:50px 7px 0 0px;}
.m1 {width:118px; height:32px; float:left; background:url(images/m1.jpg) no-repeat; display:block;}
.m2 {width:70px; height:32px; float:left; background:url(images/m2.jpg) no-repeat; display:block;}
.m3 {width:102px; height:32px; float:left; background:url(images/m3.jpg) no-repeat; display:block;}
.m4 {width:53px; height:32px; float:left; background:url(images/m4.jpg) no-repeat; display:block;}
.m5 {width:80px; height:32px; float:left; background:url(images/m5.jpg) no-repeat; display:block;}
.m6 {width:77px; height:32px; float:left; background:url(images/m6.jpg) no-repeat; display:block;}
.m7 {width:24px; height:32px; float:left; background:url(images/m7.jpg) no-repeat; display:block;}

.cmenu1 {width:118px; height:32px; display:block; cursor:pointer;}
.cmenu2 {width:70px; height:32px; display:block; cursor:pointer;}
.cmenu3 {width:102px; height:32px; display:block; cursor:pointer;}
.cmenu4 {width:53px; height:32px; display:block; cursor:pointer;}
.cmenu5 {width:80px; height:32px; display:block; cursor:pointer;}
.cmenu6 {width:77px; height:32px; display:block; cursor:pointer;}
.cmenu7 {width:24px; height:32px; display:block; cursor:pointer;}

 .sbm-z {display:none;}
 .sbm_bg {width:87px; height:21px; padding:2px 0 0 0;}
 .smenu {width:87px; height:21px; display:block; cursor:pointer;  padding:3px 0 0 30px;}
 
.sbm1 {position:absolute;  margin:0 0 0 5px; top:95px; width:117px; height:80px; background:#fff; float:left; border:1px #404040 solid;}
.sbm2 {position:absolute;  margin:0 0 0 307px; top:95px; width:117px; height:300px; background:#fff; float:left; border:1px #404040 solid;}

/*----------------------------------------- Deklaracja styli czesci strony i podzielenie ich ------------------------------------------------------------*/
#middle {float:left; margin:0 auto; width:769px; height:auto;}
#tab-lay {width:769px; height:auto;}
.col1 {width:226px; vertical-align:top;}
.col2 {width:542px; vertical-align:top; }

.left-space {width:226px; background:url(images/bg-left.jpg) repeat-y;}

/*----------------------------------------- Deklaracja styli sekcji newsów/grup/referencji -----------------------------------------------------------*/
.under-logo-section {width:226px; height:54px; background:url(images/under-logo.jpg) no-repeat;}
.section {border-bottom:0px #dedede solid; padding:5px 0 0 20px;}
.title-news {font-weight:bold; color:#525252; padding:0 0 0 0;}
.date {font-weight:bold; color:#515151; padding:0 0 10px 0;}
.tekst {padding: 0 10px 20px 0;}

.grupa-krawczyk-header {width:226px; height:36px; background:url(images/kgroup.jpg) no-repeat;}
.agencja-muzyczna {width:120px; height:48px; background:url(images/am.jpg) no-repeat; margin:15px auto;}
.grupa-krawczyk {width:138px; height:31px;  margin:5px auto;}
.agencja-krawczyk {width:120px; height:48px; background:url(images/ak.jpg) no-repeat; margin:15px auto;}
.ten-dzien {width:120px; height:48px; background:url(images/td.jpg) no-repeat; margin:15px auto;}

.referencje-header {width:226px; height:37px; background:url(images/referencje.jpg) no-repeat;} 
.business1 {width:52px; height:50px; background:url(images/orange.jpg) no-repeat; margin:10px auto;}
.business2 {width:119px; height:50px; background:url(images/michelin.jpg) no-repeat; margin:10px auto;}
.business3 {width:95px; height:50px; background:url(images/rmffm.jpg) no-repeat; margin:10px auto;}

/*----------------------------------------- Deklaracja styli sekcji g³ównej treci strony --------------------------------------------------------------*/
.name-unit1 {margin:15px 0 0 20px; padding:20px 20px 20px 3px; font-weight:normal; background:url(images/czym_zaj.jpg) no-repeat; font-size:15px;}
.name-unit2 {margin:15px 0 0 20px; padding:21px 20px 20px 3px; font-weight:normal; background:url(images/kontakt.jpg) no-repeat; font-size:15px;}
.name-unit3 {margin:15px 0 0 20px; padding:21px 20px 20px 3px; font-weight:normal; background:url(images/galeria.jpg) no-repeat; font-size:15px;}
.name-unit {padding:20px 20px 20px 20px; font-weight:bold; text-transform: uppercase; font-size:15px;}

h5 {font-size:7px; color:#999; text-transform: uppercase;  font-family:Tahoma;}
h4.wn {font-size:7px; color:#ba9a80; text-transform: uppercase; padding:40px 0 20px 18px; font-family:Tahoma;}
h4.gk {font-size:7px; color:#ba9a80; text-transform: uppercase; padding:30px 0 20px 15px; font-family:Tahoma;}
h4.rf {font-size:7px; color:#ba9a80; text-transform: uppercase; padding:30px 0 20px 15px; font-family:Tahoma;}

.texts {padding:0 20px 20px 20px; font-size:11px; color:#333;}
.img {width:120px; height:70px; background:#eee; float:left; margin:0 20px 0 0;}
.tresc {margin:0 0 0 0; text-align:justify;}

.kolumna1 {width:145px; height:auto; float:left; border-right:1px #eee solid; }
.kolumna2 {width:145px; height:auto; float:left; padding:0 0 0 20px; border-right:1px #eee solid;}
.kolumna3 {width:160px; height:auto; float:left; padding:0 0 0 20px; }

.gimg1 {width:100px; height:50px; background:#eee; float:left; margin:15px 15px 0 0;}
.gimg2 {width:100px; height:50px; background:#eee; float:left; margin:0px 15px 15px 0;}
div.bold {line-height:50px;}

/*----------------------------------------- Deklaracja styli sekcji bannerowej ------------------------------------------------------------------------*/
#banner-space {width:542px; height:186px; background:url(images/banner-space.jpg) no-repeat; vertical-align:top;}
#banner {margin:2px 0 0 3px;}

/*----------------------------------------- Deklaracja styli dla efektów tekstowych -------------------------------------------------------------------*/
.centre {margin:0 auto; text-align:center;}
.bold {font-weight:bold; color:#888;}

/*----------------------------------------- Deklaracja styli dla stopki ----------------------------------------------------------------------------------*/
.copy {font-size:10px; color:#666; margin:10px auto;}
.realized {font-size:9px; color:#777; margin:5px auto;}
.footer-section {position:static; border-bottom:1px #eee solid; margin:23px 0 0 0px;} 
.tresc-foot {margin:0 auto; text-align:center;}

/*--------- styl dla grafik----------*/
img.galery {border:2px solid #B4B2B2;}
img.ref {border:1px solid #B4B2B2;}

/*----------- td'ki do galerii---------*/
td.gal {text-align:center;}
