@CHARSET "UTF-8";

html { 
   margin: 0; 
	padding: 0; 
	font-size: 13px; 
}
 
body{
	margin: 0px;
	padding: 0px;
	text-align: center; /* center layout in ie5 and 5.5. */
	background-color: Black;
}

#container{
	 position: relative;
	 width: 100%;
    /*width: 1024px;
    margin: 0px auto 10px auto !important;
    margin: 0px auto 10px auto;*/
    text-align: left;
	/*border: solid 2px red;*/
	background-color: white;
	background-image: url(images/bg_index_top.jpg);
	background-position: top;
	background-repeat: repeat-x;
	/*margin-bottom: 62px;*/
}


div {
	/*border: solid 1px #aabbaa;*/
}

div#header {
	position: relative;
	/*width: 1024px;*/
	height: 235px;
	background-image: url(images/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}

div#logo{
	position: absolute;
	top: 49px;
	left: 57px;
	width: 305px;
	height: 54px;
}

div#logo img{
}

div#topcontainer{
	background-color: black;
}


div#top{
	background-color: black;
	background-image:url(images/bg_top.jpg);
	background-position: right;
	background-repeat: no-repeat;	
	width: 1024px;
	height: 136px;
	position: relative;
	margin: 0px auto 0px auto;
	/*border: solid 1px red;*/
}

div#menu{
	position: absolute;
	top: 95px;
	left: 454px;
	width: 507px;
	height: 34px;
/*	height: 746px;*/
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
	margin-top: 7px;
	margin-left: 3px;
	/*border: solid 1px red;*/
}

div#menu a{
/*	background-color: White;*/
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: Black;
	font-weight: bolder;
}


#body{
	/*width: 1024px;*/
	width: 907px;
	/*height: 495px;*/
	background-image: url(images/bg_body.jpg);
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
	margin: 0px auto 0px auto;
	/*border: solid 2px yellow;*/
	border-top: solid 3px #c80d01;
}

#body div#left{
	width: 226px;
	float: left;
}

#body div#content{
	width: 681px;
	margin-left: 226px;
}

#body div#content div.title{
	padding-top: 22px;
	font-family: Tahoma;
	padding-bottom: 22px;
	/*font-weight: bolder;*/
	padding-left: 33px;
}

#body div#content div.title span{
	font-weight: bolder;
}

#body div.contentbody{
	/*background-image: url(images/ofirmie_content_bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;*/
	padding-bottom: 5px;
	font-family: Tahoma;
}

div#box1{
	position: absolute;
	top: 133px;
	/*left: 37px;*/
	left: 0px;
	width: 226px;
	height: 210px;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 16px;
}

div#box2{
	position: absolute;
	top: 133px;
	/*left: 381px;*/
	left: 226px;
	width: 229px;
	height: 210px;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 16px;
}

div#footer{
	width: 100%;
	height: 134px;
	background-color: black;
}

div#footer2{
	width: 1024px;
	height: 134px;
	margin: 0px auto 0px auto;
	/*border: solid 1px blue;*/
	position: relative;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#footer2 div#wizyta{
	position: absolute;
	/*border: solid 1px yellow;*/
	top: 14px;
	left: 750px;
}

/* tutaj poczatkowo byl opis boxow */


img {
	border: solid 0px black;
}

.msg{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: Red;
}

a.link{
	color: White;
}


/*	=layer
---------------------------------------------------------------------------- */

#komfort{
	width: 455px;
	height: 133px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#slide{
	width: 452px;
	height: 201px;
	position: absolute;
	top: 0px;
	/*left: 572px;*/
	left: 448px;
}

#newsletter{
	width: 455px;
	height: 136px;
	position: absolute; 
	top: 361px;
	left: 0px;
	background-image: url(images/bg_newsletter.jpg);
	background-repeat: no-repeat;
}


#nowosci{
	width: 452px;
	height: 294px;
	position: absolute;
	top: 203px;
	left: 455px;
	background-image: url(images/nowosci.jpg);
	background-repeat: no-repeat;
}

#copyright{
	position: absolute;
	top: 12px;
	left: 59px;
	font-family: Tahoma;
	color: #b2b2b2;
	font-size: 10px;
	display: none;
}

#createdby{
	position: absolute;
	top: 12px;
	left: 757px;
	font-family: Tahoma;
	font-size: 10px;
	color: #b2b2b2;
}

#createdby a {
	color: #b2b2b2;
	text-decoration: none;
}




#contenttop{
	/*width: 681px;*/
	/*height: 69px;*/
	background-image: url(images/kategorie_bg_title.jpg);
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 33px;
}

#contenttop span{
	font-weight: bolder;
}

#contenttop span span{
	color: #d10c05;
}

#contenttop a{
	text-decoration: none;
	color: black;
}

#contenttop a:hover{
	text-decoration: underline;
}


.menu2{
	width: 180px;
	/*float: left;*/
	padding-left: 28px;
	padding-top: 9px;
}

.menu2_item{
	font-family: Tahoma;
	font-size: 12px;
	background-image: url(images/arrow.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-bottom: 3px;
	font-weight: bolder;
	
	padding-top: 7px;
	padding-bottom: 7px;
}

.menu2_item a {
	text-decoration: none;
	color: black;
}

.menu2_item:hover{
	font-family: Tahoma;
	font-size: 12px;
	background-image: url(images/arrow2.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: bolder;
}

#cat {
	width: 10%;
}
#cat tr td{
	width: 33%;
	height: 100%;
	vertical-align: top;
}

.catitem{
	background-color: #f5f5f5;
	margin-bottom: 11px;
	/*width: 100%;*/
	width: 219px;
	height: 202px;
}


.catitem2{
	background-color: #f5f5f5;
	margin-left: 11px;
	margin-right: 11px;
	margin-bottom: 11px;
	width: 219px;
	height: 202px;
}

.catcont{
	padding: 12px;
}

.catcont strong a{
	color: black;
	text-decoration: none;
}


.catcont strong a:hover{
	color: black;
	text-decoration: underline;
}

.strwaktualizacji{
	width: 680px;
	height:200px;
	text-align:center;
	padding-top: 50px;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
}

#sinfo{
	width: 636px;
	background-color: #f5f5f5;
	padding: 22px;
}

.miniprodcontent{
	margin-right:12px;
	color: #6e6e6e;
	font-family: Tahoma;
	font-size:11px;
	text-align:center;
}

#carrow{
	width:680px;
	height:19px;
	/*background-color:grey;*/
	background-image: url(images/carrow.jpg);
	margin-top: 12px;
}

#cleft{
	float: left;
	background-image: url(images/carrowleft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 230px;
	height: 19px;
	line-height: 18px;
	padding-left: 60px;
}

#cleft:hover{
	float: left;
	background-image: url(images/carrowleft2.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 230px;
	height: 19px;
	line-height: 18px;
	padding-left: 60px;
}

#cleft a{
	font-family: Tahoma;
	color: black;
	font-size: 11px;
	text-decoration: none;
}

#cright{
	float: right;
	background-image: url(images/carrowright.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 230px;
	height: 19px;
	text-align: right;
	padding-right: 60px;
	line-height: 18px;
}

#cright:hover{
	float: right;
	background-image: url(images/carrowright2.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 230px;
	height: 19px;
	text-align: right;
	padding-right: 60px;
	line-height: 18px;
}

#cright a{
	font-family: Tahoma;
	color: black;
	font-size: 11px;
	text-decoration: none;
}