/* DEKLARACJE CZCIONEK */
@font-face {
font-family: 'BebasNeueRegular';
src: url('font/BebasNeue-webfont.eot');
src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('font/BebasNeue-webfont.woff') format('woff'),
url('font/BebasNeue-webfont.ttf') format('truetype'),
url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AmaticSCRegular';
src: url('font/AmaticSC-Regular-webfont.eot');
src: url('font/AmaticSC-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/AmaticSC-Regular-webfont.woff') format('woff'),
url('font/AmaticSC-Regular-webfont.ttf') format('truetype'),
url('font/AmaticSC-Regular-webfont.svg#AmaticSCRegular') format('svg');
font-weight: normal;
font-style: normal;
}


/*OGÓLNE */
body {
margin: 0;
background-color: #FFFFFF;
text-align: center;
}

p {
margin: 0 10 20 10px;
font-family: Arial, sans-serif;
font-size: 16px;
color: #595C5F;
letter-spacing: 1px;
line-height: 22px;
}

p span {
color: #434643;
border-bottom: 1px solid #4E2715; 
padding: 2px;
}

::selection {background-color: #16A6B6; color:#FFFFFF}
::-moz-selection {background-color: #16A6B6; color: #FFFFFF}
p span::selection {background-color: #4E2715; color:#FFFFFF}
p span::-moz-selection {background-color: #4E2715; color: #FFFFFF}


h1 {
font-family: BebasNeueRegular;
font-size: 100px;
color: #FFFFFF;
margin: 0;
padding: 30px 0 0 0;
font-weight: 300;
text-align: center;
letter-spacing: 1px;
}

h2 {
font-family: BebasNeueRegular;
font-size: 45px;
color: #4E2715;
font-variant: small-caps;
margin: 0;
padding: 0;
font-weight: 300;
letter-spacing: 3px;
line-height: 60px;
}

h3 {
font-family: Georgia, sans-serif;
font-size: 26px;
color: #4E2715;
margin: 0 0 10 10px;
padding: 40 0 30 0px;
text-align: center;
letter-spacing: 2px;
font-weight: normal;
font-style: italic;
border-bottom: solid 1px #4E2715;
}

h3 span {
font-family: Arial, sans-serif;
font-size: 12px;
color: #A3A3A3;
letter-spacing: 2px;
font-style: normal;
}

h4 {
font-family: AmaticSCRegular, sans-serif;
font-size: 33px;
margin: 20 0 0 0px;
padding: 0 0 0 50px;
color: #FFFF99;
text-align: center;
float: left;
letter-spacing: 2px;
}

h4 span {
font-size: 40px;
}

img {margin: 0 10px 0 10px; border: 0px;}

a:link, a:visited {
color: #404244;
text-decoration: none;
}

a:hover {
color: #4E2715;
text-decoration: none;
}

/*NAGŁÓWEK*/

#header0 {
margin: 0;
height: 300px;
background-color: #381C0F;
background-image: url(img/woodqo.png);
background-position: top center;
background-repeat: repeat;
}

.logo {
margin: -10px 0 0 0 ;
}

.logo h4{
margin: 0;
}

/*ŚRODEK*/

#container {
margin: -50px 0 0 0;
}

.category {
margin: 100px 0 0 0;
background-color: #FFFFFF;
text-align: center;
}

.middle {
margin: 0 auto 0 auto;
width: 900px;
}

.header {
margin: 20 0 0 0px;
height: 50px;
}

.note {
padding: 30 0 0 0px;
margin: 0 auto 0 auto;
}

.justify { text-align: justify;}
.justify p {text-indent: 25px;}
.w600 { width: 600px; }
.w600a { width: 660px; margin: 0 auto 0 auto;}
.floatr {float: right; }
.floatl {float: left; }

.line200 {
width: 200px;
height: 50px;
border-bottom: solid 1px #B3B3B3;
margin: 0 auto 0 auto;
}

.line600 {
width: 600px;
height: 50px;
border-bottom: solid 1px #777777;
margin: 0 auto 0 auto;
}

.jednatrzecia {
float: left;
width: 200px;
margin: 0 10 80 10px;
}

.jednatrzecia p {
text-align: center;
}

/*STOPKA*/
#footer {
clear: both;
background-color: #381C0F;
background-image: url(img/stopka.jpg);
margin: 0;
height: 200px;
border-top: 2px #FFFFFF dotted;
}

#footer p, #footer p span {
padding: 50px 0 0 0;
color: #FFFFFF;
}