@font-face {
    font-family: 'Roboto';
    src: url('css/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'myriad';
    src: url('Myriad Pro Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face{
    
    src:url("netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1");
    src:url("netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
    font-weight:normal;font-style:normal
}*/
/* *{
        font-family:'Roboto', sans-serif;
}*/
body{
	margin:0px;
	padding:0px;
	/*font-family:'myriad', Verdana;*/
        font-family: 'Roboto', sans-serif;
        /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
}
a{
    border:0;
}
/* escritorio y tableta horizontal   769 */
@media screen and (min-width:1012px) and (min-device-width:1012px){
    
     .celdaEncabezado{
        position: absolute;
        bottom: 0;
    }
}

	html{
		height:100%;
		min-height:100%;
	 }
    #divEncabezado{
        background: #efefef;
    }
    .estatico{
        position:fixed;
        top:0px;
        z-index: 3000;
    }
    .sombraCaja{
       -webkit-box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
    }
    
    #divEncabezadoRenglon{
        height:71px;
        background:#dedede;
       /* width: 75%;*/
        margin: auto;
        position: relative;
        
    }
    #divLogoContenedor{
    }
    #divEncabezadoRenglon #logo{
        /*float: left;*/
    }
    
    .texto18{
        font-size: 18pt !important;
    }
    .texto09{
        font-size: 9pt !important;
    }
    #busqueda{
        width:95%;
        font-size:1.3rem  !important;
    }
    #lnkBuscarProducto span{
        display: block;
        height: 28px;
        
        border-radius: 20px;
        left: -20px;
        position: relative;
        z-index: 10;
    }
    input#busqueda {
        border-radius: 20px;
    }
    /*#busqueda span{
        
    }*/
   
    #spanEncabezado1{
        color:#999999;
    }
    #spanEncabezado1 a{
        color:#999999;
        text-decoration: none;
    }
    #spanEncabezado1 a:hover{
        color:orangered;
    }
    #spanEncabezado2{
        color:orangered;
    }
    #menuContenedor{
        background: #FFFFFF;
    }
    .menuItem{
        border-right: 1px solid #EFEFEF;
        height: 70px;
        /*padding: 0;
        margin: 0;*/
    }
    .menuItem:last-child{
        border: 0;
    }
    .menuItem:hover{
        background: orangered;
        color:#FFFFFF;
    }
    .menuItem a{
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .menuItem a:hover *{
        color:#FFFFFF;
    }
    /*.menuItem .menuItemTitulo:hover{
        
    }*/

    .menuItem:last-child:hover{
        background: orangered;
    }

    .menuItemTitulo{
        font-size: 11pt;
        font-weight: bold;
        color:#555555;
    }
    .menuItemDesc{
        font-size: 10pt;
        font-weight: bold;
        color:#777777;
    }
    .flex-center-vertically {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    #divCuerpo{
        /*background: #FFFFFF;*/
        /*height: 150px;*/
    }
    #divPie{
        background: #DEDEDE;/*--*/
        color:#999999;
    }
    #divGris{
       background: #EFEFEF;
        color:#999999;
    }
    .itemPie{
        border-right: 1px solid #CDCDCD;
        padding: 30px;
        /*margin: 0;*/
    }
    .itemPie:last-child{
        border-right: 0;
        padding: 30px;
    }
    .lineaTitulos{
        color:#cdcdcd;
        width: 100%;
        background-color: #cdcdcd;
        height: 1px;
    }
    #tituloNuestrosServicios{
        width: 135px;
        height: 10px;
    }
    #tituloNuestrosProductos{
        width: 155px;
        height: 10px;
    }
    #tituloTop5{
        width: 176px;
        height: 10px;
    }
    #tituloSucursales{
        width: 155px;
        height: 10px;
    }

    .tituloSeccion{
        color:orangered !important;
        font-size: 11pt;
        font-weight: bold;
    }
    
    .divTituloCentrado{
        /*background: yellow;*/
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }    
    
    
    .menuVendedor{
        width: 100%;
        margin: auto;
        color:#fff;
        background: #DEDEDE;
    }
    .itemVendedor{
        font-size: 11px;
        width: 120px;
        margin: 5px 0 0 0;

        padding: 5px 15px;
        color: #fff6f0;
        background: #002b1a url(images/degradadoBackgroundRojo.jpg) repeat-x;
        border-radius: 5px;
    }
    .itemVendedor:hover {
            color: orangered;
            box-shadow: 0 0 5px #000;
    }
    #divPanelVendedor{
        background-color: #fff;
        padding: 15px;
    }
    
    

    .nopadding {
       padding: 0 !important;
       margin: 0 !important;
    }
    .imgServicios{
        width:33px;
    }
    

    .imgCardCenter{
        /*background: yellow;*/
        
        display: flex;
        justify-content: center;
        flex-direction: column;
        
        margin:auto;
        height: 116px;
    }
    .imgCardCenter img{
        width:33px;
    }
    .cardServicio{
        background: #efefef;    
        
    }
    .cardServicio:hover{
        background:orangered;    
        
    }

    .cardBlock{
        padding:15px 2px 2px 2px;
    }
    .cardTitle{
        font-weight: bold;
        font-size: 13px;
    }
    .cardText{
        font-size: 11px;
    }
    .imgCardCenterTop5 img{
        width:120px;
        margin: auto;
        display: block;
    }
    .cardBlockTop5{
        padding:7px 2px 2px 2px;
    }
    .cardTitleTop5{
        font-weight: bold;
        font-size: 11px;
        height: 34px;
    }
.cardTop5{
    border:1px solid #efefef;
    margin:0px 4px 0px 0px;
    padding:0px;
    
}
.cardTop5Body{
    background: #efefef;
    height: 60px;
    
}
.cardTop5Container{
    /*background: yellow;*/
    margin:0px;
    padding:0px;
}
.cardTop5Container a{
    color:#666;
}
.cardTop5Container a:hover{
    text-decoration: none;
}
    .hrBlanco{        
        background: #FFF;
        height: 1px;
        margin:0px;
    }
    .hrGris{
        background: #999;
        height: 1px;
        margin:0px;
    }

#card-img-receta-dr {
  color: #fff;
  height: 25rem;
  background: url(img/coffee-beans-997054_1920.jpg) center no-repeat;
  background-size: cover;
}
#card-img-videos {
  color: #fff;
  height: 25rem;
  background: url(img/8253.jpg) center no-repeat;
  background-size: cover;
}

#card-img-recetas{
    
    color: #fff;
  height: 150px;
  /*width:20rem;*/
  background: url(img/dish-970446_960_720.jpg) center no-repeat;
  background-size: cover;
    
}

.cardTitulo{
    color:orangered;
    font-size: 1.6rem;
    font-weight: bold;
}
.lineaNaranjaCard{
    margin-top: 10px;
    color:orangered;
    width: 90%;
    background-color:orangered;
    height: 1px;
}

.espacioIzquierdo{
    padding-left: 10px;
}

.ligaPie{
    color:#999999;
    text-decoration: none;
}

.ligaPie:visited{
    color:#999999;
}
.ligaPie:hover{
    color:#333333;
    text-decoration: underline;
}

a.ligaNaranja{
    
}

a.ligaServicios{
    color:#333333;
}
a.ligaServicios:hover{
    color:#FFFFFF;
    text-decoration: none;
}


/*===============categoriaProductos======*/
.cardCategoria a:hover{
    text-decoration: none !important;
}

.cardCategoria{
    
    
    /*padding:0px 0px 0px 0px;
    margin:0px;*/
}
.cardCategoriaRow{
 
    /*padding:0px 3px 0px 3px;*/
    /*margin:0px;*/
}
.cardCategoriaContainer{
    max-width: 372px !important;
    width: 372px !important;
    height:258px;
    padding:0;
    margin: 0 auto;
    
    
    /*width: 100%;*/
    /*border:1px solid blue;*/
}
.cardCategoriaContainer img{
/*    max-width: 370px !important;
    width: 370px !important;*/
    max-width: 100% !important;
    width: 100% !important;
    max-height:256px;
    margin: auto;
}

.cardCategoriaProductoContainer{
    /*max-width: 372px !important;
    width: 372px !important;*/
    max-width: 99% !important;
    width: 99% !important;
    height:268px;
    padding:0;
    margin: 0 auto;
}
.cardCategoriaProductoContainer img{
    max-width: 220px !important;
    width: 220px !important;
    max-height: 258px;
    margin: auto;
}

.cardCategoriaBody{
    margin: 0; 
    padding:0;
}
.cardCategoriaOverlay{
    margin: 0; 
    padding:0;
}
.cardCategoriaTitle{
    text-align:center;
    background: #ffffff;
    opacity: 0.8;
    height: 70px;
    border-radius: 0;
    padding: 10px;
}

.cardCategoriaTitle  span{
    font-weight: bold;
    color:#000000;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 9pt;
}
/*
Categoria Seccion
*/
.cardCategoriaSeccionContainer{
    max-width: 372px !important;
    width: 372px !important;
    height:258px;
    padding:0;
    margin: 0 auto;
    /*width: 100%;*/
    /*border:1px solid blue;*/
}
.cardCategoriaSeccionContainer img{
    
    /*max-width: 220px !important;
    width: 220px !important;
    max-height:258px  !important;*/
    max-width: 370px !important;
    width: 370px !important;
    max-height: 256px;
    margin: auto;
}



/* producto   tabs nav*/

.relleno-item{
  padding:0px 5px 5px 0px  !important;  
    
}
.relleno-item:last-child{
    padding:0px 0px 5px 0px  !important;  
}

.descripcionProductoTab{
    background: #efefef;
    color:#888888;
    padding:20px 20px 20px 20px;
}

.btn-naranja { 
  color: #666666  !important;
  background-color: #EFEFEF !important; 
  border-color: none !important; 
  padding:20px;
  border-radius: 0px !important;
} 
 
.btn-naranja:hover, 
.btn-naranja:focus, 
.btn-naranja:active, 
.btn-naranja.active, 
.open .dropdown-toggle.btn-naranja { 
  color: #FFFFFF !important; 
  background-color: orangered !important; 
  border-color: #FF5900 !important; 
} 
 
.btn-naranja:active, 
.btn-naranja.active, 
.open .dropdown-toggle.btn-naranja { 
  background-image: none !important; 
} 
 
.btn-naranja.disabled, 
.btn-naranja[disabled], 
fieldset[disabled] .btn-naranja, 
.btn-naranja.disabled:hover, 
.btn-naranja[disabled]:hover, 
fieldset[disabled] .btn-naranja:hover, 
.btn-naranja.disabled:focus, 
.btn-naranja[disabled]:focus, 
fieldset[disabled] .btn-naranja:focus, 
.btn-naranja.disabled:active, 
.btn-naranja[disabled]:active, 
fieldset[disabled] .btn-naranja:active, 
.btn-naranja.disabled.active, 
.btn-naranja[disabled].active, 
fieldset[disabled] .btn-naranja.active { 
  background-color: none !important; 
  border-color: none !important; 
} 
 
.btn-naranja .badge { 
  color: #F7690A !important; 
  background-color: #FFFFFF !important; 
}

.tituloProducto{
    color:orangered;
    border-bottom: 1px solid orangered;
    font-size: 24pt;
    font-weight: bold;
}
.precioProductoGris{
    color:#888888;
    font-size: 24pt;
}
.precioProductoNaranja{
    color:orangered;
    font-size: 24pt;
}

.descripcionProducto{
    color:#888888;
    font-size: 12pt;
}



.btn-naranja-producto { 
  color: #FFFFFF  !important;
  background-color: orangered !important; 
  border-color: none !important; 
  padding:10px;
  border-radius: 0px !important;
      width: 100%;
    font-size: 16pt;
} 
 
.btn-naranja-producto:hover, 
.btn-naranja-producto:focus, 
.btn-naranja-producto:active, 
.btn-naranja-producto.active, 
.open .dropdown-toggle.btn-naranja-producto { 
   color: #666666 !important; 
  background-color: #FF6600 !important; 
  border-color: #FF5900 !important; 
} 
 
.btn-naranja-producto:active, 
.btn-naranja-producto.active, 
.open .dropdown-toggle.btn-naranja-producto { 
  background-image: none !important; 
} 
 
.btn-naranja-producto.disabled, 
.btn-naranja-producto[disabled], 
fieldset[disabled] .btn-naranja-producto, 
.btn-naranja-producto.disabled:hover, 
.btn-naranja-producto[disabled]:hover, 
fieldset[disabled] .btn-naranja-producto:hover, 
.btn-naranja-producto.disabled:focus, 
.btn-naranja-producto[disabled]:focus, 
fieldset[disabled] .btn-naranja-producto:focus, 
.btn-naranja-producto.disabled:active, 
.btn-naranja-producto[disabled]:active, 
fieldset[disabled] .btn-naranja-producto:active, 
.btn-naranja-producto.disabled.active, 
.btn-naranja[disabled].active, 
fieldset[disabled] .btn-naranja-producto.active { 
  background-color: none !important; 
  border-color: none !important; 
} 
 
.btn-naranja-producto .badge { 
  color: #F7690A !important; 
  background-color: #FFFFFF !important; 
}

.campoNaranjaBorde{
    width: 40px;
    border: 1px solid orangered;
    color:orangered;
    text-align: center;
}


.subtituloProductoDescripcion{
    color: #666666;
    font-weight: bold;
}

/***************
    sucursales
*****************/
.cardSucursalRelleno{
    padding:40px;
}
.cardSucursalContainer{
    /*background: yellow;*/
    min-height:428px;
    margin: 0;
    width: 100%;
    /*border:1px solid blue;*/
}
.cardSucursalContainer img{
    width: 426px;
    margin: auto;
}
.tituloSucursal{
    font-size: 24pt;
    font-weight: bold;
    color:orangered;
    border-bottom: 3px solid orangered;
}
.datosSucursal{
    font-size: 14pt;
}


.tooltiptextmenu2{
    width:180px;
    padding: 10px;
    background-color: #002b1a;
    color:#fff;
    display: none;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin-left: 390px;
    margin-top: -20px;
    z-index: 9999;
}
.tooltiptextmenu2 a{
    color:#fff;
    font-size: 11px;
}
.lineaGris{
    border-top: 1px solid #8c8b8b;
    width: 90%;
    text-align: center;
}
.submenu-coffee{
    display:none;
    background:orangered !important; 
    opacity:0.95 !important;
    height:200px !important;
    position: absolute !important;
    width:100% !important;
    z-index:1000 !important;
}
.padding-20{
    padding:20px;
}
.item-submenu-coffee {
    
}
.item-submenu-coffee a{
    color:#FFFFFF  !important;
}

/*divContactanosServicioTecnico*/
#divContactanosServicioTecnico{
    width:400px;
    margin: auto;
    z-index: 1001;
    background: orangered;
    padding:20px;
    color:#FFFFFF;
    position: absolute;
    left: 40%;
}
/*fin divContactanosServicioTecnico*/


/* contacto garantia */
#divContactoGarantia{
    width:350px;
    
    margin-left:-175px;
    position: fixed;
    top: 10%;
    left:50%;
    padding: 10px;
    background: orangered;
    color: #000 ;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    color:#fff;
    
}
#divContactoGarantia h3{
    font-size: 12pt;
    margin-bottom: 20px;
    text-align: left;
}
#divContactoGarantia input[type="text"]{
    background-color: #fff;
    color: #000;
    margin: 2px;
    padding: 2px;
    border:none;
    width: 100%;
}
/* fin contacto garantia*/


#loading-image {
    background-image:url('img/fondoObscuro.png');
    background-repeat: repeat;
    z-index: 1100;
    
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    height: 100%;
}
#loading-image div{
    background-color: #fff;
    padding: 25px;
    position: absolute; 
    top: 50%; 
    left: 40%; 
}
.imagen-centrada{
    margin:0 auto;
    
}
.btn-outline-naranja{
    background-color: transparent;
    color:orange;
    background-image: none;
    border-color:orange;
}

/*@media (min-width:769px){*/
@media (min-width:1151px){
    #menuMovil{
        display: none;   
    }
    #menuContenedor{
        display: block;   
    }
    #divEncabezado{
        display: block;   
    }
    .ocultarMovil{
        display: block;   
    }
}
/*@media (max-width:768px){*/
@media (max-width:1150px){
    #menuMovil{
        display: block; 
    }
    #menuContenedor{
        display: none;   
    }
    #divEncabezado{
        display: none;   
    }
    .ocultarMovil{
        display: none;   
    }
}

/*
carrusel
*/
.carousel-indicators .active {
   
    background-color: orangered !important;
}
.carousel-indicators li {
    background-color: rgba(255,69,0, .4) !important; 
}