/*960*/
@media (max-width: 960px) {
    #article .menu-left div:first-child {width: 90%; }    
    #article.art-gallery .article-right .gallery figure {margin: 5px 13px; width: 21%; }
}

/*750-960*/
@media (max-width: 959px) {    
    .body-width { width:750px; }
    header #logo { width:41%; margin-top:23px; }
    header .langs {width: 55%; }        
    header #searcher { width:55%; }
    #banner a { max-height: 230px;}
    #menu-top ul li a {font-size:90%; }
    #blocks .blocks li {width:150px; height:150px; }
    #blocks .blocks li.double { width:300px; }
    #blocks {max-height: 300px;}
    #content .content-column h1 {font-size:150%; }
    #links .links-left {float:left; }                                                
    #links .links-right {float:right; }
    #links .links-column {width:90%; }
    #links .links-column.l2 {padding:20px 0 0 0; }
    #links .links-column.l4 {padding-top:20px; }
    footer h2 { font-size:130%; padding-top:5px; }
    footer form {width: 84%; }
    footer form input[type=submit] {font-size:100%; padding:2px 0; }

    .horizontal-navigation > ul li a { font-size:80%; padding:0 4px; }
    
    #article .article-right h1 {font-size:170%; }
    #article .menu-left { width: 22.9%; }
    #article .menu-left div:first-child {width: 87.5%; }
    #article .menu-left div:first-child img {padding-top:20px; }
    #article .menu-left > ul > li > span > a {font-size:70%; }
    #article .menu-left > ul > li > ul > li > a { font-size: 60%; }       
    #article .menu-left > ul > li > span { padding-right:21px; }    
    #article .list-category-list li { width: 100%; }
    #article .list-agree-terms li p { width:90%; }    
    #article .article-right .gallery figure {width: 27.5%; }
    
    .profile-login .login > div p { font-size: 95%; }
    .profile-reference .btn-login { font-size: 120%; }
    .gs-webResult .btn-more { margin-top:10px; }
    
    .comment-form-block #captcha-element { min-width: 60%; }
    .comment-form-block #comment_add { padding: 1.3% 3%; }
    .comment-answer + .comment-form-block #captcha-element { min-width: 63%; }
}

/*chrome*/
/*@media screen and (max-width: 989px) and (-webkit-min-device-pixel-ratio:0) {
    footer form input[type=submit] { padding-top:3px; padding-bottom:3px; }
}*/

/*640-750*/
@media (max-width: 749px) {
    /*640px minus paddingi*/
    .body-width { width:612px; padding:0 14px; }
    .text { padding:0; }
    header #logo {margin-top:20px; }
    header .langs .login {display:none; }
    header #searcher { min-height:51px; }
    .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right:0 !important; }
    input.gsc-search-button { margin-left:0 !important; }    
    header form { width: 54.5%; margin-bottom:10px; }
    header form #spacer01 { display:none; }
    header form input[type="text"] { width: 83.1%; }    
    header form input[type=submit] { float:right; width:15%; text-indent:666px; background : #4A4A4A url('/themes/frontend/img/search_lupa.png') no-repeat center; }
    header .langs {border-bottom:none; padding:17px 0 15px 14px; }
    header .langs ul li {border-left: none; }
    header .langs ul li a { padding: 13px 17px; background:url('/themes/frontend/img/btn_lang_grad.jpg') repeat-x -51px 0; font-family: 'oxygenbold',Arial; color:#4a4a4a; font-size: 75%; }
    header .langs ul li a.active {background:url('/themes/frontend/img/btn_lang_grad.jpg') repeat-x 0 0; }
    header .langs ul li:first-child a {border-right:none; }
    header #gory { display:none; }                
    header .langs { margin:0 0 5px 0; }
    #banner { display:none; }
    #blocks .blocks li { height: 153px; width: 153px; }
    #blocks .blocks li.double { width:306px; }
    #blocks {max-height: 306px;}
    #content .content-column h1 {padding:20px 0 10px 0; }
    #content .content-column.c1, 
    #content .content-column.c2 {width:50%; }
    #content .content-column.c3 {width:100%; }
    #content .content-column.c3 img {float:left; padding:0 15px 10px 0; margin-left:-5px; }
    #content .content-column p { padding: 0 0 17px 0; }
    #links .links-column.l2 { padding-left:0; }

    #article .menu-left { width: 23.5%; }
    #article .menu-left div:first-child {width: 85%; height:130px}
    #article .menu-left > ul > li {padding: 0;}
    #article .menu-left > ul > li > span { padding-right:21px; }
    
    #article .article-right .gallery figure {margin: 5px 13px; width:43.7%; }
    #article .article-right .gallery figure {margin: 5px 13px; }    
    #article.registration form > div > div { width: 90%; }

    #article .list-agree-terms li p { width: 90%; }
    #article.registration .menu-left div:first-child span { font-size:80%; padding-left:5px; }

    #article.profile .radio-overflow > div { float:none; width:auto; margin-bottom: 10px; }
    #article.profile .list-category-list li { float:none; width:auto; }
    #article .list-agree-terms li p { width: 80%; }
    
    #article.profile .padding .organised-group { margin:0 0; }
    #article .list-month-list li { width:100%; }
    
    .horizontal-navigation form { display:block; }
    .horizontal-navigation > ul { display:none; }
    
    .profile-login .login { width: 100%; }   
    
    .comment-form-block #comment_user_name-element,
    .comment-form-block #comment_user_email-element { float:none; width:99%; }
    .comment-form-block #comment_user_name-element input[type=text],
    .comment-form-block #comment_user_email-element input[type=text] { padding:2% 3% 2% 4%; }
    .comment-form-block input.text { width:94%; }
    
    .comment-form-block #captcha-element { min-width: 70%; }
    .comment-form-block dd { margin-bottom: 2.5%; }
    .comment-answer + .comment-form-block #captcha-element { float: left; } 
    .comment-answer + .comment-form-block #captcha-element input[type="text"] { float:none; margin-right:0; }
    
    footer .body-width { padding-top:0; }
    footer h2,
    footer form,
    footer .body-width > a {display:none; }
    #article .article-right ul.list.elearning li img {width: 100%;height: auto;}
}

/*480-640*/
@media (max-width: 639px) {     
    .meteocell img {max-width: 200px;}
    .tpn-small-show {display: block;}
    .tpn-small-hide {display: none;}
    .body-width { width:480px; padding:0; }
    header #logo { margin-top: 30px; }
    header form { padding-bottom: 10px; }
    header form input[type="text"] { width:79%; }
    header form input[type=submit] { width:18.5%; }
    #blocks .blocks li { height: 160px; width: 160px; }
    #blocks .blocks li.double { width:320px; }
    #blocks {max-height: 320px;}
    #content .content-column.c3 img { float:none; display: block; margin:auto; }
    #content .content-column.c3 p,
    #content .content-column.c3 h2 { padding-left:0; }
    #content .content-column:first-child p { padding: 0 0 17px 4px; }    

    #article .menu-left { float: left; font-size: 130%; width: 30%; }
    #article .article-right {width: 70%; }
    #article .menu-left > ul > li.active > span { background-position: 108px center; }
    #article .menu-left > ul > li > span { padding-right: 22px; }
    #article .menu-left div:first-child span { font-size:100%; }
    #article .menu-left > ul > li > ul > li > a { font-size: 60%; }
    
    #article.article .article-right .gallery figure { float:none; width: auto; }
    #article.art-list .article-right ul li .list-right { float:none; clear: both; padding-top:20px; margin-left:5px; width:98%; }
    #article.art-list .article-right ul li img { float:none; margin:auto; }
    
    #article .article-right .btn-upload { float:none; margin-bottom: 10px; }
    #article .article-right .gallery figure {margin: auto; width:100%; }
    #article .article-right .gallery figcaption { }
    #article .article-right .gallery a .icon-lupa { right: 5px; }
    #article .article-right .gallery a img { margin: auto; }
    #article .article-right .gallery a img:first-child { width:100%; }    
    #article .wrap { width:100%; }
    #article .list-agree-terms li p { width: 86%; }     
    #article.profile .padding { margin:0; }
    #article.profile .list-month-list li { float:none; width:auto; }
    #article.profile .list-category-dlic-list li { width: 31%; }
    #article .event + h1 { margin-bottom:10px !important; }
    #article .task .list-right { margin-left:0 !important; margin-bottom:10px !important; padding-top:10px !important; }
    #article .task .list-right .btn-more { margin-top:10px; }
    .jqTransformSelectWrapper { width:97%; }        

    .profile-login .login > div { height: 80px; }    
    .profile-login .login .btn-login { font-size: 140%; }
    .profile-login .login > div:nth-child(3) { line-height: 20px; }    
    .profile-reference .btn-login { width:70%; }
    
    .comment-form-block #captcha-element { float:left; min-width:0; width:62%; }   
    .comment-form-block #captcha-element input[type="text"] { float:none; margin-top:10px; }
    
    #captcha-element .errors { background-position:0 2px !important; }
    #article .article-right ul.list.elearning li img {width: 100%;height: auto;}
}

@media (min-width: 640px) {
    .tpn-medium-show {display: block;}
    .tpn-medium-hide {display: none;}
}
/*400-480*/
@media (max-width: 480px) {
    .body-width { width:400px; }   
    #breadcrumbs { padding: 5px 0; }
    header #logo { width: 55%; margin-top: 0; margin-bottom: 2px; }
    header .langs {padding-left:0; width:30%; margin-top:20px; }
    header #searcher { width: 100%; }
    header form {float:left; width:100%; }
    header form input[type="text"] { width: 86%; background-color: #fff; }
    header form input[type="submit"] { width: 12.5%; padding:0 0 1px 0; float:right; }

    header form #spacer01 {float:left; width:0%; }
    #blocks { padding-top:0; }
    #blocks .blocks li { height: 200px; width: 200px; }
    #blocks {max-height: 400px;}
    #blocks .blocks li.double { width:400px; }
    #blocks .blocks li.double p { font-size:100%; line-height:20px; padding-top:6%; }

    #menu-top { display:none; }
    #menu-top { display:block; padding-bottom:10px; }
    #menu-top .body-width div:first-child { display:block; height:49px; cursor:pointer; background-image:url('/themes/frontend/img/btn_menu_gallery_sarge.png'); background-repeat: no-repeat; background-position: right; background-color: #78BBE6; }
    #menu-top .body-width div:first-child:hover { background-image:url('/themes/frontend/img/btn_menu_gallery_sarge_hover.gif'); background-color:#E1DFE0;color:#999999}
    #menu-top .body-width div:first-child span { display:block; padding:12px 62px 0 0;  text-align:right; color:#fff; font-size:130%; }
    #menu-top ul {display:none;}
    #menu-top ul li{float:none; width:100%; }
    #menu-top ul li a {text-align:right; padding:20px 10px 20px 2px;}
    #menu-top ul li a:hover { background-color:#E1DFE0; color:#999999; }    

    #breadcrumbs ul li a {font-size: 75%; }
    #content .content-column {width:100% !important; }
    #content .content-column h2,
    #content .content-column p {padding-left:0; }    
    #links .links-left, #links .links-right {float:none; width:auto; }
    #links .links-column {float:none; width:auto; padding:20px 0 0 0 !important; }
    #links .links-column.l1 {padding:0 !important; }
    footer .body-width {padding:0; }        

    #article .article-right .btn-more { float:none; text-align:center; padding:10px 0; }
    #article .article-right .pager .btn-more { padding:3px 15px; }
    #article .menu-left {float:none; width:100%; padding-bottom:10px; margin-left:0;  }    
    #article .menu-left div:first-child {width:100%; height:49px; }    
    #article .menu-left > ul { display:none; }
    #article .menu-left div:first-child span { padding-right:62px; }
    #article .menu-left div:first-child img { display:none; }
    #article .menu-left div:first-child { cursor:pointer; background-image:url('/themes/frontend/img/btn_menu_gallery_sarge.png'); background-repeat: no-repeat; background-position: right; }    
    #article .menu-left div:first-child:hover { background-image:url('/themes/frontend/img/btn_menu_gallery_sarge_hover.gif'); }
    #article .menu-left div:first-child img { display:none; }
    #article .menu-left div:first-child > div {display:none; } /*to jest dziubek*/
    #article .menu-left > ul > li > span { padding-right:0; }
    #article .menu-left > ul > li.active > span { background:none; }

    #article .article-right {float: none;width: 100%; }
    /*#article .article-right .btn-upload { display:none; }*/
    #article .article-right .gallery a .icon-lupa { right: 6px; }
    #article .article-right .gallery a img:first-child { width:100%; }
    #article .article-right .gallery figcaption { margin-left: 0; }
    #article .article-right h1 { display:none; }
    #article .article-right h2 { font-size: 120%; }
    
    #article.profile .list-category-dlic-list li { width: 47%; }
    
    .gallery-form #gallery_title-element { margin-top:10px; }
    .gallery-form #saveButton { width:100%; }

    #article.art-list .article-right ul li .list-right .btn-more { margin-top:10px; float:none; margin:10px auto 0; padding:15px; }
    #article.registration .menu-left div:first-child span { font-size: 100%; }
    
    .profile-login .login > div { float: none; width:auto; height:auto; }
    .profile-login .login > div p, 
    .profile-login .login > div span { text-align:center; } 
    .profile-login .login .btn-login { width:auto; }
    .profile-reference .btn-login { width:auto; font-size: 120%; }
    
    .volunteer-join li { margin-bottom: 15px; }
    #article .article-right ul.list.elearning li img {width: 100%;height: auto;}
}
/*0-400*/
@media (max-width: 400px) {
    /*320px minus paddingi*/
    .body-width { width:292px; padding:0 14px; }
    header #logo { width: 60%; margin-bottom: 0; margin-top: 8px; }    
    header .langs { width:35%; margin-top:9px; margin-bottom: 15px; padding-right:0;}
    header form input[type="text"] { width: 81%; }
    header form input[type="submit"] { width: 16.8%; } 
    #blocks {max-height: 292px;}
    #blocks .blocks li { height: 146px; width: 146px; }
    #blocks .blocks li.double { width:292px; }
    #blocks .blocks li.double p { padding-top:1%; font-size: 75%; line-height: 18px; }
    #article .list-agree-terms li p { width: 83%; }
    .profile-counter div.left { width: 50%; }
    .profile-counter div.right { width: 40%; }
    .profile-counter .btn-login { width: 65%; }
    .volunteer-profile .own-account { font-size: 100%; }
    .comment-form-block #captcha-element input[type="text"] { width: 60%; }    
    #article .article-right ul.list.elearning li img {width: 100%;height: auto;}
}