@font-face {
    font-family: 'museo_sans700';
    src: url('./fonts/museosans_700-webfont.eot');
    src: url('./fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/museosans_700-webfont.woff') format('woff'),
         url('./fonts/museosans_700-webfont.ttf') format('truetype'),
         url('./fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans100';
    src: url('./fonts/museosans_100-webfont.eot');
    src: url('./fonts/museosans_100-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/museosans_100-webfont.woff') format('woff'),
         url('./fonts/museosans_100-webfont.ttf') format('truetype'),
         url('./fonts/museosans_100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'museo_sans100'; background-color: #000000;}
a{color: #000;}
a:hover {color: #000; text-decoration: none;}
b {font-family: 'museo_sans700';}


.container-fluid {position: relative; }

.logo {width: 80%; margin-top: 0px;}
.localizacion {  margin: 7px 0px 0px -26px; z-index: 700; float:left;}
.direccion { display: flex; align-items: center; justify-content:center; color: #000; z-index:  700; font-size: 20px; }
.direccion ul { list-style-type: none; z-index: 700; float: right; margin-right: 40px;}
.facebok { margin: 0px 0px 0px 5px; width: 25px; }
.facebook_icono { display: inline-block; }
.margen_izquierdo { padding-left: 2px; margin-top: 10px;}
.pasteleria ul {padding: 0px; text-align: left;}
.pasteleria li { font-family: 'museo_sans700'; color: #000; display: inline ; 
     text-align: center; font-size: 26px; font-weight: bold; }
.pasteleria li + li:before {
  content:"\2022";
  padding: 0 20px 0 17px;
  color: #000;
}

.cb-slideshow {
    padding: 0;
margin:0;!
    list-style:none;
}

.info_web {
    display: inline-block;
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
}
.logoartesania { margin-top: 20px; }

.datos_de_contacto {
    display: flex;
    align-items: left;
    justify-content: center;
    padding: 100px 0 20px 5%;
    bottom: 0; 
    position: fixed;
    background: linear-gradient(rgba(253, 190, 25, 0) 25%, rgba(253,190,25,1)) 100%;
    width: 100%;
    color: #000;
}
.datos_de_contacto h1 {
    font-family: 'museo_sans100'; 
    font-weight: 800; 
    color: #000; font-size: 24px; 
    text-align: left;
}

.direccion img {
    margin-left: -35px;
    margin-right: 10px;
}


@media (max-width: 767px) {
    .direccion ul {
        margin-right: 0px;
    }
    .datos_de_contacto {
        display: block;
        padding-top: 200px;
  
    }
    .info_web {
        position: initial;
    }
    .pasteleria {margin: 0 0;}
    .pasteleria li { display: inherit; font-size: 18px !important;}   
    .pasteleria  li + li:before {
        content:"";
        padding: 0 0px 0 0px;
        color: #000;
    }
    .datos_de_contacto h1 {margin-bottom: 20px; font-size: 18px;}

    .datos_de_contacto li {
        font-size: 14px;
    }

    h1 {
        font-size: 22px !important;
        text-align: center !important;
        padding:0;
        margin: 0;
    }
    .logo {
        display: block;
        margin: 0 auto;
    }
    
}

@media (min-width: 768px) {
    .direccion ul {
        margin-right: 0px;
    }
}

@media (min-width: 992px) {
    .direccion ul {
        margin-right: 40px;
    }
}