/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


.DGMapTooltip {
    position : fixed;
    background-color : #ccc;
    moz-opacity:0.90;
    opacity: 0.90;
    filter:alpha(opacity=90);

    border-radius:10px;
    padding : 10px;
    z-index: 1000;
    max-width: 400px;
    display:none;
    color:#000000;
    font-size:16px;
    font-weight:600;

}

.DGMapa .map{float:right;width: 70%;position:relative!important;}
.DGMapa .map svg {z-index:10; width: 100%; }
.DGMapa .map.large svg {height: 550px;}


.DGMapa .areaLegend{float:left;padding-top:10px;/*70px;*/width: 30%;}
.DGMapa .areaLegend svg {width: 100% !important;}
.DGMapa .areaLegend svg text[font-size="16px"] {transform: translate(-5px,0px);}
.DGMapa .areaLegend svg text[font-size="12px"] {font-size: 13px !important; transform: translate(-25px,0px);}
@media screen and (min-width: 768px) {
    .DGMapa .areaLegend svg text[font-size="12px"] {font-size: 11px !important; transform: translate(-25px,0px);}
}
.DGMapa .areaLegend svg rect {width: 20px; x:0;}


.DGMapa .zoomIn,
.DGMapa .zoomOut {
    background-color:#fff;
    border:1px solid #ccc;
    color:#000;
    width:15px;
    height:15px;
    line-height: 15px;
    text-align:center;
    border-radius:3px;
    cursor:pointer;
    position:absolute;
    top : 10px;
    font-weight:bold;
    left : 10px;

    -khtml-user-select: none;
    -o-user-select: none;
    z-index: 10;
}

.DGMapa .zoomOut
{
    top : 35px;
}


.DGMapa .btnMapasContainer
{
    margin-bottom: 20px;
}

.DGMapa .btnMapas
{
    background:#e3e3e3;
    display: inline-block;
    padding:13px 20px;
    margin-right:10px;
    font-size:14px;
    color:#373737;
    text-transform:uppercase;

}

.DGMapa .btnMapas:hover
{
    background:#373737;
    display: inline-block;
    padding:13px 20px;
    margin-right:10px;
    font-size:14px;
    color:#fff;
    text-transform:uppercase;

}

.DGMapa .btnMapasActivo
{
    background:#373737;
    display: inline-block;
    padding:13px 20px;
    margin-right:10px;
    font-size:14px;
    color:#fff;
    text-transform:uppercase;

}

.DGMapa #gridOver
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    z-index:9;
}

.DGMapTooltip span
{
    display:block;
    padding: 5px;
    box-sizing: border-box;
    width:100%;
    background-color : #636466;
    color:#fff;
    margin-bottom: 5px;
}

.DGMapa .DGMapTooltip p.tooltip-subtitle {
    color: #000;
    text-decoration: underline;
    padding-bottom: 2px;
}
.DGMapa .DGMapTooltip p.tooltip-subtext {
    color: #000;
    font-size:12px;
    line-height: 1;
    padding: 0;
    padding-bottom: 2px;
}

@media only screen and (max-width:836px)
{
    .DGMapa .map{float:none;width: 90%; margin: 0 auto;}
    .DGMapa .areaLegend{float:none;width: 90%; margin: 0 auto;}
}