/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* CSS.Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
color: #666;
text-decoration: none;
}    

/* Repertuar */
div.repertoir-movie { border-bottom: 1px solid #ccc; padding: 20px 0; margin: 0px 0}
div.repertoir-movie img { float: left; margin: 0 20px 0 0 !important; }
span.icon { display: block; float: left; padding: 0px 3px; margin: 1px; background: #000; color: #fff !important; border-radius: 2px; font-size: 10px !important; text-transform: uppercase; line-height: 14px }
span.icon_3d { background: cyan; }
span.icon_dla_dzieci { background: pink; }
span.icon_dubbing { background: green; }
span.icon_thriller { background: orange; }
span.icon_czarna_komedia { background: black; }
span.icon_komedia_romantyczna {pink}
span.icon_musical {background: #6f9dff}
span.icon_animacja {background: #066408}
span.icon_dokument {background: #858585}
span.icon_western {background: #784916}
span.icon_pokaz_specjalny {background: #8cab1f}
span.icon_hit { background: red; }
span.icon_nowosc { background: blue; }
span.icon_premiera { background: darkseagreen; }
span.icon_horror { background: dark; }
span.icon_sputnik { background: navy; }
span.icon_sf { background: #c9009c; }
span.icon_przygodowy { background: #3a0094; }
span.icon_komedia { background: #003dad; }
span.icon_romans { background: #00dcff; }
span.icon_sensacja { background: #00dcff; }
span.icon_wojenny { background: #0bb631; }
span.icon_akcja { background: #ff7600; }
span.icon_dramat { background: #ff2d00; }
span.icon_familijny { background: #b32626; }
span.icon_fantasy { background: #0f391b; }
span.icon_biograficzny { background: #5b204e; }
span.icon_kryminal { background: #060005; }
span.icon_opera { background: #814e14; }
span.icon_cykl { background: #814e14; }
span.icon_historyczny { background: #814e14; }
span.icon_kostiumowy { background: #814e14; }
span.icon_muzyczny { background: #814e14; }


div.repertoir-desc { float: right; width: 450px; }
div.repertoir-desc h3 a { color: #000 !important; font-size: 24px; }
div.repertoir-desc h3 { margin-top: 10px }
div.repertoir-desc div.desc-line { padding: 5px 0; border-bottom: 1px solid #eee; }
div.repertoir-desc div.desc-line b { font-weight: bold; color: #000; }
div.icons-line { margin-top: 10px; }
div.repertoir-full div.repertoir-desc { width: 400px; }
div.repertoir-full { border: none; }
div.trailer { padding: 30px 0;}
div.trailer h3 { color: #000; }



/* Accordion */
div#left-repertoir { margin-top: 30px; }
a.accordion-off { height: 17px; background: url(../images/accordion-off.png) repeat-x; display: block; padding: 8px 20px 5px 20px; font-size: 12px; color: #fff; cursor: pointer; font-weight: bold; }
a.accordion-on { height: 17px; background: url(../images/accordion-on.png) repeat-x; display: block; padding: 8px 20px 5px 20px; font-size: 12px; color: #fff; cursor: pointer; font-weight: bold; }
div#left-repertoir li div.accordion-content { background: url(../images/accordion-on-bg.png) repeat-x; padding: 5px 20px; display: none; }
div#left-repertoir li div.accordion-content p { padding:1px 0; width: auto; color: #666 }
div.repertoir-movie-left { float: left; width: 140px; }
div.repertoir-movie-left p b { font-weight: bold; color: #000;}
div.repertoir-movie-hours { float: right; width: 30px; font-weight: bold; line-height: 14px; font-size: 12px; text-align: right}
div.repertoir-day-movie { margin: 10px 0; border-bottom: 1px solid #ddd;padding-bottom:10px}
div.repertoir-movie-left div { margin-top: 3px;}




           .jquerycssmenu{
            font: 12px Arial;
            padding-left: 0px; /*offset of tabs relative to browser left edge*/
            width: 100%;
            float: left;
            border-top: 1px solid #f6f6f6; 
            color: #000;
            border-bottom: 1px solid #e5e5e5;
            }

            .jquerycssmenu ul{
            margin: 0;
            list-style-type: none;
            padding: 12px 0 0px 0; 

            }

            /*Top level list items*/
            .jquerycssmenu ul li{
            position: relative;
            display: inline;
            float: left;
            padding-left: 5px;

            }

            /*Top level menu link items style*/
            .jquerycssmenu ul li a{
            display: block;
            background: white;/*background of tabs (default state)*/
            padding: 5px 7px 13px 7px;
            margin-right: 3px; /*spacing between tabs*/
            text-decoration: none;
            color: #000;
            }
                
            /*1st sub level menu*/
            .jquerycssmenu ul li ul{
            position: absolute;
            left: 0;
            display: block;
            visibility: hidden;
            z-index: 600;
            padding: 0;

            }

            /*Sub level menu list items (undo style from Top level List Items)*/
            .jquerycssmenu ul li ul li{
            display: list-item;
            float: none;
            padding: 0;
            height: 27px;
            padding: 0px 0px 9px 0;


            }

            .jquerycssmenu ul li ul:first-child { border: none; }

            /*All subsequent sub menu levels vertical offset after 1st level sub menu */
            .jquerycssmenu ul li ul li ul{
            top: 0;
            }

            /* Sub level menu links style */
            .jquerycssmenu ul li ul li a{
            font: normal 12px Arial;
            width: 230px; /*width of sub menus*/
            background: white;
            color: black;
            padding: 10px 5px 10px 18px;
            margin: 0;
            border-top-width: 0;
            border-bottom: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            background: #fefefe
            }

            .jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
            background: #eff9ff;
            color: black;
            }

            /* ######### CSS classes applied to down and right arrow images  ######### */

            .downarrowclass{
            position: absolute;
            top: 11px;
            right: 5px;
            }

            .rightarrowclass{
            position: absolute;
            top: 15px;
            right: 5px;
            }




            #fb-root {
              display: none;
            }
             
            /* To fill the container and nothing else */
            .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
              width: 96% !important;
            }

            a{text-decoration: none}

            /* Content */
            body { padding:0; margin:0; background: #fff repeat fixed; text-align: center; font-family: Arial; font-size: 11px; }
            div.container { margin: 0 auto; text-align: left; position: relative; }
            

            .active { font-weight: bold; }

            div#wrapper {  width:83%;max-width:960px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
            div#bookmarks { width:90%; max-width:1016px; position: relative; z-index: 0; margin: 0 auto; }    


            img#bookmark-right1 { position: absolute; right: -40px; top: 150px; }
            img#bookmark-right2 { position: absolute; right: -40px; top: 300px; }
            img#bookmark-right3 { position: absolute; right: -40px; top: 450px; }
            img#bookmark-right4 { position: absolute; right: -40px; top: 600px; }
            img#bookmark-right5 { position: absolute; right: -40px; top: 750px; }


            img#bookmark-left1 { position: absolute; left: -40px; top: 150px; }
            img#bookmark-left2 { position: absolute; left: -40px; top: 300px; }
            img#bookmark-left3 { position: absolute; left: -40px; top: 450px; }
            img#bookmark-left4 { position: absolute; left: -40px; top: 600px; }
            img#bookmark-left5 { position: absolute; left: -40px; top: 750px; }






            /* HEADER */
           
            
            div#top div#lang { display: block;height:30px;width:200px;float:right;margin-top:30px;margin-right: 30px;text-align: right;}
            div#top div#lang a#flag { background: url(../images/flag.png) no-repeat center; padding: 10px 8px; float: right; text-indent: 100%;
white-space: nowrap;
overflow: hidden;width: 20px; }
            div#top div#lang p { float: right; font-family: Arial; padding: 3px 20px 0 10px; }
            div#top div#lang span#big { font-size: 16px; cursor: pointer; }
            div#top div#lang span#medium { font-size: 14px; cursor: pointer; }
            div#top div#lang span#small { font-size: 12px; cursor: pointer; }
            div#top div#lang a#pl { background: url(../images/pl.jpg) no-repeat center; padding: 6px 8px; float: left; margin: 5px 3px 0 0; }
            div#top div#lang a#en { background: url(../images/en.jpg) no-repeat center; padding: 6px 8px; float: left; margin: 5px 0px 0 0; }
            div#top form div { display: block;float:right;position: relative;margin-top: 10px;margin-right: 30px}
            div#top form div input#search-submit { background: url(../images/glass.png) no-repeat; padding: 7px; position: absolute; right: 9px; top: 8px; width: 15px; border: 0; }
            div#top form input { border: none; outline: none; width: 143px; height: 29px; background: #f89f5b; font-size: 12px; color: #fff; padding: 0 30px 0 5px; font-family: Arial; border-left: 1px solid #e29153; border-top: 1px solid #e29153; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
            
            

            

            /* CONTENT */
            div#content { position: relative; border-bottom: 1px solid #e5e5e5; }
            
            div#slider div.item {  }

            div#slider div.item img{
                display: block;
                width: 100%;
                height: auto;
            }

            div#slider div.info { position: absolute; right: 0; bottom: 0px; width: 50%; height: 150px; background: url(../images/info-bg.png) repeat;}
            div#slider div.info h2 { font-family: Arial; font-size: 23px; color: #fff; margin: 17px 0 0px 28px; line-height: 25px; font-weight: bold; text-shadow: 1px 1px 0px #a1501d; }
            div#slider div.info p { font-family: Arial; font-size: 12px; color: #fff; margin-left: 28px; width: 90%; line-height: 15px; }
            div#slider div.info p a { font-weight: bold; text-decoration: underline; color: #fff; }

            div.left-column { width:24%; float: left; padding-bottom: 30px; }
            div.left-column ul#left-menu { padding: 30px 0 0px 0; }
            div.left-column ul#left-menu li { display: block; font-family: Arial; font-size: 12px; color: #000; border-bottom: 1px solid #e5e5e5; padding: 9px 0 9px 20px; }
            div.left-column ul#left-menu li a { color: #000; }
            div.left-column ul#left-menu li a:hover { color: #8b8b8b; }
            div.left-column ul#left-menu li:last-child { border: none; }
            div.left-column a.new-circle{display:block;margin:22px 20px 35px 20px;position: relative;text-align: center;}
            div.left-column a.new-circle p.one{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 85px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.two{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 85px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.three{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 75px; width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle img{-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;width:100%;height: auto}
            
            div.left-column ul#left-menu2 { padding: 0px 0 40px 0; float: left;  }
            div.left-column ul#left-menu2 li { display: block; font-family: Arial; font-size: 12px; color: #000; border-bottom: 1px solid #e5e5e5; padding:
            9px 0 9px 20px; }
            div.left-column ul#left-menu2 li a { color: #000; }
            div.left-column ul#left-menu2 li a:hover { color: #8b8b8b; }
            div.left-column ul#left-menu2 li img { float: left; margin-right: 10px; margin-top: -7px; margin: -7px 10px 0 0; }
            div.left-column h2 { display: block; font-family: Arial; font-size: 12px; color: #000; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 9px 0 9px 20px; }
            div.left-column p { font-family: Arial; font-size: 12px; color: #8b8b8b; padding: 15px 0 0px 20px; line-height: 16px; }
            
            div.left-column form input { background: #f4f4f4; border: none; outline: none; border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 29px; width: 142px; margin: 12px 0 0 20px; padding: 0 25px 0 5px; }
            div.left-column form div input#submit { background: none; padding: 4px; margin-left: -27px; width: auto; border: none;}
            div.left-column form input[type='checkbox'] {margin-right: 10px}
            
            div.left-column form div input#submit { background: none; padding: 4px; margin-left: -27px; width: auto; border: none;}
            

            div.column-right { width:75%;float: left; min-height: 1700px; border-left: 1px solid #e5e5e5;}
            div.column-right div.articles { float: left; padding-bottom: 30px; }
            div.column-right div.articles p a { text-decoration: underline; color: #f18533; font-weight: bold; }
            div.column-right div.articles div.article1 { border-bottom: 1px solid #e5e5e5; padding: 35px 0 30px 40px; }
            div.column-right div.articles div.article1 h2 { width:50%; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: left;margin-bottom: 10px }
            div.column-right div.articles div.article1 p { width:50%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; }
            div.column-right div.articles div.article1 img { width:40%; float: right; margin-right: 47px; margin-top: 5px; }
            div.column-right div.articles div.article2 { padding: 35px 0 30px 40px; background:#f7f7f7; border-bottom: 1px solid #e5e5e5; position: relative; }
            div.column-right div.articles div.article2 h2 {  width:50%;font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: right; margin-right: 45px; margin-bottom: 10px}
            div.column-right div.articles div.article2 p { width:50%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: right; margin-right: 45px; }
            div.column-right div.articles div.article2 img {width:40%; float: left; margin-top: 5px; }
            div.column-right div.articles div.article2 img.bend { position: absolute; right: 0; bottom: -1px; }
            
            div.column-right2 { width:75%; float: left; padding: 0px 0 0px 0px; min-height: 1700px; border-left: 1px solid #e5e5e5; }
            div.column-right2 h2 { font-family: Arial; font-size: 32px; line-height: 40px; font-weight: bold; }
            div.column-right2 h3 { font-family: Arial; font-size: 18px; line-height: 16px; font-weight: bold; margin-bottom: 15px; }
            div.column-right2 div.article { padding: 47px 0 0px 47px;  float: left; }
            div.column-right2 div.article span { font-family: Arial; font-size: 12px; color: #989898; }
            div.column-right2 div.article .date, .category { float: left; margin: 0px 5px 30px 0; }
            div.column-right2 div.article div#article-text {  line-height: 18px; font-size: 12px; font-family: Arial; float: left; margin-bottom: 42px; color: #666 }
            div.column-right2 div.article div#article-text p {padding-bottom: 10px !important}
            div.column-right2 div.article div#article-text a {color: orange;padding:2px}
            div.column-right2 div.article div#article-text ul li{list-style-type: disc; display: list-item}
            div.column-right2 div.article div#article-text ol li{list-style-type:decimal; display: list-item}
            div.column-right2 div#gallery { float: left; padding: 0px 0 25px 47px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#gallery img { margin: 0 4px 6px 0; padding: 5px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #bdbdbd; box-shadow: 0 1px 0px #e6e6e6; }
            div.column-right2 div#movies { float: left; padding: 25px 0 25px 47px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#movies ul#videos li { display: block; width: 655px; background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; }
            div.column-right2 div#movies ul#videos li a { float: right; font-size: 14px; font-weight: bold; color: #000; background: url(../images/arrow-right.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#movies ul#videos img { margin: 0px 20px -3px 20px; }
            div.column-right2 div#files { float: left; padding: 25px 0 25px 47px; border-bottom: 1px solid #e5e5e5;width: 90%; } 
            div.column-right2 div#files ul li { display: block;  background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; }
            div.column-right2 div#files ul li a { float: right; font-size: 14px; font-weight: bold; color: #000; background: url(../images/arrow-down.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#files ul img { margin: 0px 20px -3px 20px; }


            div#partners { border-bottom: 1px solid #e5e5e5;  padding: 20px 25px; }
            div#partners img { padding-right:0px; }

    
            div#logos {padding:10px;text-align: center;border-bottom: 1px solid #E5E5E5;}

            div#logos h2 {
              font-family: Arial;
              font-size: 18px;
              color: black;
              font-weight: bold;
              text-align: center;
              padding-top: 10px;
            }

            div#logos ul{text-align: center;margin: 0 auto;}
            div#logos ul li {display: inline;
                text-align: center;padding:5px
            }


            /* FOOTER */
            div#footer { padding-bottom: 30px; }
            div#footer a#foot-logo { float: left; margin: 20px; }
            div#footer p { width: 170px; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; margin-top: 25px; }
            div#footer ul#foot-menu1 { float: left; margin: 20px 0 0 30px; width: 440px; text-align: right;}
            div#footer ul#foot-menu1 li { display: block; float: left; font-size: 12px; padding: 0px 5px 0 5px; line-height: 15px; margin: 3px 0 }
            div#footer ul#foot-menu1 li:last-child { border: none; }
            div#footer ul#foot-menu1 li a { color: #000; }
            div#footer ul#foot-menu1 li a:hover { color: #8b8b8b; }
            div#footer ul#foot-menu2 { float: right; margin: 5px 37px 0 0; }
            div#footer ul#foot-menu2 li { display: inline; border-right: 1px solid #000; font-size: 12px; padding: 0 5px 0 2px; line-height: 15px; }
            div#footer ul#foot-menu2 li:last-child { border: none; }
            div#footer ul#foot-menu2 li a { color: #000; }
            div#footer ul#foot-menu2 li a:hover { color: #8b8b8b; }
            img#bb { float: right; margin: 20px 0 0 0; }


            
            /* PAGER */
            ul.MarkupPagerNav { margin: 20px 40px; text-align: center; }
            ul.MarkupPagerNav li { display: inline;}
            ul.MarkupPagerNav li a { font-size: 12px; margin: 0 2px;}
            ul.MarkupPagerNav li.MarkupPagerNavOn a { background: #F18533; padding: 2px 5px; border-radius: 3px; color: #fff; font-weight: bold; }

            table#calendar { margin: 20px 0 10px 10px; }
            table#calendar td { padding: 5px 8px; border: 1px dashed #ccc; text-align: center; }
            table#calendar td strong a { background: #F18533; padding: 1px; border-radius: 3px; color: #fff; font-weight: bold; }

            span.category-title { background: #F18533; padding: 2px 5px; border-radius: 3px; font-size: 11px; color:#fff !important; }
            span.category-title a { color: #fff; }

            div.galleries { padding: 40px 10px 40px 40px;}
            div.gallery { display: block; float: left; width: 200px; margin: 10px; text-align: center; height:200px}
            div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc; }
            div.gallery a h2 { font-size: 14px; margin-top: 3px }

            div#search-container { margin: 50px 0; }
            div#search-container h2.error { margin: 150px 0; }
            ul.search-results { margin: 20px 0; }
            ul.search-results li { border-bottom: 1px solid #ccc; padding: 30px 150px; font-size: 12px; line-height: 16px; text-align: left;}
            ul.search-results li h3 a { color: #000; font-size: 20px; }
            ul.search-results li p { color: #989898; }
            ul.search-results li a.more { color: #F18533 }

            table#kontakt tr td{border-bottom:1px dotted #ddd}
            table#kontakt tr td a {font-weight: bold}
            ul.sitemap {list-style-type: circle;}
            ul.sitemap li {margin:0 10px;padding: 0 10px}


            .align_left {float:left}
            .align_right {float:right}

            #article-text img{margin: 20px; padding: 5px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #bdbdbd; box-shadow: 0 1px 0px #e6e6e6;}
            #article-text p strong{font-weight: bold}
            #article-text h4 {font-weight: bold; font-size: 18px;padding-bottom: 5px;line-height: 22px}

            .align_left {float:left}
            .align_right {float:right}
            .align_center {display: block;
            margin-left: auto !important;
            margin-right: auto !important;}

            em {font-style: italic !important}

            div.containerbanner { width: 1016px; height:135px;margin: 0 auto; text-align: left; position: relative;margin-bottom: 10px; display:none; }
            div#banner { height: 135px; width: 1016px; padding-bottom:10px;margin:0 auto; }

            .htmlmail {padding:20px 0; overflow:hidden; line-height:1.3; font-size:13px; width:900px; margin:0 auto;}
            .htmlmail img {border:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important;}
            .htmlmail td {vertical-align:top !important;}
            .htmlmail a {padding:0 !important;}
            .htmlmail strong, .htmlmail b {font-weight:bold;}
            .htmlmail br {line-height:1.5;}

            #recaptcha_box {margin:0 auto; width:320px;}
            .submit-button { background:#fb7f20; color:#fff; text-align:center; border:0; padding:5px 8px; margin:10px 0; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
            .msg {display:inline-block; padding:4px 20px; color:#fff; text-align:center; -webkit-border-radius:5px; border-radius:5px; margin:0 0 20px;}
            .msg.ok {background:#66d150;}
            .msg.error {background:#b71717;}

            .nlink {color:#FD5400;}


            .owl-controls {
                border-bottom: 1px solid #e5e5e5;
                padding-bottom: 5px
            }
            
            #showmenumobile span {
                background: #F18532;
                width: 100px;
                color:#fff;
                padding: 5px;
                display: block;
                margin: 0px auto 0 auto;
                text-shadow: 1px 1px 0px #a1501d;
                font-size: 14px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                text-align: center;
                margin-top: 20px
                
            }


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#wycieczka {
overflow: hidden;
width:650px;
height: 500px;margin: 0;padding: 0;}


/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {

#wycieczka {
overflow: hidden;
width:250px;
height: 500px;margin: 0;padding: 0;}
            
#slider {display: none !important}      

#hideonmbiles {display: none}
.left-column {width: 100% !important;display: none}
ul.search-results li { border-bottom: 1px solid #ccc; padding: 30px 10px; font-size: 12px; line-height: 16px; text-align: left;}
            

div#wrapper {  width:260px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
div#bookmarks {  width:280px; position: relative; z-index: 0; margin: 0 auto; display: none}    


div#top div#lang { display: block;height:30px;width:85px;float:right;margin-top:0px;margin-right: 0px;text-align: right;}
div#top form div { display: block;float:left;position: relative;margin-top: 0px;margin-right: 0px;margin-bottom: 10px}
div#top form div input#search-submit { background: url(../images/glass.png) no-repeat; padding: 7px; position: absolute; right: 9px; top: 8px; width: 15px; border: 0; }
div#top form input { border: none; outline: none; width: 113px; height: 29px; background: #f89f5b; font-size: 12px; color: #fff; padding: 0 30px 0 5px; font-family: Arial; border-left: 1px solid #e29153; border-top: 1px solid #e29153; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


  



            div.column-right { width:100%;float: left; min-height: 1700px; border-left: 0px solid #e5e5e5;}
            div.column-right div.articles { float: left; padding-bottom: 30px; }
            div.column-right div.articles p a { text-decoration: underline; color: #f18533; font-weight: bold; }
            div.column-right div.articles div.article1 { border-bottom: 1px solid #e5e5e5; padding: 5px 0 10px 0px; }
            div.column-right div.articles div.article1 h2 { width:100%; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: left;margin-bottom: 10px }
            div.column-right div.articles div.article1 p { width:100%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; }
            div.column-right div.articles div.article1 img { width:100%; float: right; margin-right: 0px; margin-top: 5px; }
            div.column-right div.articles div.article2 { padding: 5px 0 10px 0px; background:#f7f7f7; border-bottom: 1px solid #e5e5e5; position: relative; }
            div.column-right div.articles div.article2 h2 {  width:100%;font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: right; margin-right: 0px; margin-bottom: 10px}
            div.column-right div.articles div.article2 p { width:100%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: right; margin-right:0px; }
            div.column-right div.articles div.article2 img {width:100%; float: left; margin-top: 5px; }
            div.column-right div.articles div.article2 img.bend { position: absolute; right: 0; bottom: -1px; }


  div.column-right2 { width:100%; float: left; padding: 0px 0 0px 0px; min-height: 1700px; border-left: 0px solid #e5e5e5; }
            div.column-right2 h2 { font-family: Arial; font-size: 22px; line-height: 26px; font-weight: bold; }
            div.column-right2 h3 { font-family: Arial; font-size: 18px; line-height: 16px; font-weight: bold; margin-bottom: 15px; }
            div.column-right2 div.article { padding: 47px 0 0px 0px;  float: left; }
            div.column-right2 div.article span { font-family: Arial; font-size: 12px; color: #989898; }
            div.column-right2 div.article .date, .category { float: left; margin: 0px 5px 30px 0; }
            div.column-right2 div.article div#article-text {  line-height: 18px; font-size: 12px; font-family: Arial; float: left; margin-bottom: 42px; color: #666 }
            div.column-right2 div.article div#article-text p {padding-bottom: 10px !important}
            div.column-right2 div.article div#article-text a {color: orange;padding:2px}
            div.column-right2 div.article div#article-text ul li{list-style-type: disc; display: list-item}
            div.column-right2 div.article div#article-text ol li{list-style-type:decimal; display: list-item}
            div.column-right2 div#gallery { float: left; padding: 0px 0 25px 0px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#gallery img { width:110px;margin: 0 4px 6px 0; padding: 5px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #bdbdbd; box-shadow: 0 1px 0px #e6e6e6; }
            div.column-right2 div#movies { float: left; padding: 25px 0 25px 47px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#movies ul#videos li { display: block; width: 655px; background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; }
            div.column-right2 div#movies ul#videos li a { float: right; font-size: 14px; font-weight: bold; color: #000; background: url(../images/arrow-right.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#movies ul#videos img { margin: 0px 20px -3px 20px; }
            div.column-right2 div#files { float: left; padding: 25px 0 25px 0px; border-bottom: 1px solid #e5e5e5;width: 100%; } 
            div.column-right2 div#files ul li { display: block;  background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 12px; }
            div.column-right2 div#files ul li a { float: right; font-size: 12px; font-weight: bold; color: #000; background: url(../images/arrow-down.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#files ul img { margin: 0px 20px -3px 20px; }


            div.galleries { padding: 0px ;}
            div.gallery { display: block; float: left; width: 105px; margin: 10px; text-align: center; height:140px}
            div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc;width: 100%;height: auto }
            div.gallery a h2 { font-size: 12px; margin-top: 3px }
            
            div#footer a#foot-logo {
              float: left;
              margin: 20px;
            }
           
            div#footer ul#foot-menu1 { float: left; margin: 20px ; width: 100%; text-align: center;}


}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {



#wycieczka {

overflow: hidden;
width:320px;
height: 500px;margin: 0;padding: 0;}


div#wrapper {  width:324px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
div#bookmarks {  width:380px; position: relative; z-index: 0; margin: 0 auto; display: block }    

div#top div#lang { display: block;height:30px;width:200px;float:right;margin-top:30px;margin-right: 30px;text-align: right;}

div#top form div { display: block;float:right;position: relative;margin-top: 10px;margin-right: 30px}
div#top form div input#search-submit { background: url(../images/glass.png) no-repeat; padding: 7px; position: absolute; right: 9px; top: 8px; width: 15px; border: 0; }
div#top form input { border: none; outline: none; width: 143px; height: 29px; background: #f89f5b; font-size: 12px; color: #fff; padding: 0 30px 0 5px; font-family: Arial; border-left: 1px solid #e29153; border-top: 1px solid #e29153; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
   


div.galleries { padding: 10px ;}
            div.gallery { display: block; float: left; width: 130px; margin: 10px; text-align: center; height:180px}
            div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc;width: 100%;height: auto }
            div.gallery a h2 { font-size: 14px; margin-top: 3px }

div.column-right2 div#gallery { float: left; padding: 0px 0 25px 0px; border-bottom: 1px solid #e5e5e5; }
div.column-right2 div#gallery img { width:145px;margin: 0 4px 6px 0; padding: 5px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #bdbdbd; box-shadow: 0 1px 0px #e6e6e6; }
            

   
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {


#wycieczka {
overflow: hidden;
width:400px;
height: 500px;margin: 0;padding: 0;}


    div.left-column a.new-circle{display:block;margin:22px 20px 35px 20px;position: relative;text-align: center;}
            div.left-column a.new-circle p.one{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 45px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.two{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 45px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.three{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 35px; width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle img{-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;width:100%;height: auto}
            


#hideonmbiles {display: block} 
#showmenumobile {            
                display: none;
            }
#slider {display: block !important}  
ul.search-results li { border-bottom: 1px solid #ccc; padding: 30px 50px; font-size: 12px; line-height: 16px; text-align: left;}
            

.left-column {width: 24% !important;display: block !important}


div#wrapper {  width:620px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
div#bookmarks {  width:676px; position: relative; z-index: 0; margin: 0 auto; }    

            
 

 div.left-column form input {width: 80px}
 div.column-right { width:75%;float: left; min-height: 1700px; border-left: 1px solid #e5e5e5;}
            div.column-right div.articles { float: left; padding-bottom: 30px; }
            div.column-right div.articles p a { text-decoration: underline; color: #f18533; font-weight: bold; }
            div.column-right div.articles div.article1 { border-bottom: 1px solid #e5e5e5; padding: 35px 0 30px 20px; }
            div.column-right div.articles div.article1 h2 { width:100%; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: left;margin-bottom: 10px }
            div.column-right div.articles div.article1 p { width:50%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; }
            div.column-right div.articles div.article1 img { width:40%; float: right; margin-right: 0px; margin-top: 5px; }
            div.column-right div.articles div.article2 { padding: 35px 0 30px 20px; background:#f7f7f7; border-bottom: 1px solid #e5e5e5; position: relative; }
            div.column-right div.articles div.article2 h2 {  width:100%;font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: right; margin-right: 0px; margin-bottom: 10px}
            div.column-right div.articles div.article2 p { width:55%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: right; margin-right: 0px; }
            div.column-right div.articles div.article2 img {width:40%; float: left; margin-top: 5px; }
            div.column-right div.articles div.article2 img.bend { position: absolute; right: 0; bottom: -1px; }

 div.column-right2 { width:75%; float: left; padding: 0px 0 0px 0px; min-height: 1700px; border-left: 1px solid #e5e5e5; }
            div.column-right2 h2 { font-family: Arial; font-size: 32px; line-height: 40px; font-weight: bold; }
            div.column-right2 h3 { font-family: Arial; font-size: 18px; line-height: 16px; font-weight: bold; margin-bottom: 15px; }
            div.column-right2 div.article { padding: 47px 0 0px 47px;  float: left; }
            div.column-right2 div.article span { font-family: Arial; font-size: 12px; color: #989898; }
            div.column-right2 div.article .date, .category { float: left; margin: 0px 5px 30px 0; }
            div.column-right2 div.article div#article-text {  line-height: 18px; font-size: 12px; font-family: Arial; float: left; margin-bottom: 42px; color: #666 }
            div.column-right2 div.article div#article-text p {padding-bottom: 10px !important}
            div.column-right2 div.article div#article-text a {color: orange;padding:2px}
            div.column-right2 div.article div#article-text ul li{list-style-type: disc; display: list-item}
            div.column-right2 div.article div#article-text ol li{list-style-type:decimal; display: list-item}
            div.column-right2 div#gallery { float: left; padding: 0px 0 25px 47px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#gallery img {width:120px; margin: 0 4px 6px 0; padding: 5px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #bdbdbd; box-shadow: 0 1px 0px #e6e6e6; }
            div.column-right2 div#movies { float: left; padding: 25px 0 25px 47px; border-bottom: 1px solid #e5e5e5; }
            div.column-right2 div#movies ul#videos li { display: block; width: 655px; background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; }
            div.column-right2 div#movies ul#videos li a { float: right; font-size: 14px; font-weight: bold; color: #000; background: url(../images/arrow-right.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#movies ul#videos img { margin: 0px 20px -3px 20px; }
            div.column-right2 div#files { float: left; padding: 25px 0 25px 47px; border-bottom: 1px solid #e5e5e5;width: 90%; } 
            div.column-right2 div#files ul li { display: block;  background: url(../images/article-menu-bg.jpg) repeat-x; height: 25px; padding-top: 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; }
            div.column-right2 div#files ul li a { float: right; font-size: 14px; font-weight: bold; color: #000; background: url(../images/arrow-down.png) no-repeat center right; padding: 10px 10px 10px 20px; margin-right: 20px; border-left: 1px solid #e0e0e0; margin-top: -9px; }
            div.column-right2 div#files ul img { margin: 0px 20px -3px 20px; }



div.galleries { padding: 40px 10px 40px 20px;}
            div.gallery { display: block; float: left; width: 190px; margin: 10px; text-align: center; height:190px}
            div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc;width: 100%;height: auto }
            div.gallery a h2 { font-size: 14px; margin-top: 3px }




}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
   


#wycieczka {
overflow: hidden;
width:600px;
height: 500px;margin: 0;padding: 0;}


    ul.search-results li { border-bottom: 1px solid #ccc; padding: 30px 150px; font-size: 12px; line-height: 16px; text-align: left;}
            


    div#wrapper {  width:874px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
    div#bookmarks {  width:930px; position: relative; z-index: 0; margin: 0 auto; }    
    
     

     div.column-right { width:75%;float: left; min-height: 1700px; border-left: 1px solid #e5e5e5;}
            div.column-right div.articles { float: left; padding-bottom: 30px; }
            div.column-right div.articles p a { text-decoration: underline; color: #f18533; font-weight: bold; }
            div.column-right div.articles div.article1 { border-bottom: 1px solid #e5e5e5; padding: 35px 0 30px 40px; }
            div.column-right div.articles div.article1 h2 { width:50%; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: left;margin-bottom: 10px }
            div.column-right div.articles div.article1 p { width:50%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; }
            div.column-right div.articles div.article1 img { width:40%; float: right; margin-right: 47px; margin-top: 5px; }
            div.column-right div.articles div.article2 { padding: 35px 0 30px 40px; background:#f7f7f7; border-bottom: 1px solid #e5e5e5; position: relative; }
            div.column-right div.articles div.article2 h2 {  width:50%;font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 20px; float: right; margin-right: 45px; margin-bottom: 10px}
            div.column-right div.articles div.article2 p { width:50%; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: right; margin-right: 45px; }
            div.column-right div.articles div.article2 img {width:40%; float: left; margin-top: 5px; }
            div.column-right div.articles div.article2 img.bend { position: absolute; right: 0; bottom: -1px; }

    
    div.galleries { padding: 40px 10px 40px 40px;}
            div.gallery { display: block; float: left; width: 170px; margin: 10px; text-align: center; height:200px}
            div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc; width: 100%}
            div.gallery a h2 { font-size: 14px; margin-top: 3px }


div.left-column form input { background: #f4f4f4; border: none; outline: none; border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 29px; width: 142px; margin: 12px 0 0 20px; padding: 0 25px 0 5px; }
            


        div.column-right2 div#gallery img {width:135px;}

            div.left-column a.new-circle{display:block;margin:22px 20px 35px 20px;position: relative;text-align: center;}
            div.left-column a.new-circle p.one{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 85px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.two{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 85px;width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle p.three{font-family: Georgia; font-style: italic; color: #fff; font-size: 21px; text-shadow: 1px 1px 3px #000; position: absolute; top: 75px; width:100%;z-index: 20; padding: 0;}
            div.left-column a.new-circle img{-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;width:100%;height: auto}
         
    div.containerbanner { width: 928px; height:123px;margin: 0 auto; text-align: left; position: relative;margin-bottom: 10px; display: block }
            div#banner { height: 123px; width: 928px; padding-bottom:10px;margin:0 auto; }   



div#footer p { width: 170px; font-family: Arial; font-size: 12px; color: #8b8b8b; line-height: 16px; float: left; margin-top: 25px; }
            div#footer ul#foot-menu1 { float: left; margin: 20px 0 0 30px; width: 440px; text-align: right;}
            



}    

/* LARGE DESKTOP */
@media only screen and (min-width: 1280px) {


#wycieczka {
display: block
overflow: hidden;
width:680px;
height: 500px;margin: 0;padding: 0;}

    
    div#wrapper {  width:974px; margin: 0 auto; background: #fff; position: relative; z-index: 10; padding:0 27px;}
    div#bookmarks {  width:1030px; position: relative; z-index: 0; margin: 0 auto; }    
    
    div.galleries { padding: 40px 10px 40px 40px;}
    div.gallery { display: block; float: left; width: 200px; margin: 10px; text-align: center; height:200px}
    div.gallery img { border: 4px solid #fff; border-radius: 5px; box-shadow: 0px 1px 1px #ccc; }
    div.gallery a h2 { font-size: 14px; margin-top: 3px }


    div.containerbanner { width: 1016px; height:135px;margin: 0 auto; text-align: left; position: relative;margin-bottom: 10px; display: block }
            div#banner { height: 135px; width: 1016px; padding-bottom:10px;margin:0 auto; }
}    


@media only screen and (max-width: 1024px) {
#article-text p img {width: 80% !important;margin:0 !important;padding:0 !important;height: auto}
}


.GMap_canvas {
height: 350px;
width: 100% !important;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/.block-group,.block,.block-group:after,.block:after,.block-group:before,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.block-group{*zoom:1}
.block-group:before,.block-group:after{display:table;content:"";line-height:0}
.block-group:after{clear:both}
.block-group{list-style-type:none;padding:0;margin:0}
.block-group>.block-group{clear:none;float:left;margin:0 !important}
.block{float:left;width:100%}


.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  width: 100%;
  position: relative;
  min-height: 1px; }

@media (min-width: 768px) {
  .col1 {
    width: 8.333333%; }
  .col2 {
    width: 16.666667%; }
  .col3 {
    width: 25%; }
  .col4 {
    width: 33.333333%; }
  .col5 {
    width: 41.666667%; }
  .col6 {
    width: 50%; }
  .col7 {
    width: 58.333333%; }
  .col8 {
    width: 66.666667%; }
  .col9 {
    width: 75%; }
  .col10 {
    width: 83.333333%; }
  .col11 {
    width: 91.666667%; }
  .col12 {
    width: 100%; } }
    
    
.warmiamazury {
	width: 100%
}
.social {
	width: 100%
}

.logo {
	width: 100%
}

.search {
	width: 100%
}


@media only screen and (min-width: 768px) {
	.warmiamazury {
		width: 50%
	}
	.social {
		width: 50%;
	
	}
	
	.logo {
		width: 50%;
		
	}
	
	.search {
		width: 50%
	}
	
	div#top h1 {
		height: 70px; 
		width: 100%;
	}
}


@media only screen and (min-width: 1024px) {
	.warmiamazury {
		width: 20%
	}
	.social {
		width: 30%;
		
	}
	
	.logo {
		width: 25%;
		border-right:0;border-left: 1px solid #e5e5e5; 
	}
	
	.search {
		width: 25%
	}
}





div#top h1 { 
	background: url(../images/logo_new.jpg) no-repeat center; 
	background-size: contain;
	text-indent:-9999px; 
	 
	height: 60px; 
	width: 100%; 
	margin-top: 30px;
	margin-bottom: 20px;
	display: block;
	padding: 0
}

div#top h1 a {
	display: block;
	width: 100%;
	height: 100%
}


div#top h2 { cursor:pointer; background: url(../images/logo2.png) no-repeat center;  float: left; text-indent:-9999px; height: 60px; width: 100%; background-size: contain;margin-top: 30px;display: block;padding: 0}

div#top h2 a {
	display: block;
	width: 100%;
	height: 100%
}

div#top ul.socialul {
margin: 30px 20px 0
}
div#top ul.socialul li {
padding: 3px;
text-align: center
}

div#top ul.socialul li.poznaj {
	font-size: 16px
}
@media only screen and (min-width: 768px) {
	div#top ul.socialul li.poznaj {
		font-size: 20px
	}
}
div#top ul.socialul li {
	width: 50%
}
div#top ul.socialul li.poznaj {
	width: 100%
}

div#top ul.socialul li a {
	background: #73787d;
	color: #fff;

	display: block;
	padding: 5px;
	margin: 3px;
	font-size: 14px
}





.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-youtube:before {
    content: "\f167";
}