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.art_baner {
	padding: 10px;
	margin: 0 auto 10px;
	max-width: 96%;
	background: #ffffff;
	border: 1px solid #cfd0d4;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	box-sizing: border-box;
	object-fit: cover;
}
#logoParade
{
	width: 728px;
	height: 75px;
	position: relative;
}

#logoParade div.scrollableArea a
{
	display: block;
	float: left;
	padding-left: 10px;
}



.moduletable_kon {
	float: right;
	margin-left: 10px;
}

#c_L {
	width: 225px;
	float: left;
}
#c_R {
	width: 715px;
	float: right;
}

.map {
	border: 1px solid #e2e2e2;
	width: 100% !important;
}

html, body {
  	margin:0;
  	padding:0;
  	height:100%;
  	color: #191a1e;	  	
  	font-size: 14px;
  	line-height: 1.4em;
  	font-family: Arial;    	
}
#bg_content1 {
	background-color: #191a1e;
	width: 100%;
	border-top: 5px solid #f78800;
	border-bottom: 1px solid #fff;
	height:80px;
	clear:both;
}
#bg_content2 {
	background: #fff url(../img/bg_content2.jpg) left top repeat-x;
	width: 100%;
	min-height: calc(100% - 80px);
	padding:0px;
	clear:both;
}
#content1 {
	width: 960px;
	margin:auto;
	clear:both;
}
#logotyp {
	float:left;
	margin-top:15px;
	text-align:left;
}
#content_menu {
	float:left;
	margin-top:25px;
	color: #fff;
	margin-left:60px;
	// z-index: 9999;
}
#flagi {
	float: right;
	margin-top:28px;
}
#content2 {
	width:960px;
	margin:auto;
	padding-top:20px;
	clear:both;
}
#baner {
	width:958px;
	// border:1px solid #fff;
	// border-radius: 15px;
	// -webkit-border-radius: 15px;
	// -moz-border-radius: 15px;
	// height:300px;
	margin-bottom:20px;
}
#content_boxy {
	width:960px;
	margin:auto;
	margin-bottom:20px;
	clear:both;
}
#content_nasi_klienci {
	width:960px;
	margin:auto;
	margin-bottom:20px;
	clear:both;
}
#content_tresc {
	width:960px;
	margin:auto;
	
	clear:both;
}
#content_tresc_L {
	width: 370px;
	float: left;
}
#content_tresc_R {
	width:570px;
	float:right;
}
#content_adres {
	width:960px;
	border-top: 1px solid #ff9600;
	border-bottom: 1px solid #ff9600;
	text-align:center;
	font-size:18px;
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:20px;
	
}
#stopka {
	width:960px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color:#191a1e;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
}
 
a {
	color: #000000;
	text-decoration:none;	
}
#stopka a {
	color: #ffffff;
}
#content_adres a {
	color: #000000;
}
a:hover {
	color: #fea700;
	text-decoration: underline;	
}
.gn_static {
	font-size: 13px;	
}
.gn_static a {
	color: #ff9600;
	font-size: 14px;
	font-weight: bold;
}
.gn_static a:hover {
	color: #191a1e;	
}

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

ul.menu {
	list-style: none;
	margin: 0;
}
ul.menu li {
	margin:0px;
	text-align: center;	
	float: left;	
}
	

h1, h2, h3, h4, h5, h6, .subheading-category {
	padding: 0;
	margin: 0;
	color: #727272;		
}

h1, .subheading-category {		
	font-size: 20px;		
	margin-bottom: 10px;	
	padding-bottom: 10px;	
        font-weight: bold;
        font-style: italic;
        border-bottom: 1px solid #727272;
	}

h2 {
	font-size: 18px;	
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
        font-style: italic;
	}
h3 {
	font-size: 20px;		
	margin-bottom: 10px;	
	padding-bottom: 10px;	
	font-weight: bold;
	font-style: italic;
        border-bottom: 1px solid #727272;
	
	}
.moduletable_menu h3 {
	color: #f78800;
	border-bottom: 2px solid #f78800;
}
.menu li a {
	color: #000000;
	margin:0;
	font-size: 13px;
	text-align: left;
	font-weight: normal;	
	border-bottom: 1px dashed #888888;
	padding: 5px 15px 5px 15px;	
	width: 195px;	
	display: block;

}
.menu li a:hover, .menu li.current a {	
	background: #f88800;	
	text-decoration: none;		
}	
.clr {
	clear:both;	
	display:block;	
}
.readmore {
	display:block;
	overflow:hidden;
	padding: 5px 0 5px 0;
	font-size: 12px;
	}

.readmore a {	
	float:right;
	font-weight: normal;
	}
	

dt {
	display: none;
}
dl, dd {
	margin: 0;
	padding: 0;
	font-size: 12px;	
	padding-bottom: 10px;
}

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






/* ##############  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;
        -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination a {
        padding:3px 7px;
        color: #000000;	
        margin:0 2px;
        -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
}
.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 ######### */

table.my_contact_form {	
	width: 400px;
}
	
table td.inputbox_label {
	width: 200px;	
}
table td.inputbox_form input, table td.inputbox_form textarea {
	background: #f8f7f7;
	border: 1px solid #e2e2e2;	
	padding: 4px;
	width: 200px;	
	font-family:"Trebuchet MS", "Times New Roman", Tahoma, serif;	
}

table td.inputbox_button input {	
	padding: 4px;
	background: #e2e2e2;
	border: 1px solid #e2e2e2;
	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;
}


/*  ########  boxhome ################## */
.boxhome {
	width: 215px;
	height: 143px;
	border: 3px solid #ffffff;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 0 0 6px -2px #000000;
	box-shadow: 0 0 6px -2px #000000;
	position: relative;
	z-index: 10;
}
.boxhome img {
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.boxhome .tytul {
	position: absolute;
	top:0;
	left:0;
	width: 200px;
	height: 42px;
	display: block;
	color: #000000;
	background: url(../img/box_naglowek_B.png) no-repeat;
	-webkit-border-radius: 14px 14px 0 0;
	border-radius: 14px 14px 0 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
}
.boxhome:hover .tytul {
	background: url(../img/box_naglowek_P.png) no-repeat;
	color: #ffffff;
}
.boxhome a {
	width: 215px;
	height: 143px;
	display: block;
	position: absolute;
	left:0;
	top:0;
}


/*  ########  box ################## */
.box {
	width: calc(100% - 20px);
	max-width: 200px;
	height: 175px;
	margin: 0 auto 10px;
	border: 1px solid #eee;
	background: #eef0f2;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.box img {
	width: 100%;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	object-fit: cover;
}
.box .tytul {
	display: block;
	padding-top: 22px;
	color: #f78800;
	background: url(../img/box_dol.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 100px;
	right: 0;
	bottom: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
}
.box .dwa {
}
.box:hover .tytul {	
	color: #000000;
}
.box a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.boxhome .moduletable_seohome {
	width: 195px;
	padding: 10px;
	text-align: left;
	background: #e8e9ee;
	border: 2px solid #ffffff;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color: #000000;
	display: none;
	font-size: 12px;
	z-index: 1;
}
.col-xs-12:hover > .boxhome .moduletable_seohome {
	display: block;
	z-index: 20;
}

.item-page .col-xs-12:hover {
	z-index: 20;
}

/* poprawki responsywnosc */
* {
	box-sizing: border-box;
}

#content1 {
	background-color: #191A1E;
}

#baner .da-slider {
	width: 100%;
	min-width: 310px;
}

.boxhome {
	max-width: 100%;
	margin: 0 auto 10px;
}

.boxhome img {
	width: 100%;
	height: 100%;
}

.moduletable {
	padding: 10px;
}

.pg-csv-box,
.pg-cv-box {
	box-sizing: content-box;
}

.jf_mm_wrapper .levelHolderClass h2 {
	padding: 15px 20px;
}

.item-page a {
	color: #fea700;
}

#cookieMessageContainer .cookie_button {
	height: 26px !important;
	background-size: 100% 100% !important;
}

#cookieMessageContainer {
	max-width: 90% !important;
}

.dj-select {
	width: 200px;
	padding: 5px 5px 5px 25px !important;
	margin: 0 0 10px 10px !important;
	background: #fa0 url(../images/menu_ico.png) no-repeat 5px 7px;
	border: none;
	border-radius: 5px;
	color: #000;
	font-size: 15px !important;
}

.dj-main li a.dj-up_a {
	height: 30px !important;
}

.breadcrumb {
	margin: 0 0 30px;
}

.breadcrumb li {
	display: inline-block;
	margin-right: 10px;
}

.breadcrumb li a {
	color: #ee4400;
}

.breadcrumb .divider {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	background: url(../img/arrow.png) no-repeat left top;
	position: relative;
	top: 1px;
}

@media screen and (max-width: 1023px) {
	#content1,
	#content2,
	#content_adres,
	#stopka {
		width: 100%;
	}
	
	
	#content_nasi_klienci,
	#content_tresc,
	#content_boxy,
	#baner {
		width: 98%;
		margin: 0 auto 20px;
	}
	
	#content_tresc_L {
		width: 50.00%;
	}
	
	#content_tresc_R {
		width: 50.00%;
	}
	
	#c_L {
		width: 220px;
	}
	
	#c_R {
		width: auto;
		margin-left: 240px;
		float: none;
	}
	
	.ph-cb {
		clear: none !important;
	}
	
	#likebox_1 {
		display: none !important;
	}
	
	#flagi {
		margin-right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.dj-main {
		display: none;
	}
	
	#c_L {
		display: none;
	}
	
	#c_R {
		width: 98%;
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 479px) {
	#content_menu {
		margin: 25px auto 0;
	}
	
	#baner {
		display: none;
	}
	
	#content_tresc_L {
		width: 100%;
	}
	
	#content_tresc_R {
		width: 100%;
	}
	
	.my_contact_form td {
		display: block;
	}
	
	#ciastko {
		display: none !important;
	}
}

.double-columns {
	padding: 0;
	margin: 0;
}

.double-columns > li {
	display: block;
	padding: 0 5px 5px;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	.double-columns > li {
		width: 50%;
		float: left;
	}
}

.gallery {
	margin-bottom: 20px;
	overflow: hidden;
}

.gallery > a {
	display: block;
	width: 33.33%;
	padding: 5px;
	box-sizing: border-box;
	float: left;
}

.gallery > a > img {
	display: block;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.fast-contact-form {
	padding: 20px;
	margin-top: 20px;
	background-color: #fff;
	border: 10px solid #eee;
	border-radius: 8px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.contact-avatar {
	margin: 10px 0;
	float: right;
}

.contact-form {
	margin: 0 240px 0 0;
}

.contact-form-box {
	margin-top: 20px;
}

.contact-form .form-control {
	padding: 5px 0;
}

.contact-form .form-control label {
	display: inline-block;
	width: 180px;
	vertical-align: top;
	font-weight: bold;
}

.contact-form .form-control textarea, 
.contact-form .form-control input {
	min-width: calc(100% - 200px);
	padding: 4px 8px;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) inset;
}

.contact-form .form-control textarea {
	min-height: 70px;
	width: calc(100% - 15px);
}

.contact-form .btn {
	display: inline-block;
	min-width: 120px;
	padding: 4px 12px;
	margin: 5px 10px 5px 0;
	border: none;
	border-radius: 4px;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.contact-form .btn:hover {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	background-color: #333;
}

.contact-form .btn-submit {
	background-color: #e50;
}

.contact-form .btn-submit:hover {
	background-color: #d00;
}

@media screen and (max-width: 540px) {
	.contact-form {
		margin: 0;
	}
	
	.contact-avatar {
		margin: 10px auto;
		float: none;
	}
	
	.contact-form .form-control textarea, 
	.contact-form .form-control input {
		width: 100%;
	}
}

.contact-toggle {
	display: block;
	height: 60px;
	padding: 12px 0 0 60px;
	position: relative;
	font-size: 18px;
	vertical-align: middle;
	font-weigth: bold;
	color: #e50;
	cursor: pointer;
	float: left;
}

.contact-toggle img {
	position: absolute;
	top: 0;
	left: 0;
}