input{
	font-family: verdana;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

textarea{
	font-family: verdana;
	font-size: 10px;
	width: 300px;
	height: 100px;
	border: 1px solid #CCCCCC;
}

body{
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url("img/bg.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

div{
	font-size: 11px;
	font-family: verdana;
	text-align: left;
}

table{
	font-size: 11px;
	font-family: verdana;
}

img{
	border-width: 0px;
}

#container{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#top_logo{
	background-color: #FFFFFF;
}

#top_logo img{
	margin: 5px 5px 5px 5px;
	background-color: #FFFFFF;
}


#top_pasek1{
	background-color: #99200B;
	text-align: right;
	width: 700px;
	height: 5px;
}

#top_baner{
	height: 130px;
}

#top_pasek2{
	width: 700px;
	background-color: #C0A161;
	background-image: url('img/tlo_pasek2.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}

#top_pasek2_gadzety{
	width: 700px;
	background-color: #C0A161;
	background-image: url('img/tlo_pasek2_gadzety.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}

#top_pasek2_promocje{
	width: 700px;
	background-color: #C0A161;
	background-image: url('img/tlo_pasek2_promocje.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}

#top_pasek2_poligrafia{
	width: 700px;
	background-color: #C0A161;
	background-image: url('img/tlo_pasek2_poligrafia.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}

#content{
	float: left;
	width: 500px;
	_width: auto;
}


#content #title{
	text-align: right;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: verdana;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 500px;
	padding-right: 10px;
}

#main{
	width: 700px;
	background-image: url('img/menu_tlo.gif');
	background-repeat: repeat-y;
	background-color: #EEEEEE;
}

#main2{
	width: 700px;
	background-image: url('img/tlo_content.gif');
	background-repeat: no-repeat;
	background-position: top right;

}

#content p{
	text-align: justify;
}

#tresc{
	margin: 20px 20px 20px 20px;
}

#tresc p{
	font-size: 11px;
}

#menu{
	float: left;
	font-size: 10px;
	padding: 10px;
	line-height: 16px;
	width: 160px;
	_width: 180px;
}


a, a.active, a.visited{
	color: #99200B;
}

a:hover{
	text-decoration: none;
}

#footer{
	background-color: #99200B;
	clear: both;
	color: #FFFFFF;
	font-size: 10px;
	width: 700px;
	padding: 5px 0px;
	text-align: center;
}

#gadzety_topmenu{
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	font-size: 10px;
	margin-bottom: 5px;
	line-height: 14px;
}

#1praca{
	clear: both;
	text-align: justify;
	margin-bottom: 20px;
	width: 480px;
}

#1praca span{
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
	color: #99200B;

	font-family: arial;
	font-variant: small-caps;
	font-size: 14px;
	margin: 0 0 0 0;
}

#1praca div.data{
	margin-bottom: 10px;
	font-family: verdana;
	font-size: 11px;
	color: #777777;
}

#1praca img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#1zdjecie{
	clear: both;
	text-align: justify;
	margin-bottom: 20px;
}

#1zdjecie span{
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
	font-family: arial;
	font-size: 13px;
	font-variant: small-caps;
}

#1zdjecie div.data{
	margin-bottom: 10px;
	font-family: verdana;
	font-size: 11px;
	color: #777777;
}

#1zdjecie img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#1promocja{
	text-align: left;
	clear: both;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

#1promocja img{
	border: 1px solid #99200B;
	margin: 0px 0px 5px 5px;
	float: right;
}

#1promocja p.title{
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #99200B;

}

#1promocja p.code{
	font-family: verdana;
	font-size: 11px;
	color: #555555;
	margin: 0 0 0 0;
}

#1promocja p.description{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold
	margin: 20px 0 0 0;
	text-align: left;
}

#1promocja p.zadaj_pytanie{
	padding: 3px;
	border-bottom: 2px solid #C0A161;
	clear: both;
}

#1promocja p.zadaj_pytanie a{
	font-size: 10px;
}

.top{
	margin: 0 0 3 0;
	clear: both;
	text-align: right;
}

span.red{
	color: #DD0000;
	font-weight: bold;
	font-size: 13px;
}

table.table_poligrafia tr.header{
	font-weight: bold;
	font-size: 12px;
}

table.table_poligrafia{
	font-family: verdana;
	font-size: 11px;
	margin-bottom: 20px;
	width: 520px;
}

table.table_poligrafia td{
	border: 1px solid #555555;
	background-color: #FFFFFF;
	vertical-align: top;
}

table.table_poligrafia td.lock{
	width: 95px;
}

table.table_poligrafia td span.brown{
	color: #8B7011;
	font-weight: bold;
}

#gallery_table{
	font-family: verdana;
	font-size: 11px;
	width: 480px;
}

#gallery_table td{
	width: 33%;
	text-align: center;
	vertical-align: top;
	border: 1px solid #DDDDDD;
	padding: 5px;
}

#gallery_table td span{
	display: block;
	font-family: arial;
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

#gallery_table td p{
	text-align: left;
	margin-top: 0px;
}

ul.tree {
  display: block;
  margin-left: 0;
  padding-left: 0;
}

ul.tree ul {
  display: block;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ul.tree li {
  display: block;
  list-style-type: none;
  padding-left: 18px;
  background-image: url("document.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 0px;
}

ul.tree li a {
  text-decoration: none;
  cursor: pointer;
}

ul.tree li a.active {
  font-weight: bold;
}

ul.tree li a:hover {
	color: #CC0000;
}

#aktualnosci{
	display: block;
	margin-bottom: 50px;
}

#aktualnosci h2{
	font-size: 16px;
	margin-bottom: 3px;
	color: #99200B;
}

#aktualnosci h3{
	font-size: 13px;
	margin-top: 0px;
	padding-top: 3px;
	border-top: 2px solid #99200B;
	color: #C0A161;
}

#aktualnosci p{
	text-align: justify;
}

#aktualnosci ul{
  margin-top: 5px;
  margin-bottom: 10px;
}

#aktualnosci ul li{
	color: #555555;
  display: block;
  list-style-type: none;
  padding-left: 18px;
  background-image: url("img/dot3.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 0px;
	font-size: 10px;
}

#aktualnosci ul li ul{
	margin-left: 0px;
	padding-left: 0px;
}

#aktualnosci ul li ul li{
  display: block;
  list-style-type: none;
  padding-left: 18px;
  background-image: url("img/dot4.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 0px;
	font-size: 10px;
}

#aktualnosci #poprzednie{
	border: 1px solid #99200B;
	background-color: #DDDDDD;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#aktualnosci #poprzednie p{
	padding: 5px;
	background-color: #99200B;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}

#aktualnosci #poprzednie img{
	margin: 5px 5px 5px 5px;
	display: block;
}

#aktualnosci #kontakt{
	clear: both;
	display: block;
	border-top: 1px solid #C0A161;
	border-bottom: 2px solid #C0A161;
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: right;
}

#aktualnosci-wydane{
	display: block;
	margin-bottom: 50px;
}

#aktualnosci-wydane h2{
	font-size: 16px;
	margin-bottom: 3px;
	color: #99200B;
}

#aktualnosci-wydane h3{
	font-size: 13px;
	margin-top: 0px;
	padding-top: 3px;
	border-top: 2px solid #99200B;
	color: #C0A161;
}

#aktualnosci-wydane p{
	text-align: justify;
}

#aktualnosci-wydane ul{
  margin-top: 5px;
  margin-bottom: 10px;
}

#aktualnosci-wydane ul li{
	color: #555555;
  display: block;
  list-style-type: none;
  padding-left: 18px;
  background-image: url("img/dot3.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 0px;
	font-size: 10px;
}

#aktualnosci-wydane ul li ul{
	margin-left: 0px;
	padding-left: 0px;
}

#aktualnosci-wydane ul li ul li{
  display: block;
  list-style-type: none;
  padding-left: 18px;
  background-image: url("img/dot4.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 0px;
	font-size: 10px;
}

#aktualnosci-wydane #widok{
	border: 1px solid #99200B;
	background-color: #DDDDDD;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#aktualnosci-wydane #widok p{
	padding: 5px;
	background-color: #99200B;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
}

#aktualnosci-wydane #widok img{
	margin: 5px 5px 5px 5px;
}

#aktualnosci-wydane #kontakt{
	clear: both;
	display: block;
	border-top: 1px solid #C0A161;
	border-bottom: 2px solid #C0A161;
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: right;
}

.box{
	width: 480px;
}

.box tr{
	text-align: center;
}

.box tr td{
	border: 1px solid #E0E0E0
	font-size: 10px;
	vertical-align: bottom;
}

.box tr td .title{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #99200B;
	text-align: left;
}

.box tr td p{
	margin-top: 3px;
}

.box tr td .zadaj_pytanie{
	padding: 3px;
	text-align: center;
	clear: both;
	display: block;
}

.box tr td .zadaj_pytanie a{
	font-size: 10px;
}

.box tr td img{
	display: block;
}

.produkt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #AAAAAA;
	text-align: center;
	vertical-align: top;
	position: relative;
	width: 240px;
}

.produkt #tytul{
	font-weight: bold;
	text-align: left;
	padding: 5px;
	margin: 0 0 0 0;
	height: 30px;
	text-align: center;
}

.produkt a img{
	width: 120px;
	height: 120px;
}

.produkt #opis #info{
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 0;
	display: block;
}

.produkt #opis{
	text-align: left;
	padding: 5px;
	margin: 0 0 0 0;
	height: 100px;
	overflow: auto;
}

.produkt #pyt{
	padding: 5px;
	background-color: #DDDDDD;
	margin: 5px 0 0 0;
	text-align: center;
}

#kalendarze{
	width: 480px;
}

.kalendarze p{
	margin-bottom: 5px;
}

#kalendarze #opis{
	float: left;
	margin-bottom: 10px;
	padding: 5px;
}

#kalendarze #specyfikacja{
	padding: 5px;
	float: left;
	clear: left;
	width: 300px;
	margin-bottom: 10px;
	margin-right: 5px;
}

#kalendarze #specyfikacja p{
	text-align: left;
	margin-top: 0px;
}

#kalendarze #cennik{
	float: left;
	width: 170px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 5px;
}

#kalendarze #hot_opis{
	padding: 5px;
	clear: both;
	color: #99200B;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 10px 10px;
}

#kalendarze #galeria{
	padding: 5px;
	display: block;
	clear: both;
	text-align: center;
	width: 480px;	
}

#kalendarze h3{
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #99200B;
	text-align: left;
}

#kalendarze #opis h3{
	font-size: 15px;
}

#kalendarze img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#kalendarze #galeria img{
	float: none;
	margin: 1px 1px;
	width: 30%;
}

#kalendarze #galeria div{
	text-align: center;
}

#kalendarze #galeria div span{
	width: 30%;
	text-align: left;
	font-size: 10px;
	color: #555555;
}

#kalendarze #galeria #img_galeria{
	width: 430px;
}

#kalendarze #galeria #img_galeria li{
	float: left;
	text-align: left;
	margin: 1px 1px;
}

#kalendarze #galeria #img_galeria li img{
	float: left;
	width: auto;
}

#kalendarze #galeria #img_galeria li span{
	clear: left;
	font-size: 10px;
	color: #555555;
}

div.realizacja{
   margin: 10px 0px;
}

div.realizacja div.title{
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   color: #99200B;
}

div.realizacja div.image{
   float: left;
   margin: 0px 5px 5px 0px;
}

div.realizacja div.description{
   float: left;
   width: 300px;
}