/*-------------------------------------------------- */
/* GENERAL */
/*-------------------------------------------------- */
* {
    outline: 0;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
/*
.geometry, .labeling, .simbolo, .ico-download20x20, .validararea20x20, 
.showselectbylocation
{ display: inline-block; background: url('png.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.geometry { background-position: -0px -0px; width: 25px; height: 25px; }
.labeling { background-position: -0px -25px; width: 25px; height: 24px; }
.simbolo { background-position: -0px -49px; width: 25px; height: 25px; }
.ico-download20x20 { background-position: -0px -74px; width: 20px; height: 20px; }
.validararea20x20 { background-position: -0px -94px; width: 20px; height: 20px; }
.showselectbylocation { background-position: -0px -114px; width: 16px; height: 16px; }
*/

html, body {
    margin: 0;
    padding: 0;
    background: #eee;
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h2 {
    font-size: 16px;
    line-height: 20px;
}

h3 {
    font-size: 14px;
    line-height: 18px;
}

h4, h5, h6 {
    font-size: 13px;
    line-height: 18px;
}

a {
    text-decoration: none;
    outline: 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    cursor: pointer;
}

    a, a:visited {
        color: #007ac2;
        cursor: pointer;
        text-decoration: underline;
    }

        a:hover, a:active, a:focus {
            color: #333;
            text-decoration: none;
        }

.clear, .Clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

b, strong {
    font-weight: bold;
}
/*-------------------------------------------------- */
/* LOADING */
/*-------------------------------------------------- */
.Status {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin: 0 10px;
}

.Loading {
    /*display:none;*/
    background: url(../images/ui/ajax-loader.gif) no-repeat center center;
}

.LoadingComplete {
    background: url(../images/ui/uiSprite.png) no-repeat -352px 0px;
}
/*-------------------------------------------------- */
/* Map Properties */
/*-------------------------------------------------- */
#mapcon {
    width: 100%;
    height: 100%;
    position: relative;
}

#map {
    position: relative;
    width: 100%;
    height: 100% !important;
    /*top: 37px;*/
}

    #map .esriAttribution .esriAttributionList {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 16px;
    }

.mapLoading {
    background: url(../images/ui/ajax-loader.gif) no-repeat center center;
}
/*-------------------------------------------------- */
/* TOP MENU BAR */
/*-------------------------------------------------- */
#topMenuBar {
    /*display: none;*/
    display: block;
    position: absolute;
    /*top: 0;
    left: 0;*/
    width: 93%;
    z-index: 57;
    background: #fefefe;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9',GradientType=0 );
    border-bottom: 1px solid #999999;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    margin: 20px 0 0 60px;
    opacity: 0.8;
    height: 110px;
    border-bottom: 4px solid #7abb3b;
}

#topMenuCon {
    position: relative;
    /*height: 120px;*/
    width: 100%;
    display: inline-block;
}

#logoTopMenu {
    height: 67px;
    width: 100%;
    /*border-bottom: 1px solid rgba(181, 188, 199, 0.5);*/
    overflow: hidden;
}

#dSeparaTop {
    width: 86.5%;
    border-bottom: 1px solid rgba(181, 188, 199, 0.5);
    margin: 0 0 0 13.5%;
}

#topMenuLeft {
    /*position: relative;*/
    position: absolute;
    /*width:250px;*/
    display: inline-block;
    /*top: 0;
    left: 0;*/
    /*margin: 0 0 0 51px;*/
    margin: 0 0 0 200px;
}

.esriRtl #topMenuLeft {
    left: auto;
    right: 0;
}

#topMenuLeft .buttonCon {
    margin: -35px 0 0 300px;
    position: absolute;
    display: inline-block;
    /*float: left;*/
}

.esriRtl #topMenuLeft .buttonCon {
    margin: 0 10px 0 0;
    float: right;
}

#topMenuRight {
    position: relative;
    /*top: 0;
    right: 0;*/
    float: right;
    margin: 10px 0 0 0;
}

.esriRtl #topMenuRight {
    right: auto;
    left: 0;
}

#locateBox {
    position: absolute !important;
}

#locateBox, #shareMap, #menuList, #aboutMapCon, #mapTitle, #placesCon {
    display: block;
    /*float: left;*/
}

.esriRtl #locateBox, .esriRtl #shareMap, .esriRtl #menuList, .esriRtl #aboutMapCon, .esriRtl #mapTitle, .esriRtl #placesCon {
    float: right;
}

#menuList {
    margin-right: 10px;
}

.esriRtl #menuList {
    margin-right: 0;
    margin-left: 10px;
}

#locateBox {
    /*margin: 22px 0 0 0;*/
    display: inline-block !important;
    /*top: -50px;
    left: 87.2%;*/
    top: -75%;
    left: 85%;
}

.esriRtl #locateBox {
    /*margin: 6px 10px 6px 0;*/
}
/*-------------------------------------------------- */
/* Share Logo */
/*-------------------------------------------------- */

#logo {
    display: inline-block;
    width: 80px;
    height: 32px;
    position: absolute;
    background-image: url('../images/ui/LogoApp_1.png');
    background-repeat: no-repeat;
    margin: 1px 0 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #87b7db;
}

#mapTitle {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 36px;
    margin: 0 0 0 10px;
    padding: 0;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #333333;
    max-width: 220px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-weight: bold;
    margin-left: 40px;
}

.esriRtl #mapTitle {
    margin: 0 10px 0 0;
    float: right;
}
/*-------------------------------------------------- */
/* SHARE BUTTON */
/*-------------------------------------------------- */
#shareIcon .iconBlock {
    background: url(../images/ui/uiSprite.png) no-repeat -160px -16px;
}
/*-------------------------------------------------- */
/* BUTTONS AND INPUT BOXES */
/*-------------------------------------------------- */
.mapInput {
    display: inline-block;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    padding: 3px;
    font-weight: normal;
    margin: 0;
    border: 1px solid #ccc;
    background: #f6f6f6;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#fefefe 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#fefefe 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#fefefe 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fefefe',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.inputRight, .buttonRight {
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-right: 1px solid #ccc;
}

.esriRtl .inputRight, .esriRtl .buttonRight {
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-left: 1px solid #ccc;
}

.inputLeft, .buttonLeft {
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-left: 1px solid #ccc;
}

.esriRtl .inputLeft, .esriRtl .buttonLeft {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-right: 1px solid #ccc;
}

.buttonLeft {
    border-right: 1px solid #ccc;
}

.esriRtl .buttonLeft {
    border-left: 1px solid #ccc;
}

.inputCenter, .buttonCenter {
    border-right: 1px solid #ccc;
}

.esriRtl .inputCenter, .esriRtl .buttonCenter {
    border-right: none;
    border-left: 1px solid #ccc;
}

.buttonSingle {
    border: 1px solid #ccc;
}

.buttonSingle, .inputSingle {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.barButton, .barButton:visited {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin: 5px 0;
    /*padding: 5px 11px;*/
    color: #333;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    /*1..*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .barButton:hover, .barButton:focus, .barSelected {
        /*padding: 4px 10px;*/
        /*background: #f0f0f0;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#fefefe 100%);
    background: -o-linear-gradient(top, #f0f0f0 0%,#fefefe 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#fefefe 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;*/
        /*1..*/
        /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
        opacity: 0.7;
    }

    .barButton .barIcon, .inlineIcon {
        display: inline-block;
        vertical-align: text-bottom;
        width: 16px;
        height: 16px;
        overflow: hidden;
        margin-right: 4px;
    }

.esriRtl .barButton .barIcon, .inlineIcon {
    margin-right: 0;
    margin-left: 4px;
}

#topMenuLeft .barButton {
    margin-right: 5px;
}

.esriRtl #topMenuLeft .barButton {
    margin-right: 0;
    margin-left: 5px;
}

#topMenuRight .barButton {
    margin-left: 5px;
    /*1..*/
    /*background-color: #bbd2e5;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.esriRtl #topMenuRight .barButton {
    margin-left: 0;
    margin-right: 5px;
}

.mapButton {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 5px 13px;
    color: #333333;
    background: #f5f5f5;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .mapButton:hover, .mapButton:focus, .buttonSelected, .buttonSelected:hover, .buttonSelected:focus {
        background: #dedede;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #dedede 0%, #dcdcdc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#dcdcdc));
        background: -webkit-linear-gradient(top, #dedede 0%,#dcdcdc 100%);
        background: -o-linear-gradient(top, #dedede 0%,#dcdcdc 100%);
        background: -ms-linear-gradient(top, #dedede 0%,#dcdcdc 100%);
        background: linear-gradient(to bottom, #dedede 0%,#dcdcdc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dcdcdc',GradientType=0 );
    }

    .mapButton img, .cBicon img {
        width: 16px !important;
        height: 16px !important;
    }

        .cBicon img:hover, .cBicon img:focus {
            opacity: 0.75;
        }

.mapSubmit, .mapCancel, .mapDelete, .modernGrey .dijitButton {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 18px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    margin-right: 5px;
}

.esriRtl .mapSubmit, .esriRtl .mapCancel, .esriRtl .mapDelete, .esriRtl .modernGrey .dijitButton {
    margin-right: 0;
    margin-left: 5px;
}

.mapSubmit, .modernGrey .esriIdSubmit {
    display: inline-block;
    color: #fff;
    background: #61aedb;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTdiYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #61aedb 0%, #017bc2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61aedb), color-stop(100%,#017bc2));
    background: -webkit-linear-gradient(top, #61aedb 0%,#017bc2 100%);
    background: -o-linear-gradient(top, #61aedb 0%,#017bc2 100%);
    background: -ms-linear-gradient(top, #61aedb 0%,#017bc2 100%);
    background: linear-gradient(to bottom, #61aedb 0%,#017bc2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61aedb', endColorstr='#017bc2',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .mapSubmit:hover, .mapSubmit:focus, .modernGrey .esriIdSubmit:hover, .modernGrey .esriIdSubmit:focus {
        background: #017bc2;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2JjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #017bc2 0%, #61aedb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017bc2), color-stop(100%,#61aedb));
        background: -webkit-linear-gradient(top, #017bc2 0%,#61aedb 100%);
        background: -o-linear-gradient(top, #017bc2 0%,#61aedb 100%);
        background: -ms-linear-gradient(top, #017bc2 0%,#61aedb 100%);
        background: linear-gradient(to bottom, #017bc2 0%,#61aedb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017bc2', endColorstr='#61aedb',GradientType=0 );
    }

a.mapSubmit:hover, a.mapSubmit:focus {
    color: #fff;
}

.mapCancel {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0;
    padding: 6px;
    color: #007ac2;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .mapCancel:hover, .mapCancel:focus {
        text-decoration: underline;
    }

.mapDelete, .modernGrey .esriIdCancel {
    color: #fff;
    background: #ee5f5b;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ee5f5b 0%, #bd362f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5f5b), color-stop(100%,#bd362f));
    background: -webkit-linear-gradient(top, #ee5f5b 0%,#bd362f 100%);
    background: -o-linear-gradient(top, #ee5f5b 0%,#bd362f 100%);
    background: -ms-linear-gradient(top, #ee5f5b 0%,#bd362f 100%);
    background: linear-gradient(to bottom, #ee5f5b 0%,#bd362f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#bd362f',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
}

    .mapDelete:hover, .mapDelete:focus, .modernGrey .esriIdCancel:hover, .modernGrey .esriIdCancel:focus {
        background: #bd362f;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTVmNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #bd362f 0%, #ee5f5b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd362f), color-stop(100%,#ee5f5b));
        background: -webkit-linear-gradient(top, #bd362f 0%,#ee5f5b 100%);
        background: -o-linear-gradient(top, #bd362f 0%,#ee5f5b 100%);
        background: -ms-linear-gradient(top, #bd362f 0%,#ee5f5b 100%);
        background: linear-gradient(to bottom, #bd362f 0%,#ee5f5b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd362f', endColorstr='#ee5f5b',GradientType=0 );
    }

.buttonTop {
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.esriRtl .buttonTop {
    text-align: right;
}

.buttonBottom {
    text-align: left;
    border-top: 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.esriRtl .buttonBottom {
    text-align: right;
}

.buttonMiddle {
    text-align: left;
    border-top: 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.esriRtl .buttonMiddle {
    text-align: right;
}

.modernGrey .dijitButtonNode {
    border: 0;
}
/*-------------------------------------------------- */
/* SLIDE MENUS */
/*-------------------------------------------------- */
.slideMenu {
    position: absolute;
    top: 135px;
    /*right: 63px;*/
    /*left:390px !important;*/
    margin-left: 29.2%;
    z-index: 56;
    background: #ffffff;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.9;
}

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

.slideMenu .menuClose {
    border-bottom: 1px solid #7abb3b;
    font-weight: bold;
    height: 25px;
    /*margin: 0 10px;*/
    padding: 10px 0 0 0;
    vertical-align: middle;
    background-color: #dcdedf;
}

    .slideMenu .menuClose .closeButton {
        width: 16px;
        height: 16px;
        display: block;
        float: right;
        overflow: hidden;
        cursor: pointer;
        background: url(../images/ui/uiSprite.png) no-repeat -80px 0px;
    }

.esriRtl .slideMenu .menuClose .closeButton {
    float: left;
}

.slideMenu .slideScroll {
    margin-top: 6px;
    max-height: 275px;
    *height: 275px;
    _height: 275px;
    overflow: auto;
}

.slideMenu .esriLegendServiceLabel {
    display: inline-block;
    width: 238px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#layersMenu, #socialMenu {
    width: 400px;
}

#basemapMenu, #legendMenu {
    width: 285px;
}

#basemapPlanetMenu {
    width: 285px;
    left: 39.5%;
    height: auto;
    overflow: hidden;
}

#dListaCapasWMTS {
    overflow: scroll;
    height: 250px;
    font-size: 8pt;
}

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


#txtSearchToolPlanet {
    width: 260px;
}

#dTotalRegSel {
    width: auto;
    font-size: 8pt;
}

.slideMenu .stripe {
    background-color: #f5f5f5;
}

.slideMenu .pos {
    right: 63px !important;
}

/*-------------------------------------------------- */
/* SHARE LAYERS */
/*-------------------------------------------------- */
#shareControls {
    position: absolute;
    background: #ffffff;
    top: 37px;
    z-index: 55;
    font-size: 12px;
    width: 270px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

    #shareControls .shareContainer {
        margin: 6px 10px 10px 10px;
    }

    #shareControls h3 {
        margin: 0;
        margin-bottom: 5px;
        font-size: 12px;
    }

    #shareControls .Pad {
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
    }

    #shareControls input {
        margin-top: 5px;
    }

    #shareControls #inputShare, #shareControls #inputEmbed, #quickEmbedCode {
        width: 234px;
        max-width: 234px;
    }

#quickEmbedCode {
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px 0;
    border: 1px solid #CCC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#fbImage {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    color: #007AC2;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

.esriRtl #fbImage {
    margin-right: 0;
    margin-left: 10px;
}

#fbImage .icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/ui/uiSprite.png) no-repeat -128px -16px;
    margin-right: 4px;
    vertical-align: bottom;
}

.esriRtl #fbImage .icon {
    margin-right: 0;
    margin-left: 4px;
}

#fbImage:hover, #fbImage:focus {
    opacity: 0.75;
}

#twImage {
    display: inline-block;
    color: #007AC2;
    margin-top: 10px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

    #twImage .icon {
        display: inline-block;
        height: 16px;
        width: 16px;
        background: url(../images/ui/uiSprite.png) no-repeat -144px -16px;
        margin-right: 4px;
        vertical-align: bottom;
    }

.esriRtl #twImage .icon {
    margin-right: 0;
    margin-left: 4px;
}

#twImage:hover, #twImage:focus {
    opacity: 0.75;
}
/*-------------------------------------------------- */
/* Share box embed sizing*/
/*-------------------------------------------------- */
#embedOptions {
    color: #007AC2;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

    #embedOptions:hover, #embedOptions:focus {
        opacity: 0.75;
    }
/*-------------------------------------------------- */
/* Basemap Menu */
/*-------------------------------------------------- */
.bmMenuCon {
    padding: 5px 10px 10px 10px;
}

.basemapIcon {
    /*background: url(../images/ui/uiSprite.png) no-repeat -96px 0;*/
    background: url(../images/ui/header-icons.png) no-repeat -80px -5px;
    height: 23px !important;
    width: 23px !important;
}
/*-------------------------------------------------- */
/* Legend Menu */
/*-------------------------------------------------- */
.legendMenuCon {
    padding: 5px 10px 10px 10px;
}

.legendIcon {
    background: url(../images/ui/uiSprite.png) no-repeat -368px 0;
}
/*-------------------------------------------------- */
/* EXPLORE LAYERS */
/*-------------------------------------------------- */

.layersIcon {
    /*background: url(../images/ui/uiSprite.png) no-repeat -112px 0;*/
    background: url(../images/ui/header-icons.png) no-repeat -155px -5px;
    height: 23px !important;
    width: 23px !important;
}

.proyEvalIcon {
    /*background: url(../images/ui/uiSprite.png) no-repeat -320px 0;*/
    background: url(../images/ui/header-icons.png) no-repeat -118px -5px;
    height: 23px !important;
    width: 23px !important;
}

.proyectosIcon {
    background: url(../images/ui/header-icons.png) no-repeat -118px -5px;
    height: 23px !important;
    width: 23px !important;
}

.baseMapPlanetIcon {
    /*background: url(../images/ui/planetearth16x16.png) no-repeat -118px -5px;*/
    background: url(../images/ui/planetearth20x20.png) no-repeat;
    height: 21px !important;
    width: 21px !important;
    margin: 2px 0 0 0;
}

.planetIcon {
    /*background: url(../images/ui/planetearth16x16.png) no-repeat -118px -5px;*/
    background: url(../images/ui/planet.png) no-repeat;
    height: 21px !important;
    width: 21px !important;
    margin: 4px 0 0 0;
}


.digitalGlobeIcon {
    /*background: url(../images/ui/planetearth16x16.png) no-repeat -118px -5px;*/
    background: url(../images/ui/world.png) no-repeat;
    height: 21px !important;
    width: 21px !important;
    margin: 4px 0 0 0;
}


#baseMapPlanetButton {
    top: 1px;
    position: relative;
    left: 2px;
}

#dProyectos {
    display: inline-block;
    width: 130px;
    /*position: absolute;*/
    margin: 0 0 0 0;
    /*top: 15px;
    left: 280px;*/
    cursor: pointer;
}

    #dProyectos DIV {
        display: inline-block;
        /*background: url(../images/ui/ConsultarProy.png) no-repeat -118px -5px;*/
        background: url(../images/ui/Lupa1.png) no-repeat;
        height: 16px;
        width: 15px;
        margin: -2px 0 0 0;
        position: absolute;
    }

    #dProyectos span {
        margin: 6px 0 0 17px;
        /*position: absolute;*/
    }

    /*#dProyectos:hover {
        border-bottom: 1px solid #cecece;
    }*/

    #dProyectos > span:hover {
        border-bottom: 1px solid #cecece;
    }

    #dProyectos:active {
        /*background-color: SteelBlue;*/
        /*color: White;*/
        /*font-weight: bold;
    font-size: 8pt;*/
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }



#dConsultaLC2 {
    display: inline-block;
    width: 130px;
    /*position: absolute;*/
    margin: 0 0 0 0;
    /*top: 15px;
    left: 280px;*/
    cursor: pointer;
}

    #dConsultaLC2 DIV {
        display: inline-block;
        /*background: url(../images/ui/ConsultarProy.png) no-repeat -118px -5px;*/
        background: url(../images/ui/Lupa1.png) no-repeat;
        height: 16px;
        width: 15px;
        margin: -2px 0 0 0;
        position: absolute;
    }

    #dConsultaLC2 span {
        margin: 6px 0 0 17px;
    }

    #dConsultaLC2 > span:hover {
        border-bottom: 1px solid #cecece;
    }

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


/*.cerrarSessionIcon
{
    background: url(../images/ui/uiSprite.png) no-repeat -96px 0;
}*/
#cerrarSessionButton {
    /*text-decoration:underline;*/
    /*font-size: 11px;
    font-weight: bold;*/
    display: inline-block;
    background: url(../images/ui/header-icons.png) no-repeat -265px -5px;
    width: 23px;
    height: 27px;
    cursor: pointer;
    margin: 3px 0px 0 0px;
}

#returnParentButton {
    display: inline-block;
    background: url(../images/ui/header-icons.png) no-repeat -265px -5px;
    width: 23px;
    height: 27px;
    cursor: pointer;
    margin: 3px 0px 0 0px;
}

#aboutAppButton {
    /*text-decoration: underline;
    font-size: 11px;*/
    /*font-weight:bold;*/
    display: inline-block;
    background: url(../images/ui/header-icons.png) no-repeat -303px -5px;
    width: 23px;
    height: 27px;
    cursor: pointer;
    margin: 3px 5px 0 5px;
}

.listMenu ul {
    margin: 6px 0;
    list-style: none;
    padding: 0;
}

    .listMenu ul li {
        line-height: 16px;
        vertical-align: middle;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .listMenu ul li.layer {
            height: 16px;
            padding: 6px 10px;
            position: relative;
        }

        .listMenu ul li.active {
            padding: 5px 10px;
            background: #fff;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            z-index: 2;
        }

    .listMenu ul ul {
        margin: 0;
        display: none;
    }

.listMenu .unauthenticated {
    color: #ccc;
}

.listMenu li .oAuthSignIn {
    margin: 0 0 0 8px;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
}

.esriRtl .listMenu li .oAuthSignIn {
    margin: 0 8px 0 0;
}

.listMenu li .cBox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ui/uiSprite.png) no-repeat 0 0px;
    cursor: pointer;
    margin: 0 8px 0 0;
}

.listMenu .unauthenticated .cBox {
    opacity: 0.5;
}

.esriRtl .listMenu li .cBox {
    margin: 0 0 0 8px;
}

.listMenu li.checked .cBox {
    background: url(../images/ui/uiSprite.png) no-repeat -16px 0px;
}

.listMenu li.cLoading .cBox {
    background: url(../images/ui/ajax-loader.gif) no-repeat center center;
}

.listMenu li .toggle {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.listMenu li.cLoading .toggle {
    cursor: default;
}

.listMenu .unauthenticated .toggle {
    cursor: default;
}

.listMenu .cBicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
}

.listMenu .unauthenticated .cBicon {
    opacity: 0.5;
}

.esriRtl .listMenu .cBicon {
    margin: 0 0 0 8px;
}

.listMenu .cBtitle {
    display: inline-block;
    height: 16px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#layersMenu .cBtitle {
    width: 200px;
}

.listMenu .cBtitle:hover, .listMenu .cBtitle:focus {
    opacity: 0.75;
}

.listMenu .cBinfo {
    display: block;
    height: 16px;
    width: 16px;
    vertical-align: top;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    background: url(../images/ui/uiSprite.png) no-repeat -304px 0px;
}

.esriRtl .listMenu .cBinfo {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

.listMenu .cBconfig {
    display: block;
    height: 16px;
    width: 16px;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px;
    float: right;
    background: url(../images/ui/uiSprite.png) no-repeat -336px 0px;
}

.esriRtl .listMenu .cBconfig {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}


.listMenu .unauthenticated .cBconfig, .listMenu .unauthenticated .cBinfo {
    display: none;
}

.listMenu .cBinfo:hover, .listMenu .cBinfo:focus {
    opacity: 0.75;
}

.listMenu .active .cBinfo {
    background: url(../images/ui/uiSprite.png) no-repeat -288px 0px;
}

    .listMenu .active .cBinfo:hover, .listMenu .active .cBinfo:focus {
        opacity: 0.75;
    }

.listMenu .cBconfig:hover, .listMenu .cBconfig:focus {
    opacity: 0.75;
}

.listMenu .cover {
    display: none;
}

.listMenu .active .cover {
    background: #fff;
    display: block;
    width: 1px;
    height: 26px;
    _height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.listMenu .displayAs {
    padding: 0 10px 10px 10px;
}

    .listMenu .displayAs .mapButton {
        display: block;
        width: 100px;
    }

.listMenu .displayAsText {
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    height: 16px;
    margin: 0 0 10px 0;
    padding: 0;
}

/*-------------------------------------------------- */
/* Tooltip */
/*-------------------------------------------------- */
.infoHidden {
    display: none;
    color: #000;
    position: absolute;
    margin: 0 -1px 0 0;
    top: -1px;
    z-index: 4;
    right: 100%;
    width: 288px;
    padding: 26px 10px 10px 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.esriRtl .infoHidden {
    margin: 0 0 0 -1px;
    right: auto;
    left: 100%;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.infoHidden .ihClose {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    background: url(../images/ui/uiSprite.png) no-repeat -80px 0px;
}

.esriRtl .infoHidden .ihClose {
    right: auto;
    left: 5px;
}

.infoHidden img {
    margin: 10px 0;
}

.infoHiddenScroll {
    max-height: 225px;
    overflow: auto;
    word-wrap: break-word;
}
/*-------------------------------------------------- */
/* Settings Panel Menu */
/*-------------------------------------------------- */
#cfgMenu {
    text-align: center;
}

    #cfgMenu .mapButton:focus {
        background: #f5f5f5;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1));
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
    }

    #cfgMenu .buttonSelected, #cfgMenu .buttonSelected:hover, #cfgMenu .buttonSelected:focus {
        background: #fff;
        position: relative;
        padding-bottom: 6px;
        z-index: 100;
        border-bottom: 0;
    }

/*-------------------------------------------------- */
/* Settings Panel */
/*-------------------------------------------------- */
.firstDesc {
    margin: 10px 0;
    text-align: center;
}

.socialIcon {
    background: url(../images/ui/uiSprite.png) no-repeat -160px -16px;
}


.toolIcon1 {
    /*background: url(../images/ui/uiSprite.png) no-repeat -335px 0px;*/
    background: url(../images/ui/header-icons.png) no-repeat -192px -5px;
    height: 23px !important;
    width: 23px !important;
}

.pointButton .iconBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    background: url(../images/ui/uiSprite.png) no-repeat -64px 0px;
}

.esriRtl .pointButton .iconBlock {
    margin-right: 0;
    margin-left: 5px;
}

.clusterButton .iconBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    background: url(../images/ui/uiSprite.png) no-repeat -160px 0px;
}

.esriRtl .clusterButton .iconBlock {
    margin-right: 0;
    margin-left: 5px;
}

.heatButton .iconBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    background: url(../images/ui/uiSprite.png) no-repeat -176px 0px;
}

.esriRtl .heatButton .iconBlock {
    margin-right: 0;
    margin-left: 5px;
}
/*-------------------------------------------------- */
/* FORM FLOAT CONTAINER */
/*-------------------------------------------------- */
.formStyle {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .formStyle li {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 10px;
    }

        .formStyle li label {
            display: inline-block;
            width: 120px;
            margin-right: 10px;
        }

.esriRtl .formStyle li label {
    margin-right: 0;
    margin-left: 10px;
}

.twInfo {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    cursor: pointer;
    margin-left: 5px;
    background: url(../images/ui/uiSprite.png) no-repeat -304px 0px;
}

.esriRtl .twInfo {
    margin-left: 0;
    margin-right: 5px;
}
/*-------------------------------------------------- */
/* TRANSPARENCY SLIDER */
/*-------------------------------------------------- */
.transSlider {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 11px;
    text-align: left;
}

.esriRtl .transSlider {
    text-align: right;
}

.transLabel {
    display: inline-block;
    margin-right: 10px;
}

.esriRtl .transLabel {
    margin-right: 0;
    margin-left: 10px;
}
/*-------------------------------------------------- */
/* ZOOM SLIDER */
/*-------------------------------------------------- */
#zoomSlider {
    position: absolute;
    top: 115px;
    left: 15px;
    margin: 10px;
    padding: 0;
    z-index: 36;
}

.esriRtl #zoomSlider {
    left: auto;
    right: 0;
}

#homeExtent {
    display: block;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background: url(../images/ui/zoomBar.png) no-repeat -115px 0;
}

#geoLocate {
    display: block;
    cursor: pointer;
    height: 23px;
    width: 26px;
    background: url(../images/ui/zoomBar.png) no-repeat -89px 0;
}

#homeExtent.noGeo {
    background: url(../images/ui/zoomBar.png) no-repeat -141px 0;
}

/*-------------------------------------------------- */
/* POP UP */
/*-------------------------------------------------- */
#map .modernGrey {
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

    #map .modernGrey .titlePane {
        line-height: 28px;
        background: #f4f4f4;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e9e9e9));
        background: -webkit-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
        background: -o-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
        background: -ms-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
        background: linear-gradient(to bottom, #f4f4f4 0%,#e9e9e9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9',GradientType=0 );
        color: #333;
        border: 0;
        border-bottom: 1px solid #dbdbdb;
        -webkit-border-radius: 2px 2px 0px 0px;
        border-radius: 2px 2px 0px 0px;
    }

.dj_ie7 #map .modernGrey .titlePane, .dj_ie7 #map .modernGrey .titlePane .title {
    background: #db652c;
}

#map .modernGrey .titleButton {
    top: 6px;
    background-image: url(../images/ui/popup.png);
}

#map .modernGrey .pointer, #map .modernGrey .outerPointer {
    /*background-image: url(../images/ui/popup.png);*/
}

.esriPopup .outerPointer.left {
    width: 25px !important;
}

#map .modernGrey .titleButton, #map .modernGrey .pointer, #map .modernGrey .esriViewPopup .gallery .mediaHandle, #map .modernGrey .esriViewPopup .gallery .mediaIcon {
    /*background-image: url(../images/ui/popup.png);*/
    background-image: url(../images/ui/CerrarWindows.png);
}

#map .modernGrey .titlePane .spinner {
    margin-top: 6px;
    background: url(../images/ui/ajax-loader.gif) no-repeat;
}

#map .modernGrey .titleButton.maximize {
    top: 8px;
}

#map .modernGrey .titleButton.restore {
    top: 8px;
}

#map .modernGrey .contentPane {
    background: #fff;
    padding: 10px;
    color: #333;
    font-size: 12px;
    line-height: 16px;
    height: 190px;
}

#map .modernGrey .esriViewPopup .hzLine {
    border-top: 1px solid #ccc;
}

#map .modernGrey .actionsPane {
    color: #333;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
}

#map .modernGrey .contentPane, #map .modernGrey .actionsPane {
    border: 0;
    font-size: 12px;
    line-height: 16px;
}

    #map .modernGrey .actionsPane .actionList a {
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        line-height: 16px;
        height: 16px;
    }

        #map .modernGrey .actionsPane .actionList a:hover, #map .modernGrey .actionsPane .actionList a:focus {
            opacity: 0.75;
        }

    #map .modernGrey .actionsPane .actionList .LoadingComplete {
        display: inline-block;
        height: 16px;
        width: 16px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        margin-right: 5px;
    }

#map .modernGrey .titlePane .iconImg {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 5px;
    display: inline-block;
}

#map .modernGrey .titlePane .pageInfo {
    display: inline-block;
}

#map .modernGrey .titlePane .titleInfo {
    display: inline-block;
    margin-right: 5px;
}

#reportLoading {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin: 0 2px 0 0;
}

.esriRtl #reportLoading {
    margin: 0 0 0 2px;
}

/*-------------------------------------------------- */
/* Places */
/*-------------------------------------------------- */
.placesMenuIcon {
    background: url(../images/ui/uiSprite.png) no-repeat -176px -16px;
}

#placesMenu {
    width: 250px;
}

    #placesMenu .sharedItem {
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

        #placesMenu .sharedItem:hover {
            color: #fff;
            background-color: #007ac2;
        }
/*-------------------------------------------------- */
/*  About */
/*-------------------------------------------------- */

.aboutInfo {
    background: url(../images/ui/uiSprite.png) no-repeat -304px 0;
}

#aboutDialog .license {
    margin-bottom: 10px;
}

#toolList {
    width: 1200px;
    margin: 5px 0 0 10px;
}

#vaImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    /*border-right:1px solid #457998;*/
}

    #vaImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/flecha_atras.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -68px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #vaImage:hover {
        opacity: 0.75;
    }

#vsImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    /*border-right:1px solid #457998;*/
}

    #vsImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/flecha_delante.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -100px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #vsImage:hover {
        opacity: 0.75;
    }

#ziImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #ziImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/zoomIn_25.png');
    background-repeat: no-repeat;*/
        /*background: url('../images/ui/uiSprite.png') no-repeat -271px 0px;*/
        background: url(/images/ui/logostools.png) no-repeat -127px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #ziImage:hover {
        opacity: 0.75;
    }

#zoImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #zoImage .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        /*background-image: url('../images/ui/zoomOut_25.png');
    background-repeat: no-repeat;*/
        /*background: url('../images/ui/uiSprite.png') no-repeat -271px 0px;*/
        background: url(/images/ui/logostools.png) no-repeat -157px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #zoImage:hover {
        opacity: 0.75;
    }


#panImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #panImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/pan.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -185px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #panImage:hover {
        opacity: 0.75;
    }

#feImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #feImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/Zoom-Extent_25.jpg');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -212px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 8px;
    }

    #feImage:hover {
        opacity: 0.75;
    }

#medImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #medImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/measure.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -243px 0px;
        width: 23px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #medImage:hover {
        opacity: 0.75;
    }

#identImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    /*border-right:1px solid #457998;*/
}

    #identImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/i_identify.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -273px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #identImage:hover {
        opacity: 0.75;
    }

#queryImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #queryImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/QueryBuilder.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -306px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #queryImage:hover {
        opacity: 0.75;
    }

#selImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #selImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/Selected.png');
    background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -397px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #selImage:hover {
        opacity: 0.75;
    }

#selLocImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #selLocImage .icon {
        display: inline-block;
        /*height: 25px;
        width: 25px;
        background-image: url('../images/ui/ShowSelectByLocation.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/ShowSelectByLocation.png) no-repeat 0px 8px;
        width: 23px;
        height: 28px;
        /*margin-top: 5px;*/
        margin-left: 7px;
    }

    #selLocImage:hover {
        opacity: 0.75;
    }


#selImage1 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #selImage1 .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/Selected.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #selImage1:hover {
        opacity: 0.75;
    }

#agrImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    /*border-right:1px solid #457998;*/
}

    #agrImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/addLayers.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -339px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #agrImage:hover {
        opacity: 0.75;
    }

#dibCoordImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #dibCoordImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/coord.gif');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -614px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dibCoordImage:hover {
        opacity: 0.75;
    }


#dibCoordImage1 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #dibCoordImage1 .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/coord.gif');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dibCoordImage1:hover {
        opacity: 0.75;
    }


#valInterAreaImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #valInterAreaImage .icon {
        display: inline-block;
        /*height: 25px;
        width: 25px;
        background-image: url('../images/ui/validarArea20x20.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/validarArea20x20.png) no-repeat 0px 2px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;*/
        margin-left: 5px;
    }

    #valInterAreaImage:hover {
        opacity: 0.75;
    }


#descagarArchivosImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #descagarArchivosImage .icon {
        display: inline-block;
        /*height: 25px;
        width: 25px;
        background-image: url('../images/ui/ico_download20x20.gif');
        background-repeat: no-repeat;*/
        background: url(/images/ui/ico_download20x20.gif) no-repeat 0px 2px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;*/
        margin-left: 5px;
    }

    #descagarArchivosImage:hover {
        opacity: 0.75;
    }


#dibGeoImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #dibGeoImage .icon {
        display: inline-block;
        background: url(/images/ui/logostools.png) no-repeat -550px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dibGeoImage:hover {
        opacity: 0.75;
    }

#dibGeoImage2 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #dibGeoImage2 .icon {
        display: inline-block;
        background: url(/images/ui/logostools.png) no-repeat -550px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dibGeoImage2:hover {
        opacity: 0.75;
    }

#dibGeoImage1 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    /*border-right:1px solid #457998;*/
}

    #dibGeoImage1 .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/DibGeo.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dibGeoImage1:hover {
        opacity: 0.75;
    }

#showCoordImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #showCoordImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/xy.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -369px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #showCoordImage:hover {
        opacity: 0.75;
    }

#printMapImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #printMapImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/print-map.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -645px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #printMapImage:hover {
        opacity: 0.75;
    }

#rptCoordMapImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #rptCoordMapImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/results_icon.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/results_icon.png) no-repeat 0px 0px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;*/
        margin-left: 5px;
    }

    #rptCoordMapImage:hover {
        opacity: 0.75;
    }

#conversionCoordImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #conversionCoordImage .icon {
        display: inline-block;
        /*height: 30px;
                width: 30px;
                background-image: url('../images/ui/results_icon.png');
                background-repeat: no-repeat;*/
        background: url(/images/ui/coord.gif) no-repeat 0px 0px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;*/
        margin-left: 5px;
    }

    #conversionCoordImage:hover {
        opacity: 0.75;
    }

#generarEtiqMapImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #generarEtiqMapImage .icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;
    background-image: url('../images/ui/labeling.jpg');
    background-repeat: no-repeat;*/
        background: url(/images/ui/labeling.png) no-repeat 2px 0px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;
    margin-left: 5px;*/
        margin-left: 5px;
    }

    #generarEtiqMapImage:hover {
        opacity: 0.75;
    }

#importShapeImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #importShapeImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/shapeFileIco.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -487px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #importShapeImage:hover {
        opacity: 0.75;
    }

#importShapeImage1 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #importShapeImage1 .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/shapeFileIco.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #importShapeImage1:hover {
        opacity: 0.75;
    }

#expShapeImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #expShapeImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/export-shape.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -519px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

#proyMinCorpImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #proyMinCorpImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/vital_opaco.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -425px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #proyMinCorpImage:hover {
        opacity: 0.75;
    }

#swipeImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #swipeImage .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/swipe_button.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #swipeImage:hover {
        opacity: 0.75;
    }


#geoGraImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #geoGraImage .icon {
        display: inline-block;
        /*height: 25px;
        width: 28px;
        background-image: url('../images/ui/geometry.png');
        background-repeat: no-repeat;
        margin: 0px 0px 4px 3px;*/
        background: url(/images/ui/geometry.png) no-repeat 0px 0px;
        width: 25px;
        height: 25px;
        /*border-radius: 2px;*/
        /*border: 1px solid;*/
    }

    #geoGraImage:hover {
        opacity: 0.75;
    }

#swipeImage2 {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #swipeImage2 .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/swipe_button.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -675px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #swipeImage2:hover {
        opacity: 0.75;
    }

#datosGPSImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #datosGPSImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/gpx30.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -457px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #datosGPSImage:hover {
        opacity: 0.75;
    }

#symbolImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #symbolImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/simbolo.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/simbolo.png) no-repeat 0px 0px;
        width: 25px;
        height: 25px;
        /*margin-top: 5px;*/
        margin-left: 5px;
    }

    #symbolImage:hover {
        opacity: 0.75;
    }


#toolGeoprocessingImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #toolGeoprocessingImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/ArcToolboxBtn30x25.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -584px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #toolGeoprocessingImage:hover {
        opacity: 0.75;
    }



#delUltimoGrafImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #delUltimoGrafImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/back.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -705px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #delUltimoGrafImage:hover {
        opacity: 0.75;
    }

#delRehacerGrafImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #delRehacerGrafImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/rehacer.png');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -737px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #delRehacerGrafImage:hover {
        opacity: 0.75;
    }

#delGrafImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #delGrafImage .icon {
        display: inline-block;
        /*height: 30px;
        width: 30px;
        background-image: url('../images/ui/deleteGraf.gif');
        background-repeat: no-repeat;*/
        background: url(/images/ui/logostools.png) no-repeat -767px 0px;
        width: 23px;
        height: 28px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #delGrafImage:hover {
        opacity: 0.75;
    }

#tocDiv {
    width: 400px;
    height: 350px;
    overflow: scroll;
    position: relative;
}

.treeExpando {
    background-image: url('../images/ui/openTree.gif');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.treeColapso {
    background-image: url('../images/ui/closeTree.gif');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.dijitTreeExpandoClosed1 {
    background-position: 0 -2px;
}

.dijitTreeExpandoOpened1 {
    background-position: 18px -2px;
}

.dijitTreeExpando1 {
    background-image: url("../images/ui/treeExpandImages.png");
    width: 16px;
    height: 16px;
}

#infoCoord {
    position: absolute;
    right: 30px;
    bottom: 5px;
    color: #333;
    z-index: 50;
    background-color: #f7f7f7;
}

#tblToolIdentify {
    border: 5px solid;
    border-spacing: 2pt;
    border: outset 0pt;
    border-collapse: separate;
    width: 335px;
    height: auto;
}

#tblToolSelection {
    border: 5px solid;
    border-spacing: 2pt;
    border: outset 0pt;
    border-collapse: separate;
}

#identifyDiv {
    /*text-align: center;*/
}

#selectDiv {
    text-align: center;
}

#dMallaMsg {
    border: none;
    padding: 15px;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    opacity: .5;
    color: #fff;
}

.mapButton2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 14px;
    margin: 0;
    padding: 4px 12px;
    color: #000;
    background: #f3f7fa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWIwZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f7fa), color-stop(100%, #89b0d2));
    background: -webkit-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
    background: -o-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
    background: -ms-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
    background: linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fa', endColorstr='#89b0d2', GradientType=0 );
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

    .mapButton2:hover {
        background: #c7d8e3;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3ZDhlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTliYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #c7d8e3 0%, #719bbd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7d8e3), color-stop(100%, #719bbd));
        background: -webkit-linear-gradient(top, #c7d8e3 0%, #719bbd 100%);
        background: -o-linear-gradient(top, #c7d8e3 0%, #719bbd 100%);
        background: -ms-linear-gradient(top, #c7d8e3 0%, #719bbd 100%);
        background: linear-gradient(top, #c7d8e3 0%, #719bbd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d8e3', endColorstr='#719bbd', GradientType=0 );
    }

    .mapButton2 img {
        width: 30px !important;
        height: 30px !important;
    }

.buttonLeft {
    border-right: 1px solid #457998;
}

/*-------------------------------------------------- */
/* Settings Panel Menu */
/*-------------------------------------------------- */
#cfgMenu {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;
    height: 28px;
    z-index: 2;
}

#cfgMenu2 {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;
    height: 28px;
    z-index: 2;
}

.clear, .Clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

table.result {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
    background-color: white;
}

    table.result th {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
    }

    table.result td {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
    }

#divZoomToFeatureGP, #imgZoomToFeatureGP {
    background: url(../images/ui/uiSprite.png) no-repeat -273px 0;
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 0px solid;
}

.btnLimpiar {
    background-image: url('../images/ui/DeleteRed.png');
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    border-image: 0px;
    border-top: 1px #acaeb4 solid;
    border-left: 1px #dde1e7 solid;
    border-right: 1px #dde1e7 solid;
    border-bottom: 1px #e3e9ef solid;
    cursor: pointer;
}

.btnLimpiarAnt {
    background-image: url('../images/ui/back.png');
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    border-image: 0px;
    border-top: 1px #acaeb4 solid;
    border-left: 1px #dde1e7 solid;
    border-right: 1px #dde1e7 solid;
    border-bottom: 1px #e3e9ef solid;
    cursor: pointer;
}

.moveable {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background-color: #fff;
    width: 6px;
    height: 900px;
    padding: 0 !important;
    margin: 0;
    z-index: 30;
    cursor: col-resize;
}

table.tblOpcToolGeopAtt {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    /*border-color: gray;*/
    border-collapse: separate;
    background-color: white;
}

    table.tblOpcToolGeopAtt th {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: black;
        background-color: white;
    }

    table.tblOpcToolGeopAtt tr {
        /*border-width: 1px;
padding: 1px;
border-style: inset;
border-color: gray;
background-color: white;*/
    }

    table.tblOpcToolGeopAtt td {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
    }


#bufferImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    #bufferImage .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/SelectionBuffer.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
    }

    #bufferImage:hover {
        opacity: 0.75;
    }

/*#region  Escala */
#scaleInfo {
    position: absolute;
    margin: 0 0 30px 25px;
    bottom: 18px;
    color: #333333;
    z-index: 50;
    font-weight: bold;
    /*color: #66667e;*/
    cursor: pointer;
    width: auto;
    /*border:solid 1px;*/
    background-color: #f7f7f7;
}
/*#endregion */

.btnAddAtt {
    background: url("../images/ui/accept-20x20.gif") no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
}

.LayerSwipe {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .LayerSwipe .vertical {
        position: absolute;
        border-left: 1px solid #848484;
        border-right: 1px solid #848484;
        background-color: #dadada;
        width: 6px;
        height: 100%;
        padding: 0 !important;
        margin: 0;
        z-index: 30;
        cursor: col-resize;
    }

        .LayerSwipe .vertical .handle {
            width: 24px;
            height: 32px;
            margin: -16px 0 0 -12px;
            position: absolute;
            z-index: 30;
            top: 50%;
            left: 50%;
            background-color: #dadada;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #848484;
            background-image: url("../images/ui/vDrag.png");
            background-repeat: no-repeat;
            background-position: center center;
        }

    .LayerSwipe .scope {
        border: 0;
        height: 261px;
        overflow: hidden;
        position: absolute;
        width: 261px;
        cursor: move;
        top: 0;
        left: 0;
        z-index: 30;
        background-color: transparent;
        background-image: url("../images/ui/scope.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

        .LayerSwipe .scope .handleContainer {
            display: none;
        }

    .LayerSwipe .scope {
        cursor: move;
    }

/*#region  Creditos */
#infoCred {
    position: absolute;
    /*margin: 0 0 0 550px;
    bottom: 5px;*/
    color: #000;
    z-index: 50;
    font-weight: bold;
    margin: 0 0 0 0;
    font-size: 9pt;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
/*#endregion */

.deleteIcon {
    display: inline-block;
    height: 15px;
    width: 30px;
    background-image: url('/images/ui/DeleteRed16x16.png');
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-left: 5px;
    text-align: center;
    vertical-align: bottom;
}

#proyEvalMenu {
    width: 450px;
    margin-left: 65.8% !important;
}

.tabla {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-collapse: separate;
    background-color: white;
    border: 1px solid;
}

table.tabla {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    /*border-color: gray;*/
    border-collapse: separate;
    background-color: white;
}

    table.tabla th {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: black;
        background-color: white;
    }

    table.tabla tr {
        /*border-width: 1px;
padding: 1px;
border-style: inset;
border-color: gray;
background-color: white;*/
    }

    table.tabla td {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
    }

#btnExpErroresLM {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url('/images/ui/Exports.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
}

#btnImgExportExcelLM {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url('/images/ui/Exports.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
}

#cambiarPwdImage {
    cursor: pointer;
}

    #cambiarPwdImage .icon {
        display: inline-block;
        height: 16px;
        width: 16px;
        background: url(../images/ui/uiSprite.png) no-repeat 0px -15px;
        /*margin-right: 4px;
    vertical-align: bottom;*/
    }

    #cambiarPwdImage:hover {
        opacity: 0.75;
    }

#dSelElInFeature, #dSelElClipFeature, #dIntertoolSel, #dIntertoolSel2, #dBuffertoolSel, #dUniontoolSel, #dUniontoolSel2, #dMergetoolSel, #dMergetoolSel2, #dDissolvetoolSel {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/Selected.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dDibElInFeature, #dDibElClipFeature {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url(../images/ui/DibGeo.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dResGeopServ, #dResBufferGeopServ, #dResGeopServIntersect {
    margin: 15px 0 0 0;
    display: none;
    height: 150px;
    overflow: scroll;
}

#trOptionOperacion {
    /*display:none;*/
    visibility: hidden;
    font-size: 9px;
}

.optionOperacion {
    text-decoration: underline;
    cursor: pointer;
}

.selOptionOperacion {
    text-decoration: none;
    cursor: default;
}

#dSelFromElementBuffer {
    display: none;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/validate-features.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dSelFromElementClip, #dSelFromElementClip2 {
    display: none;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/validate-features.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dSelFromElementInter, #dSelFromElementInter2 {
    display: none;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/validate-features.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dSelFromElementUnion, #dSelFromElementUnion2 {
    display: none;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/validate-features.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dSelFromElementMerge, #dSelFromElementMerge2 {
    display: none;
    height: 25px;
    width: 25px;
    background-image: url(../images/ui/validate-features.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#dSeparador, #dSeparador2, #dSeparador3, #dSeparador4 {
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 5px;
    height: 30px;
    margin-left: 7px;
    margin-right: 7px;
}

    #dSeparador, #dSeparador2, #dSeparador3, #dSeparador4 .icon {
        display: inline-block;
        height: 30px;
        width: 5px;
        background-image: url('../images/ui/separador2.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        /*margin-left: 5px;*/
    }

#dMostrarOptBufferTool {
    position: relative;
    float: left;
    margin: -70px 0px 0px 500px;
}

.notactive {
    pointer-events: none;
    cursor: default;
}

#dReorderLayer {
    display: inline-block;
    width: 75px;
    height: 20px;
    background-image: url('../images/ui/reorder_layer.gif');
    background-repeat: no-repeat;
    margin-top: -9px;
    margin-left: 7px;
    margin-bottom: 0px;
    margin-right: 0px;
    cursor: pointer;
}


    #dReorderLayer SPAN {
        font-size: 7pt;
        margin: 4px 0 0 27px;
        position: absolute;
    }

#dAgregarServicioMapa {
    display: inline-block;
    width: 83px;
    height: 16px;
    background-image: url('../images/ui/AddServices.png');
    background-repeat: no-repeat;
    margin-top: -9px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    cursor: pointer;
}

    #dAgregarServicioMapa SPAN {
        font-size: 7pt;
        margin: 0 0 0 20px;
        position: absolute;
    }

        #dAgregarServicioMapa SPAN:hover, #dAgregarServicioMapa:hover, #dReorderLayer:hover, #dReorderLayer SPAN:hover, #dLeyendMapa:hover, #dLeyendMapa span:hover, #drefreshTOC:hover, #drefreshTOC span:hover {
            text-decoration: underline;
            opacity: 0.7;
        }

#dLeyendMapa {
    display: inline-block;
    width: 60px;
    height: 18px;
    background-image: url('../images/ui/legendIcon.gif');
    background-repeat: no-repeat;
    margin-top: -8px;
    margin-left: 3px;
    margin-bottom: 0px;
    margin-right: 0px;
    cursor: pointer;
}

    #dLeyendMapa SPAN {
        font-size: 7pt;
        margin: 2px 0 0 20px;
        position: absolute;
    }

#drefreshTOC {
    display: inline-block;
    width: 65px;
    height: 18px;
    background-image: url('../images/ui/refresh_green.png');
    background-repeat: no-repeat;
    margin-top: -8px;
    margin-left: 3px;
    margin-bottom: -2px;
    margin-right: 0px;
    cursor: pointer;
}

    #drefreshTOC SPAN {
        font-size: 7pt;
        margin: 0 0 0 20px;
        position: absolute;
    }

#btnImportDatosCoord, #btnImportDatosCoordConv {
    display: inline-block;
    height: 26px;
    width: 26px;
    background-image: url('/images/ui/ExportExcel25.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
    margin: 0px 0px 0px 5px;
}


#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

    #sortable1 li, #sortable2 li {
        margin: 0 5px 5px 5px;
        padding: 5px;
        font-size: 1.2em;
        width: 120px;
    }

.cVideos {
    /*display: block;*/
    display: none;
    height: 25px;
    width: 65px;
    /*background-image: url('/images/ui/Video.png');*/
    /*background-image: url('/images/ui/player.png');*/
    background-image: url('/images/ui/player15x15.png');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
    margin: 0px 0 0px 7px;
    /*background-position: center center;*/
    background-position: left center;
}

    .cVideos:hover {
        /*border-top: 1px solid #cecece;*/
    }

        .cVideos:hover > DIV {
            /*border-top: 1px solid #cecece;*/
            border-bottom: 1px solid #cecece;
        }

    /*.cVideos:active {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }*/

    .cVideos DIV {
        display: inline-block;
        margin-bottom: 0px;
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 6px;
    }

#dExportToShapeFile {
    display: block;
    height: 25px;
    width: 25px;
    background-image: url('/images/ui/export-shape.png');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
}

#dFilterDeptoLMineras {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-image: url('/images/ui/filter.png');
    background-repeat: no-repeat;
    cursor: pointer;
    border-style: none;
    margin: 0 0 0 7px;
    position: absolute;
}

.ui-front {
    z-index: 1000 !important;
}

.OnOff {
    background: url(/images/ui/uiSprite.png) no-repeat -16px 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
}

.ZoomL {
    background: url(/images/ui/uiSprite.png) no-repeat -273px 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
}

.ExportFset {
    background-image: url('../images/ui/shapeFileIco_2.png');
    width: 17px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
}

.DeleteFset {
    background: url(/images/ui/uiSprite.png) no-repeat -10px -37px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
}

#dGeoGraficadas {
    margin: 0 auto;
    padding: 0 15px;
}

.noInfoGeogGraf {
    margin: 10px 0 5px 5px;
}

.task {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: solid 1px #dfdfdf;
}

.tasks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cPagBack {
}

.cPagNext {
}

.cPagNum {
    display: inline-block;
}

#dExportExcelFtGrip {
    background: url(/images/ui/icon-xls.png) no-repeat 0px 0px;
    width: 20px;
    height: 20px;
    margin: -25px 0px 0px 580px;
    position: absolute;
    cursor: pointer;
}

.dExportToExcel {
    background: url(/images/ui/icon-xls.png) no-repeat 0px 0px;
    width: 20px;
    height: 20px;
    margin: 5px 0px 5px 0px;
    position: relative;
    cursor: pointer;
}

#divToolSearch1 {
    width: 150px;
    margin: -24px 0px 5px 30px;
    position: absolute;
}

.printerAttrHTML {
    background: url(/images/ui/icon-xls.png) no-repeat 0px 0px;
    width: 20px;
    height: 20px;
    /*margin: -25px 0px 0px 580px;*/
    /*position: absolute;*/
    cursor: pointer;
    margin: 0px 0px 0px 10px;
    position: absolute;
}

.tblAtributosFset {
    background: url(/images/ui/attributeTable.png) no-repeat 0px 0px;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
}


.tabla1 {
    border-collapse: collapse;
    width: 100%;
}

    .tabla1 th {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .tabla1 td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .tabla1 tr:hover {
        background-color: #f5f5f5;
    }

#InfoApp {
    position: absolute;
    /*float:right;
    right: 475px;*/
    margin: 0 0 0 400px;
    bottom: 35px;
    color: #333;
    z-index: 50;
    width: 750px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f7f7f7;
    text-wrap: normal;
}

.close_box {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    cursor: pointer;
    margin: 0 0 0 15px;
}

.fsetCambSymbol {
    margin: 2px 2px 2px 2px;
}

.lupaPreviewLeyend {
    background-image: url(/images/ui/legendIcon.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    /*position:absolute;
    margin: -5px 0 0 350px;*/
}



.btnAddFieldAtt {
    background-image: url(/images/ui/new_field.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 15px;
    border: none;
}

.dAddFieldAtt {
    display: inline-block;
    float: right;
    margin: 0 5px 0 0;
}

.cImgEditAttr {
    background-image: url(/images/ui/document-edit.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 15px;
    height: 18px;
    border: none;
}

.btnAddValorAttr {
    background-image: url(/images/ui/icon_accept.gif);
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px;
    border: none;
    margin: 0 0 0 5px;
    position: absolute;
}

.btnDeleteFieldAtt {
    background-image: url(/images/ui/delete_field.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 15px;
    border: none;
}

.dDeleteFieldAtt {
    display: inline-block;
    float: right;
}

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


/* GEOPROCESAMIENTO */
.dijitExpandoText {
    display: inline-block !important;
    cursor: pointer;
}

#selFeaturesInInter {
    width: 520px;
    height: 220px;
    border: 1px dotted #CCCCCC;
}

#dOpcionesFtInter {
    display: inline-block;
    float: right;
    width: 15px;
}

.dopFt1 {
    background: url(/images/ui/uiSprite.png) no-repeat -81px -17px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 0 10px 0;
}

.dopFt2 {
    background: url(/images/ui/uiSprite.png) no-repeat -97px -17px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 0 10px 0;
}

.dopFt3 {
    background: url(/images/ui/uiSprite.png) no-repeat -10px -37px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#selFeaturesInBuffer {
    width: 520px;
    height: 220px;
    border: 1px dotted #CCCCCC;
}

#dOpcionesFtBuffer {
    display: inline-block;
    float: right;
    width: 15px;
}

#dOpcionesFtBuffer {
    display: inline-block;
    float: right;
    width: 15px;
}

.dopFtBuffer3 {
    background: url(/images/ui/uiSprite.png) no-repeat -10px -37px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* FIN. GEOPROCESAMIENTO */

.queryImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    .queryImage .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/QueryBuilder.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
        position: absolute;
    }

    .queryImage:hover {
        opacity: 0.75;
    }

.selImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

    .selImage .icon {
        display: inline-block;
        height: 30px;
        width: 35px;
        background-image: url('../images/ui/Selected.png');
        background-repeat: no-repeat;
        margin-top: 3px;
        margin-left: 8px;
        position: absolute;
    }

    .selImage:hover {
        opacity: 0.5;
    }

.dibCoordImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    margin: 0 0 0 5px;
}

    .dibCoordImage .icon {
        display: inline-block;
        height: 35px;
        width: 35px;
        background-image: url('../images/ui/coord.gif');
        background-repeat: no-repeat;
        margin-top: 7px;
        margin-left: 8px;
        position: absolute;
    }

    .dibCoordImage:hover {
        opacity: 0.5;
    }

/*.dibGeoImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
}

.dibGeoImage .icon {
    display: inline-block;
    background: url(/images/ui/logostools.png) no-repeat -530px 0px;
    width: 23px;
    height: 28px;

    margin-top: 5px;
    margin-left: 12px;
    position: absolute;
}

.dibGeoImage:hover {
    opacity: 0.5;
}*/

.importShapeImage {
    display: inline-block;
    color: #155478;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 35px;
    height: 30px;
    margin: 0 0 0 5px;
}

    .importShapeImage .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-image: url('../images/ui/shapeFileIco.png');
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-left: 5px;
        position: absolute;
    }

    .importShapeImage:hover {
        opacity: 0.75;
    }

#dAyudaSIG {
    display: inline-block;
    background: url(/images/ui/logostools.png) no-repeat -940px 0px;
    width: 23px;
    height: 27px;
    cursor: pointer;
    margin: 0px 0px 0 0px;
    position: absolute;
}

#dVistaImpresion {
    display: inline-block;
    background: url(/images/ui/printer.png) no-repeat 0px 0px;
    width: 23px;
    height: 27px;
    cursor: pointer;
    margin: 2px 0px 0 27px;
    position: absolute;
}

#dLogoVistaImpresion {
    display: none;
    background: url(/images/ui/LogoAGIL-ANLA.png) no-repeat 0px 0px;
    width: 330px;
    height: 80px;
    /*background: url(/images/ui/LogoAGIL.png) no-repeat 0px 0px;*/
    width: 155px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
    border-radius: 5px 5px;
}

    #dLogoVistaImpresion IMG {
        width: 330px;
        height: 80px;
    }

#dSalirVistaImpresion {
    display: none;
    background: url(/images/ui/LogoAGIL.png) no-repeat 0px 0px;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 999;
    float: right;
    /*top: 20px;
    left: 10px;*/
}

#dAuxContentLeyenda {
    display: none;
    width: 155px;
    height: 60px;
    position: absolute;
    z-index: 999;
    top: 100px;
    left: 10px;
}

#logoApp {
    /*background: rgba(0, 0, 0, 0) url("/images/ui/logo_principal_3.png") repeat scroll right center;*/
    /*background: rgba(0, 0, 0, 0) url("/images/ui/logo_principal_3.png") no-repeat;*/
    background: rgba(0, 0, 0, 0) url("/images/ui/LogoAgil2.png") no-repeat;
    float: left;
    height: 103px;
    margin: 4px 0px;
    width: 176px;
    position: absolute;
    background-position-y: center;
}

#titleAppSIG {
    display: inline-block;
    width: 150px;
    margin: 30px 0 0 10px;
    font-size: 14px;
}

#logoMenuUsr {
    position: absolute;
    float: right;
    margin: 5px 37px 0 92%;
    width: 58px;
}

#logoAppDerecho {
    background: rgba(0, 0, 0, 0) url("/images/ui/logo_principal_3.png") no-repeat;
    position: absolute;
    float: right;
    /*margin: 5px 37px 0 63%;*/
    margin: 5px 37px 0 55%;
    height: 60px;
    width: 417px;
}

#nombreUsuarioAutenticado {
    display: inline-block;
    position: absolute;
    margin-left: 13.5%;
    margin-top: 15px;
    font-size: 9pt;
}

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

.identifyIcon {
    display: inline-block;
    background-image: url('../images/ui/Lupa1.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position-x: 0;
    background-position-y: 2px;
}

.identifyText {
    cursor: pointer;
    top: -5px;
    position: relative;
    margin: 0 0 0 0px;
}

    .identifyText:hover {
        opacity: 0.5;
    }

#txtSearchTOC {
    background-image: url('../images/ui/Lupa1.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 84.4%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

.cAddServicos {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.toolTOC {
    width: 100%;
    border-bottom: 1px solid #dfdfdb;
    margin: 0 0 5px 1px;
}

.cfsAddServ {
    width: 479px;
}

#selListaCapasWMS, #selListaCapasWFS, #selListaCapasWMTS {
    margin: 0px 0px 0px 7px;
    padding: 2px;
    border: 1px solid #dfdfdb;
    border-image: none;
    width: 380px;
    height: 170px;
    overflow: scroll;
    font-size: 8pt;
}

/*.slideScroll {
    overflow: hidden !important;
}*/

.searchTextBox {
    background-image: url('../images/ui/Lupa1.png');
    background-position: 0px 2px;
    background-repeat: no-repeat;
    width: 45%;
    font-size: 15px;
    padding: 2px 0px 5px 25px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

#txtAyudaURL {
    background-image: url('../images/ui/AddServices.png');
    /*background-position: 0px 2px;*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
}

.agsjsTOCNodeDeleteServ {
    background-image: url('../images/ui/del_layer.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    margin: -4px 0 0 4px;
}

#dContainerToolProy {
    width: 98%;
    margin: 5px 5px 5px 5px;
    font-size: 8pt;
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    #dContainerToolProy input[type=text], #dContainerToolProy textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
        height: 30px;
    }

    #dContainerToolProy select {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
        height: 25px;
    }

    #dContainerToolProy input[type=button] {
        background-color: #4CAF50;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        #dContainerToolProy input[type=button]:hover {
            background-color: #45a049;
        }

    #dContainerToolProy input[type=text]:focus {
        /*border-top-width: 5px;
border-right-width: 1em;
border-bottom-width: thick;
border-left-width: thin;*/
        /*border-color: #208bca;*/
        border: 1px solid #c2def5;
    }

#dBotAccion input[type=button] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    #dBotAccion input[type=button]:hover {
        background-color: #45a049;
    }

#tblResConsultaProyectos thead td {
    border: 1px solid #dedede;
    font-weight: bold;
}


#tblResConsultaProyectos td {
    border: 1px solid #dedede;
}

.btnResConsultaProy {
    background-color: #4caf50;
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Estilos Formulario Bienvenida */

#imgLogoMsgInit {
    background-position: left left;
}

/*#imgLogoMsgInit {
    background: url("../images/ui/Logo_Siac_2015.png") no-repeat 60px 0px;
    width: 61px;
    height: 32px;
}*/

#imgLogoMsgInit {
    background: url("/images/ui/Logo_Instituciones_1.png") no-repeat;
    background-position: center center;
    width: 500px;
    height: 116px;
    border: none;
    text-align: center;
}

.dCondicionesUso {
    width: 510px;
    height: 100px;
    text-align: justify;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}

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

#tdLogoInstituciones {
    background: url("../images/ui/Instituciones.png") no-repeat;
    background-position: center center;
    width: 741px;
    height: 65px;
    border: none;
    text-align: center;
}*/

.padContainer1 {
    margin: 0 0 0 0;
}

.dButtons {
    width: 100%;
    text-align: center;
}

.cTblFrmInicio {
    width: 100%;
}

#dFrmUsuarioInit input[type=text], #txtEmail, #txtEntidad {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 10px;
    resize: vertical;
}

#dFrmUsuarioInit input[type=button] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 3px 4px;
    cursor: pointer;
}

    #dFrmUsuarioInit input[type=button]:hover {
        background-color: #45a049;
    }

#dFrmUsuarioInit input[type=text]:focus {
    border: 1px solid #c2def5;
}


#dFrmUsuarioInit select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height: 40px;
}

/* FIN. Estilos Formulario Bienvenida */

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

#dConsultaLC {
    display: inline-block;
    width: 270px;
    margin: 5px 0 0 0;
    cursor: pointer;
    height: 40px;
    border: 1px solid #4CAF50;
    border-radius: 7px;
}

    #dConsultaLC:hover {
        background-color: #cecece;
    }

    #dConsultaLC DIV {
        display: block;
        background: url(../images/ui/accept-20x20.gif) no-repeat;
        height: 17px;
        width: 20px;
        margin: 10px 0 0 15px;
        position: absolute;
    }

    #dConsultaLC span {
        margin: 12px 0 0 35px;
        position: absolute;
        font-size: 11pt;
        font-weight: bold;
    }

    /*#dConsultaLC > span:hover {
    border-bottom: 1px solid #cecece;
}*/

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


/*#dConsultaLC {
    display: inline-block;
    width: 180px;
    margin: 0 0 0 0;
    cursor: pointer;
}

#dConsultaLC DIV {
    display: inline-block;
    background: url(../images/ui/accept-20x20.gif) no-repeat;
    height: 17px;
    width: 20px;
    margin: -2px 0 0 0;
    position: absolute;
}

#dConsultaLC span {
    margin: 6px 0 0 20px;
}

#dConsultaLC > span:hover {
    border-bottom: 1px solid #cecece;
}

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



#dMainMenu1 {
    display: inline-block;
    width: 140px;
    /*position: absolute;*/
    margin: 0 0 0 0;
    /*top: 15px;
    left: 590px;*/
    cursor: pointer;
}

    #dMainMenu1 DIV {
        display: inline-block;
        /*background: url(../images/ui/men20x20.png) no-repeat;*/
        background: url(../images/ui/menu20x20.png) no-repeat;
        height: 20px;
        width: 20px;
        margin: -15px 0 0 0;
        position: absolute;
    }

    /*#dMainMenu1 span {
        margin: 6px 0 0 25px;
        position: absolute;
    }*/

    #dMainMenu1:hover {
        /*border-top: 1px solid #cecece;*/
    }

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


#dMainMenu2 {
    display: inline-block;
    width: 170px;
    /*position: absolute;*/
    /*margin: 0 0 0 -25px;*/
    margin: 0 0 0 -15px;
    /*top: 15px;
    left: 590px;*/
    cursor: pointer;
}

    #dMainMenu2 DIV {
        display: inline-block;
        /*background: url(../images/ui/menu20x20.png) no-repeat;*/
        background: url(../images/ui/frmIcon15x15.jpg) no-repeat;
        height: 15px;
        width: 15px;
        margin: -13px 0 0 0;
        position: absolute;
    }

    #dMainMenu2:active {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border: 0px;
    }
/*  CONSULTA LC */
#dContainerToolConsultarLC {
    width: 98%;
    margin: 5px 5px 5px 5px;
    font-size: 8pt;
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    #dContainerToolConsultarLC input[type=text], #dContainerToolConsultarLC textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
        height: 30px;
    }

    #dContainerToolConsultarLC select {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
        height: 37px;
    }

    #dContainerToolConsultarLC input[type=button] {
        background-color: #4CAF50;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        #dContainerToolConsultarLC input[type=button]:hover {
            background-color: #45a049;
        }

    #dContainerToolConsultarLC input[type=text]:focus {
        border: 1px solid #c2def5;
    }


#dBotAccionLC input[type=button] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    #dBotAccionLC input[type=button]:hover {
        background-color: #45a049;
    }

#dMostrarResultadosLC {
    width: 650px;
    height: 450px;
    margin: 5px 5px 5px 5px
}

#tblResConsultaLC {
    border: 1px solid black;
}

#divMainLCViewer {
    /*height: 450px;
    overflow: scroll;
    width:937px;*/
}

.xl74 {
    /*background: url(/ListaChequeo/image/image002.png) no-repeat;*/
    /*background-image: url(../ListaChequeo/image/image002.png);
    background-repeat: no-repeat;
    height: 68px;
    width: 143px;*/
    border-right: 1px solid !important;
    width: 550px;
    /*top:25px;
    left:30px;*/
}

.cLogoLCVisor {
    background-image: url(../ListaChequeo/image/image002.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    left: 23px;
    width: 150px;
    height: 68px;
}

.xl70 {
    /*mso-style-parent: style0;
    font-size: 8.0pt;
    font-family: "Arial Narrow", sans-serif;
    mso-font-charset: 0;
    border-top: none;*/
    border-right: 1px solid !important;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;*/
}

#contenedorConsultaDetalle {
    height: 550px !important;
    overflow: scroll;
}

/*FIN. CONSULTA LC */

/* Planet */

#dListaServPlanet {
    /*overflow: scroll;*/
    height: 150px;
    font-size: 8pt;
}

#dToolPlanet {
    margin: 5px 0 5px 0px;
    width: 340px;
    /*height: 250px;*/
    border: 0px solid;
    padding: 5px 5px 5px 13px;
    display: inline-block;
    position: absolute;
    overflow: hidden;
}

    #dToolPlanet > div {
        width: 170px;
        display: inline-block;
        padding: 2px 2px 2px 15px;
        margin: 0 0 0 90px;
    }

    #dToolPlanet > span {
        margin: 0 5px 0 0;
        top: 15px;
        position: absolute;
    }

    #dToolPlanet > div > input[type='button'] {
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        border: 2px solid #e7e7e7;
    }

        #dToolPlanet > div > input[type='button']:hover {
            background-color: #e7e7e7;
            border-radius: 3px 3px;
        }

#btnDibujarArea {
    width: 32px;
    height: 32px;
    background: url('../images/ui/poligon_icon.png') no-repeat 3px 2px;
}

#btnDibujarLinea {
    width: 32px;
    height: 32px;
    background: url('../images/ui/line_icon.png') no-repeat 3px 2px;
}

#btnImportShape {
    width: 32px;
    height: 32px;
    background: url(/images/ui/logostools.png) no-repeat -484px -2px;
}

#btnSwipePlanet {
    width: 32px;
    height: 32px;
    background: url(/images/ui/logostools.png) no-repeat -673px 0px;
}

#btnBorrarSelPLanet {
    width: 32px;
    height: 32px;
    background: url('../images/ui/cancel-cross.png') no-repeat 6px 6px;
}

#dBtnBuscarPlanet {
    margin: 10px 0 0 40% !important;
}

/* FIN. Planet */

#dBuscarFechaICA {
    display: none;
}

#imgLogoFrmActDep {
    background: url("/images/ui/LogoAGIL-ANLA_2.png") no-repeat;
    background-position: center center;
    width: 385px;
    height: 85px;
    border: none;
    text-align: center;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#dCambioClimatico {
    display: inline-block;
    width: 130px;
    /*position: absolute;*/
    margin: 0 0 0 0;
    /*top: 15px;
    left: 280px;*/
    cursor: pointer;
}

    #dCambioClimatico DIV {
        display: inline-block;
        /*background: url(../images/ui/ConsultarProy.png) no-repeat -118px -5px;*/
        background: url(../images/ui/CambioClimatico.png) no-repeat;
        height: 30px;
        width: 30px;
        margin: -7px 0 0 0;
        position: absolute;
    }

    #dCambioClimatico span {
        margin: 6px 0 0 30px;
    }

    #dCambioClimatico > span:hover {
        border-bottom: 1px solid #cecece;
    }

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

/* Seleccion */
#dSelElementoCC {
    background: url(/images/ui/logostools.png) no-repeat -391px 1px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border: 1px solid #84c360;
    border-radius: 5px 5px;
}

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

    #dSelElementoCC:hover {
        background-color: #ededed;
        /*margin:-5px 0 0 0;*/
    }
/*Fin. Seleccion*/

/* Dibujar */
#dDibujarElementoCC {
    background: url(/images/ui/logostools.png) no-repeat -545px 0px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border: 1px solid #84c360;
    border-radius: 5px 5px;
}

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

    #dDibujarElementoCC:hover {
        background-color: #ededed;
    }
/* Fin Dibujar */

/* Importar */
#dImportarElementoCC {
    background: url(/images/ui/logostools.png) no-repeat -482px 0px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border: 1px solid #84c360;
    border-radius: 5px 5px;
}

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

    #dImportarElementoCC:hover {
        background-color: #ededed;
    }
/* Fin. Importar */

/* Dibujar Geometria */
#dDibCoordCC {
    background: url(/images/ui/logostools.png) no-repeat -609px 1px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border: 1px solid #84c360;
    border-radius: 5px 5px;
}

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

    #dDibCoordCC:hover {
        background-color: #ededed;
    }
/* Fin. Dibujar Geometria */

.dHeaderLogoCC {
    background-image: url('../images/ui/logo_mobile.png');
    width: 175px;
    height: 100px;
}

.tblStyle1 thead {
    background: SteelBlue;
    color: white;
}

.tblStyle1 th, .tblStyle1 td {
    padding: 5px 10px;
    border-width: 1px;
    padding: 7px;
    border-style: inset;
}

.tblStyle1 tbody tr:nth-child(even) {
    background: WhiteSmoke;
}

.tblStyle1 tbody tr td:nth-child(2) {
    text-align: center;
}

.tblStyle1 tbody tr td:nth-child(3),
.tblStyle1 tbody tr td:nth-child(4) {
    text-align: right;
    font-family: monospace;
}

/*.tblStyle1 > tfoot {
    background: SeaGreen;
    color: white;
    text-align: right;
}*/

.tblStyle1 tfoot tr th:last-child {
    font-family: monospace;
}

/* Utilidad Digital Globe*/
#btnDibujarAreaDG {
    width: 32px;
    height: 32px;
    background: url('../images/ui/poligon_icon.png') no-repeat 3px 2px;
}

#btnImportShapeDG {
    width: 32px;
    height: 32px;
    background: url(/images/ui/logostools.png) no-repeat -484px -2px;
}

#btnSwipePlanetDG {
    width: 32px;
    height: 32px;
    background: url(/images/ui/logostools.png) no-repeat -673px 0px;
}

#btnBorrarSelDG {
    width: 32px;
    height: 32px;
    background: url('../images/ui/cancel-cross.png') no-repeat 6px 6px;
}

/*#dToolDG {
    margin: 5px 0 5px 0px;
    width: 340px;
    border: 0px solid;
    padding: 5px 5px 5px 13px;
    display: inline-block;
    position: absolute;
    overflow: hidden;
}*/

#dToolDG > div {
    width: 170px;
    display: inline-block;
    padding: 2px 2px 2px 15px;
    margin: 0 0 0 90px;
}

#dToolDG > span {
    margin: 0 5px 0 0;
    top: 15px;
    position: absolute;
}

#dToolDG > div > input[type='button'] {
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    border: 2px solid #e7e7e7;
}

#dToolDG > div > input[type='button']:hover {
    background-color: #e7e7e7;
    border-radius: 3px 3px;
}