
* {
	box-sizing: border-box;
}

body {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #e9e9e9;
	width: 95%;
	max-width: 1000px;
	margin: 10px auto;
	font-size: 14px;
	color: #333;
	line-height: normal;
}

h1, h5, h6 { 
	color: #888; 
	text-align: center; 
	font-weight: normal;
	margin: 5px 0px;
}
p {
	color: #333;
	font-weight: normal;
	margin: 7px 0px;
}
h1 { font-size: 1.2em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }
p  { font-size: 1.0em; }

a	{ text-decoration: none; font-weight: normal; color: #a00; cursor: pointer; }
a:hover { color: #d00; }
a.phone_number { color: #333; }
a.sh_pocztex { color: #333; }
a.sh_pocztex:hover { color: #d00; }

ul, ol { 
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
li { padding-left: 5px; }
ol li {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
}

hr {
	margin: 0;
	border: none;
	height: 1px;
	background-color: #DDD;
}

img { border: none; }

::-webkit-input-placeholder	{ color: crimson; color: #ebb; }
::-moz-placeholder 			{ color: crimson; color: #ebb; } 
::-ms-placeholder 			{ color: crimson; color: #ebb; }
::placeholder 				{ color: crimson; color: #ebb; }


.center		{ text-align: center; }
.justify	{ text-align: justify; }
.right		{ text-align: right; }
.left		{ text-align: left; }
.smaller	{ font-size: 0.9em; }
.small		{ font-size: 0.8em; }
.vsmall		{ font-size: 0.7em; }

.infinit	{ font-size: 1.8em; line-height: 0.2em; vertical-align: sub; }

.pp_color	{ color: #00688F; }
.grey		{ color: #ccc; }
.lgrey		{ color: #eee; }
.dgrey		{ color: #999; }
.red		{ color: #C00; }
.green		{ color: #00A300; }
.dred		{ color: #A00; }
.lblack		{ color: #333; }
.bk_grey	{ background-color: #eee; }
.bk_lgrey	{ background-color: #fafafa; }

.bold		{ font-weight: bold; }

.none		{ display: none; }


.box {
	background: #fff;
	border: 1px solid #ccc;
/*	border-radius: 7px; */
	padding: 20px;
}

.header {
	text-align: center;
	background: #f5f5f5;
}

.baner {
	display: flex;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.baner img {
	width: 100%;
	height: 100%;
}

.row, .header {  
	display: flex;
	flex-wrap: wrap;
}

.menu {
	flex: 25%;
	background-color: #fcfcfc;
/*	background-color: #F5FCFE; */
	padding: 20px;
}
.menu_item, .submenu_item {
	width: 100%;
	padding: 3px 10px;
	margin: 0px 0px;
	cursor: pointer;
}
.menu_item {
	text-transform: uppercase;
	font-weight: bold;
}
.submenu_item {
	padding-left: 25px;
/*	background: url("pic/point.png") no-repeat scroll 15px 3px; */
}
.menu a.menu_none {
	display: block;
}
.menu a:hover {
	color: #fff;
}
.menu_item:hover, .submenu_item:hover {
	background-color: #C00;
}

.menu img {
	width: 100%;
	height: auto;
	margin-top: 30px;
}


.main {
	flex: 75%;
	background-color: #FFF;
/*	background-color: #fafafa; */
	padding: 20px;
}

.footer {
	padding: 10px;
	text-align: center;
	background: #f3f3f3;
	background: #f0f0f0;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.footer p {
	font-size: 0.8em;
	margin: 3px;
}

.footer p.grey_disable { 
	color: #f0f0f0; 
	font-size: 1px; 
	margin: 0px; 
	text-align: center; 
	height: 0px;
}
.footer p.grey_disable a {
	color: #f0f0f0; 
}
.footer p.grey_disable img { 
	width: 1px; 
	height: 1px;
}




.shadow {
	box-shadow: 5px 5px 15px #ccc;
}
.lshadow {
	box-shadow: 4px 4px 10px #ddd;
}

.h_text {
	width: 73%;
	vertical-align: top;
}
.h_text p {
	font-size: 0.85em;
}
.logo {
	width: 20%;
	margin-top: 3px;
	text-align: left;
}
.logo img {
	max-height: 70px;
/*	max-width: 160px; */
	width: 90%;
	width: 83%;
	margin-left: 5px;
}


 


.flags {
	width: 7%;
	text-align: right;
}
.flag {
/*	margin: 3px 3px 0px; */
	margin: 0px 3px;
	border: 1px solid #FFF;
}
.flag:hover {
	border-color: #c00;
}






.przeprowadzka {
	width: 100%;
	background-color: #090;
	color: #FFF;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 150%;
}






article {
	margin-bottom: 30px;
}
article.last {
	margin-bottom: 5px;
}
article p {
	text-align: justify;
}

h2, h3, h4 {
	text-align: left;
	color: #00688F;
	color: #900;
	font-weight: normal;
	margin: 0px 0px 5px;
}
h2 { font-size: 1.4em; }
h3 { font-size: 1.0em; font-weight: bold; }
h4 { font-size: 1.0em; color: #333; font-style: italic; }

/*
h3 { border-bottom: 1px solid #900; overflow: hidden; }
*/
input { font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }

label { cursor: pointer; }

.main img {
	width: 40%;
	max-width: 150px;
/*	max-height: 150px; */
	float: right;
	margin: 3px 0px 5px 20px;
}
.main img.fb {
	width: 32px;
	height: 32px;
	margin-bottom: 20px;
}
.main img.pssss {
	float: none;
	margin: 0px 30px 5px 0px;
	vertical-align: top;
	width: 130px;
	height: 35px;
}

.main .menu_item {
	color: #FFF;
	background-color: #C00;
	padding: 5px 5px;
	max-width: 150px;
}
.main .menu_item:hover {
	background-color: #aaa;
}
.main .order .menu_item {
	padding: 15px 5px;
}

.main input[type=button] {
	border: 1px solid #999;
	background-color: #EEE;
	border-radius: 5px;
	font-size: 0.9em;
	padding: 3px 10px;
	box-shadow: 3px 3px 5px #eee;
	cursor: pointer;
}
.main input[type=button]:hover {
	background-color: #DDD;
}

article.order {
	margin-bottom: 20px;
}
article.order .imagesetting_order_div a .menu_item, 
article.order .proof_order_div a .menu_item {
	max-width: 250px;
	width: 250px;
}


.imagesetting_order_div, .proof_order_div {
	float: left;
	text-align: center;
	width: 50%;
	margin-top: 10px;
}
.imagesetting_order_div a {
	float: left;
}
.proof_order_div a {
	float: right;
}



.order_form {
/*	width: 90%;
	margin-left: auto;
	margin-right: auto; */
	padding: 15px 20px;
	border: 1px solid #eee;
	background-color: #f6f6f6;
	margin-bottom: 20px;
}

.order_row, .contact_row, .wzornik_row {
	clear: both;
}
.order_row .item_L, .order_row .item_R, .order_row .item_R_30,
.order_row .item_L_50, .order_row .item_R_50,
.contact_row .item_L, .contact_row .item_R,
.download_row .item_L, .download_row .item_R {
	float: left;
}
.order_row .item_L, .download_row .item_R {
	width: 20%;
}
.order_row .item_R, .download_row .item_L {
	width: 80%;
}
.order_row .item_R_30 {
	width: 30%;
}
.order_row.buttons .item_L_50 {
	width: 60%;
}
.order_row.buttons .item_R_50 {
	width: 40%;
}
.contact_row .item_L {
	width: 55%;
}
.contact_row .item_R  {
	width: 45%;
}

.order_row .item_L, .order_row .item_L_50 {
	padding-top: 8px;
	padding-right: 10px;
}
.order_row.buttons .item_R_50 {
	text-align: right;
	margin-top: 25px;
}
.order_row input[type=text], 
.order_row input[type=file], 
.order_row input[type=submit],
.order_row input[type=reset],
.order_row input[type=button],
.formulsel {
	border: 1px solid #999;
	background-color: #FFF;
	border-radius: 5px;
	font-size: 0.9em;
	padding: 3px 8px;
	margin: 3px 0px;
	width: 130px;
	box-shadow: 3px 3px 5px #eee;
}

.order_row input[type=submit],
.order_row input[type=reset],
.order_row input[type=button] {
	background-color: #DDD;
	width: auto;
	padding: 3px 10px;
	cursor: pointer;
}
.order_row input[type=submit] {
	margin-right: 10px;
}
.order_row input[type=submit]:hover {
	background-color: #090;
	color: #FFF;
}
.order_row input[type=reset]:hover,
.order_row input[type=button]:hover {
	background-color: #C00;
	color: #FFF;	
}
.formulsel {
	padding-left: 5px;
	padding-right: 5px;
}
.order_row input[type=checkbox] {
	margin: 10px 10px 2px 2px;
	vertical-align: -2px;
}
.order_row input[type=radio] {
	margin: 7px 10px 2px 2px;
	vertical-align: -2px;
}
.order_row #idfirma, .order_row #nazwisko, .order_row #plik,
.order_row #sh_address, 
.order_row #extinfo,
.order_row #katyinfo {
	width: 100%;
	min-width: 240px;
}

.order_row #nazwisko {
	margin-bottom: 20px;
}
.order_row #extinfo {
	margin-bottom: 10px;
}
.order_row #email {
	width: 63.4%;
}
.order_row #plik[type=file] {
	padding: 1px 5px;
}
.order_row #destination, .order_row #proof {
	margin-right: 30px;
}
.order_row #pages, .order_row #copies {
	width: 40px;
}
.order_row #pozytyw option {
	color: #000;
	background-color: #FFF;
}
.order_row label {	/* dla innyk kątów rastra */
	margin-right: 30px;
}
.order_row #express, .order_row #certyfikacja {
	margin-bottom: 10px;
}

span#koment, span#proofkoment {
	color: #C33;
}
.order_row.shipping_address {
	display: none;
}
.order_row.shipping_address p {
	margin-bottom: 15px;
	margin-left: 2px;
	margin-right: 2px;
}

.order_row .lpad_lpi {
	padding-left: 3%;
}
.order_row .buttons {
	width: 100%;
}


.order_row.code {
	margin-left: 20px;
}


.negative {
	color: #FFF;
	background-color: #000;
}
.mirror {
	-moz-transform:    scaleX(-1); /* Gecko */
	-o-transform:      scaleX(-1); /* Opera */
	-webkit-transform: scaleX(-1); /* Webkit */
	transform:         scaleX(-1); /* Standard */
/*	filter: FlipH; */                /* IE 6/7/8 */
}
.empty {
}

.sh_address {
}

.order_row input[type=text].valid_ok,
.order_row input[type=file].valid_ok {
	border-color: #999;
	background-color: #FFF;
}
.order_row input[type=text].valid_err,
.order_row input[type=file].valid_err {
	border-color: #C00;
	background-color: #FEE;	
}


.contact_row .item_L {
	padding-right: 10px;
}
.contact_row p {
	text-align: left;
}
.contact_row p.small {
	margin-top: -3px;
}
.contact_row img {
	width: 100%;
	max-width: 64px;
	float: none;
	margin: 0px;
	margin-top: 7px;
}
.contact_row img.map {
	max-width: 300px;
	border: 1px solid #ccc;
}



h2.faq {
	margin-bottom: 20px;
}


.download_row {
	width: 100%;
	margin-bottom: 40px;
}
.download_row td {
	vertical-align: bottom;
}
.download_row img {
	width: 24px;
	height: 24px;
	margin: 3px 0px;
}


.wzornik_span {
	color: #a00;
    cursor: pointer;
}
.wzornik_div {
	width: 102%;
	display: none;
}
.wzornik_item {
	float: left;
	width: 13.4%;
	margin: 2px;
    cursor: pointer;
}
.wzornik_opis {
	text-align: center;
	font-size: 0.7em;
}
.wzornik_kolor {
	border: 1px solid #ddd;
	height: 40px;
}
.wzornik_popup {
	border: 1px solid #ddd;
	width: 80%;
	height: 150px;
	margin: 0 auto;
}



/* cookies */
#cookie_banner {
	width: 100%;
	position: relative;
	top: 0;
	background-color: #bbb;
	border: 1px solid #888;
}
#cookie_banner .wrapper {
	margin: 0 auto;
	padding: 10px;
	max-width: 980px;
	color: #eee;
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.1em;
}
#cookie_banner .wrapper .close_btn, #info_banner .wrapper .close_btn {
	float: right;
	cursor: pointer;
	margin-left: 20px;
	margin-bottom: 20px;
}

#info_banner {
	position: fixed; 
	top: 150px; 
	max-width: 350px; 
	min-height: 100px; 
	padding: 15px 20px;
	z-index: 1; 
/*	background-color:#ffc1b6;
	border: 5px solid red; */
	background-color: #ddd;
	border: 1px solid #aaa;
	box-shadow: 10px 10px 20px #aaa; 
}
#info_banner .wrapper p {
	margin: 5px 0px;
}



/* Cenniki */
table.prices {
	width: 100%;
	border: 1px solid #999;
	background-color: #f9f9f9;
}
table.prices td, table.prices th {
	font-size: 0.85em;
	border: 1px solid #d3d3d3;
	padding: 1px 5px;
}
table.prices th {
	background-color: #e9e9e9;
	font-weight: bold;
}
table.prices th.price, table.prices td.price {
	width: 15%;
	min-width: 60px;
}
table.prices tr.tr_prices:hover {
	background-color: #fff0f0;
}





/***********************/
@media (max-width: 950px) {

.wzornik_opis {
	font-size: 0.65em;
}

}







/***********************/
@media (max-width: 800px) {

article.order {	margin-bottom: 30px; }

article.order .imagesetting_order_div a .menu_item, 
article.order .proof_order_div a .menu_item {
	max-width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.order_row .item_L, .order_row .item_R, .order_row .item_R_30,
.order_row .item_L_50, .order_row .item_R_50,
.order_row.buttons .item_L_50, .order_row.buttons .item_R_50 {
	width: 100%;
}
.order_row #email {
	width: 100%;
}

.order_row .lpad_lpi { padding-left: 0px; }
.empty { display: none;}

.wzornik_item {	margin: 2px 1px; }
.wzornik_opis {	display: none; }


}






/***********************/
@media (max-width: 720px) {

.menu a.menu_none {
	display: none;
}
.wzornik_opis {
	display: block;
}
.menu img {
	display: none;
}

}



/***********************/
@media (max-width: 640px) {

body { font-size: 13px; }

.logo img {
	height: 45px;
	width: 115px;
}

.logo, .h_text, .flags {
	width: 100%;
	text-align: center;
}

.row {  
	flex-direction: column;
}

.contact_row .item_L, .contact_row .item_R {
	width: 100%;
}
.contact_row img.map {
	float: none;
	margin-top: 10px;
}

.order_row #idfirma, .order_row #nazwisko, .order_row #plik,
.order_row #extinfo {
	min-width: auto;
}

#info_banner { max-width: 320px; }

}




/***********************/
@media (max-width: 480px) {

body { font-size: 12px; }

article.order .imagesetting_order_div a .menu_item, 
article.order .proof_order_div a .menu_item {
	width: 90%;
}

.wzornik_opis {
	display: none;
}

}




/***********************/
@media print {

body { font-size: 10px; }
.logo img {	height: 50px; }
.main img {
	max-width: 100px;
	max-height: 100px;
}

}


