@font-face
{
	font-family: 'OpenSans';
	src: url("../fonts/OpenSans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSans';
	src: url("../fonts/OpenSans-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}

@font-face
{
	font-family: 'OpenSans';
	src: url("../fonts/OpenSans-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face
{
	font-family: 'OpenSans';
	src: url("../fonts/OpenSans-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}


/* potrzebne do rozciągania niektórych elementów na całą wysokość */
html
{
	min-height: 100%;
	position: relative;
}

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #333;
	font-size: 16px;
}

table
{
	margin: 0;
	color: #333;
	font-size: 16px;
}

body, table, input, textarea
{
	font-family: 'OpenSans';
}

p
{
	margin-top: 0;
	margin-bottom: 1em;
}

h3
{
	margin-bottom: 0.5em;
}

input::-moz-focus-inner /* Removes button padding in FF */
{ 
	border: 0;
	padding: 0;
}

/* linki */
a
{
	color: #f5860d;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.2s;
}

a:hover
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

/* formularz */
input[type='text'], input[type='password'], textarea, select
{
	border: 1px solid #bbb;
	background: #f7f7f7;
	padding: 4px;
	margin-right: 6px;
	font-size: 16px;
	color: #333;
}

input[type='submit'], input[type='button'], a.button, a.small_button, input.small_button, a.button_alert, button, a.news_more
{
	border: 0;
	padding: 5px 25px 6px 25px;
	line-height: 1;
	display: inline-block;
	border-radius: 6px;
	background-color: #f5860d;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	font: inherit;
	transition: all 0.2s;
}

input[type='submit']:hover, input[type='button']:hover, a.button:hover, input.small_button:hover, a.button_alert:hover, button:hover, a.news_more:hover
{
	background-color: #777;
	font-weight: normal;
}

input[type='text'].readonly
{
	background: #fff;
	border: none;
}

a.small_button, input.small_button
{
	padding: 2px 10px 5px 10px;
}

a.button_alert
{
	margin-left: 6px;
	background: #cc0000;
	color: #fff;
}

/* przyciski wyświetlane obok siebie */
a.block
{
	display: inline-block;
	margin-right: 10px;
	text-align: center;
}

input[type='text'].error, input[type='password'].error, textarea.error, select.error, label.error, span.error
{
	border: 1px solid #cc0000;
}

input[type='text'].wide
{
	width: 550px !important;
}

input[type='text'].short, input[type='password'].short
{
	width: 130px !important;
}

input[type='text'].date
{
	width: 100px !important;
}

input[type='text'].number
{
	width: 60px !important;
}

input.captcha_code
{
	text-transform: uppercase;
	width: 130px !important;
}

div.textarea_comment
{
	white-space: initial;
	max-width: 250px;
	margin-top: 3px;
}

a.light
{
	background: #888;
}

/* długa tabelka przesuwana poziomo na telefonie */
div.table_container
{
	overflow: hidden;
	width: auto;
}

div.table_container_in
{
	overflow-x: auto;
}

.clear
{
	clear: both;
	overflow: hidden;
	float: none !important;
}

.no_wrap, .nowrap
{
	white-space: nowrap;
}

div.no_page
{
	text-align: center;
	font-size: 1.2em;
}

div.no_page h3
{
	font-size: 25px;
}

div.no_page img
{
	width: 180px;
	height: auto;
}

/* tabelka na formularz */
div.table, div.list
{
	display: table;
}

div.table_margin
{
	display: table;
	margin-top: 12px;
}

div.tr
{
	display: table-row;
}

div.td
{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 8px 10px 0;
}

div.td_top
{
	display: table-cell;
	vertical-align: top;
	padding: 2px 8px 10px 0;
}

/* gdy zawartość komórki jest u góry to zrób odstęp od góry */
div.td_top label
{
	display: inline-block;
	box-sizing: border-box;
	padding-top: 4px;
}

div.td_center
{
	padding: 5px 8px 10px 0;
}

/* tabelka do wyświetlania tekstów, np events */
div.td_text
{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px;
}

.pr
{
	padding-right: 20px !important;
}

div.list div.td, div.list div.td_top
{
	border-bottom: 1px solid #bbb;
	padding-right: 20px;
}

form.block
{
	margin-top: 10px;
	margin-bottom: 15px;
}

/* formularz z przyciskiem submit na środku */
form.button_center div.table div#tr_submit div.td
{
	text-align: center;
	padding-top: 20px;
}

span.form_element
{
	padding-right: 10px;
}

div.td input[type="text"], div.td textarea, div.td_center textarea
{
	width: 290px;
}

div.td textarea
{
	height: 100px;
}

textarea.short
{
	width: 300px !important;
	height: 50px !important;
}

textarea.medium
{
	width: 450px !important;
	height: 200px !important;
}

textarea.large
{
	width: 700px !important;
	height: 300px !important;
}

textarea.mce_editor
{
	width: 600px !important;
	height: 240px !important;
}

input.mce_editor
{
	width: 600px !important;
}

div.critical_error h3
{
	margin-bottom: 4px;
}

div.error
{
	box-sizing: border-box;
	background: #cc0001;
	background-image: url('../images/attention.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 70px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	margin-top: 12px;
	margin-bottom: 12px;
	min-height: 70px;
	height: auto;
	line-height: 1.6;
}

div.error h3
{
	margin-top: 0;
	margin-bottom: 12px;
}

.error_small
{
	display: inline-block;
	box-sizing: border-box;
	padding: 6px 6px 8px 6px;
	margin-bottom: 8px;
	background: #cc0001;
	color: #fff;
}

a.close
{
	display: block;
	line-height: 1em;
	margin-top: 5px;
}

div.error a:link, .error_small a:link, div.error a:visited, .error_small a:visited
{
	color: #fde437;
	text-decoration: none;
}

div.error a:hover, .error_small a:hover
{
	color: #fff;
	text-decoration: underline;
}

.alert, a.alert
{
	color: #cc0000;
}

a.alert:hover
{
	color: #555;
}


.small_message
{
	padding: 6px;
	border: 1px solid #aaa;
	margin-top: 6px;
}

/* debugowanie strony */
div.debug
{
	border: 2px dotted #999;
	padding: 12px;
	font-family: "Courier New";
	font-size: 16px;
	clear: both;
	margin-bottom: 12px;
	background: #fffeea;
	word-wrap: break-word;
}

div.frame, p.frame, div.confirmation
{
	background: #f4f4f4;
	border: 1px solid #AAA;
	padding: 1em;
	text-align: left;
	line-height: 1.6;
	margin-top: 15px;
	margin-bottom: 15px;
}

img#captcha
{
	vertical-align: middle;
}

img#refresh
{
	width: 30px;
	height: auto;
	margin-left: 5px;
	vertical-align: middle;
}

div.back
{
	margin-top: 20px;
	clear: both;
}

.block
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	clear: both;
}

.block_big
{
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

p.empty
{
	height: 1em;
}

div.right
{
	float: right;
}

div.left
{
	float: left;
}

h4
{
	margin-top: 28px;
	margin-bottom: 8px;
	font-size: 1.2em;
}

h5
{
	margin-bottom: 10px;
	font-size: 1.1em;
}

/* tytuł nad treścią pokazywaną w new_div przez ajax */
h3.new_div_title
{
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 20px;
}

h4.small_header
{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 8px;
}

h4.header_center
{
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 4px;
	text-align: center;
}

h4.top_header
{
	margin-top: 10px;
	margin-bottom: 15px;
}

span.first_element
{
	font-size: 26px;
	color: #bb0000;
}

/* tabelka do wyswietlania listy rekordów - co drugi wiersz ma inne tło */
table.list
{
	border-collapse: separate;
	border-spacing: 1px;
	margin-top: 8px;
}

table.list td, table.list th
{
	padding: 6px;
}

table.list th
{
	background: #d2d2d2;
	color: #232323;
	text-align: center;
	font-weight: normal;
}

tr.list1, td.list1
{
	background: #e6e6e6;
	color: #222222;
}

tr.list2, td.list2
{
	background: #f1f1f1;
	color: #222222;
}

tr.list1 p, tr.list2 p
{
	margin: 0;
}

tr.highlight
{
	background: #c5f051 !important;
}

td.no_border
{
	border: 0;
}

/* tabelka do wyswietlania listy rekordów - bez naprzemiennego tła wierszy */
table.easy_list
{
	border-collapse: separate;
	border-spacing: 1px;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

table.easy_list td, table.easy_list th
{
	padding: 6px;
}

table.easy_list tr
{
	background: #f6f6f6;
}

table.easy_list td
{
	border-bottom: 1px solid #ccc;
}

table.easy_list th
{
	background: #d2d2d2;
	color: #232323;
	text-align: left;
	font-weight: normal;
}

/* tabelka z ramką */
table.frame
{
	border-collapse: collapse;
	border: 1px solid #A8A8A8;
	border-spacing: 0;
}

table.frame thead tr
{
	background: #eee;
	font-weight: bold;
}

table.frame td, table.frame th 
{
	border: 1px solid #A8A8A8;
	padding: 5px;
}

table.frame td ul, table.frame td ol
{
	padding-left: 20px;
}

div#arrow_up
{
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-right: 10px;
	border-radius: 6px;
	font-size: 26px;
	line-height: 1;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	background-color: #307a7a;
}

div#arrow_up:hover
{
	background-color: #777;
}

div#arrow_up i
{
	display: block;
}

img.arrow
{
	vertical-align: middle;
}

div#print
{
	text-align: right;
}

div#print a
{
	font-weight: normal;
}

div#print img, div#print i
{
	margin-left: 8px;
}

div.line
{
	background: #bbb;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
}

div.paginator
{
	width: 100%;
	margin-top: 15px;
}

div.paginator a, span.paginator_no_active
{
	background: #888;
	color: #fff;
	padding: 4px 10px 5px 10px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 4px;
	margin-top: 3px; /* gdy zawija na mniejszych ekranach */
	font-weight: normal;
	text-decoration: none;
}

div.paginator a:hover
{
	background: #bb0000;
}

span.paginator_no_active
{
	background: #444;
}


/* -- wyszukiwarka i języki -- */
div#langs_search
{
	height: 30px;
	margin-top: 10px;
}

/* języki */
div#langs
{
	margin-top: 5px;
	margin-left: 15px;
	float: left;
}

div#langs a:link, div#langs a:visited
{
	color: #444;
	text-decoration: none;
	font-weight: normal;
}

div#langs a:hover
{
	color: #cc0000;
}

/* wybrany język */
div#langs span
{
	color: #444;
	font-weight: bold;
}

img.flag, img.flag_active
{
	width: 30px;
	height: auto;
	vertical-align: middle;
}

img.flag_active
{
	border: 1px solid #ccc;
}

/* breadcrumb (path) */
div#breadcrumb
{
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #777;
}

div#breadcrumb a
{
	font-weight: normal;
}

/* link "edytuj" */
div.cms_edit
{
	color: #000 !important;
	margin-bottom: 5px;
	text-align: right;
}

div.cms_edit a
{
	display: inline-block;
	padding: 1px 6px 3px 6px !important;
	color: #cc0000 !important;
	font-size: 16px !important;
	background: #fff;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #bbb !important;
	border-radius: 3px;
}

div.cms_edit a:hover
{
	color: #777 !important;
}

.visible
{
	display: inline;
}

.hidden
{
	display: none;
}


/* potwierdzenie operacji */
div.confirmation
{
	text-align: center;
	width: 70%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto;
}

div.confirmation h3, div.frame h3
{
	margin-top: 0;
	margin-bottom: 20px;
}

div.confirmation span
{
	display: block;
	margin-bottom: 20px;
}

/* kontenery na przycisk */
div.button_center
{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
}

div.button_right
{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/* obrazki, które wychodzą poza obszar są automatycznie skalowane */
div.page_content img
{
	max-width: 100%;
	height: auto;
}

/* pierwszy paragraf bez marginesu górnego */
div.page_content p:first-child
{
	margin-top: 0;
}

/* paragraf w liście wypunktowanej bez odstępu */
div.page_content li p
{
	margin: 0 !important;
}

/* pokaż/ukryj ikonę 'download' w lightbox */
#lightbox-image-download
{
	display: none;
}

/* rozwijane sekcje w tekście */
.hidden
{
	display: none;
}

/* formularz do rejestracji - informacja czy login jest dostępny */
span#login_info
{
	display: none;
	padding: 5px;
	border: 1px solid #bb0000;
	margin-top: 4px;
}

/* przycisk do zapłaty przez payu */
a.payu_button
{
	display: inline-block;
	box-sizing: border-box;
	width: 290px;
	height: 50px;
	background-image: url('../images/payu_button.png');
	color: #fff;
	text-align: left;
	padding-left: 40px;
	padding-top: 8px;
	font-size: 21px;
}

/* przycisk do zapłaty przez imoje */
input.imoje_button
{
	width: 350px;
	height: 170px;
	border-radius: 15px;
	background-image: url('../images/imoje_button.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fbfbfb;
}

input.imoje_button:hover
{
	background-color: #fff;
}


/* przycisk do zapłaty przez paynow */
a.paynow_button
{
	width: 300px;
	height: 130px;
	display: inline-block;
	box-sizing: border-box;
	padding-top: 5px;
	font-size: 24px;
	background-image: url('../images/paynow_button.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 280px auto;
	background-color: #fbfbfb;
	text-align: center;
	border: 1px solid #999;
}

a.paynow_button:hover
{
	background-color: #fff;
}



/* ------------ KONSTRUKCJA -------------- */
div#top_bar
{
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}


header#top
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1180px;
	margin: auto;
	background: #000;
}

img#logo
{
	display: inline-block;
}

div#image_bar
{
	width: 100%;
	height: 154px;
	background-image: url("../images/layout/image_bar.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 20px;
}


h3.title
{
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 28px;
	font-family: 'OpenSans';
	font-weight: normal;
}

/* wyszukiwarka i ikony koszyka i konta */
div#shop_icons
{
	display: flex;
	justify-content: flex-end;
	margin-top: 25px;
}

div#shop_icons div
{
	text-align: center;
	padding-left: 25px;
}

div#shop_icons div
{
	font-size: 23px;
}

div#shop_icons a
{
	margin-right: 10px;
	color: #222;
}
div#shop_icons a:hover
{
	color: #f5860d;
}


div.container, div.container_flex
{
	width: 1140px;
	margin: auto;
}

div.container_flex
{
	display: flex;
	margin-top: 20px;
}

div.page_content
{
	margin-top: 35px;
	word-wrap: break-word; /* za długie słowa będą łamane np jakieś linki */
	line-height: 1.5;
	min-height: 200px;
}


/* stopka */
footer
{
	padding-top: 20px;
	padding-bottom: 20px;
}

div.footer_container
{
	width: 1180px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	color: #ccc;
}

div.footer_container a
{
	color: #ccc;
	font-weight: normal;
}

div.footer_container a:hover
{
	color: #fff;
}


/* Logo i kontakt w stopce */
img#footer_logo
{
	width: 315px;
}

footer#contact
{
	margin-top: 50px;
	background: #000;
}

div#contact
{
	display: flex;
	justify-content: space-between;
	line-height: 1.6;
}

div#contact i
{
	font-size: 22px;
	margin-right: 10px;
	vertical-align: text-top;
}

footer#links
{
	border-top: 1px solid #444;
	background: #000;
}

div#contact_links
{
	padding-left: 60px;
	line-height: 2.2;
}

div#footer_links span
{
	margin-left: 8px;
	margin-right: 8px;
}

div#footer_links span#hide_edit, div#footer_links span#show_edit
{
	margin-left: 0;
	margin-right: 0;
}


/* ---- Strona główna ---- */
h3.start_title
{
	margin-top: 40px;
	font-size: 32px;
	color: #555;
}

/* tekst */
div.start
{
	display: flex;
	gap: 25px;
	font-size: 17px;
	line-height: 1.8;
}

div.start div
{
	width: 50%;
}

div.start div img
{
	width: 260px;
}

/* Promocje */
div.start_shop
{
	margin-bottom: 35px;
}


/* Sklep - układ dwóch kolumn */
div#left_column
{
	box-sizing: border-box;
	width: 290px;
	padding: 5px 30px 10px 0px;
}

div#left_column h3.title
{
	font-size: 17px;
}

div#left_column h3.title a
{
	color: #444;
}

div#left_column h3.title a:hover
{
	color: #bb0000;
}

div#right_column
{
	width: 880px;
	box-sizing: border-box;
}