@charset "utf-8";
body {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;	
	line-height:1.2em;	
	background: #f8f8f0;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #202020;
}
a{
	color:#642e0e;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	color:#642e0e;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
a img{
	border:0;	
}
h1{
	font-size:1.6em;	
	margin:0 0 15px 0;
	padding:0;
	color:#642e0e;
}
h2{
	font-size:1.4em;	
	margin:0 0 10px 0;
	padding:0;
	color:#642e0e;
}
h3{
	font-size:1.3em;	
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
}
h4{
	font-size:1.4em;	
	margin:0 0 10px 0;
	padding:0;
	line-height:1.4em;
}
p{
	margin:0 0 15px 0; 
	padding:0;
}
/* HEADER */
#header {
	background-image: url(../img/header.gif);
	height:9px;
	width:100%;
	display:block;
}
#logo{
	background:transparent url(../img/logo.gif) no-repeat 13px top;	
	float:left;
	width:400px;
	display:block;	
}
#logo a {
	display:block;
	font-size:2em;
	height:103px;
	text-decoration:none;
	text-indent:-1000em;
	width:380px;
}
#menu{
	height:32px;
	margin:30px 0 0 190px;
	padding:0;
	float:left;
	width:340px;
	display:block;
}

#menu li {
	display:block;
	float:left;
	height:32px;
	margin:0 10px 0 0;
	padding:0;
}
#menu li a{
	text-decoration:none;
	text-indent:-1000em;
	display:block;
	height:32px;
}

#menu .msg{
	background:url(../img/sg.gif) no-repeat;
	width:109px;
}
#menu .moferta{
	background:url(../img/oferta.gif) no-repeat;
	width:89px;
}
#menu .mkontakt{
	background:url(../img/kontakt.gif) no-repeat;
	width:89px;
}
#menu li.active a{
	background-position:0 -32px;
}
#menu li a:hover{
	background-position:0 -32px;
}


/* END OF HEADER */

/* CONTENT */
#container {
	width: 939px;  
	margin: 0 auto; 
	text-align: left;
	min-height:710px;
	background:url(../img/background.gif) no-repeat left 142px;	
}

#mainContent {
	display:block;
	width:100%;
	float:left;
}
#introduction{
	width:350px;
	float:right;
	margin:60px 0 0 0;
}
#rightcol{
	width:350px;
	float:right;	
}
#ktext{
	width:300px;	
	margin:90px 0 0 30px;		
	float:left;
}
#text_content{
	width:570px;	
	margin:30px 0 0 10px;		
	float:left;	
}
#flash{
	width:576px;
	height:391px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/flash_background.png' );	
	position:relative;
}

#flash[id]{
	background:url(../img/flash_background.png) no-repeat;
}

#map{
	border:10px solid #FFF;
	margin:30px 0 0 0;			
	width:575px;
	height:390px;
	float:left;

}
#fimage{
	position:absolute;
	top:24px;
	left:11px;
}
#dojazd{
	width:350px;
	float:right;	
	background:transparent url(../img/dojazd.png) no-repeat;		
}
#dojazd a {
	display:block;
	font-size:1.4em;
	text-decoration:none;
	text-indent:-1000em;
	height:106px;
	width:326px;
}
#polecamy{
	width:350px;
	float:right;	
	display:block;
	height:70px;
	margin:5px 0 0 0;
}
#stolarnia{
	width:350px;
	float:right;	
	display:block;
	height:70px;
	margin:2px 0 0 0;
}

#oferta{
	width:560px;
	margin:0 0 0 10px;
	height:200px;
	display:block;
}
#ofertadetail{
	width:268px;
	display:block;
	float:left;
	margin: 0 10px 0 0;
}
.oferta_image{
	width:195px;
	height:88px;
	position:relative;	
	display:block;
	margin:0 0 8px 0;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/oferta_image.png' );
}
.oferta_image[class]{
	background:url(../img/oferta_image.png) no-repeat;	
}
.pokoje{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/pokoje_image.png' );
}

.pokoje[class]{
	background:url(../img/pokoje_image.png) no-repeat;
}
.oferta_image a {
	display:block;
	font-size:1.4em;
	text-decoration:none;
	text-indent:-1000em;
	height:88px;
	width:195px;
}
/* END OF CONTENT */

/* GALLERY */
.gallery {
	width: 570px;
}
.gallery ul { 
	list-style: none;
	padding:0;
}
.gallery ul li {
	display: inline; 
	margin:0 6px 0 0;
}
.gallery ul img {
	border: 5px solid #fff;
}
.gallery ul a:hover img {
	border: 5px solid #642e0e;
}
.gallery ul a:hover { color: #fff; }
/* END OF GALLERY */

/* FOOTER */
#footer {
	padding: 20px 0 40px 0;
	margin:1px 0 0 0;
	font-size:0.9em;
	display:block;
	width:100%;
	float:left;	
}
#footer p {
	margin: 0 0 0 10px; 
	padding: 0;
}
/* END OF FOOTER */