/*
KOLORYSTYKA

#f56d6d; .menu,.sub_menu1, .u_button, .menu_button, .icon4:before, google, .searchBox, .blok_cechy > .blok_wnetrze div, .tag, .u_button_ulubione_dodaj

#ff8686; .menu_button:hover, tag:hover, button_u

#ffb8a6; menu_button2 (kolor menu rozwijanego)

#ffb8a6; .kolumna_tytul_glowny, .footer, .naglowek

#b4acab; shadow: .container, .przepis_miniatura:hover, .sortowanie_blok select:hover

#fff1ed; .toogle_id:hover, .kolumna_tytul:hover, .kolumna_link:hover, .u_button_dodaj_nowy_komentarz:hover, .przepis_data

*/


/*SZYBKIE STYLE DO HEAD*/
/*SZYBKIE STYLE DO HEAD*/
/*SZYBKIE STYLE DO HEAD*/
/*SZYBKIE STYLE DO HEAD*/
/*SZYBKIE STYLE DO HEAD*/

body{padding:0;margin:0}

div {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}

a {
	text-decoration: none;
	cursor:pointer;
	color:#000;
}

h1, h2 {
	text-align:center;
	margin: 20px 20px 30px;
	font-family: "Platino", serif;
}

h1 {
	line-height: 44px;
	color: #222;
}

.container {
	width:100%;
	max-width:1382px;
	margin:0 auto;
	background:#fff;
	font-size:18px;
	font-family: "Georgia", serif;
	line-height:28px;
	border:1px solid #222;
	border-top:0;
	box-shadow: 0 0 15px #b4acab;	
}

.logo {
	height:150px;
	text-align:center;
	padding: 35px 0 0;
}

.logo a {
	background:url(grafika/logo.png) left top no-repeat;
	background-size: 100%;
	display:block;
	height:80px;
	width:380px;
	max-width: 100%;
	margin:0 auto;
}

.left_col, .right_col {
	width:230px;
}

.left_col {
	float:left;
	border-right:1px solid #222;
}

.right_col {
	float:right;
	border-left:1px solid #222;
}

.mid_col {
	margin:0px 229px;
	padding:10px 0px;
}

.mid_col_container {
	position:relative;
}

.footer {
	clear: both;
	background:#ffb8a6;
	text-align:center;
	padding:10px 20px;
}

.menu {
	position: sticky; 
	top: 0px; 
	background:#f56d6d;
	color:#fff;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	height:40px;
	text-align:center;
}

.sub_menu1 {
	display: inline-block;
	background:#f56d6d;
	border:1px solid #222;
	border-top:0;
	position:absolute;
	top:39px;
	left:0;
	z-index:99;
}


.menu_buttons_blok {
	overflow:hidden;
}

.menu_button {
	display:block;
	float:left;
	height:38px; /*wysokość_menu_do_zmiany -2px*/
	line-height:38px; /*wysokość_menu_do_zmiany -2px*/
	text-align:center;
	background:#f56d6d; /*#f56d6d;*/ /*ba375c*/
	color:#fff;
	border-right:1px solid #eee;
	padding:0px;
	cursor:pointer;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.menu_button2 {
	float:none;
	height:30px;
	line-height:30px;
	background:#f56d6d;
	color:#fff;
	border-top:1px solid #222;
	text-align:left;
	padding-right:8px;
}

.kolumna_tytul, .kolumna_link {
	display:block;
	color:#000;
	margin:-1px 0 0;
	padding: 5px 6px 5px 6px;
	position:relative;
	vertical-align:middle;
}

/*SZYBKIE STYLE DO HEAD KONIEC*/
/*SZYBKIE STYLE DO HEAD KONIEC*/
/*SZYBKIE STYLE DO HEAD KONIEC*/
/*SZYBKIE STYLE DO HEAD KONIEC*/
/*SZYBKIE STYLE DO HEAD KONIEC*/


div {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}

a {
	text-decoration: none;
	cursor:pointer;
	color:#000;
}

a:hover {
	color:#ff8686;
}

h1, h2 {
	text-align:center;
	margin: 20px 20px 30px;
	font-family: "Platino", serif;
}

h1 {
	line-height: 44px;
	color: #222;
}

input {
	box-sizing: border-box;
}

.container {
	width:100%;
	max-width:1382px;
	margin:0 auto;
	background:#fff;
	font-size:18px;
	font-family: "Georgia", serif;
	line-height:28px;
	border:1px solid #222;
	border-top:0;
	box-shadow: 0 0 15px #b4acab;	
}

.logo {
	height:150px;
	text-align:center;
	padding: 35px 0 0;
}

.logo a {
	background:url(grafika/logo.png) left top no-repeat;
	background-size: 100%;
	display:block;
	height:80px;
	width:380px;
	max-width: 100%;
	margin:0 auto;
}

.left_col, .right_col {
	width:230px;
}

.left_col {
	float:left;
	border-right:1px solid #222;
}

.right_col {
	float:right;
	border-left:1px solid #222;
}

.mid_col {
	margin:0px 229px;
	padding:10px 0px;
}

.mid_col_container {
	position:relative;
}

.footer {
	clear: both;
	background:#ffb8a6;
	border-top:1px solid #222;
	text-align:center;
	padding:10px 20px;
}

.logo a:hover {
	background:url(grafika/logo2.png) left top no-repeat;
}

.footer a:hover {
	color: #fff;
}

.menu {
	position: sticky; 
	top: 0px; 
	background:#f56d6d;
	color:#fff;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	height:40px;
	text-align:center;
	z-index:30;
	font-family: "Platino", serif;
}

.sub_menu1 {
	display: inline-block;
	background:#f56d6d;
	border:1px solid #222;
	border-top:0;
	position:absolute;
	top:39px; /*wysokość_menu_do_zmiany -1px*/
	left:0;
	z-index:999;
}

.meta_akcji {
	display:none;
}

.u_button {
	display:inline-block;
	border:1px solid #333;
	background:#f56d6d;
	color:#fff;
	padding:0 6px;
	border-radius: 6px;
	cursor: pointer;
	font-size:80%;
	line-height: 20px;
}

.u_button:hover {
	background:#ff8686;
	color:#fff;
}

.testowa {
	background: #f00;
}

.p20 {
	padding:0 20px;
}

.button_prosze_czekac, .button_prosze_czekac:hover {
	background: repeating-linear-gradient(
		45deg,
		#e8e4d9,
		#e8e4d9 10px,
		#cbc6ba 10px,
		#cbc6ba 20px
	)
}

.menu_buttons_blok {
	overflow:hidden;
}

.menu_button {
	display:block;
	float:left;
	height:38px; /*wysokość_menu_do_zmiany -2px*/
	line-height:38px; /*wysokość_menu_do_zmiany -2px*/
	text-align:center;
	background:#f56d6d; /*#f56d6d;*/ /*ba375c*/
	color:#fff;
	border-right:1px solid #eee;
	padding:0px;
	cursor:pointer;
	margin:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    transition-duration: 0.3s;
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

.menu_button:hover {
	background: #ff8686; /*#ff8686;*/ /*#fc3969;*/
	color:#fff;
}

.menu_button2 {
	float:none;
	height:30px;
	line-height:30px;
	background:#f56d6d;
	color:#fff;
	border-top:1px solid #222;
	text-align:left;
	padding-right:8px;
}

.menu_button2:first-child {
	border:0px;
}

.icon2 {
	position:relative;
	padding-left: 35px;
}

.icon2:before {
	content: " ";
	position:absolute;
	top:5px;
	left:5px;
	width: 25px;
	height: 20px;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}

.icon3 {
	position:relative;
	/*padding-left: 35px;*/
	padding: 2px 8px 2px 40px;
}

.icon3:before {
	content: " ";
	position:absolute;
	top:-4px;
	left:0px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}

.icon4 { /*ikona w cechach przepisu */
	position:relative;
	padding-left: 40px;
}

.icon4:before {
	content: " ";
	position:absolute;
	top:50%;
	margin-top:-15px;
	left:5px;
	width: 30px;
	height: 30px;
	background-color:#f56d6d;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}

.icon5 { /*ikona w menu*/
	display: block;
	float:left;
	width:38px;
	height:38px; /*wysokość_menu_do_zmiany - 2px*/
	position:relative;
}


.icon5:before {
	content: " ";
	position:absolute;
	top:3px;
	left:4px;
	width: 30px;
	height: 30px;
	background-color:auto;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}

.after_icon5 {
	display:block;
	float:left;
	height:50px;
	padding-right:8px;
}

.icon6 {
	position:relative;
	padding-left: 36px !important;
	height:36px !important;
	line-height:36px !important;
	vertical-align:middle;
}

.icon6:before {
	content: " ";
	position:absolute;
	top:1px;
	left:7px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}

.like_icon6 {
	position:relative;
	height:36px !important;
	line-height:36px !important;
	vertical-align:middle;
}

.icon_home:before {	background-position: 0px 0px;}
.icon_menu:before {	background-position: -30px 0px;}
.icon_konto:before {	background-position: -90px 0px;}
.icon_kategorie:before { background-position: -0px -30px;}
.icon_skladniki:before { background-position: -210px 0px;}
.icon_przepis:before { background-position: -240px 0px;}
.icon_sub_menu:before { background-position: -60px -5px;}
.icon_link:before { background-position: -120px -7px;}
.icon_close:before { background-position: -150px -5px;}
.icon_inne:before { background-position: -240px -30px;}
.icon_szukaj:before { background-position: -270px 0px;}
.icon_admin:before {	background-position: -30px -30px;}
.icon_utworz:before {	background-position: -60px -30px;}
.icon_edytor:before {	background-position: -90px -30px;}
.icon_ok:before {	background-position: -120px -30px;}
.icon_blad:before {	background-position: -150px -30px;}
.icon_warning:before {	background-position: -180px -30px;}
.icon_podglad:before {	background-position: -210px -30px;}
.icon_fullscreean:before {	background-position: -270px -30px;}
.icon_left:before {	background-position: -0px -60px;}
.icon_right:before {	background-position: -30px -60px;}
.icon_close2:before {	background-position: -60px -60px;}
.icon_czas1:before {	background-position: -90px -60px;}
.icon_czas2:before {	background-position: -120px -60px;}
.icon_czas3:before {	background-position: -150px -60px;}
.icon_czas4:before {	background-position: -180px -60px;}
.icon_cena1:before {	background-position: -210px -60px;}
.icon_cena2:before {	background-position: -240px -60px;}
.icon_cena3:before {	background-position: -270px -60px;}
.icon_trudnosc1:before { background-position: -0px -90px;}
.icon_trudnosc2:before { background-position: -30px -90px;}
.icon_trudnosc3:before { background-position: -60px -90px;}
.icon_liczba_porcji:before { background-position: -90px -90px;}
.icon_blacha1:before { background-position: -120px -90px;}
.icon_blacha2:before { background-position: -150px -90px;}
.icon_blacha3:before { background-position: -300px -90px;}
.icon_zmiana:before { background-position: -210px -90px;}
.icon_nowy_komentarz:before { background-position: -270px -90px;top:0;left:3px;}
.icon_odpowiedz:before { background-position: -240px -90px;top:0px;left:3px;}
.icon_wyloguj:before { background-position: -120px -120px;}
.icon_zapisz:before { background-position: -150px -120px;}
.icon_dodaj_nowa_tresc:before { background-position: -180px -120px;}
.icon_jednostka:before { background-position: -210px -120px;}
.icon_ok1:before { background-position: -120px -150px;}
.icon_ok2:before { background-position: -150px -150px;}
.icon_sort_up:before { background-position: -240px -120px;}
.icon_sort_down:before { background-position: -270px -120px;}
.icon_ulubione_dodaj:before { background-position: -240px -150px;}
.icon_ulubione_dodaj:hover:before { background-position: -270px -150px;}
.icon_ulubione_usun:before { background-position: -270px -150px;}
.icon_ulubione_usun:hover:before { background-position: -240px -150px;}


.icon_ulubione_dodaj {
	padding: 0px 8px 2px 32px;
}

/*
.icon_home:hover:before { background-position: 0px -30px;}
.icon_menu:hover:before {	background-position: -30px -30px;}
.icon_kategorie:hover:before { background-position: -180px -30px;}
.icon_translate:hover:before { background-position: -60px -30px;}
*/

.menu_button_glowny {
font-weight: bold;
}

.menu_button_glowny:last-child {
	margin-right: 20px;
	color:#0f0;
}

.searchBox_cont {
	overflow:hidden;
	min-width:160px;
}

#___gcse_0 {
	line-height: 24px !important;

}

.gsc-search-box, .gsc-search-box-tools {
	margin: 0px !important;

}

.gsib_a {
	padding-top: 2px !important;

}

.gsc-control-cse, .gsc-control-cse-pl {
	padding:0 !important;
	background-color: auto !important;
	border: 0px !important;
	border-radius: 4px !important;
}

.gsc-input, .gsc-input-box {
	background-color: #eee !important;
	color: #000 !important;
	border: 0px !important;
	border-radius: 4px !important;
}

.gsc-search-button {
	width: 40px !important;
	background-color: #c0c0c0  !important;
	padding: 0px !important;
	border-radius: 2px !important;
}

.gsc-search-button-v2 {
	background-color: #c0c0c0  !important;
	padding: 8px 5px 5px !important;
	border: 0px !important;
}

.searchBox {
	background-color:#f56d6d;
	color: #fff;
/*	background-image:url('grafika/sprites.png');
	background-position: -270px 0px;
	background-repeat:no-repeat;
	padding-left:35px;*/
	border:1px solid #888;
	border-radius: 4px;
	width:auto;
	height:30px;
	margin: 3px 10px;
} 

.kolumna_tytul, .kolumna_link {
	display:block;
	border:1px solid #aaa;
	background:#fff; /*FFFBEA*/
	color:#000;
	box-shadow: 0 0 0px #deaad2 inset;
	border-left:0;
	border-right:0;
	margin:-1px 0 0;
	padding: 5px 6px 5px 6px;
	position:relative;
	vertical-align:middle;
	line-height:20px;
}

.kolumna_tytul {
	padding: 5px 6px 5px 23px;
}

.kolumna_tytul:before {
	content: " ";
	position:absolute;
	top:7px;
	left:3px;
	width: 20px;
	height: 20px;
}

.kolumna_tytul:hover, .kolumna_link:hover {
	background:#fff1ed; /*#fff1ed;*/
	color: #000;
}


.kolumna_tytul {
	
}


.kolumna_tytul:before {
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
	background-position: -330px -60px;
}


.kolumna_podmenu > .kolumna_tytul {
	padding: 5px 6px 5px 42px;
}

.kolumna_podmenu > .kolumna_link {
	padding: 5px 6px 5px 24px;
}

.kolumna_podmenu > .kolumna_tytul:before {
	left:22px;
}

.kolumna_podmenu > .kolumna_podmenu > .kolumna_tytul {
	padding: 5px 6px 5px 63px;
}

.kolumna_podmenu > .kolumna_podmenu > .kolumna_link {
	padding: 5px 6px 5px 44px;
}

.kolumna_podmenu > .kolumna_podmenu > .kolumna_tytul:before {
	left:43px;
}

.kolumna_tytul_glowny {
	background: #ffb8a6; /*#ff89a6;*/
	text-align: center;
	color:#3c3c3c;
	font-weight: bold;
}

/*
.kolumna_podmenu {
		padding-left: 20px;
		background: #f9e1f0;
}*/

.toogle_id:hover {
	cursor: pointer;
	background: #fff1ed;
}

.tabela1 {
border-collapse:collapse;
text-align:center;
border-color:gray;
border-style:inset;
border-width:1px;
}


table.tabela1 {
    border-collapse: collapse;
	margin:20px auto;
}

table.tabela1 td{
    border: 1px solid black;
	padding:8px 12px;
	text-align:center;
}

.blok {
	display:block;	
	margin: 10px 0;
	border:1px solid #545454;
	box-shadow: 3px 3px 5px #dee3e1;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.blok_data_ulubione {
	position:relative;
	display: flex;
	justify-content: space-between;
	width:50%;
	padding:0 0 0 0px;
}

.blok_obraz_recenzja_cechy {
	overflow:hidden;
	padding-right:10px;
	margin-right:-10px;
}

.blok_obraz_container {
	float:left;
	width:50%;
	position:relative;
}

.blok_obraz {	
	position:relative;
	background-color: #24262e;	
	cursor:pointer;
	margin-top:0;
	top: 0px; left: 0px; 
	width: 400px; 
	height: 720px; 
	max-height:100%;
	overflow: hidden; 
	visibility: hidden; 
	border:1px solid #222;
}




/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l  (normal)
.jssora05r  (normal)
.jssora05l:hover    (normal mouseover)
.jssora05r:hover    (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('grafika/sprites.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -190px; }
.jssora05r { background-position: -70px -190px; }
.jssora05l:hover { background-position: -130px -190px; }
.jssora05r:hover { background-position: -190px -190px; }
.jssora05l.jssora05ldn { background-position: -250px -190px; }
.jssora05r.jssora05rdn { background-position: -310px -190px; }

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p    (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav(active)
.jssort01 .p.pdn(mousedown)
*/

.jssort01 {
	position:absolute;
	left:0px;
	bottom:0px;
	width:400px;
	height:120px;
	background:#777;
	border-top:1px solid #222;
}

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 100px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 62px;
    height: 96px;
    border: #222 2px solid;
    box-sizing: content-box;
    background-color: auto;
}

.jssort01 .pav .c {
    top: 0px;
    left: 0px;
    width: 62px;
    height: 96px;
    border: #fff 2px solid;
}

.jssort01 .p:hover .c {
	width: 60px;
    height: 94px;
    border: 2px solid #fff;    
}

.jssort01 .p.pdn .c {
    width: 62px;
    height: 96px;
    border: #222 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 66px;
    height /**/: 100px;
}

.jssor {
	
}

.jssor_img {
	cursor: pointer; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 400px; 
	height: 600px; 
	overflow: hidden;
}

#fullscrean_cont {
	position:fixed;
	top:0;
	left:0;
	background:#000;
	background-color: rgba(0,0,0,0.8);	
	width:100%;
	height:100%;
	min-height:100%;
	z-index:9999;
}

#fullscrean_cont2 {
	width:100%;
	height:100%;
	min-height:100%;
}

.fullscrean {
	position:absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	z-index:9999;
}




.blok_recenzja_cechy {
	float:left;
	width:50%;
	padding:0 0 0 20px;
}

.blok_cechy {
	margin:0 0 20px;
}

.blok_recenzja {
	margin:10px 0 20px;
}

.blok_recenzja > .blok_wnetrze {
	padding:10px;
}

.blok_cechy > .blok_wnetrze div {
	line-height:40px;
	border-bottom:1px solid #878787;
	background:#f56d6d;	
}

.blok_cechy > .blok_wnetrze div div {
	background:#fff;
	/*box-shadow: 2px 0 12px 0px #dee3e1 inset;*/
	border-left:1px solid #dee3e1;
	padding: 0 0 0 8px;
}

.blok_cechy > .blok_wnetrze div div div {
	background-color:rgba(0, 0, 0, 0);
	border: 0;
	box-shadow: 0 0 0 0;
	border-left:0;
	line-height:25px;
	padding: 10px 0 0;
}

.blok_cechy > .blok_wnetrze div div div:last-child {
	padding-bottom:10px;
}

.blok_cechy > .blok_wnetrze div:last-child {
	border-bottom:0;
}


.blok_wnetrze1 {
	box-shadow: 0px 0 10px 0px #e6e6e6 inset;
	border-left:1px solid #dee3e1;
	overflow:auto;
}
.blok_wnetrze2 {
	margin:20px;
}

.blok_wnetrze2 a {
	color: #f56d6d;
}

.blok_wnetrze2 a:hover {
	color: #ff8686;
}

a.tag {
	color: #fff !important;
}

.krok_przepisu {
	margin: 0 0px 16px;
}

.blok_przepis h3 {
	font-size:110%;
	text-align:left;
	margin: 0 0 6px;
	padding:0;
}

.blok_przepis p, .blok_ze_zdjeciem p {
	margin: 0px 0 12px;
	padding:0;
}

.blok_kategoria {

}

.blok_skladnik_opis {
	margin-left:330px; /*blok_obraz + blok_cechy + 20*/
	width:auto;
}

.naglowek {
	display:block;
	text-align:center;
	margin:0;
	padding:1px 5px;
	background:#ffb8a6; /*ffb8a6*/
	border-bottom:1px solid #545454;
	font-size:110%;
	color: #3c3c3c;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

ul.skladniki {
	margin:0 0 10px;
	padding:0;
}

ul.skladniki li {
	list-style-type:none;
	margin:0;
    padding: 0 0 0 20px;
    position: relative;
}

ul.skladniki li:before {
    position: absolute;
	content: "";
    margin: 6px 0 0 -20px;     
	width:20px;
	height: 20px; 
    background: url(grafika/sprites.png) -192px -90px no-repeat;
}

.skladniki_podtytul {
	font-size:110%;
	text-align:left;
	margin: 0 0px;
	padding:0;
}

.blok_zmiana_jednostki {
	border-top:1px solid #999;
	padding:10px;
	text-align:center;
}

.button_zmiana_jednostki {
	padding: 2px 8px 2px 40px;
}

.button_zmiana_jednostki:before {
	top: 0px;
	left: 5px;
}

.sortowanie_blok {	
/*	margin: 20px 20px 0;
	border:1px solid #aaa;
	border-radius: 6px;
	padding: 10px 20px;
	background:#f4f2e4;
	box-shadow: 0 0 12px 0px #d7cfa5 inset;*/
}

.sortowanie_blok select {
	border-radius:4px;
	cursor:pointer;
	box-shadow: 0 0px 10px #eee inset;
    background: #fff3f6;
    color:#444;
    border:1px solid #999;	
    display: inline-block;	
}

.sortowanie_blok select:first-child {
	margin: 0 8px 0 0;
}

.sortowanie_blok select:hover {
	box-shadow: 0 0px 10px #b4acab;
}

.sortowanie_blok td {
	padding-right: 5px;
}

.sortowanie_blok option {
	padding: 0 6px 0;
}

.button_sortowanie {
	padding: 2px 8px 2px 40px;
	margin: 10px 5px;
}

.button_sortowanie:before {
	top: 0px;
	left: 5px;
}

.button_aktywny_u {
	box-shadow: 0px 0px 15px 0px #000 inset;
	border:2px solid #ff9600;
}

.tag {
	display:inline-block;
	background: #f56d6d;/*#f56d6d;*/
	box-shadow: 0 0 0px #c187b7 inset;
	border:1px solid #222;
	border-radius:4px;
	margin: 5px 6px 0 0;
	padding: 0 6px;
	font-size:80%;
	line-height: 24px;
}

.tag:hover {
	background: #ff8686;
}

.lista3 {
	list-style-type:disc;
	margin:6px 10px 10px;
}

.button_nieaktywny {background:#333;opacity:0.5}
.button_nieaktywny:hover {background:#333;}

.aktywna_zmiana_jednostki {
	
}

.panel_login {
	position:relative;
	padding: 10px 16px;
	margin: 10px 20px 25px;
	border: 1px solid #999;
	border-radius: 6px;
}

.email2 {
	display:none;
}

.reg_numer {
	display:inline-block;
	margin-left:-45px;
	width:40px;
}

.reg_punkt {
	padding-left:45px;
	margin: 0 0 20px;
	text-align:left;
}

.tekstowe {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 2px 5px;
	border: 1px solid #b7b7b7;
	background: rgb(252,252,252);
	box-shadow: 0px 1px 2px #ddd inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
}

.komentarz {
/*	border: 1px solid #999;
	border-bottom:0;*/
	margin: 20px 0px;
	padding: 0 0 0 60px;
	position:relative;
}

.komentarz:last-child {
/*	border-bottom:1px solid #999;*/
}

.komentarz_info div {
	display: inline-block;	
}

.komentarz_info div:first-child {
	color:#8a6b18;
}

.komentarz_info div:nth-child(2) {
	color:#8f8c85;
	font-size:80%;
	padding: 0 0 0 10px;
}

.komentarz_tresc {

}

.komentarz_dodaj_tresc {
	width:100%;
	height:100px;
	resize: none;
	font-size:100%;
}

.email {
	width:100%;
	max-width:300px;
	display:none;
}

.znaki_limit {
	text-align:right;
	font-size:80%;
	line-height:15px;
	color:#444;
}

.komentarz_icon {
	position:absolute;
	top:0px;
	left:0px;
	width: 60px;
	height: 60px;
	background-color:auto;
	background-repeat: no-repeat;
	background-image:url(grafika/sprites.png);
}
.icon_pati { background-position: 0px 0px;}
.icon_gosc { background-position: -60px -120px;}
.icon_user { background-position: -0px -120px;}

.skladnik a {
	color:#000;
}

.skladnik a:hover {
	color:#ff8686;
}

.container_miniatury {
	position:relative;
	overflow:hidden;
	padding: 20px 10px;
}

.przepis_miniatura {
	display:block;
	float:left;
	margin: 0px 10px 20px;
	border:1px solid #555;
	border-radius:6px;
	overflow:hidden;
	width:200px; /*modyfikowany w js*/
	cursor:pointer;	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

.przepis_miniatura:hover {
	box-shadow: 0 0px 10px #b4acab;
	transition-duration: 0.3s;
}

.miniatura_slide_show {
	float:none;
	width:auto;
	margin-bottom:0px;
}

.miniatura_3 {
	float:none;
	width:auto !important;
	overflow:hidden;
	margin: 0px 10px 40px;
}

.miniatura_3_zdjecie_i_cechy {
	overflow:hidden;
	position:relative;
	color: #000;
}

.miniatura_3_zdjecie_blok {
	float:left;
	width:40%;
	margin:0 20px 0 0;
	background: #fff;/*#fff3f6;*/
}

.miniatura_3_zdjecie {
	width:100%;
	vertical-align: middle;
	margin: 0;
	border:9px solid #fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:20px;
}

.miniatura_3_cechy_blok {
	position:relative;
	float:left;
	width:60%;
	margin:0 0 0px -20px;
	overflow:hidden;
	border-left:1px solid #999;
	/*box-shadow: 2px 0 12px 0px #a7987b inset;*/
}

.miniatura_3_cechy {
	overflow:hidden;
	border-bottom:1px solid #999;
	/*box-shadow: 2px 0 12px 0px #a7987b;*/
}

.miniatura_3_cechy > .blok_wnetrze div {
	line-height:40px;
	border-bottom:1px solid #999;
	background:#f56d6d;	
}

.miniatura_3_cechy > .blok_wnetrze div div {
	background:#fff;
	box-shadow: 2px 0 12px 0px #dee3e1 inset;
	border-left:1px solid #999;
	padding: 0 0 0 8px;
}

.miniatura_3_cechy > .blok_wnetrze div:last-child {
	border-bottom:0;
}

.miniatura_3_zdjecie_i_cechy > .naglowek {
	border-bottom:1px solid #444;
	font-size:100%;
	border-radius:0;
	border-top-right-radius:6px;
}

.miniatura_3_cechy_blok > .data {
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	background:#fff1ed;
	border-top:1px solid #999;
	box-shadow: 0px 0 32px 10px #fff;
	line-height:24px;
	font-size:90%;
	/*box-shadow: 2px 0 12px 0px #a7987b;*/
}

.miniatura_3_opis {
	padding: 6px 12px;
	text-align:justify;	
}

.miniatura_mala {
	width:100px;
}

.miniatura_mala img {
	border-radius:6px !important;
}

.miniatura_zdjecie {
	max-width:100%;
	vertical-align: middle;
}

.przepis_data {
	line-height:16px;
	padding: 2px 0;
	font-size:80%;
	border-radius:0;
	background: #fff1ed;
	border:0;
	border-top:1px solid #555;
	text-align:center;
	color: #000;
}

.przepis_nazwa, .kategoria_nazwa {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	line-height:22px;
	border:0;
	/*border-top:1px solid #444;*/
	font-size:100%;
	border-radius:0;
	background: #fff;
}

.przepis_nazwa {
	border-top:1px solid #444;
	color: #000;
}

.rekl_1 {
	margin: 20px 10px;
}

iframe {
    display:block;
    width:100%;
}

.center {
	display:block;
	margin:0 auto;
	text-align:center;
}

.hide {
	display:none;
}

.u {
text-decoration:underline
}

.mapa_blok {
	margin: 0 0 0 40px;
}

.container_miniatury_na_czasie {
position:relative;
overflow:hidden;
padding: 20px 22px 10px 22px;
text-align:center;
}

.container_miniatury_na_czasie a {
	width: 166px;
}

.zapomniane_haslo {
	cursor:pointer;
	color: #f56d6d;
}
.zapomniane_haslo:hover {
	color: #ff8686;
}

.u_button_dodaj_nowy_komentarz{
	background: #fff1ed;
	color: #000;
	border: 1px solid #d1d1d1;
}

.u_button_dodaj_nowy_komentarz:hover{
	background: #ff8686;
	color: #000;
}

.u_button_ulubione_dodaj {
	background: #fff;
	color: #000;
	border: 0px;
	cursor:pointer;
}

.u_button_ulubione_dodaj:hover {
	background: #fff;
	color: #f56d6d;
}

.icon_odpowiedz {
	padding-left:30px;
}

.show_info {
	display:block;
	position:fixed;
	top: 50%;
	left:50%;
	width: 400px;
	margin: -50px auto auto -200px;
	z-index:100;
	background: #fff1ed;
	color: #000;
	font-size: 120%;
	line-height:30px;
	border: 2px solid #f56d6d;
	text-align:center;
	padding:20px 30px;
	
}

.___comments_0 {
	width: auto !important;
	height: auto !important;
	margin: 20px 20px !important;
}

.___comments_0 iframe {
	width: auto !important;
	height: auto !important;
margin: 20px 20px !important;	
}

.cookie_info {
	display:none;
	width:100%;
	position: fixed;
	bottom:0;
	background: #f56d6d;
	color:#fff;
	padding:12px 12px;
	font-size:120%;
	border-top: 1px solid #333;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:1000;
}

.cookie_ok {
	background: #fff1ed;
	border:1px solid #999;
	cursor:pointer;
	padding: 2px 6px;
	line-height:35px;
	border-radius: 3px;
	color:#333;
}
.cookie_ok:hover{
	background: #fff;
	color: #333;
}

.cookie_info a {
	color: #fff1ed;
	font-weight:bold;
}
.cookie_info a:hover {
	color: #fff;
}

.bez_obrazka {
	border-top:0px;
	background: #fff1ed;
}

.nie_wyrownuj {
	background: #fff1ed;
	padding: 4px;
}

@media (max-width:500px){
	.miniatura_3 {
		margin: 15px 0 40px 0;
	}
	.miniatura_3_zdjecie_blok {
		float:none;
		width:100%;
		margin:0;
	}	
	.miniatura_3_cechy_blok {
		float:none;
		width:100%;
		margin:0;
	}	
	.miniatura_3_cechy > .naglowek {
		border-top:1px solid #444;
		border-radius:0;
	}
	.miniatura_3_opis {
		padding: 6px 12px;
	}
	.miniatura_mala {
		margin: 0px 5px 10px;
	}
	h1, h2 {
		text-align:center;
		margin: 20px 10px 30px;
	}
	.searchBox_cont {
		min-width:120px;
	}
	.p20 {
		padding:0 10px;
	}
}

@media (max-width:400px){
	.miniatura_mala {
		margin: 0px 6px 10px;
	}
	.searchBox_cont {
		min-width:90px;
	}
}

@media (max-width:980px) { 
	.left_col { 
		display:none;
	} 
	.mid_col {
		margin-left:0;
	}
}

@media (max-width:800px) { 
	.right_col { 
		display:none;
	} 
	.mid_col {
		margin-right:0;
	}
	.menu_button {
		
	}
	.container_miniatury {
		padding: 20px 10px;
	}
	.sortowanie_blok {
	
	}
}

@media (max-width:600px) { 
	.blok_obraz_container {
		float:none;
		width:auto;
	}
	.blok_recenzja_cechy {
		float:none;
		width:auto;
		padding:0px;
	}	
	.blok_data_ulubione {
		width:auto;
	}
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.mb0{margin-bottom:0px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.m10{margin-top:10px;margin-bottom:10px}
.m20{margin-top:20px;margin-bottom:20px}
.m30{margin-top:30px;margin-bottom:30px}
.mlr10{margin-left:10px;margin-right:10px}
.mlr20{margin-left:20px;margin-right:20px}
.mlr30{margin-left:30px;margin-right:30px}
.mp0{padding-bottom:0px}

.ml20{margin-left:10px;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}


/************ Slideshow **********/

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 320px;
  position: relative;
  margin: 20px auto 5px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/************ Slideshow - KONIEC **********/