html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/*The image specified for the body is used to apply the gradient background to the entire page*/

body {
    /*  font-family:"helvetica neue", helvetica, arial, sans-serif;*/
    color: #333;
    margin: 0px;
    padding: 0px;
}

.HomeButton .home {
    position: absolute;
    bottom: 16px;
    height: 33px;
    width: 33px;
    right: 57px;
    z-index: 50;
    background-color: #545454;
    background-image: url("../images/custom/home_blue.svg");
    border-radius: .25rem;
}

.LocateButton .zoomLocateButton {
    position: absolute;
    bottom: 57px;
    right: 57px;
    z-index: 50;
    background-color: #545454;
    background-image: url("../images/custom/location_blue.svg");
    border-radius: .25rem;
}

#BasemapToggle {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 50;
}

.esriScalebar {
    z-index: 30;
    position: absolute;
    width: 0px;
    height: 42px;
    padding-left: 95px;
}

.dijitCheckBoxInput {
    opacity: 1;
}

.zoomprevIcon {
    position: absolute;
    bottom: 16px;
    height: 33px;
    width: 33px;
    right: 99px;
    z-index: 50;
    background-color: #545454;
    background-image: url("../images/custom/prev_extent_blue.svg");
    border-radius: .25rem;
}
.esriAttribution {
	margin: 0 5px -6px 0;
}
.zoomnextIcon {
    border-radius: .25rem;
    position: absolute;
    bottom: 16px;
    height: 33px;
    width: 33px;
    right: 16px;
    z-index: 50;
    background-color: #545454;
    background-image: url("../images/custom/next_extent_blue.svg");
}

.esriBasemapIcon {
    position: absolute;
    bottom: 8px;
    height: 33px;
    width: 33px;
    right: 57px;
    z-index: 50;
    background-color: #545454;
    background-image: url("../images/custom/base_map.svg");
    border-radius: .25rem;
}

.HomeButton .home:hover {
    background-color: #CEE1EC;
}

.LocateButton .zoomLocateButton:hover {
    background-color: #CEE1EC;
}

.notembed {
    height: 100%;
    width: auto;
    margin: 0 5px;
    padding: 0;
}

    .notembed #header {
        padding: 0px;
        overflow: hidden;
    }

.embed #map {
    background-color: transparent;
}

.embed .claro .dijitContentPane {
    padding: 0px !important;
    margin: 0px !important;
}

#webmapTitle {
    /*  font-family:"gill sans",helvetica,arial,sans-serif;*/
    color: #333;
    font-size: 24px;
    max-width: 72%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-top: 0px;
    margin-top: 3px;
}

.esriPrint {
    padding: 0px !important;
}


/*The main window is the box that contains the map, tools and left panel.*/

#mainWindow {
    border: solid 1px #999;
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

#map {
    z-index: 0;
    padding: 0px;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inner 0 0 5px #888;
    background-color: #fff;
}


/*Left pane contains a stack container with legend and webmap details*/

#leftPane {
    padding: 0px;
    width: 0px;
    border-right: solid 1px #999;
}

    #leftPane a {
        color: #336699;
    }

.dijitContentPane {
    overflow: visible;
}

#legendPanel {
    /*width:100%;*/
}

    #detailsPanel span,
    #legendPanel span,
    #resultsPanel span {
        padding: 0px;
    }

#stackContainer {
    margin: 0;
}

    #stackContainer .panel_content {
        /*overflow-y:auto;*/
    }

.esriScalebar {
    /*	
  padding-left:15px;
*/
}


/*styles for the top toolbar and buttons*/

#toolbarContainer_bv {
    overflow: visible;
    width: 100% !important;
    padding: 0px !important;
    height: 42px;
    margin: 0;
    color: #fff;
}


    /*override claro background and other props*/

    #toolbarContainer_bv .dijitToolbar {
        height: 100%;
        overflow: hidden;
    }

#measureBox {
    max-height: 260px;
    overflow-y: auto;
}

#geoResults {
    max-height: 220px;
    overflow-y: scroll;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToggleButton .dijitButtonNode {
    background-image: none !important;
}

.claro .dijitToolbar {
    padding: 0 !important;
}


    /*Measure toggle button*/

    .claro .dijitToolbar .dijitButtonNode:hover {
        color: #333;
    }

    .claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
        color: #333;
        border-style: solid;
    }

    .claro .dijitToolbar .dijitButtonNode {
        color: #fff;
    }


/*The top toolbar is split into three sections. */

#webmap-toolbar-left {
    float: left;
}

#webmap-toolbar-center {
    float: right;
}

#webmap-toolbar-right {
    float: right;
    width: 250px;
}

#legendButton {
    color: #fff;
}

#detailButton {
    color: #fff;
}


/*Style for company logo added to the map*/

.logo {
    bottom: 5px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    z-index: 30;
}

    .logo img {
        border: none;
    }


/*Styles for the toolbar buttons*/

.esriPrint {
    display: inline-block;
}

.claro .dijitComboButton:hover {
    color: #333;
    background-color: #E2EBF2;
}

.esriLegendIcon,
.esriDetailsIcon,
.resultsIcon,
.esriBookmarkIcon,
.esriLayerIcon,
.esriMeasureIcon,
.esriLinkIcon,
.esriPrint .dijitComboButton .dijitIcon,
.esriPrintIcon,
.esriLoadingIcon,
.esriTimeIcon,
.esriEditIcon,
.layersIcon,
.mapViewIcon,
.queryIcon,
.twitterIcon,
.emailIcon,
.facebookIcon {
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    margin: 4px;
}

.esriLegendIcon {
    background-image: url(../images/Legend16.png);
}

.esriDetailsIcon {
    background-image: url(../images/ccpp.png);
    /*  background-image:url(../images/details.png); */
}

.resultsIcon {
    background-image: url(../images/results.png);
}

.esriBookmarkIcon {
    background-image: url(../images/bookmarks.png);
}

.esriLayerIcon {
    background-image: url(../images/contents.png);
}

.esriMeasureIcon {
    background-image: url(../images/measure.png);
}

.esriLinkIcon {
    background-image: url(../images/LinkTo16.png);
}

.esriPrint .dijitComboButton .dijitIcon {
    background-image: url(../images/print.png);
}

.esriPrintIcon {
    background-image: url(../images/print.png.png);
}

.esriLoadingIcon {
    background-image: url(../images/loading_black.gif);
}

.esriTimeIcon {
    background-image: url(../images/timer.png);
}

.esriEditIcon {
    background-image: url(../images/edit_20x20.png);
}

.layersIcon {
    background-image: url(../images/layers.png);
}

.mapViewIcon {
    background-image: url(../images/mapview.png);
}

.queryIcon {
    background-image: url(../images/query.png);
}

.twitterIcon {
    background-image: url(../images/twittersm.png);
}

.emailIcon {
    background-image: url(../images/mail.png);
}

.facebookIcon {
    background-image: url(../images/facebook.png);
}


/*style for the print link*/

.esriPrintout {
    color: #fff;
}


/*styles for the share dropdown menu items*/

.iconLink {
    text-decoration: none;
    border: 0 none;
    color: #333;
}

td.dijitMenuItemIconCell,
td.dijitMenuItemLabel {
    padding: 5px 5px !important;
}

.dijitMenuItem {
    padding: 10px 10px !important;
}


/*change the default arrow used by the basemap dropdown button from black to gray*/


/*.claro .dijitArrowButtonInner {
  background-image: url("../images/buttonArrows.png"); 
  background-position:-152px 53%;
}*/


/*Use a white arrow for the dropdown*/

.claro .dijitDropDownButton .dijitArrowButtonInner {
    background-image: url("../images/buttonArrows.png");
    background-position: -53px 53% !important;
}

.claro .esriPrint .dijitArrowButtonInner {
    background-image: url("../images/buttonArrows.png");
    background-position: -53px 53% !important;
}


/*Use a white arrow for the basemap, bookmarks and share dropdown buttons*/


/*#basemapBtn_label + span, #shareButton_label + span, #bookmarkButton_label + span,#layerBtn_label  + span{
  background-position:-53px 53%;
}*/


/*Styles for the links to Esri and ArcGIS.com*/

#nav {
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

    #nav a:link,
    #nav a:visited {
        padding: 5px 5px 4px 5px;
        color: #666;
        text-decoration: none;
    }

    #nav a:hover {
        text-decoration: underline;
        color: #444;
    }

    #nav ul {
        padding-bottom: 5px;
    }

    #nav li {
        display: inline;
        padding: 0;
        margin: 0;
    }

#basemapGallery {
    z-index: 1;
    position: relative;
    overflow: auto !important;
    background-color: #FFF;
    border: 1px solid #ccc;
}

#layerMenu {
    background-color: #FFF !important;
    border: 1px solid #ccc !important;
}

.menuIcon {
    width: 16px;
    height: 16px;
}

.claro .dijitMenu {
    border: none;
}


/*Border for the overview map*/

.esriOverviewMap.ovwTR .ovwContainer {
    border-bottom: 2px solid #999 !important;
    border-left: 2px solid #999 !important;
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-left-radius: 4px !important;
    padding: 0 !important;
}


/*CSS Styles for the measurement widget floating panel*/

.dojoxFloatingPaneContent {
    /*  font-family:"helvetica neue", helvetica, arial, sans-serif;*/
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 4px;
}

.dojoxFloatingPaneTitle {
    color: #fff;
    /*  font-family:"helvetica neue", helvetica, arial, sans-serif;*/
    font-size: 10pt;
    font-weight: bold;
    /*  width:100%;*/
    padding-left: 8px;
}


/*CSS Styles for the query widget floating panel*/

#queryFloater {
    top: 0px;
    left: 50px;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px !important;
}


/*Styles for the time slider floating window*/

#timeFloater {
    position: absolute;
    top: 30px;
    left: 0px;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px !important;
}

.timeLabel {
    text-align: center;
    padding: 20px;
}

#measureDiv {
    padding: 2px !important;
}

#measureTool {
    width: 214px;
}


/*remove the botttom border from the measurement tools result label*/

.resultLabel {
    border-bottom: none !important;
    /*  font-family:"helvetica neue", helvetica, arial, sans-serif;*/
}


/*slider customizations*/

.esriSimpleSliderBR {
    bottom: 90px !important;
    right: 57px;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 0.25em #BBBBBB;
}

.esriSimpleSlider {
    border: none !important;
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    bottom: 170px;
}

    .esriSimpleSlider div {
        margin-top: 8px;
        margin-bottom: 8px;
        font-size: 34px;
        width: 33px;
        height: 33px;
        line-height: 26px;
    }


/*Styles for the search box (find address or place)*/

.esriGeocoderResultsOpen .esriGeocoderContainer {
    position: relative;
    z-index: 1;
}

.simpleGeocoder .esriGeocoderResults {
    color: #333;
}

.simpleGeocoder .esriGeocoderResult {
    color: #333;
}

.simpleGeocoder {
    top: 0;
    vertical-align: top;
    line-height: 30px;
    position: relative;
}

.arcgisTheme .esriGeocoder {
    border-radius: 2px;
    border: solid 1px #fff;
}

    .arcgisTheme .esriGeocoder input {
        font-style: italic;
        color: #333;
    }


/*Specify font for the popup window*/

.esriPopup {
    /*  font-family:"helvetica neue",helvetica,arial,sans-serif;*/
}


/*.esriPopup .pointer.top {
  background-position: 0 -616px;
}
.esriPopup .pointer.topLeft {
  left: 0px; top: -43px; background-position: 0 -525px; width: 51px; height: 45px;
}

.esriPopup .pointer.topRight {
  right: 0px; top: -43px; background-position: 0 -707px; width: 51px; height: 45px;
}*/


/*Define styles for the close button on the measure window panel*/

#closeBtn {
    position: absolute;
    top: 1px;
    right: 4px;
}

    #closeBtn img {
        border: none;
    }

.floatingPaneCloseButton {
    position: absolute;
    top: 5px;
    right: 5px;
}

    .floatingPaneCloseButton img {
        border: none;
    }

.esriBookmarkItem {
    cursor: pointer;
}

    .esriBookmarkItem:hover {
        background-color: #CEE1EC;
    }

.esriAddBookmark {
    cursor: pointer;
    text-align: center;
}

.esriTemplatePicker .tooltip {
    display: none;
}

.esriDrawingToolbar {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    border: none !important;
    margin-bottom: 40px;
}

#bookmarkView {
    width: 100%;
    max-height: 448px;
    z-index: 1;
    overflow: auto !important;
    background-color: #fff;
    border: 1px solid #ccc;
}


/*Template picker styles*/

#editDiv {
    clear: both;
    display: block;
}

.toolbar.templatePicker {
    position: absolute;
    top: 20px;
}

.templatePicker {
    border: none;
    padding: 0;
    margin: 3px;
}

    .templatePicker .grid .groupLabel {
        font-weight: bold !important;
        padding: 0px;
    }

#editPanel {
    padding: 0px !important;
}

#editDiv {
    padding-right: 4px;
}

.templatePicker .grid .dojoxGridRow {
    border-bottom-color: #ccc;
    border-top-color: #ccc;
}

.templatePicker .grid .selectedItem {
    border: 1px solid #999 !important;
}

#editDiv.dojoxGrid .grid {
}

#geocodeOtherResults {
    padding: 10px 0 6px 0;
}

.customMenuPopup {
    overflow-y: auto !important;
}


/*Measurement widget : set font size of selected element in units dropdown button*/

.esriMeasurement .dijitButtonText {
    font-size: 12px !important;
}


/*****************
 *** Accordion ***
 *****************/

.dijitAccordionTitle.dijitAccordionTitleSelected.dijitSelected,
.dijitAccordionTitle {
    font-size: 1.5em;
}

    .dijitAccordionTitle.dijitAccordionTitleSelected.dijitSelected {
        background: none repeat scroll 0 0 transparent;
        color: #fff;
        padding: 5px;
    }

.claro .dijitAccordionInnerContainer {
    border: 0px solid #b5bcc7;
    border-top: 1px solid #593C7C;
}

.claro .dijitAccordionInnerContainerSelected {
    background-color: #c1bacb;
    /*    border: 0 solid transparent;*/
    margin: 0;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
    border: 0 solid #593c7c;
    margin: 0;
    background-color: transparent;
}

.claro .dijitAccordionInnerContainerHover {
    border: 0 solid #593c7c;
}

.claro .dijitAccordionInnerContainerHover,
.claro .dijitAccordionInnerContainerFocus {
    background: #c1bacb;
    border-top: 1px solid #593C7C;
}

.dijitContentPane.dijitAccordionContainer-child.dijitAccordionContainer-dijitContentPane {
    background: none repeat scroll 0 0 transparent;
}

.dijitAccordionTitleHover {
    background-image: none !important;
}


/***************
 *** Botones ***
 ***************/

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToggleButton .dijitButtonNode {
    background-color: #C1BACB;
    border: 1px solid #593C7C;
}

.claro .dijitButtonHover .dijitButtonNode,
.claro .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNodeHover,
.claro .dijitComboButton .dijitDownArrowButtonHover,
.claro .dijitToggleButtonHover .dijitButtonNode {
    background-color: #5F457F;
    color: #fff;
}


/**************
 *** Combos ***
 **************/

.claro .dijitComboBoxOpenOnClickHover .dijitButtonNode,
.claro .dijitComboBox .dijitDownArrowButtonHover,
.claro .dijitComboBoxFocused .dijitArrowButton {
    background-color: #c1bacb;
}

.claro .dijitMenu .dijitMenuItemHover td,
.claro .dijitMenu .dijitMenuItemSelected td,
.claro .dijitMenuItemHover,
.claro .dijitComboBoxMenu .dijitMenuItemHover,
.claro .dijitMenuItemSelected {
    background-color: #C1BACB;
    border-color: #593C7C;
}


/*** FHR **/

.northArrow {
    bottom: 20px;
    position: absolute;
    left: 5px;
    z-index: 30;
}

.divSRS {
    bottom: 1px;
    left: 40px;
    position: absolute;
    text-align: center;
    width: 166px;
    z-index: 30;
}

    .divSRS p {
        line-height: 1em;
        margin: 0;
        color: #666666;
    }

    .divSRS .srsLabel {
        font-weight: bold;
        color: #533278;
    }

#scaleSelect {
    color: #000;
    margin-right: 5px;
    margin-left: 5px;
}


/*** Ventanas Flotantes ***/


/*** Iconos Toolbar ***/

.pSearchIcon,
.tSearchIcon,
.WMSAddIcon,
.SendMailIcon,
.addShapeIcon,
.genShapeIcon,
.addCsvIcon,
.zoominIcon,
.zoomoutIcon,
.panIcon,
.searchAdvIcon,
.localizarIcon,
.langEsIcon,
.langEnIcon,
.tocIcon,
.paqueteIcon,
.loginIcon,
.searchesIcon,
.searchResultsIcon,
.toolsIcon,
.getInfoIcon,
.printIcon,
.bhelpIcon,
.editIcon,
.tematicosIcon {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px;
    height: 25px;
    width: 25px;
    background-size: 25px;
}

.pSearchIcon {
    background-image: url("../images/searchProx.png");
}

.tSearchIcon {
    background-image: url("../images/searchText.png");
}

.WMSAddIcon {
    background-image: url("../images/addWms.png");
}

.SendMailIcon {
    background-image: url("../images/mail.png");
}

.addShapeIcon {
    background-image: url("../images/custom/addShape.png");
}

.genShapeIcon {
    background-image: url("../images/custom/genShape.png");
}

.addCsvIcon {
    background-image: url("../images/custom/addCsv.png");
}

.zoominIcon {
    background-image: url("../images/zoomIn.png");
}

.zoomoutIcon {
    background-image: url("../images/zoomOut.png");
}

.panIcon {
    background-image: url("../images/pan.png");
}

.searchAdvIcon {
    background-image: url("../images/settings_purple.png");
}

.langEsIcon {
    background-image: url("../images/langEs.png");
}

.langEnIcon {
    background-image: url("../images/langEn.png");
}

.loginIcon {
    background-image: url("../images/user.png");
}

.localizarIcon {
    background-image: url("../images/custom/search_purple.png");
}

.paqueteIcon {
    background-image: url("../images/search_black.png");
}

.searchesIcon {
    background-image: url("../images/custom/searchResults.png");
}

.bhelpIcon {
    background-image: url("../images/custom/help.png");
}

.searchResultsIcon {
    background-image: url("../images/custom/searchResults.png");
}

.toolsIcon {
    background-image: url("../images/custom/toolsIcon.png");
}

.getInfoIcon {
    background-image: url(../images/custom/info.png);
}

.printIcon {
    background-image: url(../images/custom/print.png);
}

.tematicosIcon {
    background-image: url(../images/custom/tematicos.png);
}

.editIcon {
    background-image: url(../images/custom/edit.png);
}

.tocIcon {
    background-image: url(../images/toc.png);
    margin: 4px 0 4px 4px;
}

.labelAS {
    margin-right: 5px;
    text-align: center;
    color: #533278;
    display: inline-block;
}

#searchAddressDiv h2 {
    margin: 5px 0 3px !important;
}

#busquedaTextual {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    height: 32px;
    left: 100px;
    padding: 1px 5px 2px;
    position: absolute;
    top: 10px;
    width: 595px;
    z-index: 50;
    visibility: hidden;
    overflow: hidden;
}

    #busquedaTextual .dijitButtonNode {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: 0 none !important;
        box-shadow: none;
        padding: 0;
    }

#searchAddressButton:hover,
#searchAddressToggleButton:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#tocDiv {
    background: none repeat scroll 0 0 #0f0;
    height: 300px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 400px;
    z-index: 999;
    display: none;
}

#detailPanel img {
    height: 40px;
}

#tocButton {
    color: #fff;
}

#addsMapa {
    /*
    bottom: 57px;
    left: 20px;
*/
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #999;
    border-radius: 5px;
    bottom: 180px;
    box-shadow: 0 0 5px #888;
    display: none;
    height: 80px;
    padding: 5px;
    position: absolute;
    left: 40px;
    text-align: center;
    width: 100px;
    z-index: 40;
}

    #addsMapa p {
        line-height: 1em;
        margin: 5px 0 0;
        color: #666666;
    }

    #addsMapa .srsLabel {
        font-weight: bold;
        color: #533278;
    }

#scaleSelectDiv {
    margin-top: 5px;
}

#lanBar {
    display: inline-block;
    float: right;
    margin-left: 12px;
}

#map_google,
#galleryNode_basemap_5,
#galleryNode_basemap_4,
#galleryNode_basemap_3,
#galleryNode_basemap_2,
#galleryNode_basemap_1,
#galleryNode_basemap_0 {
    display: none;
}


/**********
 * addCSV *
 **********/

#addCsvLoading {
    margin-top: -23px;
    right: 40px;
    display: none;
}

.camposPaquetes {
    border: 1px solid #b5bcc7;
    display: inline-block;
    height: 110px;
    margin-top: 10px;
    overflow: auto;
    padding: 0;
    vertical-align: top;
    width: 160px;
}

    .camposPaquetes ul {
        margin: 0;
        padding: 5px 0 0 25px;
    }

.preciosPaquetes {
    border: 1px solid #b5bcc7;
    display: inline-block;
    height: 110px;
    margin-left: 13px;
    margin-top: 10px;
    overflow: auto;
    vertical-align: top;
    width: 198px;
}

th.field-rango,
th.field-precio {
    font-weight: bold;
    text-align: center !important;
}

.field-rango {
    width: 70px;
    text-align: center;
    font-weight: normal;
}

.field-precio {
    width: 70px;
    text-align: right;
    font-weight: normal;
}

.preciosPaquetes .dgrid-row-odd {
    background: #F2F5F9;
}

.paqueteLabel {
    font-weight: normal;
    margin-top: 7px;
}

#preciosPaquetes thead {
    background: none repeat scroll 0 0 #c1bacb;
}


/************
 * Floaters *
 ************/

.dojoxFloatingPaneTitle {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border: 0 solid #bfbfbf;
}

.dojoxFloatingPaneContent {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
}

.dojoxFloatingPaneCanvas {
    background: none repeat scroll 0 0 transparent;
}

#measureFloater,
#pSearchFloater,
#tSearchFloater,
#addWMSFloater,
#mailFloater,
#addShapeFloater,
#genShapeFloater,
#addCsvFloater,
#PaqueteFloater,
#searchAddressFloater,
#loginFloater,
#bookmarksFloater,
#printFloater,
#resultsFloater,
#tematicosFloater,
#editFloater {
    top: 28px;
    left: 100px;
    overflow: hidden;
    background: none repeat scroll 0 0 transparent;
    border: solid 1px #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px !important;
}

.floaterOculto {
    display: none;
}

#measureFloater {
    /*	
   top: -15px;
   left: -141px;
*/
}

#printLoading {
    left: 15px;
    position: absolute;
    font-weight: normal;
    display: none;
}

#PaqueteFloater {
    z-index: 200;
}

#loginFloater {
}

#infoAS,
#infoDS {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    margin-top: -17px;
    width: 16px;
    cursor: help;
}

#infoSearchAddress,
#infoCalle,
#infoGen,
#infoMun {
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: help;
    vertical-align: middle;
}

#infoSearchAddress {
    margin-right: 5px;
}


/*************
 * Bookmarks *
 *************/

.esriBookmarks {
    border: medium none;
    width: 100%;
}

.esriBookmarkTable {
    width: 100%;
}

.esriBookmarkEditImage {
    display: none;
}

.esriBookmarkRemoveImage {
    background: url("../images/custom/close.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
    height: 15px;
    margin-top: 3px;
    width: 15px;
}

.esriBookmarkLabel {
    font-size: 1em;
}

.esriBookmarkItem {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 4px auto;
    padding: 2px;
    width: 90%;
}

.esriAddBookmark {
    background: url("../images/custom/add.png") no-repeat scroll right 5px / 15px auto rgba(0, 0, 0, 0);
    border: medium none;
    line-height: 20px;
    margin-bottom: 7px;
    padding-right: 21px;
    text-align: right;
    width: 84%;
}


/************
 * addShape *
 ************/

#addShapeLoading {
    left: 15px;
    position: absolute;
    font-weight: normal;
    display: none;
}

#addShapeInfo {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    margin-top: -17px;
    width: 16px;
    cursor: help;
}


/************
 * genShape *
 ************/

#genShapeLoading {
    left: 15px;
    position: absolute;
    font-weight: normal;
    display: none;
}

#genShapeInfo {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    margin-top: -17px;
    width: 16px;
    cursor: help;
}


/*******
 * TOC *
 *******/

.agsjsTOCSlider {
    margin-top: -15px;
}

.agsjsTOCPosition {
    display: block;
    width: 32px;
}

.agsjsTOCRemove {
    float: right;
    height: 15px;
    margin-right: 8px;
    margin-top: -18px;
    width: 15px;
}

    .agsjsTOCPosition .dijitButton,
    .agsjsTOCRemove .dijitButtonNode {
        margin: 0;
    }

    .agsjsTOCPosition .dijitButtonNode,
    .agsjsTOCRemove .dijitButtonNode {
        background: none repeat scroll 0 0 transparent !important;
        border: medium none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 15px;
    }

.tocPositionUp,
.tocPositionDown {
    height: 15px;
    width: 15px;
    background-image: url("../images/custom/buttonArrows.png");
}

.tocPositionDown {
    background-position: -51px 53%;
}

.tocRemove {
    background-image: url("../images/custom/closeToc.png");
    height: 15px;
    width: 15px;
}


/**********
 * addWMS *
 **********/

#addWMSInfo {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    width: 16px;
    cursor: help;
}

.addWMSDescription {
    margin: 10px 0;
    padding: 8px;
    font-weight: normal;
}

.addWMSLabel {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 15px;
    width: 25%;
}

.addWMSinputForm {
    width: 172px !important;
}

#addWMS_Loading {
    padding-top: 30%;
    text-align: center;
}

#addWMS_Server .dijitSelectLabel,
#addWMS_Layer .dijitSelectLabel {
    overflow: hidden;
    text-align: left;
    width: 150px !important;
}

.addWMSinputForm .dijitDownArrowButton,
#addWMS_Server .dijitDownArrowButton {
    width: 16px;
}

#buttonsConfDiv {
    height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#addWMS_ImgLegend {
    border: 1px solid #666666;
    border-radius: 3px;
    margin-left: 15px;
    padding: 5px;
    margin-bottom: 8px;
    background: #fff;
}


/*************
 * Búsquedas *
 *************/

.busquedasDiv {
    margin: 5px;
}

#searchesPanel .description {
}

#searchesPanel .labelForm {
    margin-left: 10px;
}

#searchesPanel .inputForm {
    margin-bottom: 10px;
    width: 65%;
}

#resultsDiv {
    padding: 5px;
}

.dojoxGridColCaption {
    display: inline;
}

.resultsGrid .dojoxGridCell {
    font-weight: normal;
    cursor: pointer;
}

.resultsCP h3 {
    color: #5d437f;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}

#resultsDiv h4 {
    /*.resultsCP h4 {*/
    background: none repeat scroll 0 0 #c1bacb;
    border-radius: 5px;
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 5px;
}

#resultsDiv h5 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.resultsItemCCPP,
.resultsItemLugares,
.resultsItemCP {
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #d9ebfd;
}

    .resultsItemCCPP:hover,
    .resultsItemLugares:hover,
    .resultsItemCP:hover {
        background-color: #c1bacb;
    }

    .resultsItemCCPP .resultsItemLabel,
    .resultsItemLugares .resultsItemLabel,
    .resultsItemCP .resultsItemLabel {
        display: inline-block;
        width: 90%;
    }

    .resultsItemCCPP .resultsItemImage,
    .resultsItemLugares .resultsItemImage,
    .resultsItemCP .resultsItemImage {
        background: url("../images/custom/zoom.svg") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
        float: right;
        height: 15px;
        width: 15px;
    }

    .resultsItemLugares .resultsItemLabel {
        width: 85%;
    }

    .resultsItemLugares .resultsType {
        float: left;
        height: 15px;
        margin-right: 2px;
        width: 15px;
    }

.resultsType.lsi0 {
    background: url("../images/custom/legend/00.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi1 {
    background: url("../images/custom/legend/01.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi2,
.resultsType.rit01 {
    background: url("../images/custom/legend/02.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi3,
.resultsType.rit03 {
    background: url("../images/custom/legend/03.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi4,
.resultsType.rit04 {
    background: url("../images/custom/legend/04.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi5,
.resultsType.rit05 {
    background: url("../images/custom/legend/05.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi6,
.resultsType.rit06 {
    background: url("../images/custom/legend/06.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi7,
.resultsType.rit27 {
    background: url("../images/custom/legend/07.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi8,
.resultsType.rit07 {
    background: url("../images/custom/legend/08.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi9,
.resultsType.rit08 {
    background: url("../images/custom/legend/09.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi10,
.resultsType.rit02 {
    background: url("../images/custom/legend/10.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi11,
.resultsType.rit09 {
    background: url("../images/custom/legend/11.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi12,
.resultsType.rit10 {
    background: url("../images/custom/legend/12.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi13,
.resultsType.rit11 {
    background: url("../images/custom/legend/13.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi14,
.resultsType.rit12 {
    background: url("../images/custom/legend/14.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi15,
.resultsType.rit13 {
    background: url("../images/custom/legend/15.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi16,
.resultsType.rit14 {
    background: url("../images/custom/legend/16.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi17,
.resultsType.rit15 {
    background: url("../images/custom/legend/17.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi18,
.resultsType.rit16 {
    background: url("../images/custom/legend/18.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi19,
.resultsType.rit17 {
    background: url("../images/custom/legend/19.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi20,
.resultsType.rit19 {
    background: url("../images/custom/legend/20.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi21,
.resultsType.rit20 {
    background: url("../images/custom/legend/21.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi22,
.resultsType.rit21 {
    background: url("../images/custom/legend/22.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi23,
.resultsType.rit22 {
    background: url("../images/custom/legend/23.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi24,
.resultsType.rit23 {
    background: url("../images/custom/legend/24.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi25,
.resultsType.rit25 {
    background: url("../images/custom/legend/25.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi26,
.resultsType.rit24 {
    background: url("../images/custom/legend/26.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi27,
.resultsType.rit26 {
    background: url("../images/custom/legend/27.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi28 {
    background: url("../images/custom/legend/28.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi29 {
    background: url("../images/custom/legend/29.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi30 {
    background: url("../images/custom/legend/30.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi31 {
    background: url("../images/custom/legend/31.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi32 {
    background: url("../images/custom/legend/32.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi33 {
    background: url("../images/custom/legend/33.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.lsi34 {
    background: url("../images/custom/legend/34.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.ritEE {
    background: url("../images/custom/legend/00.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.ritCP {
    background: url("../images/custom/legend/30.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.ritBarrio {
    background: url("../images/custom/legend/31.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.ritVereda {
    background: url("../images/custom/legend/32.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

.resultsType.ritMunicipio {
    background: url("../images/custom/legend/33.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);
}

#sbCPbuttons {
    text-align: right;
}

    #sbCPbuttons .dijitButtonNode {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: 0 none !important;
        box-shadow: none;
        padding: 0;
    }

#sbCPexcelExport,
#sbCPpdfExport {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px;
    height: 35px;
    width: 35px;
    background-size: 35px;
}

    #sbCPexcelExport:hover,
    #sbCPpdfExport:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

#sbCPexcelExport {
    background-image: url("../images/custom/icoXls.png");
}

#sbCPpdfExport {
    background-image: url("../images/custom/icoPdf.png");
}


/*********
 * Ayuda *
 *********/

.contenidos {
    padding: 5px;
}


/***************
 *** Loading ***
 ***************/

#loading {
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    z-index: 900;
    display: none;
}

.spinner {
    font-size: 10px;
    height: 100%;
    text-align: center;
    width: 100%;
}

    .spinner > div {
        animation: 1.2s ease-in-out 0s normal none infinite stretchdelay;
        background-color: #543179;
        display: inline-block;
        height: 100%;
        width: 8px;
    }

    .spinner .rect2 {
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        animation-delay: -1s;
    }

    .spinner .rect4 {
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        animation-delay: -0.8s;
    }

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1);
    }
}


/*
 * Tools 
 */

#divTools {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 0px;
    z-index: 999;
    overflow: auto;
}

    #divTools .dijitToggleButton {
        margin: 5px auto 0;
    }

.labelButton {
    font-weight: bold;
    margin: 0 auto 10px;
}

#divTools .dijitButtonNode {
    background-color: #593C7B;
}

#divTools .dijitChecked .dijitButtonNode {
    background: #C1BACB;
}

#divTools .dijitToggleButtonHover .dijitButtonNode {
    background: #C1BACB;
}


/****************
 *** OVERVIEW ***
 ****************/

#mapOV {
    background-color: #ffffff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-top-right-radius: 3px;
    width: 250px;
    height: 125px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 200;
}

#toggleOverviewDiv {
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16px;
    z-index: 999;
}

.panIcon {
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    margin: 4px;
}

#toggleOverviewDiv span {
    background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    box-shadow: none;
    margin: 0 !important;
    padding: 0 !important;
}

.ovMapShowIcon {
    background: url("../images/custom/closeOverview.png") repeat scroll 0 -78px rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    height: 16px;
    width: 16px;
}

.ovMapHideIcon {
    background: url("../images/custom/closeOverview.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 16px;
    width: 16px;
}

#mapOV .esriControlsBR {
    display: none;
}


/****************
 *** identify ***
 ****************/

#InfoResult h3 {
    margin: 0;
}

#InfoResult p {
    margin: 0 0 5px 10px;
}

#InfoResult strong {
    margin-right: 2px;
    color: #4e2071;
}

.esriPopup .contentPane,
.esriPopup .actionsPane {
    background: rgba(255, 255, 255, 0.7) !important;
}

.esriPopup .pointer,
.esriPopup .outerPointer {
    background: url("../images/custom/popup-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/************
 * sendMail *
 ************/

#sendMailInfo {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    width: 16px;
    cursor: help;
}

#sendMail_Loading {
    display: none;
    font-weight: normal;
    margin: 5px 0 0 64px;
    position: absolute;
    text-align: center;
    width: 150px;
}


/****************
 * addTematicos *
 ***************/

#addTematicosInfo {
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 17px;
    width: 16px;
    cursor: help;
}

.addTematicosDescription {
    margin: 10px 0;
    padding: 8px;
    font-weight: normal;
}

.addTematicosLabel {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 15px;
    width: 25%;
}

.addTematicosInputForm {
    width: 172px !important;
}

#addTematicos_Loading {
    float: left;
    margin-left: 15px;
}

#addTematicos_Capa .dijitSelectLabel,
#addTematicos_Variable .dijitSelectLabel,
#addTematicos_Metodo .dijitSelectLabel,
#addTematicos_Elementos .dijitSelectLabel {
    overflow: hidden;
    text-align: left;
    width: 150px !important;
}

#addTematicos_Capa .dijitDownArrowButton,
#addTematicos_Variable .dijitDownArrowButton,
#addTematicos_Metodo .dijitDownArrowButton,
#addTematicos_Elementos .dijitDownArrowButton {
    width: 16px;
}

#colorsTematicos span {
    margin-left: 15px;
    margin-right: 10px;
}

.dojoxColorPicker {
    background: none repeat scroll 0 0 #fff !important;
    left: 8px;
    position: absolute;
    top: 33px;
    z-index: 999;
}

#addTematicos_BColor {
    background: none repeat scroll 0 0 #fff;
    height: 43px;
    margin-top: -13px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
}


/**********
 * Login *
 **********/

#restorePassw {
    margin-top: 10px;
}

#registerUser {
    margin-right: 15px;
    margin-top: -11px;
    text-align: right;
}

#loginOptions ul {
    margin: 10px 15px;
    padding: 0;
}

#userOption li {
    margin-top: 10px;
    list-style: none outside none;
}

#loginOptions a {
    color: #4d1e70;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}

    #loginOptions a:hover {
        color: #333;
    }


/*****************
 * Search By Geo *
 *****************/

#sbGeoTools {
    margin-top: 10px;
    text-align: center;
}

    #sbGeoTools .dijitButtonNode {
        border-color: #fff;
        margin-right: 10px;
    }

    #sbGeoTools .dijitToggleButtonChecked .dijitButtonNode {
        background-color: #502473;
    }

.sbpointIcon,
.sblineIcon,
.sbfree_lineIcon,
.sbcircleIcon,
.sbpolygonIcon,
.sbfree_polygonIcon {
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.sbpointIcon {
    background-image: url(../images/custom/drawPoint.png);
}

.sblineIcon {
    background-image: url(../images/custom/drawLine.png);
}

.sbfree_lineIcon {
    background-image: url(../images/custom/drawFreeHandLine.png);
}

.sbcircleIcon {
    background-image: url(../images/custom/drawCircle.png);
}

.sbpolygonIcon {
    background-image: url(../images/custom/drawRectangular.png);
}

.sbfree_polygonIcon {
    background-image: url(../images/custom/drawFreeHandShape.png);
}


/**********
 * Select *
 **********/

.selDiv .labelForm {
    margin-left: 10px;
}

#selectByGeoTools {
    margin-top: 10px;
    text-align: center;
}

    #selectByGeoTools .dijitButtonNode {
        border-color: #fff;
        margin-right: 10px;
    }

    #selectByGeoTools .dijitToggleButtonChecked .dijitButtonNode {
        background-color: #502473;
    }

.selectpointIcon,
.selectlineIcon,
.selectfree_lineIcon,
.selectcircleIcon,
.selectpolygonIcon,
.selectfree_polygonIcon {
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.selectpointIcon {
    background-image: url(../images/custom/drawPoint.png);
}

.selectlineIcon {
    background-image: url(../images/custom/drawLine.png);
}

.selectfree_lineIcon {
    background-image: url(../images/custom/drawFreeHandLine.png);
}

.selectcircleIcon {
    background-image: url(../images/custom/drawCircle.png);
}

.selectpolygonIcon {
    background-image: url(../images/custom/drawRectangular.png);
}

.selectfree_polygonIcon {
    background-image: url(../images/custom/drawFreeHandShape.png);
}


/*******
 * FAQ *
 *******/

.claro .dijitTitlePaneTitle {
    background-color: #fff;
    border: 1px solid #c1bacb;
    color: #494949;
    font-size: 1.1em;
}

.claro .dijitTitlePaneTitleOpen,
.claro .dijitTitlePaneTitleFixedOpen {
    background-color: #56367c;
    color: #fff;
}

.claro .dijitTitlePaneTitleHover {
    background-color: #C1BACB;
    border-color: #C1BACB;
    color: #494949;
}


/*********
 * AYUDA *
 *********/

#helpGeneral h2 {
    background: none repeat scroll 0 0 #4f2272;
    color: #fff;
    padding: 5px;
}

#helpGeneral h3 {
    border-bottom: 1px dashed #fff;
    border-top: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

#helpGeneral ul {
    padding-left: 15px;
}

#helpGeneral strong {
    color: #4f2272;
}

    #helpGeneral strong.blanco {
        color: #fff;
    }

#helpGeneral .sombra {
    box-shadow: 5px 8px 5px #888888;
}


/***********
 * EDICION *
 ***********/


/* Tools  */

#divData {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 200px;
    z-index: 999;
    overflow: auto;
}


/* DataGrid */

.claro .dojoxGridHeader .dojoxGridCell {
    background: none repeat scroll 0 0 #502473;
    color: #fff;
}

.claro .dojoxGridRowSelected .dojoxGridRowTable tr {
    background-color: #c1bacb;
}

.claro .dojoxGridCellFocus {
    border: none !important;
}

.claro .dojoxGridRowSelected .dojoxGridCell {
    border-bottom: 1px solid #c1bacb;
    border-top: 1px solid #c1bacb;
}


/************
 * UNITARIA *
 ************/

#businessCard {
    text-align: right;
}

    #businessCard .dijitButtonNode {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: 0 none !important;
        box-shadow: none;
        padding: 0;
    }

#businessCardExport {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px;
    height: 35px;
    width: 35px;
    background-size: 35px;
    background-image: url("../images/pdfExport.svg");
}

    #businessCardExport:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }


/************
 * BASICA   *
 ************/

#businessCard {
    text-align: right;
}

    #businessCard .dijitButtonNode {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: 0 none !important;
        box-shadow: none;
        padding: 0;
    }

#basicBusinessCardExport {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px;
    height: 35px;
    width: 35px;
    background-size: 35px;
    background-image: url("../images/pdfExport.svg");
}

    #basicBusinessCardExport:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }


/***********
 * PREDIOS *
 ***********/

#csvPredioForm {
    border-top: 1px dashed #fff;
    margin-top: 10px;
    padding-top: 10px;
}


/************
 * EDICCION *
 ************/

.selDiv h2 {
    color: #4d1d6f;
    font-weight: bold;
    margin: 0 0 10px 10px;
}

.selButtonsDiv {
    text-align: right;
}

    .selButtonsDiv .dijitButtonNode,
    .editButtonsDiv .dijitButtonNode {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        padding: 0 !important;
    }

.editButtonsDiv .dijitButtonNode {
    margin-right: 10px;
}

.selectToolByGeo:hover,
.selectToolByFields:hover,
.selectToolNew:hover,
.selectResults:hover,
.editGeometry:hover,
.editFields:hover,
.editSave:hover,
.editCancel:hover,
.editDelete:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.selectToolByGeo,
.selectToolByFields,
.selectToolNew,
.selectResults,
.editGeometry,
.editFields,
.editSave,
.editCancel,
.editDelete {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin: 4px;
}

.selectToolByGeo {
    background-image: url(../images/custom/searchByGeo.png);
}

.selectToolByFields {
    background-image: url(../images/custom/searchByFields.png);
}

.selectToolNew {
    background-image: url(../images/custom/newFeature.png);
}

.selectResults {
    background-image: url("../images/custom/selectResults.png");
}

.editGeometry {
    background-image: url("../images/custom/features.png");
}

.editFields {
    background-image: url("../images/custom/fields.png");
}

.editSave {
    background-image: url("../images/custom/save.png");
}

.editCancel {
    background-image: url("../images/custom/close.png");
}

.editDelete {
    background-image: url("../images/custom/delete.png");
}

#editFeature {
    height: 250px;
    width: 100%;
}

#selEditButtons {
    height: 30px;
    width: 100%;
    text-align: right;
}

#selEditInspector {
    height: 220px;
    overflow: auto;
    width: 100%;
}


/* Añadir Features */

.bAddPredio,
.bAddSitio,
.bAddVia,
.bAddLote {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px;
    margin: 4px;
}

.bAddPredio {
    background-image: url(../images/custom/predio.png);
}

.bAddSitio {
    background-image: url(../images/custom/poi.png);
}

.bAddVia {
    background-image: url(../images/custom/vias.png);
}

.bAddLote {
    background-image: url("../images/custom/lotes.png");
}

#addFeatures .dijitButton {
    display: inline-block;
    margin-top: 55px;
    text-align: center;
    width: 140px;
}

#addFeatures .dijitButtonText {
    color: #fff;
}


/* AttributeInspector */

.atiAttributes table {
    margin-left: auto;
    margin-right: auto;
}

.esriAttributeInspector .atiNavButtons {
    float: none;
    text-align: center;
}

.esriAttributeInspector .atiNavMessage {
    float: none;
}

.esriAttributeInspector .atiLayerName,
.esriAttributeInspector .atiEditorTrackingInfo {
    display: none !important;
}

.esriAttributeInspector .atiButtons {
    border-top: none;
    margin: 0;
    padding: 0;
}

.atiAttributes {
    height: 159px;
    margin: 10px auto 5px auto;
    overflow: auto;
}

.esriAttributeInspector .atiField {
    width: 100%;
}

.esriAttributeInspector .atiLabel {
    color: #4f2c75;
}

.esriAttributeInspector .atiDeleteButton {
    display: none;
}

.esriPopup .titleButton.maximize {
    display: none;
}