body{
background: url(/data/themes/Blue/img/bg.png) repeat top center scroll;
}

/* Responsive layout for phones and small tablets. */
@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  body { background:#fff; }
  .main-container, .container, .calosc, header, .menu-top { width:100% !important; max-width:none !important; min-width:0 !important; box-sizing:border-box; }
  .main-container { margin:0 !important; padding:0 24px !important; box-shadow:none; }
  .main-container > .row[style] { margin-left:-24px !important; margin-right:-24px !important; }
  .top-nav { margin:0 !important; padding:5px 24px; }
  header { padding:0 !important; }
  header .row, header [class*="span"], .calosc .row, .calosc [class*="span"] { width:100% !important; max-width:none !important; float:none !important; margin-left:0 !important; box-sizing:border-box; }
  .logotext { padding:12px 0 8px; }
  .logotext a h1 { font-size:34px; line-height:38px; }
  .logotext a h3 { font-size:14px; line-height:18px; }
  .menu-top { margin:8px 0 0 !important; padding:0 !important; }
  #droppy, #droppy li, #droppy li a { display:block; float:none; width:100%; box-sizing:border-box; }
  #droppy li a { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.35); font-size:16px; }
  #droppy ul { position:static; display:block; width:auto; padding:0 0 0 12px; }
  #droppy ul li a { font-size:14px; background:#087fc9; }
  #sliderBootstrap { margin:12px 0 0; }
  #sliderBootstrap img, img { max-width:100%; height:auto !important; }
  .calosc { padding:0 !important; }
  .title { margin-top:16px; }
  p { font-size:15px; line-height:1.5; text-align:left; }
  table { display:block; max-width:100%; overflow-x:auto; }
  iframe, video, object, embed { max-width:100%; }
}

.span12{
max-width: 940px;
}
.span6{
max-width: 460px;
}
.span8{
max-width: 620px;
}
.span4{
max-width: 300px;
}



p {
font-family: 'PT Sans', sans, serif;
font-weight: 300;
color: #6F7072;
font-size: 14px;
  text-align: justify;
}


a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none !important;
}


.main-container{
  float: none;
  max-width: 940px;
  padding: 0px 30px;
  min-height: 300px;
background-color: white;
  margin: 0px auto;
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.top-nav{
  min-height: 30px;
  margin-left: 0px;
margin-right: -30px;
padding-top: 5px;
padding-bottom: 5px;
background: #089CFA;

}

.top-nav .logowanie{
color: #F8F8F8;
  margin-top: -5px;
  font-size: 13px;
  min-height: 40px;
}
.top-nav .logowanie .login{
color: #F8F8F8 !important;
  text-shadow: 0 0 0 transparent !important;
}

.top-nav .logowanie .open .dropdown-toggle{
background-color: #104BA9 !important;
}

.top-nav .caret{
border-top-color: white !important;
border-bottom-color: white !important;
}
.top-nav .dropdown-menu{
color: #6F7072;
font-size: 14px;
}

.top-nav .form-actions {
background-color: transparent;
padding:0px;
border: 0px;
  margin-bottom: 0px;
}
.top-nav .form-actions button{
width: 100%;
}
.top-nav .form-actions a.btn{
width: 140px;
margin-left: 0px;
}


.top-nav #social{
list-style: none;
float: right;
margin: 0px;
padding: 0px;
margin-top: 3px;
  margin-left: 10px;
vertical-align: baseline;
  float: left;
}
.top-nav #social li{
float: right;
margin-right: 10px;
}
.top-nav #social li:first-child{
margin-right: 0px;
}
.top-nav #social li a{
display: block;
width: 25px;
height: 25px;
background-size: 24px 24px !important;
opacity: .7;
filter: alpha(70);
}
.top-nav #social li a:hover{
opacity: 1.0;
filter: alpha(100);
}
.top-nav #social li.facebook a{
background: url(/data/themes/Blue/img/facebook.png) no-repeat;
}
.top-nav #social li.twitter a{
background: url(/data/themes/Blue/img/twitter.png) no-repeat;
}
.top-nav #social li.google a{
background: url(/data/themes/Blue/img/google-.png) no-repeat;
}
.top-nav .data p{
  margin-top: 5px;
  text-align: center;
color: #F8F8F8;
font-size: 13px;
}



header{
padding: 0px 30px;
}

.logotext a h1 {
font-family: 'Oswald', sans, serif;
font-weight: 900;
color: #089CFA;
font-size: 42px;
    margin-bottom: 0px;
}

.logotext a h3 {
font-family: 'Oswald', sans, serif;
font-weight: 700;
color: #000000;
font-size: 16px;
  line-height: 16px;
margin: 0;
padding: 10px 0 0 0;
}



header .search{
margin-right: -30px;
  margin-top: 30px;
}
header .search form{
float: right;
margin-right: 7px;
}

.menu-top{
margin-top: 30px;
  max-width: 940px;

}
#droppy{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
background-color: #089CFA;
width: 100%;
}
#droppy ul{
 
 position: absolute; 
display: none;
background: #000000;
z-index: 10000000 !important;
width: 122px;

 
}
#droppy ul li{
border-bottom: 2px #ffffff solid;
float: none;
display: block;
}



#droppy li{
display: inline;  
float: left;
position: relative;
list-style: none;
padding: 0;
margin: 0;

  
}
#droppy li a{
font-family: 'Open Sans Condensed', sans, serif;
font-weight: 800;
font-size: 15px;
color: #000000;
margin: 0;
padding: 9px 12px;

color: white;
text-decoration: none;
outline: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#droppy li a:hover,#droppy a.menuOpen{
color: #F8F8F8;
background-color: #000000;
 
}
#droppy ul li a:hover{
color: white;
background-color: #089CFA !important;

}
#droppy li.hover a{
  color: #F8F8F8;
  background-color: #000000;
}
.breadcrumb{
margin: -10px 0px 0px 0px;
width: 100%;
  color: #F8F8F8;
background: #008452;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.breadcrumb .active{
 color: #F8F8F8;
    text-shadow: 0px;
  opacity: .7;
}

.breadcrumb a{
  text-shadow: 0px;
  color: #F8F8F8;
}

.calosc{
max-width: 960px;
  padding: 0px 30px;
}

.title{
padding-top: 5px;
  margin-top: 20px;
  
}

.title h3{
  background-color: #089CFA;
  margin: 0;
padding: 5px 10px;
  float: left;
text-transform: uppercase;
font-family: 'Oswald', sans, serif;
font-weight: 400;
color: white;
font-size: 16px;
line-height: 16px;
}

.title .kropki{
background: url(/data/themes/Blue/img/kropki.png) 0 -1px repeat-x;
height: 15px;
display: block;
margin-top: 5px;
border-right: 1px #104BA9 solid;
}




.right_list{
margin-top: 20px;
}

.right_list .icon-arrow::before{
content: "■";
}
.right_list .icon-arrow{
font-weight: bold;
  font-size: 18px;
float: left;
margin-top: 3px;
margin-left: 0px;
margin-right: 10px;
opacity: .7;
  color: #008452;
}
.right_list .category{
font-family: 'Oswald', sans, serif;
  margin: 0 0 5px 0;
font-size: 18px;
line-height: 26px;
font-weight: 500;
  color: #6F7072;
  border: 0px;
}

.right_list ul{
margin-left: 0 !important;
  font-family: 'PT Sans', sans, serif;
}
.right_list ul ul ul{

}
.right_list li{
display: block;
margin: 0px;
border: 1px solid #E5E5E5;

font-weight: 500;
}
.right_list li li{
display: block;
  border: 0px solid #E5E5E5;
margin: 0px 0px -1px 0px;
border-top: 1px solid #E5E5E5;
font-weight: 400;
text-transform: capitalize;
}
.right_list li a{
background-color: #EEEEEE;
    padding: 8px 14px;
  display: block;
  line-height: 20px;
color: #6F7072;
  -webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.right_list li li a{
  background-color: transparent;
  padding: 8px 14px;
  display: block;
  line-height: 20px;
color: #6F7072;
  -webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.right_list li a:hover{
background-color: whiteSmoke;
}



.most_views{
list-style: none;
padding: 0px;
  margin: 20px 0px 0px 0px;
}
.most_views li{
border-bottom: 1px #EEE solid;
}
.most_views li:last-child{
border-bottom: 0px #EEE solid;
}
.most_views li h4 {
font-family: 'Oswald', sans, serif;
margin: 0 0 0px 0;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #6F7072;
}

.most_views  li h4 a {
margin-top: 0px;
display: block;
padding: 10px 10px;
color: #6F7072;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}

.most_views li h4 a:hover{
color: #008452;
  background-color: whiteSmoke;
}
.most_views .label{
float: right;
  margin-top: -32px;
  margin-right: 10px;
}

.footer{
  max-width: 940px; 
  padding: 10px 30px 5px 30px;
background: #333;
color: #8F8E8E;
border-bottom: 5px #262626 solid;
border-top: #262626 5px solid;
  font-family: 'Oswald', sans, serif;
font-weight: 400;
}


.share {
  max-width: 350px;
  float: left;
background: #F8F8F8;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-top: 0px;
  min-height:30px;
}
.rate-box{
  max-width: 300px;
  float:right;
background: #F8F8F8;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-top: 0px;
  min-height:30px;
}
.rate-box p{
padding: 0px 10px;
  margin: 0px;
}
.rating-box {
  max-width: 300px;
  float:right;
background: #F8F8F8;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 10px;
margin-top: 0px;
  min-height:30px;
}

.rating-box .label-success, .rating-box .label-important, .rating-box .label-info {
  padding: 7px 10px;
  line-height: 16px;
margin: 10px;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
  opacity: .8;
}

.rate-buttons{
margin-left: 10px;
  margin-top: 5px;
  float: left;
  margin-right: 10px;
}
.share h3, .rate-box h3{
float: left;
margin: 3px 0 0 20px;
line-height: 25px;
font-size: 18px;
  font-family: 'Open Sans Condensed', sans, serif;
font-weight: 700;
color: #6F7072;
}
.rating-box h3{
float: left;
margin: 13px 0 0 10px;
line-height: 25px;
font-size: 18px;
  font-family: 'Open Sans Condensed', sans, serif;
font-weight: 700;
color: #6F7072;
}


.share ul.socicon-2 {
margin: 0px;
padding: 0;
height: 25px;
margin-right: 10px;
  float: right;
}

ul.socicon-2 li {
display: block;
padding: 0;
margin: 0px 0px 0px 10px;
  float: right;
}
a.soc-follow {
width: 20px;
height: 20px;
  padding: 5px;
background-size: 20px 20px !important;
margin: 0;
display: block;
float: left;
  -webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}


a.soc-follow.twitter {
background: #C2C2C2 url(/data/themes/Blue/img/twitter.png) center center no-repeat;
}
a.soc-follow.google{ background:#C2C2C2 url(/data/themes/Blue/img/google-.png) center center no-repeat;}
a.soc-follow.facebook { background: #C2C2C2 url(/data/themes/Blue/img/facebook.png) center center no-repeat;}
a.soc-follow.linkedin { background:#C2C2C2 url(/data/themes/Blue/img/linkedin.png) center center no-repeat;}
a.soc-follow.tumblr{ background: #C2C2C2 url(/data/themes/Blue/img/tumblr.png) center center no-repeat;}

.share a.soc-follow.facebook:hover{ background-color:#39599f}
.share a.soc-follow.twitter:hover{ background-color:#45b0e3}
.share a.soc-follow.linkedin:hover{ background-color:#65b7d2}
.share a.soc-follow.tumblr:hover{ background-color:#f8bc2e}
.share a.soc-follow.google:hover{ background-color:#1872bf}

.newsNormal{
margin-top: 10px;
padding: 0px;
margin: 0px;
}
.newsNormal li{
margin: 0px;
padding: 20px 0px;
}

.newsNormal li:nth-child(odd) {
background-color: transparent;
}
.newsNormal li img{
margin: 0px 15px 0px 0px;
border: 0px;
}
.newsNormal li img:hover{
opacity: .8;
}
.newsNormal li h4{
font-family: 'Oswald', sans, serif;
font-weight: 400;
}
.newsNormal li h4 a{
color: #6F7072;
text-decortaion: none;
}
.newsNormal li .wiecej{
float: right;
font-size: 12px;
color: white;
background-color: #089CFA;
border: 0px;
padding: 3px 7px;
  margin-top:-15px;
}
.newsNormal li .wiecej:hover{
opacity: .8;
}

#newsletter{
margin-top: 20px;

}
#newsletter input[type="text"]{
width: 200px;
}
#newsletter .form-actions{
background: transparent;
  float: right;
  border: 0px;
  padding: 0px;
  margin: -50px 0px 0px 0px
}
#newsletter span.label-form-error{
z-index: 3;
  float: left;
  margin-left: 145px;
  margin-top: -38px;
}

.loga{
margin-top: 20px;
  margin-bottom: 20px;
}
.loga img{
height: 60px;

}

#sliderBootstrap{
margin-left: 30px;
margin-top: -5px;
}

#sliderBootstrap a.right{
width: 35px;
height: 60px;
display: block;
background: #222 url(/data/themes/Blue/img/slider-control-right.png);
background-repeat: no-repeat;
background-position: 52% 50%;
bottom: 20px;
right: 0px;
float: none;
  font-size: 0px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#sliderBootstrap a.left  {
width: 35px;
height: 60px;
display: block;
  font-size: 0px;
background: #222 url(/data/themes/Blue/img/slider-control-left.png);
background-repeat: no-repeat;
background-position: 52% 50%;
bottom: 20px;
left: 0px;
float: none;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#sliderNivo {
width: 300px;
height: 240px;

}
.footer p{
margin-top: 8px;
}

.footer a.top {
margin-right: -30px;
float: right;
margin-top: -10px;
width: 50px;
height: 50px;
display: block;
opacity: .5;
filter: alpha(50);
background-color: #2B2B2B;
background-image: url(/data/themes/Blue/img/top.png);
background-repeat: no-repeat;
background-position: 50%;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}


.content{
margin-top: 20px;
}

.content a img{
margin: 0px 0px 15px 0px;
  padding: 0px;
  display: inline-block;
}


.tagsShowList{
margin-top: 20px !important;
}

.tagsShowList li{
  padding: 10px 0px;
  font-family: 'PT Sans', sans, serif;
font-weight: 300;
color: #6F7072;
font-size: 14px;
text-align: justify;
}

.tagsShowList li:first-child{
border-top: 0px;
}
.tagsShowList li:nth-child(odd){
background: transparent;
}

.tagsShowList li a{
color: #333;
  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
  
}
.tagsShowList li a:hover{
text-decoration: none;
 color: #999;
}
.tagsShowList li a h4{
  color: #333;
  font-family: 'Oswald', sans, serif;
font-weight: 400;
}