@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

body {
	background: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #009;
	background-image: url(images/backgrou.gif);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
img {
	border: none;
}

   /* ELEMENTY STRONY */
   
#strona {
	width: 900px;
	background-color: #fff;
	margin: 15px auto;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	border: 1px solid #9FD2DF;
}
#topstrony {
	color: #03c;
	width: 900px;
	float: left;
	padding: 0px;
	border: 0px solid #fff;
	height: 130px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	background-image: url(images/pasek01.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
#nawigacja {
	float: left;
	width: 900px;
	color: #0ff;
	padding: 0px;
	height: 50px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	background-image: url(images/pasek02.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
#zawartosc {
	color: #009;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	float: left;
	background-color: #fff;
	text-align: justify;
}
#pkolumna {
	float: right;
	color: #0ff;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 220px;
	display: inline;
 	background-color: #fff;
}
#stopka { 
 	width: 900px;
 	height: 40px;
 	clear: both;
 	color: #0ff;
 	border: 0px solid #fff;
	margin: 0px;
 	padding: 0px;
 	background: #fff url("images/pas_stopka.jpg") repeat-x center;
}
#zestaw1 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawlewy.jpg") repeat-x center;
}
#zestaw2 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawprawy.jpg") repeat-x center;
}
#zestaw3 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawlewy.jpg") repeat-x center;
}
#zestaw4 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawprawy.jpg") repeat-x center;
}
#zestaw5 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawlewy.jpg") repeat-x center;
}
#zestaw6 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 670px;
	background: #fff url("images/zestawprawy.jpg") repeat-x center;
}

 

   /* ELEMENTY MENU */

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

ul {
	float: left;
	padding: 0px 0px 0px 0px;
	border: 0px solid #003;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #0ff;
	padding: 9px 14px;
	border-right: 1px solid #003;
}

ul a:hover {
	background-color: #800;
	color: #fff;
	background-image: url("images/pas_menu_c.jpg");
}



ol { counter-reset: licznik1 licznik2 }
ol li { counter-increment: licznik1 licznik2 }



   /* PRZYCISKI CSS */

a.pdf_akc {
	display: block;
	background-image: url(images/pdf_akc.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_akc:hover {
	background-position:0 -80px;
}
a.pdf_zes {
	display: block;
	background-image: url(images/pdf_zes.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_zes:hover {
	background-position:0 -80px;
}
a.pdf_not {
	display: block;
	background-image: url(images/pdf_not.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_not:hover {
	background-position:0 -80px;
}
a.pdf_nav {
	display: block;
	background-image: url(images/pdf_nav.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_nav:hover {
	background-position:0 -80px;
}
a.pdf_led {
	display: block;
	background-image: url(images/pdf_led.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_led:hover {
	background-position:0 -80px;
}
a.pdf_tab {
	display: block;
	background-image: url(images/pdf_tab.jpg);
	height: 80px;
	width: 150px;
}
a.pdf_tab:hover {
	background-position:0 -80px;
}
a.cennikiz {
	display: block;
	background-image: url(images/cenniki.jpg);
	height: 60px;
	width: 220px;
}
a.cennikiz:hover {
	background-position:0 -60px;
}
a.tapety {
	display: block;
	background-image: url(images/tapety.jpg);
	height: 40px;
	width: 220px;
}
a.tapety:hover {
	background-position:0 -40px;
}
a.subskrypcja {
	display: block;
	background-image: url(images/subs.jpg);
	height: 41px;
	width: 150px;
}
a.subskrypcja:hover {
	background-position:0 -41px;
}
a.extreme {
	display: block;
	background-image: url(images/extreme.jpg);
	height: 50px;
	width: 220px;
}
a.extreme:hover {
	background-position:0 -50px;
}
a.andys {
	display: block;
	background-image: url(images/andys.gif);
	height: 50px;
	width: 220px;
}
a.andys:hover {
	background-position:0 -50px;
}
a.raty {
	display: block;
	background-image: url(images/raty.gif);
	height: 50px;
	width: 220px;
}
a.raty:hover {
	background-position:0 -50px;
}
a.studio01{
	display: block;
	background-image: url(images/studio01.jpg);
	height: 360px;
	width: 210px;
}
a.studio01:hover {
	background-position:0 -360px;
}

a.studio02{
	display: block;
	background-image: url(images/studio02.jpg);
	height: 360px;
	width: 210px;
}
a.studio02:hover {
	background-position:0 -360px;
}
a.studio03{
	display: block;
	background-image: url(images/studio03.jpg);
	height: 360px;
	width: 210px;
}
a.studio03:hover {
	background-position:0 -360px;
}
a.tnk_l{
	display: block;
	background-image: url(promocje/!tnk_l.jpg);
	height: 265px;
	width: 335px;
}
a.tnk_l:hover {
	background-position:0 -265px;
}
a.tnk_p{
	display: block;
	background-image: url(promocje/!tnk_p.jpg);
	height: 265px;
	width: 335px;
}
a.tnk_p:hover {
	background-position:0 -265px;
}
   /* STYLE */

.kwadracik {
	border: 1px solid #999;
	vertical-align: middle;
	text-align: center;
}
.tlobanera {
	border: 0px solid #9FD2DF;
	text-align: center;
	vertical-align: middle;
	background: #CFEDFC url("images/tlo_m01.jpg") repeat-x center;
}
.pasek {
	border: 0px solid #9FD2DF;
	text-align: center;
	background-color: #CFEDFC;
}
.pas_01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #789;
	margin: 0px;
	padding: 5px;
}
.tekst {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #006;
	text-align: justify;
}
.tekst_czerwony {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #F00;
	text-align: justify;
}

.naglowek1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
.naglowek1 a:link {
	color: #009;
	text-decoration: none;
}
.naglowek1 a:visited {
	color: #009;
	text-decoration: none;
}
.naglowek1 a:hover {
	color: #F00;
	text-decoration: none;
}
.pas_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
	margin: 0px;
	padding: 5px;
}
.naglowek2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}
.kwadracikz {
	vertical-align: middle;
	text-align: justify;
	background-color: #FF0;
	padding: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.zestawy_l {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
}
.zestawy_p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}
.zestawy_pt {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
}
.naglowek3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #009;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 10px;
}
.strony_wiz {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 670px;
	background: #fff url("images/strony_wiz.jpg") repeat-x center;
}
.strony_www {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 670px;
	background: #fff url("images/strony_www.jpg") repeat-x center;
}
.strony_serwis {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 670px;
	background: #fff url("images/strony_serwis.jpg") repeat-x center;
}
.wireless {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: 670px;
	background: #fff url("promocje/promocja_03_02.jpg") repeat-x center;
}
.chlodzenie {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 610px;
	width: 670px;
	background: #fff url("images/chlodzenie.jpg") repeat-x center;
}
.ruteredimax {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: 670px;
	background: #fff url("promocje/ruteredimax.jpg") repeat-x center;
}
.asus {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 370px;
	width: 670px;
	background: #fff url("promocje/promocja_28_00.jpg") repeat-x center;
}


   /* Subskrypcja */
   td.s {
	background-color : #FFF;
	background-image : none;
	color : #00C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-decoration : none;
	text-transform : none;
	letter-spacing : normal;
	float : none;
	cursor : auto;
	}
	td.majle {
	background-color : rgb(235,235,235);
	background-image : none;
	color : Navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-decoration : none;
	text-transform : none;
	letter-spacing : normal;
	float : none;
	cursor : auto;
	}
	td.poslano {
	background-color : red;
	background-image : none;
	color : Navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-decoration : none;
	text-transform : none;
	letter-spacing : normal;
	float : none;
	cursor : auto;
	}
.punkt {
	padding-left: 18px;
	text-indent: -18px;
}
.punktkropka {
	padding-left: 12px;
	text-indent: -12px;
}
.podpunkt {
	padding-left: 35px;
	text-indent: -18px;
}
.pas_03 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #009;
	margin: 0px;
	padding: 5px;
}
.maczek {
	font-size: 9px;
}
.szaretlo {
	background-color: #CCC;
}

/* SLIDER */
#page-wrap
{
	background: white;
	width: 670px;
	margin: 0 auto;
	padding: 0px;
}

#slider
{
	background: white url(images/slidertlo.jpg);
	height: 250px;
	overflow: hidden;
	position: relative;
	margin: 0px;
}
								  
/* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */								  
#mover
{
	width: 4000px;
	position: relative;
}

.slide
{
	padding: 55px 20px 10px 20px;
	width: 630px;
	float: left;
	position: relative;
}
.slide h1
{
	font-family: Helvetica, Sans-Serif;
	font-size: 22px;
	letter-spacing: -1px;
	color: #900;
	margin-top:3px;
}
.slide p
{
	color: #000;
	font-size: 12px;
	line-height: 16px;
	width: 400px;
	font-family: Tahoma, Geneva, sans-serif;
}
.slide img
{
	position: absolute;
	top: 50px;
	left: 400px;
}
#slider-stopper
{
	position: absolute;
	bottom: 12px;
	right: 2px;
	background: #ac0000;
	color: white;
	padding: 3px 8px;
	font-size: 8px;
	text-transform: uppercase;
	z-index: 1000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
.cena {
	font-size: 22px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}
.zestaw {
	font-size: 18px;
	font-weight: bold;
	color: #00F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00F;
	background-color: #e6e6fa;
	text-indent: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00F;
}
.tekstcentr {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #006;
	text-align: center;
}


    /* CONTAINER */

#imageContainer {
	height:670px;
	width:400px;
}

#imageContainer img {
	display:none;
	position:absolute;
}