@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #zoomSlider, #mapTitle {
        display: none !important;
    }

    #topMenuBar, #mapcon, #map {
        min-width: 320px;
    }
}

@media only screen and (max-width: 940px) {

    #mapTitle {
        display: none !important;
    }
}

@media only screen and (max-width: 850px) {
    /*#locateBox, #autoComplete {
        display: none !important;
    }*/
}

@media only screen and (max-width: 650px) {


    /*#basemapButton, #basemapMenu {
        display: none !important;
    }*/

    .slideMenu {
        left: auto !important;
        right: 12px !important;
    }

    .esriRtl .slideMenu {
        left: 12px !important;
        right: auto !important;
    }
}

@media only screen and (max-width: 550px) {

    #shareMap, #shareControls {
        display: none !important;
    }
}

@media only screen and (max-width: 450px) {

    #zoomSlider, #placesCon, #placesMenu, #aboutMap, #aboutDialog {
        display: none !important;
    }
}

@media only screen and (max-width: 385px) {
    #topMenuBar, #mapcon, #map {
        min-width: 320px;
    }
}

/*************************************/
/* GEOVISOR */
/*************************************/
/* Si la resolucion es 1280px o menos */
@media only screen and (max-width: 1280px) {
    /*.menuTopTools {
        position: absolute;
        top: 37px;
        left: -355px;
    }

    .cVideos {
        top: 80px;
        left: -63px;
    }

        .cVideos:hover {
            opacity: 0.9;
        }

    #userAutentication {
        top: 220px;
        left: -301px;
    }

        #userAutentication:hover {
            opacity: 0.9;
        }

    #topMenuRight {
        position: relative;
        right: -70px;
    }*/

    /*#logo {
        position: relative;
        top: -30px;
    }

    #contactUSBtn {
        position: relative;
        top: -32px;
        left: 300px;
    }

    #locateBox {
        position: relative;
        top: -90px;
        left: 148px;
        float: none;
        margin: 0;
        display: block !important;
    }

    .esriSimpleSliderTL {
        top: 45px;
    }

    #zoomSlider {
        top: 341px;
        left: 41px;
    }

    .slideMenu {
        z-index: 100;
    }*/
}

/* Si la resolucion es 800px o menos */
@media only screen and (max-width: 800px) {

    #dAgregarServicioMapa, #dReorderLayer, #dLeyendMapa, #drefreshTOC {
        width: 70px;
    }

    #drefreshTOC {
        margin-left: -10px;
    }

    #dReorderLayer {
        margin-left: 10px;
    }

    .toolTOC span {
        /*visibility:hidden;*/
        /*display: none;*/
        font-size: 6pt !important;
    }

    #infoCred {
        margin: 0 0 0 0;
        font-size: 6pt;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }

    /* TABLA DE CONTENIDO */
    #dReorderLayer {
        /*background-image: url('../images/ui/reorder_layer20x20.gif');
        width: 20px;
        height: 12px;*/
    }

    #dAgregarServicioMapa {
        /*background-image: url('../images/ui/AddServices.png');
        width: 16px;
        height: 16px;*/
    }

    #dLeyendMapa {
        /*background-image: url('../images/ui/legendIcon13x13.gif');
        width: 16px;
        height: 16px;*/
    }

    /*#drefreshTOC {
        margin-left: 7px;
    }*/

    /* FIN. TABLA DE CONTENIDO */
    #topMenuRight {
        position: relative;
        right: 0px;
    }

    #proyEvalMenu {
        width: 300px;
    }

    #txtListNombProy {
        width: 200px !important;
    }

    .slideMenu .menuClose {
        font-size: 9pt;
    }

    #logoTopMenu {
        height: 78px;
    }

    #topMenuRight {
        right: 15px;
        top: -39px;
    }

    #nombreUsuarioAutenticado {
        margin-left: 160px;
        margin-top: 30px;
        font-size: 5pt;
    }

    .scalebar_bottom-left {
        bottom: 80px !important;
        left: 5px !important;
    }

    #scaleInfo {
        margin: 0 0 90px 5px;
    }

    .AcercaDeText, .basemapText, .layersText, .toolText {
        display: none;
    }

    .AcercaDeIcon {
        margin-left: -6px;
    }

    .toolIcon {
        margin-left: -7px;
    }

    #basemapButton {
        display: inline-block !important;
    }

    .esriSimpleSliderTL {
        top: 95px !important;
        left: 20px;
    }

    #zoomSlider {
        top: 150px;
        left: 13px;
    }

    .slideMenu {
        z-index: 100;
        top: 91px;
    }

    #logoApp {
        width: 150px;
        height: 62px;
        background: rgba(0, 0, 0, 0) url("/images/ui/LogoAgilMovil.png") no-repeat;
        /*background-repeat: no-repeat;*/
        margin: 0px 0 0 5px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #logoAppDerecho {
        display: none !important;
    }

    #titleAppSIG {
        display: none;
    }

    #locateBox {
        top: 0;
        left: 0;
        margin: -77px 0 0 155px;
    }

    #menuList {
        width: auto;
        margin-right: -8px;
    }

    #logoMenuUsr {
        margin: 23px 25px 0 79.4%;
    }

    .AcercaDeIcon {
        background: url(/images/ui/Help16x16.png) no-repeat 0px 0px;
        height: 16px;
        width: 16px;
    }

    #topMenuRight .barButton {
        width: 20px;
        height: 10px;
    }

    .basemapIcon {
        /*background: url(/images/ui/Base_Map16x16.png) no-repeat 5px 3px;*/
        height: 20px;
        width: 20px;
    }

    .layersIcon {
        /*background: url(/images/ui/capas20x20.png) no-repeat 3px 2px;*/
        height: 20px;
        width: 20px;
    }

    .toolIcon {
        background: url(/images/ui/tools20x20.png) no-repeat 0px 1px;
        height: 20px;
        width: 20px;
    }

    #contactUSBtn {
        /*top: -23px;
        left: 275px;*/
        top: -24px;
        left: 275px;
    }

    #topMenuBar {
        width: 97%;
        height: 80px;
        margin: 5px 0 0 5px;
    }

    #map {
        top: 0px;
    }

    .cCertificados {
        top: 0px;
        height: 23px;
        width: 23px;
    }

    .cCertificadosIMG {
        background: url(/images/ui/ico_certificado20-20.png) no-repeat 0px 0px;
        height: 20px;
        width: 21px;
    }

    .cVideos {
        height: 15px;
        width: 15px;
        top: -17px;
        left: -44px;
        /*background-image: url('/images/ui/Video13x13.png');*/
        background-image: url('/images/ui/Player15x15.png');
        background-repeat: no-repeat;
        margin: 0 0 0 0;
        position: absolute;
    }

    .cVideosText {
        display: none !important;
    }

    .cVideosIMG {
        background: url(/images/ui/Video20x20.png) no-repeat 1px 1px;
        height: 20px;
        width: 21px;
    }

    #userAutentication {
        top: 180px;
        left: -317px;
    }

    #zoomSlider {
        display: block !important;
    }

    /****************************************************************************************/
    /* Condiciones de Uso / Adicionar Servicios y Capas */
    .ui-dialog {
        width: 90% !important;
        /*height: 75% !important;*/
        /*width: 90%;
        height: 75%;*/
    }

    #addServMap1 .ui-dialog {
        width: 90% !important;
        height: 75% !important;
    }

    .ui-dialog #addServAndLayersMap {
        width: 91% !important;
        height: auto !important;
    }

    #dServiciosGIS .ui-dialog {
        width: 250px !important;
        height: 75px !important;
    }

    .cAddServicos {
        overflow: scroll;
        height: 260px;
        font-size: 7pt;
        width: 105%;
        position: relative;
    }

    #header-fixed {
        visibility: hidden;
    }

    #imgLogoMsgInit {
        background-position: left left;
    }

    .dCondicionesUso {
        width: 100%;
    }

    #tdLogoInstituciones {
        background: url("../images/ui/Instituciones-800ppp.png") no-repeat 20px 0px;
        width: 200px;
        height: 68px;
    }

    #imgLogoMsgInit {
        /*background: url("/images/ui/logo_principal_3_150px.png") no-repeat 75px 0px;*/
        background: url("/images/ui/Logo_Instituciones_2.png") no-repeat 0px 0px;
        width: 300px;
        height: 60px;
    }

    #dFrmUsuarioInit {
        font-size: 6pt;
    }

    #fEmail1 {
        display: none;
    }

    #fEntidad1 {
        display: none;
    }

    #fTipoUso1 {
        display: none;
    }

    #selTipoUso {
        margin: 7px 0 0 0 !important;
        height: 25px;
    }

    #dFrmUsuarioInit select {
        height: 35px !important;
    }

    #txtEmail {
        margin: 0 0 0 0 !important;
    }

    #closeMgsInicio2, #cancelMgsInicio {
        font-size: 7pt !important;
    }

    /* FIN. Condiciones de Uso */
    /****************************************************************************************/
    /* Herramientas Generales */
    #dSeparador, #dSeparador2, #dSeparador3, #dSeparador4 .icon {
        display: none;
    }

    #toolMenu {
        text-align: left;
        width: 280px;
    }

    #toolList {
        width: 285px;
        margin: 0 0 0 0;
    }
    /* FIN. Herramientas Generales */
    /****************************************************************************************/
    /* Tabla de Contenido */
    #layersMenu {
        width: 285px;
    }

    #txtSearchTOC {
        width: 75%;
        font-size: 10pt;
    }

    .searchTOC {
        margin: 12px 0 0 0;
    }

    .cTablaContenido {
        display: none;
    }

    #tocDiv {
        width: auto;
        height: 170px;
    }
    /* FIN. Tabla de Contenido */

    /********************************************************************************/
    /* Mapa Base */
    #basemapMenu, #legendMenu {
        width: 190px;
    }
    /* FIN. Mapa Base */

    /********************************************************************************/
    /* POMCA */
    .dPorPOMCA {
        margin: 45px 0 0 0%;
    }

    .dPorPOMCA1 {
        margin: 61px 0 0 0%;
    }

    .btnGenerarReporte1 {
        margin: 58px 10px 5px 10px;
        font-size: 8pt;
    }

    #selCapasANLA1 {
        width: 135px !important;
    }

    #selCapasANLASelected1 {
        width: 135px !important;
    }

    #selCapasParques1 {
        width: 135px !important;
    }

    #selCapasParquesSelected1 {
        width: 135px !important;
    }

    #selCapasMINAMBIENTE1 {
        width: 135px !important;
    }

    #selCapasMINAMBIENTESelected1 {
        width: 135px !important;
    }

    #trCapasANLA22 td {
        width: 150px;
    }

    .dMainPanel1 {
        font-size: 8pt;
    }

    .dBtnAccordion2 {
        font-size: 8pt;
    }

    #slMacrocuenca {
        width: 100px !important;
    }

    #slAutoridadAmbiental {
        width: 100px !important;
    }

    #slPOMCA {
        width: 100px !important;
    }

    .dPorAutoAmbiental {
        margin: 0 0px 0 150px;
    }

    .dPorAutoAmbiental1 {
        margin: 22px 0px 0 150px;
    }

    /* FIN. POMCA */

    #dibCoordMain {
        width: auto;
    }

    #tblDibCoordMain {
        width: auto;
    }

    #txtDatosCoord {
        width: 175px;
    }

    #spSubmitLimpiarDatos {
        margin: 5px 0 0 0;
    }

    #tblDibCoordMain {
        font-size: 7pt;
    }

    #selTipoSymbol {
        width: 181px !important;
    }

    #trInterEntreCapas, #trListaCapa2 {
        display: none !important;
    }

    #txtTituloPrintMap {
        width: 150px !important;
    }

    .spMensajeGenLeyenda {
        /*text-justify: inter-word;
        white-space: pre-wrap;*/
        display: none;
    }

    #tblToolPrintMap {
        width: auto !important;
    }

    #txtGenLeyMap {
        /*content: attr(title) ": HOla";*/
    }

    #tblToolCambiarSimb {
        width: auto !important;
    }

    #cambiarSymbolToolDialog {
        height: auto;
    }

    .cTblSelOpUsuario {
        margin: 0px 0 0px 25%;
    }

    #btnGenerarReporte1 {
        width: 110px !important;
        font-size: 7pt !important;
    }

    #btnLimpiarResultadosPOMCA1 {
        width: 49px !important;
        font-size: 7pt !important;
    }

    .cDivTitSelOpUsuario {
        font-size: 7pt;
    }

    #dProyectos {
        top: -15px !important;
        left: -22px !important;
        width: 15px;
        height: 15px;
        position: absolute;
    }

    #dProyectos span {
        display: none;
    }

    #dProyectos:active {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }

    /* Cambio Climatico */
    #dCambioClimatico {
        top: -17px !important;
        left: -3px !important;
        width: 15px;
        height: 15px;
        position: absolute;
    }

    #dCambioClimatico span {
        display: none;
    }

    #dCambioClimatico:active {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }

    /* LC Consulta*/
    #dConsultaLC2 {
        top: -15px !important;
        left: 29px !important;
        width: 15px;
        height: 15px;
        position: absolute;
    }

    #dConsultaLC2 span {
        display: none;
    }

    #dConsultaLC2:active {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }


    /*#dConsultaLC {
        top: -16px;
        left: 0px !important;
        width: 15px;
        height: 15px;
        position: absolute;
    }

        #dConsultaLC span {
            display: none;
        }

        #dConsultaLC:active {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border: 0px;
        }*/

    #btnConsultarProy, #btnLimpiarConsultarProyLC {
        font-size: 7pt;
        width: 100px !important;
    }

    #btnConsultarProyLC, #btnLimpiarConsultarProy {
        font-size: 7pt;
        width: 100px !important;
    }

    #dContainerToolProy input[type=button] {
        padding: 5px 5px;
    }

    .cSelDDLConsultaProy {
        display: inline-block;
        /*display: none;*/
    }

    #dMostrarResultados {
        width: 200px !important;
        height: 450px;
    }

    #dMainMenu1 {
        top: -4px;
        /*left: 32px !important;*/
        width: 25px;
        height: 25px;
        position: absolute;
        display: inline-block;
        margin: 0 0 0 19px;
    }

        #dMainMenu1:active {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border: 0px;
        }

        #dMainMenu1:hover {
            border-top: 0px;
        }

    #respMenu1 > li > a {
        background: url(../images/ui/menu20x20.png) no-repeat;
        height: 20px;
        width: 20px;
        position: absolute;
        margin: -15px 0 0 0;
    }

    #respMenu2 > li > a {
        background: url(../images/ui/frmIcon15x15.jpg) no-repeat;
        height: 15px;
        width: 15px;
        position: absolute;
        margin: -13px 0 0 0;
    }

    /*#dMainMenu1 > ul > li > a span.titleMenu {
        background: url(../images/ui/menu20x20.png) no-repeat;
        height: 20px;
        width: 20px;
        position: absolute;
    }*/

    #dMainMenu1 DIV {
        display: none !important;
    }

    #dMainMenu2 DIV {
        display: none !important;
    }

    #dMainMenu2 {
        top: -4px;
        /*left: 74px !important;*/
        width: 25px;
        height: 25px;
        position: absolute;
        display: inline-block;
        margin: 0 0 0 0;
    }

    .ace-responsive-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
        width: 100%;
    }

    .titleMenu {
        display: none !important;
    }

    .flechaAbajo {
        display: none !important;
    }

    #dSeparaTop {
        width: 100%;
        margin: 0 0 0 0;
    }

    #topMenuLeft {
        margin: 0 0 0 51px;
    }

    .box .login {
        height: 45%;
        width: 98%;
    }

    .boxBody input {
        width: 75%;
    }

    .box footer input {
        width: 75%;
    }
}

/*@media only screen and (orientation: landscape), screen and (max-width: 800px) {*/
@media only screen and (orientation: landscape) and (max-width: 800px) {
    #tocDiv {
        height: 80px;
    }

    .ui-dialog {
        width: 85% !important;
        height: 75% !important;
    }

    #dServiciosGIS > .ui-dialog {
        width: 250px !important;
        height: 75px !important;
    }

    #addServAndLayersMap {
        width: 84.9% !important;
        height: 75% !important;
    }

    /* ESCALA */
    #scaleInfo {
        margin: 0 0 15px 25px;
        bottom: 30px;
    }

    .esriScalebar {
        margin: 0 0 0 20px;
        bottom: 17px !important;
        left: 5px;
    }

    /* FIN. ESCALA */

    #zoomSlider {
        top: 84px;
        left: -11px;
    }

    .esriSimpleSlider {
        left: 35px;
        margin: 0 0 0 10px;
    }

    .dijitSliderBarContainerV {
        height: 55px !important;
    }

    .slideMenu .slideScroll {
        max-height: 100px;
    }

    #creditApp2 {
        right: 0px;
    }

    .cTblSelOpUsuario {
        margin: 0px 0 0px 38%;
    }

    .cResize {
        height: 100px !important;
    }

    #dMostrarResultados {
        width: 550px;
        height: 150px;
    }

    .titleMenu {
        display: none !important;
    }

    .flechaAbajo {
        display: none !important;
    }

    #locateBox {
        left: 20px;
    }

    #logoMenuUsr {
        margin: 23px 25px 0 85%;
    }

    #nombreUsuarioAutenticado {
        margin-left: 175px;
        margin-top: 30px;
        font-size: 5pt;
        position: absolute;
    }
}

@media only screen and (orientation: portrait) and (max-width: 800px) {
    .titleMenu {
        display: none !important;
    }

    .flechaAbajo {
        display: none !important;
    }
}