body{
	font-family: Tahoma;
	color: #666;
	background-image: url("/upload/layout/www/bg.gif");
	background-repeat: repeat-y;
	background-position: top left;
	margin-top: 30px;
}

#wrapper{
	background-color: #fff;
}	

#main .inside{
	padding-left: 25px;
	margin-right: 30px;
	border-left: 1px #ccc solid;
}	

#header{
  height: 203px;
}

a{
  text-decoration: none;
  color: #3399cc;
}

a:hover{
  text-decoration: underline;
  color: #3399cc;
}

a.lightgreen{
  text-decoration: none;
  color: #cf6;
}

a.lightgreen:hover{
  text-decoration: underline;
  color: #cf6;
}

a.white{
  text-decoration: none;
  color: #fff;
}

a.white:hover{
  text-decoration: underline;
  color: #fff;
}  

#footer hr{
	margin: 8px 0 4px 0;
	border: none;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

#footer div.inside{
	float:right;
	margin-top: 15px;
	margin-bottom: 15px;
	color: grey;
	font-size: 8pt;
}

.invisible {
  display: none;
}

.pagination{
  text-align: center;
}

.pagination p, .pagination ul{
  margin: 0; 
  padding: 0;
}

.pagination li{
  display: inline;
  margin: 0; 
  padding: 0;
  list-style: none;
}

/* Podstrona - klienci */

#partnerzy table td{
  text-align: center;
  width: 25%;
  height: 65px;
}

#klienci table td{
  text-align: center;
  width: 25%;
  height: 65px;
}

/* Podstrona - kontakt */

#kontakt .submit_container{
  text-align: right;
  margin-right: 26px;
}

#kontakt input.text{
	width: 220px;
}	

#kontakt textarea{
  width: 300px;
  height: 150px;
} 

#kontakt label.mandatory{
  background: none;
  border: none;
  padding: 0;
}

/* Podstrona - media */

#main #media{
  background-image: url("/upload/layout/media/media.jpg");
  background-repeat: no-repeat; 
  background-position: top right;
}

#media .total{
	display: none;
}	

#media .image img{
  vertical-align: middle;
}

/* Podstrona - portfolio */

#main #portfolio{
  background-image: url("/upload/layout/portfolio/portfolio.jpg");
  background-repeat: no-repeat; 
  background-position: top right;
}

/* Nawigacja - główna */

#mainmenu{
  margin-top: 25px;
  margin-bottom: 40px;
  width: 870px;
  font-family: Verdana;
}

#mainmenu .invisible {
  display: none;
}

#mainmenu ul {
  padding: 0;
  margin: 0;
}

#mainmenu li {
  padding: 0;
  margin: 0;
  height: 20px;
  list-style: none;
  background-repeat: no-repeat;
}

#mainmenu li a, #mainmenu li a:visited, #mainmenu li span {
  display: block;
  text-decoration: none;
  text-indent: -2000px;
  height: 20px;
  background-repeat: no-repeat;
}

.o-nas {
	background-image: url(/upload/layout/www/onas_on.gif); 
	width: 148px;
}

.o-nas a {
	background-image: url(/upload/layout/www/onas_off.gif);
}

.oferta {
	background-image: url(/upload/layout/www/oferta_on.gif); 
	width: 170px;
}

.oferta a {
	background-image: url(/upload/layout/www/oferta_off.gif);
}

.klienci {
	background-image: url(/upload/layout/www/klienci_on.gif); 
	width: 174px;
}

.klienci a {
	background-image: url(/upload/layout/www/klienci_off.gif);
}

.portfolio {
	background-image: url(/upload/layout/www/portfolio_on.gif); 
	width: 207px;
}

.portfolio a {
	background-image: url(/upload/layout/www/portfolio_off.gif);
}

.kontakt {
	background-image: url(/upload/layout/www/kontakt_on.gif); 
	width: 171px;
}

.kontakt a {
	background-image: url(/upload/layout/www/kontakt_off.gif);
}

#mainmenu ul li a:hover {
	background: none;
}

#mainmenu li {
	float: left;
}

#mainmenu:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Nawigacja - drugiego poziomu */

.submenu ul {
  padding: 0 4px 0 0;
  margin: 0;
}

.submenu li {
  padding: 0 0 10px 0;
  margin: 0;
  list-style: none;
  text-align: right;
}

.submenu li.active {
  color: #3399cc;
}

.submenu a{
  text-decoration: none;
  color: #666;
}

.submenu a:hover{
  text-decoration: none;
  color: #3399cc;
}

/* Nawigacja - oferta */

#menu-oferta{
  width: 190px;
}

#menu-oferta .invisible {
  display: none;
}

#menu-oferta ul {
  padding: 0;
  margin: 0;
}

#menu-oferta li {
  padding: 0;
  margin: 0 19px 20px 0;
  height: 44px;
  list-style: none;
  background-repeat: no-repeat;
}

#menu-oferta li a, #menu-oferta li a:visited, #menu-oferta li span {
  display: block;
  text-decoration: none;
  text-indent: -2000px;
  height: 44px;
  background-repeat: no-repeat;
}

#menu-oferta .audyty-wizerunkowe-i-strategie-komunikacyjne {
  background-image: url(/upload/layout/oferta/menu/audyty_on.jpg); 
  width: 44px;
}

#menu-oferta .audyty-wizerunkowe-i-strategie-komunikacyjne a {
  background-image: url(/upload/layout/oferta/menu/audyty_off.jpg);
}

#menu-oferta .media-relations {
  background-image: url(/upload/layout/oferta/menu/media_on.jpg); 
  width: 44px;
}

#menu-oferta .media-relations a {
  background-image: url(/upload/layout/oferta/menu/media_off.jpg);
}

#menu-oferta .pr-produktu {
  background-image: url(/upload/layout/oferta/menu/pr_on.jpg); 
  width: 44px;
}

#menu-oferta .pr-produktu a {
  background-image: url(/upload/layout/oferta/menu/pr_off.jpg);
}

#menu-oferta .kampanie-i-konsultacje-spoleczne {
  background-image: url(/upload/layout/oferta/menu/kampanie_on.jpg); 
  width: 44px;
}

#menu-oferta .kampanie-i-konsultacje-spoleczne a {
  background-image: url(/upload/layout/oferta/menu/kampanie_off.jpg);
}

#menu-oferta .wydarzenia-specjalne {
  background-image: url(/upload/layout/oferta/menu/wydarzenia_on.jpg); 
  width: 44px;
}

#menu-oferta .wydarzenia-specjalne a {
  background-image: url(/upload/layout/oferta/menu/wydarzenia_off.jpg);
}

#menu-oferta .komunikacja-wewnetrzna {
  background-image: url(/upload/layout/oferta/menu/komunikacja2_on.jpg); 
  width: 44px;
}

#menu-oferta .komunikacja-wewnetrzna a {
  background-image: url(/upload/layout/oferta/menu/komunikacja2_off.jpg);
}

#menu-oferta .zarzadzanie-kryzysem-i-zmiana {
  background-image: url(/upload/layout/oferta/menu/zarzadzanie_on.jpg); 
  width: 44px;
}

#menu-oferta .zarzadzanie-kryzysem-i-zmiana a {
  background-image: url(/upload/layout/oferta/menu/zarzadzanie_off.jpg);
}

#menu-oferta .komunikacja-wizualna {
  background-image: url(/upload/layout/oferta/menu/komunikacja1_on.jpg); 
  width: 44px;
}

#menu-oferta .komunikacja-wizualna a {
  background-image: url(/upload/layout/oferta/menu/komunikacja1_off.jpg);
}

#menu-oferta .infobrokering {
  background-image: url(/upload/layout/oferta/menu/infobrokering_on.jpg); 
  width: 44px;
}

#menu-oferta .infobrokering a {
  background-image: url(/upload/layout/oferta/menu/infobrokering_off.jpg);
}

#menu-oferta ul li a:hover {
  background: none;
}

#menu-oferta li {
  float: left;
}