﻿* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}

html
{
	background: #353535;
	background-image: url(images/bg-body.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
html,
body {
   height:100%;
}
h1 {
	font-family: Cambria Tahoma;
	font-size: 16px;
	color: #595015;
	font-weight: 100;
	letter-spacing: 1px;
	padding: 5px;
	margin: 20px;
	text-align: center;
	
} 
h2 {
	font-weight: normal;
	font-family: Cambria Tahoma;
	font-size: 14px;
	text-transform: uppercase;
	color: #780404;
	letter-spacing: 1px;
	padding: 10px 0 10px 30px;
	margin: 20px;
}
#HEADER ul li h1 {
	margin: 0;
}
#RIGHT h2 a,
a {
	color: orange;
}
#CONTAINER {
   min-height:100%;
   position:relative;
   margin: auto; 
   width: 852px; 
}

#HEADER {
   width: 851px; 
   height: 300px; 
   position: relative; 
   top: 0; 
}

#CONTENT {
   padding: 0;   /* Wysokość stopki */
   width: 852px;
   overflow: auto;
   height: 100%;
}

#LEFT {
	float: left;
	width: 230px;
	min-height: 100%;
	margin: 0 0 15px 25px;
	padding: 0;

}
#RIGHT {
	float: right;
	width: 580px;
	height: 100%;
	margin: 0 10px 0 0;
}

#FOOTER {
   position:relative;
   clear: both;
   width: 100%;
   margin: auto;
   height: 200px;   /* Wysokość stopki */
   margin-top: 20px; /*wartość ujemna musi być taka sama jak wysokość stopki*/
   background: #353535;
   border-top: 1px #686a6f solid;
}
/*stylizacja HEADER*/
#HEADER ul h1 {
	font-family: Tahoma;
	font-size: 11px;
	color: #ccc;
	font-weight: normal;
}
#HEADER ul {
	list-style-type: none;
}
#HEADER ul li {
	display: inline-block;
	padding: 3px;
	text-align: center;
}
#HEADER .logo {
	background-image: url(images/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	top: 0;
	width: 395px;
	height: 140px;
	
}
/*stylizacja menu górnego*/
#MENU-TOP ul{
	position: relative;
	top: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	background-image: url('images/bg-menu-top.png');
	height: 82px;
	width: 852px;
}
#MENU-TOP ul li {
	display: inline-block;
	font-size: 14px;
	font-family: Cambria Tahoma;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	padding-top: 36px;
	width: 100px;
}
#MENU-TOP ul li a {
	text-decoration: none;
	color: #fff;
}
#MENU-TOP ul li a:hover {
	color: #ff0202;
}
#MENU-TOP ul li.menu-top-active a {
	color: #ff0202;
	text-decoration: underline;
}
/*stylizacja zawartości strony*/

/*Content - tlo*/
#CONTENT {background: url(images/bg-middle-3.jpg) repeat-y;}
.rounded_top {background: url(images/bg-top-3.jpg) no-repeat top left; height: 30px;}
.rounded_bottom {background: url(images/bg-bottom-3.jpg) no-repeat bottom left; height: 33px;}

.clear {clear: both; height: 20px; }
/*Left - tlo*/
#LEFT {background: url(images/bg-left-middle-3.jpg) repeat-y;}
#LEFT .rounded_top {background: url(images/bg-left-top-3.jpg) no-repeat top left; height: 30px;}
#LEFT .rounded_bottom {background: url(images/bg-left-bottom-3.jpg) no-repeat bottom left; height: 33px;}

/*---------------------------------------------------Lewa kolumna - menu*/
#LEFT ul {
	margin: 0 3px 0 10px;
	list-style-type: none;
}
#LEFT ul li {
	font-family: Cambria Tahoma;
	font-size: 14px;
	color: #ebe6d6;
	letter-spacing: 1px;
	text-transform: uppercase;
	height: 30px;
	padding: 30px 0 0 15px;
}
#LEFT li.sub-li,
#LEFT li.sub-li-active,
#LEFT li.sub-li-last
{
	list-style-type: none;
	padding: 8px 0 0 20px; 
	margin: 0;
	border-bottom: 1px solid #5a0b08;
	border-top: 1px solid #b91e2b;
}
#LEFT li.sub-li-last {
	border-bottom: none;
}
#LEFT li.sub-li a,
#LEFT li.sub-li-last a
{
	color: #fff;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;

}
#LEFT li.sub-li a:hover,
#LEFT li.sub-li-last a:hover {
	color: #fc8e00;
}

#LEFT li.sub-li-active a{
	color: #ebe6d6;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	text-decoration: underline;
	
}

/*------------------------------------------------------*/
#RIGHT .post {
	
	padding: 20px;
	margin: 0 0 5px 0;
}
#RIGHT .post p,
#RIGHT .post-2 p,
#CONTENT .post-1 p,
#RIGHT .post ul.lista,
#RIGHT .post tr {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 200%;
	text-align: left;
	color: #332516;
	text-align: justify;
}

#RIGHT .post ul.lista {
	padding: 10px 0;
	list-style-position: inside;
}
#RIGHT .post h1 {
	text-align: left;
}
#RIGHT .post ul.galeria  {
	list-style: none;
	text-align: center;
}
#RIGHT .post ul.galeria li {
		display: inline-block;
}

#RIGHT .post ul.galeria li,
#RIGHT .post .img,
#RIGHT .post-2 .img,
#CONTENT .post-1 .img {
		padding: 3px 3px 3px 3px;
		margin: 2px;
		border: 1px #595015 solid;
}
#CONTENT .post-1
 {
	margin: auto;
	width: 600px;
	text-align: justify;		
}

#RIGHT .post-2 p{
	text-align: center;
}	
/*TABELA*/
#RIGHT .tabela tr td{
	border-right: 1px solid #686a6f;
	border-bottom: 1px solid #686a6f;
	border-left: 1px solid #353535;
	border-top: 1px solid #353535;
	padding: 5px;	
	color: #332516;
}
#RIGHT .tabela {
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	border-left: 1px solid #686a6f;
	border-top: 1px solid #686a6f;

	padding: 0;
	height: 100%;
	width: 90%;
	margin: auto;
	font: 11px Tahoma;
	color: 
	text-align: center;
	overflow: hidden; 
}
#LEFT .kontakt {
	background-image: url(images/kontakt.png) ;
	background-repeat: no-repeat;
	width: 230px;
	height: 100px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0 ;
}
#LEFT .kontakt p {
	font-family: Tahoma;
	font-size: 12px;
	color: #bde3ee;
}
#MENU-FOOTER ul {
	list-style: none;
	margin: 10px;
	text-align: center;
}
#MENU-FOOTER ul li {
	display: inline-block;
	width: 60px;
}
#MENU-FOOTER ul li a {
	font-family: Tahoma;
	font-size: 11px;
	color: #fff;
}
#MENU-FOOTER ul li a:hover {
	color: #fc8e00;
}
#FOOTER .stoppseudohodowcom { float: left; margin: 0 20px;}
#LEFT .zkwp {text-align: center; margin: 20px;}


#RIGHT .galerie
{
	width: 70%;
	margin: auto;
}

#RIGHT .galerie img {
	border: 1px #595015 solid;
	padding: 5px;
}
#RIGHT .galerie tr {
	text-align: center;
}
#RIGHT .galerie tr a{
	
	color: #595015;
	font-family: Tahoma;
	font-size: 13px;
	text-decoration: none;
}