@charset "UTF-8";

/**  1200px  ******************************************************************/
@media screen and (max-width: 1200px)
{
        
    body[class*="module=portal"][class*="action=index"] {
        background:none !important;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    /* NIE WALIDUJE SIE
    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }
    */

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;  
        background-color: #ffffff; 
    }

    #PAN_HEAD_LEFT,
    #PAN_HEAD_RIGHT
    { 
        width: 49%; 
        margin: 0 -1px;
        display: inline-block !important;
        position: relative;
        vertical-align: top;
    }

    table#table_1 > tbody > tr:first-child td,
    table#table_1 > tbody > tr:first-child + tr td
    { display: block; }

    #search_box
    { max-width: 100%; }

    #adv_form
    {
        max-width: 200%;
        width: 200%;
    }

    /* remove hover actions */
    .zaj-list,
    .zajawka,
    .zajawka a,
    .zajawka .box-left,
    .zajawka .box-left img,
    .zajawka .box-right,
    .zajawka .box-right .tresc,
    .zajawka .box-right .title {
		
        /*max-height:none !important;*/
        /*transition:none !important;*/
    }
	.zajawka .box-left img {
		max-height:100%!important;
	}
    
    .zajawka.in-column .box-left,
    .zajawka.in-column:hover .box-left,
    .zajawka.in-column a:focus .box-left {
        
    }
    .zajawka.in-column:hover .box-left img, 
    .zajawka.in-column a:focus .box-left img {
        opacity: 1;
    }
    .zajawka.in-column .box-right .title,
    .zajawka.in-column:hover .box-right .title, 
    .zajawka.in-column a:focus .box-right .title,
    .zajawka.in-row .box-right .title,
    .zajawka.in-row:hover .box-right .title, 
    .zajawka.in-row a:focus .box-right .title {
		margin-top:0;
        padding-bottom:15px;
    }
    .zajawka.in-column:hover .box-right .title .label, 
    .zajawka.in-column a:focus .box-right .title .label,
    .zajawka.in-row:hover .box-right .title .label, 
    .zajawka.in-row a:focus .box-right .title .label {
        top:100%;
        /*margin-top:-10px;*/
        margin-top:0px;
    }
    .zajawka.in-column:hover .box-right .tresc, 
    .zajawka.in-column a:focus .box-right .tresc {
        padding-top:0;
        padding-bottom:5px;
    }
    .zajawka .box-right .sub-title, 
    .zajawka:hover .box-right .sub-title, 
    .zajawka a:focus .box-right .sub-title {
        margin-top:0px;
        margin-bottom:10px;
    }
    .zajawka:hover .date,
    .zajawka a:focus .date {
        
    }
    .mainMenu .sub-block-menu .component .zaj-list .tresc {
        z-index:1;
    }

    .zajawka.in-column .box-left {
		position:relative;
	}
    .zajawka.in-column:hover .box-left, 
    .zajawka.in-column a:focus .box-left {
        position:relative;
    }
    .link-polecane .zajawka .box-right::before {
        content:none;
    }

    .link-polecane .zajawka.in-column:hover .box-right .title, 
    .link-polecane .zajawka.in-column a:focus .box-right .title {
        
    }


    .newsbox-container .zajawka {
        margin:0;
    }

    .topMenu_infobar a.home
    {
        padding: 0; 
    }

    #PAN_HEAD_LEFT a
    {
        text-align: left;
    }

    body
    { 
        font-size: 15px; 
        background: #fff;
        min-width: 308px;
    }

    #page_content
    { padding: 0 12px; }

    #page_container
    { width: 100%; padding: 0; }

    table.sekcja-paneli,
    table.sekcja-paneli > tbody,
    table.sekcja-paneli > tbody > tr,
    table.sekcja-paneli > tbody > tr > th,
    table.sekcja-paneli > tbody > tr > td
    { display: block; }
    
    .panel > div
    { margin: 0 0 10px; }
    
    #PAN_HEAD_RIGHT > div
    {
        min-height: 137px;
        height: auto;
    }

    #PAN_FOOT_LEFT > div
    {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }

    .coin-slider
    { display: none; }

    .topMenu_main,
    .mainMenu
    { 
        min-height: 43px; /* min- musi byc dla wersji mobilnej */ 
        height: auto;
        display: block;
    }
    
    .topMenu_infobar,
    #PAN_HEAD_RIGHT > div > .component
    {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        float: right !important;
        margin: 0 0 10px 20px;
        z-index: 0 !important;
    }

    .mainMenu .block
    { display: inline-block; }

    .mainMenu:after
    { display: none; }

    .portHorizontalBlockMenu_main-wrapper
    {
        padding-left: 0px;
        border-left: none;
        margin-left: 0;
    }
    
    .mainMenu .block
    {
        margin-bottom: 10px;
    }
    
    .mainMenu .block + .block
    { background: none; }
    
    .mainMenu .block:first-child,
    .mainMenu .block,
    .mainMenu .block:last-of-type
    {
        padding: 0 34px 0 35px;
    }
    
    #search_query, #sz_query
    { 
        max-width: 80%; 
        width: 80%;
    }
    
    #search_query + input.button,
    #search_query, #sz_query
    { display: inline-block; }
    
    #search_query + input.button
    { 
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #rollas
    {
        right: 282px;
        left: auto;
    }
    
    .topMenu_infobar,
    #PAN_HEAD_RIGHT > div > .component
    {
        float: right;
        clear: right;
        margin: 0 0 10px 0;
        width: 100%;
        text-align: right;
    }
    
    .topMenu_infobar div.accesible
    { text-align: center; }
    
    .topMenu_infobar div.accesible div
    {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    
    .topMenu_infobar div.links
    { text-align: center; }
    
    .topMenu_infobar div.links div
    {
        float: none;
        display: inline-block;
    }
    
    .topMenu_infobar div.links div.sep,
    .topMenu_infobar div.links div.hidden,
    .zoom-buttons
    { display: none; }
    
    .srch_inp
    { max-width: 100%; }
    
    .newsbox-container .box-left,
    .newsbox-container .box-right
    { 
        width: 100%; 
        padding: 0;
    }
    
    .newsbox-container .nb-shaper-text
    { padding-bottom: 180px; }
    
    .newsbox-container .pager {left:10px; bottom: 10px; }
    .newsbox-container .zajawka.in-column + .slide-shaper + .pager {left:10px; bottom: auto; top: 10px; background: transparent; }
    
    .newsbox-container .nav-arrows
    {
        bottom: auto;
        top: 10px;
    }
    .newsbox-container .zajawka .box-right
    { padding: 10px 0 !important; }
    
    .glowneMenu
    { 
        text-align: justify; 
        background: #e7e7e7;
        padding: 10px;
        max-height: none;
    }

    .mainMenu > div.block
    {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: center;

        /* IE fix. */
        /* NIE WALIDUJE SIE
        *display: inline;
        zoom: 1;*/
    }

    .mainMenu > div.block > a
    { padding: 14px 30px; }

    .mainMenu > div.cl
    {
        display: inline-block;
        width: 100%;
    }

    .miejsce-banerowe
    { text-align: center; }

    .topMenu_infobar div.links div
    { 
        margin-top: 5px; 
        margin-bottom: 5px; 
    }

    .box[dir="ltr"] .title > a
    { font-size: 100%; }

    .belka .title span, .belka .title a
    { font-size: 100%; }

    .mainMenu .block > .sub-block-menu
    {
        top: auto;
        left: -10px;
        padding: 10px;
        z-index: 99999999;
    }
    
    .mainMenu .block .sub-block-menu > ul,
    .mainMenu .block .sub-block-menu > ul + .extra-content,
    .mainMenu .block div.extra-box
    {
        width: 100%;
        border-top: none !important;
        border-right: none !important;
        border-bottom: 1px solid #ccc !important;
        border-left: none !important;
    }
    
    .wyszukiwarka
    {
        margin: 0px 0 0 auto !important; 
    }
    
    .mainMenu .block a.menu-level-2:hover + div.extra-box,
    .mainMenu .block a.menu-level-2 + div.extra-box:hover,
    .mainMenu .block a.menu-level-3:hover + div.extra-box,
    .mainMenu .block a.menu-level-3 + div.extra-box:hover,
    .mainMenu .block a.menu-level-4:hover + div.extra-box,
    .mainMenu .block a.menu-level-4 + div.extra-box:hover
    { display: none; }
    
    .portHorizontalBlockMenu_block
    {
        min-width: 30%;
        width: 30%;
        max-width: 30%;
        margin-bottom: 15px;
    }
    
    .portHorizontalBlockMenu_block:nth-child(3n+1)
    { clear: left; float: left; margin: 0; }
    
    .portHorizontalBlockMenu_block:nth-child(3n+2)
    { clear: none; float: left; margin-left: 5%; }
    
    .portHorizontalBlockMenu_block:nth-child(3n)
    { clear: right; float: right; margin: 0; }
    
    .mainMenu.docked
    {
        position: static !important;
        width: auto;
        height: auto;
        background: inherit;
    }
    
    .mainMenu.docked::before
    {
        display: none !important;
    }
    
    ul.tabs
    {
        height: auto;
        white-space: normal;
    }
    
    ul.tabs li
    {
        padding-left: 0;
        padding-right: 0;
        font-size: 80%;
        height: 49px;
    }
    
    ul.tabs li:hover, ul.tabs li:focus, ul.tabs li.sel
    {
        background: none;
    }
    
    #bigPhoto .grafika img
    {
        max-width: 100% !important;
        height: auto !important;
    }
    
}

/**  1024px  ******************************************************************/
@media screen and (max-width: 1024px)
{
	.link-polecane .zajawka.in-column .box-right .title {
		font-size:100%;
	}	
}
/**  960px  ******************************************************************/
@media screen and (max-width: 960px)
{
	.link-polecane .zajawka.in-column .box-right .title {
		font-size:80%;
	}
}

/**  600px  *******************************************************************/
@media screen and (max-width: 600px)
{
    body
    { font-size: 17px; }
	#PAN_LEFT > div,
	#PAN_RIGHT > div
	{
		padding-right:1em !important;
		padding-left:1em !important;
	}
    .zajawka
    { 
        width: 100% !important; 
		height:auto!important;
        margin: 0 !important;
        padding: 0 !important;
		margin-bottom:2em!important;
    }
	.zajawka .box-left,
	.zajawka .box-left .image-wrapper,
	.zajawka .box-right,
	.zajawka .box-right .tresc
    {
		height:auto!important;
		max-height:none!important;
		opacity:1 !important;
		transition: none!important;
		top:initial !important;
		margin-top:0!important;
	}
	.zajawka.in-column .box-left img {
		max-width:none!important;
		max-height:none!important;
		width:100%;
	}
	.zajawka.in-column:hover .box-right .title, 
	.zajawka.in-column a:focus .box-right .title {
		padding-top:10px!important;
	}
	.zajawka.in-column:hover .box-right .tresc, 
	.zajawka.in-column a:focus .box-right .tresc {
		padding-bottom:0px!important;
	}
	.cl + .zaj_cl {
		border:none!important;
	}
	.switcher .stretch {
		display:none;
	}

    .even_zaj.in-column:after
    {
        content: ' ';
        display: block;
        clear: both;
        height: 0px;
        font-size: 0px;
        margin: 15px 0px 12px 0px;
        border-top: 1px dotted #959595;
    }

    .filler,
    .filler + .cl + .zaj_cl,
    #infobar_static
    { display: none; }
    
    .srch_inp
    {
        min-width: 255px;
        max-width: 100%;
    }
    
    .newsbox-container .nb-shaper-text
    { padding-bottom: 280px; }
    
    table#table_1 > tbody > tr:first-child,
    table#table_1 > tbody > tr:first-child + tr
    { 
        width: 100%; 
    }

    .filler,
    .favourite-link
    { display: none; }

    .box[dir="ltr"] .title > a
    { font-size: 18px; }

    .belka .title span, .belka .title a
    { font-size: 20px; }

    #adv_form
    {
        max-width: 100%;
    }    
    
    .portHorizontalBlockMenu_block
    {
        min-width: 47%;
        width: 47%;
        max-width: 47%;
    }
    
    .portHorizontalBlockMenu_block:nth-child(2n+1)
    { clear: left; float: left; margin: 0 0 15px 0; }
    
    .portHorizontalBlockMenu_block:nth-child(2n)
    { clear: right; float: right; margin: 0 0 15px 0; }
        
    #PAN_HEAD_LEFT,
    #PAN_HEAD_RIGHT
    { 
        width: 100%; 
        margin: 0;
        display: block !important;
    }
    
    #PAN_HEAD_LEFT a
    {
        text-align: center;
    }
    
    ul.footer-module-menu
    {
        display: block;
        text-align: center;
    }

    ul.footer-module-menu > li
    {
        display: inline-block;
        margin: 0 0 10px 0;
    }
    
    .footer_right > div.icon.w3c
    {
        margin-left: 0;
    }
	
	
	.dofinansowanie {
		padding-bottom:2em;
		margin-bottom:2em;
	}
    #PAN_FOOT_LEFT .zajawka .box-left img{
		width:100%!important;
		height:auto!important;
	}
	.link-polecane .zajawka.in-column a
	{
		height:auto!important;
		padding-bottom:0!important;
	}
	.link-polecane .zajawka.in-column .box-left,
	.link-polecane .zajawka.in-column .box-right
	{
		width:30%!important;
		float:left;
		clear:none;
	}
	.link-polecane .zajawka.in-column .box-right
	{
		width:70%!important;
		text-align:left;
	}
	
	#rollas
    {
        right: 220px;
        left: auto;
    }
}

/**  360px  *******************************************************************/
@media screen and (max-width: 360px)
{
    body
    { font-size: 15px; }    

    .mainMenu .block:first-child,
    .mainMenu .block,
    .mainMenu .block:last-of-type
    {
        float: none; 
        width: 100%;
        padding: 0;
    }

    .mainMenu .block a.menu-level-1
    { float: none; text-align: center; display: block; }

    .mainMenu .block + .block:before
    { display: none; }
    
    .topMenu_infobar,
    #PAN_HEAD_RIGHT > div > .component
    {
        left: 0 !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        text-align: center;
        clear: both;
    }
    
    .topMenu_infobar div.accesible    
    { text-align: center; }
    
    ul.tabs li
    {
        font-size: 60%;
        height: 46px;
    }
    
    .newsbox-container .nb-shaper-text
    { padding-bottom: 320px; }
}