/*
Theme Name: PureCss.io BASIC THEME
Theme URI:
Author: Michal
Author URI: http://www.labre.pl
Description: A WordPress starter theme designed for speed
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: pure
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
*/


/* RESET STYLES by Eric Mayer v2.0 | 20110126 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: 'Open Sans', sans-serif;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	line-height:1.4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { font-weight: bold; }

em { font-style: italic; }


/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// WEBSITE STRUCTURE /////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

#layout{
	
	margin:0 auto;
	padding:10px 0 0 0;
	max-width:1920px;
}


header{
	
	margin:0 0 10px 0;
	padding:0;
	
}
#top-header{
	
	margin:0;
	padding:0 50px 0 50px;
	background-color:#fff;
}





main{}

section#main-slider{
			position:relative;
			display:block;
			margin:0;
			padding:0 50px;
			box-sizing:border-box;
			max-width:100%;
			width:100%;
}

		.main-slider-container{
			max-width:100%;
			width:100%;
			max-height:810px;
			float:right;
			position:relative;
			display:block;
			margin:0;
			padding:0;
			background-color:#efefef;
			box-sizing:border-box;
			
			
		}
		.home-logo-bg{
			
			position:relative;
			background: rgb(24,65,117);
			background: linear-gradient(0deg, rgba(24,65,117,1) 18%, rgba(61,121,195,1) 100%);
			border-bottom:20px solid rgb(24,65,117);
		}
		.home-logo-box{
			display:inline-block;
			margin:0;
			padding:0;
			box-sizing:border-box;
			width:100%;
			height:auto;
			position: absolute;
			top: 50%;
			left:50%;
			transform: translate(-50%,-50%);
		}
		
section#main-1panel{}

		#main-1panel-container{
			display:block;
			margin:50px auto;
			padding:0 50px 0 50px;
			
		}

section#main-2panels{}

		#main-2panels-container{
			display:block;
			margin:50px auto;
			padding:0 50px 0 50px;
			
		}

section#main-3panels{}

		#main-3panels-container{
			
			position:relative;
			display:block;
			margin:40px auto;
			padding:0 50px 0 50px;			
			box-sizing: border-box;
			width: 100%;
			
		}
		
section#main-4panels{}

		#main-4panels-container{
			display:block;
			margin:30px auto;
			padding:0 50px 0 50px;
			
		}

section#main-infobox{}

		#main-infobox-container{
			
			margin:20px auto;
			padding:20px 50px 20px 50px;
			background-color:#004775;
		}

main#content-page{}
		#content-page-container{
			margin:20px auto 20px auto;
			padding:20px 50px 20px 50px;
		}
		
footer#main-footer{padding:0 50px 0 50px;}

		#main-footer-container{
			
			margin:20px auto 0px auto;
			padding:20px 50px 20px 50px;
			background-color:#184175;
		}
		
footer#sub-footer{padding:0 50px 0 50px;}

		#sub-footer-container{
			
			margin: auto 0px auto;
			padding:20px 50px 20px 50px;
			background-image:url('images/footer-bg.jpg');
			background-position:top center;
			background-repeat:no-repeat;
			background-color:#1d449f;
		}

		
#sidebar-primary{
	display: block;
	margin: 0;
	padding: 0 0 0 0;	
	box-sizing:border-box;

}
#sidebar-primary .widget{
	display: block;
	margin: 0;
	padding: 0 0 0 50px;	
	box-sizing:border-box;

}
#sidebar-archiwum-galerii{
	display: block;
	margin: 0 0 30px 0 !important;
	padding: 0 0 0 0px !important;	
	box-sizing:border-box;	
	width:100%;
	max-width:100%;
	height:auto;
}
div.sidebar-div-home{
	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#eee;
	border:1px solid #c5c5c5;
	margin:30px 0 0 0;
	padding:20px;
	width:100%;
	height:auto;
	box-sizing:border-box;
}

div.partnerzy-info{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background-color:#eee;
	border:1px solid #c5c5c5;
	margin:30px 0 0 50px;
	padding:20px;
}
div.partnerzy-info a{
	text-decoration:none;
}
img.part-ico{
	float:left;
	margin:0 10px 0 0;
	padding:0 0 20px 0;
	max-width:130px;
	width:100%;
	height:auto;
}	
div.partbox{
	position:relative;
	display:flex;
	height:130px;
	min-height:100px;
	margin:20px 0 20px 0;
	padding:0;
	width:100%;
	max-width:100%;
}	
p.part-p{
	display:block;
	font-size:1.5vh;
	color:#3a3a3a;
	margin:0;
	padding:0;
	font-weight:600;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}
nav.page-nav{
	display:block;
	margin:20px 0;
	padding:10px 0;
}	
figure.youtube-video div iframe{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	min-height:500px;
}

#rmp-container-210 {
  position: fixed;
  top: 0;
  margin: 0;
  transition: transform 0.5s;
  overflow: auto;
  display: block;
  width: 75%;
  max-width: 350px;
  min-width: 320px;
  background-color: #000;
  height: 100%;
  left: 0;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////// TOP MENU /////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
nav#top-navigation{
	position:relative;
	background-color:#fff;
	z-index:5999;
	margin:10px 0 10px 0;
}

#menu-navigation{
	
	margin:0;
	padding:0;
	
}

#main-nav   {}

#main-nav ul    {
	display:inline-block;
    margin: 0; 
	padding:11px 11px; 
	
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b10000+0,460000+100 */
background: #b10000; /* Old browsers */
background: -moz-linear-gradient(top,  #b10000 0%, #460000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b10000 0%,#460000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b10000 0%,#460000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10000', endColorstr='#460000',GradientType=0 ); /* IE6-9 */

}
#main-nav li    {
    display: inline-block;
    margin: 0; 
	padding: 0; 
    position: relative; 
	float:left;
}
#main-nav > ul > li    {
	border-right:2px solid #fff;
	
}
#main-nav > ul > li:last-child    {
	border-right:none;
	
}
#main-nav li > a  {
    display: inline-block;
	text-decoration:none;
    padding:2px 19px 2px 19px;
	margin:0;
	color:#fff;
	font-size:2vh;
	font-weight:600;
}
#main-nav li > a:hover {
	color:#fff;
	background-color:#460000;
}

#main-nav li.current-menu-item a  {
	background-color:#460000;
}

#main-nav li.current-menu-parent > a  {
	background-color:#460000;
}
#main-nav li.menu-item-has-children > a:after  {
	content:  ' \f078';
	font-family: FontAwesome;
	font-weight:100;
	font-size:12px;
	margin:0 0 0 10px;
	padding:0;
	display:inline-block;
	opacity:.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

/*/////////////// DROPDOWN 1 LVL ///////////////////*/


#main-nav ul ul {
	display: none;
	position: absolute; 
	top: 41px; /* the height of the main nav */
	left:-5px;
	z-index:6999;
	background:#460000;
    padding:11px 10px 11px 10px;
	margin:0;
}

#main-nav ul li:hover > ul {
	display:inherit;
}
#main-nav ul ul li {
	width:100%;
	float:none;
	display:list-item;
	position: relative;
}
#main-nav ul ul li > a {
    display: inline-block;
	text-decoration:none;
    padding:12px 10px 12px 10px;
	margin:0;
	color:#fff;
	font-size:17px;
	font-weight:400;
	width:100%;
	min-width:200px;
	box-sizing:border-box;
}
#main-nav ul ul li > a:hover {
	background:#000;
}
#main-nav ul ul > li    {
	border-bottom:none;
	
}
#main-nav ul ul > li:last-child    {
	border-bottom:none;
	
}



/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////// AKTUALNOSCI LIST     //////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

ul.aktualnosci-list{
	display: block;
	margin: 0;
	padding: 0;	
	box-sizing:border-box;
}
ul.aktualnosci-list li.aktualnosci-list-item{
	width: 100%;
	max-width:100%;
	height:auto;
	
	margin:0;
	padding:10px 0 10px 0px;
	display: inline-block;
	border-bottom:1px solid #afafaf;
	box-sizing:border-box;

}
ul.aktualnosci-list li.aktualnosci-list-item:hover{
	background: rgb(231,231,231);
	background: linear-gradient(0deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 24%);
	border-bottom:1px solid #3a57a6;
}
ul.aktualnosci-list li.aktualnosci-list-item:hover h2.aktualnosci-list-title{
	color:#0b2563;
}
.aktualnosci-list-item a{
	display: inline;
	text-decoration:none;
	color:#000;
	box-sizing:border-box;
	margin:0;
	padding:0;
	width:auto;
}
.aktualnosci-list-item h2.aktualnosci-list-title{
	display: block;
	font-size:2.6vh;
	color:#3a57a6;
	font-weight:600;
	box-sizing:border-box;
	margin:0;
	padding:0;
	width:auto;
}

.aktualnosci-list-item p{
	margin:0;
	display: block;
	font-size:1.9vh;
	padding:10px 10px;
	box-sizing:border-box;
	color:#727273;
}
.aktualnosci-list-item p.read-more{
	margin:10px 0 0 0;
	width:auto;
	height:auto;
	display:inline-block;
	font-size:1vh;
	font-weight:700;
	padding:10px;
	box-sizing:border-box;
	color:#536692;
	border:1px solid #bebebe;
}
img.homeNews216x160{
	display:inline;
	margin:0 35px 0 0;
	padding:0 0 20px 0;
	float:left;
	max-width:216px;
	width:100%;
	height:auto;

	
}
div.aktualnosci-header-box{
	display:inline-block;
	margin:0;
	padding:10px 0;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
}



article.type-post h2.list-entry-title {
	display: block;
	font-size:2.6vh;
	color:#3a57a6;
	font-weight:600;
	box-sizing:border-box;
	margin:0;
	padding:0;
	width:auto;
}
article.type-post div.entry-content p{
	margin:0;
	display: block;
	font-size:1.5vh;
	padding:10px;
	box-sizing:border-box;
	color:#727273;	
}
.entry-content p{
	line-height:1.5;	
	margin:10px 0;
	padding:0;	
}
.entry-content ul{
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 0;
	padding: 0;
  }
.entry-content ol{
	list-style-type:decimal;
	list-style-position: inside;
	margin: 10px 0;
	padding: 0;
  }

.entry-content ul li{
}


article.type-post:hover{
	background: rgb(231,231,231);
	background: linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 44%);
	border-bottom:2px solid #ae0000;
	
}
article.type-post:hover h2.list-entry-title{
	color:#0b2563;
}
article.type-post{
	width: 100%;
	max-width:100%;
	height:auto;
	
	margin:0 0 30px 0;
	padding:10px 0 10px 0px;
	display: inline-block;
	border-bottom:2px solid #8b0000;
	box-sizing:border-box;
	
}		

article.post div.entry-content p.read-more{
	margin:10px 0 0 0;
	width:auto;
	height:auto;
	display:inline-block;
	font-size:1vh;
	font-weight:700;
	padding:10px;
	box-sizing:border-box;
	color:#536692;
	border:1px solid #bebebe;

}
article.post a{
	display: inline;
	text-decoration:none;
	color:#000;
	box-sizing:border-box;
	margin:0;
	padding:0;
	width:auto;
}
label.screen-reader-text{
	display:none;
}

/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////// WIDGET ARCHIVE       //////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

div.widget_archive{
	
	margin:20px 0;
	padding:0;
	
}
div.widget_archive h3.widget-title{
	width:100%;
	max-width:100%;
	padding:20px 0;
	text-align:center;
	font-size:20px;
}
div.widget_archive select{
	width:100%;
	max-width:100%;
	padding:10px;
	text-align:center;
	border:1px solid #999;
}
div.widget_archive select option{
	
	padding:10px;
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////// TEXT, LINKS, P, H... //////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.entry-content h2{
	line-height:1.5;	
	margin:20px 0;
	padding:0;
	font-size:26px;
	font-weight:700;
	color:#1c387c;
}
.entry-content h3{
	line-height:1.4;	
	margin:20px 0;
	padding:0;
	font-size:21px;
	font-weight:600;
	color:#1c387c;
}
h1.main-h1{
	margin:0;
	padding:0;
	
	font-size:26px;
	font-weight:400;
}
h1.wopr-title{
	margin:10px 0 0 0;
	padding:0 20px;
	color:#fff;
	font-size:3vh;
	font-weight:900;
	width:100%;
	text-align:center;
	box-sizing:border-box;
}
h1.entry-title{
	margin:20px 0 30px 0;
	padding:0;
	color:#1e449f;
	font-size:2.9vh;
	font-weight:700;
	
}
h2.category-title{
	margin:20px 0 30px 0;
	padding:0;
	color:#1e449f;
	font-size:2.8vh;
	font-weight:700;
	
}
h2.archive-title{
	margin:0 0 30px 0;
	padding:0;
	color:#1e449f;
	font-size:1vh;
	font-weight:600;
	
}
h3.date-post-header{
	font-size:12px;
	color:#777;
}
h1.list-entry-title a{
	
	margin:0;
	padding:0;
	color:#222;
	font-size:20px;
	font-weight:600;
	text-decoration:none;
	
}
h2.main-h2{
	margin:0;
	padding:10px 10px;
	
	font-size:22px;
	font-weight:700;
}
p.main-p{
	margin:0;
	padding:10px 10px;
	line-height:1.4;
	font-size:15px;
	
}

p.footer-p{
	margin:0;
	padding:10px 10px;
	line-height:1.4;
	font-size:24px;
	color:#fff;
	font-weight:700;
}
p.footer-p2{
	margin:0;
	padding:10px 10px;
	line-height:1.4;
	font-size:16px;
	color:#fff;
	width:100%;
	text-align:right;
	font-weight:700;
}
p.footer-p2b{
	display:block;
	margin:0;
	padding:5px 5px;
	line-height:1.4;
	font-size:12px;
	color:rgba(11,37,99,.71);
	width:100%;
	text-align:left;
	font-weight:700;
}
p.footer-p2b a{
	color:rgba(11,37,99,1);
	text-decoration:none;
}
a.arch-gal-link:link {
	display:inline-block;
    color: #fff;
	text-decoration:none;
	background-color:#184175;
	padding:10px 20px;
	margin:20px 0;
	font-size:24px;
	font-weight:600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:auto;
	box-sizing:border-box;
}

a.arch-gal-link:visited {color: #fff;}
a.arch-gal-link:hover {color: #fff;background-color:#265693;}
a.arch-gal-link:active {color:  #fff;}




a.homeurl:link {
	text-decoration:none;
}
a.homeurl:visited {text-decoration:none;}
a.homeurl:hover {text-decoration:none;}
a.homeurl:active {text-decoration:none;}

span.sub-homeurl{
	font-size:17px;
	color:#fff;
	text-align:center;
	width:100%;
	display:block;
}
span.sub-homeurl2{
	font-size:14px;
	color:#fff;
	display:block;
}

a.main-link:link {
    color: #1F8DD6;
	text-decoration:underline;
	margin:0;padding:0;
}
a.main-link:visited {color: #1F8DD6;}
a.main-link:hover {color: #19B5FE;}
a.main-link:active {color: blue;}

a.main-button-b-link:link {
	display:inline-block;
    color: #fff;
	text-decoration:none;
	background-color:#1F8DD6;
	padding:10px 20px;
	font-size:36px;
	font-weight:600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.main-button-b-link:visited {color: #fff;}
a.main-button-b-link:hover {color: #fff;background-color:#0D75BA;}
a.main-button-b-link:active {color: blue;}

a.main-button-m-link:link {
	display:inline-block;
    color: #fff;
	text-decoration:none;
	background-color:#1F8DD6;
	padding:10px 20px;
	font-size:24px;
	font-weight:600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.main-button-m-link:visited {color: #fff;}
a.main-button-m-link:hover {color: #fff;background-color:#0D75BA;}
a.main-button-m-link:active {color: blue;}

a.main-button-s-link:link {
	display:inline-block;
    color: #fff;
	text-decoration:none;
	background-color:#2E9EE8;
	padding:10px 15px;
	font-size:16px;
	font-weight:700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.main-button-s-link:visited {color: #fff;}
a.main-button-s-link:hover {color: #fff;background-color:#0D75BA;}
a.main-button-s-link:active {color: blue;}


/*////////////////////////////////// IMAGES /////////////////////////////////////*/
img.facebook-button{
	display:block;
	margin:0 auto 30px auto;
	padding:0;

}
img.top-header-nr{
	margin:10px 0 0 0;
	float:right;
}
img.top-header-logo{
	
	margin:0;
	padding:0;
	
}
img.wopr-logo{
	max-width:295px;
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}
img.wopr-logo-male{
	display:block;
	margin:0 20px 0 0;
	padding:0;
	box-sizing:border-box;
	float:left;
}
img.main-img{
	
	margin:0;
	padding:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
img.main-s-img{
	
	margin:0 auto;
	padding:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	max-width:250px;
}
img.main-img-left{
	
	float:left;
	margin:15px 15px 15px 0;
	padding:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	
}
img.main-img-right{
	position:relative;
	float:right;
	margin:15px 0 15px 15px;
	padding:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	
}
.entry-content img{
	
		
}
img.alignleft{
	
	float:left;
	margin:0 25px 10px 0;
	padding:0;
}
img.alignright{
	
	float:right;
	
}


/*/////////////////////// GALLERY STYLING /////////////////////////////////////*/


/*/////////////////////// 4 COLUMNS /////////////////////////////////////*/

.entry-content .gallery-columns-4 .gallery-item .gallery-icon a img.attachment-thumbnail{
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;		
}
.gallery {
	
	margin:20px 0;
	padding:20px 0;
	background-color:#efefef;
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.gallery-columns-4 .gallery-item{
	
	display:inline-block;
	width:25%;
	padding:15px 0;
	border:1px solid red;
	box-sizing: border-box;
}


.gallery-icon{
	
	vertical-align:top;
	margin:0 auto;
	padding:20px;
	text-align:center;
	background-color:#fff;
	max-width:75%;
}
.gallery-icon a img{
	
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
	padding:0;
	height:auto;
}
.gallery-columns-4 .gallery-item .gallery-icon a img.attachment-thumbnail{
	
	display:inline-block;
	max-width:200px;
	width:100%;
	height:auto;
}

/*/////////////////////// 3 COLUMNS /////////////////////////////////////*/

.gallery-columns-3 .gallery-item{
	
	display:inline-block;
	width:33%;
	padding:10px 0;
	
}
.gallery-columns-3 .gallery-item .gallery-icon a img.attachment-thumbnail{
	
	display:inline-block;
	max-width:160px;
	width:100%;
	height:auto;
}






/*////////////////////////// RESPONSIVE GOOGLE MAPS  ////////////////////////////*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin:30px 0;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// MAIN SLIDER ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/


img.sliderimg{
	
	width:100%;
	height:auto;
}

/*///////////////////////////////////////////////////////////////////////////////*/


.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 8px 14px;
    margin: 2px;
	color: #fff;
	border:none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
    font-size:22px;
    font-weight: 600;
	background-color:#184175;
	box-sizing:border-box;

}
.wp-pagenavi a:hover {
	background-color:#1D5FB6;
}
.wp-pagenavi span.current {
    font-weight: bold;
	background-color:#000;
}	



/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// MEDIA QUERIES //////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/


@media only screen and (max-width: 480px) {
	
	
	
	#top-header{
		
		margin:0;
		padding:0 20px 0 20px;
		background-color:#fff;
	}
	section#main-slider{
				position:relative;
				display:block;
				margin:0;
				padding:0 20px;
				box-sizing:border-box;
		
	}
	.home-logo-box {

		display: inline-block;
		margin: 0;
		padding: 20px 0;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);

	}
	img.wopr-logo{
		max-width:155px;
		width:100%;
		display:block;
		margin:20px auto 0 auto;
		padding:0;
		box-sizing:border-box;
	}
	h1.wopr-title{
		margin:5px 0 20px 0;
		padding:0 20px;
		color:#fff;
		font-size:2.4vh;
		font-weight:900;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	#content-page-container {

		margin: 20px auto 20px auto;
		padding: 20px 20px 20px 20px;

	}
	img.homeNews216x160 {

    display: inline-block;
    margin: 0 auto 0 auto;
    padding: 0 0 20px 0;
    float: left;
    max-width: 100%;
    width: 100%;
    height: auto;

	}
	footer#sub-footer {

    padding: 0 20px 0 20px;

	}
	#sidebar-primary {

    display: block;
    margin: 0;
    padding: 0 0 0 0;
    box-sizing: border-box;

	}
	#sidebar-primary .widget {
		display: block;
		margin: 0;
		padding: 0 0 0 0;
		box-sizing: border-box;
	}
	div.sidebar-div-home{
		display: block;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background-color:#eee;
		border:1px solid #c5c5c5;
		margin:30px auto;
		padding:20px;
		width:100%;
		height:auto;
		box-sizing:border-box;
	}
	
	article.type-post h2.list-entry-title {

    display: block;
    font-size: 2.7vh;
    color: 

    #3a57a6;
    font-weight: 600;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: auto;

	}
	article.post div.entry-content p.read-more {

    margin: 10px 0 0 0;
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 1.8vh;
    font-weight: 700;
    padding: 10px;
    box-sizing: border-box;
    color: #536692;
	border: 1px solid #bebebe;
	text-align:center;
	background-color:#fff;
	}
	img.top-header-nr {
	max-width:100%;
	width:100%;
    margin: 10px 0 10px 0;
    float: left;
	overflow:hidden;
	}	
	footer#main-footer{padding:0 20px 0 20px;}
	
	#main-2panels-container {

    display: block;
    margin: 40px auto;
    padding: 0 20px 0 20px;

	}
	.aktualnosci-list-item p.read-more {

    margin: 10px 0 0 0;
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 2.2vh;
    font-weight: 700;
    padding: 10px;
    box-sizing: border-box;
    color: #536692;
	border: 1px solid #bebebe;
	text-align:center;
	background-color:#fff;
	}
	.aktualnosci-list-item h2.aktualnosci-list-title {

    display: block;
    font-size: 2.8vh;
    color: #3a57a6;
    font-weight: 600;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: auto;
	}
	.aktualnosci-list-item p {

    margin: 0;
    display: block;
    font-size: 1.9vh;
    padding: 10px 0;
    box-sizing: border-box;
    color: #727273;
	}
	#sub-footer-container{
	
	margin: auto 0px auto;
	padding:20px 50px 20px 50px;
	background-image:url('images/footer-bg.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#1d449f;
	background-size: cover;
	}
	#main-footer-container{
		
		margin:20px auto 0px auto;
		padding:20px 50px 20px 50px;
		background-color:#1d449f;
		background-size: cover;
	}
	h1.entry-title {

		margin: 20px 0 30px 0;
		padding: 0;
		color: #1e449f;
		font-size: 3.9vh;
		font-weight: 700;

	}
	h2.category-title {

    margin: 20px 0 30px 0;
    padding: 0;
    color: #1e449f;
    font-size: 3.9vh;
    font-weight: 700;

	}
	a.arch-gal-link:link {
		display:inline-block;
		color: #fff;
		text-decoration:none;
		background-color:#184175;
		padding:10px 20px;
		margin:20px 0;
		font-size:18px;
		font-weight:600;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width:auto;
		box-sizing:border-box;
	}

	a.arch-gal-link:visited {color: #fff;}
	a.arch-gal-link:hover {color: #fff;background-color:#265693;}
	a.arch-gal-link:active {color:  #fff;}



	.wp-pagenavi {
		clear: both;
	}

	.wp-pagenavi span.pages{
			display:block;
			text-decoration: none;
			padding:5px 8px;
			margin: 1px 1px 20px 1px;
			background-color:#0B2563;
			color:#fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		
	}
	.wp-pagenavi a.last {
		display:block;
		text-decoration: none;
		padding:5px 8px;
		margin: 20px 1px 10px 1px;
		background-color:#0B2563;
		color:#fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.wp-pagenavi a {
		text-decoration: none;
		padding:5px 8px;
		margin: 1px 1px 10px 1px;
		background-color:#0B2563;
		color:#fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-pagenavi a:hover, .wp-pagenavi span.current {
		border-color: #000;
	}

	.wp-pagenavi span.current {
		font-weight: 900;
		font-size:14px;
		background-color:#265693;
		padding:10px 10px;
	}

	.cookie-notice-container {

		padding: 15px;
		text-align: center;
		width: 100%;
		z-index: 2;
		box-sizing:border-box;
	}

}
@media only screen and (max-width: 1280px){
	img.wopr-logo{
		max-width:205px;
		width:100%;
		display:block;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
	}
	
}
@media only screen and (max-width: 1280px) and (max-height: 800px) {


	
	img.wopr-logo{
		max-width:225px;
		width:100%;
		display:block;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
	}
	h1.wopr-title{
		margin:20px 0 0 0;
		padding:0 20px;
		color:#fff;
		font-size:3.1vh;
		font-weight:900;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	
	img.part-ico{
		float:left;
		margin:0 10px 0 0;
		padding:0 0 30px 0;
		max-width:70px;
		width:100%;
		height:auto;
	}

	div.partbox{
		position:relative;
		display:flex;
		height:70px;
		min-height:70px;
		margin:20px 0 20px 0;
		padding:0;
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}	
	p.part-p{
		display:block;
		font-size:1.3vh;
		color:#3a3a3a;
		margin:0;
		padding:0;
		font-weight:600;
		position: relative;
		top: 50%;
		-o-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);

	}

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

    margin: 0 0 5px 0;
    padding: 0;

	}


	
	h2.category-title {

		margin: 20px 0 30px 0;
		padding: 0;
		color: #1e449f;
		font-size: 3.8vh;
		font-weight: 700;

	}	
	
	article.type-post h2.list-entry-title {

		display: block;
		font-size: 2.9vh;
		color: #3a57a6;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: auto;

	}	

	article.type-post div.entry-content p {

		margin: 0;
		display: block;
		font-size: 2.1vh;
		padding: 5px 10px ;
		box-sizing: border-box;
		color: #727273;

	}
	article.post div.entry-content p.read-more {

		margin: 10px 0 0 0;
		width: auto;
		height: auto;
		display: inline-block;
		font-size: 1.8vh;
		font-weight: 700;
		padding: 8px;
		box-sizing: border-box;
		color: #536692;
		border: 1px solid #bebebe;

	}
	
	.aktualnosci-list-item p {

		margin: 0;
		display: block;
		font-size: 2.1vh;
		padding: 5px 10px;
		box-sizing: border-box;
		color: #727273;

	}	
	.aktualnosci-list-item p.read-more {

		margin: 10px 0 0 0;
		width: auto;
		height: auto;
		display: inline-block;
		font-size: 2vh;
		font-weight: 700;
		padding: 10px;
		box-sizing: border-box;
		color: #536692;
		border: 1px solid #bebebe;

	}	
	h1.entry-title {

    margin: 20px 0 30px 0;
    padding: 0;
    color: #1e449f;
    font-size: 4.4vh;
    font-weight: 700;

	}	
	.aktualnosci-list-item h2.aktualnosci-list-title {
    display: block;
    font-size: 3.6vh;
    color: #3a57a6;
    font-weight: 600;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: auto;
	}
	
	img.part-ico{
		float:left;
		margin:0 10px 0 0;
		padding:0 0 30px 0;
		max-width:80px;
		width:100%;
		height:auto;
	}

	div.partbox{
		position:relative;
		display:flex;
		height:80px;
		min-height:80px;
		margin:20px 0 20px 0;
		padding:0;
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}	
	p.part-p{
		display:block;
		font-size:1.5vh;
		color:#3a3a3a;
		margin:0;
		padding:0;
		font-weight:600;
		position: relative;
		top: 50%;
		-o-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);

	}

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

}