* {
	padding: 0px;
	margin: 0px;
}

html {
	font-family: Arial;
}

body {
	text-align: center;
	background-color: #161616;
}

img {
	border: 0px;
}

.clear {clear: both; font-size:1px; }

/* TOP */

#toptlo {
	background-image: url('images/pasek1.gif'); 
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 108px;
	background-color: #fff;
}

#top {
	margin: auto;
	width: 981px;
	height: 108px;
	position: relative;
}

#logo {
	position: absolute;
	top: 10px;
	left: 0px;
}

#topmenu {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 140px;
	height: 30px;
	font-size: 8px;
}

#topmenu #home {
	width: 11px;
	height: 10px;
	background-image: url('images/ico_home_off.gif');
	display: block;
	float: right;
}

#topmenu #home:hover {
	background-image: url('images/ico_home_on.gif');
}

#topmenu #add {
	width: 7px;
	height: 10px;
	background-image: url('images/ico_add_off.gif');
	display: block;
	float: right;
	margin-left: 20px;
}

#topmenu #add:hover {
	background-image: url('images/ico_add_on.gif');
}

#topmenu #map {
	width: 12px;
	height: 10px;
	background-image: url('images/ico_map_off.gif');
	display: block;
	float: right;
	margin-left: 20px;
}

#topmenu #map:hover {
	background-image: url('images/ico_map_on.gif');
}

#topmenu #email {
	width: 11px;
	height: 10px;
	background-image: url('images/ico_email_off.gif');
	display: block;
	float: right;
	margin-left: 20px;
}

#topmenu #email:hover {
	background-image: url('images/ico_email_on.gif');
}

#menu {
	position: absolute;
	bottom: 20px;
	right: 10px;
	font-size: 16px;
}

#menu a {
	text-decoration: none;
	color: #1d1d1d;
	margin-left: 45px;
}

#menu a:hover {
	color: #ED1C24;
}


/* BANNER */

#bannertlo {
	background-image: url('images/pasek2.gif'); 
	background-repeat: repeat-x;
	width: 100%;
	height: 296px;
	overflow: hidden;
}

#banner {
	overflow: hidden;
	height: 288px;
	position: relative;
}

#banner-wrapper {
	width: 981px;
	height: 288px;
	margin: auto;
	position: relative;
	overflow: hidden;
}

#boxofertamenu {
	overflow: hidden;
	height: 288px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: transparent;
	width: 250px;
}

#ofertamenu {

}

.omenu {
	width: 250px;
	height: 41px;
	display: block;
	text-decoration: none;
}

.omenu1 {background-image: url('images/menu1_off.gif');}
.omenu1on:hover, .omenu1:hover { background-image: url('images/menu1_over.gif'); }
.omenu1on { background-image: url('images/menu1_on.gif'); }

.omenu2 {background-image: url('images/menu2_off.gif');}
.omenu2on:hover, .omenu2:hover {background-image: url('images/menu2_over.gif');}
.omenu2on {	background-image: url('images/menu2_on.gif');}

.omenu3 {background-image: url('images/menu3_off.gif');}
.omenu3on:hover, .omenu3:hover {	background-image: url('images/menu3_over.gif'); }
.omenu3on {	background-image: url('images/menu3_on.gif');}

.omenu4 {background-image: url('images/menu4_off.gif');}
.omenu4on:hover, .omenu4:hover {	background-image: url('images/menu4_over.gif');}
.omenu4on {	background-image: url('images/menu4_on.gif');}

.omenu5 {background-image: url('images/menu5_off.gif');}
.omenu5on:hover, .omenu5:hover {	background-image: url('images/menu5_over.gif');}
.omenu5on {background-image: url('images/menu5_on.gif');}

.omenu6 { background-image: url('images/menu6_off.gif');}
.omenu6on:hover, .omenu6:hover {background-image: url('images/menu6_over.gif');}
.omenu6on {	background-image: url('images/menu6_on.gif');}

.omenu7 {background-image: url('images/menu7_off.gif');}
.omenu7on:hover, .omenu7:hover {background-image: url('images/menu7_over.gif');}
.omenu7on {background-image: url('images/menu7_on.gif');}

#bannercontent {
	width: 731px;
	height: 2304px;
	float: right;
}

.bannerbox {
	width: 730px;
	height: 288px;
	position: relative;
	color: #fff;
}

.bannerbox a {
	color:#005aab;
	text-decoration: none;
}

.bannerbox a:hover {
	text-decoration: underline;
}

#bannerg {
	background-image: url('images/bannerg.gif');
	background-repeat: no-repeat;
}

.twoja {
	position: absolute;
	top: 30px;
	right: 75px;
	font-size: 26px;
}

.danekontaktowe {
	position: absolute;
	top: 70px;
	right: 135px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}

#banner1 {
	background-image: url('images/banner1.gif');
	background-repeat: no-repeat;
}

.t1 {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 395px;
	height: 288px;
	text-align: left;
	font-size: 14px;
}

#banner2 {
	background-image: url('images/banner2.jpg');
	background-repeat: no-repeat;
}

#banner3 {
	background-image: url('images/banner3.gif');
	background-repeat: no-repeat;
}

#banner4 {
	background-image: url('images/banner4.gif');
	background-repeat: no-repeat;
}

#banner5 {
	background-image: url('images/banner5.gif');
	background-repeat: no-repeat;
}

#banner6 {
	background-image: url('images/banner6.gif');
	background-repeat: no-repeat;
}

#banner7 {
	background-image: url('images/banner7.gif');
	background-repeat: no-repeat;
}

.t2 {
	width: 380px;
}

.t4 {
	width: 440px;
}

.t5 {
	width: 370px;
}


.t1 p {
	padding-bottom: 6px;
	line-height: 25px;
}

.t1 ul {
	padding-left: 35px;
}

.t1 ul li {
	padding: 3px;
}

.tab {
	padding-left: 35px;
}

/* CONTENT */

#contenttlo {
	background-image: url('images/contenttlo.gif'); 
	background-repeat: repeat-x;
	width: 100%;
	min-height: 330px;
	height: auto!important;
	height: 330px;
	background-color: #fff;
}

#content {
	margin: auto;
	width: 981px;
	padding-top: 19px;
	text-align: left;
}

.box {
	width: 320px;
	min-height: 284px;
	height: auto!important;
	height: 284px;
	background-image: url('images/boxtlo.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #d7d7d7;
	margin-left: 10px;
	float: left;
	font-size: 14px;
	line-height: 22px;
}

.boxbig {
	width: 640px;
	min-height: 284px;
	height: auto!important;
	height: 284px;
	background-image: url('images/boxtlo.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #eeeeee;
	margin-left: 10px!important;
	margin-left:5px;
	float: left;
	font-size: 14px;
	line-height: 22px;
}

.headbig {
	background-repeat: no-repeat;
	width: 640px;
	height: 42px;
	font-size: 18px;
	color: #ed1c24;
}

.headbig span {
	padding: 8px 0px 0px 50px;
	display: block;
}


.ofeline {height: 1px; width: 96%; font-size: 0px; background-color: #737373; margin: 8px auto; }
.ofebox {padding-left: 160px; padding-right: 10px; background-repeat: no-repeat;}
#tlo_reklama_puchary {background-image: url('images/tlo_reklama_puchary.gif');}
#tlo_introligatornia {background-image: url('images/tlo_introligatornia.gif');}
#tlo_druk_cyfrowy {background-image: url('images/tlo_druk_cyfrowy.gif');}
#tlo_druk_offsetowy {background-image: url('images/tlo_druk_offsetowy.gif');}
#tlo_pieczatki {background-image: url('images/tlo_pieczatki.gif');}
#tlo_sitodruk {background-image: url('images/tlo_sitodruk.gif');}
#tlo_grawerowanie_laserem {background-image: url('images/tlo_grawerowanie_laserem.gif');}

.boxfirst {
	margin-left: 0px;
}

.boxtext, .boxtextkontakt {
	padding: 20px 10px 15px 10px;
}

.boxtext p {
	padding-bottom: 10px;
}

.boxtextkontakt {
	background-image: url('images/telefon.jpg');
	background-repeat: no-repeat;
	background-position: 420px 50px;
}

.boxtext ul {
	padding-left: 30px;
}

.boxtextkontakt table td {
	vertical-align: top;
	padding-right: 50px;
}

.boxtextkontakt a, .boxtext a {
	color: #005aab;
	text-decoration: none;
}

.boxtextkontakt a:hover, .boxtext a:hover {
	text-decoration: underline;
}

#mapastrony {
	line-height: 30px;
}

#mapastrony ul {
	list-style: none;
}

ul.mapamain li {
	background-image: url('images/pointer_red.gif');
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding-left: 16px;
}

ul.mapamain li a {
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}

ul.mapamain li a:hover {
	text-decoration: underline;
}

ul.mapasub {
	margin-top: 0px!important;
	margin-top: -17px;
	
}

ul.mapasub li {
	background-image: url('images/pointer_grey.gif');
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 10px;
}

ul.mapamain li.none {
	background-image: none;
}

#head_dlaczego_my { background-image: url('images/head_dlaczegomy.gif'); }
#head_wsparcie_techniczne { background-image: url('images/head_wsparcietechniczne.gif'); }
#head_oferta { background-image: url('images/head_oferta.gif'); }
#head_kontakt { background-image: url('images/head_kontakt.gif'); }
#head_mapa_strony { background-image: url('images/head_mapa_strony.gif'); }

.head {
	background-repeat: no-repeat;
	width: 320px;
	height: 42px;
	font-size: 18px;
	color: #ed1c24;
}

.head span {
	padding: 8px 0px 0px 50px;
	display: block;
}

.boxkontakt {
	background-image: url('images/kontakttlo.gif');
	background-repeat: no-repeat;
	height: 240px;
}

#head_pk { background-image: url('images/head_pk.gif'); }
#head_i { background-image: url('images/head_i.gif'); }
#head_e { background-image: url('images/head_e.gif'); height: 42px; }

.tablekontakt {
	font-family: Arial;
	font-size: 11px;
}

.tablekontakt input {
	border: 1px solid #9e9e9e;
	width: 176px;
	height: 18px;
	margin: 2px 0px!important;
	margin: 0px;
	font-size: 11px;
	font-family: Arial;
}

.tablekontakt textarea {
	border: 1px solid #9e9e9e;
	font-size: 11px;
	font-family: Arial;
	width: 176px;
	height: 59px;
	margin: 2px 0px!important;
	margin: 0px;
}

.tablekontakt .wyslij {
	background-image: url('images/wyslij.gif');
	background-repeat: no-repeat;
	width: 67px;
	height: 18px;
	background-color: transparent;
	border: 0px;
	margin: 0px 0px;
	cursor: pointer;
}

.tablekontakt .title {
	vertical-align: top;
	padding: 3px 5px 0px 0px;
	text-align: right;
}

/* FOOTER */

#footertlo {
	background-image: url('images/pasek3.gif'); 
	background-repeat: repeat-x;
	width: 100%;
	background-color: #161616;
}

#footer {
	width: 970px;
	height: 64px!important;
	height: 84px;
	padding-top: 20px;
	margin: auto;
	position: relative;
	text-align: left;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
}

#createdby {
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: right;
}

#footer a {
	color: #005aab;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#googlemapa {
	width: 550px;
	height: 350px;
	margin: auto;
	border: 1px solid #a1a1a1;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}


