/* KUCHNIE24 Cascading Style Sheet
   Updated: 24.07.2009
   Author:  Dariusz Pobożniak
   Www:     http://www.pobozniak.pl
   ----------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #2c3844 url(../gfx/bgBody.jpg) 50% 0 no-repeat;
	color: #969696;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
}
a { 
	color: #969696;
	text-decoration: none;
	outline: none;
}
a:hover { text-decoration: underline; }
p { margin: 1em 0; }                  
fieldset, a img { border: 0 none; }
ul li { list-style: none; }
#header li a, #sidenav .mainlink, h2 {
	color: #dce5ed;
	font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
}
h2 {
	border-bottom: 1px solid #b92930;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

/* STRUCTURE 
----------------------------------------------------------------------------- */
#header, #container, #footer {
	margin: 0 auto;
	width: 950px;
}
#content {
	background: url(../gfx/bgContent.gif) 1px 264px no-repeat;
	float: left;
	font-size: 1.2em;
	padding: 0 1px;
	position: relative;
	width: 740px;
}
#container {
	background: url(../gfx/bgContainer.png) 0 0 repeat-y;
	padding: 0 30px;
}
#sidebar {
	background: url(../gfx/bgSidebar.gif) 0 0 no-repeat;
	float: left;
	width: 208px;
}
#footer {
	background: url(../gfx/bgFooter.gif) 0 0 repeat-x;
	font-size: 1.2em;
	padding: 1.2em 0 0 0;
	text-align: right;
}
#header:after, #container:after, #footer:after, .promo-list:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#home #content { background: none; }


/* HEADER 
----------------------------------------------------------------------------- */

h1 {
	display: inline;
	float: left;
	height: 44px;
	margin: 41px 0 0 7px;
	width: 191px;
}
h1 a {
	background: url(../gfx/logo.gif) 0 0 no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}
#header ul {
	float: right;
	margin: 41px 0 75px;
	width: 745px;
}
#header li { float: left; margin-left: 1px; }
#header li a { 
	background: #b92930;
	color: #fff;
	display: block;
	font-size: 1.8em;
	line-height: 43px;
	text-align: center;
}
#header li a:hover, #home #tab-home a, #about #tab-about a, #contact #tab-contact a, 
#promotions #tab-promotions a, #sales #tab-sales a, #realisations #tab-realisations a 
{ background: url(../gfx/bgMainNavHover.gif) 50% 0 no-repeat; }
#tab-home { width: 167px; }
#tab-about { width: 83px; }
#tab-promotions { width: 115px; }
#tab-sales { width: 138px; }
#tab-realisations { width: 119px; }
#tab-contact { width: 114px;}

/* SIDEBAR 
----------------------------------------------------------------------------- */
#sidenav { border-bottom: 1px solid #5c646b; width: 208px; }
#sidenav li { 
	background: url(../gfx/bgSideNavLia.gif) 0 0 no-repeat;
	border-top: 1px solid #5c646b;	
	height: 1%;
}
#sidenav .first { background: none; }
#sidenav .mainlink { 
	display: block;
	font-size: 2.4em;
	height: 65px;
	line-height: 65px; 
	text-align: center; 
}
#sidenav li a:hover, #header li a:hover, .more:hover { text-decoration: none; }
#sidenav .subnav {
	background: none;
	border-top: 1px solid #b92930;
	display: none;
	margin: 0 13px 0 17px;
	padding-bottom: 36px;
}
#sidenav .subnav li {
	background: url(../gfx/raquo.gif) 3px 50% no-repeat;
	border-bottom: 1px solid #b92930;
	border-top: 0 none;
	font-size: 1.4em;
	padding: 1em 0 1em 20px;
}
.subnav li a { color: #dce5ed; }
.phone {
	background: url(../gfx/bgPhoneQuestion.jpg) 0 0 no-repeat;
	display: block;
	height: 727px;
	overflow: hidden;
	text-indent: -9999px;
	width: 208px;
}
#kitchen1 .subnav, #kitchen2 .subnav { display: block; }



/* CONTENT 
----------------------------------------------------------------------------- */
#flash {
	
}
.box-in {
	background: url(../gfx/bgBoxIn.gif) 417px 100% no-repeat;
	height: 1%;
	padding: 25px;
}
.intro-box { 
	background: url(../gfx/bgContent.gif) 0 0 no-repeat; 
	border-bottom: 1px solid #5c646b;
	float: left;
	width: 369px;	
}
#design-box, #contact-box { border-right: 1px solid #5c646b; }
.intro-box .box-in { 
	background-position: 100% 100%;
	height: 246px;
	padding: 20px 15px 20px 20px; 
	position: relative;
}
#contact-box .box-in, #realisation-box .box-in { height: 320px;}
#promo-box dt, .promo-list dt { 
	color: #c5c5c5; 
	font-size: 1.3em; 
	margin-bottom: 15px;
}
#promo-box dt span, .promo-list dt span { 
	color: #838383;
	display: block;
	font-size: 70%; 
}
#realisation-box img { margin: 3px; }
#contact-box span {
	background: url(../gfx/map.jpg) 0 0 no-repeat;
	display: block;
	height: 212px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 318px;
}
.promo-list {
	margin-bottom: 2em;
	width: 690px;
}
.promo-list dd { float: left; }
.promo-list .img { width: 170px; }
.promo-list .desc { width: 520px; }
.gallery { margin: 0; }
.gallery a img, .gallery_box a img { margin: 5px; }
.gallery_box { margin: 1em 0; text-align: center; }
.pagination { margin: 2em 0; text-align: center; }
.pagination .act { font-weight: bold; }
.more {
	background: url(../gfx/bgLinkMore.gif) 0 0 no-repeat;
	border: 0 none;
	bottom: 10px;
	color: #969696;
	cursor: pointer;
	font-size: 90%;
	height: 27px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	text-indent: 7px;
	width: 63px;
}
form { margin: 2em 0 1em; }
form p { margin: .6em 0; }
fieldset legend { 
	color: #969696; 
	font-size: 1.4em;
	margin-bottom: 1em;
}
form label { 
	float: left;
	margin-right: 20px;
	text-align: right;
	width: 170px;	
}
.input, textarea {
	border: 1px solid #838383;
	font: 1em Verdana;
	padding: 3px 4px; 
	width: 400px;
}
textarea { overflow: auto; }
#map { height: 400px; margin: 2em 0; }
.alert { border: 1px dashed #B92930; padding: 1em; text-align: center; }

/* FOOTER
----------------------------------------------------------------------------- */
#footer span { float: left; }
