/* Large desktop */
@media (min-width: 1200px) {
    
}

/* Landscape phones and down */
@media (max-width: 767px) {
    
    #header {
        height: 27px;
        top: -1px;
        padding: 10px 8px 16px 8px;
    }
    
    #header h1 .caption {
        display: none;
    }
    
    #header h1 {
        width: 140px;
        margin: 5px;
        display: none;
    }
    
    #searchBox {
        margin-top: 5px;
        width: 215px !important;        
        height: 32px !important;
        overflow: hidden;
    }
    #searchBox fieldset {
        padding: 0;
        margin: 0 0 10px 0;
    }
    #searchBox input.text {
/*         font-size: 1em; */
        width: 200px !important;
    }
    #searchBox input[type="submit"] {
        visibility: hidden;
    }
    
    .search.shortcut {
        display: inline-block;
        padding: 8px 7px 6px 0;
    }
    
    select.shortcut {
        margin-bottom: 1em;
        
    }
    
    #myLogin {
        font-size: inherit;
        text-align: left;
        margin-top: 20px;
    }
    
    #myLogin .logged-off:before { 
        content: ' '; 
        display: block; 
    }
    
    
    #myLogin .logged-off br {
        display: none;
    }
    

    #myLogin img.panacik {
        padding: 5px;
        margin-bottom: 8px;
        vertical-align: top;
        border-radius: 20px;
        background-color: rgba(255,255,255,0.75);
    }

    #myLogin .logged-in .button {
        margin-top: 1em;
    }
    
    #printOpen {
        display: none;
    }
    
/*
    #userName {
        font-size: 1.2em;
        margin-left: 10px;
    }
*/
    
    #myLogin span {
        margin-left: 0 !important;
    }
    
    #hideShadow1, h3.usefull-links, a.top-link, #moreContentFooter {
        display: none;
    }
    h3.shortcuts, p.shortcuts {
        
    }
    #moreContentFooter {
        width: 100%;
    }
    
    
    #moreContent {
        width: 100%;
        bottom: 0px;
        top: inherit;
        height: 0px;
        background-color: rgba(255,255,255,1);

    }
    
    #myContent {
        margin-top: 5px;
        margin-bottom: 50px;
    }
    
    #myContent div.content {
        font-size: 1em;
    }
    
    #hpTypeSwitcher {
        font-size: 0.8em;
    }
    
    #myButtons {
        top: -35px;
        left: 0px;
        width: 100%;
        height: 35px;
        
        border-top: 1px solid #bbb;
        background-color: #eee;
        background: -moz-linear-gradient(#fafafa, #ddd);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #ddd));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dddddd');
    }
    
    #myButtons .button {
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        text-shadow: none;
        background: inherit;
        background-color: rgba(255, 255, 255, 1);
        border: none;
        border-radius: 0;
        border-right: 1px solid #bbb;
        margin-right: 1px;
        padding: 10px 5px 7px 5px;
        width: 25%;
        text-align: center;
        font-size: 15px;
        height: 17px;
        color: rgb(110,110,110);
    }
    
    #myButtons .selected {
        background: none;
        background-color: white !important;
        height: 18px;
    }
    
    p.usefull-links {
        line-height: 2;
        display: none;
    }
    
    #map {
        display: block;
        height: 100%;
        width: 100%;
    }
    
    #myMapControl {
        right: 0px;
        top: 0px;
        padding: 3px 2px 2px 2px;
    }
    
    #fullscreenSwitcher {
        display: none;
    }
    
    .layerPopupNew {
        background-color: white;
    }
    
    #myMobileSwitcherHeader {
        display: block;
/*         height: 150px; */
        background-color: rgba(0, 0, 0, 0.3);
        margin: 0 0 0 -10px;
        padding: 10px;
    }
    
    #myMobileSwitcherHeader .mobileLogo {
        background-image: url("/images/turistickamapa.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain;
        height: 25px;   
    }
    
    .mobileIcon {
        float: left;
        background: url('/images/app-icons/mapa-icon-1-5.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 36px;
        width: 36px;
        margin-right: 9px;
    }

    #myLayerSwitcher {
        line-height: 2.3;
        background-color: rgba(20,20,20,0.8);
        margin-top: 20px;
        border-radius: 0;
        overflow: auto;
        height: 500px;
        width: 230px;
        padding: 0 0 200px 10px;
    }
    
    #myLayerSwitcher .olButton {
        position: relative;
        top:2px
    }
    #myLayerSwitcher .labelSpan {
        vertical-align: baseline !important;
        
    }
    
    body {
        background-color: rgb(55,55,55);
    }
    
    #buttonLayerSwitcher {
        width: 20px;
        height: 20px;
        margin-top: 3px;
        font-size: 20px;
    }
    #myContent div.content > div, #myContent div.content > div h2 {
        margin-bottom: 1em !important;
    }
    #myContent div.content div.lonlat {
        margin-bottom: 0 !important;
    }
    
    .buttonIcon.open {
        color: #0089ff;
    }
    
    .buttonIcon {
        padding: 12px;
        margin: 2px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        color: rgb(110,110,110);
    }
    .inzercia h4 {
        display: none;
    }
    
    .openCloseMoreInfo {
        float: right;
        cursor: pointer;

        width: 10%;
        text-align: center;
        padding: 11px 5px 9px 5px;
        font-weight: bold;
        cursor: pointer;    
    }
    .olControlZoomIn, .olControlZoomOut {
        padding: 5px !important;
    }
    
    #geolocationSwitcher {
        position: absolute;
        top: -80px;
        right: 16px;
        width: auto;
        height: auto;
        margin-right: 0px;
    }
    
    #geolocationSwitcher.roundBigButton img {
        height: 35px;
        width: 35px;
        background-color: rgba(124,158,21,0.7);
        border-radius: 25px;
        padding: 5px;
        margin: -5px 0 0 -5px;
    }
    #geolocationSwitcher.roundBigButton img.active {
        background-color: rgba(158, 21, 21, 0.7);
    }
    .roundBigButton {
        border-radius: 25px;
        border: 3px solid rgba(255,255,255,0.6);
        padding: 5px;
        width: 35px !important;
        height: 35px !important;
    }
    
    div.hpProfil {
        position: static;
        bottom: inherit;
        right: inherit;
        opacity: 1;
        display: flex;
    }
    
    #contextMenu {
        font-size: 1.3em;
        line-height: 1.7;
        padding: 10px;
    }

}


/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
    
}

/* Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) {
    #moreContent {
        width: 320px;
    }
}
*/