* { margin: 0; padding: 0; }
ul, li { list-style: none; padding: 0; margin: 0; }

body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #E0E0E0;
  background: #1E1E1E url(../g/naglowek.jpg) top center no-repeat;

}

a img {
  border: 0;
}

a {
  text-decoration: none;
	color: #C4FF05;
}

a:hover {
  text-decoration: underline;
}

#kontener {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

#naglowek {
  height: 161px;
  width: 100%;
  float: left;
}

#naglowek h1{
  padding-left: 640px;
  margin-top: 35px;
}
#naglowek p {
  margin: 35px 0 0 640px;
}

/* Nawigator
------------------------------------------------------------------------------*/
#nawigator {

  width: 191px;
  height: 120px;
  color: #1499d0;
 /* color: #C4FF05;*/
  float: left;

}

#nawigator h1,
#nawigator h2,
#nawigator h3 {
  font-size: 18px;
  font-weight: normal;
}



#ukryte{

  width: 191px;
  height: 120px;
  color: #C4FF05;
  float: left;


}

div.jedenPoziom {
  /*background: left url(../g/jeden_poziom.jpg) no-repeat;*/
}

div.dwaPoziomy {
  /*background: url(../g/dwa_poziomy.jpg);*/
}

#nawigator h1,
#nawigator h2.h1 {
  text-align: right;
  width: 175px;
  height:30px;
  padding: 5px 10px 0 5px;
  margin-left: 0px;
  margin-top:15px;
    margin-bottom:-5px;
	font-size: 14px;
	line-height: 23px;

	  background:#0a0a0a;
	  
	  
}

#nawigator h2 {
  text-align: center;
  font-size: 18px;
  font-size: 17px;
	height: 37px;
	line-height: 32px;
	margin-left: 57px;
	text-align: center;
	width: 132px;
	overflow: hidden;
}

#nawigator h2.dwa {
  font-size: 15px;
  line-height: 0.9;
  margin: 3px 0 0 57px;
}

div#nawigator h2 span {
	font-size: 13px;
}

/* Menu
------------------------------------------------------------------------------*/


# pojemnik{

}

#menu{
width:462px;
 z-index: 100;
position:absolute;
left:50%;
top: 0px;
margin-top: 158px;
margin-left:-231px;
padding:0px;
list-style:none;

}


#menu li {

  float: left;
  width: 115px;
  height: 17px;
 /*border-right: solid 1px #B4B4B4;*/
  text-align: left;
  
}

#menu li a.glowny  {
 background: #1E1E1E url(../images/menu.png) no-repeat scroll top left;
height:33px;
position:relative;

  color: #B4B4B4;
  padding:25px 0 0 0;
  line-height: 14px;
  display: block;
  text-decoration: none;
  text-align: center;
 font-weight:500;
}

#menu li a {
  color: #B4B4B4;
  line-height: 14px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight:590;
}


ul#menu li a  span {
background: #1E1E1E url(../images/menu.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:33px;
width:100%;
z-index:100;
padding:25px 0 0 0;
}

#menu li a:hover,
#menu li a:focus {
	color: white !important;
  	border: none;
}
#menu li ul .first {
  margin-top:0px
}
#menu li.ostatni {
  border: none;
}

#menu li ul {
  position: absolute;
  padding: 0px 0 0 0px;
  background: #000;
  /*border: solid 1px #545454;*/
  margin-left: 0px;
  width: 115px;
  display: none;
}

#menu li ul li {
  border: none;
  /*border-bottom: solid 1px #545454;*/
  font-size: 16px;
  text-align: center;
  padding: 0 0 0 0px;
  height: 24px;
  background: #80b002;
	width: 115px;
}

#menu li ul li a {
	font-size:12px;
	border: none;
  color:black !important;
  text-align: center;
  padding: 4px 0;
}
#menu li ul .parzysty {
	border: none;
  background-color: #a7e603;
}

#menu li ul #podwojny {
	border: none;
  background-color: #a7e603;
  height:40px;
} 
#menu li #jeden {
width:115px;
}
#menu li #dwa {
width:115px;
background-position:-115px 0px;
}
#menu li a#trzy{
width:115px;
background-position:-229px 0px;
}
#menu li a#cztery{
width:115px;
background-position:-345px 0px;
}

#menu li a#jeden span{
width:115px;
background-position: 0px -58px;
}
#menu li a#dwa  span{
width:115px;
background-position:-115px -58px;
}
#menu li a#trzy span{
width:115px;
background-position:-229px -58px;
}
#menu li a#cztery span{
width:115px;
background-position:-345px -58px;
}

#menu li a span:hover {
cursor:pointer;
}

/* Menu boczne
----------------------------------------------------------------------------- */
#menu-bok {
	float: left;
	margin: -5px 0 0 0px;
	display: inline;
}

#menu-bok li a {
	color: #e4e3e3;
	display: block;
	font-size: 12px;
	width: 175px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background: #2c2c2c;
	margin-bottom: 5px;
	text-align: right;
}

#menu-bok li a span {
	display: inline;
	font-size: 9px;

}

#menu-bok li a:hover,
#menu-bok li a:focus {
	text-decoration: none;
	color: #1499d0;
	/*color: #C4FF05;*/
	background: #454545;
}

#menu-bok li.format a:hover,
#menu-bok li.format a:focus {
	text-decoration: none;
	color:#ec008c;
	/*color: #C4FF05;*/
	background: #454545;
}

#menu-bok li.pierwszy a {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
}

#menu-bok li.ostatni a {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
}

#menu-bok li.podmenu {
	width: 175px;
	padding-right: 40px;
	margin-top:-5px;
	margin-bottom:5px;
	height: 20px;
}
#menu-bok li.podmenu a {
	color: #1499d0;
	display: block;
	font-size: 11px;
	width: 175px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background: #052934;
	margin-bottom: 5px;
	text-align: right;
}

#menu-bok li.podmenu a:hover,
#menu-bok li.podmenu a:focus {
	color: #56c2fb;
	display: block;
	font-size: 11px;
	width: 175px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background: #052934;
	margin-bottom: 5px;
	text-align: right;
}


#menu-bok li.podmenuw {
	width: 175px;
	padding-right: 40px;
	margin-top:-5px;
	margin-bottom:5px;
	height: 20px;
}
#menu-bok li.podmenuw a {
	color: #e00086;
	display: block;
	font-size: 11px;
	width: 175px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background: #340533;
	margin-bottom: 5px;
	text-align: right;
}

#menu-bok li.podmenuw a:hover,
#menu-bok li.podmenuw a:focus {
	color: #f328a1;
	display: block;
	font-size: 11px;
	width: 175px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background: #340533;
	margin-bottom: 5px;
	text-align: right;
}

/* Stopka
----------------------------------------------------------------------------- */
#stopka {
  width: 960px;
  height: 36px;
  background: url(../g/stopka.gif);
  float: left;
  color: #B4B4B4;
  font-size: 10px;
  margin: 5px 0 10px;
}

#stopka ul {
  margin: 12px 0 0 95px;
}

#stopka ul li {
  float: left;
  padding: 0 25px;
  border-left: solid 1px #B4B4B4;
}

#stopka ul li.pierwszy {
  border: none;
}

#stopka a {
  color: #B4B4B4;
}

/* Podstrony
------------------------------------------------------------------------------*/
div.podstrona {
  width: 100%;
  float: left;
  position: relative;
  margin-top: -59px;
  padding-bottom: 15px;
  position: relative;
  z-index: 50;
}

/* Kontakt
------------------------------------------------------------------------------*/

#kontakt div.kolL {
  width: 200px;
  float: left;
  padding: 70px 0 0 50px;
}

#kontakt div.kolP {
  width: 462px;
  height: 500px;
  float: right;
  margin-right:50px;
  background: url(../g/kontakt.jpg) 80px -20px no-repeat;
}

#kontakt div.kolL p,
#kontakt div.kolL p a {
  color: #7F7F7F;
  font-size: 11px;
}


#kontakt div.kolP p {
  margin-top: 20px;
  font-size: 13px;
  color: #e605bf;
  
}

#kontakt div.kolP #biuro { 
 color: #7F7F7F;
  font-size: 12px;
}

#kontakt div.kolP p span {
  font-size: 12px;
  color: #7F7F7F;

}

#kontakt div.kolP p.ftp {
  font-size: 12px;

}

#kontakt div.kolP p.ftp a {
  font-size: 12px;
  color: #7F7F7F;
  display: block;
  background: url('../g/ftp.gif') no-repeat 110px 18px;
  padding-bottom: 20px;
}

#kontakt h2,
#kontakt h3,
#kontakt h4 {
  color: #B1FF11;
  font-weight: normal;
}

#kontakt h2 span,
#kontakt h4 span {
 
  color: #7F7F7F;
}
#kontakt h4 em {
  font-style:normal;
  font-size: 11px;
  color: #B1FF11;
}
#kontakt h2 {
  font-size: 14px;
  margin-top: 10px;

}

#kontakt h2 span {
  font-size: 14px;
}

#kontakt h3 {
  margin: 20px 0;
  font-size: 14px;
}

#kontakt h4 {
  font-size: 14px;
  margin: 10px 0;
}

#kontakt h4 span {
  font-size: 13px;
}

#kontakt h4 a {
  font-size: 13px;
  color: #B1FF11;
}

#kontakt h4.email {
  margin-top: 20px;
  font-size: 16px;
}

/* O nas
------------------------------------------------------------------------------*/
#onas {

  background: url(../g/onass.jpg) left top no-repeat;
}

#onas strong {
  font-size: 14px;
  color: #B1FF11;
}

#onas div.szary {
  background: #1E1E1E;
  color: #E0E0E0;
  text-align:center;
}

#onas div.waski {

  padding: 10px 5px 10px 15px;
  width: 456px;
  margin-left:-243px;
  position:relative;
  left:50%;
  text-align:justify;
}

#onas div.szeroki {
  padding: 15px 0 15px 15px;
  width: 945px;
  float: right;
}

#onas div.zapraszamy {
  width: 456px;
  margin: -20px auto 15px auto;
  padding: 10px 5px 10px 15px;
  background:  #1E1E1E;
  color: #E0E0E0;
  font-size: 16px;
  color: #B1FF11;
}

#onas div.zapraszamy  p{
  padding: 10px 5px 10px 15px;
  color: #E0E0E0;
  font-size: 15px;
  text-align: left;
  color: #B1FF11;
}
#onas div.zapraszamy a {
  color: #B1FF11;
}

#onas div.zapraszamy em {
font-style:normal;
font-size: 15px;
float:right;
  text-align:right;
  color: #B1FF11;
  text-align:justify;
}

#onas ul {
  margin-top: 2px;
}

#onas ul li {
  padding: 0 0 2px 17px;
  background: url('../g/kropka.gif') left 4px no-repeat;
}

/* Portfolio
----------------------------------------------------------------------------- */
#photos {
  float: right;
	margin-right: 60px !important;
	display: inline;
}

#photos span.r {
	position: absolute;
	background-image: url('../g/rogi_galeria_sprites.gif');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	display: block;
	overflow: hidden;
}

span.dP {
	bottom: -1px;
	right: -1px;
}

span.dL {
	bottom: -1px;
	left: -1px;
	background-position: -10px 0;
}

span.gP {
	top: -1px;
	right: -1px;
	background-position: 0 -10px;
}

span.gL {
	top: -1px;
	left: -1px;
	background-position: -10px -10px;
}

.samochody .overlay,
.samochody .panel-overlay {
  display: none !important;
}

/* Bł±d 404
----------------------------------------------------------------------------- */
#blad-404 div {
	padding: 150px 120px 80px;
	font-size: 16px;
}

#blad-404 h1 {
	font-size: 18px;
	margin-bottom: 20px;
}

/*Aktualnosci
---------------------------------------------------------------------------*/

#aktualnosci{
position:relative;
float:right;
background-color: #191817;
margin-top:-10px;
width:187px;
padding-bottom:0px;
height:370px;
}


#logo{
background: #191817 url('../g/aktualnosci.jpg') no-repeat;
height:50px;
width:187px;
position:absolute;
top:-50px;
}
#aktualnosci .data{
color: #C4FF05;
  font-size: 16px;
  font-weight: normal;
  margin-top:20px;
  margin-left:20px;
}

#aktualnosci div p{
  color:grey;
  font-size: 12px;
  font-weight: normal;
  margin-top:15px;
    margin-left:20px;
}

#aktualnosci div p a{
color:grey;
position:absolute;
right:0px;
text-align:right;
padding-right:0px;
margin-right:0px;
}
#aktualnosci #nawigacja{
margin-left:15px;
margin-top:10px;
}
#aktualnosci a img{
padding:0px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
}

#promocja{
position:absolute;
bottom:0px;
right:0px;
margin-top:20px;
width:187px;
height:146px;
padding-bottom:0px;
}

#ulotka{

width:787px;
height:484px;
background: url('../g/ulotka.jpg') no-repeat;
position:absolute;
top:20%;
left:20%;
color:red;ak
z-index:10000;
}

/*Baner-------------------------------------------------------------------------------------------------*/
#baner_f{
position:absolute;
left:0px;
top:-45px;
margin: 0 0 0 0;
}

/*Nowosci------------------------------------------------------------------------------------------------*/


#nowosci{
	position:relative;
	height: 100%;
	
}

.nowosci{
	min-height: 500px;
	height:100%;
	background: #1E1E1E;
	padding:0;
	width: 456px;
	margin-left:-223px;
	position:relative;
	left:50%;
}

#nowosci #tytul{
  color: #C4FF05;
  font-size: 16px;
  font-weight: normal;

}

/*Oferta------------------------------------------------------------------------------------------------*/


#tresc-oferta{

	float: right;
	margin-right: 60px;
	display: inline;
	margin-bottom:200px;
}
#tresc-oferta p{	
	position:absolute;
	right:50%;
	width:462px;
	margin: 100px -231px 0 0; 
	font-size: 16px;
	text-align: center;
}
			/*Oferta -Kalendarze--------------------------------------------------*/
#standard {
	margin-top:50px;
	width:950px;
	height:503px;
	background: url(../images/standard.png) top right no-repeat;
}
#plus {
	margin-top:50px;	
	width:950px;
	height:506px;
	background: url(../images/plus.png) top right no-repeat;
}
#classic {
	margin-top:50px;	
	width:950px;
	height:500px;
	background: url(../images/classic.png) top right no-repeat;
}
#maxi {
	margin-top:50px;
	width:950px;
	height:502px;
	background: url(../images/maxi.png) top right no-repeat;
}

#mini {
	margin-top:50px;
	padding-bottom:50px;	
	width:950px;
	height:561px;
	background: url(../images/mini.png) top right no-repeat;
}
#econo {
	margin-top:50px;	
	width:950px;
	height:556px;
	background: url(../images/econo.png) top right no-repeat;
}

#personaliz {
	margin-top:50px;	
	width:950px;
	height:556px;
	background: url(../images/personaliz.png) top right no-repeat;
}

#magda {
	margin-top:50px;	
	width:950px;
	height:556px;
	background: url(../images/magda.png) top right no-repeat;
}

#justyna {
	margin-top:50px;	
	width:950px;
	height:556px;
	background: url(../images/justyna.png) top right no-repeat;
}

#kalendarze_cennik {

position: absolute;
left:759px;
top:-35px;
width:191px;
height:86px;
background: url(../images/download.png);


}

#kalendarze_cennik_fixed {

position: absolute;
left:758px;
top:-35px;
width:192px;
height:86px;
background: #353535 url(../images/download.png);
}


#kalendarze_cennik_classic {

position: absolute;
left:760px;
top:-35px;
width:190px;
height:86px;
background: url(../images/download.png);
}

#kalendarze_cennik_personaliz {

position: absolute;
left:757px;
top:-35px;
width:181px;
height:86px;
background: url(../images/download.png);
}


#kalendarze_cennik_magda {

position: absolute;
left:759px;
top:-35px;
width:180px;
height:86px;
background: url(../images/download.png);
}

#kalendarze_cennik_justyna {

position: absolute;
left:754px;
top:-35px;
width:185px;
height:86px;
background: url(../images/download.png);
}

#kalendarze_cennik_fixed_first{

position: absolute;
left:758px;
top:-35px;
width:192px;
height:55px;
background: url(../images/download2.png);
}
#kalendarze_cennik_fixed_double {

position: absolute;
left:758px;
top:20px;
width:192px;
height:55px;
background: url(../images/download2.png);
}
#kalendarze_cennik_spiro {

position: absolute;
left:758px;
top:-35px;
width:192px;
height:116px;
background: url(../images/spiro.png);
}

.kalendarze_cennik:hover {
text-decoration:none;

}

.kalendarze_cennik span {
position:relative;
left:60px;
top:12px;
color:#1b7192;
font-family:verdana;
font-size:11px;
}


.kalendarze-srodek{	
	position:absolute;
	right:50%;
	width:334px;
	margin: 0 -217px 0 0; 
	text-align: left;

}


.kalendarze-srodek h2 {
margin-left:-20px;
width:331px;
height:33px;
background: url(../images/podklad.png) center no-repeat;
padding-top:10px;
padding-left:40px;
color:#00aeef;
font-size:17px;
font-weight:500;
}

.kalendarze-srodek h2 em{
font-style:normal;
font-size:12px;
}


.kalendarze-srodek p {
margin-left:25px;
}
.kalendarze-srodek  .szare {
color:#959798;
text-align:right;
margin-bottom:20px;
}

.kalendarze-srodek  p em {
font-style:normal;
color:#00aeef;
}

.kalendarze-srodek  .do_prawej{
text-align:right;
}
.kalendarze-srodek  .do_srodka{
text-align:center;
}

/*Oferta Ciag dalszy 9.11.2011--------------------------------------------------------------*/

#wizytowki{
width:950px;
height:556px;
background: url(../images/wizytowki.png) 100% 56px no-repeat;
margin-top:40px;

}

#karty_biznes{
width:950px;
height:556px;
background: url(../images/karty_biznes.png) 100% 40px no-repeat;
margin-top:40px;

}

#teczki{
width:950px;
height:556px;
background: url(../images/teczki.png) 100% 30px no-repeat;
margin-top:40px;

}

#notesy{
width:950px;
height:556px;
background: url(../images/notesy.png) 100% 30px no-repeat;
margin-top:40px;

}

#firmowy{
width:950px;
height:556px;
background: url(../images/firmowy.png) 100% 30px no-repeat;
margin-top:40px;

}

#ulotki{
width:950px;
height:556px;
background: url(../images/ulotki.png) 100% 30px no-repeat;
margin-top:40px;

}

#spiralowane{
width:950px;
height:556px;
background: url(../images/spiralowane.png) 100% 30px no-repeat;
margin-top:40px;

}

.wysrodkowane {
text-align: justify;
}

.oferta-srodek{	
	
	width:440px;
	margin: -30px auto 0 260px; 
	text-align: left;

}
.oferta-srodek h2 {
z-index:999;
margin-left:-20px;
width:440px;
height:33px;
background: url(../images/podklad_dlugi.png) center no-repeat;
padding-top:10px;
padding-left:40px;
color:#00aeef;
font-size:17px;
font-weight:500;
}

.oferta-srodek p{	
padding: 20px 20px 5px 20px;
}
.oferta-srodek .mini{
font-size:11px;
}

.oferta-srodek .col_left{	
width:180px;
float:left;
margin-left:0px;
}

.oferta-srodek .col_right{	
width:180px;
float:right;
margin-right:0px;
}

.oferta-srodek em{
color:#00aeef;
font-size:14px;
font-style:normal;
}
.oferta-srodek .szare{
color:#959798;
}

.oferta-srodek h3 {
padding-left:20px;
margin-bottom:-15px;
color:#00aeef;
font-size:17px;
font-weight:500;
}


/*Oferta Wielki Format----------------------------------------------------------------------------------*/

#pusty{
width:950px;
height:556px;
background: url(../images/pusty.png) 100% 56px no-repeat;
margin-top:40px;

}

#format{
width:950px;
height:556px;
background: url(../images/format.png) 100% 56px no-repeat;
margin-top:40px;

}

.format-srodek{	
	
	width:440px;
	margin: -30px auto 0 260px; 
	text-align: left;

}

.format-srodek h2 {
z-index:999;
margin-left:-20px;
width:440px;
height:33px;
background: url(../images/podklad_dlugi.png) center no-repeat;
padding-top:10px;
padding-left:40px;
color:#ec008c;
font-size:17px;
font-weight:500;
}

.format-srodek p{	
padding: 20px 20px 5px 20px;
}
.format-srodek .mini{
font-size:11px;
}

.format-srodek .col_left{	
width:180px;
float:left;
margin-left:0px;
}

.format-srodek .col_right{	
width:180px;
float:right;
margin-right:0px;
}

.format-srodek em{
color:#ec008c;
font-size:14px;
font-style:normal;
}
.format-srodek .szare{
color:#959798;
}

.format-srodek h3 {
padding-left:20px;
margin-bottom:-15px;
color:#00aeef;
font-size:17px;
font-weight:500;
}
.format-srodek .tlusty{
font-weight:bold;
}

.color_wielki {
color:#ec008c!important;
}

#kalendarze_cennik_fixed_first_wielki {

position: absolute;
left:759px;
top:-35px;
width:191px;
height:86px;
background: #353535 url(../images/download_wielki.png);
}
#kalendarze_cennik_fixed_double_wielki {

position: absolute;
left:759px;
top:20px;
width:191px;
height:55px;
background: url(../images/download_wielki.png);
}

#kalendarze_cennik_first_wielki {

position: absolute;
left:758px;
top:-35px;
width:192px;
height:86px;
background: #353535 url(../images/download_wielki.png);
}
#kalendarze_cennik_double_wielki {

position: absolute;
left:758px;
top:20px;
width:192px;
height:55px;
background: url(../images/download_wielki.png);
}

.format{
  color:#ec008c;
}

/*Dialog-----------------------------------

.ui-dialog-titlebar {

background: red!important;
}*/