/*  
Theme Name: Meta-Morphosis
Version: 1.4.1
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Modifications: Maciek Olko i nie tylko
Author URI: http://www.woothemes.com

  Copyright: (c) 2009 WooThemes.
  License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

/* Default styles */
@import "reset.css";

html, body {font-family: arial; font-size: 13px;border: 0;color: #333; background: #E3F1F2 url('/img/bg.jpg') no-repeat 50% 0%;}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0;}
p {line-height: 20px;padding: 10px 0;}
/*h1, h2, h3, h4, h5 {padding: 10px 0; color: #002562; font-family: 'Ubuntu', arial, serif;}*/
h1, h2, h3, h4, h5 {padding: 10px 0; color: #002562; font-family: arial, serif;}
h3 {color: #6a0a00; line-height: 140%;}
ul, ol {list-style: none;padding: 10px 0;}
small { font-size: 11px;}
code {background: #FFFFC1;}
a {color: #157aa6; text-decoration: none;}
a:hover { color: #9b0000; }
a img {border: none;}
blockquote p {padding: 5px 0;}
strong {font-weight: bold;}
dt {font-weight: bold;}
em {font-style: oblique;}

#flashMessage {
  position: relative;
  right: 5px;
  width: 440px;
  margin: 10px auto;
  padding: 10px;
  background: #F7E2DF;
  border: 1px solid #FABDB4;
}
.shadow {
    -moz-box-shadow: 0 0 10px #316594;
    -webkit-box-shadow: 0 0 10px #316594;
    box-shadow: 0 0 10px #316594;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#316594')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#316594');
}
.round {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
}
.round-top {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-top-right: 10px;
    -webkit-border-radius-top-left: 10px;
    border-radius: 10px 10px 0 0;
}
.round-bottom {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottom-right: 10px;
    -webkit-border-radius-bottom-left: 10px;
    border-radius: 0 0 10px 10px;
}
ul.with-icons {
    padding-top: 0;
}
ul.with-icons li {
    padding: 0;
    line-height: 150%;
    list-style: none;
}
ul.with-icons a {

}
ul.with-icons img,
img.with-icons {
    position: relative;
    top: 3px;
    margin-right: 5px;
}

/* Header */
#header-wrap {
    position: relative;
    margin-bottom: 25px;
}
#languages {
    z-index: 9999;
    position: absolute;
    right: 0;
    padding: 5px 0;
    background: #eee;
    border-radius: 0 0 0 10px;
    opacity: 0.9;
    text-align: center;
}
#languages img {
    float: left;
    margin: 5px 10px;
    box-shadow: 1px 1px 5px #888;
}
#header {
    position: relative;
    height: 260px;
}
#conf-title {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #36312F;
    opacity: 0.9;
}
#conf-title h1 {
    padding: 8px 0;
    color: #fff;  
}
#conf-title span {
    color: #ddebec;
    font-family: arial;
    font-size: 18px;
    line-height: 150%;
}
#conf-link a {
    float: right;
    position: relative;
    top: 80px;
    padding: 10px;
    background: #34587a;
    opacity: 1;
    color: #94ce18;
    font-weight: normal;
    font-size: 16px;
    text-align: right;
}
#conf-title p {
    padding: 10px;
}
#wrap {
    /*background: #d1dae3;*/
    /*url('/img/bg_top3.jpg') repeat-x 50% 0%;*/
}

/* Wrap */

#wrap { }

/* Top */

#top {
    width: 960px;
    margin: 0 auto;
    padding: 4px 0 0; 
    position:relative;
    z-index:999;
}

/* Page Nav */

#pagenav li a:link, #pagenav li a:visited {
    position: relative;
    width: 50%;
    padding: 14px 8px;
    text-decoration: none;
    z-index: 100;
    font-size:14px;
    font-weight:bold;
}

#pagenav li {
    float: left;
    line-height: 35px;
    padding: 0 9px 0 5px;
    zoom: 1;
    margin: 0;
}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {
    position: relative;
}

#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 43px;
    margin-left:-5px;
}

#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {
    display: block;
    position: absolute;
    right: 0; 
    bottom: 0;
    width: 5px;
    height: 43px;
    margin-right:-5px;
}

#pagenav li a:link, #pagenav li a:visited {
    color: #fff;
}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {
    background: url('/img/top-nav-tile.png') repeat-x left bottom;
}

#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {
    background: url('/img/top-nav-left.png') no-repeat left bottom;
}

#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {
    background: url('/img/top-nav-right.png') no-repeat left bottom !important;
}

/* Cat Nav */

#menu { 
    background: #7f7f7f;
    z-index: 999;
}

#catnav, #catnav ul {
    overflow: auto;
    padding: 0;
    list-style: none; 
    line-height: 1;
    z-index: 999;
}

#catnav a {
    overflow: hidden;
    display: block;
    line-height: 50px;
    padding: 0 10px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0.1em 0.1em #333;
}
#catnav a:focus,
#catnav li:focus {
    outline: 0 none;
}
#catnav li {
    float: left;
    padding: 0;
    list-style: none;
}
#catnav li:hover,
#catnav li.current {
    background:#999;
}

/* Style drop down list */

#catnav li ul { position: absolute; width: 182px; left: -999em; margin:0; }
#catnav li ul li {  border: 1px solid #ccc; border-width:0 1px 1px; background: #FFF; z-index: 15; position: relative; }
#catnav li ul li:hover { background: #eee; }
#catnav li ul li a { line-height: 35px; font-size: 12px; color: #333; width: 160px; }
#catnav li ul ul {  margin: -36px 0 0 180px;  border-top: 1px solid #ccc; }
#catnav li ul ul li a { line-height: 35px; }
#catnav li ul li ul li a {  border-width:0 1px 1px 0px; }
#catnav li:hover ul, #catnav li.sfhover ul { left: auto; }
#catnav li:hover ul ul, #catnav li.sfhover ul ul { left: -999em; }
#catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul { left: auto; }
#catnav li:hover, #catnav li.hover { position: static; } /* IE7 Fix */
#catnav li {}

/* Search */

#search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; }
#search input { 
    background:url('/img/bg-search.jpg') no-repeat; 
    border:0; 
    color:#fff;
    padding: 8px 10px;
    width:157px;
}


/* Content */

#content {
    overflow: auto;
    background: url('/img/bg-content.png') repeat-y 50% 50%;
    margin:0 auto;
    padding: 0;
}

/* ukrycie tła z kolumnami, gdy widok odpowiednio wąski */
@media screen and (max-width: 959.9px) {
  #content {
    background: white;
  }
}

/** html #content { height: 550px; }
#content-bot { background:url('/img/bg-content-footer.png') no-repeat; width:960px; height:18px; margin:0 auto; display:block; }
#content-bot-white { background:url('/images/bg-content-footer-white.png') no-repeat; width:960px; height:18px; margin:0 auto; display:block; }*/

#content.white { background:#fff; }

#featured { padding:20px 0px 0px 20px;  width:440px; }
#main { padding:20px 20px 0px 0; width:425px; }
#main-full { padding:20px 0 0px 20px; width:920px; }


/* Content (style) */

/*#content h2, #content h3 { font-weight: bold; }*/
#content h2 { font-size: 20px; line-height:28px; padding-top: 0; }
#content h3 {font-size: 16px; }
#content h3.info { font-size:28px; color: #222; padding:0 0 15px; }
#content h4 { font-size: 14px; }
#content ol, #content ul { line-height: 18px; }
#content ul { }
#content #middle ul { padding-left: 20px; }
#content #middle ul li { padding: 3px 0; }
#content ol { padding-left: 57px; }
#content ol li { list-style: decimal; padding: 3px 0; }
#content blockquote {
    border-left:2px solid #777777;
    color:#777777;
    font-style:italic;
    margin:5px auto 15px;
    padding:0px 10px;
    width:85%;
}

/* Gallery */
.lightbox img {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
#content ul.gallery li{
    float:left;
    list-style: none;
    width: 90px;
    height: 60px;
    padding: 0px;
    margin: 0 10px 10px 0;
    border:1px solid #3ccc;
    text-align: center;
}


/* Main Content (post) */

#content .post { padding:0 5px 15px 0; }
#content .post-title {  width: 100%; position: relative; }
#content .post-title h2, #content .post-title p.post-details, #content .post-title h3 { padding-right: 50px; }
#content h2 a, #content h3 a { color: #2A2A2A; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { text-decoration: none; }
#content p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#content p.post-details a { text-decoration: underline; color:#9F9F9F; }
#content p.post-details a:hover { color:#555; }
#content p.post-details {
    color: #9F9F9F;
    font-size: 11px;
    padding: 0 0px 0px 1px
}
#content .post h4 { margin-top: 1px; clear: both; width: 100%; }
#content .post h4.continue a {
    background: #A8BC70;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}
#content .post h4.continue a:hover {background: #9fb26a;}
#content .post img.thumbnail {
    border:1px solid #DDDDDD;
    margin:5px 0 0;
}
#content .post img.thumbnail-left {
    margin:15px 10px 5px 0;
    float:left;
}
#content .post img.gallery { margin:0 7px 7px 0; }
#content h2.arh {
    border-bottom: #EBEBEB 1px solid;
    margin-top: -10px;
    margin-bottom: 10px;
    position: relative;
}

#featured h2 { font-size:34px; }

#featured .block { padding:0 30px 20px 0px; width:200px; float:left; }
#featured .block.last { padding-right:0px; }
#featured .block h2 { font-size:18px; line-height:20px; font-weight:normal }



/* Main Content (post>single) */

#content p.tags {
    background:url('/img/ico-tag.gif') no-repeat center left;
    padding-left:25px;
    width: 100%;
    clear: both;
}
#sidebar-last {
  
}
.single #content .advert_468x60 {margin: 15px 0 0px 0;}
#content .page h2 {padding-top: 5px;}

.prelegenci #middle dd, #middle .prelegenci dd {
    padding-bottom: 5px;
    font-style: oblique;
}
img.kontakt {
    float: left;
    margin-right: 10px;
    border: 1px solid #7f7f7f;
}
p.lead {
    font-weight: bold;
    text-align: justify;
}
img.kontakt + dl {
    height: 90px;
}
.disclaimer {
    margin: 10px 0;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #cdd7d9;
    font-size: 10px;
    line-height: 1;
}
.information {
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #cdd7d9;
    border-radius: 5px;
    font-weight: bold;
}
.center {
    text-align: center;
}
.author {
    font-weight: bold;
    font-style: oblique;
}

/* Comments */

#comments h3 { font-size: 20px; font-weight: normal;padding: 10px 0 20px 0;}

#comments #comments_wrap {padding: 0; position: relative; }
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin-top: 10px; width: 100%; }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px; margin-top: -2px; }

#comments .comment .col-left {width: 110px; font-size:11px;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
    width: 110px;
    float: left;
    position: relative;
    overflow: hidden;
    min-height:70px;
}

#comments .comment .col-right {
    min-height: 92px;
    background: #e6e6e6;
    padding: 10px 15px;
    margin-left:100px;
    float:none; 
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}

* html #comments .comment .col-right { height: 100px; }
#comments .comment div.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment div.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:10px 0;}
#comments .navigation a {
    color: #555;
}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist #respond #form_wrap {
    padding:0 0 25px;
    margin:0;
    border:0;
    width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#commentform .btn {
    margin:0; 
    background:url('/img/btn-submit.png') no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    width:79px;
    height:41px;
    padding:0;
    border:0;
    cursor:pointer;
}

/* Agenda table */
table.agenda{
    width:100%;
}
.agenda {
    border-top: 3px solid #acbbff;
    border-bottom: 3px solid #acbbff; 
    margin-bottom: 10px;
    color: #666699;
}
.agenda caption {
    height: 32px;
    font-weight: bold;
    font-style: oblique;
}
.agenda h5 {
    font-weight: bold;
    padding: 0;
}
.agenda .program-date {
  background: #fff;
  color: #7C0B0B;
  font-weight: bold;
}
.agenda .program-date span {
  text-transform: uppercase;
}
.agenda tr.odd,
.info tr:nth-child(2n) {
    background: #E0E3EF;
}
.agenda tr.even,
.info tr:nth-child(2n+1) {
    background: #E8EDFF;
}
.agenda td {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #fff;
    vertical-align: top;
}
.agenda h5,
.agenda .hour {
    color: #45466F;
}
.agenda #agenda-icons {}
.agenda #agenda-icons img {
    margin-right: 5px;
}
.agenda #agenda-caption {
    position: relative;
    top: -5px;
}
.agenda .hour {
    width: 25%;
}
.info {
  border: 1px solid #ccc;
}
.info td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
}

#sidebar-last {
  margin-top: 5px;
}
.sponsor,
.partner,
.patron-honorowy,
.patron-medialny {
    margin: 25px 0;
}
#sidebar-first h3,
#sidebar-last h3 {
    padding: 10px 0 25px 0;
}
.logo-first {
    margin-top: 0;
}
.logos {
    text-align: center;
}
#sidebar-first .gallery {
  overflow: auto;
  margin-bottom: 10px;
}

/* Sidebar last */
.strona-glowna #registration {
    display: none;
}
#sidebar-last h3 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid #e0e2ef;
}
#sidebar-last h3.header-first {
  padding-top: 0;
    border: 0;
}
.signup-button {
    clear: both;
    padding-top: 15px;
    text-align: center;
}
/*time box widget*/
.time-box div {
    text-align: center;
}
.time-box p {
    font-weight: bold;
}
.time-box img {
    position: relative;
    top: 5px;  
    left: 0px;
    margin-right: 5px;
}
.time-box .box {
    display: table-cell;
    padding: 5px;
    border: 1px solid #e0e2ef;
    border-radius: 5px;
    color: #45466F;

}
.time-box span {
    display: block;
}
.time-box span.timer {
    font-size: 22px;
    font-weight: bold;
}
.time-box span.timer-text {
    font-size: 9px;
}
.box-timer-wrapper {
    border-spacing: 6px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

/* widget-slider */
#slider-top { background:url('/img/bg-footer-top.png') no-repeat; width:960px; height:12px; font-size:1px }
#slider-bot { background:url('/img/bg-footer-bot.png') no-repeat; width:960px; height:12px; }
#slider-block { padding-bottom: 15px; background: #333; margin: 0 auto; overflow: auto; }
#slider-content { padding-left: 60px; overflow: auto; margin: 0 auto; float: none; display: block; }
.container {  }
.container div {  padding:0 20px; min-height: 300px; }
.container div div {  opacity:1; z-index: auto; position:static; padding:0px; }
#loopedSlider {padding-top: 25px;}
#loopedSlider h4 {color: #fff;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; }
#loopedSlider li#p { position:absolute; top:140px; left:30px; }
#loopedSlider li#n { position:absolute; top:140px; right:30px; }

ul.widget { float:left; margin-right:30px; color:#eeeeee;}
@media screen and (min-width: 325px) {
    ul.widget {
        width: 265px;
    }
}
ul.last { margin-right:0px; }
ul.widget h3 { font-family:Arial; color:#fff; font-size: 24px; font-weight:bold; margin:10px 0 0; }
ul.widget a { color:#7f7f7f; }
ul.widget a:hover { color: #ece4cf; }
ul.widget li {text-shadow: 0.1em 0.1em #000; }
ul.widget li ul { padding:0; margin:0; }
ul.widget li ul li { padding:10px 0; background:url('/img/footer-dot.png') repeat-x bottom; }
ul.widget h2 {display: none;}

/* Footer */

#footer {
    clear: both;
    margin: 10px auto 0;
    padding-bottom:30px;
    font-size: 11px;
    color: #777;
}
#footer a{ color:#777; text-decoration: none; }
#footer .col-right img {vertical-align: middle;}
#footer .col-right span {display: none;}

/* links and icons */
a.icon{
    padding-left:20px;
    background-position: left;
    background-repeat: no-repeat;
}
a.read{
    background-image: url(/img/icons/book.png);

}
a.pdf{
    background-image: url(/img/icons/dokument-pdf.png);
}

/* odliczanie */
#time-box{
    overflow: auto;
    padding-bottom: 20px;
}
.register-link{
    background: #489615 linear-gradient(#84C63C, #489615) repeat scroll 0% 0%;
    display:block;
    margin: 6px;
    border-style: outset;
    border-width: 2px;
}
.register-link:active {
    border-style: inset;
}
register-link:active, .register-link:hover {
    color: white;
    background: #54B117 linear-gradient(#91DA41, #56B419) repeat scroll 0% 0%;
}

/* Forms */
form#myForm {
    margin-bottom: 30px;
}
fieldset {
    margin: 25px 0;
}
legend {
    padding: 0 0 15px 0;
    border: none;
    font-size: 16px;
    font-weight: 800;
}
input.input_text,
select {
    width: 80%;
    padding: 2px;
}
input[type="checkbox"],
input[type="radio"] {
    float: left;
    position: relative;
    top: 2px;
    margin-right: 5px;
    padding: 0;
}
label.lower_label {
    display: block;
    margin: 10px 3px 2px 0;
    color: #444;
    font-weight: bold;
}
label.lower_label_checkbox,
label.lower_label_radio {
    clear: right;
    display: block;
    padding: 0 0 0 17px;
}
p.p_radio {
    clear: both;
    min-height: 3em;
    margin: 10px 0;
    padding: 0;
}
input[type="submit"], .register-link {
    border-radius: 8px;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 40px;
    cursor: pointer;
    text-align: center;
}
input[type="submit"] {
    display: inline-block;
    position: relative;
    top: 20px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.36, rgb(97,145,212)),
        color-stop(1, rgb(122,163,207)),
        color-stop(1, rgb(175,211,250))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(97,145,212) 36%,
        rgb(122,163,207) 100%,
        rgb(175,211,250) 100%
        );
}
input[type="submit"]:active, input[type="submit"]:hover {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.36, #77a5e5),
        color-stop(1, #98bee6),
        color-stop(1, #c3ddf8)
        );
    background-image: -moz-linear-gradient(
        center bottom,
        #77a5e5 36%,
        #98bee6 100%,
        #c3ddf8 100%
        );
}
.errorMessageDiv {
    padding: 3px 0 3px 15px;
    background: url(/img/icons/arrow_down.png) no-repeat left center;
    color: #E85163;
    font-weight: 600;
}
#expirationinfo {
    color: #157AA6;
}
#preview_print {
    display: none;
}
.admin-menu{
    position: absolute;
    top:10px;
    left:10px;
}
.admin-menu a{
    background-color: #fff;
    display:inline-block;
    padding:3px;
    font-weight: 700;
    text-transform:uppercase;
    margin-left:3px;
}

.sub-decription{
    padding-left: 0;
    font-size: 90%;
}
#content #middle ul.sub-decription li{
    list-style: none;
}

#content #middle ul.gallery li{
    float:left;
    list-style: none;
    width: 90px;
    height: 60px;
    padding:3px;
    margin: 0 10px 10px 0;
    border:1px solid #333333;
    text-align: center;
}

.js-icon{
    display:inline-block;
    width:16px;
    height:16px;
    background-repeat: no-repeat;
    background-position: center;
    padding:3px;
    margin:2px;
    cursor: pointer;
}
.js-icon:hover{
    padding:2px;
    border:1px #333 dotted;
    background-color:#CECECE;
}
.agenda-title .js-icon{
    margin:0 0 -7px 4px;
}
.bullet-toggle-plus{
    background-image: url('/img/icons/bullet_toggle_plus.png');
}

.bullet-toggle-minus{
    background-image: url('/img/icons/bullet_toggle_minus.png');
}

/* Speakers */
.speaker:nth-child(2n+1) {
  background: #E0E3EF;
}
.speaker {
  padding: 10px;
  background: #E8EDFF;
  border-bottom: 2px solid #fff;
}
.speaker img {
  border: 1px solid #fff;
}
.speaker h3 {
  padding-top: 0;
}
.speaker .photo {
  float: left;
  margin: 15px 10px 10px 0;
}
.speaker .organization {
  font-weight: bold;
}

/* Usuniecie belki tytulowej na edj2013 */
body.edj2013 div#conf-title {
  display: none;
}
#middle ul li{
     list-style-type: disc;
}

.hidden{
    display:none;
}

/* Ustalenie szerokości 100% dla grafik dla widoku mobilnego */
/* Środkowa część */
@media screen and (max-width: 470px) {
    #middle img, #middle object {
        width: 100%;
        height: auto;
    }
    #middle img#pdf-icon {
        width: auto;
    }
}
/* Kolumny boczne */
@media screen and (max-width: 230px) {
    #sidebar-first img, #sidebar-first object,
    #sidebar-last img, #sidebar-last object {
        width: 100%;
        height: auto;
    }
    
    /* aby nie łamała się linia przy timerze */
    .register-link {
        clear: both;
    }
}

/* znaczek menu oraz obrazek dla mobilnych domyślnie schowane */
#mobile-menu, #mobile-header {
  display: none;
}

/* Szerokość środkowej kolumny gdy grid zfloatowany */
@media screen and (max-width: 960px) {
  #middle {
    min-width: 50%;
  }
}

/* Widok mobilny, szerokość poniżej 575px */
@media screen and (max-width: 575px) {
  body {
    font-size: 110%;
  }
  #catnav li {
    width: 100%;
  }
  #conf-title {
    position: static;
  }
  #conf-title p {
    padding-right: 68px;
  }
  #footer p {
    padding-left: 10px;
    padding-right: 10px;
  }
  #header {
    background: none !important;
    height: auto;
    min-height: 52px;
  }
  #header-wrap {
    margin-bottom: 10px;
  }
  #languages {
    bottom: -47px;
  }
  #languages,
  #menu
  {
    display: none;
  }
  #middle, #sidebar-first, #sidebar-last {
    width: 94%;
  }
  #mobile-header {
    display: block;
    height: auto;
    width: 100%;
  }
  /* styl przycisku menu mobilnego */
  #mobile-menu {
    cursor: pointer;
    display: block;
    float: right;
    padding: 9px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #36312F;
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
  }
  #mobile-menu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #FFF;
  }
  #mobile-menu .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  #mobile-menu .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px none;
  }
  #mobile-menu:focus, #mobile-menu:hover {
    background-color: #777;
  }
  /* koniec menu mobilne */
  /* stopka */
  #slider-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  ul.widget {
    width: 100%;
  }
  /* stopka koniec */
  /* ukrywam przyciski drukowania dla mobilków */
  .MooDialog .buttons input[value='Drukuj i wyjdź'],
  .MooDialog .buttons input[value='Print and exit']
  {
    display: none;
  }
  input.input_text, select, textarea {
    width: 95%;
  }
}