/* Czcionki */			/* ----------------------------------------------------------- */
@font-face {
    font-family: 'LintsecRegular';
    src: url('czcionki/Lintsec-webfont.eot');
    src: url('czcionki/Lintsec-webfont.eot?#iefix') format('embedded-opentype'),
         url('czcionki/Lintsec-webfont.woff') format('woff'),
         url('czcionki/Lintsec-webfont.ttf') format('truetype'),
         url('czcionki/Lintsec-webfont.svg#LintsecRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	margin: 0 auto;

}
/* Czcionki koniec */		/* ----------------------------------------------------------- */
/* Tekst */				/* ----------------------------------------------------------- */
.do_lewej {
	text-align: left;
}
.do_prawej {
	text-align: right;
}
.pogrubiony {
	font-weight: bold;
}

a {
	text-decoration: none;
}
/* Tekst koniec */		/* ----------------------------------------------------------- */

/* Szkielet strony */		/* ----------------------------------------------------------- */
html, body {
			height: 100%;
		}
		
body {
	display: table;
	width: 95%;
	margin: 0 auto;
	background-color: #DEDEDC;
	text-align: center;
	color: #000;
	}
		
#wrapper {
	display: table-cell;
	vertical-align: middle;
	}
		
#cell {
	background: #fff;
	width: 95%;
	margin : 20px auto;
	border: 4px ridge #149106;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}

div#tresc {
	height: 85%;
	position: relative;
	}
div#stopka {
	clear: both;
	padding: 0;
	font-size: 10pt;
	font-family: 'LintsecRegular';
	}
div#stopka hr {
	margin: 0 auto;
	width: 300px;
	}
/* Szkielet strony - koniec */		/* ----------------------------------------------------------- */
/* Menu */							/* ----------------------------------------------------------- */

ul.menu {
	list-style-type: none;
	text-align: left;
	width: 140px;
	float: left;
}
ul.menu li {
	margin: 20px 0;
}

.menu_box {
	color: #fff; 
	background-color: transparent;
	height: 30px;
	margin: -10px 0 20px 15px;
	padding: 0;
	text-align: left;
}
.menu_box a {
	float: left;
}

		/* Przyciski */		/* ----------------------------------------------------------- */
		.przycisk {	
			background: url('../pliki_grafika/przycisk.png') no-repeat top center;	/* Podstawowy */
			vertical-align:middle;
			line-height:22px;
			display: block;
			width: 150px;
			height: 22px;
			color: #000;
			font-family: Georgia;
			font-size: 10pt;
			text-align: center;
			border: 0 solid #000;
			margin: 0 auto 20px auto;
		}
		.przycisk:hover {
			background-position: center;	/* Po najechaniu myszką */
			color: #fff;
		}
		.przycisk:active, .przycisk:focus {
			background-position: bottom;	/* Po wciśnięciu LPM */
			color: #ED0251;
		}
		.wysrodkuj_wstecz {
			margin: 20px auto 20px auto;
		}
		/* Przyciski */		/* ----------------------------------------------------------- */
		
		
		/* Komórka z ikonami narzędzi */	/* ----------------------------------------------------------- */
		.narzedzia {
		border: 0 solid #000 !important; 
		padding-left: 1px;
		background-color: #fff !important;
		}
		td.narzedzia:hover {
		outline: 1px solid #ff0000 !important; 
		}
		td.narzedzia input {
		margin: 0 auto;
		padding: 0;
		width: 10px;
		}
		a.ikonka {
		display: block;
		width : 16px;
		height : 16px;
		float: left;
		background-repeat : no-repeat;
		background-position : top;
		margin-left: 8px;
		}
		a.ikonka:hover {
		background-position : bottom;
		}
		a.drukuj {
		background-image : url('../pliki_grafika/printer.png');
		}
		a.edytuj {
		background-image : url('../pliki_grafika/report_edit.png');
		}
		a.info {
		background-image : url('../pliki_grafika/info.png');
		}
		
		/* Komórka z ikonami narzędzi KONIEC */	/* ----------------------------------------------------------- */
		
/* Menu Koniec */	/* ----------------------------------------------------------- */
/* Komunikaty */			/* ----------------------------------------------------------- */
.komunikat {
	width: 500px; 
	margin: 10px auto;
	padding: 20px 20px 20px 80px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	background-repeat: no-repeat;
	background-position: 15px center;
	border-width: 3px;
	border-style:ridge;
}
.komunikaty:first-letter {
	font-size: 20pt;
	font-weight: bold;
}
.komunikaty {
	font-size: 14pt;
	text-align: center;
}
.blad {
	background-image:url('../pliki_grafika/ostrzezenie.png');
	background-color: #FFCCCC;
	border-color: #FF0000;
}
.sukces {
	background-image: url('../pliki_grafika/sukces.png');
	background-color: #D8FFC0; 
	border-color: #006400;	
}
.informacja {
	background-image: url('../pliki_grafika/informacja.png');
	background-color: #BFEFFF;
	border-color: #1874CD;
}
.wskazowka {
	background-image: url('../pliki_grafika/zarowka.png');
	background-color: #FFE25E;
	border-color: #FFA500;
}
/* Komunikaty koniec */		/* ----------------------------------------------------------- */















/* Formularze */					/* ----------------------------------------------------------- */
			.prawa {
				text-align: right;
			}
			.lewa {
				text-align : left;
			}
			input, select, textarea {
				font-family: 'Times New Roman', Verdana, Arial, Helvetica, sans-serif;
				font-size: 12pt;
				color: #F21B5B;
				border: solid 1px #008A22;
				width: 240px;
				background-color : #F9FFF5;
				text-align: center;
			}
			input:focus, select:focus, textarea:focus {
				color: #000;
				background-color : #FFF;
				border: solid 1px #FF9500;
			}
			input.puste {
					background-color : #FFCCCC;
					border-color: #FF0000;
			}
			input.liczba {
					background-color : #BFEFFF;
					border-color: #1874CD;
			}
			input.zakres {
					background-color: #FFE25E;
					border-color: #FFA500;
			}
			input.puste:focus, input.liczba:focus, input.zakres:focus {
					background-color : #FFF;
					color: #000;
			}
			input.readonly {
					background-color : #F0F0F0;
					font-style: italic;
			}
			form p {
				margin: 10px auto 0 auto;
				text-align: center;
				width: 200px;
			}
			form p input, form p input:hover, form p input:focus {
				border: 0 solid #000;
				font-weight: normal;
			}
			
			
				/* Logowanie */	/* ----------------------------------------------------------- */
					fieldset#formularz_zaloguj {
						border: 2px ridge #000;
						width: 300px;
						margin: 20px auto;
						padding: 15px 10px;
						font-size: 10pt;
					}
					
					fieldset#formularz_zaloguj legend {
						font-size: 12pt;
					}
					
				/* Logowanie */	/* ----------------------------------------------------------- */
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			/* Formularze koniec */		/* ----------------------------------------------------------- */
			.tabela_dodaj_przepis {
			 border: 1px solid #000;
			 margin: 10px auto;
			 
			}
			.tabela_dodaj_przepis th {
			 border: 1px solid #000;
			 background-color: #fbfbfb;
			 color: #000;
			 font-size: 11pt;
			 padding: 2px;
			}
			.tabela_dodaj_przepis td {
			 padding: 0;
			 margin: 0;
			}
			.tabela_dodaj_przepis td input, .tabela_dodaj_przepis td select {
			width: 400px;
			}
			.tabela_dodaj_przepis td textarea {
			text-align: justify;
			width: 372px;
			padding: 5px;
			height: 350px;
			}
			

			table.tabela_dodaj_przepis .suma {
			background-color: #ffffcc;
			}
			
			table.data_zmiana th {
			padding: 0 10px;
			}
			
			.rodzaj_materialu {
			text-transform: uppercase;
			}
			/* Tabela wyniki */			/* ----------------------------------------------------------- */
			table.wynik {
			margin : 20px auto 20px auto;
			padding : 0;
			border-spacing : 2px 6px;
			border: 2px ridge #000;
			table-layout: fixed;
			vertical-align : middle;
			cursor: url('../strona_grafika/k1.cur'), default;
			}

			table.wynik th, table.wynik td {
				border: 1px solid #000;
				padding: 2px;
			}
			table.wynik th {
			background-color : 	#fbfbfb;
			margin: 0 0 5px 0;
			}
			table.wynik tr:nth-child(even) {background: #B4EEB4}
			table.wynik tr:nth-child(odd) {background: #EDFFED}
			table.wynik tr:hover {
			background: #d6f9ff; /* Old browsers */
			background: -moz-linear-gradient(top,  #d6f9ff 0%, #9ee8fa 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#9ee8fa)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* IE10+ */
			background: linear-gradient(top,  #d6f9ff 0%,#9ee8fa 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
			}
			table.szer_50 th {
			width: 50%;
			}
			table.szer_25 th {
			width: 25%;
			}
			table.wynik tr > td:hover {
			color: red;
			}
			tr.suma {
				font-family: 'Courier New', Tahoma;
				background-color: #C0DCC0;
				font-weight: bold;
			}
			table.wynik td.wynik_p {
				font-weight: bold;
				font-size: 22pt;
			}
			
/* Zakładki */		/* ----------------------------------------------------------- */

div.zakladki {
	width: 1000px;
	margin: 0 auto 20px auto;
}
table.statystyki {
	width: 800px !important;
}
h3.ukryj-pokaz {
	display: none;
} 
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	font-family: 'Courier New';
	font-size:14pt;
	font-weight: bold;
	float:left;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#FFFACD;
	/* color:#009926; */
	color:#008A22;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:6px 6px 0 0;	
}

ul.css-tabs a:hover {
	color:red;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color: #FFFFE8;
	border-bottom:1px solid #FFFFE8;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div, div.single-tab {
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px 5px 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,232,1) 0%, rgba(255,255,232,0.15) 85%, rgba(252,252,252,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,232,1)), color-stop(85%,rgba(255,255,232,0.15)), color-stop(100%,rgba(252,252,252,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,232,0.15) 85%,rgba(252,252,252,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,232,0.15) 85%,rgba(252,252,252,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,232,0.15) 85%,rgba(252,252,252,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,232,1) 0%,rgba(255,255,232,0.15) 85%,rgba(252,252,252,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe8', endColorstr='#00fcfcfc',GradientType=0 ); /* IE6-9 */
}
.single-tab {
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.css-panes div { display:none; }
div.single-tab { border-top-width: 1px; }

/* Zakładki koniec */		/* ----------------------------------------------------------- */