* {
	margin: 0 auto;
	padding: 0;
}

body {
	font-family: Open Sans, sans-serif;
	font-size: 14px;
}

a { text-decoration: none; }
a { color: Blue; }
a:hover { color: Red; }
a img, fieldset { border: none; }

#pageContent H3 {
	margin: 10px 0;
}

#wrapper {
	background: top center url(/images/bg.jpg) no-repeat;
}

#box {
	width: 970px;
	min-height: 700px;
	_height: 700px;
}

#top {
	padding: 10px 25px 20px 25px;
	overflow: hidden;
	height: 100%;
}

/*
input[type='text'], input[type='password'], input[type='submit'], input[type='button'], select, textarea {
	padding: 5px 10px;
	border-radius: 5px;
	border: solid 1px black;
	background: white;
}

input[type='submit'], input[type='button'] {
	background: black;
	color: white;
	border: 1px solid black;
}

select {
	height: 28px;
}
*/

#top img {
	margin-top: 20px;
}

#top ul {
	float: right;
	margin-right: 5px;
}

#top ul li {
	margin: 0 0 0 18px;
	padding: 0 0px 2px 0;
	float: left;
	list-style-type: none;
}

#top ul a {
	display: inline-block;
}

#top ul a:hover {
	text-decoration: underline;
}

#main-menu {
	text-align: center;
	height: 39px;
	border-bottom: 4px solid #000;
}

#main-menu li {
	display: inline;
}

#main-menu a {
	margin: 0 0px;
	padding: 13px 0 0 0;
	display: inline-block;
	width: 116px;
	height: 26px;
	color: #fcfcfc;
	text-align: center;
	vertical-align: bottom;
	outline: none;
}

#main-menu a span {
	display: block;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 14px;
}

#main-menu li.pink  a{background: url(/images/menu-pink.gif) no-repeat;}
#main-menu li.green  a{background: url(/images/menu-green.gif) no-repeat;}
#main-menu li.greend  a{background: url(/images/menu-greend.gif) no-repeat;}
#main-menu li.blue  a{background: url(/images/menu-blue.gif) no-repeat;}
#main-menu li.blued  a{background: url(/images/menu-blued.gif) no-repeat;}
#main-menu li.violet a{background: url(/images/menu-violet.gif) no-repeat;}

#footer {
	clear: both;
	margin: 0px auto 10px auto;
	padding: 40px 0;
	font-family: Arial;
	text-align: center;
	width: 970px;
}

#footer p, #footer ul, #footer a {
	display: inline-block;
	color: #535252;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	display: inline;
	padding: 0 25px 0 0;
}

/* Ramka komunikatów typu WARNING oraz INFO */
#ramka_komunikat_info, #ramka_komunikat_warning {
	margin: 20px;
	margin-bottom: 10px;
	padding: 5px;
	background: #f0f0f0;
	color: #000000;
	text-align: center;
}

#ramka_komunikat_warning {
	border-bottom: 2px solid #fb0020;
	color: #900020;
}

#ramka_komunikat_warning A {
	font-weight: bold;
	color: Navy;
}

#ramka_komunikat_info {
	border-bottom: 2px solid #01916d;
	color: #01916d;
	font-weight: bold;
	overflow: hidden;
}

/* Tytul strony z komentarzem */
#title {
	min-height: 70px;
}

#title H1 {
	float: left;
	padding-left: 10px;
	width: 250px;
}

#title P {
	margin-left: 260px;
}

/* SIDEBAR */
#sidebar {
	margin-top: 20px;
	float: left;
	line-height: 170%;
	width: 230px;
}

#sidebar P, #sidebar UL, #sidebar FORM {
	text-align: left;
	margin: 10px 0;
}

#sidebar SELECT {
	margin-left: 10px;
}

#sidebar UL {
	list-style: none;
}

#sidebar LI {
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #000000;
	line-height: 150%;
}

#sidebar H2 {
	margin: 0;
	font-size: 12pt;
	font-weight: bold;
}

#sidebar H3 {
	font-size: 150%;
	font-weight: normal;
}

#sidebar A EM {
	font-style: normal;
}

#sidebar A:hover EM {
	color: #ff4600;
	text-decoration: underline;
}

/* Zawartość strony */
#pageContent {
	font-family: Open Sans, sans-serif;
	font-size: 13px;
	margin-top: 20px;
	margin-left: 6px;
	width: 710px;
	line-height: 170%;
	min-height: 450px;
	padding: 10px;
	border: solid 1px #DDD;
	border-radius: 10px;
	float: left;
}

#pageContent H1 {		/* tytuł strony */
	margin: 5px 0;
	font-size: 16pt;
	line-height: 16pt;
	font-weight: bold;
}

#pageContent H2 {
	font-size: 12pt;
}

#pageContent P {
	padding: 5px;
}

#pageContent OL {
	padding-left: 35px;
}

#pageContent UL {
	padding-left: 35px;
}

/* LISTA ALBUMÓW */

#albumy {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#pageContent .listaAlbumow {
	float: left;
	min-height: 100px;
	padding: 7px;
	margin: 7px;
	text-align: center;
}

#pageContent .listaAlbumow A {

}

#pageContent .listaAlbumow IMG {

	width: 100px;
	height: 100px;
}

#pageContent .listaAlbumow P {
	text-align: center;
	margin: 0;
	padding: 0;
}

#pageContent .listaAlbumow H3 {
	border-top: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}

#pageContent .listaAlbumow TABLE, TD {
	margin-top: 5px;
	padding: 0;
	border: none;
}

#albumiki {
	float: left;
	width: 350px;
}

.listaZdjec {
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #CDCDCD;
	background-color: #EDEDED;
	position: relative;
	margin: 6px;
	list-style: none;
	text-align: center;
}

.listaZdjec span {
	font-size: 24px;
	display: inline-block;
	padding-top: 17px;
	opacity: .3;
}

.albumik {
	margin-bottom: 12px;
}

#lista1, #lista2 {
	list-style-type: none;
}

#lista1 {
	height: 280px;
	background: #fff url('../images/list-bg.png') no-repeat 6px 6px;
}

#lista2 {
	overflow-y: scroll;
	height: 426px;
}

.mini3d {
	opacity: .5;
	
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/* Koszyk */
#koszyk {
	color: #000000;
	font-weight: bold;
	width: 97%;
	margin: 0 auto;
}

#koszyk IMG {
	border: solid 1px #01916d;
}

#koszyk select, #szybki_wybor select {
	height: 28px;
	padding: 3px;
	margin: 4px 2px;
	color: #888;
}

#koszyk select {
	color: #000;
}

#koszyk #szybki_wybor {
	background: #f0f0f0;
	border: solid 1px #e0e0e0;
	margin-top: 5px;
	padding: 10px;
	height: 170px;
}

#koszyk #szybki_wybor p {
	width: 300px;
	font-weight: normal;
	float: left;
}

#koszyk #szybki_wybor fieldset {
    background: url("/images/form-buckle.gif") no-repeat scroll 0 19px #f0f0f0;
    height: 150px;
    margin-left: 350px;
    padding: 0 0 0 60px;
    width: 250px;
}

/* Koszyk */
TD.koszykZamowienie {
	padding: 0px;
}

/* Formularze np. z danymi osobowymi */
#formularz {
	margin-top: 10px;
}

#formularz TABLE {
	width: 100%;
	margin: 0 0;
}

#formularz TD, #formularz TH {
	padding: 5px;
	margin: 0px;
	border: none;
	border-bottom: solid 1px #dddddd;
}

#formularz TH {
	border: none;
}

#breadcrumb {
	font-size: 8pt;
	font-family: Arial;
	margin-bottom: 20px;
}

/* Buttons */
.button_pink {
	background: White url(/images/buttons/button_pink.png) no-repeat center center;
	border: none;
	color: white;
	font-weight: bold;
	width: 134px;
	height: 41px;
}

.product {
	float: left;
	width: 173px;
	height: 350px;
	margin-right: 6px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}

.last {
	margin-right: 0;
}

.product p {
	text-align: left;
}

.product .more {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

ul.desc { list-style-position: inside; margin: 10px 0 20px 0; }
ul.desc li { font-size: 11pt; padding: 5px 0; }
p.desc { font-size:10pt; line-height:14pt; }
h2.desc { margin:20px 0; }
img.product-foto { float:left;margin:20px 20px 0 0; }
div.order { text-align:center; }

#cookies-message a,#cookies-message a:visited,#cookies-message a:hover{ color: #689900; }

h2#cennik_menu{
	font-size: 11pt;
}
#cennik_menu a{
	margin-right: 8px;
}

#quickRegistration {
	text-align: center;
	color:#535252;
}

#quickRegistration input[type="text"] {
	text-align: center !important;
}

#quickRegistrationWrapper {
	background: rgb(240,234,231);
	background-image: -o-linear-gradient(-89deg, #F2EEEB 0%, #E4D8D5 100%);
	background-image: -moz-linear-gradient(-89deg, #F2EEEB 0%, #E4D8D5 100%);
	background-image: -ms-linear-gradient(-89deg, #F2EEEB 0%, #E4D8D5 100%);
	background-image: linear-gradient(-179deg, #F2EEEB 0%, #E4D8D5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eae7', endColorstr='#e4d8d5',GradientType=0 );
	
	width: 313px;
	float: right;
	height: 342px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-bottom-left-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

#quickRegistrationWrapper .no_account {
	font-family: Arial;
	font-size: 18px;
	color: #535252;
	line-height: 21px;
	font-weight: normal;
}

#quickRegistrationWrapper .quick_reg {
	font-family: Arial;
	font-size: 24px;
	color: #535252;
	line-height: 28px;
	font-weight: normal;
}

#quickRegistrationWrapper .type_mail {
	font-family: Arial;
	font-size: 12px;
	color: #535252;
	line-height: 14px;
	font-weight: normal;
}

a.greenShadowButton {
	background: #cdeb8e;
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
	background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
	background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
	background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
	color: #FFF;
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 0 15px;
	border: 1px solid #8BC600;
	-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.15);
}

#pozycjeKoszyk {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.horizontal-list {
	margin: 0;
	padding: 0;
}
.horizontal-list li {
	float: left;
	list-style: none;
	margin: 0 2px;
}

				.greenButton {
				background: rgb(87,187,70);
				background: -moz-linear-gradient(top,  rgba(87,187,70,1) 0%, rgba(64,164,48,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,187,70,1)), color-stop(100%,rgba(64,164,48,1)));
				background: -webkit-linear-gradient(top,  rgba(87,187,70,1) 0%,rgba(64,164,48,1) 100%);
				background: -o-linear-gradient(top,  rgba(87,187,70,1) 0%,rgba(64,164,48,1) 100%);
				background: -ms-linear-gradient(top,  rgba(87,187,70,1) 0%,rgba(64,164,48,1) 100%);
				background: linear-gradient(to bottom,  rgba(87,187,70,1) 0%,rgba(64,164,48,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57bb46', endColorstr='#40a430',GradientType=0 );-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				-moz-box-shadow:    0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				box-shadow:         0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				border: 3px solid #FFF;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
				color: #FFF;padding:12px 20px;
				border-radius: 15px;
				font: 16px Arial, sans-serif;
				cursor: pointer;
				text-decoration: none;
			}

			.greenButton:hover {
				color: #FFF;
				text-decoration: none;
			}



				.redButton {
				background: rgb(241,119,150);
				background: -moz-linear-gradient(top,  rgba(241,119,150,1) 0%, rgba(231,31,81,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,119,150,1)), color-stop(100%,rgba(231,31,81,1)));
				background: -webkit-linear-gradient(top,  rgba(241,119,150,1) 0%,rgba(231,31,81,1) 100%);
				background: -o-linear-gradient(top,  rgba(241,119,150,1) 0%,rgba(231,31,81,1) 100%);
				background: -ms-linear-gradient(top,  rgba(241,119,150,1) 0%,rgba(231,31,81,1) 100%);
				background: linear-gradient(to bottom,  rgba(241,119,150,1) 0%,rgba(231,31,81,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17796', endColorstr='#e71f51',GradientType=0 );

				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57bb46', endColorstr='#40a430',GradientType=0 );-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				-moz-box-shadow:    0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				box-shadow:         0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				border: 3px solid #FFF;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
				color: #FFF;padding:12px 20px;
				border-radius: 15px;
				font: 16px Arial, sans-serif;
				cursor: pointer;
				text-decoration: none;
			}

			.redButton:hover {
				color: #FFF;
				text-decoration: none;
			}

				.grayButton {
				background: rgb(181,181,181);
				background: -moz-linear-gradient(top,  rgba(181,181,181,1) 0%, rgba(140,140,140,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,181,181,1)), color-stop(100%,rgba(140,140,140,1)));
				background: -webkit-linear-gradient(top,  rgba(181,181,181,1) 0%,rgba(140,140,140,1) 100%);
				background: -o-linear-gradient(top,  rgba(181,181,181,1) 0%,rgba(140,140,140,1) 100%);
				background: -ms-linear-gradient(top,  rgba(181,181,181,1) 0%,rgba(140,140,140,1) 100%);
				background: linear-gradient(to bottom,  rgba(181,181,181,1) 0%,rgba(140,140,140,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#8c8c8c',GradientType=0 );

				-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				-moz-box-shadow:    0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				box-shadow:         0px 0px 16px 0px rgba(0, 0, 0, 0.16);
				border: 3px solid #FFF;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
				color: #FFF;padding:12px 20px;
				border-radius: 15px;
				font: 16px Arial, sans-serif;
				cursor: pointer;
				text-decoration: none;
			}

			.grayButton:hover {
				color: #FFF;
				text-decoration: none;
			}			

			.no-close .ui-dialog-titlebar-close {
display: none;
}

#albumActions li a {
	font-size: 13px;
}

#albumActions li a:hover {
	text-decoration: none;
}

a:focus,
.btn:focus {
  outline: none !important;
}

#sidebar .nav li {
    padding-left: 0;
}

#sidebar .nav > li > a {
    padding: 7px 15px;
}

#cartActions li a:hover,
#cartActions li a:visited,
#cartActions li a:active,
#cartActions li a:focus {
	text-decoration: none;
}

.papiery-circle{
	position: absolute; 
	right:20px; top:-20px;
	width:80px;
	height: 80px;
	background:url(../images/quality-logo-small.png) no-repeat;
}
.papiery-circle:hover{
	background:url(../images/quality-logo-small-hover.png) no-repeat;
}