
/* INIT
-----------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited { text-decoration: none; }
a { color: #FFF; }
ol, ul { list-style: none; }
legend { display: none; }

body {
	background-image:url('../img/body-bg.png');
	background-repeat: repeat-x;
	background-position: 0px 0;
	font-size: 12px;
	background-color: #fdf4e3;
}

body, input, textarea, select, option, optgroup, button {
	font-family: Tahoma;
}

/* LAYOUT
-----------------------------------------------------------------------------*/
#page{
	width: 743px;
	margin: 0 auto;	
	/*height: 1400px;*/
}
#navi {
/*	background-image: url(../img/navi.png);*/
	height: 99px;
	background-position: center top;
}
#top-n {
	background-image: url(../img/top-n2.png);
	height: 27px;
}
#wrapper {
	float: left;
	width: 100%;
}
#center {
	width: 708px;
	float: left;
}
#top {
	width: 708px;
	height: 264px;
	float: left;
	background-color: #3b2419;
}
#content {
	float: left;
	background: url(../img/content-bg.png) repeat-x;
	width: 100%;
	padding-bottom: 50px;
}
#left {
	background-image: url(../img/left2.png);
	width: 18px;
	height: 808px;
	float: left;
}
#right {
	background-image: url(../img/right2.png);
	background-repeat: no-repeat;
	width: 17px;
	height: 808px;
	float: left;
}
#anim{
	margin: 0 0 0 17px;
	float: left;
	height: 250px;
	width: 676px;
	background-color: #20110b;
}
#anim img{
	border: 1px solid #a1836b;
}
/* MENU
-----------------------------------------------------------------------------*/
#menu {
	float: left;
	height: 41px;
	margin: 10px 0px 0px 82px;
	width: 298px;
}
#menu ul {
	height: 41px;
}
#menu li {
	float: left;
	height: 41px;
}
#menu li a {
	float: left;
	height: 41px;
	width: 100%;
}
#menu li a:hover {
	background-image: url(../img/hover2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index {
	background-image: url(../img/menu-ofirmie.png);
	width: 108px;
	background-repeat: no-repeat;
}
.meble {
	background-image: url(../img/menu-meble.png);
	width: 90px;
	background-repeat: no-repeat;
}
.kontakt {
	background-image: url(../img/menu-kontakt.png);
	width: 100px;
	background-repeat: no-repeat;
}
#active-onas {
	background-image: url(../img/menu-ofirmie-a.png);
	background-repeat: no-repeat;
}
#active-meble {
	background-image: url(../img/menu-meble-a.png);
	background-repeat: no-repeat;
}
#active-kontakt {
	background-image: url(../img/menu-kontakt-a.png);
	background-repeat: no-repeat;
}
/* CONTENT
-----------------------------------------------------------------------------*/
#menu-left {
	background: url(../img/menu-left-bg.png) no-repeat  right top;
	width: 200px;
	height: 377px;
	float: left;
	padding: 16px 5px 0 0;
}

#menu-left ul{
	float: right;
	width: 100%;
	background: url(../img/menu-left-lines.png) no-repeat right top;
	text-align: right;
}
#menu-left ul li{
	float: right;
	width: 170px;
	height: 28px;
	background: url(../img/menu-left-lines.png) no-repeat right bottom;
	text-align: right;
	padding: 4px 12px 0 0;
}
#menu-left ul li a{
	float: right;
	margin: auto;
	font: 16px Times New Roman, Arial, Serif;
	color: #2d1b12;
}
#menu-left ul li a:hover{
	color: #c85e00;
}

/*----txt----*/
#txt {
	width: 436px;
	float: right;
	height: 100%;
	margin-right: 36px;
	padding-top: 18px;
}
#txt h1{
	color: #846251;
	float: right;
	width: auto;
	font: bold 24px Times New Roman, Times, Arial;
	text-align: right;
	margin-bottom: 22px;
	padding-left: 24px;
	background: url(../img/h1-bg.png) no-repeat left center;
}

#txt p{
	color: #2d1b12;
	font: 13px Arial;
	float: right;
	text-align: justify;
	width: 100%;
	margin-bottom: 18px;

}
#txt p.intro{font-weight: bold;}

#map{
	padding: 3px;
	border: 1px solid #d4cabe;
	width: 400px;
	height: 210px;
	float: left;
	background-color: #FFF9EF;
}
#meble-type{
	width: 90%;
	float: left;
	padding: 0 0 0 50px;
}
a.cat{
	 float: left;
	 margin: 0px 30px 0 0;
}

#logo{
	width: 252px; height: 90px;
	float: right;
	margin-right: 100px;
}
#slogan{
	width: 209px; height: 45px;
	float: right;
	
}

/* temp
-----------------------------------------------------------------------------*/
#gallery-wrap{
	 float:right;
	 width: 440px;
}
div#container{float:right;}
a{color:#2d1b12; text-decoration:none;}
a:focus,a:hover,a:active{color:#C85E00; text-decoration:none;}
p,li{line-height:1.3em;}
p a,li a{text-decoration:none;}
h1,h2{margin:0;}
h1{color:#333333; padding:0;}
h2{color:#111111; padding-top:10px;}
/*---IMG---*/
div.content2{ float:right; width:400px;padding:0 20px 0 0;}
div.controls{height:23px; margin-top:5px;}
div.ss-controls{float:left;}
div.ss-controls span{color:#666666; cursor:pointer;}
div.nav-controls{float:right;}
div.nav-controls a{padding:5px;}
div.slideshow{clear:both;}
div.slideshow span.image-wrapper{float:none; padding-bottom:12px; margin: 0 auto;}
div.slideshow a.advance-link{border:0; display:block;}
div.slideshow img{border:1px solid #83776a; display:block; margin: 0 auto;}
/*---embox---*/
div.download{float:right;}
div.embox{background:none; border:0; clear:both; padding:12px; color:#2d1b12;}
div.image-title{font-size:18px; font-weight:bold;}
div.image-desc{line-height:1.3em; padding-top:12px;}
/*---thumbs---*/
ul.thumbs{
	margin:0 auto; height: 110px; 
	background: url(../img/thumbs-bg.png) no-repeat right top;
	padding:12px 0 0 23px;
	width: 417px;
	
}
ul.thumbs li{float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 8px 5px 0; padding:0;}
ul.thumbs li a{border:1px solid #2d1b12; display:block; padding:0;}
ul.thumbs li.selected a{border:1px solid #c85e00;}
ul.thumbs a:focus{outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
ul.thumbs img{border:medium none; display:block;}
/*---NAVI thumbs---*/
div.navigation{position: relative; width: 100%;}
div.pagination{clear:both;}
div.navigation div.top{height:11px; margin-bottom:12px; position:absolute; bottom:0; width: 100%;}
div.navigation div.bottom{margin-top:12px;}
div.pagination a, div.pagination strong{border:0; display:block; float:right; margin-right:2px; padding:2px 7px 3px; 	color: #2d1b12;}
div.pagination a:hover{text-decoration:none;}
div.pagination strong{border:1px solid #c85e00; color:#c85e00; font-weight: normal;}
div.pagination a.prev, div.pagination a.next{width: 15px; height: 16px; margin:0; padding:0;}
a.prev {background: url(../img/thumbs-wstecz.png) no-repeat; position: absolute; bottom: 45px; left:0;}
a.next {background: url(../img/thumbs-dalej.png) no-repeat; position: absolute; bottom:45px; right:0;}


/*    Stopka
-----------------------------------------------------------------*/
#footer{
background-image:url(../img/stopka.png);
background-repeat:repeat-x;
height: 63px;
clear:both;

}
#footer-t {
	width: 720px;
		padding: 15px;
		background-position:center top;
		margin: 0 auto;
}
#footer-l{
	width: 190px;
	float:left;
	color: #5d4a3d;
	padding-left: 20px;

}

#footer-l a{font:normal 13px Arial;
	color: #998b83;
	text-align:center;}
#footer-l a:hover{color: #f7e9d1;}

#footer-p{
width: 170px;
float:right;
padding-right: 20px;
}

/* FORM
-----------------------------------------------*/
#form2{ margin-top: 10px ;}
input.text{
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	width: 165px;
}
input.text:focus, textarea.text:focus{
	border: 1px solid #d4cabe;	
}
textarea.text{	
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	width: 165px;
}
input.btn{
	margin: 10px 0 0 55px;
	background-color: #fff;
	border: 1px solid #d4cabe;
	color: #4B4B4B;
	height: 20px;
	padding-bottom: 4px;
}
input.btn:active{
	background-color: #953C06;
	color: #fff;

