﻿@media only screen and (max-height: 700px) 
{
    .k-window {
     
        max-height: 550px;
    }

    #WinComunicacaoAddUpgSS {
        max-height: 400px !important;
    }

    
}

@media only screen and (max-height: 800px) {
    .k-window {
        max-height: 650px;
    }

    #WinComunicacaoAddUpgSS {
        max-height: 500px !important;
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
        .footMark {
            margin-left: 10px;
            margin-top: 10px;
        }

        .footImg1 {
            width: 30px !important;
        }

        .footImg2 {
            height: 30px !important;
        }

        .navbar .navbar-brand {
            font-size: small;
        }

        .k-window {
            max-width: 90vw;
            /*  max-height: 700px;*/
        }

        #map {
            max-width: 400px !important;
            min-width: 400px !important;
            max-height: 350px !important;
            min-height: 350px !important;
        }

        .mapRaids {
            max-width: 550px !important;
            max-height: 500px !important;
            min-width: 550px !important;
            min-height: 500px !important;
        }

        #MapQueryResult {
            max-width: 250px !important;
            max-height: 250px !important;
        }

        #divNoticiasD {
            clear: both;
            max-width: 98%;
            margin-top: 10px;
        }

        .DivBannersLeft {
            clear: both;
            display: none;
            padding: 3px;
        }

        .DivBannersRight {
            clear: both;
            display: none;
            padding: 3px;
        }

        .divNoticiasDLeft {
            display: none;
        }

        .divNoticiasDRight {
            display: none;
        }

        .miniMenu {
            width: 100%;
            display: block;
            position: fixed;
            background-color: white;
            z-index: 99999;
        }

        .DivBannersRightLeft {
            margin-top: 30px;
        }

        .divNoticias {
            clear: both;
            padding-top: 50px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .DivComNuc, .DivComSNuc {
            display: none;
        }

        .DivMapa {
            display: inline;
            width: 100%;
        }

        .map2 {
            width: 98vw;
            height: 750px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .CIframe {
            width: 98%;
            height: 600px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .map3 {
            width: 98vw !important;
            height: 70vh !important;
            position: relative !important;
            top: -30px !important;
            left: 0px !important;
        }

        .DivMapaDiv {
            clear: both;
            width: 100%;
            min-height: 400px;
            max-height: 800px;
        }

        .divPrincipal {
            clear: both;
            max-height: 800px;
            padding-top: 55px;
        }
    }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
        .footMark {
            margin-left: 10px;
            margin-top: 10px;
        }

        .footImg1 {
            width: 30px !important;
        }

        .footImg2 {
            height: 30px !important;
        }

        .navbar .navbar-brand {
            font-size: small;
        }

        .k-window {
            max-width: 90vw;
            /* max-height: 700px;*/
        }

        #map {
            max-width: 400px !important;
            max-height: 350px !important;
            min-width: 400px !important;
            min-height: 350px !important;
        }

        .mapRaids {
            max-width: 550px !important;
            max-height: 500px !important;
            min-width: 550px !important;
            min-height: 500px !important;
        }

        #MapQueryResult {
            max-width: 250px !important;
            max-height: 250px !important;
        }

        #divNoticiasD {
            clear: both;
            min-width: 650px;
            margin-top: 10px;
        }

        .DivBannersLeft {
            clear: both;
            display: none;
            padding: 3px;
        }

        .DivBannersRight {
            clear: both;
            display: none;
            padding: 3px;
        }

        .divNoticiasDLeft {
            display: none;
        }

        .divNoticiasDRight {
            display: none;
        }

        .miniMenu {
            width: 100%;
            display: block;
            position: fixed;
            background-color: white;
            z-index: 99999;
        }

        .DivBannersRightLeft {
            margin-top: 10px;
        }

        .divNoticias {
            clear: both;
            padding-top: 50px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .DivComNuc, .DivComSNuc {
            display: none;
        }

        .DivMapa {
            display: inline;
            width: 100%;
        }

        .map2 {
            width: 98%;
            height: 750px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .CIframe {
            width: 98%;
            height: 600px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .map3 {
            width: 98vw !important;
            height: 70vh !important;
            position: relative !important;
            top: -30px !important;
            left: 0px !important;
        }

        .DivMapaDiv {
            clear: both;
            width: 100%;
            min-height: 400px;
            max-height: 800px;
        }

        .divPrincipal {
            clear: both;
            max-height: 800px;
            padding-top: 55px;
        }
    }

/* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
    }

    /* Extra large devices (large laptops and desktops, 1450px and up) */
    @media only screen and (min-width: 1450px) {
        .CIframe {
            width: 100%;
            height: 600px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .footMark {
            margin-left: 10px;
            margin-top: 40px;
        }

        .footImg1 {
            width: 60px !important;
        }

        .footImg2 {
            height: 60px !important;
        }

        .k-window {
            max-width: 1000px;
            /* max-height: 80vh;*/
        }


        #map {
            max-width: 500px !important;
            max-height: 500px !important;
            min-width: 500px !important;
            min-height: 500px !important;
        }

        .mapRaids {
            max-width: 550px !important;
            max-height: 500px !important;
            min-width: 550px !important;
            min-height: 500px !important;
        }

        #MapQueryResult {
            max-width: 330px !important;
            max-height: 500px !important;
        }


        #divNoticiasD {
            float: left;
            display: inline !important;
        }

        .miniMenu {
            display: none;
        }

        .divNoticiasDLeft {
            float: left;
            min-width: 340px;
            display: inline;
        }

        .divNoticiasDRight {
            float: left;
            min-width: 380px;
            display: inline;
        }

        .DivBannersLeft {
            float: left;
            position: fixed;
            top: 70px;
            left: 10px;
            display: block !important;
        }

        .DivBannersRight {
            float: right;
            position: fixed;
            top: 70px;
            right: 20px;
            display: block !important;
        }

        .divNoticias {
            clear: both;
            display: flex;
            padding-top: 10px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .DivBannersRightLeft {
        }

        .DivComNuc {
            display: block !important;
            float: left !important;
        }

        .DivComSNuc {
            display: block !important;
            float: left !important;
            margin-right: 15px;
        }

        .map2 {
            width: 100%;
            height: 750px;
            position: relative;
            top: -30px;
            left: 0px;
        }

        .map3 {
            width: 98vw !important;
            height: 70vh !important;
            position: relative !important;
            top: -30px !important;
            left: 0px !important;
        }

        .DivMapaDiv {
            clear: both;
            width: 98%;
        }

        .divPrincipal {
            clear: both;
            max-height: 800px;
            padding-top: 0px;
            display: flex;
        }

        .DivMapa {
            flex-grow: 1;
            width: 100%;
        }
    }

    /*
    Expancao do menu
*/
    @media (min-width: 1500px) {
        .navbar-expand-pcivil {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .navbar-expand-pcivil .navbar-nav {
                -ms-flex-direction: row;
                flex-direction: row;
            }

                .navbar-expand-pcivil .navbar-nav .dropdown-menu {
                    position: absolute;
                }

                .navbar-expand-pcivil .navbar-nav .nav-link {
                    padding-right: 0.5rem;
                    padding-left: 0.5rem;
                }

            .navbar-expand-pcivil > .container,
            .navbar-expand-pcivil > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            }

            .navbar-expand-pcivil .navbar-collapse {
                display: -ms-flexbox !important;
                display: flex !important;
                -ms-flex-preferred-size: auto;
                flex-basis: auto;
            }

            .navbar-expand-pcivil .navbar-toggler {
                display: none;
            }
    }

    @media (max-width: 1199.98px) {
        .navbar-expand-pcivil > .container,
        .navbar-expand-pcivil > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            padding-right: 0;
            padding-left: 0;
        }
    }


/* Handle 125% and 150% Windows 10 Font Scaling on 96dpi monitors */
@media (min-resolution: 120dpi) {
    html {
        font-size: 80%;
    }
}