body { font-family: Verdana, Arial, Serif; 
             font-size: 0.9em; margin: 0; background-color: #fff;}
img { border: 0px; } 

#all {  background: url(images/back1.jpg) repeat-y; width: 771px; margin:0 auto; padding:0px; overflow: hidden; }
#top { background: url(images/top.jpg) no-repeat; width: 771px; height: 263px; float: left;  }
#bottom { background: url(images/bottom.jpg) no-repeat; width: 771px; height: 18px; float: left; }

/* Menu górne */
#topmenu { background: url(images/topmenu.jpg) no-repeat; width: 771px; height: 73px; float: left; position:relative; }
#topmenu a { position:absolute; top:5px; height:50px; } 
a#ofirmie { width:130px; left:12px; } 
a#oferta { width:138px; left:152px; } 
a#portfolio { width:145px; left:304px; } 
a#kontakt { width:122px; left:460px; } 
a#home { width:165px; left:590px; } 

#content { width: 594px; float: left; }
#pakiety { background: url(images/c_pakiety.jpg) no-repeat; width: 588px; height: 51px; float: left; }
#drukiuzytk { background: url(images/c_drukiuzytk.jpg) no-repeat; width: 588px; height: 51px; float: left; }

/* Top na podstronach */
#top-logo { background: url(images/c_logo.jpg) no-repeat; width: 588px; height: 51px; overflow:hidden; }
#top-plakaty { background: url(images/c_plakaty.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-kalendarze { background: url(images/c_druki_uzytkowe.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-ulotki { background: url(images/c_ulotki.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-papier { background: url(images/c_papier.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-projektowanie { background: url(images/c_projektowanie.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-zamowienie { background: url(images/c_zamowienie.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-starter { background: url(images/starter.jpg) no-repeat; width: 264px; height: 42px; margin: 20px 0 0 25px; }
#top-brazowy { background: url(images/brazowy.jpg) no-repeat; width: 264px; height: 42px; margin: 20px 0 0 25px; }
#top-srebrny { background: url(images/srebrny.jpg) no-repeat; width: 264px; height: 42px; margin: 20px 0 0 25px; }
#top-zloty { background: url(images/zloty.jpg) no-repeat; width: 264px; height: 42px; margin: 20px 0 0 25px; }
#top-platynowy { background: url(images/platynowy.jpg) no-repeat; width: 264px; height: 42px; margin: 20px 0 0 25px; }
#top-jakzamowic { background: url(images/c_jakzamowic.jpg) no-repeat; width: 288px; height: 51px; float:left; }
#top-najnowszar { background: url(images/c_najnowszar.jpg) no-repeat; width: 288px; height: 51px; float:left; }
#top-ofirmie { background: url(images/c_ofirmie.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-najnowszar2 { background: url(images/c_najnowszar.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }
#top-kontakt { background: url(images/c_kontakt.jpg) no-repeat; width: 288px; height: 51px; overflow:hidden; }

/* elementy boczne */
#side { width: 177px; float: left;}
#side-projekty-top {  background: url(images/s_projekty.jpg) no-repeat;  width: 177px; height:16px; margin:0; float: left; }
#side-projekty {  background: url(images/s_projekty_back.jpg) repeat-y;  width: 177px; padding: 0 0 0 12px; margin:0; float: left; }
#rotator { width:150px; padding-bottom:10px; overflow: hidden; text-align:center; }
#side-starter {  background: url(images/s_starter.jpg) no-repeat;  width: 177px; overflow:hidden;
	height:298px; float: left; font-size:0.6em;  font-family: Tahoma, Arial, Serif; line-height: 1.3em;  }
#side-starter-content { padding:18px 15px 10px 15px; font-size:1.2em; line-height:1.3em; }

/* Menu boczne */
#side-menu {  background: url(images/s_menu.jpg) no-repeat;  width: 177px; height:222px; margin-bottom:15px; 
	float: left; position:relative; overflow:hidden; }
#side-menu a { position:absolute;  } 
a#plakaty { width:155px; left:12px; height:34px; top:15px; } 
a#kalendarze { width:155px; left:12px; height:30px; top:50px; } 
a#ulotki { width:155px; left:12px; height:30px; top:80px; } 
a#papier { width:155px; left:12px; height:30px; top:110px; } 
a#projektowanie { width:155px; left:12px; height:60px; top:140px; } 

#button-side-order {width:140px; height:25px; display:block; left:15px; top:265px;position:relative;}
#button-side-projects {background: url(images/button_projekty.jpg) no-repeat; width:176px; height: 27px; 
		display:block; overflow:hidden; margin-bottom:10px; }

/* elementy zawartości */
.slupki {  margin:15px 0 15px 22px; float: left;}
#c-brazowy {  background: url(images/c_top_brazowy.jpg) no-repeat;  width: 139px; height:30px; float: left;}
#c-srebrny {  background: url(images/c_top_srebrny.jpg) no-repeat;  width: 139px; height:30px; float: left;}
#c-zloty {  background: url(images/c_top_zloty.jpg) no-repeat;  width: 139px; height:30px; float: left;}
#c-platynowy {  background: url(images/c_top_platynowy.jpg) no-repeat;  width: 139px; height:30px; float: left;}
#c-grafika {  background: url(images/c_top_grafika.jpg) no-repeat;  width: 185px; height:49px; float: left; margin:15px 0 0 0;}
#c-kalendarze {  background: url(images/c_top_kalendarze.jpg) no-repeat;  width: 185px; height:49px; float: left; margin:15px 0 0 0;}
#c-plakaty {  background: url(images/c_top_plakaty.jpg) no-repeat;  width: 185px; height:49px; float: left; margin:15px 0 0 0;}
.c-back1 {  background: url(images/back3.jpg) repeat-y;  width: 555px;  float: left; }
.c-back2 {  background: url(images/back4.jpg) repeat-y;  width: 588px;  float: left; }
.p { overflow:hidden; }
.details { text-align: right; font-weight: bold; font-size:0.75em; letter-spacing: -1px; padding:10px 10px 20px 0;}
.c-pkt {  background: url(images/c_pkt.jpg) no-repeat;  width: 84px; min-height:20px; padding:0 0 0 20px; 
	font-weight:bold; float: left; overflow:hidden;}
.cena {  width: 70px; min-height:20px; font-weight:bold; color:#CF2F2C; font-size:1.4em; text-align:left; float: left; }
.c-bottom1 {  background: url(images/c_bottom1.jpg) no-repeat;  width: 588px; height:15px; float: left; }
.c-bottom2 {  background: url(images/c_bottom2.jpg) no-repeat;  width: 588px; height:15px; float: left; margin:0 0 15px 0;}
.c-content { margin:15px 10px 0px 20px; width:540px; }
.c-content1 { margin-left:12px; margin-right:5px; width:110px; float:left; padding:0 5px; font-size:0.6em;  font-family: Tahoma, Arial, Serif; line-height: 1.3em; }
.c-content2 { width:184px; float:left; }
.tor { padding-left:8px; }
#photo1div { height:275px; width:328px; text-align:center; margin:0; padding:0; position:relative; float:left; z-index:10}
#photo1 { position:absolute;left:233px;bottom:-14px; z-index:-1; margin:0; padding:0;  }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }
.b { font-weight: bold; }

a { color: #000; text-decoration: none; font-weight: bold; }
a:hover { color: #963434; }
a.u { color: #000; text-decoration: none; font-weight: bold; border-bottom: 1px solid #000; }
a.u:hover { color: #963434; border-bottom: 1px solid #963434; }
a.u2 { color: #777; text-decoration: none; font-weight: normal; border-bottom: 1px solid #777; }
a.u2:hover { color: #963434; border-bottom: 1px solid #963434; }

h2 {padding:0; margin:0; }

/* Galeria , LightBox */
.gallery { overflow:hidden; margin-bottom:15px; }
.gallery div { margin:5px 10px 5px 10px; float:left; text-align:center;}

