@font-face {
font-family: TitilliumText22L Lt;
src: url('titilliumtext22l002.otf');
}

body {
margin: 0px;
padding: 0px;
background: #cccccc url('img/bg.jpg') center top;
background-attachment: fixed;
font-family: TitilliumText22L Lt;
width: 100%;
height: 100%;
color: #666666;
font-size: 14px;
}


div, img, ul, li, a {
padding: 0px;
margin: 0px;
border: none;
}

h1, h2 {
margin: 0px;
padding: 0px;
}

h2 {
margin: 0px 0px 15px 0px;
font-size: 36px;
color: #343434
}

h3 {
margin: 0px 0px 0px 0px;
font-size: 22px;
color: #efefef;
}

a {
color: #ffffff;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.wrapper {
width: 1024px;
margin: -23px auto 0px auto;
/*border-left: 2px solid #452c03;*/
border-right: 2px solid #452c03;
background: url('img/wrapper_bg.png') left top;
}

.slideshow {
width: 100%;
height: 260px;
padding: 0px 0px 25px 0px;
text-align: left;
background: url('img/slideshow_bg.png') repeat-x left bottom;
overflow: hidden;
}

.slideshow img {
width: 100%;
height: 260px;
position: absolute;
z-index: 1;
}

.slideshow img.logo {
width: 352px;
height: 75px;
z-index: 100;

}


.wrap_logo {
width: 1024px;
margin: 0px auto 0px auto;
padding: 10px 0px 0px 0px;
}


ul.menu {
width: 100%;
list-style: none;
overflow: hidden;
}

ul.menu li {
height: 33px;
width: 103px;
padding: 11px 15px 0px 15px;
margin: 2px 7px 0px 6px;
color: #ffffff;
background: url('img/menu.png') repeat-x left top;
display: inline-block;
float: left;
font-weight: bold;
}

ul.menu li:hover, ul.menu li#act {
background: url('img/menu_a.png') repeat-x left 2px;
color: #444444;
}

ul.menu li a {
color: #ffffff;
text-decoration: none;
}
ul.menu li:hover a, ul.menu li#act a {
color: #444444;
}

ul.menu li.small {
font-size: 13px;
padding-top: 12px;
}


.wrapper .left {
width: 195px;
height: 360px;
padding: 40px 0px 0px 25px;
background: url('img/left_bg.png') no-repeat 6px top;
float: left;
text-align: left;
color: #343434;
line-height: 25px;
}

.wrapper .left span.title {
color: #232323;
font-size: 22px;
font-weight: bold;
}

.wrapper .left a.link {
text-decoration: underline;
color: #343434;
}

.wrapper .left a.link:hover {
text-decoration: none;
}

.wrapper .right {
width: 725px;
min-height: 380px;
padding: 20px 20px 0px 45px;
margin: 15px 0px 0px 0px;
float: right;
text-align: left;
color: #ffffff;
font-size: 16px;

background: url('img/bg_content.png') no-repeat 6px top;

}


.wrapper .right span.content {
line-height: 23px;
}

.napisz_do_nas {
width: 159px;
height: 38px;
margin: 20px 0px 0px 0px;
padding: 13px 0px 0px 0px;
display: block;
text-align: center;
font-size: 17px;
text-decoration: none;
border: none;
background: url('img/napisz_do_nas.png') no-repeat left top;

color: #ffffff;
}

.napisz_do_nas:hover {
background-position: left -1px;
}


.foot {
width: 100%;
height: 30px;
margin: 55px 0px 0px 0px;
color: #ffffff;
font-size: 12px;
clear: both;
}

.foot a {
color: #ffffff;

}




table#wzory_ulozenia {
width: 100%;
}

table#wzory_ulozenia td {
width: 48%;
}

table#wzory_ulozenia td img {
width: 316px;
height: 176px;
margin: 35px 0px 5px 0px;
}


table#tabela_twardosci {
width: 100%;
border-collapse: collapse;
}

table#tabela_twardosci td img {
width: 12px;
margin: 0px 3px 0px 0px;
}


table#tabela_twardosci tr:hover td {
background: #783807;
}

table#tabela_twardosci tr.head:hover td {
background:none;
}

table#tabela_twardosci td {
padding: 2px 0px 2px 2px;
border-bottom: 1px solid #783807;
}

table#tabela_twardosci tr.head td {
padding: 2px 2px 20px 2px;
border-bottom: 1px solid #ab4f0a;
font-weight: bold;
font-size: 14px;
line-height: 15px;
vertical-align: bottom;
}



table#kontakt tr {
height: 40px;
}
table#kontakt td {
vertical-align: top;
}



.button {
width: 159px;
height: 51px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border: none;
background: url('img/napisz_do_nas.png') no-repeat left top;
cursor: pointer;
color: #ffffff;
}

.button:hover {
background-position: left 1px;
}



.form_mask {
width: 200px;
height: 30px;
background: url('img/form_mask.png') no-repeat left top;
}

.form_mask input {
width: 180px;
height: 26px;
padding: 2px 10px 2px 10px;
border: none;
background: none;
color: #ffffff;
font-size: 14px;
font-weight: bold;
font-family: TitilliumText22L Lt;
}


.form_mask_big {
width: 380px;
height: 210px;
background: url('img/form_mask_big.png') no-repeat left top;
}

.form_mask_big textarea {
width: 360px;
height: 196px;
padding: 7px 10px 7px 10px;
border: none;
background: none;
color: #ffffff;
font-size: 14px;
font-family: TitilliumText22L Lt;
}


.bad {
background: #ee0000;
color: #ffffff;
font-size: 16px;
}

.good {
background: #009900;
color: #ffffff;
font-size: 16px;
}



.cboth {
width: 100%;
height: 1px;
clear: both;
}



#gallery .foto {
width: 210px;
height: 150px;
padding: 10px 10px 10px 10px;
margin: 0px 10px 15px 0px;
background: #ddd;
float: left;
	box-shadow: 0px 0px 4px #222;
	border-radius: 1px;
}

#gallery .foto:hover {
	box-shadow: 0px 0px 7px #343434;
}

#gallery .foto .cont {
width: 210px;
height: 130px;
overflow: hidden;

	box-shadow: 1px 1px 2px #333;
}

#gallery .foto .cont img {
min-height: 130px;
}





			#slideshow {
			}

			#slideshow IMG {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
				opacity:0.0;
			}

			#slideshow IMG.active {
				z-index:10;
				opacity:1.0;
			}

			#slideshow IMG.last-active {
				z-index:9;
			}