/* dopasowuje zdjęcia z klas± "responsive" do rozmiaru strony */
img.responsive
{
	max-width:100% !important;
	height:auto !important;
	float:none !important;
}

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

div#new_div_container
{
	display:none;
	position:fixed;
	width:100%;
	top:110px;
	z-index:100;
}
div#new_div_content
{
	width:500px;
	padding:15px;
	margin:auto;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #aaa;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
div#new_div_inner_content
{
	height:500px;
	overflow:auto;
}
a#window_close
{
	display:block;
	float:right;
	width:21px;
	height:25px;
	background-image:url('../images/close.gif');
	background-repeat:no-repeat;
}

.clear
{
	clear:both;
	overflow:hidden;
	float:none !important;
}
.block
{
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}
.no_wrap
{
	white-space:nowrap;
}
div.no_page
{
	text-align:center;
	font-size:16px;
}
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:5px 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;
}

/* 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;
}
span.form_element
{
	padding-right:10px;
}

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

textarea.short
{
	height:5em !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 60px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	margin-top:12px;
	margin-bottom:12px;
	min-height:70px;
	height:auto;
	line-height:1.6em;
}

.error_small
{
	box-sizing:border-box;
	background:#cc0001;
	color:#fff;
	padding:4px 6px;
	margin-top:4px;
	margin-bottom:4px;
}

div.error a:link, .error_small a:link, div.error a:visited, .error_small a:visited
{
	color:#93deff;
	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;
}


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

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

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

div.block
{
	margin-top:6px;
	margin-bottom:6px;
	clear:both;
}
div.block_big
{
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}
div.debug
{
	border:2px dotted #999;
	padding:12px;
	font-family:"Courier New";
	font-size:16px;
	clear:both;
	margin-bottom:12px;
	background:#fffeea;
}
div.gap
{
	height:20px;
	clear:both;
}
div.right
{
	float:right;
}
div.left
{
	float:left;
}

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

h4.small_header
{
	font-size:18px;
	font-weight:bold;
	margin-top:0;
	margin-bottom:12px;
}
span.first_element
{
	font-size:26px;
	color:#bb0000;
}

/* tabelka do wyswietlania listy rekordów */
table.list
{
	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;
}

/* tabelka do wyswietlania listy rekordów - bez naprzemiennego tła wierszy */
table.easy_list
{
	border-collapse:separate;
	border-spacing:1px;
	margin-top:8px;
}
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 td 
{
	border:1px solid #A8A8A8;
	padding:5px;
}
table.frame td ul, table.frame td ol
{
	padding-left:20px;
}

div.paginator
{
	margin-top:15px;
}
div.paginator a, span.paginator_no_active
{
	background:#888;
	color:#fff !important;
	padding:4px 12px 5px 12px !important;
	text-align:center;
	display:block;
	float:left;
	margin-right:2px;
	font-weight:normal;
	border:0 !important;
}
div.paginator a:hover
{
	background:#444;
}
span.paginator_no_active
{
	background:#444;
}

/* breadcrumb (path) */
div#breadcrumb
{
	font-size:13px;
	color:#777;
}
div#breadcrumb a
{
	font-weight:normal;
}
div.cms_edit
{
	float:right;
	background:#fff;
	color:#bb0000 !important;
	padding:1px 5px 2px 5px;
	border:1px solid #ccc;
}
.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;
}

div.button_center
{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

input[type='submit'], input[type='button'], a.button, a.small_button, input.small_button
{
	border:0;
	padding: 12px 30px;
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	background: #E73246;
	color: #fff;
	transition: all .15s;
	border-radius: 3px;
}
input[type='submit']:hover, input[type='button']:hover, a.button:hover, input.small_button:hover, a.small_button:hover
{
	background:#69c350;
	color:#fff;
	font-weight:normal;
}
a.small_button, input.small_button
{
	padding:6px 10px 6px 10px;
}
input[type='text'].error, input[type='password'].error, textarea.error, select.error, label.error, span.error
{
	border:1px solid #cc0000;
}
input[type='text'].full, textarea.full
{
	width:100% !important;
}
input[type='text'].wide, textarea
{
	width:550px !important;
}
input[type='text'].short, input[type='password']
{
	width:130px !important;
}
input[type='text'].date
{
	width:120px !important;
}
input[type='text'].medium
{
	width:400px !important;
}

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

a.light
{
	background:#888;
}

/* dodatkowe do Rosa css */
/* Galeria */
ul.tabs
{
	margin:0;
	padding:0;
	margin-top:25px;
	margin-bottom:35px;
	text-align:center;
}
ul.tabs li
{
	display:inline-block;
	font-size: 2rem;
	font-family: 'Source Sans Pro', Georgia, serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #262526;
	padding-left:8px;
	padding-right:8px;
}
ul.tabs a
{
	color:#262526;
}
ul.tabs a.current
{
	color:#c0d785;
	text-decoration:underline;
}
ul.tabs a:hover
{
	color:#c0d785;
	text-decoration:underline;
}

/* Zaufali nam - logotypy */
div.partners
{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
div.partners img
{
	max-width:130px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	vertical-align:middle;
}

/* Ikony social w stopce */
div#socials a
{
	text-decoration:none;
}

/* logo małe */
div.site-header__branding img
{
	width:150px;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
}

/* logo duże na stronie głównej */
img#logo_banner
{
	width:450px;
	height:auto;
}

/* Blog - nagłówki */
h2.article_title a
{
	color: #252525 !important;
	border:0 !important;
	font-weight: bold;
}
h2.article_title a:hover
{
	color: #00782c !important;
}
h2.article_title
{
	margin-top:0;
}

/* Nagłówki na bannerze */
h1.solo
{
	background:rgba(0,0,0,0.7);
	color:#fff;
	padding:16px 30px 15px 30px;
}
hgroup.top_banner
{
	padding-top:65px;

}
a.active
{
	border-bottom:3px solid #888;
}

div#langs
{
	float:right;
	margin-right:25px;
}
div#langs a, div#langs span
{
	padding-left:5px;
}
div#langs span
{
	text-decoration:underline;
}
/* formularz do rejestracji */
span#login_info
{
	display:none;
	padding:3px;
	border:1px solid #bbb;
	margin-left:5px;
}

/* sklep, szkolenia, ... */
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:14px;
	font-size:21px;
}
img.arrow
{
	vertical-align:center;
}
#login_box input[type=text], #login_box input[type=password]
{
	margin-right:0;
	width:150px !important;
}
#login_box div.td
{
	padding-right:0;
}
#login_box label
{
	margin-right:5px;
}
div.small_bottom_space
{
	margin-bottom:8px;
}

input.imoje_button, input.imoje_button:hover
{
	width:350px;
	height:170px;
	border-radius:15px;
	background-image:url('../images/imoje_button.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#f5f5f5;
}
input.imoje_button:hover
{
	background-color:#fff;
}