/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/* 
ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE. THIS WAY IF YOU MAKE
A MISTAKE YOU CAN ALWAYS REVERT BACK TO ORIGINAL TEMPLATE CSS
THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES. IT LOADS EVEN AFTER TEMPLATE_RTL.CSS 
SO YOU CAN ADJUST ANY CSS PART OF THE TEMPLATE YOU NEED.*/
/*CUSTOM ITEM CLASS EXAMPLE*/
/*.horiznav a.newclas{
	background-image:url(../images/pdf_button.png)!important;
	background-repeat:no-repeat!important;
	background-position:95% center!important;
	
}*/
/*CUSTOM FIRST DROP NO TOP ROUNDED CORNERS EXAMPLE*/

/*.horiznav ul.level1 li.tl,.horiznav ul.level1 li.tl:hover{
	background:transparent url(../images/metal/topmenu/square/tl.png)!important;
}
.horiznav ul.level1 li.tr,.horiznav ul.level1 li.tr:hover{
	background:transparent url(../images/metal/topmenu/square/tr.png) no-repeat right top!important;
}
.horiznav ul.level2 li.tl,.horiznav ul.level2 li.tl:hover{
	background:transparent url(../images/metal/topmenu/corners/tl.png)!important;
}
.horiznav ul.level2 li.tr,.horiznav ul.level2 li.tr:hover{
	background:transparent url(../images/metal/topmenu/corners/tr.png) no-repeat right top!important;
}
.top_menu ul.subul_main.level1{
	margin-top:3px;
}
.YJSG_listContainer ul.subul_main.level1{
	margin-top:-3px!important;
}*/


/* modyfikacja dla modułu mod_feed */

.feed-link a:focus, .feed-link a:hover, .ssK2ItemsList a:focus, .ssK2ItemsList a:hover, .weblinks  a:focus, .weblinks  a:hover{
color:#000;}

div.catItemHeader h3.catItemTitle {
width:100%}

div.itemHeader span.itemAuthor a  {
float:none;}

.image_text {
float: left;
margin-right: 10px;
padding-top:5px;}




.blog div.catItemImageBlock, .catItemBody p img, .itemIntroText p img {
    background: url("../images/shad2.png") no-repeat scroll 100% 100% / 100% 7px transparent;
    float: right;
    margin: 0 0 10px 30px;
    padding-bottom: 22px;
}

div.userItemIsFeatured {
    background: url("../images/system/featuredItem.png") no-repeat scroll 100% 10% transparent;
}
div.catItemHeader h3.catItemTitle {
    font-size: 140%;
    font-weight: normal !important;
    line-height: 22px;
    margin: 4px 0;
    width: 95%;
}
div.catItemIntroText {
    padding: 10px 0;
}
.catItemView {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	

	
    margin: 0 10px 20px 0 !important;
    padding: 0px 10px !important;
}


div.k2FeedIcon {
    padding: 4px 0;
	float: right;
	width: 20px;
}

#k2Container .componentheading {
color: #38A8D6;
  font-family: 'Cantarell',arial,serif;
  font-weight: 600;
/*  text-transform: uppercase;*/
  }






#k2Container.itemListViewCompact{
padding: 0 0 6px; /*było 24px*/
}




div.catItemImageBlockCompact {
    background: none repeat scroll 0 0 transparent;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E4E4E4;	
    border: medium none;
    float: left;
	height: auto!important;
	margin: 0 12px 0 0;
    padding: 0 !important;
    overflow: hidden;	
}



div.catItemIntroTextCompact {
    font-size: inherit;
    font-weight: normal;
    line-height: 18px;
	padding: 0 ;
}
div.catItemIntroTextCompact p {
    font-size: 90%;
    line-height: 22px;
    margin: 0;
}

span.catItemImageCompact {
    clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
	padding-top:6px;
	}

/* =========== Mojblog=============== */	
	
#k2Container.itemListViewMojblog {
    margin: 15px 25px 0 10px !important;
    padding: 0;
}



div.itemListCategoriesBlockMojblog {
}

div.itemListSubCategoriesMojblog {
}

div.subCategoryContainerLast {
}
div.subCategoryContainerMojblog {
    float: left;
}

div.subCategoryMojblog {
    display: block;
    overflow: hidden;
}
div.subCategoryMojblog {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E0E8EF;
	-webkit-box-shadow:0 0 0 1px  #FFFFFF  inset;
	-moz-box-shadow:0 0 0 1px  #FFFFFF  inset;
    box-shadow: 0 0 0 1px #FFFFFF inset;

}
div.subCategoryMojblog {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	

    margin: 0;
    padding: 10px;
}

div.subCategoryContainerFirst   div.subCategoryMojblog {
    margin: 10px 5px 10px 0;
}
div.subCategoryContainerLast  div.subCategoryMojblog{
    margin: 10px 0 10px 5px;
}

div.subCategoryMojblog a.subCategoryImageMojblog, div.subCategoryMojblog a.subCategoryImageMojblog:hover {
    float: left;
    margin: 0;
}
div.subCategoryMojblog a.subCategoryImageMojblog, div.subCategoryMojblog a.subCategoryImageMojblog:hover {
    display: block;
    text-align: center;
}


div.subCategoryMojblog a.subCategoryImageMojblog img, div.subCategoryMojblog a.subCategoryImageMojblog:hover img {
    border: medium none;
}

div.subCategoryMojblog a.subCategoryImageMojblog img, div.subCategoryMojblog a.subCategoryImageMojblog:hover img {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #E4E4E4;
    margin: 0 auto;
    padding: 0;
}
div.subCategoryMojblog a.subCategoryImageMojblog img, div.subCategoryMojblog a.subCategoryImageMojblog:hover img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 0 8px 0 0;
    padding: 4px;
}










div.subCategoryMojblog h2 {
    border-bottom: 1px solid #E0E8EF;
	-webkit-box-shadow:0 0 0 1px  #FFFFFF  inset;
	-moz-box-shadow:0 0 0 1px  #FFFFFF  inset;
    box-shadow: 0 0 0 1px #FFFFFF inset;	

	}
div.subCategoryMojblog h2 {
    font-size: 150%;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-transform: uppercase;
}


div.subCategoryMojblog p {
    margin: 5px 0;
    overflow: hidden;
}
div.subCategoryMojblog p {
}



.yj_hover_holder {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.yj_hover_holder {
 /*   background: none repeat scroll 0 0 #000000; */
}
a.subCategoryMoreMojblog{	float:right;
}
a.subCategoryMoreMojblog:link, a.subCategoryMoreMojblog:visited {
    color: #FFFFFF;
}
a.subCategoryMoreMojblog, a.subCategoryMoreMojblog:visited {
    background: none repeat scroll 0 0 #38A8D6;
}

a.subCategoryMoreMojblog, a.subCategoryMoreMojblog:visited {
    border: medium none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		

    font-size: 90%;
    margin: 15px 0;
    padding: 2px 10px;
    text-align: center;	
    text-transform: uppercase;
    width: 63px;

}
a.subCategoryMoreMojblog, a.subCategoryMoreMojblog:visited {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;	
    text-decoration: none;
    width: 100px;

}




div.itemHeader {
    position: relative;
}


span.itemDateCreated {
    background: none repeat scroll 0 0 #38a8d6;
    border: 1px solid #38a8d6;
	-webkit-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;
	-moz-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;
    box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;	

	
    color: #FFFFFF;
}

span.itemDateCreated {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;		
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 20px;
    text-align: center;
 /*   text-transform: uppercase;*/
    top: 15px;
    width: 120px;

}
span.itemDateCreated {
    clear: both !important;
    display: block !important;
    padding: 0 0 0 8px;
}


div.author_resize {
    display: block;
    overflow: hidden;
    padding: 5px 0;
}

div.author_resize {
    border-bottom: 1px solid #E0E8EF;
	-webkit-box-shadow:0 1px 0 0 #FFFFFF;
	-moz-box-shadow:0 1px 0 0 #FFFFFF;
    box-shadow: 0 1px 0 0 #FFFFFF;	

	
	
}




div.itemHeader span.itemAuthor {
    clear: none;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}
div.itemHeader span.itemAuthor {
    border-right: 1px solid #E0E8EF;
}


div.itemToolbar {

    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 60%;
}


div.itemToolbar {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-top: medium none;
    float: left;
    margin: 0;
    padding: 0;
}

.itemToolbar ul li {	font-size:90%;}


/* ================================== */	
	
	
/*===== modyfikacja linków w feed =====*/

.k2ItemsBlock ul li a.moduleItemTitle {
    font-size: 120%;
    font-weight: normal;
}
	
	
	
.ssK2ItemsList ul {
margin-top: 1em;}	
	
	
	
	

	
	




/*///////////
Ludzie  kawałki od Andrzeja
///////////////////////////////////////////*/
.itemListLudzieView .catItemViewLudzie  {
  background: none repeat scroll 0 0 transparent;
 /* border-top: 1px solid #eaeaea;*/
  margin: 0;
  min-height:290px;
  padding: 0 20px 20px 0px;
  position: relative;
}
.itemListLudzieView .itemContainer:first-child  .catItemViewLudzie {
  border-top:none;
  margin:0 0 0 0
}
.itemListLudzieView  .catItemImageBlockLudzie {
  height: 220px;
  left: 0;
  margin: 0;
  padding:0;
  position: absolute;
  top: 35px;
  width: 220px;
}

.itemListLudzieView div.catItemHeader h2.catItemTitle {
  margin-top:30px;
  padding-bottom:15px;
  border-bottom:1px solid #eaeaea
}










div.catItemImageBlockLudzie {
 /*   margin: 0 0 16px;
    padding: 8px;*/
}
div.catItemImageBlockLudzie {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E4E4E4;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px !important;
}

div.catItemImageBlockLudzie {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
  /*  height: 170px !important;*/
    margin: 0 20px 0 0;
    padding: 0 !important;
}






















.itemListLudzieView .catItemMeta{
	border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 20px 0 0;
    padding: 4px 10px 6px;
}
.itemListLudzieView .nota ul,
.itemLudzieView .nota ul, /*zmiana z .itemPeopleView .nota ul, */
.userItemView .nota ul{
	padding:0 10px
}

.itemListLudzieView .nota ul.notalista, .itemListLudzieView .nota ul.notalista1{
	padding:0 10px 0 0
}

.itemLudzieView .nota ul{
	margin:30px 0
}

.itemListLudzieView .nota ul li,
.itemLudzieView .nota ul li, 
.userItemView .nota ul li{
    background: url("../images/img1.png") no-repeat -235px -472px;
	border-bottom:1px solid #eee;
	margin:5px 0;
	padding:0 0 5px 25px
}

.userItemView .nota ul {
	margin:40px 0 30px 40px
}

.itemListLudzieView .nota img,
.userItemView .nota img{
	margin:0 3px 0 2px
}
.userItemIntroText .nota ul li img{
	float:none
}
.itemPeopleView .itemImageBlock{
  float:right;
  margin: 40px 0 30px 30px;
}
.itemLudzieView p{
  clear:none!important	
}

.image_nota, .image_right{
float:right;}

.notalista {
height:170px;}
.notalista1 {
height:230px;}

.insidem ul.notalista, .insidem ul.notalista1 {
    margin-left: 0px;
}

/*///////////
People kawałki od Andrzeja
///////////////////////////////////////////*/
.itemListPeopleView .catItemViewPeople  {
  background: none repeat scroll 0 0 transparent;
  border-top: 1px solid #eaeaea;
  margin: 0;
  min-height:290px;
  padding: 0 20px 20px 270px;
  position: relative;
}
.itemListPeopleView .itemContainer:first-child  .catItemViewPeople {
  border-top:none;
  margin:-20px 0 0 0
}



.itemListPeopleView div.catItemHeader h2.catItemTitle {
  margin-top:30px;
  padding-bottom:15px;
  border-bottom:1px solid #eaeaea
}





























.itemListPeopleView .catItemMeta{
	border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 20px 0 0;
    padding: 4px 10px 6px;
}
.itemListPeopleView .nota ul,
.itemPeopleView .nota ul,
.userItemView .nota ul{
/*	padding:0 10px*/
}
.insidem  .nota ul {
margin-left:0;}
/*
.itemPeopleView .nota ul{
	margin:30px 0
} */

.itemListPeopleView .nota ul li,
.itemPeopleView .nota ul li,
.userItemView .nota ul li{
    background: url("../images/img1.png") no-repeat -235px -472px;
	border-bottom:1px solid #eee;
	margin:5px 0;
	padding:0 0 5px 25px
}

.userItemView .nota ul {
	margin:40px 0 30px 40px
}

.itemListPeopleView .nota img,
.userItemView .nota img{
	margin:0 3px 0 2px
}
.userItemIntroText .nota ul li img{
	float:none
}
/* .itemPeopleView .itemImageBlock{
  float:right;
  margin: 40px 0 30px 30px;
}
.itemPeopleView p{
  clear:none!important	
} */
.itemPeopleView .itemImageBlock{
  max-width: 200px;
  float:left;
  margin: 40px 30px 30px 0px;
}
.itemPoepleImageBlock{
  max-width: 200px;
  float:left;
  margin-right: 1em;

}
.itemPoepleImageBlock img{
  border-radius:200px;
 -webkit-border-radius: 200px;
-moz-border-radius: 200px; 
}

.itemPeopleView .itemFullText{
  float:left;
}
.itemPoepleFullText{
  max-width: 600px;
  float:left;
  padding:0;
}
.itemPeopleView p{
  clear:none!important	
}



div.k2FeedIcon a, div.k2FeedIcon a:hover {
    height: 24px;
    margin: -6px 5px 0 0;
    width: 24px;
}

.avVideo .avPlayerContainer {
    padding: 8px 10px 10px;
}




.przyciskpobierz span.tytul, .przyciskuaktualnij span.tytul {
    color: #FFFFFF !important;
	font-size:1.5em;
	display: block;
	padding: .5em .5em 0 
}

.przyciskpobierz span.drugiwiersz, .przyciskuaktualnij span.drugiwiersz {
   color: #FFFFFF !important;
   	display: block;
}
.przyciskpobierz, .przyciskuaktualnij {
    display: inline-block;
    color: #FFFFFF !important;
	width: 45%;
    margin-bottom: .8em;
    margin-right: 1.2em;
	text-align:center;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.przyciskpobierz {
    background: none repeat scroll 0 0 #38a8d6;
    border: 1px solid #38a8d6;

	-webkit-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;	
	-moz-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;	
    box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 15px 15px 0 #75b7d3 inset;
}

.przyciskuaktualnij {
    background: none repeat scroll 0 0 #B0B0B0;
    border: 1px solid #B0B0B0;

	-webkit-box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 15px 15px 0 #888888 inset;
	-moz-box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 15px 15px 0 #888888 inset;
    box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 15px 15px 0 #888888 inset;
}

.przyciskpobierz:hover {
    background: none repeat scroll 0 0 #38a8d6;
    box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 -15px 15px 0 #75b7d3 inset;
	-webkit-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 -15px 15px 0 #75b7d3 inset;
	-moz-box-shadow: 0 1px 0 0 #9ec4d3 inset, 0 -15px 15px 0 #75b7d3 inset;

    color: #127BA7 !important;
    text-shadow: 1px 1px #287C9E;
}

.przyciskuaktualnij:hover {
    background: none repeat scroll 0 0 #B0B0B0;
    box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 -15px 15px 0 #888888 inset;
	-webkit-box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 -15px 15px 0 #888888 inset;
	-moz-box-shadow: 0 1px 0 0 #D2D2D2 inset, 0 -15px 15px 0 #888888 inset;	

    color: #127BA7 !important;
    text-shadow: 1px 1px #555;
}





@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-library, .icon-book, .icon-support, .icon-bookmarks, .icon-arrow-right, .icon-arrow-left, .icon-briefcase, .icon-pen, .icon-camera, .icon-screen, .icon-mobile, .icon-spinner, .icon-hammer, .icon-wrench, .icon-link, .icon-download, .icon-stackoverflow, .icon-joomla, .icon-feed, .icon-google-plus, .icon-facebook, .icon-volume-low, .icon-previous, .icon-next, .icon-books, .icon-picassa, .icon-pencil, .icon-pencil-2, .icon-newspaper, .icon-pushpin, .icon-phone, .icon-database, .icon-paperclip, .icon-phone-2, .icon-bubbles, .icon-download-2, .icon-envelope, .icon-envelop, .icon-calendar, .icon-spinner-2, .icon-key, .icon-expand, .icon-contract, .icon-twitter, .icon-fire, .icon-attachment, .icon-scissors, .icon-calendar-2, .icon-floppy, .icon-bookmark, .icon-camera-2, .icon-wikijoomlapl, .icon-fundacjapcj {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-library:before {
	content: "\e000";
}
.icon-book:before {
	content: "\e001";
}
.icon-support:before {
	content: "\e002";
}
.icon-bookmarks:before {
	content: "\e003";
}
.icon-arrow-right:before {
	content: "\e004";
}
.icon-arrow-left:before {
	content: "\e005";
}
.icon-briefcase:before {
	content: "\e006";
}
.icon-pen:before {
	content: "\e007";
}
.icon-camera:before {
	content: "\e008";
}
.icon-screen:before {
	content: "\e00b";
}
.icon-mobile:before {
	content: "\e00c";
}
.icon-spinner:before {
	content: "\e00d";
}
.icon-hammer:before {
	content: "\e00e";
}
.icon-wrench:before {
	content: "\e00f";
}
.icon-link:before {
	content: "\e010";
}
.icon-download:before {
	content: "\e011";
}
.icon-stackoverflow:before {
	content: "\e012";
}
.icon-joomla:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\e014";
}
.icon-google-plus:before {
	content: "\e015";
}
.icon-facebook:before {
	content: "\e016";
}
.icon-volume-low:before {
	content: "\e017";
}
.icon-previous:before {
	content: "\e018";
}
.icon-next:before {
	content: "\e019";
}
.icon-books:before {
	content: "\e01a";
}
.icon-picassa:before {
	content: "\e01b";
}
.icon-pencil:before {
	content: "\e009";
}
.icon-pencil-2:before {
	content: "\e01c";
}
.icon-newspaper:before {
	content: "\e01d";
}
.icon-pushpin:before {
	content: "\e01e";
}
.icon-phone:before {
	content: "\e01f";
}
.icon-database:before {
	content: "\e020";
}
.icon-paperclip:before {
	content: "\e021";
}
.icon-phone-2:before {
	content: "\e022";
}
.icon-bubbles:before {
	content: "\e024";
}
.icon-download-2:before {
	content: "\e025";
}
.icon-envelope:before {
	content: "\e026";
}
.icon-envelop:before {
	content: "\e027";
}
.icon-calendar:before {
	content: "\e028";
}
.icon-spinner-2:before {
	content: "\e029";
}
.icon-key:before {
	content: "\e02a";
}
.icon-expand:before {
	content: "\e02b";
}
.icon-contract:before {
	content: "\e02c";
}
.icon-twitter:before {
	content: "\e02d";
}
.icon-fire:before {
	content: "\e02e";
}
.icon-attachment:before {
	content: "\e02f";
}
.icon-scissors:before {
	content: "\e030";
}
.icon-calendar-2:before {
	content: "\e031";
}
.icon-floppy:before {
	content: "\e032";
}
.icon-bookmark:before {
	content: "\e033";
}
.icon-camera-2:before {
	content: "\e034";
}
.icon-wikijoomlapl:before {
	content: "\e00a";
}
.icon-fundacjapcj:before {
	content: "\e023";
}

ul#gorne {
text-align:center;}
ul#gorne a {
    font-size: 2.2em;
    margin: 0;
}
a:link, a:visited {
    color: #38A8D6;
    text-decoration: none;
}
ul#gorne a:before {
display: block;
padding: .4em 0 0 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

ul#gorne li{
display:block;
list-style: none;
float:left;
padding-left: 0;
background:none;
min-height: 4em;
}

ul#gorne a {
margin: 0;
font-size: 2.2em;
position: relative;
width: 50px;
height: 50px;
display: block;
}

li.kolko {
min-width: 4em;
min-height: 4em;
border: #38A8D6 solid 1px;
border-radius: 3em;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;

margin-right: .5em;

}




#header1 .yjsquare_in {margin-left: 3em;}

.wk-slideset ul li {padding-left:0px}

ul.weblinks {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 5px;
}
ul.weblinks li, ul.weblinks ul li:hover {
    background-image: none;
    list-style-type: none;
    padding: 0;
    text-align: left;
}
ul.weblinks li a {
    display: block;
    font-size: 11px;
    height: 26px;
    line-height: 20px;
    padding-top: 5px;
    text-decoration: none;
    text-indent: 22px;
}
ul.weblinks li a {
    background: url("../images/blue/mainlevel.png") no-repeat scroll left bottom transparent;
}

#articleHeader ul:after, #aside:after, .itemSocialSharing:after  {
    clear: both;
    content: "";
    display: table;
}


h2 > span >sup {
    background: none repeat scroll 0 0 #38A8D6;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 3px;
    top: -1.5em;
}


#articleHeader ul li {
    float: left;
    font-size: 12px;
    margin-right: 16px;
	background: none;	
}

#articleHeader ul {
    list-style: none outside none;

    margin: 0;
    padding: 0;
}

.itemAsideInfo {
    width: 150px;
}
.itemAsideInfo + .itemBody {
    margin-left: 180px;
}


#aside {
    display: block;
    float: left;
    text-align: right;
    width: 138px;
	margin-top:1em;
}


#aside.itemAsideInfo > ul {
    padding: 0 0 20px;
}
#aside ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
/* #aside ul li {background: none;}*/

#aside.itemAsideInfo > ul li {
    background: none repeat scroll 0 0 transparent !important;
    font-size: 11px;
    margin: 0 2px !important;
    padding: 0 2px !important;
}

#aside {
    text-align: right;
}

#aside.itemAsideInfo > div {
    border-top: 1px solid #E5E5E5;
    font-size: 11px;
    padding: 20px 0;
}
.itemRatingBlock, .itemListSubCategories {
    overflow: hidden;
}
.itemRatingBlock, .itemListSubCategories {
    overflow: hidden;
}
.itemRatingForm {
    display: block;
    line-height: 25px;
    vertical-align: middle;
}
.itemRatingList {
    background-position: left top;
    float: right;
    height: 25px;
    list-style: none outside none;
    margin: 9px 0 0 !important;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 124px;
}
.itemRatingList .itemCurrentRating {
    background-position: 0 bottom;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.itemRatingList a, .itemRatingList .itemCurrentRating {
    border: medium none;
    cursor: pointer;
    height: 25px;
    left: 0;
    line-height: 25px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-indent: -1000px;
    top: 0;
}
.itemRatingList li {
    background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    display: inline;
    padding: 0;
}
.itemBottom {
    clear: both;
    margin: 0 0 6px;
}
.itemLinks {
    clear: both;
    margin: 36px 0;
}
.itemLinks .itemTagsBlock, .itemLinks .itemSocialSharing {
    clear: both;
    margin: 18px 0 12px;
    overflow: hidden;
}
.itemSocialSharing {
    border-top: 1px solid #E5E5E5;
    float: left;
    overflow: visible !important;
    padding: 20px 0;
    width: 100%;
}
small.itemDateModified {
    display: block;
    font-style: italic;
    text-align: right;
}
small {
    font-size: 85%;
}

.itemSocialSharing > div  {
    float: left;
}

div.itemGooglePlusOneButton {}
div.itemTwitterButton {
    margin: 2px 2em 0 0 !important;
}
div.itemFacebookButton {
    margin-right: 2em;
    width: 260px;
}

.itemAuthorContent h3 {font-size: 1.6em}

.itemAuthorContent li{ padding-left: 15px;
 background: url("../images/blue/bodyli.png") no-repeat scroll 0 10px transparent;
border-bottom: none;
line-height: 1;
}

.itemImageCaption {
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    display: block;
    font-size: 11px;
    margin-bottom: 24px;
    padding: 9px 0;
	width: 100%;
}


div.itemNavigation {
    background: none repeat scroll 0 0 #FFFFF0;
    border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    margin: 2em 0 24px;
    padding: 4px 8px;
}

img.logo {
float:left;
margin-right: .5em;}
.copyright {
width: 75%;
float:left;
color: #2B80A3;
line-height:1.2;
}
.yjsglogo {
    background: transparent url("../images/smarthost-baner.jpg") no-repeat scroll center center;
    height: 88px;
    margin: 0 auto;
    width: 219px;
}
.validators {text-align:center}	
div.yjsquare.reklama div.yjsquare_in {padding:0px;margin:0;}

div.itemImageBlock {
float: right}

.ssK2Category{margin-top:-24px}

/*centrowanie dla reklamy 250x250 prawej*/
.reklama-right .yjsquare_in {text-align:center; padding:0 !important;}

.yjsquare_in iframe  {max-width:100%!important}
.google_image_div img {max-width:100%!important}

/*zmiana wtielkości fontów dla tytułów w przeglądzie artykułów autora*/
.userView h3.itemTitle {font-size:150% !important;}

/*zmiana coloru daty w przeglądzie artykułów autora*/
#k2Container.userView span.itemDateCreated {color:#FFF;}

/*zmiana pozycji dla ikon social media w przeglądzie artykułów autora*/
#k2Container.userView div.userExtendedFieldsSocialProfiles a.uefSocialLink {float:left;}

/*Zmiana dla ul li w Classifield */
.spField ul li {text-indent:15px;}



/* Zmiana przesunięcia artykułów od lewej krawędzi */
.itemAsideInfo + .itemBody {
    margin-left: 160px;
}

.sprocket-mosaic ul li {background:none}
.sprocket-mosaic-title {font-size:1em;text-align:center}


.sprocket-mosaic-order {display:none}


.itemPeopleView .itemImage span.mask{
  background: url("../images/people-mask1.png") 50% 50% no-repeat;
  cursor:auto;
  z-index:50
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
    width: 100%;  
}


.itemListLudzieView div.catPoepleItemImageBlock span.mask{
  background: url("../images/people-mask1.png") 50% 50% no-repeat;
  cursor:auto;
  z-index:50
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
    width: 100%;  
}
.itemListPeopleView  .catPoepleItemImageBlock {
  height: 220px;
  left: 0;
  margin: 0;
  padding:0;
  position: absolute;
  top: 35px;
  width: 220px;
}
.itemListPeopleView div.catPoepleItemImageBlock span.mask,
.itemPeopleView .itemImage span.mask{
  background: url("../images/people-mask1.png") 50% 50% no-repeat;
  cursor:auto;
  z-index:50
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
    width: 100%;  
}
div.catPoepleItemImageBlock {
 /*   margin: 0 0 16px;
    padding: 8px;*/
}
div.catPoepleItemImageBlock {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E4E4E4;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px !important;
}

div.catPoepleItemImageBlock {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
  /*  height: 170px !important;*/
    margin: 0 20px 0 0;
    padding: 0 !important;
}






.catPoepleItemImageBlock{
 -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius:200px;
}


#k2Container .itemListPeopleView{
    padding: 0;
}

.itemListPeopleView .catItemView {
    margin: 0 10px 0 0 !important;
    padding: 0 10px !important;
}

div.itemFullText  h3:first-child  {padding: 0 0 4px !important;}
div.itemIntroText {
    padding: 4px 0 0;
}
div.itemFullText  h4 {font-weight:normal; font-size: 130%}


h2.itemTitle {border-bottom: 1px solid #ccc;}

li  ul li{
    padding: 0 12px;
}

/*zmiana dla modułu strony startowej social - like-box*/
div.yjsquare.yj4.social div.yjsquare_in {padding:5px;}
/*zmiana dla opisu formularza kontaktowego*/
.formIntroText {margin:15px 10px;}

.odstep {padding-right: 10px !important}

/*POPUP */
.pop_button_facebook {background:#5C75A9;padding:10px;color:#fff;}
.pop_button_googleplus {background:#DD4B39;padding:10px;color:#fff;margin:5px 0;}
.pop_button_twitter {background:#55ACEE;padding:10px;color:#fff;}
.pop_button_facebook a, .pop_button_googleplus a, .pop_button_twitter a {color:#FFF;}


.left_image {float:left; margin: 0 1em 1em;}

.yellow.pwebBoxWindow {background:transparent !important;}
.yellow .pwebbox_container {background-color:transparent !important;}
#sbox-content {background-color: transparent !important;}
#sbox-window.yellow  {box-shadow: none !important;}

.cyfrastat {
    font-size: 2em;
    font-weight: bold;
    padding: 0 10px; 
}
.cyfrastat span {font-size:14px;display:block}
.prima2017 {background: #F8F8F8; border: 1px solid #ccc; width: 65%; padding: 10px; margin: 20px auto;}
@media only screen and (max-width: 500px) {
    .prima2017 {
        width:90%;
    }
}

@media only screen and (max-width: 500px) {
    .cyfrastat {
        font-size: 1.4em;
    }
}