html, body, div, span, p, h1, h2, h3, h4, h5, h6, textarea, a, em, img, strong, ul, li, form, label, table, tr, th, td, fieldset {
 margin:0;
 padding:0;
 border:none;
 outline:none;
}
img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.dj-select { width: 100%; font-size: 15px !important; }
#content_4 table {
	width: 100%;
}
#content_4 table td {		
	background: #f5f6f6;
	padding: 7px;	
}
#content_4 table th {		
	background: #d1ab66;
	padding: 7px;
	color: #000;
}
#content_4 .item-page_pro table td:nth-child(2) {
	width: 120px;
	font-size: 15px;
	text-align: right;
	background: #f5f6f6;
}

#content_4 table.bez td {
	background: none;
}
.map {
	border: 1px solid #e2e2e2;
}



html, body {
  	margin:0;
  	padding:0;
  	height:100%;
  	color: #3a3835;	  	
  	font-size: 14px;
  	line-height: 1.4em;
  	font-family: "Trebuchet MS", Arial;
  	background: #fff;	
}
#content_1 {
	width: 100%;
	border-bottom: 1px solid #efefef;
	clear:both;
}
#content_2 {
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #efefef;
	clear:both;
}
#content_3 {
	width:100%;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #edecec;
	background-color:#f9f9f9;
	clear:both;
}
#content_4 {
	width:1000px;
	clear:both;
	margin:auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#content_5 {
	width: 100%;
	clear:both;
	color: #4f4f4f;
	background-color:#f5f6f6;
	border-top: 1px solid #e6e6e6;
	padding: 10px 0px;
	
}
#top {
	width:1000px;
	border-top: 4px solid #d2ab67;
	margin: auto;
}
#logotyp {
	float:left;
	padding-bottom:10px;
	padding-top:10px;
}
#rejestracja {
	float:right;
	padding-top:20px;
}
#menu {
	width:1000px;
	margin:auto;
}
#baner {
	margin:auto;
	width:1198px;
	height:398px;
	border: 1px solid #e8e8e8;
	margin-top:10px;	
}
#baner_cien {
	margin:auto;
	width:1200px;
	margin-bottom:10px;
}
#content_4L {
	float:left;
	width:66%;
	padding-top:10px;
}
#content_4R {
	float:right;
	width:30%;
	padding-top:10px;
}
#content_4L_all {
	float:left;
	width:100%;
	padding-top:10px;
}
#stopka {
	width:1000px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
}
 
a {
	color: #000000;
	text-decoration:none;	
}

a:hover {
	color: #666666;
	text-decoration: underline;	
}

ul {
	list-style-type:disc;
	margin-left: 50px;
	}
ol {
	list-style-type:lower-alpha;
	margin-left: 50px;
	}

ul.menu {
	list-style: none;
	text-align: center;
	margin-left: 0px;	
	
}
ul.menu li {
	margin:0px;	
	display: block;
	margin: 3px 0px;
}
.menu li a {
	margin: 0px;
	color: #000000;
	width: 100%-10px;
	display: block;
	font-size: 14px;
	font-family: 'Cinzel', serif;

	text-align: center;
	//font-weight: 700;	
	background: #efefef;	
	padding: 12px 5px;	

}
.menu li a:hover, .menu li.current a {
	color: #b2822f;	
	text-decoration: none;		
}
	

h1, h2, h3, h4, h5, h6, .subheading-category {
	padding: 0;
	margin: 0;
	color: #b2822f;	
	font-family: 'Cinzel', serif;
//font-weight: 700 !important;
}

h1, .subheading-category {		
	font-size: 20px;		
	margin-bottom: 20px;	
        font-weight: normal;
        color: #000;
	}

h2 {
	font-size: 18px;	
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
	}
.blog h2 {
	padding-top: 20px;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#content_4R h3 {
	text-align: center;
}
ul.category-module, ul.category-module ul  {
	list-style: none;
	margin: 0;
}
ul.category-module li, ul.category-module ul li {
	margin: 0px 0px 5px 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #d7d6d6;
}
ul.category-module li .mod-articles-category-group {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #b2822f;	
	font-family: 'Cinzel', serif;
font-weight: 700 !important;	
}
.clr {
	clear:both;	
	display:block;	
}
p.readmore {
	display:block;
	overflow:hidden;
	
	}

p.readmore a, a.btn {	
	float:right;
	font-weight: normal;
	padding: 5px 7px;
	font-size: 12px;
	background: #f0f0f0;
	display:block;
	}
p.readmore a:hover, a.btn:hover {		
	background: #e0e0e0;
	text-decoration: none;
}
dt {
	display: none;	
	clear: both;
}
dl, dd {
	margin: 0;
	padding: 0;
	font-size: 12px;	
	//padding-bottom: 10px;
	float: left;	
}

dd.category-name {
	margin-right: 10px;	
}
dl {
	padding-bottom: 10px;
	}



/* ############ tabele ################## */

table {
	font-size: 100%;	
}
table td {
	text-align: left;
	vertical-align: top;
}




/* ##############  pagination  ############# */

.pagination
{
	text-align: center;
        margin:10px 0;
        padding:10px 0 10px 0px;
        clear:both;
        font-size: 0.9em;
        color: #333333;	
        font-weight: normal;
        width: 100%;
}
.pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:center;
}

.pagination li
{
        display:inline;        
        text-align:left;
        border:solid 0px #eee;        
	margin:0;
	padding:0;
}
.pagination span {
        background: #e2e2e2;
        color: #000000;
        padding:3px 7px;
        margin:0 2px;        
}
.pagination a {
        padding:3px 7px;
        color: #000000;	
        margin:0 2px;
}
.pagination a:hover {
        padding:3px 7px;
        color: #000000;	
        background: #e2e2e2;
        margin:0 2px;
        -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
}

.pagenav
{padding:2px; clear: both;}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev
	{
	border:0;
	display: none;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span
 {
padding:0

}

/* ############ formularz kontakt ######### */

.kontakt {
	display: block;
	float: left;
	width: 60%;
	margin-bottom: 20px;
}
.formularz {
	display: block;
	float: right;	
	width: 35%;
	margin-bottom: 20px;
}
.form_label {
	margin:5px 0px;
}
.form_input input, .form_input textarea {
	width: 96%;
	background: #f8f7f7;
	border: 1px solid #e2e2e2;	
	padding: 5px;	
}
.form_button {
	float: right;
}
.form_button input {
	padding: 5px;
	background: #e2e2e2;
	border: 1px solid #e2e2e2;
	color: #000000;			
}
.form_button input:hover  {	
	background: #999;	
	color: #000000;			
}



/* ############ coockies ################## */

#ciastko {
	width: 60px;
	height: 73px;
	background: url(../../../plugins/system/EUCookieDirective/EUCookieDirective/images/ciasteczko.png) no-repeat;
	position: absolute;
	right: 20px;
	bottom: -20px;
}


/* ########## RWD  ##########*/

@media only screen and (max-width: 1216px) {
	#baner, #baner_cien, #baner_cien img { width: 95%; height: auto; }
	#baner ul.nav { display: none; }
}	


@media only screen and (max-width: 1050px) {
	#top, #menu, #stopka { width: 100%; height: auto;}
	#content_4 {width: 95%; height: auto;} 
	#content_4R {min-width: 300px; height: auto;}
	#content_4L {width: 65%; height: auto;}
	#content_4L img {max-width: 95%; height: auto;}
}
@media only screen and (max-width: 950px) {
	#content_4L {width: 62%; height: auto;}
}
@media only screen and (max-width: 870px) {
	#content_4L {width: 59%; height: auto;}
	
}
@media only screen and (max-width: 800px) {
	#content_4L {width: 56%; height: auto;}
}

@media only screen and (max-width: 768px) {		
	#content_4R {width: 98%; height: auto;}
	#content_4L {width: 98%; height: auto;}
}
@media only screen and (max-width: 680px) {
	#logotyp, #rejestracja { width: 50%; height: auto;}
	#logotyp img, #rejestracja img { max-width: 300px; width: 95% !important; height: auto;}
}

@media only screen and (max-width: 640px) {
	.kontakt { float: none; margin:auto; width: 100%;}
	.formularz { float: none; margin:auto; width: 100%;}
	#baner, #baner_cien, #baner_cien img { display: none; }
	#content_4L img, #content_4L_all img {width: 95%; height: auto;}
}

@media only screen and (max-width: 480px) {
	#logotyp, #rejestracja { width: 100%; height: auto; clear: both;}
}

@media only screen and (max-width: 320px) {
	
}