﻿html {
	margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: center; font-size: 12px;
	background-repeat: repeat-y;
	}
body {margin: 0px; background-image: url(img/bg.gif); background-position: top; background-repeat: repeat-x;}
div.clr {clear: both;}
div#container {
margin: 0 auto; width:940px;background-color: white;
height:auto !important;  
height:100%; min-height:100%;}

a {color: #292929; text-decoration: none;}
a:hover {color: #00a2d1;text-decoration: underline;}

div.top {width: 900px; height: 89px; margin: auto; font-size: 11px;background-color: white;}
div.top div {position: absolute;}
div.top div.logo {margin-top:40px;	margin-right: 70px; margin-left:20px;}
div.top div.login {font-size: 12px; line-height:30px;text-align: right;width: 880px }
div.top div.login a {color: #616161; text-transform: uppercase}
div.top div.login br {display: none;}

div.top div.adres {
	font-size: 10px; color: #8f8f8f; margin-top:60px; margin-left:185px; 
	letter-spacing: -1px;}
div.top div.szukaj {
	margin-top:40px;margin-left:620px; width: 272px; height: 30px; background-image: url(img/szukaj.png) }
div.top div.szukaj input.szukaj {
	width: 190px; background-color: transparent; background-image: none;
 	border: none; margin-left:5px; margin-top: 5px;outline: none; }
div.top div.szukaj input.szukaj_b {
	width: 70px; cursor: pointer;outline: none; background-color: transparent;
	background-image: none; border: none; color:white; font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:7px;margin-right:3px; border: none; float: right;outline: none; font-size: 11px }

div.menu_poziome {
	width: 940px;height:55px; margin: auto; font-size: 13px;  text-align: center; vertical-align: middle;
	color: white;	background-image: url(img/menu_poziome.png);	background-position: left top;
	background-repeat: no-repeat;}
div.menu_poziome a {
	padding-left: 35px; padding-right: 35px; color: #535353; text-decoration: none; line-height: 50px}
div.menu_poziome a:hover {
	text-decoration: none; color: #000000}
div.all {
	width: 940px; }
div.all div.intro {
	width:940px; height:308px; background-image: url(img/02.jpg);background-position: left top;
	background-repeat: no-repeat;}
div.all div.intro div {
	 position: absolute;}	
div.all div.intro div.introtext {
	margin-top: 164px; margin-left: 64px; color:#06385D; line-height:16px; font-size: 11px}
div.all div.intro div.introtext_b {
	width:258px; height: 26px; background-image: url(img/introtext.png); text-align: center;
	margin-top: 240px; margin-left: 37px; color:white; line-height:24px; font-size: 11px; font-weight: bold;}
	 
	 
div.all div.allbody {margin:auto; width: 868px;}
div.menu {
	float: left; width: 258px; margin-right: 30px; 
	margin-top: 0;}

div.srodek {
	margin-bottom: 20px
}
div.menu h4,
div.srodek div.tytul {
	font-size: 20px; color: #0f5b93; margin: 0; padding-bottom: 20px; 
	font-weight: normal; margin-top:0;}
div.srodek div.tytul,
div.srodek h1 {
	margin-top:0; padding-bottom: 10px; background-image: url(img/tyt.png);
	background-position: bottom; background-repeat: repeat-x;
	color:#0F5B93;font-size:20px;font-weight:normal; background-color: white;
	margin-bottom: 20px}	
	
div.srodek h2 {
	margin-top:0; padding-bottom: 10px; background-image: url(img/tyt.png);
	background-position: bottom; background-repeat: repeat-x;
	color:#0F5B93;font-size:20px;font-weight:normal; background-color: white;
	margin-bottom: 20px}

div.menu div.menucontent div {
	display: block; width: 100%; font-size:12px; line-height: 18px; margin-bottom: 5px; background-image: url(img/link.png);
	background-position: bottom; background-repeat: repeat-x; padding-top:4px; padding-bottom:7px}
div.menu a	{
	color: #535353}
div.menu a:hover	{
	color: black; text-decoration: none}
div.menu div.menucontent {
	background-color: #dddddd; background-image: url(img/mbgt.gif);
	background-position: top; background-repeat: no-repeat; margin-bottom: 30px;
	border-bottom:solid 3px #242424;}	
div.menu div.tyt {
	margin-bottom: 15px; font-size: 11px; font-weight: bold; 
	border-bottom: none;}

div.menucontent li {list-style: none; margin-left:5px; padding-bottom:3px; line-height:130%;}
div.menucontent a {padding-left:10px;}
div.menucontent ul {padding:10px;margin:0;}


div.menu li.level1 {background-image:url("img/link.png");
background-position:center bottom;
background-repeat:repeat-x; margin-bottom:3px;}
div.menu li.level1 a
 {
		background-image: url(img/ar.png); background-position: left top;
		background-repeat: no-repeat; line-height: 120%;}
div.menu li.level1 ul {display:none;}
	
div.menu li.level2 a {
		background-image: url(img/ars.png); background-repeat: no-repeat; 
		font-size: 11px; display: block; padding-top:5px}

div.menu div.menucontent div.lev2 {
		background-color: #dddddd; padding-top:4px; padding-bottom: 0; 
		margin-top: -12px;background-image: none;	}
div.menu div.lev2 a,
div.menu div.lev2 span {
		margin-left:60px; background-image: url(img/lev2.gif);
		font-size: 11px; padding-left: 15px; 	}
		
div.menu div.menucontent div.lev3 {
		background-color: #dddddd; padding-top:4px; padding-bottom: 0; 
		margin-top: -12px;background-image: none;	}
div.menu div.lev3 a,
div.menu div.lev3 span {
		margin-left:80px; background-image: url(img/lev3.png); background-position: left 50%;
		background-repeat: no-repeat;
		font-size: 11px; padding-left: 10px; color: #868686;
 	}
div.menu div.lev3 a:hover {
	text-decoration: underline;}
	div.menu div.lev0 span,
	div.menu div.lev1 span,
	div.menu div.lev2 span,
	div.menu div.lev3 span {color: #193a98;}	

div.menu td.adr{color: #00a2d1;}

div.menu .LoginBox {
	border-bottom:none;display:block;font-size:12px;line-height:18px;width:260px; 
	background-image: url(img/logowanie_bg.png); background-repeat: no-repeat; height: 66px; }
div.menu .LoginBox input {
	background-image: none; background-color: transparent; border: 1px solid red; outline: none;}
div.menu .LoginBox input.zaloguj {
	float: right; width: 66px; height: 60px; color: white; font-weight: bold; text-align: center; border:none}	
div.menu .LoginBox input.login {
	margin-left:55px; width: 120px; margin-top:3px; line-height:27px; height: 27px; border: none;
}	
div.basket {
	 position: absolute; top:0; padding-left:25px; background-image: url(img/basket.png);
	 background-repeat: no-repeat; height: 27px; line-height:27px; color: #399dd0; font-size: 12px;
	 letter-spacing: -1px}
div.basket a {
	font-weight: bold; background-image: url(img/wczytaj.png);
	background-repeat: no-repeat; background-position: left 50%;
	padding-left: 10px; letter-spacing: 0;
	text-transform: none; margin-left:20px;
} 
div.basket br {
	display: none;}
div.srodek {
	float: left; width: 570px; }

/*div.tytul {
	font-size:20px; color: #ac0000; margin-top: 10px} */

div.sciezka {
	width: 570px;padding-top: 11px; font-size:12px; line-height: 20px; 
	color: #949494;margin-bottom: 30px}
div.sciezka a,
div.sciezka span {
	padding-left:8px; background-image: url(img/path.png); background-position: left 50%;
	background-repeat: no-repeat; margin-left:3px;font-size: 11px  }
div.back {
	width: 570px; text-align: left;
	}
div.back a,
span.back a {
	color: gray; padding-left:15px; background-image: url(img/back.gif); background-position: left 50%;
	background-repeat: no-repeat;}
div.back a:hover {
	text-decoration: none; color: black;}
div.sciezka span {
	font-weight: bold;color: #00a2d1;}
div.katalog {
	margin-bottom: 20px;/* background-image: url(img/lista_bg.png) */
}
div.katalog div.mini {
	float: left; width: 170px; height: 180px;
	cursor: pointer;
	background-image: url(img/mini.png); background-position: top center;
	background-repeat: no-repeat; border: 1PX DOTTED GRAY;
	MARGIN-RIGHT: 10PX; margin-bottom: 10PX
}

div.katalog div.promocja {
	background-image: url(img/promocja.png);
	background-position: top center;
	background-repeat: no-repeat;
	border-color: red;
}
div.katalog div.nowosc {
	background-image: url(img/nowosc.png);
	background-position: top center;
	background-repeat: no-repeat;
	border-color: #003399;
}
div.one {background-image: none;}

div.katalog .stronicowanie {
	clear: both; width: 570px; background-image: none;
	text-align: center; border-top: 1px solid silver;
	margin-top:20px; padding-top:10px}
div.katalog .stronicowanie img {
	vertical-align: middle;}
	
div.katalog .nazwap {
	width: 570px; text-align: left; color: #00a2d1;font-size: 15px;
	 margin: auto;margin-top: 10px; padding-bottom:5px;}

div.katalog div.fotop {
	width: 250px; float: right; 
	margin-bottom: 10px;
    margin-left: 20px;  
	}
div.katalog div.fotop img {
	max-width: 250px
}
div.katalog .cenap {
	font-size: 16px; margin:auto;color:black;
	width: 570px; text-align:left;
	padding-top: 5px}
div.katalog .cenap span {
	font-weight: normal}
	
div.katalog div.mini div.nazwa {
	width: 150px; text-align: left; margin-left: 10px;
	color: #00a2d1;font-size: 14px; height: 35px; 	overflow: hidden;	}
div.katalog div.mini div.nazwa a {
	color: #00a2d1;}
div.katalog div.promocja div.nazwa a {
	}
div.katalog div.nowosc div.nazwa a {
	
}
	
div.katalog div.mini table.foto {
	margin:auto;border-collapse: collapse;	border-spacing: 0px;}
div.katalog div.mini table.foto td {
	width: 140px; height: 120px; margin: auto;  text-align: center; vertical-align: middle;
	/*background-image: url(img/BRAKFOTO.jpg);*/	}
div.katalog div.mini table.foto img { 
	max-width: 140px; max-height: 90px}
div.katalog div.mini div.cena {
	font-size: 12px; color: #000000; margin-left:10px; margin-top:4px;font-weight: bold;}
div.opisp {
	font-size: 11px; color:#5B5B5B;
	/*background-image: url(img/kr.png); padding-right:10px;
	background-position: right; background-repeat: repeat-y;*/}
div.opisp span.tyt {
	display: none; font-weight: bold; font-size: 13px}	
div.gallery {
	width:300px; margin-top:10px}
div.gallery span {
	display: none;font-weight: bold; font-size: 13px}
div.gallery div.gitem {
	float:left;margin-bottom:10px; text-align: center;
	margin-right:5px;/*width:80px;*/ margin-top: 5px}
div.gallery div.gitem img {
	border: none; 
	height:40px;
	/*max-height: 80px; 
	max-width: 80px*/
	}
div.gallery div a.grn {
	color:gray;font-size:10px;line-height:15px;
	padding:5px 0;text-decoration:none;}
div.versions {
	width: 570px}
div.versions table {
	max-width: 570px; margin-top:20px}
div.versions table td,
div.versions table th {
	font-size: 11px; background-image:url("img/tyt.png");
	background-position:center bottom;
	background-repeat:repeat-x; padding: 3px}
div.versions table th {
	font-weight: normal; color: #00a2d1;}
div.versions table input[type="text"] {
	width: 30px; text-align: center; outline: none}
div.versions table input[type="submit"],
input.contact {
	width: 115px; height: 32px; background-image: url(img/dokoszyka.png);
	background-repeat: no-repeat; border: none; background-color: transparent;
	text-transform: uppercase; font-weight: bold; color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
	line-height: 30px; outline: none; cursor: pointer;}
div.version {
	font-size: 16px; width: 300px; text-align: left; line-height:30px
}
div.version input[type="submit"] {
	width: 178px; height: 30px; background-image: url(img/dokoszyka_.png);
	background-repeat: no-repeat; border: none; background-color: transparent;
	text-transform: uppercase; font-weight: bold; color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
	line-height: 30px; outline: none; display: block;}
div.version ul {
	font-size: 11px; font-weight: bold; line-height: normal; margin-left: 0; padding-left: 0;
	list-style: none;
}	
	
	
div.logowanie {
	width: 410px; margin: auto; line-height: 20px; margin-top:60px}
div.logowanie div {
	float: left; margin-bottom: 10px}
div.logowanie div.podaj {
	width: 150px; text-align: right; padding-right:5px; line-height:30px}
div.logowanie div.input { background-image: url(img/input.png);
	width: 250px; background-repeat: no-repeat; height: 34px}
div.logowanie div.input input {
	background-color: transparent; border: none; outline: none;
	height: 30px; margin-top: 2px; margin-left: 5px; width: 200px;}
div.logowanie div.sendn {
	clear: both;width: 400px; text-align: right;}
div.logowanie div.sendn input {
	width: 125px; height: 32px; background-image: url(img/logowanie.png);
	background-repeat: no-repeat; text-align: center; border: none;
	background-color: transparent; outline: none; color: white;
	font-weight: bold; font-family: verdana,Arial, Helvetica, sans-serif; 
	font-size: 12px
}
div.insp {
	width: 400px; margin: auto; line-height: 20px; 
}
div.insp a {
	line-height: 30px; padding-left: 20px; background-image: url(img/linsp.png);
	background-position: left 50%; background-repeat: no-repeat;height: 30px; 
	padding-top: 5px; padding-bottom: 5px; color: #1381ce;
	font-weight: bold;
}
div.insp span.wyczysc a {
	background-image: url(img/usun_koszyk.png); padding-left: 30px}
div.insp span.zapisz a {
	background-image: url(img/zapisz_koszyk.png); padding-left: 30px}
div.zrjs {
	margin-bottom:10px
}
div.zrjs a{
	line-height: 30px; padding-left: 20px; background-image: url(img/linsp.png);
	background-position: left 50%; background-repeat: no-repeat;height: 30px; 
	padding-top: 5px; padding-bottom: 5px; color: #1381ce;
	font-weight: bold;
}
div.rejestracja {
	width: 100%; margin: auto; line-height: 20px}
div.rejestracja fieldset {
	margin-top:20px; border: 1px dotted #1381ce; padding: 10px}
div.rejestracja legend {
	color: #1381ce; text-transform: uppercase; background-color: white;
	font-size: 14px}
	
	
p.podtyt {
	font-size:16px; color: #193a98;}
div.stor {
	width: 100%; text-align: right;
}
input.send {margin-top: 10px;width: 125px; height: 32px; background-image: url(img/logowanie.png);
	background-repeat: no-repeat; text-align: center; border: none;
	background-color: transparent; outline: none; color: white;
	font-weight: bold; font-family: verdana,Arial, Helvetica, sans-serif; 
	font-size: 12px }

div.brakproduktow {
	width: 100%; text-align: center; font-size: 11px; 
	text-transform: uppercase;}
div.footer {
	margin-top:30px;margin-bottom:30px;text-align: center;width: 900px; height: 50px; 
	border-top: 1px dotted black; margin: auto; padding-top:20px; padding-bottom: 20px;
	font-size: 11px}
	
div.footer .a {
	float: left;
}
div.footer .b {
	float: right; color: gray
}
div.kosz table {
	width: 100%
}
div.kosz table input[type="text"] {
	width: 60px; text-align: center
}
p.koszsz {
	text-align: right;}
p.koszsz input {margin-top: 10px;width: 175px; height: 32px; background-image: url(img/przelicz_koszyk.png);
	background-repeat: no-repeat; text-align: center; border: none;
	background-color: transparent; outline: none; font-weight: bold; font-family: verdana,Arial, Helvetica, sans-serif; 
	font-size: 11px; text-transform: uppercase; cursor: pointer }
	
span.przygotuj a{
	
width: 178px; height: 30px; background-image: url(img/dokoszyka_.png);
	background-repeat: no-repeat; border: none; background-color: transparent;
	text-transform: uppercase; font-weight: bold; color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
	line-height: 30px; outline: none; display: block; letter-spacing: -1px;
	 text-align: center; margin:auto;}
	
div.kosz td {background-color: #eeeeee}
span.validation-summary-errors {
	 margin-left:30px; display: block; color: gray; margin-top: 20px;
	 font-weight: bold;}
ul.validation-summary-errors {
	color: red; margin-left:50px;}
p.empty {
	text-align: center; font-size: 15px;
	text-transform: uppercase; letter-spacing: -1px
}
div.about p, div.about li  {
	text-align: justify; line-height: 160%; font-size: 11px
}
ul.kresk {
	list-style-image: url(img/kresk.gif);
}


div.koszframes {width:100%;}
div.koszframes div.leftframe, div.koszframes div.rightframe {width:40%;float:left}
div.koszframes div.leftframe label {display:block;}
div.koszframes div.rightframe div.paytypes {padding: 30px 20px;}
div.koszframes div.rightframe div.paytypes div {display:none;}

div.koszcomment textarea {width:400px;height:150px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:12px;}
