@e-color-bg_menu: #EEEEEE;
@e-color-bars:#4D4D4D;
@e-color-bg: #fff;
@e-color-font: #6F7072;



body{
background: url(../img/bg.png) repeat top center scroll;
}
.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: @e-color-font;
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: @e-color-bg;
  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: @e-color-bars;
border-top: 3px #104BA9 solid;
}

.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: @e-color-font;
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;
color:@e-color-bg;
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;

}
.top-nav #social li a:hover{
opacity: 1.0;

}
.top-nav #social li.facebook a{
background: url(../img/facebook.png) no-repeat;
}
.top-nav #social li.twitter a{
background: url(../img/twitter.png) no-repeat;
}
.top-nav #social li.google a{
background: url(../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: 500;
color: @e-color-font;
font-size: 22px;
    margin-bottom: 0px;
}

.logotext a h3 {
font-family: 'Oswald', sans, serif;
font-weight: 700;
color: #071C71;
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;
  border-bottom: 5px solid #104BA9;
  background-color: @e-color-bars;
  width: 100%;
}

#droppy ul{
  background-color: #104BA9;
  border-bottom: 3px solid @e-color-bars;
}
#droppy ul li{
float: none;
display: block;
}

#droppy li{
float: left;
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: inline;
}
#droppy li a{
font-family: 'Open Sans Condensed', sans, serif;
font-weight: 700;
font-size: 16px;
color: #F8F8F8;
  text-transform: uppercase;

margin: 0;
padding: 12px 12px;
display: inline-block;
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 li.hover a,#droppy a.menuOpen{
color: #F8F8F8;
background-color: #104BA9;
}

.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: #104BA9;
  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(../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: @e-color-font;
  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: @e-color-bg_menu;
border-color: @e-color-bg_menu;
    padding: 8px 14px;
  display: block;
  line-height: 20px;
color: @e-color-font;
  -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: @e-color-font;
  -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: @e-color-font;
}

.most_views  li h4 a {
margin-top: 0px;
display: block;
padding: 10px 10px;
color: @e-color-font;
-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: @e-color-font;
}
.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: @e-color-font;
}


.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(../img/twitter.png) center center no-repeat;
}
a.soc-follow.google{ background:#C2C2C2 url(../img/google+.png) center center no-repeat;}
a.soc-follow.facebook { background: #C2C2C2 url(../img/facebook.png) center center no-repeat;}
a.soc-follow.linkedin { background:#C2C2C2 url(../img/linkedin.png) center center no-repeat;}
a.soc-follow.tumblr{ background: #C2C2C2 url(../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: #cb2509;
text-decortaion: none;
}
.newsNormal li .wiecej{
float: right;
font-size: 12px;
color: white;
background-color: #104BA9;
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(../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(../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;
}

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

.footer a.top {
margin-right: -30px;
float: right;
margin-top: -10px;
width: 50px;
height: 50px;
display: block;
opacity: .5;

background-color: #2B2B2B;
background-image: url(../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: @e-color-font;
font-size: 14px;
text-align: justify;
}
.menuNormal {}
.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;
}
@media (max-width: 980px) {

}
@media (max-width:767px) {
  .header {
    padding-right:0;
    padding-left:0;    
  }
  .main-container {
    padding-right: 0;
  }
  .header .search {
    margin-right: 0px;
    margin-top: 0px; 
  }
  body {
    text-align: center!important;
    padding: 0;
  }
  .top {
    display:none!important;
  }
  .top-nav {
    margin-right: 0;
  }
  .calosc {
    padding: 0;
  }
  #sliderBootstrap {
    margin-left: 0;
  }
  .footer p{
    text-align: center;
  }
  .logo-media {
    max-width: 100%;
  }
  .menu-top {
    text-align: center;
  }
    #droppy{
    width: 100%;
    float:none; ;
    display:block;
    text-align:center!important;
    position: relative;
    bottom:20px;
    padding-top: 30px;
  }
  #droppy>li{
    float:none;
    display:inline-block;
    text-align:left;
  }
}