@charset "utf-8";
/********** Główny plik CSS, przeznaczony dla urządzeń wyświetlających.**********/
/********** Ogólne informacje dotyczące arkusza *********/

/* Kolory 
#8a562e - rgb(138,86,46)
#C2783E - rgb(194,120,62)
#930 - #993300 - rgb(153, 51, 0)
rgb(100, 100, 100) - #646464
rgb(200, 200, 200) - #C8C8C8
*/
/*** Fonty ***/
/* Menu górne i boczne */
@font-face {
    font-family: 'Androgyne';
    src: url('../fonts/androgyne/androgyne-webfont.eot');
    src: url('../fonts/androgyne/androgyne-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/androgyne/androgyne-webfont.woff') format('woff'),
         url('../fonts/androgyne/androgyne-webfont.ttf') format('truetype'),
         url('../fonts/androgyne/androgyne-webfont.svg#AndrogyneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Nagłówki */
@font-face {
    font-family: 'PopplResidenz';
    src: url('../fonts/residenz/poppl-residenz-light-webfont.eot');
    src: url('../fonts/residenz/poppl-residenz-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/residenz/poppl-residenz-light-webfont.woff') format('woff'),
         url('../fonts/residenz/poppl-residenz-light-webfont.ttf') format('truetype'),
         url('../fonts/residenz/poppl-residenz-light-webfont.svg#PopplResidenzLightLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Akapit */
@font-face {
    font-family: 'Amaze';
    src: url('../fonts/amaze/amaze-webfont.eot');
    src: url('../fonts/amaze/amaze-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaze/amaze-webfont.woff') format('woff'),
         url('../fonts/amaze/amaze-webfont.ttf') format('truetype'),
         url('../fonts/amaze/amaze-webfont.svg#AmazeplRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Stopka */
@font-face {
    font-family: 'Antipasto';
    src: url('../fonts/antipasto/antipasto_regular_0-webfont.eot');
    src: url('../fonts/antipasto/antipasto_regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antipasto/antipasto_regular_0-webfont.woff') format('woff'),
         url('../fonts/antipasto/antipasto_regular_0-webfont.ttf') format('truetype'),
         url('../fonts/antipasto/antipasto_regular_0-webfont.svg#AntipastoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Animacje */
@-webkit-keyframes cien { 
from { box-shadow: none; }
to { box-shadow: 0px 0px 30px rgb(255,255,255); }
}
@-webkit-keyframes lista {
from { opacity: 0; }
to { opacity: .4; }
}
@-webkit-keyframes alfa {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes cien { 
from { box-shadow: none; }
to { box-shadow: 0px 0px 30px rgb(255,255,255); }
}
@-moz-keyframes lista {
from { opacity: 0; }
to { opacity: .4; }
}
@-moz-keyframes alfa {
from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes cien { 
from { box-shadow: none; }
to { box-shadow: 0px 0px 30px rgb(255,255,255); }
}
@-o-keyframes lista {
from { opacity: 0; }
to { opacity: .4; }
}
@-o-keyframes alfa {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes cien { 
from { box-shadow: none; }
to { box-shadow: 0px 0px 30px rgb(255,255,255); }
}
@-ms-keyframes lista {
from { opacity: 0; }
to { opacity: .4; }
}
@-ms-keyframes alfa {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes cien { 
from { box-shadow: none; }
to { box-shadow: 0px 0px 30px rgb(255,255,255); }
}
@keyframes lista {
from { opacity: 0; }
to { opacity: .4; }
}
@keyframes alfa {
from { opacity: 0; }
to { opacity: 1; }
}
	
/********** Reguły dla całego szablonu **********/
/* Ogólne */
html { 
		-webkit-animation: alfa .8s linear; 
		-moz-animation: alfa .8s linear;
		-o-animation: alfa .8s linear;
		-ms-animation: alfa .8s linear; 
		animation: alfa .8s linear; 
		height:100%; width:100%;  
		overflow-x: hidden;
}
body { 
		background: url(../img/wood.jpg) repeat; 
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
		color: #8a562e;
		font-size:14px;  
		line-height:1.25; 
		padding-bottom:50px; 
}
div#center { 
			width: 960px; 
			margin:0 auto 0 auto;
			background:url(../img/bg.png) repeat; 
			box-shadow: 0px 0px 30px rgb(255,255,255);
			-moz-box-shadow: 0px 0px 30px rgb(255,255,255);  
			-webkit-animation: cien 1.5s linear; 
			-moz-animation: cien 1.5s linear; 
			-o-animation: cien 1.5s linear; 
			-ms-animation: cien 1.5s linear; 
			animation: cien 1.5s linear; 
			border-radius:0 0 40px 0;
			-moz-border-radius:0 0 40px 0;
			behavior: url(skrypty/PIE.htc);
}
h1 { 
	font-family:"PopplResidenz"; 
	font-size:50px; 
	text-align:center; 
	text-shadow:0 0 20px rgba(138, 86, 46, .5);
}
a:focus { outline:none; text-decoration:underline; }
::selection { background-color:transparent; color:#C2783E; }
::-moz-selection { background-color:transparent; color:#C2783E; }
h1::selection { text-shadow: 0 0 20px rgba(194, 120, 62, .5); }
h1::-moz-selection { text-shadow: 0 0 20px rgba(194, 120, 62, .5); }
div#center > article { padding:10px 35px 0 35px; overflow:hidden; }
/* Top */
header { height:30px; padding:35px; }
header h1 { 
			background:url(../img/logo.png) no-repeat; 
			display:block;
			width: 255px;
			float:left; 
}
header nav { float:right; margin-top:10px; }
header nav ul li {
					font-family:Androgyne;
					display:inline; 
					padding: 0 15px 0; 
					font-size:20px;
					opacity: 0.4;
					-webkit-animation: lista 1s ease-out; 
					-moz-animation: lista 1s ease-out; 
					-o-animation: lista 1s ease-out; 
					-ms-animation: lista 1s ease-out; 
					animation: lista 1s ease-out;  
					-webkit-transition: opacity .7s ease-out;
					-moz-transition: opacity .7s ease-out;
					-o-transition: opacity .7s ease-out;
					-ms-transition: opacity .7s ease-out;
					transition: opacity .7s ease-out; 
}
					
header nav ul li:hover { 
						opacity:1; 
						-webkit-transition: opacity .7s ease-in;
						-moz-transition: opacity .7s ease-in;
						-o-transition: opacity .7s ease-in;
						-ms-transition: opacity .7s ease-in;
						transition: opacity .7s ease-in;
} 
/* Stopka */
footer { 
		padding:30px 0 50px; 
		font-family:Antipasto, Arial, sans-serif;
		font-size:14px;  
		text-transform:uppercase;
}
footer nav { padding:0 30px 0 30px; } 
footer nav:first-child { float:left; padding-right:60px; }
footer nav:last-child { float:right; padding-left:60px; }
footer nav ul { text-align: right; }
footer nav ul li { 
					display: inline; 
					padding:0 10px 0;
					border-right: 1px solid #8a562e; 
					opacity: 0.4; 
					-webkit-transition: opacity .7s ease-out;
					-moz-transition: opacity .7s ease-out;  
					-o-transition: opacity .7s ease-out;  
					-ms-transition: opacity .7s ease-out;  
					transition: opacity .7s ease-out;
}
footer nav ul li:hover { 
						opacity: 1; 
						-webkit-transition: opacity .7s ease-in; 
						-moz-transition: opacity .7s ease-in;
						-o-transition: opacity .7s ease-in;
						-ms-transition: opacity .7s ease-in;
						transition: opacity .7s ease-in;
}
footer nav ul li:last-child { border: none; }
footer nav ul li.last { border:none; }

/********** Dodatkowe style dla poszczególnych podstron **********/ 
/*** Strona Główna ***/

/* Facebook fanslider */
div#wysuwane {
			background: url(../img/facebook.png) no-repeat scroll; 
			padding: 10px;
			width: 242px; 
			height:401px; 
			position: fixed; 
			left: 0; 
			top: 15%;
}
div#wewnatrz { width:190px; height:380px; background:#fff; border-radius: 5px; }
/* Piecemaker */
div#piecemaker_wrapper { 
						width: 860px; 
						height: 369px; 
						margin:0 auto;
						-moz-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.7);
						box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.7); 
						border:10px solid #fff;
						border:10px solid rgba(255, 255, 255, .3);
						behavior: url(skrypty/PIE.htc);  
}
div#shadow { 
			margin:0 auto; 
			width:900px; 
			height:40px; 
			background-image:url(../img/shadow.png); 
}
/*** O nas ***/
article p { font-size: 25px; text-indent:30px; font-family:"Amaze"; margin-top:10px; }

/*** Podstrony Mebli ***/
/* Menu boczne */
nav#side_menu { width:180px; min-height:238px; float:left; margin-left:-35px; }
nav#side_menu ul li { 
						display:block; 
						width:200px; 
						margin-left:-20px;
						position: absolute;
						font-size:18px;
						font-family:Androgyne; 
						-moz-border-radius: 15px 0 0 15px;
						border-radius: 15px 0 0 15px; 
						color: #8a562e;
						behavior: url(skrypty/PIE.htc);
						
						-webkit-transition: color .5s ease-out; 
						-moz-transition: color .5s ease-out; 
						-o-transition: color .5s ease-out;
						-ms-transition: color .5s ease-out; 
						transition: color .5s ease-out;
						
						-webkit-transition:background-color .6s ease-out;
						-moz-transition:background-color .6s ease-out;
						-o-transition:background-color .6s ease-out;
						-ms-transition:background-color .6s ease-out;
						transition:background-color .6s ease-out;
}
nav#side_menu ul li:hover { 
							color: #fff;
							background-color: #8a562e;
							background-color: rgba(138, 86, 46, 0.5);
							
							-webkit-transition: color .4s ease-in;
							-moz-transition: color .4s ease-in;
							-o-transition: color .4s ease-in;
							-ms-transition: color .4s ease-in; 
							transition: color .4s ease-in; 
							 
							-webkit-transition:background-color .6s ease-in;
							-moz-transition:background-color .6s ease-in;
							-o-transition:background-color .6s ease-in;
							-ms-transition:background-color .6s ease-in;
							transition:background-color .6s ease-in;
}
nav#side_menu ul li#dwa { margin-top:32px; }
nav#side_menu ul li#trzy { margin-top:64px; }
nav#side_menu ul li#cztery { margin-top:96px; }
nav#side_menu ul li#piec { margin-top:128px; }
nav#side_menu ul li#szesc { margin-top:160px; }
nav#side_menu ul li#siedem { margin-top:192px; }

nav#side_menu ul li a { display:block; width:150px; padding:5px 0 5px 50px;  } 
nav#side_menu ul li a:hover { color: #fff; } 
a:active { text-decoration:none; }

/* Miniaturki mebli */
article article { width: 745px; min-height:350px; float:right; } 
article article table td { 
							border:1px solid #8a562e;
							border:1px solid rgba(138, 86, 46, 0.1);
							table-layout:fixed;
							width:242px;
							opacity: 0.4;
							-webkit-transition: opacity .5s ease-out;
							-moz-transition: opacity .5s ease-out;
							-o-transition: opacity .5s ease-out;
							-ms-transition: opacity .5s ease-out;
							transition: opacity .5s ease-out;
}
article article table tr td:hover { 
									opacity: 1;
									-webkit-transition: opacity .5s ease-in;
									-moz-transition: opacity .5s ease-in;
									-o-transition: opacity .5s ease-in;
									-ms-transition: opacity .5s ease-in;
									transition: opacity .5s ease-in;
}
article article table tr td a img { margin: 15px auto; display:block; }

/*** Klienci ***/
article#klienci table { margin-top:30px;}
article#klienci table td { 
							border:1px solid #8a562e;
							border:1px solid rgba(138, 86, 46, 0.1);
							table-layout:fixed; 
							padding:5px 20px 5px;
							width:300px; 
							min-height:70px;
							opacity:0.4; 
							-webkit-transition: opacity .7s ease-out; 
							-moz-transition: opacity .7s ease-out;
							-o-transition: opacity .7s ease-out;
							-ms-transition: opacity .7s ease-out;
							transition: opacity .7s ease-out; 
}
article#klienci td:hover { 
							opacity: 1; 
							-webkit-transition: opacity .7s ease-in;
							-moz-transition: opacity .7s ease-in; 
							-o-transition: opacity .7s ease-in; 
							-ms-transition: opacity .7s ease-in; 
							transition: opacity .7s ease-in;  
}
article#klienci td:first-child { border-left:none; }
article#klienci tr:first-child td { border-top:none; }
article#klienci tr:last-child td { border-bottom:none; }
article#klienci td:last-child { border-right:none; }
article#klienci td.last-right { border-right: none; }
article#klienci td.last-bottom { border-bottom: none; }
article#klienci table td img { margin:0 auto; display:block; 
}
article#klienci table p { 
							font-size:14px;
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
							border-top:1px solid #8a562e; 
							border-bottom:1px solid #8a562e; 
							border-top:1px solid rgba(138, 86, 46, 0.3);
							border-bottom:1px solid rgba(138, 86, 46, 0.3);
							text-indent:0;
							min-height:65px;
}
article#klienci table a { 
							float:right; 
							font-family:Antipasto, sans-serif;
							text-transform: uppercase; 
							margin-top:5px; 
}

/*** Kontakt ***/
/* Formularz */
div#formularz { float:left; font-size: 15px; width:460px; padding-bottom: 5px; }
div#formularz div { height:40px; }
div#formularz div label { padding:5px; float:left; }
input[type=text], textarea {  
							width:300px;
							height:20px;
							padding: 5px 10px;
							float:right;
							margin: 5px; 
							font-family:Arial, Helvetica, sans-serif;
							color:#8a562e;
							-moz-border-radius:7px;
							border-radius:7px;    
							background-color: rgba(255, 255, 255, .6);
							border:none;
							outline:none;
							-moz-box-shadow: inset 0px 5px 10px rgba(200, 200, 200, .5); 
							box-shadow: inset 0px 5px 10px rgba(200, 200, 200, .5);  
							-webkit-transition: box-shadow 1s ease-out; 
							-moz-transition: box-shadow 1s ease-out; 
							-o-transition: box-shadow 1s ease-out; 
							-ms-transition: box-shadow 1s ease-out; 
							transition: box-shadow 1s ease-out;
							behavior: url(skrypty/PIE.htc);
}
textarea { height:150px;}
textarea:focus, input:focus { 
								-moz-box-shadow: none;
								box-shadow: none;
								-webkit-transition: box-shadow 1s ease-in;
								-moz-transition: box-shadow 1s ease-in;
								-o-transition: box-shadow 1s ease-in; 
								-ms-transition: box-shadow 1s ease-in;
								transition: box-shadow 1s ease-in; 
}

/* Dolna część formularza */
input[type=checkbox] { float:left; margin-left:40px; cursor:pointer; height:22px; width:22px; } 
div#potwierdzenie { float:left; margin-left:100px; }
div#potwierdzenie span { font-size:12px; float:left; margin-left:65px; }
input[type=submit] { 
					float:right; 
					width:70px; 
					height:30px; 
					border:none; 
					outline:none; 
					color:#8a562e;
					background-color:white; 
					cursor:pointer;
					margin-top: -20px;
					margin-left:110px; 
					-moz-border-radius:5px;
					border-radius:5px; 
					behavior: url(skrypty/PIE.htc);
}

/* Po wykonaniu akcji */
h2 { color:red; font-size:20px; margin-left: 135px; }
div#podziekowanie { 
					text-align:center; 
					font-family:Amaze; 
					font-size:25px; 
					margin-right:50px; 
					width:450px; 
}

/* Dane adresowe */
address { 
			float:right; 
			width:380px;
			padding-left:40px; 
			font-size:16px; 
			font-family:Androgyne; 
			line-height:1.6;
			text-indent:0;
			font-style:normal;
}