/* CSS:style.css */
h1, h2, h3, h4, pre, body, html {
	margin:0;
	padding:0;
	}

p{
	margin-top:0;
	padding-top:0;
}
	
a img, :link img, :visited img { border:none; }
ul { }


/**********************************************/
/* HEADINGS */
h1, h2, h3 { margin-bottom:3px;
         line-height:1.5em;
         font-family:Tahoma;
         font-weight:normal; }
h4, h5, h6 { margin-bottom:3px;
                 line-height:1.5em;
                 font-family:Tahoma; }
h1 { font-size:20px; color:#000; font-weight:bold; }
h2 { font-size:14px; color:#000; font-weight:bold; }
h3 { font-size:16px; color:#000; font-weight:normal; }
h4 { font:normal 16px Tahoma; color:#000; }
h5 { font-weight:normal; font-size:1em; }

/**********************************************/

/* CSS Document */
/* About:Contains all the IDS elements for the structure of the site and other IDS */

/******************************************************
			CONTENT BOXES
******************************************************/

html,body{ 
	text-align:center;
	height:100%; 
}

body{
	margin:0;
	padding:0;
	background:#fff1d3;
}

#bg-left{
	position:absolute;
	top:0;
	left:0;
	background:#2b4b8b;
	width:100%;
	height:44px;
}

#top{
	background:#000;
	height:228px;
}

#baner{
	background:#bfab9d;
	height:278px;
}

#main{
	background:#fff1d3;
}

/******************************************************
			SECONDARY BOXES
******************************************************/

#content-top{
	width:900px;
	height:228px;
	margin:auto;
	background:url('../../../graphics/content-top.jpg') no-repeat;
	position:relative;
}

#bg-left{
	position:absolute;
	top:0;
	left:-149px;
	background:url('../../../graphics/bg-left.jpg') no-repeat;
	width:149px;
	height:228px;
}

#bg-left0{
	position:absolute;
	top:13px;
	left:-138px;
	z-index:200;
}

#bg-left0 ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

#bg-left0 ul li{
	background:url('../../../graphics/red.gif') 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:0;
}

#logo{
	position:absolute;
	top:11px;
	left:280px;
	width:600px;
	height:203px;
	z-index:50;
}

#content-baner{
	width:900px;
	height:278px;
	margin:auto;
	background:url('../../../graphics/baner.jpg') no-repeat;
	position:relative;
}

#bg-left-baner{
	position:absolute;
	top:0;
	left:-149px;
	background:url('../../../graphics/bg-left-baner.jpg') no-repeat;
	width:149px;
	height:278px;
}

#bg-legenda{
	position:absolute;
	top:224px;
	left:31px;
	background:url('../../../graphics/bg-legenda.gif') no-repeat;
	width:207px;
	height:54px;
}

#main-content{
	width:900px;
	margin:auto;
}

#legenda{
	float:left;
	width:238px;
	text-align:left;
}

#legenda-content{
	background:#d5d0a9 url('../../../graphics/bg-legenda-bottom.gif') no-repeat bottom;
	min-height:220px;
	height:auto !important;
	height:220px;
	margin:0 0 0 31px;
	text-align:left;
}

#article{
	float:left;
	width:588px;
	padding:23px 0 15px 74px;
	text-align:left;
}

#menu{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:176px;
	left:435px;
	z-index:100;
}

#menu li{
	display:block;
	float:left;
	padding:0 3px 0 0;
}

#footer{
	height:110px;
	text-align:center;
}

#ff{
	width:155px;
	padding:4px 0 0 0;
	margin:0 0 0 57px;
	text-align:center;
}

.img{
 	float:left;
 	padding:0 15px 0 0;
 	width:183px;
 	text-align:center;
}

.image-content{
	position:relative;
	padding:21px 11px 11px 11px;
	overflow:hidden;
}

.image-links{
	position:absolute;
	top:0;
	right:18px;
	width:95px;
	height:17px;
	background:url('../../../graphics/image-links.gif');
	z-index:55;
}

.image-left-top{
	position:absolute;
	top:10px;
	left:0;
	width:11px;
	height:11px;
	background:url('../../../graphics/image-left-top.gif');
	z-index:50;
	overflow:hidden;
}

.image-left{
	position:absolute;
	top:10px;
	left:0;
	width:11px;
	height:100% !important;
	height:300px;
	background:url('../../../graphics/image-left.gif');
	z-index:45;
	overflow:hidden;
}

.image-right{
	position:absolute;
	top:10px;
	right:0;
	width:11px;
	height:100% !important;
	height:300px;
	background:url('../../../graphics/image-right.gif');
	z-index:45;
	overflow:hidden;
}

.image-right-top{
	position:absolute;
	top:10px;
	right:0;
	width:11px;
	height:11px;
	background:url('../../../graphics/image-right-top.gif');
	z-index:50;
	overflow:hidden;
}

.image-top{
	position:absolute;
	top:10px !important;
	left:0 !important;
	left:10px;
	width:100%;
	height:11px;
	background:url('../../../graphics/image-top.gif');
	z-index:45;
	overflow:hidden;
}

.image-bottom{
	position:absolute;
	bottom:0;
	left:10px !important;
	left: 10px;
	width:100%;
	height:11px;
	background:url('../../../graphics/image-bottom.gif');
	z-index:45;
	overflow:hidden;
}

.image-right-bottom{
	position:absolute;
	bottom:0 !important;
	bottom:-1px;
	right:0;
	width:11px;
	height:11px !important;
	height:12px;
	background:#fff1d3 url('../../../graphics/image-right-bottom.gif') 0 0 no-repeat;
	z-index:50;
	overflow:hidden;
}

.image-left-bottom{
	position:absolute;
	bottom:0 !important;
	bottom:-1px;
	left:0;
	width:11px;
	height:11px !important;
	height:12px;
	background: #fff1d3 url('../../../graphics/image-left-bottom.gif') 0 0 no-repeat;
	z-index:50;
	overflow:hidden;
}

.img-top{
	height:21px;
	position:relative;
	overflow:hidden;
}

.blue{
	position:absolute;
	top:5px;
	left:12px;
	z-index:100;
}

.send-to-friend{
	position:absolute;
	top:5px;
	left:38px;
	z-index:100;
}

.zadaj-pytanie{
	position:absolute;
	top:4px;
	left:77px;
	z-index:100;
}

.img-top .send-to-friend{
	position:absolute;
	top:0px;
	left:108px;
	width:28px;
	height:16px;
	cursor:pointer;
	border:1px solid red;
}

.img-top .contact{
	position:absolute;
	top:0px;
	left:142px;
	width:20px;
	height:16px;
	cursor:pointer;
}

.img-content{
	background:url('../../../graphics/img-content.gif');
	width:183px;
	text-align:center;
}

.img-title{
	width:160px;
	text-align:center;
	margin:auto;
	padding:5px 0 0 0;
}

div.f-left{
	float:left;
}

div.f-right{
	float:right;
}

div.clear-both{
	clear:both;
	height:1px;
	overflow:hidden;
}

div.height-20{
	height:20px !important;
}

div.height-40{
	height:40px !important;
}

.menu-link,
.menu-link:hover{
	display:block;
	width:150px;
	height:52px;
	text-decoration:none;
}

.main-link{
	background:url('../../../graphics/strona-glowna.gif') no-repeat;
}

.main-link:hover,
.main-link-active{
	background:url('../../../graphics/strona-glowna-hover.gif') no-repeat;
}

.gallery-link{
	background:url('../../../graphics/galeria.gif') no-repeat;
}

.gallery-link:hover,
.gallery-link-active{
	background:url('../../../graphics/galeria-hover.gif') no-repeat;
}

.contact-link{
	background:url('../../../graphics/kontakt.gif') no-repeat;
}

.contact-link:hover,
.contact-link-active{
	background:url('../../../graphics/kontakt-hover.gif') no-repeat;
}

/******************************************************
			FONT
******************************************************/

#article-content{
	font-size:13px;
}

#baner,
#main{
	font-family:tahoma;
	color:#000;
	font-size:11px;
}

#article{
	color:#5a3d00;
}

.font-error{
	font-family:tahoma;
	color:#ff0000 !important;
}

#ff a span{
	color:#ae232e;
}

#bg-left0 ul li{
	font-family:arial;
	font-size:14px;
	color:#bfab9d;
}

/******************************************************
			LINK
******************************************************/

#ff a,
#ff a:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

a{
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-decoration:underline;
}

a:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-decoration:underline;
}

#stronicowanie{
	color:#A38166;
}

#stronicowanie a{
	border:1px solid #A38166;
	padding: 3px;
	color:#A38166;
	text-decoration:none;
}

#stronicowanie span{
	border:1px solid #A38166;
	padding: 3px;
	background:#A38166;
	color:#fff;
	font-weight:bold;
}

#stronicowanie a:hover{
	background:#A38166;
	color:#fff;
	text-decoration:none;
}

/******************************************************
			FORM
******************************************************/

fieldset#contact {
	border:0 !important;
	width:160px !important;
	padding:0 65px;
	text-align:left;
	background:#FFF1D3;
}

.form {
	overflow:hidden;
	margin-bottom:0.5em;
	clear:both;
}

fieldset#contact label{
	display:block;
	float:left;
	text-align:left;
	padding:2px 4px 0 0;
	font-weight:normal;
	width:140px;
	color:#948d76;
	font-size:11px;
}

fieldset#contact input{
	width:158px;
	height:16px;
	padding:2px 0 0 3px;
	overflow:hidden;
	border:0;
	font-size:10px;
	color:#000;
	background:#c3be9b;
}

fieldset#contact button{
	border:0;
	background:0;
	font-weight:bold;
	text-decoration:underline;
	color:#ca934e;
	font-size:10px;
}

fieldset#contact textarea{
	border:0;
	background:#c3be9b;
	width:158px;
	height:65px;
	padding:5px 0 0 2px;
	font-size:10px;
	color:#000;
	overflow:auto;
}

.input11{
	border:1px solid white;
	background:#c6ccb3;
	font-size:10px;
	color:#000;
	padding:1px 0 0 2px;
}

input.text,
textarea {
	float:left;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	font-family:Tahoma;
	font-size:11px;
}


form{
	margin:0;
}