body {



	background: #eee



}







h3 {



	color: #555



}







h2 a {



	text-decoration: none



}







h2 {



	border-bottom: solid 0px #FFFFFF;

}



.items-leading h2 {



	border-bottom: solid 0px #FFFFFF;

}



.moduletable h3 {



	border-bottom: solid 3px #000000;

}





.items-row h2 {



	border-top: solid 1px #ddd;



	border-bottom: solid 1px #ddd;



}



@font-face {
	font-family: alluraregular;
	src:url('../fonts/Allura-Regular.otf');
    /*font-family: 'alluraregular';
    src: url('../fonts/allura-regular-webfont.woff2') format('woff2'),
         url('../fonts/allura-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;*/
}



a:link,a:visited {



	color: #0000FF;



}



/* PRZEMEK */
.breadcrumbs a:visited {
	color: #000000;
	background: url(../images/personal/tlo2.png?v=9);
	text-decoration: none;
}

/* PRZEMEK */
.breadcrumbs a:link {
	color: #000000;
	background: url(../images/personal/tlo2.png?v=9);
	text-decoration: none;
}

/* PRZEMEK */
.tabouter, .linkopen, .tabcontent {
	color: #AAAAAA;
	background: url(../images/personal/tlo2.png?v=9);	
}

a:hover,a:active,a:focus {



	background: inherit;



	/*color: #0000FF;*/



}





.logoheader {



	background: url(../images/personal/personal2.png) no-repeat right



		bottom #0C1A3E;



	color: #2288FF;
	text-shadow: 2px 2px 2px #000;



	min-height: 250px;



}







#all {



	//background: #FFFFFF;

	

	background: url(../images/personal/tlo2.png?v=9) repeat;



	//color: #444;



}







#shadow #all {



	box-shadow: 0px 20px 10px #555555; //cień między tłami z tyłu

}







#header ul.menu {



  background-color:#ddd;



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#dddddd");



  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));



  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);



  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);



  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));



  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);



  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);



  background-image: linear-gradient(#eeeeee, #dddddd);



  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);







  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);



  -webkit-font-smoothing: antialiased;



	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px



		rgba(0, 0, 0, 0.05);



	color: #095197;



	border: solid 1px #ddd;


	border: 1px solid #e5e5e5;



	text-transform: uppercase;



}




#header ul.menu a:link,#header ul.menu a:visited {



	color: #333; /*KOLOR NAPISÓW Z MENU TOP*/



	display: inline-block;



	font-weight: bold;



	text-decoration: none;



	padding: 0px 10px;



	margin: 0;



	display: inline-block;



	margin: 0 0 0;



	padding: 12px 15px;



	position: relative;



	border-right: 1px solid #ddd;



	box-shadow: 1px 0px 0px #f5f5f5;



}







/*  grey background */



.button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading



	{



  background-color:#ddd;



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");



  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));



  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);



  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);



  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));



  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);



  background-image: -o-linear-gradient(top, #ffffff, #dddddd);



  background-image: linear-gradient(#ffffff, #dddddd);



  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);







  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);



  -webkit-font-smoothing: antialiased;



	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px



		rgba(0, 0, 0, 0.05);



	color: #095197;



	border: solid 1px #ddd



}


/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */



table {

	border: solid 1px #ddd;
}







table th {



	background-color: #0074cc;



	color: #fff;



	background-image: -moz-linear-gradient(top, #095197, #1B6BA5);



	background-image: -ms-linear-gradient(top, #095197, #1B6BA5);



	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),



		to(#1B6BA5) );



	background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);



	background-image: -o-linear-gradient(top, #095197, #1B6BA5);



	background-image: linear-gradient(top, #095197, #1B6BA5);



	background-repeat: repeat-x;



	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr



		=



		 '#095197', endColorstr =   '#1B6BA5', GradientType =   0 );



	border-color: #0055cc #0055cc #003580;



	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);



	filter: progid :   dximagetransform.microsoft.gradient (   enabled =



		false );

}







table th a:link,table th a:visited {



	color: #fff



}







tr.odd,tr.cat-list-row1 {



	background: #f8f8f8



}







table  tr:hover td {



	/*background: #FEFDE2;*/
	background: url(../images/personal/tlo2.png?v=9);



}







/* blue background */



.button:hover,



.button:active,



.button:focus,



button:hover,



p.readmore a:hover,



#header ul.menu a:hover,

#header ul.menu a:active,

#header ul.menu a:focus,

.pagenav a:hover,



.pagenav a:active,



.pagenav a:focus,



#advanced-search-toggle:hover,



#advanced-search-toggle:active,



#advanced-search-toggle:focus,



.profile-edit a:hover,



.profile-edit a:active,



.profile-edit a:focus,



#fontsize a:hover,#fontsize a:active,#fontsize a:focus,



#mobile_select h2 a




	{/*PB4 - TUTAJ USTAWIAM KOLOR KAFELKÓW W GÓRNYM MENU PO NAJECHANIU*/



	background-color: #00EE00;



	color: black;




/*
  background-color:#095197;



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087d1", endColorstr="#095197");



  background-image: -khtml-gradient(linear, left top, left bottom, from(#0087d1), to(#095197));



  background-image: -moz-linear-gradient(top, #0087d1, #095197);



  background-image: -ms-linear-gradient(top, #0087d1, #095197);



  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087d1), color-stop(100%, #095197));



  background-image: -webkit-linear-gradient(top, #0087d1, #095197);



  background-image: -o-linear-gradient(top, #0087d1, #095197);



  background-image: linear-gradient(#0087d1, #095197);



  border-color: #00456b #095197 hsl(201, 100%, 16%);



  color: #fff ;



  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);



  -webkit-font-smoothing: antialiased;






*/








}




/* +++++++++++++++++  Pagination +++++++++++++++ */



.pagination span,.pagination span  a:hover {



	color: #999999;
	background-color: #f5f5f5;


}







/* active item */



span.pagenav {



	background: #095197;

	color: #fff



}







.pagination-start span.pagenav,.pagination-prev  span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav



	{



	background-color: #f5f5f5;
	color: #444;



}







/* +++++++++++++++++  content  +++++++++++++++ */



.article-info {


/*
	background-color: #fbfbfb;



	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);



	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);



	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),



		to(#f5f5f5) );



	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);



	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);



	background-image: linear-gradient(top, #ffffff, #f5f5f5);



	background-repeat: repeat-x;



	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr



		=



		 '#ffffff', endColorstr =   '#f5f5f5', GradientType =   0 );



	border: 1px solid #ddd;



	-webkit-box-shadow: inset 0 1px 0 #ffffff;



	-moz-box-shadow: inset 0 1px 0 #ffffff;



	box-shadow: inset 0 1px 0 #ffffff;*/

	background-color: #EEEEDD;
}







ul.menu a:link,ul.menu a:visited {



	/*color: #444;*/ /*PRZEMEK, KOLOR NAPISÓW W MENU*/



	color: #000000;



}







/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */



.moduletable_menu {



	border: solid 1px #ddd;



	/*background: #f9f9f9; /*TŁO BOXA Z MENU, PRZEMEK*/



	background: #cddaff;



	color: #111111; /*KOLOR NAGŁÓWKÓW W LEWYM MENU*/



	font-family: Verdana; /*DOPISANE*/



}







#header ul.menu { /*MENU TOP*/


/*PRZEMEK TUTAJ*/
	/*border: solid 1px #D5D5D5;*/
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #ddd inset, 0 1px 5px #999;
	
	/*poniższą linijkę dodano od zera*/
	/*background: #ddd;*/
	



}







#header ul.menu a {



	box-shadow: none;



	border-bottom: 0;



}







ul.menu a:hover,ul.menu a:active,ul.menu a:focus {



	background-color: #F5F5F5;



	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);



	background-repeat: repeat-x;



	background: url(../images/arrow.png) no-repeat left 3px center;



	color: #095197 /*KOLOR PO NAJECHANIU NA POZYCJĘ MENU, PRZEMEK*/



}







/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */



ul.menu li.active a,ul.menu  li.active ul li.active a,ul.menu  li.active ul li.active  ul li.active a,ul.menu  li.active ul li.active  ul li.active ul li.active  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a



	{



	font-weight: bold;



}







ul.menu  li.active ul li a,ul.menu  li.active ul li.active  ul li a,ul.menu  li.active ul li.active  ul li.active ul li  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li a



	{



	font-weight: normal



}







ul.menu a { /*PRZEEMEK CIENIE*/



	/*box-shadow: 0 1px 0 #fff;



	border-bottom: solid 1px #ddd;



	text-shadow: 0 1px 0 #fff*/



	box-shadow: 0 1px 0 #3aB; /*belka pod napisami w menu*/



	border-bottom: solid 1px #ddd;



	text-shadow: 0 1px 0 #999;



}







ul.menu ul a {



	background: #e5e5e5;



	margin-bottom: 1px



}







ul.menu ul ul ul a {



	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;



}







ul.menu ul ul ul ul a {



	background: #fff;



}







/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */



.panel h3.pane-toggler a {



	background: url(../images/slider_plus.png) right top no-repeat;



	color: #333



}







.panel h3.pane-toggler-down a {



	background: url(../images/slider_minus.png) right top no-repeat;



	border-bottom: solid 1px #ddd;



	color: #333



}







/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */



ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited {



	background: #f5f5f5 url(../images/nature/box.png) repeat-x;



}







ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a {



	color: #333;



	border: solid 1px #ddd;



	border-bottom: 0



}







ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus {



	color: #000



}







.tabcontent,div.current {



	background: #fff;



	color: #000;



	border: solid 1px #ddd;



}







.tabcontent .linkclosed {



	color: #000;



	border-bottom: solid 1px #e5e5e5;



}







ul.tabs li a.linkopen,dl.tabs dt.open  h3 a:link,dl.tabs dt.open  h3 a:visited



	{



	background: #fff;



	color: #333;



	border-radius: 5px 5px 0px 0px;



}







ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus



	{



	background: #555;



	color: #fff



}







#footer-inner,#footer {



	//background: #f5f5f5;

	background: url(../images/personal/tlo2.png?v=9) repeat;

	box-shadow: 0px 20px 10px #555



}







#footer {



	//background: #555;

	background: url(../images/personal/tlo2.png?v=9) repeat;	



	max-width: 1025px;



	margin: 0 auto;



	box-shadow: 0px 0px 10px #555555;



	color: #555555;



}







#footer a {



	color: #fff;



	background: none



}







#bottom a {



	background: none



}







.box1 {



	border-right: solid 1px #ccc

}







.box3 {



	border-left: solid 1px #ccc

}







#bottom  ul li a {



	background-image: none;



	padding-left: 0



}



































































/* responsive */



#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;text-align:right}



#mobile_select h2 a {



display:inline-block;



font-size:0.8em;



border-radius:4px 4px 0 0;



padding:6px;



font-size:0.75em;



margin-right:5px;



}















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







	img {



  max-width: 100%;



  height: auto;



  border: 0;



  -ms-interpolation-mode: bicubic;



}





	#fontsize{display:none}



	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form



		{



		float: none;



		width: 100%;



	}



	#header {padding-top:3em}



	#header form  {margin:0}



	.logoheader {background:#0C1D43; min-height:100px; margin:0;}



	.box {



		border-left: 0 !important;



		border-bottom: solid 1px #ddd;



	}



	#line {



		text-align: center;



		top: 0;



		right: auto;



		max-width: 100% ;



		min-width:100%;







		margin: 0 0px; background:#095197;



	}



	#header form input {



		float: none; margin-bottom:4px



	}



	#menuwrapper { margin-top:10px; }



	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}



	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}



	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }



	#header ul.menu li a:link,



	#header ul.menu li a:visited {



		display: block;



		padding: 6px 10px;



		border-bottom: solid 1px #ccc



	}



}

 

@media only screen and (min-width: 490px) {



/* CIOCI KOMÓRKA */

/* 24 */



.left1 {



    padding: 0;



    float: left;


    margin: 10px 3% 10px 0;



    width: 24%;



    position: relative



}







.leftbigger {



   width: 24%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}







@media only screen and (min-width: 600px) {



/* SAMSUNG S4 MINI */



/* 24 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 24%;



    position: relative



}







.leftbigger {



   width: 24%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}







@media only screen and (min-width: 768px) {



/* 22 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 22%;



    position: relative



}







.leftbigger {



    width: 22%;



}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}



@media only screen and (min-width: 992px) {



/* 20 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 20%;



    position: relative



}







.leftbigger {



    width:20%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}







@media only screen and (min-width: 1382px) { /* Styles */



/* 20 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 20%;



    position: relative



}



.leftbigger {



    width: 20%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}



@media only screen and (min-width: 1555px) { /* Styles */



/* OBRAZ NA LAPTOPIE */

/* 20 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 20%;

   

    position: relative



}







.leftbigger {



    width: 20%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}



@media only screen and (min-width: 2000px) { /* Styles */



/* 18 */



.left1 {



    padding: 0;



    float: left;



    margin: 10px 3% 10px 0;



    width: 19%;

   

    position: relative



}







.leftbigger {



    width: 19%;

}





.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right {

    float: right;

}





}





@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and



		(min--moz-device-pixel-ratio: 1.5) , only screen and



	(min-device-pixel-ratio: 1.5) { /* Styles */



}