/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Bree+Serif&subset=latin,latin-ext);

body {
    margin:  0;
    padding: 0;
    font-family: Arial, sans-serif;
    line-height: 1.3em;
}

a, a:link, a:visited {
    text-decoration:  none;
}

a:hover {
    text-decoration:  underline;    
}

a:focus {
    outline: 1px dotted;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    margin: 15px 0;
}

img {
    border:  0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5 {
  font-family: Georgia, serif;
  line-height: 1.2em;  
}

h1 {
    line-height: 1.2em;
    //padding-bottom: 0.5em;
}

h1 span, h2 span {
  font-size: 12px;
}

h2 {
    font-size: 1.5em;
    margin-top: 1em;
    font-weight: normal;
}

h2.podtytul {
  margin-top: 0;
  font-size: 1.7em;
}

h3 {
    //margin-top: 1em;
    font-size: 1.2em;
    font-weight: normal;
}

h4 {
    font-weight: normal;
    padding: 0;
}

h4 span {
  font-size: 11px;
}

h5 {
    font-size: 11px;
    font-weight: normal;
}

h6 {
    font-size: 10px;
    font-weight: normal;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 5px;
}

table {
  margin: 0 auto 1em auto;
}

#col12 table tr td {
  //padding: 1px;
  vertical-align: top;
}

input, textarea, select {
  font-family: verdana, helvetica, sans-serif;
  font-size: 12px;
  padding: 2px 5px;
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}

input.groundwork, select.groundwork {
  font-size: 1em;
}

input[type="text"], input[type="file"], textarea, select {
  /*width: 420px;*/
}

input[type="checkbox"] {
  width: 14px;
  height: 14px;
}

input[type="submit"] {
  font-weight: bold;
  width: 100%;
  font-size: 14px;
}

label {
  /*width: 15%;
  float: left;*/
  clear: left;
  font-weight: bold;
  /*text-align: right;*/
  padding-right: 5px;  
  padding-top: 5px;
}

#col12 label {
  width: 20%;
} 

label.radioButton {
  float: none;
  width: auto;
  padding: 0;
  font-weight: normal;
}

.labelform input, .labelform textarea, .labelform select {
    margin-bottom: 4px;
}

fieldset, legend {
  border: 1px solid #999;
  padding: 3px 6px;
 }

b,q,quote,blockquote,strong,.nav a,.nav button {
  font-weight: bold;
}

del {
  color: red;
}

ins {
  color: green;
  text-decoration: none;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

/* `Structure
----------------------------------------------------------------------------------------------------*/

header .container {
  background-color: #000;
}

#header {
  position: relative;
  height: 112px;
  border: 0;
}

#header_logo {
  height: 110px;
  width: 80%;
  float: left;
}

#logbox {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(//static.polter.pl/tplimg/logbox.png);
  width: 310px;
  height: 110px;
  color:  white;
  font-size:  10px;
  line-height: 12px;
}

#logbox a {
  color: #C2D15F;
}

#logbox label, .form .rememberMe label, .form .rememberMe input, .form .checkbox label {
  //float: left;
  //width:  20%;
  //padding: 4px 10px 0 10px;
  display: inline;
}

#logbox form {
  margin-top: 10px;
  margin-right: 20px;
}

#logbox input {
  color: white;
  background: #333;
  border: 1px solid #777;
  vertical-align: middle;
  padding: 2px;
  display: inline;
}

#logbox input#username {
  margin: 1px;
  width: 140px;
}

#logbox input[type="password"] {
  margin: 1px;
  width: 114px;
}

#logbox input[type="checkbox"] {
  padding: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #777;
}

#logbox input[type="submit"] {
    margin-top: 0px;
    width: 20px;
}

#logbox .avatar {
    border: 1px solid #444;
    float: left;
    margin:  7px 7px;
    max-width: 80px;
}

#logboxoptions {
    float:  right;
    margin-top: 8px;
    margin-right: 15px;
    width:  195px;  
}

#logboxoptions strong {
  font-size: 11px;
}

#logboxoptions .col1 {
    float:  left;
    width:  85px;   
}

#logboxoptions .col2 {
    float:  right;
    width:  95px;   
}

#mainmenu {
  position: relative;
  padding: 0;
  background: #24312D url(//static.polter.pl/tplimg/mainmenu_bg.jpg) repeat-x bottom left;
  font-size: 10px;
  overflow: hidden;
}

#mainmenu nav, #submenu  nav {
  margin-bottom: 0;
  padding: 0;
  //display: inline;
  border: 0;
  background: transparent;
  color: #fff;
}

.nav button.hamburger {
  color: #fff;
}

#mainmenu ul {
  margin-top:  0;
  padding:  0;
//  list-style-type: none;
  line-height: 1.3em;
}

#mainmenu ul li {
//  display:  inline;
  margin:  0;
  padding:  0;
  text-transform:  uppercase;
  font-size: 10px;
}

#mainmenu ul li a {
  display:  block;
  float: left;
  padding: 6px 10px;
  color: #ffffff; 
  text-decoration: none; 
  border-radius: 0;
  font-size: 10px;
  background: transparent;
  border-right: 1px solid #444; 
  border-left: 0;
  border-color: #444;
} 

#mainmenu ul li a:hover { 
  background: url(//static.polter.pl/tplimg/mainmenu_bg_hover.png) repeat-x bottom left;
}

#mainmenu ul li a.active, #mainmenu ul li a.active:hover {
  background: url(//static.polter.pl/tplimg/mainmenu_bg_act.png) repeat-x bottom left;
} 

#submenu {
  position: relative;
  padding: 0;
  background: url(//static.polter.pl/tplimg/submenu_bg.png) repeat-x bottom left;
  font-size: 10px;
  overflow: hidden;
}

#submenu ul {
    margin-top:  0;
    padding:  0;
//    list-style-type: none;
    line-height: 1.3em;
}

#submenu ul li {
//    display:  inline;
    margin:  0;
    padding:  0;
}

#submenu ul li a, #submenu ul li span {
  display:  block;
  float: left;
  color: #ffffff; 
  font-weight:  bold;
  padding: 6px 10px; 
  font-size: 10px;
  background: transparent;
  border-right: 1px solid #444; 
  border-left: 0;
  text-decoration: none;  
  line-height: 1.5;
} 

#submenu ul li a:hover { 
  text-decoration: underline; 
}

#templateswitch {
    position: absolute;
    right: 10px;
    bottom:  2px;
    color:  white;
    font-weight:  bold;
}

#templateswitch a {
    padding: 2px 4px;
    text-decoration:  none;
}

#templateswitch a.tpl1 {
    background-color: white;
    color: black;
}

#templateswitch a.tpl2 {
    background-color: black;
    color: white;
}

header + .google-auto-placed {
	display: none;
}

header + .container > .google-auto-placed {
	display: none;
}

#billboard {
  text-align: center;
  padding: 3px;
}

#billboard img {
  /*border: 1px solid #000;*/ 
  border: 0;
  height: auto;
}
  
.container { 
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 60);
          
          box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 60);
}

#col123 {
    padding:  5px;
    width:  950px;
}

#colwide {
    overflow: hidden;
    margin-bottom: 5px;
}

#col12 {
    width: 640px;
    float:  left;
    overflow: hidden;
}

#col12main {
    width: 650px;
    float:  left;
    overflow: hidden;
}

#col1 {
    width: 160px;
    float:  left;
    overflow: hidden;
}

#col3 {
    float: right;
    width: 300px;   
    overflow: hidden;
}

#search {
    margin-bottom: 10px;
    padding:  3px;
}

#search input[type="text"] {
  display: inline;
  /*width: 188px;*/
  width: 100%;
  margin: 7px;
}

#search input[type="submit"] {
  display: inline;
  width: 30px;
  height: 25px;  
  font-weight:  bold;
}

#rectangle {
    width: 100%;
    text-align:  center;
}

#rectangle table {
    margin: 0 auto;
}

#rectangle img {
    margin:  0;
    height: auto;
}

/*.promobox { background: #000000 url(../images/orbit/loading.gif) no-repeat center center; height: 300px; }
.promobox img, .promobox div.promobox_desc { display: none; }
.promobox.orbit { background: none; }
.promobox.orbit img, .promobox.orbit div.promobox_desc { display: block; }*/

.promobox {
  background: black;
  overflow: hidden;
  max-height: 366px;
}

.promobox .cycle-slideshow div {
  width: 100%;
  height: 100%;
}

.promobox .cycle-slideshow div img {
  width: 100%;
  height: auto;
}

.promobox .cycle-slideshow div div.promobox_desc {
  padding:  10px 15px;
  position: absolute;
  width: auto;
  height: auto;
  bottom:  0px;
  right:  0px;
  background: url(//static.polter.pl/tplimg/promobox_desc_bg.png);
  color:  #ccc;
  display: block;
}

.promobox_desc h2 {
  margin-top: 0;
  line-height: 100%;
  font-size:  21px;
}

.promobox_desc h2 a {
    color: #F0FF00;
}

.promobox_desc p {
  margin-bottom: 0;
}

.promobox .cycle-slideshow div.promobox_reklama {
  width:  60px;
  padding:  5px;
  position: absolute;
  width: auto;
  height: auto;
  bottom:  0px;
  right:  0px;
  background: url(//static.polter.pl/tplimg/promobox_desc_bg.png);
  color:  #aaa;
  text-align: center;
  font-size: 11px;
}

.promobox .cycle-pager.external {
  height: 100%;
  overflow: hidden;
}
.promobox .cycle-pager.external img {
  cursor: pointer;
  border: 1px solid #333;
  height: auto;
  margin: 9% auto 8% auto;
  width: 90%;
  display: block;
  max-height: 60px;
}

.promobox .cycle-pager.external img:hover {
  border: 1px solid #F0FF00;
}

#col1 h3 {
  background: #555 url(//static.polter.pl/tplimg/mainmenu_bg_act.png) repeat-x top left;
  margin: 10px 0 0 0;
  padding:  4px 5px;
  font-size: 13px;    
  font-weight: bold;
  color: white;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}

#col2 h3 {
  line-height: 28px;
  margin:  10px 0 -4px 0;
  //padding:  4px 5px;
  padding: 4px 10px;
  //font-size: 13px;
  //font-weight: bold;
  //color: black;
  color: white;
  
  //font-family: Arial, sans-serif;
  //text-transform: uppercase;
  background: url(//static.polter.pl/tplimg/mainmenu_bg_act.png) repeat-x top left;
  display: inline;
  //background: white !important;  
}

#col2 .boxcontent, #col3 .boxcontent

{
  border: 0;
  margin-bottom: 1em;
}

#col2 a {
    //font-weight:  bold;
}

#col3 h3, #col12main h3 {
  margin:  10px 0 0 0;
  padding:  4px 5px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  background: url(//static.polter.pl/tplimg/mainmenu_bg_act.png) repeat-x top left;
}

article a {
    //font-weight:  bold;
}

#col12 .avatar {
  margin: 3px;
  border: 1px solid #444;  
}

.portlet
{
  margin-top: 10px;
}

.portlet-decoration
{
  padding:  4px 5px;
  border-left: 0;
  background: url(//static.polter.pl/tplimg/mainmenu_bg_act.png) repeat-x top left;
}

.portlet-title
{
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

.portlet-content, .boxcontent
{
  padding: 20px 40px;
  position: relative;
}

#col1 .boxcontent, #col2 .boxcontent, #col3 .boxcontent {
    font-size: 12px;
    padding:  10px 15px;
    overflow: hidden;
}

.boxcontent .small.button {
  margin-bottom: 1em;
}

.boxcontent.szef-dzialu img, .boxcontent.redakcja img {
    height: auto;
}

/*
.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: parent;
}

.operations li a:hover
{
	background: transparent;
}*/

#footer {
    margin:  5px 0 0 0;
    padding:  3px;
}

footer .boxcontent {
    padding: 10px;
}

div.view {
    border-top: 0;
    border-right: 0;
    border-left: 0;        
    border-color: #999;
    padding: 0;
    padding-bottom: 10px;     
}

.blogboxpost, .forumboxpost {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
}

.blogboxpost .title, .forumboxpost .title {
    font-size: 12px;
}

.blogboxpost .avatar, .forumboxpost .avatar {
  height: 40px;
  width: auto;
  float: right;
  margin-left: 5px;
  border: 1px solid #555;
}

.blogboxpost .icon-comment-alt {
  font-size: 11px;
  vertical-align: bottom;
}

.blogboxpost a.username, .forumboxpost a.username {
    font-weight: normal !important;
}

.boxcontent .morelink, .boxcontent .morelink {
    text-align: right;
}


.galerieBox .row {
  height: 80px; 
  overflow: hidden;
}

.galerieBox .row .zdjecie {
  overflow: hidden;
}

.galerieBox .row .zdjecie div.zdjecieRama {
  width: 120px; overflow: hidden;
}

.galerieBox .row .zdjecie div.zdjecieRama div {
  margin-left: -25%;
}
  
.tableheader {
  font-weight: bold;
}

.tablerow {
  border-bottom: 1px solid #666;
  padding: 3px 0;
}

.col1 {
  width: 70%; float: left;
}

.colx {
  width: 10%; 
  float: left; 
  text-align: center;
 }


.clear {
    clear:  both;
}

blockquote {
  margin-bottom: 1em;
  overflow: auto;
  font-family: Helvetica, Arial, Geneva, sans-serif;
}

.quote, .comment_txt blockquote {
  margin: 15px 0 0 15px;
  font-style: italic;
  border-left: 3px solid #999;
  padding: 0 0 0 5px;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  /*border: 1px solid #999;*/
}

.comment_txt blockquote:before, .comment_txt blockquote:after {
  content: none;  
}

.alignCenter {
  text-align: center;
}

/* Oceny */

.ocena_bar {
  text-align: left;
  font-family: Arial, helvetica, sans-serif;
  font-size: 11px;
  height: 46px;
  margin-bottom: 3px;
  overflow: hidden;
  line-height: 1.2em;
}

.ocena_bar a {
  font-size: 10px;
}

.ocena_box {
  float: right;
  background: black;
  height: 45px;
  width: 55px; 
  color: white;
  font-weight: bold;
  font-size: 22px;
  text-align:center;
  padding-top: 8px;  
  line-height: 100%; 
  letter-spacing:-1px;
}

.ocena_box_small {
  float: right;
  background: black;
  height: 26px;
  width: 30px; 
  color: white;
  font-weight: bold;
  font-size: 13px;
  text-align:center;
  padding-top: 6px;  
  line-height: 100%; 
  letter-spacing:-1px;
  margin: 0 0 5px 5px;
}

.ocena_el {
  background: black;
  width: 0px;
  height: 8px;
  border: 1px solid gray;
  float: left;
  padding: 0 2px;
  font-size: 6px;
}

.ocena_el_hover {
  background: red;  
}

.comment_author {
  float: left; 
  text-align: center; 
  margin-bottom: 1em; 
  font-size: 12px;
  background: url(//static.polter.pl/tplimg/comment_arrow.png) no-repeat right 15px;
}

.comment_content {
  margin-bottom: 1em;
}

.comment_content .comment_body {
  background: url(//static.polter.pl/tplimg/comment_bg.png);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  padding: 0.7em;
  margin: 0;
  font-size: 0.9em;
}

.comment_content .comment_subject {
  font-weight: bold;
}

.comment_content .comment_grade {
  white-space: nowrap;
  text-align: right;
}

.comment_content .comment_txt {
  text-align: justify;
  border-top: 1px dotted #999;
  padding-top: 0.5em;
  margin-top: 0.5em;
  
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

#najaktywniejsi h4 {
  /*
  font-weight: bold;
  font-style: italic; */
}

#najaktywniejsi .row {
  height: 33px;
  overflow: hidden;
  margin-bottom: 0.5em;
}

#najaktywniejsi .row .avatar {
  width: 33px;
  height: 33px;
  float: left;
  margin-right: 3px;
  overflow: hidden;
}

#najaktywniejsi .row img {
  width: 33px;
}

#AdTaily_Widget_Container div {
  width: 298px !important;
}

#col1AdSenseLight, #col1AdSenseDark, #col3AdSenseLight, #col3AdSenseDark {
  margin-top: 7px;
  text-align: center;
  padding: 0 !important;
}

.mainPic {
  width: 30%;
  float: right;
}

.mainPic img {
  width: 100%;
  margin: 0;
  padding: 0;
  float: right;
}

.wersjeDrzewoPunkt {
  display: block;
  width: 12px;
  height: 8px;
  float: left;
  text-align: center;
  font-size: 11px;
}

.drzewoKolumna0 {
  color: red;
}

.drzewoKolumna1 {
  color: green;
}

.drzewoKolumna2 {
  color: blue;
}

.drzewoKolumna3 {
  color: orange;
}

.drzewoKolumna4 {
  color: purple;
}

.drzewoKolumna5 {
  color: #003333;
}

.drzewoKolumna6 {
  color: pink;
}

/* STARE KLASY */

.textmed {
  //font-size: 13px;
  line-height: 1.5em;
}

.textmed h2, .textmed h3 {
  clear: left;
}

.textmed blockquote {
  line-height: 6.5em;
}

.text_wstep {
  font-style: italic;
  font-size: 1.1em;
  background: #ddd;
  padding: 1em;
  float: left;
  width: 68%;
  margin-bottom: 1.5em;
}

.p_title {
    font-weight: bold;
}

.image {
  float: right;
  margin-left: 2%;
  margin-bottom: 1em;
  border:  1px solid #555;  
}

.image img {
  float: right;
}
span.imgCaption {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}

span.imgCaption.left {
  float: left;
  padding-right: 10px;
}

span.imgCaption.right {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

span.imgCaption:after {
  color: #777;
  content: attr(title);
  padding: 0 5px;
}

span.imgCaption img {
  display: block;
  max-width: 100%;
}

.textmed .p_image, .textmed .p_image_big, .textmed .p_image_small
 {
  border:  1px solid #555;
  margin:  0 2% 1em 2%;
  max-width: 94%;
  height: auto;
 }

.textmed .p_image_x
 {
  border:  1px solid #555;
  margin:  0px;
 }
 
 
.smallimage {
    float:  left;
    margin-left:  5px;
    margin-bottom: 5px;
    border:  1px solid #555;
}

.newsImage {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.newsImage div {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.newsImage img {
  width: 100%;
  height: auto;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.newsTekst {
}

.textmed div.youtube-embed-wrapper {
  clear: both;
  margin-bottom: 20px;
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
}

.newsInfo {
  font-size: 10px; 
  text-align: left; 
  margin-bottom: 1em;
}

div.newsLine {
  clear: both;
}

div.newsLine div.newsData {
  width: 6%;
  float: left;
  position: relative;
  padding-top: 3px;
}

div.newsLine div.newsDzial {
  width: 10%;
  float: left;
  position: relative;
  overflow: hidde;
  padding-top: 3px;
}

div.newsLine div.newsZdjecie {
  width: 10%;
  float: left;
  position: relative;
  padding: 0 5px 5px 5px;
}

div.newsLine div.newsZdjecie div.newsImage {
  height: 35px; 
  padding-bottom: 0;
}

div.newsLine div.newsTekst {
  width: 74%;
  padding-left: 5px;
  float: left;
  position: relative;
  padding-top: 3px;
}

div.row div.newsBox {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

div.row div.newsBox:last-child {
  border-right: 0;
}

div.row:last-child div.newsBox {
  border-bottom: 0;
}

div.newsBox h3 a {
  color: inherit;
}

div.newsBox ul li {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

div.newsBox ul li:last-child {
  border-bottom: 0;
}

.ostatnieArtykuly .item {
}
.ostatnieArtykuly .newsImage {
  float: left;
  margin-right: 5px;
}

.ostatnieArtykuly .tekst {
}

.opcjeEdycji {
  position: absolute; 
  top: 0px; 
  right: 0px; 
  padding: 6px 10px 6px 0px; 
  background: #ddd; 
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  font-size: 12px;
}

.opcjeEdycji i {
  margin-left: 10px;
}

.main {
    font-weight:  bold;
}

.newsborder {
    border-bottom: 1px solid #555;
}

.promoborder {
  padding: 5px;
}

.keyheader {
    display: none;
}

#link0r {
  clear: both;
  text-align: left;
  font-size: 10px;
  color: #444;
}

#link0r a {
  color: #444;
}

#shopbox {
  text-align: center;
}

#shopbox table {
  margin: 0 auto;
  width: 100%;
  border: 0;
}

#shopbox td {
  vertical-align: top;
  text-align: center;
}

.avatar_std {
  display: none;
}

.avatar_premium {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0px; 
  right: 5px;
  padding: 0;
  z-index: 2;  
  display: block !important;
}

#submenu.userMenu {
    font-size: 10px;
    position: relative;
}

#submenu.userMenu ul {
//  margin-left: 10px;
}

#submenu.userMenu a {
  color: #ffffff; 
  font-weight:  bold;
} 

#submenu.userMenu a:hover { 
  text-decoration: underline; 
}

#glownaWiesci, #glownaArtykuly {
  padding-top: 10px;
}

#wiesciFiltr input {
  display: inline;
}

#wiesciFiltr label {
  display: inline;
  float:  none;
  width: auto;
  font-weight: normal;
  font-size: 11px;
}

#wiesciFiltr div.buttons {
  float: none;
  clear: both;
}

#polecenia {
  font-size: 12px;
}

#polecenia #pol_lista {
  margin-bottom: 0.5em;
}

#napiwek img {
  vertical-align: middle;
}

/* INFORMACJA O CIASTKACH */

#cookieInfo {
  position:fixed;
  bottom: 0px;
  left: 0px;
  z-index: 80;
  background: white; 
  color:  #333;
  border: 1px solid #eee;
  width: 100%;
  padding: 1em; 
  text-align: left; 
  font-size: 11px;
  border-top: 1px solid #ccc;
}

#cookieInfoClose {
  float: right; 
  font-weight: bold; 
  margin: 0 0.5em 0.5em 1em;
}

#cookieInfo h2 {
  padding: 0;
  font-size: 13px;
}


/* CENEO */

div.ceneoaff-container, div.ceneoaff-items {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

div.ceneoaff-container a:not(.noicon)[target="_blank"]:after, div.ceneoaff-container a:not(.noicon)[rel=external]:after,
a:not(.noicon)[href^="https://adserwer.polter.pl"]:after{
content: none;
}

/* CAROUSEL */

.slider-code { height: 190px; overflow:hidden;}
.slider-code .viewport { margin: 0 auto; width: 290px; height: 190px; overflow: hidden; position: relative; }
.slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
.slider-code .next { margin: 30px 0 0 10px;  }
.slider-code .disable { visibility: hidden; }
.slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
.slider-code .overview li{ background: none; float: left; margin: 0 10px 0 10px; padding: 1px; height: 190px; width: 125px; text-align: center;}


/* COLOR PICKER */

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_background.png);
    font-family: Helvetica, Arial, sans-serif;
    color:#EAEAEA;
}
.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}
.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}
.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
}
.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}
.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}
.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    color:#EAEAEA;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}
.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}
.colorpicker_hex input {
    right: 6px;
}
.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}
.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}
.colorpicker_rgb_r {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}
.colorpicker_rgb_g {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}
.colorpicker_rgb_b {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}
.colorpicker_hsb_h {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}
.colorpicker_hsb_s {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}
.colorpicker_hsb_b {
    background-image: url(//static.polter.pl/tplimg/colorpicker/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}
.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}
.colorpicker_focus {
    background-position: center;
}
.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_slider {
    background-position: bottom;
}
.colorpicker_extra{
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_extra.png) top;
    left: 292px;
    top: 142px;
    overflow: hidden;
}
.colorpicker_extrafill {
    position: absolute;
    width: 140px;
    height: 110px;
    padding:5px;
    background: url(//static.polter.pl/tplimg/colorpicker/colorpicker_extra_background.png) top;
    right: 6px;
    bottom: 34px;
    overflow: hidden;
    color:#FFF;
}
.colorpicker_extra.colorpicker_focus {
    background-position: bottom;
}

/* Fading Tooltips */

div#toolTip {
  position:absolute;
  //width:200px;
  background:#000;
  border:2px double #fff;
  text-align:left;
  padding:5px;
  -moz-border-radius:5px;
  z-index:1000;
}

div#toolTip p {
  margin:0;
  padding:0;
  color:#fff;
  font:11px/12px verdana,arial,serif;
}

div#toolTip p em {
  display:block;
  margin-top:3px;
  color:#f60;
  font-style:normal;
  font-weight:bold;
}

.yiiLog {
  margin-top: 3000px;
}

/* Noty */

ul.noty_container {
	position: fixed;
	z-index: 9999999;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 400px;
	top: 20px;
}
ul.noty_container li {
	position: relative;
	float: left;
	clear: both;
	list-style: none;
	padding: 0px;
	margin: 10px 0 0 0;
}
ul.noty_container.topLeft {
	left: 20px;
}
ul.noty_container.topRight {
	right: 40px;
}
ul.noty_container.topRight li {
	float: right;
}
/* Fix for: http://bugs.jquery.com/ticket/2278 */
ul.noty_container.topLeft li, ul.noty_container.topRight li {
	width: 400px;
}
div.noty_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10000;
	opacity: 0.6;
	display: none;
}
.noty_bar {
	position: fixed;
	display: none;
	z-index: 9999999;
	background: url(//static.polter.pl/tplimg/noty/alert-lines.png) repeat-x scroll left top #fff;
}
.noty_bar.top {
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 3px solid #eee;
}

.noty_bar.bottom {
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 3px solid #eee;
}
.noty_bar.center {
	top: 40%;
	left: 19.5%;
	width: 60%;
	padding: 4px;
	border: 3px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.noty_bar.topLeft, .noty_bar.topRight {
	width: 100%;
	clear:both;
	position: relative;
	padding: 4px;
	border: 3px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.noty_bar .noty_message {
	padding: 10px 30px 10px 10px;
	font-size: 16px;
	font-weight: bold;
	width: 96%;
}
.noty_bar .noty_message .noty_buttons {
	float: right;
	font-size: 13px;
	margin-top: -6px;
	margin-left: -25px;
}
.noty_bar.topLeft .noty_message .noty_buttons, .noty_bar.topRight .noty_message .noty_buttons {
	float: none;
	font-size: 13px;
	border-top: 1px solid #CCCCCC;
  margin-left: 0;
  margin-top: 10px;
  float: none;
  padding-top: 10px;
  text-align: right;
}
.noty_bar .noty_message .noty_buttons button {
	margin-left: 5px;
}
.noty_bar .noty_close {
	position: absolute;
	top: 10px;
	right: 10px;
	background-image: url(//static.polter.pl/tplimg/noty/closelabel.png);
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.noty_bar.alert {
	background-color: #fff;
	border-color: #ccc;
}
.noty_bar.error {
	background-color: red;
	color: #fff;
	border-color: darkred;
}
.noty_bar.success {
	background-color: lightgreen;
	color: darkgreen;
	border-color: darkgreen;
}

/* Layout: Top Center */
.noty_bar.topCenter {
	background: none;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.noty_bar.topCenter.alert {
	background-color: none;
}
.noty_bar.topCenter .noty_message {
	padding: 10px 15px;
	display: inline-block;
	font-size: 13px;
	width: auto;
	margin: 0;
	position: relative;
	top: 8px;
	font-weight: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.noty_bar.topCenter .noty_close {
	top: 50%;
	margin-top: -10px;
	border-radius: 10px;
	right: -10px;
}
.noty_bar.topCenter.alert .noty_message {
	background-color: #F9EDBE;
	border: 1px solid #F0C36D;	
}
.noty_bar.topCenter.alert .noty_close {
	border: 1px solid #F0C36D;
}
.noty_bar.topCenter.error .noty_message {
	background-color: #FA5914;
	border: 1px solid #E64906;	
}
.noty_bar.topCenter.error .noty_close {
	border: 1px solid #E64906;
}
.noty_bar.topCenter.success .noty_message {
	background-color: #8FEC8F;
	border: 1px solid #50C24E;	
}
.noty_bar.topCenter.success .noty_close {
	border: 1px solid #50C24E;
}
.noty_bar.topCenter .noty_message .noty_buttons {
	margin-left: 15px;
	margin-top: 0px
}

.noty_bar.topCenter .noty_message .noty_buttons button {
	font: bold 12px/12px HelveticaNeue, Arial;
  padding: 3px 4px;
  color: #555;
  background: none; 
  border: none;
}

/* Custom Theme from Mohieddine Abd-kader (http://forrst.com/people/mitgux) Thanks :) */
.noty_bar.mitgux {
	background: none;
	border: none;
}
.noty_bar.mitgux .noty_message {
	border: 1px solid #D7D7D7 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 2px 4px #636363;
	color: #6D6D6D;
	line-height: 1.5em;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 100%;      
}
.noty_bar.mitgux.center .noty_message {
	width: 95%;
}
.noty_bar.mitgux.alert .noty_message {
	background: url("//static.polter.pl/tplimg/noty/mitgux/alert.png") no-repeat 13px center,url("//static.polter.pl/tplimg/noty/mitgux/bg.png") repeat scroll 0 0 transparent;           
}
.noty_bar.mitgux.error .noty_message {
	background: url("//static.polter.pl/tplimg/noty/mitgux/error.png") no-repeat 13px center,url("//static.polter.pl/tplimg/noty/mitgux/bg.png") repeat scroll 0 0 transparent;	
}
.noty_bar.mitgux.success .noty_message {
	background: url("//static.polter.pl/tplimg/noty/mitgux/done.png") no-repeat 13px center,url("//static.polter.pl/tplimg/noty/mitgux/bg.png") repeat scroll 0 0 transparent;
}
.noty_bar.mitgux .noty_close{
	width: 20px;
	height: 20px;
	position: absolute;
	background: url("//static.polter.pl/tplimg/noty/mitgux/close.png") no-repeat;
	right: -8px;
	top: 50%;
	margin-top: -10px;
	box-shadow: 0 0 3px #3C3C3C;
	border-radius: 10px;
	border: none !important;
	cursor: pointer
}
/* Custom theme layout extras */
.noty_bar.mitgux.top {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 4px #636363;
}
.noty_bar.mitgux.top .noty_close, .noty_bar.mitgux.bottom .noty_close {
	right: 8px;
}
.noty_bar.mitgux.topLeft .noty_message, .noty_bar.mitgux.topRight .noty_message, .noty_bar.mitgux.topCenter .noty_message {
	padding-left: 60px;
	padding-right: 40px;
	width: auto;
}
.noty_bar.mitgux.topLeft .noty_message .noty_buttons, .noty_bar.mitgux.topRight .noty_message .noty_buttons {
	border-top: 1px solid #CCCCCC;
	margin-left: 0;
	margin-top: 10px;
	float: none;
	padding-top: 10px;
	text-align: right;
}
.noty_bar.mitgux.top .noty_buttons, .noty_bar.mitgux.bottom .noty_buttons {
	margin-top: -3px;
	margin-right: 25px;
}
.noty_bar.mitgux.center .noty_buttons {
	margin-top: -3px;
}

/* Multiselect
----------------------------------*/

.ui-multiselect-menu label {
  width: auto;
}

.ui-multiselect-checkboxes label span {
  margin-left: 10px;
  font-weight: normal;
  font-size: 10px;
}

.ui-multiselect-filter input {
  display: inline;
}

/* jQuery Tooltip */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }


/* CKEditor */
.cke_dialog_body label {
  float: none;
  clear: none;
}

.cke_reset *, .cke_reset *:after, .cke_reset *:before, .cke_dialog_tab {
  -ms-box-sizing: content-boxx;
  -o-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

div.modal, div[role~=dialog].cke {
  opacity: 1;
  position: absolute;
  z-index: 10000;
}

.tabs>div, [role~=tabpanel] {
  display: block;
}

[role~=button].cke_button_disabled, [role~=button].cke_button_disabled:hover {
  background: inherit;
}

[role~=button].cke_button_disabled span {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

/* YII */

.grid-view table.items th {
  color: white;
  padding: 3px 5px;
}

.grid-view table.items td {
  padding: 3px 5px;
  vertical-align: middle;
}

.grid-view table.items td input[type=text], .grid-view table.items td select {
  padding: 2px 0px;
}

.grid-view table.items td input[type=checkbox] {
  width:  auto;
}

.grid-view table.items td img {
    height: auto;
    vertical-align: middle;
}

/* GROUNDWORK */

.callout.error a {
  color: white;
  text-decoration: underline;
}

a:not(.noicon)[href$=".jpg"]:after, a:not(.noicon)[href$=".jpeg"]:after, a:not(.noicon)[href$=".png"]:after, a:not(.noicon)[href$=".gif"]:after, a:not(.noicon)[href$=".svg"]:after, header a:not(.noicon)[target="_blank"]:after, header a:not(.noicon)[rel=external]:after, #rectangle a:not(.noicon)[target="_blank"]:after, #rectangle a:not(.noicon)[rel=external]:after {
  content: none;
}
a:not(.noicon)[href*="/download/"]:after {content: "\f019"}

/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
  margin-top: 1em;
	padding-top: 0;
}

.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('//static.polter.pl/tplimg/uploadify/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

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

  .portlet-content, .boxcontent
  {
    padding: 10px 10px;
  }
  
  #templateswitch {
    display: none;
  }
  
  #mainmenu, #submenu {
    display: block;
    float: left;
    width: 50%;
    padding: 5px;
    background: #24312D;
  }
  
  nav.menu:before, .nav.menu:before {
    content: attr(data-label);
    position: absolute;
    left: 45px;
  }
  
  .menu.nav .menu-toggle {
    background: transparent;
    border-color: #ddd;
    float: left;
    margin-bottom: 0;
  }
  
  nav.menu .menu-toggle:hover, .menu.nav .menu-toggle:hover, nav.menu .menu-toggle:focus, .menu.nav .menu-toggle:focus {
    background: #777;
  }
  
  nav:not(.pagination) ul li a, nav.inline ul li a, .nav ul li a, .nav.inline ul li a, nav:not(.pagination) ul li a:visited, nav.inline ul li a:visited, .nav ul li a:visited, nav:not(.pagination) ul.row li a, nav.inline ul.row li a, .nav ul.row li a, nav:not(.pagination) ul.row li a:visited, nav.inline ul.row li a:visited, .nav ul.row li a:visited {
    border: none;
    border-top: 1px solid #444 !important;
  }
  
}

/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
	/*padding-left: 16%;*/
}

#col12 div.form .errorMessage
{
  /*padding-left: 21%;*/
  
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.form .autoSaveInfo {
  float:  right;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	/*padding-left: 110px;*/
}

/* koniec kodu z Yii form.css */

/* z Twitter Bootstrap */

.badge { 
  border-radius: 9px;
  padding-left: 9px;
  padding-right: 9px;
}

.label, .badge { 
  background-color: #999999;
  color: #FFFFFF;
  display: inline-block;
  font-size: 11.84px;
  font-weight: 700;
  line-height: 14px;
  padding: 2px 4px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);
  vertical-align: baseline;
  white-space: nowrap;
}

/* Autocomplete */

.autocompleteImageOuter {
  width: 40px; 
  margin-right: 10px;
  margin-bottom: 1px;
}


.ui-menu .ui-menu-item .flexWrapper {
  display: flex;
}

.ui-menu .ui-menu-item a {
  margin-top: 5px;
}

.ui-menu .ui-menu-item a:hover {
  margin-top: 4px;
}

/* Ads4Books */

div.a4b-buybox-standard a[target="_blank"]::after {
  content: none !important; 
}

div.bb-table-content a[target="_blank"]::after {
  content: none !important; 
}

div.bb-widget a[target="_blank"]::after {
  content: none !important;
}

/* AddThis */

#at4-share [role~=button] {
	-ms-border-radius: 0px;
  -o-border-radius: 0px;
	border-radius: 0px;
}


@media only screen and (max-width: 480px) {
  #glownaWiesci h1, #glownaArtykuly h1 {
    margin-top: 20px;
  }
  
  section.padded, aside.padded {
    padding: 10px 0 0 0;
  }
  
  div.ostatnieArtykuly div.tekst {
    padding: 10px 0 0 0;
  }
  
  div.text_wstep {
    float: none;
    width: auto;
  }
}

@media (max-width:767px) and (min-width:481px){
  div.newsLine div.newsData {
    width: 10%;
  }
  
  div.newsLine div.newsTekst {
    width: 90%;
  }
}

.imageWrapper[data-src] {
    background-color: #eee;
    max-width: 100%;
    margin: 0 auto;
}

.imageWrapper[data-src] > .imgPlaceholder {
    position: relative;
}

.imageWrapper[data-src] > .imgPlaceholder > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.imageWrapper[data-src] > .imgPlaceholder > img {
    position: absolute;
    left: 0;
    top: 0;
}

/** QUIZY **/

.quiz {
    margin-top: 20px;
    margin-bottom: 50px;
}

.quiz #numerPytania {
    height: 50px;
    width: 100%;
}

.quiz #numerPytania>span {
    float: right;
    color: darkgrey;
    font-size: 32px;
    font-weight: bold;
}

.quiz .pytanie-image {
    max-width: 98%;
    margin: 10px auto;
    text-align: center;
}

.quiz .pytanie-image>img {
    max-width: 100%;
    height: auto;
}

.quiz #wynik {
    width: 100%
}

.quiz #wynik > div {
    font-size: 50px;
    font-weight: bold;
    margin-top: 70px;
    margin-bottom: 40px;
    text-align: center;
}

.quiz #wynik > p {
    font-size: 18px;
    text-align: center;
}

.boxcontent.quiz .textmed {

  margin: 20px 0;

  text-align: justify; }

.boxcontent.quiz .numerPytania {

  color: darkgray;

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 20px;

  text-align: right; }

.boxcontent.quiz .pytanieImage {

  max-width: 100%;

  text-align: center; }

  .boxcontent.quiz .pytanieImage img {

    height: auto;

    max-width: 100%; }
.boxcontent.quiz .licencja {
    color: #777;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

.boxcontent.quiz .wynik {

  font-size: 50px;

  font-weight: bold;

  margin: 40px 0;

  text-align: center; }

.boxcontent.quiz .wiadomosc {

  font-size: 18px;

  text-align: center; }

.boxcontent.quiz a.more {

  display: block; }

  .boxcontent.quiz a.more:hover, .boxcontent.quiz a.more:active {

    text-decoration: none; }

.boxcontent.quiz button.colorBackground.shaded:hover {

  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); }

/** SONDY **/

.boxcontent.sonda .textmed > .box {
    display: flex;
}

#zestaw-form .pytania {
    position: relative;
}

#zestaw-form .pytanieWrapper {
    display: -webkit-flex;
    display: flex;
    height: unset !important;
    width: 100% !important;
}

#zestaw-form .pytanieWrapper i.icon {
    align-self: center;
    cursor: move;
    text-align: center;
}

/** GOOGLE ADS **/
.comment_content .google-auto-placed {
    display: none;
}

body.loggedIn .textmed .google-auto-placed {
    display: none;
}

/*body[style*="padding"] {
    padding: 0 !important;
}*/

#glownaWiesci .items > div .google-auto-placed {
    display: none;
}

/** GANDALF **/
.boxcontent .gandalf-bottom {
    float: left;
    max-width: calc(100% - 215px);
    margin-right: 10px;
    margin-bottom: 30px;
}

.boxcontent .gandalf-bottom img {
    height: auto;
    max-width: 100%;
    width: 470px;
}

@media only screen and (max-width: 479px) {
    .boxcontent .gandalf-bottom {
        float: none;
        margin-right: 0;
        max-width: 100%;
    }
}

aside .boxcontent .gandalf-right img {
    max-width: 200px;
    height: auto;
}