/* CSS Document */
*{
	outline:none;
    margin:0;
    padding:0;	
}

*,a{
	text-decoration:none;
}

a{
    color:#000;
    cursor:pointer;
}

a:hover{
    text-decoration:none;
}

img{
	border:0px;
}

table{
    border-collapse:collapse;
}

td{
	vertical-align:text-top;
}

textarea{
    resize:none;
    overflow:hidden;
    font-family: inherit;
    font-size: inherit;    
}

li{
    list-style-type:none;
}

h1, h2, h3, h4, h5{
	padding:0;
	margin:0;
}

h1{
	font-size:12pt;
}

h3 a{
}

h3 a:hover{
	color:green;
}

html, body{
	margin: 0;
	padding: 0;
	border: none;
	height:100%;	
}

html{
	background: no-repeat url(img/tlo.jpg) 50% 0%, repeat url(img/tlo_repeat_2.jpg);
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	color:#222;
	
}

.clear{
	clear:both;
}

.button{
	width:66px;
	height:23px;
	border:0px;
	background: no-repeat url(img/w-button.jpg);
	color:#fff;
	cursor:pointer;
}

.w-komunikat{
	width:80%;
	margin:20px auto 20px auto;
	padding:13px 15px 13px 15px;
	text-align:center;
	
	font-size:13pt;
	font-weight:bold;
}

.w-komunikat-ok{
	color:green;
	border:1px solid green;
}

.w-komunikat-error{
	color:red;
	border:1px solid red;
}

/*do sprawdzania czy wersja mobile*/
#isXs{
	display: block;
	width:0px;
	height:0px;
}

#isSm{
	display: block;
	width:0px;
	height:0px;	
}

/***********
szkielet
***********/

#container{						
}

#top{			
	height:68px;
	border-bottom:1px solid #e6e6e6;
}

#logo{						
	margin:50px auto 42px auto;
	text-align:center;
	display: table;
	display: none;
}

#logo img{	

}

#logo h1{	
	font-size:23pt;
	font-weight:bold;
	color:#1d1d1b;
	margin:32px auto 12px auto;
	padding-bottom:12px;
	border-bottom:1px solid #858585;
}

#logo h2{	
	font-size:12pt;
	color:#707070;
	text-transform:uppercase;
}

#logo_mobile img{
	width:220px;
	padding-top:11px;
}

#zawartosc{					
	width:100%;
	min-height:270px;
	margin:0px auto 0px auto;

	border:0px solid green;
}

#heading{
    border:0px solid orange;
}

#mod-lewa{					
	float:left;
	width:200px;
	padding-left:0px;
}

#mod-prawa{					
	float:right;
	width:600px;
	padding-right:0px;
}

#stopka{					
	width:94%;
	margin:12px auto 35px auto;
	font-size:10pt;	
	line-height:21px;	
	color:#444;
}

#stopka .col_1{
	margin-top:8px;
	padding:8px 0px 11px 0px;
	
	font-weight:300;
}

#stopka h3{
	font-weight:600;
	font-size:10pt;
	line-height:17px;
	margin-bottom:10px;	
}

#stopka .col_1 h3{

}

#stopka .col_2{
		
}

#stopka .col_2 h3{
	font-style:italic;
}

#stopka .col_3{
	clear:both;
	line-height:26px;
}

#stopka .col_3 .fb{
	display:block;
	cursor:pointer;
	padding-top:13px;
	margin-bottom:13px;
}

#stopka .col_3 a.link{
	font-size:inherit;
    color:inherit;
}

#stopka .col_3 a.link:hover{
	text-decoration:underline;
}

/*menu g��wne*/
#jmenu_container{
	padding-top:25px;
	margin:0px auto 0px auto;
	text-align:center;	
}

#jmenu{
    border:0px solid blue;
}

#jmenu.wersja_resp{
	display: none;
}

#jmenu li{
    list-style-type:none;
    display:inline-block;
    height:auto;    
}

#jmenu li a{
	font-size:11pt;
	color:#555;
	display:block;
	cursor:pointer;
	padding:0px 24px 9px 24px;	
}

#jmenu li a:hover{
    text-decoration:none;
    border-bottom:1px solid #bbbbbb;
    color:#444;
}

#jmenu .on a{
    font-weight:bold;   
    border-bottom:1px solid #bbbbbb;
    color:#444;
}

/*menu g��wne lv2*/
#jmenu .w-smmenu{
	width:auto;
	position:absolute;
	z-index:1;
	margin:0;
	background-color:#f0f0f0;
}

#jmenu .w-smmenu li{
	float:none;
}

#jmenu .w-smmenu li a{
}

#jmenu .w-smmenu li a:hover{
}

#jmenu .w-smmenu a.on{
	
}

/*menu_mobile*/
#butt_menu_mobile{   
    cursor:pointer;
    margin-top:13px; 
    display: block;  
    position:absolute;
    z-index:1;
    top:0px;
    right:10px; 
}

/*menu std*/
.menu_std{
    width:auto;
    height:auto;
    
    border:0px solid blue;
}

.menu_std li{
    list-style-type:none;
    float: left; 
}

.menu_std li a{
    height:51px;
    line-height:51px;
    display:block;  
    color:#777;
    padding:0px 16px 0px 16px;    
    font-size:13pt;
}

.menu_std li a:hover{
    text-decoration:none;
    color: #fff;
    background:repeat-x url(img/tlo_menu_poz_on.png);
}

.menu_std .on a{
    color: #fff;
    background:repeat-x url(img/tlo_menu_poz_on.png);    
}

/*modu� zmiany jezyka*/
.jezyk{
	border-collapse:collapse;
	position:absolute;
	z-index:1;
	margin:-2px 0px 0px 880px;
	height:27px;
	background: #dae3e9 no-repeat url(img/tlo_lang.png);
}

.jezyk th{
	font-weight:normal;
	padding-left:5px;
}

.jezyk td{
	text-align:center;
}

.jezyk a{
	font-size: 8pt;	
	margin-left:3px;
	margin-top:3px;
	display:block;
	width: 22px;
	height: 19px;
	line-height:19px;
	cursor:pointer;
}

.jezyk a:hover{
	text-decoration:none;
}

.jezyk a.on{
	background: no-repeat url(img/tlo_lang_on.png);
}

.jezyk a.off:hover{
	background: no-repeat url(img/tlo_lang_on.png);
}

/*start*/
#start{	
	width:100%;
	border-collapse:collapse;
	background: url(img/tlo_pas_repeat.jpg);
}

#start .col{
	
}

#start .col_1{
	background: repeat-x url(img/tlo_pas_sep_repeat.jpg) 50% 100%;
}

#start .sep{
	height:46px;
	background: repeat-x url(img/tlo_pas_sep_repeat.jpg);
}

#start .wew{
	margin:0px auto 0px auto;
	padding-bottom:46px;
	width:1200px;	
	position:relative;
	background: url(img/tlo_pas_sep_repeat.jpg) 50% 100%;
	
	border:0px solid green;
}

#start .no_sep_m{
	padding-bottom:0px;
	background:none;
}

#start .img_pas{
	width:100%;
	display: none;
}

#start.reszta_148 .img_pas{
	display: none;
}

#start .txt{
	line-height:28px;
	font-size:11pt;
	
	width:94%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	
	overflow:hidden;
	
	border:0px solid red;
}

/*#start.o_mnie .wew{
	padding-bottom:0px;
	background:none;
}*/

#start.o_mnie .txt{
	left:5%;
	top:7%;
	right:auto;
}

#start.reszta .txt{
	left:2%; /*5%*/
	top:8%;
	width:80%;
}

#start.reszta_148 .txt{
	position: relative;
	background-color:#ececec;
	padding:25px;
	left:0%;
	width:auto;
}

#start .txt .foto_m{
	max-width:100%;
	margin:0px auto 30px auto;
	display: block;
}

/*start - pas full width*/
/*#start{	
}

#start .pas{
	width:100%;
}

#start .wew{
	margin:0px auto 0px auto;
	width:1200px;	
	position:relative;
	
	border:0px solid green;
}

#start .txt{
	position:absolute;
	z-index:1;
	top:0;
	right:11%;
	bottom:0;
	width:35%;
	
	border:1px solid red;
}*/

/*start - old*/
/*#start{
	border-bottom:3px solid #3c3c3b;	
}

#start .wew{
	margin:0px 10px 0px 10px;
	position:relative;	
}

#start .txt{
	text-align:justify;
	width:50%;
	float:left;
	padding-bottom:50px;	
	line-height:20px;
}

#start .foto{
	width:50%;
	float:left;	
}

#start .foto img{
	position:absolute;
	z-index:1;
	right:0px;
	bottom:0px;	
	width:30%;
}*/

/*info*/
#info{
	padding-top:10px;
}

#info img{
	padding:10px 0 0 10px;
	border:0px solid #333333;
	max-width:40%;
}

#info img.float-left{
	margin:4px 10px 10px 0px;
}

#info img.float-right{
	margin:4px 0px 10px 10px;
}

/*uslugi*/
#uslugi{
	width:100%;
	text-align:center;
}

#uslugi .poz{
	width:240px;
	height:320px;
	overflow:hidden;
	/*float:left;	*/
	display:inline-block;
	position:relative;
	background: no-repeat url(img/usluga_sep_right_bottom.jpg);	
}

#uslugi .poz:hover{
	background: no-repeat url(img/img_tlo_usluga_hvr.jpg);
	width:242px;
	height:322px;
	margin-left:-2px;	
	margin-top:-2px;
}

#uslugi .poz:hover .box_mask{
	display: none;
}

#uslugi .poz:hover .box_txt{
	display: block;
}

#uslugi .poz_b_right{
	background: no-repeat url(img/usluga_sep_right.jpg);	
}

#uslugi .poz_b_bottom{
	background: no-repeat url(img/usluga_sep_bottom.jpg);	
}

#uslugi .poz_b_right_bottom{
	background: no-repeat url(img/usluga_no_sep.jpg);	
}

#uslugi .box_mask{
	position:absolute;
	z-index:1;
	top:26px;
	right:25px;
	bottom:10px;
	left:25px;
	/*margin:26px 25px 10px 25px;
	height:284px;*/
	text-align:center;	
}

#uslugi .box_mask h3{
	color:#9d9e96;
	font-size:14pt;
	font-weight:600;
	line-height:26px;	
	padding-top:201px;
	margin:0px auto 0px auto;
}

#uslugi .box_mask_168 h3, #uslugi .box_mask_169 h3, #uslugi .box_mask_172 h3{
	padding-top:194px;
}

#uslugi .box_txt{
	line-height:16px;
	font-size:9pt;
	position:absolute;
	z-index:1;
	top:26px;
	right:25px;
	bottom:10px;
	left:25px;	
	color:#4a2b31;
	text-align:justify;	
	display: none;
}

/*aktualno�ci*/
#aktu{
    
}

#aktu .poz{
    
}

#aktu .tytul{
    
}

#aktu .data{
    
}

#aktu .fota{
    
}

#aktu .wstep{
    
}

#aktu .wiecej{
    
}

#aktu .wiecej a{
    
}

#aktu .wiecej a:hover{
    
}

/*galeria - nivo*/
#jwen_gal_nivo{
	width:700px;
	float:right;
	margin-bottom:20px;
}

/*galeria - std*/
#gal{
	border-collapse:collapse;
}

#gal .poz{
	width:auto;
	height:auto;
	padding:0px 20px 8px 0px;
	vertical-align:text-bottom;
	text-align:center;
}

#gal .last{
	padding-right:0px;
}

#gal .tytul{
	padding:0px 0px 0px 0px;
}

#gal .poz img{
	width:auto;
	padding:0px 0px 0px 0px;
	border:2px solid gray;
}

#gal .hvr{
	
}

#gal .hvr img{
    border:2px solid #2489b7;
}

#gal .hvr .tytul{
	font-weight:bold;
}

/*kontakt*/
#kon{
    margin:0px auto 0px auto;
	background-color: #e6e6e6;
	position:relative;
    
    border:0px solid red;
}

#kon .lewa{
	background-color: #ececec;
	border-bottom-right-radius:25px;
    padding-bottom:25px;
    
    border:0px solid blue;
}

#kon .prawa{
    border:0px solid green;
}

/*kontakt - tekst*/
#kon_txt{
}

#kon_txt h2{
}

/*kontakt - formularz*/
#kon_form{  /*korzysta z .w-form - patrz ni�ej*/  
}

#kon_form .pad{ 
	padding:30px 0px 0px 0px;
	width:90%;
	margin:0px auto 0px auto;
}

#kon_form .info{
	text-align:justify;
	font-size:10pt;
	padding-bottom:14px;
}

#kon_form .nag{
	padding-bottom:9px;
	font-size:11pt;
	font-weight:bold;
	color:#3c3c3c;
}

/*mapa google*/
#kon_mapa{
    
}


#kon_mapa .mapa{
	width:100%;
	position:relative;
	border:0px solid green;
}

#kon_mapa .mapa_1{
	border-bottom:1px solid #a09f9b;
}

#kon_mapa .gmapa{
	height:319px;
}

#kon_mapa.one_map .gmapa{
	height:638px;
}

#kon_mapa .iko{
	width:65px;
	position:absolute;
	z-index:999;
	background: #ccc7c1 no-repeat url(img/ico_maps.png) 50% 50%;
	background-size:80%;
	right:0;    
}

#kon_mapa .iko_1{
	border-top-left-radius:25px;
	top:14%;
	bottom:0;    
}

#kon_mapa .iko_2{
	border-bottom-left-radius:25px;
	top:0;
	bottom:14%;    
}

.dymek-logo{
    width: 135px; 
    padding:5px 0px 0px 140px; 
    font:normal normal 9pt Arial;
    background: no-repeat url(img/logo_mapa.png);
}

.dymek-clue{
    width:220px;
    height:140px;
    text-align:center;
}

/*formularz std*/
.w-form{
    width:100%;
    border-collapse:collapse;
    
    border:0px solid orange;
}

.w-form th{
    text-align:left;
    font-weight:normal;
}

.w-form .input{
    padding:0px 0px 16px 0px;
    vertical-align:middle;
}

.w-form .input input{
    width:100%;
    height:40px;
    padding:0px 11px 0px 11px;
    padding-bottom:4px;
    border:none;
	background-color:#f8f8f8;
	color:#b6b6b6;
	box-sizing: border-box;
}

.w-form .textarea{ 
}

.w-form .textarea textarea{
    width:100%;
    height:250px;
    margin-top:2px;
    margin-bottom:10px;
    padding:10px 11px 10px 11px;
    border:none;
	background-color:#f8f8f8;
	color:#b6b6b6;
    resize:none;
    box-sizing: border-box;
}

.w-form .submit{
    padding-top:5px;
    text-align:right;
}

.w-form .submit input{
	width:100px;
	height:40px;
	background-color:#3c3c3c;
	color:#bfbebc;
	border: none;
	font-size:11pt;
	cursor: pointer;
}

.w-form .errors{
    color:#F00;
}

/*lista*/
.w-lista{
	width:100%;
}

.w-lista .poz{
}

.w-lista h3{
	float:left;	
	width:auto;
}

.w-lista .data{
	float:right;
	min-width:130px;
}

.w-lista .fota{
	float:left;
	padding:2px;
	margin-right:5px;
	
	border:1px solid gray;
}

.w-lista .fota:hover{
	border:1px solid green;
}

.w-lista .wstep{
	float:left;
	width:auto;
}

.w-lista .wiecej{
	display:block;
	cursor:pointer;
	
	color:green;
}

.w-lista .wiecej:hover{
	font-weight:bold;
}

.w-lista .sep{
	width:80%;
	margin:22px auto 15px auto;
	
	height:1px;
	line-height:1px;
	
	border-bottom:1px solid grey;
}


/***********
standardowe
***********/

/*lista wypunktowana nierozwalaj�ca si� (z Eventripa)*/
/*ul{
	margin-left:0px;
	padding-left:12px;
	overflow: auto;
}

ul li {
	margin-left:10px;		
}*/


/*lista wypunktowana w tekstach*/
#wen_okno_glowne ul {
	padding-bottom:0;
	}
	#wen_okno_glowne ul li {
		list-style-type:none;
		background:url(img/ico_li.jpg) no-repeat 0 6px;
		padding:0 0 2px 7px;		
		}
		#wen_okno_glowne ul li a {
			text-decoration:none;
			color:#605d5c;
			}
		#wen_okno_glowne ul li a:hover {
			
			text-decoration:underline;
			}

/*jestes w*/
#wen_jesw{
	color: #0cb3fa; 
	font-size: 8pt;
	/*border-bottom:1px solid #cdcdcd;
	padding:0 0 3px 10px;
	margin:27px auto 18px 15px;
	width:935px;*/
}

/*powr�t*/
#wen_powrot{
}

#wen_powrot a{
}

/*szybki kontakt*/
#wen_skon{
}

/*facebook - widget boczny*/
#fb_side
{
	height: 609px;
	width: 420px;
	right:-385px;
	top: 190px;
	display: block;
	background: no-repeat url(img/f_slider.png) 6px 8px;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index:100;
}

#fb_side_inside
{
	height: 593px;
	width: 385px;
	/*background: url(img/f_slideinside.jpg);*/
	background-color:#fff;
	position:relative;
	z-index:111;
	left: 35px;
	top: 8px;	
	margin: 0;
	border: 0;
}

/*#fb_side
{
	height: 383px;
	width: 272px;
	right:-245px;
	top: 190px;
	display: block;
	background: url(img/f_slider.png);
	padding: 0;
	margin: 0;
	position: fixed;
	z-index:100;
	border: 0;
}

#fb_side_inside
{
	height: 367px;
	width: 237px;
	background-color:#fff;
	position:relative;
	z-index:111;
	left: 35px;
	top: 8px;	
	margin: 0;
	border: 0;
}*/

#fb_side_iframe{
	border:none; 
	overflow:hidden;
}

/*facebook guzik*/
#wen_fb_like{
	/*position:absolute;
	z-index:3;*/
	width:400px;
	margin:0px 0px 0px 0px;
}

/*Paginator*/
.paginator{
}

.paginator ul{
    margin:0;
    padding:0;
    float:right;
}

.paginator li{
    list-style-type:none;
    display: inline;
    padding:0;
    margin:0;
}

.paginator .first{
    padding-left:0px;
}

.paginator .last{
    padding-right:0px;
}

.paginator .on{
    padding:4px 8px 4px 8px;
    background-color:orange;
    color:red;
    font-weight: bold;
}

.paginator a{
    padding:4px 8px 4px 8px;
}

.paginator a:hover{
    color:red;       
    background-color:#F0F0F0;
    font-weight:bold; 
    text-decoration:none;  
}

.paginator .info{
    padding-right:25px;
}

/*jeste� w*/
#naw{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;   
    color:blue;
    
    border: 0px solid red;
}

#naw .nag{
}

#naw a{
    color:blue;
}

#naw a:hover{
}

#naw .ico{
    padding-bottom:0px;
}

/*autocomplete*/
.autocomplete-suggestions { padding:10px 0px 14px 0px; border: 1px solid #b0c2ce; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding:3px 6px 3px 16px; font-size:10pt; font-style:italic; color:#3a3c3f; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { color:#000; }
.autocomplete-suggestions strong { font-weight: normal; color: #2887c3; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* Tiny Scrollbar */
#scrollbar1 { border:0px solid blue; /*width: 485px; margin: 20px 0 10px;*/ width:100%; margin: 0;}
#scrollbar1 .viewport { border:0px solid green; /*width: 470px;*/ overflow: hidden; position: relative; }
#scrollbar1 .overview { width: 100%; /*moje 100%, normalnie nie ma �adnego width*/ min-height:100px;border:0px solid orange; list-style: none; position: absolute; z-index:999999999;left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ border:0px solid red; /*background: transparent url(../images_scroll/bg-scrollbar-track-y.png) no-repeat 0 0;*/ position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { /*background: transparent url(../images_scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%;*/ height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar1 .thumb { 
    height: 20px; 
    width: 3px; 
    cursor: pointer; 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    left: 7px;
    border-radius:15px;
    background-color:#8f8282;     
    /*background: transparent url(../images_scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; 
    height: 20px; 
    width: 25px; 
    cursor: pointer; 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    left: -5px; */
}

#scrollbar1 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }