html, body{
    margin: 0; padding: 0;
    background-color: #696969;
}
span.linkNav{
    cursor: pointer;
    color: #696969;
}
span.linkNav:hover{ color: #363636; }

#carrusel{ 
    position: relative; 
    padding-top: 0px;
} 
#eslogan{
    position: absolute;
    bottom: -60px; 
}
#demo{
    border-bottom: solid 4px #ff0000;
    overflow-x: hidden;
}

#navUL{ font-size: 1.2em; }

#navSoc{ font-size: 1em; text-align: right; }

#navPersonal{
    position: fixed; 
    top: 0px; left: 0px; 
    z-index: 9999; 
    background-color: #fff; 
    width: 100%; 
    padding-top: 15px; padding-bottom: 15px; 
    border-bottom: solid 4px #ff0000;
}

.ImText{
    /*text-shadow: 4px 4px #505050;*/
    background-color: rgba(250, 0, 0, .8);
    padding: 10px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.carousel-caption {
   position: absolute;
   top:-10px
}

#map{
    width: 100%; min-height: 650px; 
    background-color: #969696;
    margin: 0 auto;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.headDatos{ font-size: 2.5em; }
.listDatos{ font-size: 1.5em; }

@media only screen and (max-width: 768px) {
    #navUL{ font-size: 1.6em; }
    #navSoc{ font-size: 1.0em; text-align: center; }
    #eslogan{ bottom: -110px; }
    #eslogan h4{ font-size: 1em; }
    
    #carrusel { 
        margin-top: -96px; 
        width: 90%;
        margin-left: auto; margin-right: auto;
    }
    
    .carousel-caption{ top: -25px; }
    .carousel-caption h1{
        font-size: 1.2em;
    }
    
    #map{
        width: 90%;
    }
    
    #demo img{ 
        height: 300px; width: 900px;
        margin-top: 0px; }
    
    #navPersonal{
        position: initial; 
        top: 0px; left: 0px; 
    }
    
    #imgMap{
        visibility: hidden !important;
        height: 0; width: 0;
    }
    
    .headDatos{ font-size: .9em; }
    .listDatos{ font-size: 1.1em; }
    
}