html, body{
  position:relative;
  margin:0;
  padding:0;
  height:100%;
  font-family:Verdana;
  font-size:11px;
 }
 
 a {
	text-decoration:none;
	color:black;
 }
 
 a img {
 border:none;
 }
 
/*   ### HEADER ###   */ 
 
 #header {
	position:relative;
	top:10px;
	height:97px;
	width:100%;
	margin:0 auto;
	background:url(gfx/headline.gif) repeat-x;
	z-index:100;
 }
 
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#top {
	position:relative;	
	margin:0 auto;
	width:758px;
	height:97px;
	letter-spacing:1.5px;
 }
 
#top > ul {
list-style-type:none;
position:relative;
float: left;
top:50px;
height:25px;
min-width:1px;
padding:0;
margin-left:0;
}

* html body #top ul {
list-style-type:none;
position:relative;
float:left;
top:50px;
height:25px;
min-width:10px;
padding:0;
margin-left:0;
}

* html body #top ul {width:1px;}

#top > ul > li > a {
	position:relative;
	display:block;
	height:27px;
 }
 
* html body #top ul li a {
	position:relative;
	display:block;
	height:20px;
	padding-bottom:7px;
	}


 #onas {	
	width:83px;	
	background:url(gfx/abouti.gif) no-repeat;
 }
 
 #studio {
	width:140px;
	background:url(gfx/graphici.gif) no-repeat;
 }
 
 #drukarnia {
	width:83px;
	background:url(gfx/printi.gif) no-repeat;
 }
 
 #wydawnictwo {
	width:118px;
	background:url(gfx/worki.gif) no-repeat;
 }
 
 #onas:hover {
	background:url(gfx/abouta.gif) no-repeat;
 }

 #studio:hover {
	background:url(gfx/graphica.gif) no-repeat;
 }

 #drukarnia:hover {
	background:url(gfx/printa.gif) no-repeat;
 }

 #wydawnictwo:hover {
	background:url(gfx/worka.gif) no-repeat;
 }
 
 .hide {
	display:none;
 }
 

.preloader {
	position:relative;
	width:1px;
	height:1px;
	border:1px solid white;
	overflow:hidden;
 }
 
html body #top .submenu {
	position:absolute;
	top:25px;
	text-align:center;
 }
 
 #top ul li ul li {
 position:relative;
 display:block;
 border:2px solid #fa8c00;
 border-top:none;
 margin:0;
 }

 #top ul li ul li a {
 position:relative;
 display:block;
 padding-top:5px;
 height:20px;
 background-color:white;
 }

* html body #header #top ul li ul li a {height:10px;}

	#top ul li ul li a:hover {
	background-color:#fa8c00;
	color:white;
	}
 
 #smenu1 li {
 left:-11px;
 }
 
 #smenu2 li {
 left:-2px;
 }
 
 #smenu3 li {
 left:-14px;
 }
 
 #smenu4 li {
 left:-2px;
 }
 
 #smenu5 li {
 left:-2px;
 }
 
 #smenu1 li a {
 width:75px;
 }
 
 #smenu2 li a {
 width:82px;
 }
 
 #smenu3 li a {
 width:90px;
 }
 
 #smenu4 li a {
 width:98px;
 }
 
 #smenu5 li a {
 width:123px;
 }
 
 #logoup {
 position:relative;
 left:100px;
 }
 
 #logo {
 position:absolute;
 left:630px;
 top:24px;
 }
 
* html body #header #logoup {left:80px;}
 
 
/*   ### CONTAINER ###   */

 #container {
	position:relative;
	top:10px;
	width:756px;
	min-height:420px;
	overflow:auto;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:40px;
	background-color:white;	
	z-index:0;
	border-left:1px solid #fef3e5;
	border-right:1px solid #fef3e5;
 }
 
*html body #container {height:420px;overflow:visible;}
 
 #container img {
 display:block;
 }
 
 #girl {
 margin-top:35px;
 float:left;
 }
 
 #reklama {
 margin-left:100px;
 margin-right:00px;
 width:195px;
 height:300px;
 float:right;
 text-align:right;
 padding-right:70px;
 font-family:Verdana;
 font-size:1.5em;
 font-weight:bold;
 color: #fa8c00;
 line-height:1.5em;
 }
 
* html body #reklama {margin-right:75px;}


 
 #news {
 position:relative;
 left:0px;
 font-size:10px;
 float:right;
 width:215px;
 margin-top:35px;
 margin-right:10px;
 padding-left:20px;
 border-left:1px solid #fef3e5;
 }
 
* html body #container #news {padding-left:0px; margin-right:22px; width:225px;}
 
  #conowego {
 position:relative;
 left:0px;
 margin-top:40px;
 float:right;
 margin-right:8px;
 } 
 
 #tytul {
 position:relative;
 width:100px;
 margin-left:0px;
 float:left;
 color:#fa8c00;
 font-weight:bold;
 letter-spacing:0.5px;
 }
 
* html body #container #news #tytul {margin-left:5px;}
 
 #data {
 width:85px;
 float:right;
 text-align:center;
 font-weight:bold;
 color:white;
 background-color:#fa8c00;
 letter-spacing:1px;
 }
 
 #news p {
 color:#494949;
 padding-top:10px;
 text-align:right;
 line-height:15px;
 letter-spacing:0.5px;
 }
 

 
 h1 {
 position:relative;
 margin-left:20px;
 }
 
 #lewastrona {
 position:relative;
 width:400px;
 padding:0 20px;
 float:left;
 }
 
 #container p {
 line-height:17px;
 text-indent:10px;
 color:#393939;
 }
 
 #container #prawastrona img {
 margin-top:150px;
 padding-left:80px;
 }
 
 #container #prawastrona iframe#mapka {
 margin-top:0px;
 padding:2px;
 border:1px solid #fa8c00;
 position:absolute;
 left:400px;
 }
 
 #adres {
 position:relative;
 line-height:1.5em;
 font-size:12px;
 left:0px;
 }
 
 #adres strong {
 color:#fa8c00;
 }
 
 .kontakty>li {
 position:relative;
 margin-top:15px;
 }
 
 .kontakty li ul{
 position:relative;
 left:00px;
 }
 
 .kontakty li ul {
 margin:20px 0px;
 }
 
 .kontakty li ul li {
 margin:10px 0px;
 }
 
 #container img.ggikonka {
 display:inline;
 margin-left:5px;
 }
 
 #container #lewastrona a {
 background-color:#FFEBD1;
 padding:0 2px;
 }
 
 #container #lewastrona a:hover {
 background-color:#fa8c00;
 color:white;
 }
 
 .lista li {
 list-style-type:circle;
 margin-top:5px;
 }
 
 #autoinfo {
 margin:30px 50px;
 }
 
 #lewastrona ul.ksiazki li img {
 padding:5px;
 margin:5px;
 margin-right:10px;
 border:1px solid #fa8c00;
 float:left;
 background:none;
 }
 
 #container #lewastrona ul.ksiazki li a {
 background:none;
 padding:0;
 }
 
 #lewastrona ul.ksiazki li {
 height:200px;
 }
 
 #lewastrona ul.ksiazki li span {
 top:125px;
 padding-top:550px;
 }
 
 #container .nomargin {
 margin-left:0;
 position:relative;
 text-indent:0;
 margin-top:40px;
 }
 
 #container .notopmargin {
 margin-top:0;
 }
 
 #container form { 
 position:relative;
 margin:none;
 padding:none;
 top:-20px;
 padding-bottom:-20px;
 margin-bottom:-20px;
 }
 
 #container #kontaktlabel {
 position:relative;
 top:3px;
 float:left;
 }
 
 #container #polekontaktu {
 display:block;
 width:20em;
 height:11em;
 }
 
 #container #kontaktlabel label {
 position:relative;
 margin-bottom:0.9em;
 display:block;
 }
 
 #container #kontaktinput {
 float:right;
 }
 
 #container textarea {
 display:block;
 margin-top:20px;
 }
 
 #container fieldset {
 border:none;
 }
 
 #container .szarykolor {
 color:grey;
 }
 
 #container .galeria a {
 padding:3px;
 margin:8px;
 border:1px solid #fa8c00;
 float:left;
 background:none;
 }
 
 #container .galeria a:hover {
 background-color:#fa8c00;
 }
 
 #container h1.clear {
 position:relative;
 padding-top:20px;
 clear:left;
 }
 

 
/*   ### FOOTER ###   */
 
 #footer {
	position:relative;
	top:0px;
	height:27px;
	width:100%;
	margin:0 auto;
	background:url(gfx/footline.gif) repeat-x;
 }
 
 #bottom {
 position:relative;
 left:35px;
 margin:0 auto;
 width:758px;
 height:27px;
 font-size:11px;
 font-weight:bold;
 color:white;
 }
 
 #bottom ul li {
 float:left;
 margin-right:18px;
 padding-top:6px;
 }
 
 #kmknazwa {
 color:#fa8c00;
 background-color:white;
 height:21px;
 padding-right:7px;
 padding-left:7px;
 }
 
 #bottom a {
 color:white;
 border-bottom:1px solid white;
 padding-bottom:1px; 
 }
 
* html body #bottom a {text-decoration:underline;}
 
  .lista2 li {
 margin-top:5px;
 }
 
  .lista3 li {
 list-style-type:circle;
 margin-top:5px;
 margin-left:30px;
 }
 
a#flag {
  position:absolute;
  width:35px;
  height:21px;
  background: url(gfx/flagPL.gif) no-repeat;
  top:53px;
  right:235px;
}

a#flag span {
display:none;
}

div#offer {
position:absolute;
right:20px;
}


 #wiphlogo {
 	position:absolute;
	top:370px;
	left:380px;
 }
 
#statuetka2 {
 	position:absolute;
	top:280px;
	left:020px;
 }