@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto:300,400,500,700&subset=latin-ext');
*{
/*font-family: 'Roboto', sans-serif;*/
font-family: 'Lato', sans-serif;
}
body>.container{margin-top: 4.8em;}
p, li, {font-size: 1.2em; text-align: justify;}
li ul li{font-size: 1em;}
li ul li *{font-size: 1em;}
img{max-width: 100%;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12
{padding:0.2em;padding-top: 0;}
.row{margin: 0;padding: 0;}

.left-padding-1em{padding-left: 1em!important;}

h1{font-size: 1.8em;font-weight:bold}
ul{margin-left: 1.6em;}

.navbar{z-index: 1!important;;background: #ffffff;}
.navbar-brand{padding: 0;}
.navbar ul{background-color:#ffffff;}
.navbar-brand img{height: 3.5em;margin: 0;padding: 0;top: 0;/* margin-top: -0.01em; */}
.navbar ul a{font-size: 1.2em;font-weight: bold;color: #222222!important;}
.navbar-brand p{color: #222222!important;padding: 0;margin-top: -0.75em;font-size: 0.5em!important;font-weight: 600;color: #911259!important;font-style: italic;margin-left: 1.15em;}
.dropdown-menu li{height: 1.6em; padding: 0em;}
.dropdown-menu li a{text-decoration:none!important;background: #ffffff!important; width: auto!important; margin: 0.5em!important}

.navbar ul a, .navbar ul a:visited {
  text-decoration: none;
  position: relative;
  line-height: 1.2em;
  padding: 0;
  margin: 0em;
  margin-top: 1.9em;
  margin-left: 1em;margin-right: 1em;
  line-height: 2em;
  width: auto!important;
  background: #fff;
}
.blogosfera img{position: relative; top: 0;}
.blogosfera h1{position: relative; top: 0;margin: 0; margin-top: 0.1em}
.blogosfera h2{font-size: 1.2em;margin:0; margin-top: 0.5em}
.blogosfera h2 a{background-image: url(/img/grot.png);background-repeat: no-repeat;background-size: auto 0.5em;background-position: 0em 0.35em;padding-left: 0.5em!important;color: #111111}
.navbar ul a:after, .navbar ul a:visited:after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 0%;
  background: #911259;
  transition: 0.2s;
}
.navbar ul a:hover:after, .navbar ul a:visited:hover:after, .navbar ul a.active:after {
  width: 100%;
}

iframe{
  max-width: 100%;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#ffffff;}

.dropdown-menu{box-shadow: none;border: none;border-radius: 0; border: solid 1px #cccccc; padding: 0; background:none;}

.dropdown-menu li{background: rgba(255, 255, 255,1)!important;}
.dropdown-menu a{font-size: 1em!important; font-weight: normal!important; line-height: 1.2em!important; background: rgba(255, 255, 255,1)!important}

#MainArticleSlider{height: 26em;overflow: hidden;}
#MainArticleSlider img{min-width: 100%;}
.carousel-caption{top: 20em!important;height: 15em!important;padding: 0.5em}
.carousel-caption{width: 100%;margin: 0!important;text-align: left;left: 0;background-color: rgba(0,0,0,0.8); top: 18em;}
.carousel-caption h3,
.carousel-caption p{width: 96%;margin: 0 auto;font-size: 1em; font-weight: 100;}
.carousel-caption h3{font-weight: bold;}

.media{text-align:justify;}
.media-list h1, .media-list a{border: none;font-size: 1.1em;margin: 0;padding: 0;background: none; font-weight: bold;color: #911259;}
.media-list a{text-decoration:none;color: #222222;font-weight:normal; font-size: 1em!important; line-height: 1.25em!important; text-align: justify;}
.media-list a:hover{color: #911259;}
.media-list li{margin: 0; border-bottom: dotted #ccc 1px; margin-bottom: 0.7em; height: 6em;overflow:hidden;}

.lastArticles{}
.lastArticles li{list-style-type: none; padding: 0!important;}
.lastArticles li a{margin: 0!important;}
.lastArticles li a h1{color: #222222;margin: 0;padding: 0!important;margin-bottom: 0.4em!important;font-size: 1.15em;font-weight: 500;background-image: url(/img/grot.png);background-repeat: no-repeat;background-size: auto 0.5em;background-position: 0em 0.25em;padding-left: 0.5em!important;}
.lastArticles li a:hover, .lastArticles li a h1:hover{text-decoration:none;}
.lastArticles li a h1:after{
  content: ' ';
  position: absolute;
  height: 1px;
  margin-top: 1em;
  left: 1.2em;
  width: 0%;
  background: #911259;
  transition: 0.5s;
}
.lastArticles li a h1:hover:after{
  width: 93.5%;
}
h1.section{font-size: 1.6em;font-weight: bold;text-align: left;color:  #222222;text-indent: 1em;padding: 0!important;margin: 0;padding-bottom: 0.2em;border-bottom: dotted 1px #911259;background-image: url(/img/icon.png);background-repeat: no-repeat;background-size: auto 1em; margin-bottom: 0.5em; margin-top: 1em;}
h1.section a{display: inline-block; position: relative;color: #222222; line-height: 1.3em;width: 100%; margin-left: -1em}

h1.section a:after{
  content: '';
  position: absolute;
  height: 1px;
  top: 1.3em;
  left: 0;
  width: 0%;
  background: #911259;
  transition: 0.5s;
}
h1.section a:hover:after{width: 100%;}
h1.section a:hover{text-decoration:none!important;}
.bookCover{border: solid 1px #ffffff;text-align: center;padding: 0.5em;}
.bookCover p{color: #222222; text-align:center;}
.bookCover a:hover, .bookCover a:hover *{color: #911259; text-decoration: none!important;}

ul{padding: 0;}
li.listItem {list-style-type: none; margin: 0; padding: 0; height: 6.5em!important;overflow: hidden;margin-bottom: 1em;}
li.listItem *{margin: 0;color: #222222; font-size: 1em; line-height: 1.25em}
li.listItem h1{margin: 0; font-size: 1.2em;}
li.listItem:hover{
  background-color:rgba(0,0,0,0.05);
}

.bookCover img{border-radius: 0.25em; height: 13em}

.thumbnail{border: none;padding: 0;background-color: rgba(2,2,2,0);}
.caption{padding: 0.21m!important; margin: 0em}
.caption h3, .caption p{font-size: 1em; padding: 0em;margin: 0;text-align: center;}
.caption h3{font-weight: bold;}
#article .thumbnail{margin-top: 1.5em;}
#article p{font-size: 1.3em!important;}
#article ul li ul li, #article ol li ul li{font-size: 1em!important; #911259;}
#article ul li, #article ol li{font-size: 1.3em!important; #911259;}
#article>ul>li a, #article>ol>li a{color: #222222; font-size: 1.3em!important;}
#article>ul>li h1{font-size: 1.3em!important;}

.lightboxcntainer{
  background-color: #ffffff!important;
  }

.pagination span, .pagination li a{border: none!important; 
border-radius: 1em!important; font-size: 1.2em;font-weight: bold;}
.archiveService{
  border: solid 1px #911259;
  background-color:  #911259;
  color: #ffffff;
  padding: 0.15em;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 0.3em;
}
.frontendSearchFrm{display: inline-block;position: relative;z-index: 0;text-align: center;}
.resetBtn{border: none; background:none;color: #911259; font-weight: bold; font-size: 1.2em; float: right;}
.linkLikeBtn{border: none; background:none;color: #911259; font-weight: bold; font-size: 0.8em; float: right;}
#footer{background-color: #e7e7e7;padding-top: 1em;margin-top: 2em}
#footer h1{font-size: 0.8em;font-weight: bold;}
#footer h1, 
#footer p{margin: 0;padding: 0.1em; font-size: 0.8em!important}
ul.stopkaRedakcyjna{margin: 1em}
.stopkaRedakcyjna li{font-size: 0.95em;}

.comments{

}
.comments .header{
  background-color: #eee;
  margin: 0; padding: 0.2em;
}
.comments .content{
  padding: 0.2em;
  border-bottom: solid 1px #eee; 
}
.comments .footer{
  font-size: 0.8em;
  
  margin-bottom:0.5em;
  text-align: right;
}

.extAlertBtn{
  display: inline-block;
  position: fixed;
  color: white;
  background-color:#911259;
  padding: 0.3em;
  border: solid 1px;
  border-radius: 1em;
  width: 15em;
  right: -13.3em;
animation: initialmove 2s;
  animation-timing-function: ease;
  right: -13.5em;
  -webkit-animation-name: initialmove;
  -webkit-animation-duration: 8s;
  animation-name: initialmove;
  animation-duration: 6s;
}
.extAlertBtn a{color: white; 

}
.extAlertBtn:hover{
  color: white;
  animation: mymove 0.5s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  right: -3em;
  z-index: 2000;
}
.comments .footer a{color: #911259;}
.userDataFrm input, 
.userDataFrm textarea,
.userDataFrm table {
  padding: 0.2em;
  width: 100%;
}
ul.ranking{
    border: solid 1px #ccc;
    padding:.5rem;
    margin: 0;

  }
  ul.ranking>li{
    display: flex; width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  ul.ranking>li>div{display: inline-block;box-sizing: border-box; display: inline-block; float: left;border: solid 1px #ccc;padding: .5rem;}
  ul.ranking>li>div:nth-child(1){width: 10%}
  ul.ranking>li>div:nth-child(2){display: none;}
  ul.ranking>li>div:nth-child(3){width: 40%}
  ul.ranking>li>div:nth-child(4){width: 30%}
  ul.ranking>li>div:nth-child(5){width: 20%}
  ul.ranking>li>div:nth-child(6){display: none;width: 30%}
  ul.ranking>li>div:nth-child(7){display: none;width: 30%}
  ul.ranking>li>div:nth-child(8){display: none;width: 30%}
  ul.ranking>li>div:nth-child(9){display: none;width: 30%}

ul.ranking>li>div:first-child:first-letter{color: red; font-weight: bold; width:10%}
  ul.ranking>li.header *{font-weight: bold; text-align: center;background-color: #911e5a;color:  #eee}
  ul.ranking>li.header *:first-letter{color: #eee !important;}
@media (max-width: 768px){
  #MainArticleSlider{height: 12em!important;overflow: hidden;}
  .carousel-caption{top: 6.5em!important;}
  .left-padding-1em{padding-left: 0;}

  ul.ranking{
    border: solid 1px #ccc;
    padding:.5rem;
    margin: 0;

  }
  ul.ranking>li{
    display: flex; width: 100%;
  }

  ul.ranking>li>div:first-child{width: 20%;}
  ul.ranking>li>div:nth-child(3),
  ul.ranking>li>div:nth-child(4){
    width: 40%;
    margin: 0;
    
  }
  
  ul.ranking>li>div:nth-child(2),
  ul.ranking>li>div:nth-child(5),
  ul.ranking>li>div:nth-child(6),
  ul.ranking>li>div:nth-child(7),
  ul.ranking>li>div:nth-child(8),
  ul.ranking>li>div:nth-child(9){
    display: none;
  }

}
.colaboration{
  border: solid 2px #911e5a;
  box-sizing:border-box;
  padding: 1em;
  text-align: center;
  border-radius: 0.5em;
  font-size: 1.5em;
}
.colaboration img{width: 50%; }