* {
    box-sizing: border-box;
}

body {
 overflow:hidden;
 padding: 0!important;
}

md-content{
    background-color:white;
}
  
.scrollAutohiding
{
    -ms-overflow-style:-ms-autohiding-scrollbar;
    /*background-color:orange!important;*/

}

.avisoCookies {
    /*min-height:40px;
    position:absolute;
    bottom:0px;
    background-color:blue;*/
    text-align: center;
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    min-height: 40px;
    background: rgb(51, 51, 51);
    /*color: #ffff00;*/
    color: white;
    z-index: 99999;
    line-height: 1.2em;
    font-family: Sauna;
}
.etiquetaTiendaActual{
    font-family:Sauna;
    padding:0px; 
    /*white-space:nowrap;*/ 
    overflow: auto; 
    margin-left: 30px;
    margin-right: 30px;
}


.swal2-container{
    overflow:hidden!important;
}

/*Quitar el spin  del inpout numeric*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}


 a 
 {
      text-decoration:none;
 }

.absoluteCenter {
  position: absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.cursorPointer{
    cursor:pointer;
}

.aviso {
    font-family:Sauna;
    font-size: 22px;
}

.aviso2 {
    font-family:Sauna;
    font-size: 18px;
}

.visibilityHidden{
    visibility:hidden;
}
/*.center-div
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  border-radius: 3px;
}*/


.noMostrarScroll {
    -ms-overflow-style: none;   
    /*overflow: -moz-scrollbars-none;*/   /*en FIrefox anula en scroll*/
}

.noMostrarScroll::-webkit-scrollbar {
   display: none;
}


/*body {
  -ms-overflow-style: none;   
  overflow: -moz-scrollbars-none;  
}
body::-webkit-scrollbar {
    display: none;
}*/
/*IE 10+ Firefox*/

/*
.mostrarScroll{
    -ms-overflow-style: auto;   
    overflow: -moz-scrollbars-vertical;  
}


.mostrarScroll::-webkit-scrollbar {
    all:unset;
}

.mostrarScroll::-webkit-scrollbar-track {
   all:unset;
}

.mostrarScroll::-webkit-scrollbar-thumb {
   all:unset;
}
.mostrarScroll::-webkit-scrollbar-thumb:window-inactive {
     all:unset;
}*/



.prepraracionDesc{
    font-family:Sauna;
    font-size:17px;
    color:dimgray;
}

.cantidadDesc{
    font-family:GothamRounded;
    font-size:13px;
    color:dimgray;
}
.numero{
    font-family:GothamRounded;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.boxShadowPrincipal{
    box-shadow: 0px 0px 30px 5px rgba(10,10,10,0.2)
}

/*, input:hover*/
*:focus {
    outline: none;
}

.colorRed {
    color: #BE1A20;
}

.rojo {
    color: #BE1A20;
}

.colorRedBackground {
    background-color: #BE1A20;
}


/*CABECERA*/

.cabecera {
    background-color: #BE1A20;
    color: white;
    min-width: 300px;
    height: 125px; /*vinculat amb md-dialog*/

}

/*FI CABECERA*/

 /* PIE - MENU TAB */
.menuTab {
    background-color: #BE1A20;
    color: white;
    font-size: medium;
    height:65px; /*vinculat amb md-dialog*/
}
@-moz-document url-prefix() {

    .menuTab {
        font-size: 18px;
    }
}

.menuTabsTab{
    display:flex;
    flex-direction:column-reverse;
    text-align: center;
    cursor: pointer;
}
.menuTabsNombre{
     font-size: 20px;
     margin-bottom:2px;
}
@media (max-width:375px) {

    .menuTabsNombre {
        font-size: 14px;
    }
}
/* PIE - MENU TAB */

/* PIE - MENU DISCLAIMER */
.menuDisclaimer {
    background-color: #F9E1B7;
    color: black;
    font-size: medium;
    height: 30px; /*vinculat amb md-dialog*/
}

@media(max-width:900px){
    .menuDisclaimerTabHidden{
        display:none;
    }
}
/* PIE - MENU DISCLAIMER */

@media (max-height: 700px) {
    .cabecera{
        height: 100px;
    }
}


/*Tachado param distintos medidas defs letras*/
/*.precioAnterior
{

    line-height: 1em;
    position: relative;

    color:darkgrey;
    padding-left: 2px;
    padding-right: 2px;
    
}

.precioAnterior::after {
  border-bottom: 0.125em solid #BE1A20;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}*/


/*PRINCIPAL #C32027*/
.principal {
    background-color: #BE1A20;
    color: white;
    /*height:100%;
    width:100%;*/

    /*
    height: -moz-calc(100% - 180px);
    height: -webkit-calc(100% - 180px);
    height: calc(100% - 180px);

    */

}

.principalInvertido {
    background-color: white;
    color: #BE1A20;
}

.principalInvertido-inner {
    min-height: 300px;
}


.navegacionSeccion{
    background-color:#565555;
   
    width: 86.25%;
    color:white;
    height:37px; 
    position:fixed; 
    z-index:2;
    /*overflow: hidden;*/
   
}
.navevagionBarra{
    overflow: hidden;
     /*max-height:50px;
     min-height:27px;*/
}

.navegacionSeccion .separador{
    margin-left:10px;
    margin-right:10px;
}

.contenedorNavegacion{
    /*overflow: hidden;*/
    white-space: nowrap;
    max-height:50px;
    /*min-width:50px;*/
    display: inline-table;
}
.contenedorNavegacionL{
    /*background-color:red;
    width:100%;*/
}

.contenedorNavegacionR{
    /*background-color:red;
    width:100%;*/
}

.contenedorNavegacion > div{
  /*float: left;*/
  /*width: 33%;*/
  /*position:relative;*/
}
.layout-fill {
    margin: 0 !important;
    width: 100% !important;
    min-height: 100% !important;
    height: auto;
}

/*.gridArticulosBarraInferior{
    position: fixed;
    bottom: 65px;
    width: 100%;
    height: 5px!important;
    background-color: white;
    z-index: 1;
   
}*/

@media all and (min-width: 961px) {
    /*.widthMaximo {
        min-width: 300px;
        margin-left: 8% !important;
        margin-right: 8% !important;
    }*/
    .widthMaximo {
        min-width: 300px;
       
    }
    .margenPrincipal{
        width:8%;
    }

    /*.gridArticulosBarraInferior{
        width:84%;
    }*/
    /*.navegacionSeccion{
         width:84%;
    }*/
}

@media all and (max-width: 960px) {
    .widthMaximo {
        min-width: 300px;
    }

    .margenPrincipal{
         width:0%;
    }

    .navegacionSeccion {
        width: 100%;
    }
}



.iconoTitulo > img {
    width: 100%;
    height: 100%;
}

.textoSubrayado {
    text-decoration: none;
    border-bottom: 3px dotted rgb(250,250,250);
}





.border {
     border-style: dotted;
     border-width: 1.5px;
     border-color: #BE1A20;
}

.borderDialog{
     border-style: solid;
     border-width: 1.5px;
     border-color: #BE1A20;
}
/* AGRUPACION listas, pedidos */
.agrupacion {
    color: #BE1A20;
}

    .agrupacion .aviso {
        color: #BE1A20;
        text-align: center;
        font-weight: bold;
    }

.listas .nodisponible {
    text-decoration: line-through;
    text-decoration-color: #BE1A20;
}


.precioBackColor {
    background-color: #ffff00;
}


/*DESTACADOS*/

.destacado .nombre {
    color: #BE1A20;
    font-weight: bold;
}

.destacado .supernombre {
    color: #BE1A20;
    border: 1px solid #BE1A20;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    width: fit-content;
    margin:auto;
    margin-top:15px;
}

.iconoDestacadoMes {
    width: 40%;
    min-width: 75px;
    /* max-width: 154px; */
    height: auto;
    position: absolute;
    top: -17px;
    right: -14px;
}
.iconoFranjaDestacado{
        width: 100%;
    max-width: 390px;
    min-width: 165px;
}



.imgSuperDestacadoGrid{
  display: inline-block;
  /*position: relative;*/
  /*width: 140px;*/
  /*height: 140px;*/
  overflow: hidden;
  border-radius: 50%;
  background-color:darkslategrey;

 /*border: 1px dashed #BE1A20;*/
}
.imgDestacadoGrid {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 50%;
 border: 1px dashed #BE1A20;
}

.imgDestacadoGrid img {
  width: auto;
  height: 100%;
  margin-left: -36px;
}

.imgSuperDestacado{
       border: 1px dashed #BE1A20;
    background-size: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 20vw;
    height: 20vw;
    min-width: 180px;
    min-height: 180px;
    
}

/*Destacado iphone5*/
.textoFranjaDestacado{
        font-weight:bold; 
        text-align: right; 
        margin-bottom:15px;
    }

@media (max-width:320px) {
    .iconoFranjaDestacado {
        width: 100%;
        max-width: 390px;
    }
    .imgSuperDestacado{
        min-width: 140px;
        min-height: 140px;
       
    }
   
    .textoFranjaDestacado{
       
        text-align: left; 
        margin-bottom:15px;
    }

    .iconoFranjaDestacado{
        /*width: 100%;*/
        /*max-width: 390px;*/
        min-width: 150px;
    }

    .imgDestacadoGrid{
        width: 120px;
        height: 120px;
    }
}



/*FI DESTACADOS*/
/*.altaDialog .labelBig{
    width: 200px;
    padding-top:  5px;
    padding-bottom: 5px;
}*/



/*ALTA antiga de moment no s'usa*/
/*.principalInvertido .label{
    width: 100px;
    padding-top:  5px;
    padding-bottom: 5px;
}

.principalInvertido .labelBig{
    width: 200px;
    padding-top:  5px;
    padding-bottom: 5px;
}

.principalInvertido input, .principalInvertido select{
    background-color:#BE1A20;
    border-style: none;
    padding: 5px 5px 5px 5px;
    color:white;
    height: 32px;
    width: 100%;
}

.principalInvertido select{
    background-color:#BE1A20;
    color:white;
    border-color:#BE1A20;
}*/

/* FORMS*/
form .layout-row {
    /*margin-top:1vh;*/
    margin-top: 7px;
}



/* CABECERA */



/* FI CABECERA */

/* MENU */

/*#menu_container_0{
    width:80%;
    max-width:500px;
}*/
._md._md-open-menu-container {
    width: 80%;
    max-width: 400px;
    border-radius: 7px;
    /*height:80%;*/
}

._md._md-open-menu-container {
    width: 60%;
    min-width: 225px;
    max-width: 300px;
    /*height:80%;
    min-height:500px;
    max-height:800px;*/
}

md-menu-content {
    border-radius: 7px;
    /*max-height:80%;*/
    max-height: 500px;
    /*height:100%;*/
}

    md-menu-content .cabeceraMenu {
        /*margin-bottom:10px;
    min-height: 80px;*/
    }

    md-menu-content .pie {
        margin-top: 30px;
    }

md-menu-item.item {
    min-height: 30px;
    /*height:20px;*/
}

/*.cabecera md-menu-divider{
    padding:0px;
}*/
/*md-menu-content .pie md-icon{
    margin:0 10px;
}

md-menu-item svg{
    fill:grey;
   height:20px;
}*/

md-menu-divider {
    border-style: dashed;
    border-color: grey;
    border-width: 1px;
    padding: 0px;
}
/* FI MENU */

/*  BUTTONS */
.btnTransparente {
    background-color: Transparent;
    background-repeat: no-repeat;
    color: white;
    border-style: none;
   
    /*padding-top: 6px;
    padding-bottom: 3px;*/

    padding-top: 10px;
    padding-bottom: 8px;
    
    padding-left: 8px;
    padding-right: 8px;
    /*height:45px;*/
}

.btnTransparente:hover {
    background-color: #BE1A20;
}

.btnTransparente:focus {
    background-color: #BE1A20;
}

.btnBorder {
    /*border-style: dotted;*/
    /*border-color: white;*/
    /*border-radius: 21px;*/

    /*border: 2px dotted #BE1A20;*/
    border: 2px dotted white;
    border-radius: 15px;

    /*padding:12px;*/
    /*padding:12px!important;*/
  
    /*border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 8px;
    
    padding-left: 8px;
    padding-right: 8px;*/
  

}

#gridProductos{
    margin-top:7px;
}

.btnLlamar {
    display: block;
    width: 115px;
    height: 25px;
    background: #BE1A20;
    /*padding: 10px;*/
    text-align: center;
    /*border-radius: 5px;*/
    color: white;
    font-weight: bold;
    border-radius: 21px;
    
    text-decoration:none!important;
    padding-top:15px;
    padding-bottom:30px;
    padding-left:12px;
    padding-right:12px;
}

.claro .btnBorder{
    border-color: #BE1A20;
    color: #BE1A20;
}

.claro .btnBorder:hover {
    border-color: white;
    color: white;
}

.claro .btnBorder:focus {
    border-color: white;
    color: white;
}

.colorFacebook {
    background-color: rgb(57, 84, 161);
}



/*.btnBorder:hover{
    background-color:#BE1A20;
 }*/

.blanco {
    border-color: #BE1A20;
    background-color: white;
    color: #BE1A20;
}


    .blanco:hover {
        color: white;
        background-color: #BE1A20;
    }

/*BUSCAR*/

/*#buscar md-icon {
   margin-left:15px;
}*/
#buscar{
    background-color: #ECE8E8;
}
#buscar input {
    background-color: white;
    color: #BE1A20;
    border-radius: 10px;
    margin-top:4px;
    margin-bottom:4px;
    margin-left: 5px;
    /*margin-right: 20px;*/
    width:100%;
    text-align: center; 
    font-weight: bold; 
    border-style:hidden;

    /*border-style: none;
    padding: 5px 5px 5px 5px;
    color:white;
    height: 32px;
    width: 100%;*/
}

/*.imagenSeccion{
    width:100%;
    height:150px;
}*/



.seccionItem {
    /*background-color:#FCB9B9;*/
    /*margin-bottom:2px;*/
}

    .seccionItem .titul {
        color: black;
        font-size: large;
        font-weight: bold;
    }

@-moz-document url-prefix() {
    .seccionItem .titul {
        color: black;
        font-size: 18px;
        font-weight: bold;
    }
}

/*#gridOferta {
       border-color: red;
       border-style: dotted;
       border-left:1px; 
}*/
.contenedorArticulos{
    /*height:100%;*/ 


    /*min-width:318px;
    overflow-y:auto;*/

}

/* GRIDS ARTICULOS - Oferta, Home*/
.articuloItem {
    display:block;

       border-color: red;
       border-style: dotted;
       
       border-left-width:0px;
       border-right-width:1px;

       border-top-width:0px;
       border-bottom-width:1px;
       
       /*min-width:198px;*/
       
       /*min-height:300px;
       overflow-x:auto;*/
       overflow: hidden;
}

md-grid-list md-grid-tile figure{
    flex-direction:column;
}

.articuloCabecera{
    width:100%;
    height:10%; 
    z-index:1;
    /*background-color:red;*/
}

/*.articuloCentro{
    width:100%; 
    height:43%;
    text-align:center;
}*/ 
.articuloCentro{
    width:100%; 
    height:auto;
    text-align:center;
    padding-right: 1px;
    padding-left: 1px;

    max-width: 332px;
}
.articuloCentro img{
    width:100%; 
    max-height:45%;
    
}

.imageNotFound{
    /*IE no mostra les imatges*/
    /*display:none;*/
}

/*desc especial per a IE*/
/*.articuloPie{
    width:100%;
    height:47%;
}*/

 /*.productoIconosIzquierda{
    position:absolute; 
    bottom:5px; 
    left:8px; 
    width:75%;
 }
 
 .productoIconosDerecha{
    position:absolute; 
    bottom:5px; 
    right:8px;
 }*/

/* FI GRIDS ARTICULOS*/


/*md-grid-tile:nth-last-child(-n+2){
     border-color: blue;
}*/

/*.articuloItem.odd {
    border: 1px solid rgb(57, 84, 161); 
    
}
.articuloItem.even{
    border-top: 1px solid #BE1A20; 
    border-bottom: 1px solid #BE1A20; 
}*/

.articuloItemList{
    border-left-color:red; 
    border-left-style:dotted; 
    border-left-width:1px; 

    /*min-width:400px;*/
}
    .articuloItem .titul {
        color: black;
        font-weight: bold;
        /*min-height:105px;*/
    }

    .articuloItem .linq {
        color: #BE1A20;
    }

    .articuloItem .descripcionCorta{
        color:grey;
        
        overflow:auto;
        white-space:nowrap; 
        min-height:16px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top:2px;
    }

    /*en dialog.css lin 66 se ajusta el media para dispositivos */
    .articuloItem .nombreArticulo{
        /*align-self:flex-end;*/ 
        white-space:normal; 
        overflow-x:hidden;
        /*margin-right:12px;*/
        padding-left: 5px;
        padding-right: 5px;
        padding-top:3px;
        color:black;
        font-weight:bold;
        /*min-height:27px;*/
        /*overflow:auto;
        max-height:50px;*/
        font-size: calc(11px + 0.9vmax);
    }

@media (max-width:330px) {
    .articuloItem .nombreArticulo {
        white-space: nowrap;
        overflow-x: auto;
    }
}
 

    .articuloItem .opciones{
        min-height:30px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .articuloItem .preciosBotones{
        min-height:75px; 
        margin-bottom:5px;
        padding-bottom:8px;
        padding-left: 5px;

    }

 /*.fontSizeMax{
  font-size: calc(30px - 3vw);
}*/
    /*section aplica width<1400*/
/*@media (max-width:1420px) and (min-width:1260px){ 
    .articuloItem .nombreArticulo{
        white-space:nowrap; 
    }
}
@media (max-width:1090px) and (min-width:941px) {
    .articuloItem .nombreArticulo {
        white-space: nowrap;
    }
}
@media (max-width:710px) and (min-width:580px) {
    .articuloItem .nombreArticulo {
        white-space: nowrap;
    }
}
@media (max-width:430px) {
    .articuloItem .nombreArticulo {
        white-space: nowrap;
    }
}*/

/*Precios param ellipse menuitem defs Oferta u home*/
.articuloItem .contenedorPrecio {
    background-color:#ebebe0;
    padding-left:10px;
    padding-right:5px;
    margin-left: -8px;
}

.articuloItem .precio {
    /*margin-right: 6px;*/
    font-weight: bold; 
    font-family:GothamRounded;
    color:#BE1A20;
    font-size:18px; /*IE no funciona el calc*/
    font-size:calc(11px + 0.8vmax);
}

.articuloItem .precioAnterior {
    font-weight:normal;
    font-family:GothamRounded;
    color:#BE1A20;
    font-size:13px;
    font-size:calc(6px + 0.6vmax);

    line-height: 1em;
    position: relative;
    /*color:darkgrey;*/
    padding-left: 2px;
    padding-right: 2px;

}

.articuloItem .precioAnterior::after {
  border-bottom: 0.125em solid #BE1A20;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}


.articuloItem .precioKq{
    font-weight:normal;
    font-family:GothamRounded;
    color:grey;
    margin-bottom:6px;
    padding-left: 4px;
    font-size:14px;
    font-size:calc(7px + 0.7vmax);
}




.cantidad {
    /*font-weight: bold;*/
    color: #BE1A20;
    font-family:GothamRounded;
}

.precio {
 
    font-weight: bold;
    font-family: GothamRounded;
    color: #BE1A20;
}

/*.itemImg {
    display: flex;
    flex-direction: column-reverse;
    width:100%; height:100%; 
    background-size:cover;
}*/

.itemImg {
    display: flex;
    flex-direction: column-reverse;
    width:100%; 
    height:100%; 
    background-size:cover;

    
}
.wrapperFondoVelado{
    position:relative;
    width:100%; 
    height:100%; 
    cursor:pointer;
}
.wrapperFondoVelado:hover .fondoVelado {
    opacity : 1
}

.fondoVelado{
    opacity : 0;
    transition: opacity .4s ease-in;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    /*text-align: center;
    display: table;*/
}



.nombreSeccion {
    /*margin-bottom: 15px;*/
    margin-bottom: 3%;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-align: center;
    /*max-width: 90%;*/
    /*text-overflow: ellipsis;*/
}

/*.my-icon-button {
  padding: 7px !important;
  min-width: 0;
  min-height: 0;
  line-height: normal;
}*/





/*no funciona center IE*/
/*.homeIcono{
    width: 25px;
    height: 25px;
    background-color: white;
    -webkit-mask-box-image: url(/App/images/icono/home.png);
}*/

/*.pequeno{
    font-size:small;
}
.mediano {
    font-size:medium;
}

.grande {
    font-size:larger;
}*/
/*//MEDIANOS */
/*Per a que desaparegue el icono de comprar en seleccionLogin*/


/*.menuTab hr{
    width:90%; 
    border: 1px dotted white; 
    margin:0px;
    border-color: inherit;
}*/

.menuActivo {
    background-color: white;
    color: #BE1A20;
    border-color: #BE1A20;
}

.reverso {
    display: none;
}

.menuActivo .noMostrarIcono {
    display: none;
}

.menuActivo .mostrarIcono {
    display: block;
}

/*.menuActivo svg{
    fill:#BE1A20;
}*/


.fotoProducteGrid {
    width:150px;
}
.fotoProducteGrid img{
    width:100%;
    height:100%;
}


/*PREPARACIONES*/
.prepaciones {
    background-color: #BE1A20;
    color: white;
    margin-bottom: 2px;
    overflow-y: scroll;
    height: 100%;
}

    .prepaciones .principalInvertido {
        border-radius: 17px;
    }

.nocheck {
    width: 25px;
    margin-right: 5px;
}

.check {
    width: 30px;
}




.inputRecordarContrasena {
    width: 30%;
    height: 35px;
}



/*.textAreaComentario {
  
  position: relative;
  overflow: hidden;
}
.textAreaComentario:before, .textAreaComentario textarea {
  font-family: sans-serif;
  font-size: 20px;
  color:black;
  background-color: transparent; 
  border-color: transparent;
  width:100%;
}
.textAreaComentario textarea {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  outline: none;
  display: block;
  line-height: 1.2;

}
.textAreaComentario:before {
  position: absolute;
  content: "...........................................................................................................................................\A
            ...........................................................................................................................................\A
            ...........................................................................................................................................\A
            ...........................................................................................................................................\A
            ...........................................................................................................................................\A";
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  color: #BE1A20;
  line-height: 1.4;
    
}*/

.borderColorRed{
    border-color: #BE1A20;
}

.textAreaPuntos{
    z-index:1;
    
    width: 100%;
}
.textAreaPuntos{

    /*font-size:14px;*/
    font-size:17px;
    line-height: 24px;
    padding: 2px 10px;
    border:none;
    background-color:transparent;
    /*background: url(http://i.stack.imgur.com/ynxjD.png) repeat-y;*/
    width: 100%;
    background: url('/App/images/icono/fondoPuntosEspacio.png') repeat-y;

    
    /*border: solid 1px #ddd;*/
}


.cambioPassword {

    color:white;
    background-color:#BE1A20;

}











/*.contenedorArticulos md-gridlist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  flex-direction: row;
}*/
 /*width:33%;*/
/*.contenedorArticulos item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  
  border: 1px solid #1E1E1E;
  flex-grow: 1;
  
  font-size: 25px;
  font-weight:bold;


  width:265px;
  max-width: 265px;
  height:396px;

 

margin-right:5px;
  margin-bottom:5px;
   


}*/
/* Make the items' height always equal width */
/*.contenedorArticulos item:before {
  content: '';
  display: block;
  padding-top: 100%;
}*/

/* 3 items */
/*@media (max-width: 480px) {
.contenedorArticulos  item {
    width: 33%; 
    background-color:red;
  }
} 
    */
/*@media (min-width: 320px) {
.contenedorArticulos  item {
    width: 90%;
  }
} 
@media (min-width: 480px) {
.contenedorArticulos  item {
    width: 48%;
  }
} 
@media (min-width: 960px) {
.contenedorArticulos  item {
    width: 33%; 
  }
} 
@media (min-width: 1200px) {
.contenedorArticulos  item {
    width: 25%; 
  }
}*/
/*@media (min-width: 1440px) {
    .contenedorArticulos item {
        width: 12.5%;
    }
}*/

.circle { 
   width: 100%;
   height: auto;
   background: red; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}

#gridOferta > md-grid-tile {
    height : 100px;
}

@media (max-width:600px) {
    .no-pdl-xs {
        padding-left: 0px!important;
    }
}
body {
    font-family: 'Sauna';
    font-size: medium;
}

button {
    font-family: 'Sauna';
    font-size: medium;

    padding-top:5px!important;
}

@-moz-document url-prefix() {
    body {
        font-family: 'Sauna';
        font-size: 16px;
    }

    button {
        font-family: 'Sauna';
        font-size: 16px;
    }
}


/*GENERAL*/ 

.sizeSmall {
    font-size: 14px;
}

.sizeMedium {
    font-size: 16px;
}

.sizeLarge {
    font-size: 18px;
}

.sizeXLarge {
    font-size: 20px;
}

.sizeXXLarge {
    font-size: 24px;
}

.tituloPrincipal {
    font-size:40px;
}

.sizeNombreSeccion{
    padding:12px!important;
   font-size: 43px;
}
.nombreSeccion{
    font-family:BebasNeueBook;
}

.opcionCompra{
    /*font-size:30px;*/
    font-size:calc(13px + 0.8vmin );
    text-align:center; 
    font-family:Sauna;  
    line-height:1;
    cursor:pointer;

    background-color:grey;
}

/* ANCHO < 320*/
@media (max-width: 320px) {

}

/* ANCHO < 599*/
@media (max-width: 599px)  {
  
    .sizeNombreSeccion{
        font-size: 17px;
    }
    
    .tituloPrincipal {
        font-size:28px;
    }

    /*.opcionCompra {
        font-size: 25px;
    }*/

    body {
        font-size: 14px;
    }

    button {
        font-size: 14px;
    }

    .sizeSmall {
        font-size: 12px;
    }

    .sizeMedium {
        font-size: 14px;
    }

    .sizeLarge {
        font-size: 16px;
    }

    .sizeXLarge {
        font-size: 18px;
    }

   .sizeXXLarge {
     font-size: 24px;
    }

    .articuloItem .titul {
        font-size: 18px;
    }

}
/* FI ANCHO < 599*/

/* 600 < ANCHO < 960*/
@media (max-width: 959px) and (min-width: 600px) {
    .sizeNombreSeccion{
        font-size: 27px;
    }
    .tituloPrincipal {
        font-size: 40px;
    }

    
    .opcionCompra {
        font-size: 35px;
    }

     body {
        font-size: 16px;
    }

    button {
        font-size: 16px;
    }

    .sizeSmall {
        font-size: 14px;
    }

    .sizeMedium {
        font-size: 16px;
    }

    .sizeLarge {
        font-size: 18px;
    }

    .sizeXLarge {
        font-size: 20px;
    }

    .sizeXXLarge {
        font-size: 24px;
    }

    .articuloItem .titul {
        font-size: 27px;
    }

}
/* FI  600 < ANCHO < 960*/

/*ANCHO > 960*/
@media (min-width: 960px) {
    
    .sizeNombreSeccion{
        font-size: 33px;
    }
       
    .tituloPrincipal {
        font-size: 40px;
    }

    body {
        font-size: 18px;
    }

    button {
        font-size: 18px;
    }

    .sizeSmall {
        font-size: 14px;
    }

    .sizeMedium {
        font-size: 16px;
    }

    .sizeLarge {
        font-size: 20px;
    }

    .sizeXLarge {
        font-size: 22px;
    }
    
    .sizeXXLarge {
        font-size: 26px;
    }

    .articuloItem .titul {
        font-size: 30px;
        /*font-size:medium;*/
    }

}

/* FI ANCHO MINIMO 960*/

/*ICONOS*/
.avatar {
    width: 60px;
    /*height: 60px;*/
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
    border-radius: 50%;
    /*box-sizing: content-box;*/
}

.iconoGrande2{
    width: 75px;
}

.iconoGrande {
    width: 50px;
    /*height: 50px;*/
}

.iconoPapelera{
    width:20px;
}
.iconoPapelera > img{
     width: 100%; 
     height: auto; 
}

.icono {
    width: 35px;
    /*height: 35px;*/
}
.icono > img{
     width: 100%; 
     height: auto; 
}



.iconoMenuTab {
    width: 28px;
    height: auto;   
   
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.iconoMenuTab > img {
    width: 100%;
    height: auto;
}

.iconoAddLista{
    width:26px;
    width: calc(17px + 0.8vmax);
}
.iconoAddLista > img{
     width: 100%; 
     height: auto; 
}

.iconoCarro{
    margin-top:10px; 
    margin-bottom:5px; 
    width:30px;
    width: calc(20px + 0.8vmax);
}

.iconoCarro > img{
     width: 100%; 
     height: auto; 
}

.iconoSocial{
     width: 25px; 
     /*height: 20px;*/ 
}
.iconoSocial > img{
     width: 100%; 
     height: 100%; 
}

.iconoFavorito {
    width: 35px;
    /*height: 30px;*/

    /*position: absolute;
    right: 5px;
    top: 0px;
    z-index: 1;*/

    margin-top:10px;
    margin-right:12px;
}

.iconoMenuLateral {
    width: 20px;
    height: 20px;
}


.iconoOferta {
    width: 65px;

    /*padding-top: 4px;*/
    /*height: 50px;*/
    /*position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;*/
}


    
.logoPollosPequeno {
    max-width: 50px;
    max-height: 50px;
}


.logoPollosMediano {
    max-width: 100px;
    max-height: 100px;
}

.logoPollosGrande {
    max-width: 140px;
    max-height: 140px;
}




.iconoCerrar {
    width: 20px;
    height: 20px;
}

/*
.logoPollosCabecera {
    max-width: 85px;
    max-height: 85px;
    padding: 0px;
}
@media (max-height: 700px), (max-width:750px) {
    .logoPollosCabecera {
        max-width: 55px;
        max-height: 55px;
        padding: 0px;
    }
}
@media (max-height: 600px), (max-width:385px) { 
    
     .logoPollosCabecera {
        max-width: 42px;
        max-height: 42px;
    }
}
 */
.logoPollosCabecera {
    max-width: 225px;
    max-height: 210px;
    padding: 0px;
}

@media (max-height: 700px), (max-width:750px) {
    .logoPollosCabecera {
        max-width: 180px;
        max-height: 180px;
        padding: 0px;
    }
}

/*(orientation: landscape) and */

@media (max-height: 600px), (max-width:385px) {

    .logoPollosCabecera {
        max-width: 156px;
        max-height: 156px;
    }
}


.logoCistella {
    position: absolute;
    right: 15px;
    top: 0px;
    width: 50px;

}
.productoTotal {
    color: black;
    font-weight: bold;
    position: absolute;
    font-size: 18px;
    font-family:GothamRounded;
    top: 23px;
    right: 20px;
    width: 17px;
    text-align: center;
}

.precioTotal {
    color: #ffff00;
    font-weight: bold;
    position: absolute;
   
    bottom: 5px;
    right: 5px;
    text-align: right;
    font-size: 20px;
    font-family:GothamRounded;
}

/*@-moz-document url-prefix() {
    .productoTotal {
        color: black;
        font-weight: bold;
        position: absolute;
        bottom: 18px;
        right: 18px;
        font-size: 24px;
    }

    .precioTotal {
        color: #ffff00;
        font-weight: bold;
        position: absolute;
        bottom: -15px;
        right: 40px;
        font-size: 24px;
}

}*/

/*@media (max-height: 700px) {
    .logoPollosCabecera {
        max-width: 60px;
        max-height: 60px;
        padding: 0px;
    }*/



@media (max-height: 360px), (max-width:375px) {
    /*.icono {
        width: 25px;

    }*/
    /*.iconoAddLista{
        width:27px;
    }*/
}

@media (max-height: 375px) {
    .hidden-h360 {
        display: none;
    }
}


@media (max-height: 360px) { /*(orientation: landscape) and */
    .hidden-h360 {
        display: none;
    }

    .logo-h360 {
        max-width: 25px;
        max-height: 25px;
    }

    /*.logoPollosCabecera {
        max-width: 50px;
        max-height: 50px;
    }*/
    
}

 .size-w375 {
        font-size: 22px;
       
    }
@media (max-width:375px) {

    .size-w375 {
        font-size: 14px;
    }

    /*@-moz-document url-prefix() {
        .size-w375 {
            font-size: 16px;
        }
    }*/
    /*.icono {
    width:20px;
    height:20px;
  }*/
}


/*md-backdrop{
  position: fixed !important;
}*/

/* DIALOGS GENERAL*/
md-dialog{
   max-height:none;
   /*min-width:310px;*/
}

md-dialog .iconoCerrar {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index:3;
}

.oscuro{
    background-color: rgba(34,36,30,0.8);
    color: white;
}

.disiDialogCentrado{
    height: auto;
    max-width: 600px;
    min-width: 300px;
    width: 85%;
    /*margin-right: auto;
    margin-left: auto;*/
 }

/* DIALOGS en negre, ajustats a la cabecera*/
.disiDialog {
    
    position:fixed;
    top:115px;

    /* center the div */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
   
    /* suma de la cabecera + el pie en disi.css*/
    height: -moz-calc(100% - 180px);
    height: -webkit-calc(100% - 180px);
    height: calc(100% - 180px);

    max-width: 600px;
    min-width: 300px;
    width: 85%;


}

/*pantalla mitjana*/
@media (max-height: 700px) and (min-height: 401px) {
    .disiDialog{
        top:90px;
        height: -moz-calc(100% - 155px);
        height: -webkit-calc(100% - 155px);
        height: calc(100% - 155px);
        
    }
}
    

/*dispositius*/
@media(max-height: 700px) and (max-width:400px){
     .disiDialog{
        top:25px;
        height: -moz-calc(100% - 45px);
        height: -webkit-calc(100% - 45px);
        height: calc(100% - 45px);
    }
}


.mostrarLista .header{
   text-align: center; 
   height:150px; 
   /*margin-bottom:30px*/
}

.mostrarLista .main{
    
    width:100%; 
    overflow:auto;
    
    height: -moz-calc(100% - 260px);
    height: -webkit-calc(100% - 260px);
    height: calc(100% - 260px);
}

.mostrarLista .footer{
    height:80px;
}

.listaInicio .header{
   text-align: center; 
   height:150px;
}

.listaInicio .main{
    
    width:100%; 
    overflow:auto;
    /*height:40%;*/ 
    
    /*margin-top:50px;*/ 
    margin-bottom:20px; 

    height: -moz-calc(100% - 280px);
    height: -webkit-calc(100% - 280px);
    height: calc(100% - 280px);
}

.listaInicio .footer{
    height:120px;
}

.pedidoInicio .header{
   
    text-align: center; 
    height:150px;
}

.pedidoInicio .main{
    
    /*height:50%;*/ 
    
    margin-top:50px; 
    margin-bottom:20px; 
    overflow:auto;

    height: -moz-calc(100% - 270px);
    height: -webkit-calc(100% - 270px);
    height: calc(100% - 270px);
}

.pedidoInicio .footer{
   display:flex; 
   flex-direction:row-reverse; 
   height:80px;  
   margin:auto;
}



.valoracion .header{
     text-align: center; 
     height:230px; 
     margin-bottom:30px
}

.valoracion .main{
    
    width:100%; 
    overflow:auto;
    
    height: -moz-calc(100% - 280px);
    height: -webkit-calc(100% - 280px);
    height: calc(100% - 280px);
}

.valoracion .footer{
    width:100%; 
    max-width:505px; 
    height:50px; 
    margin:auto;
}

.mostrarCesta .header{
   text-align: center; 
   height:115px; 
   /*margin-bottom:30px*/
}

 /*MEJORAS ABRIL*/
 .mostrarCesta .main{
    
    width:100%; 
    overflow:auto;
   
}

/*.mostrarCesta .main{
    
    width:100%; 
    overflow:auto;
    
    height: -moz-calc(100% - 287px);
    height: -webkit-calc(100% - 287px);
    height: calc(100% - 287px);
}*/

.mostrarCesta .footer{
    height:135px;
}

/*iphone5*/
/* mostrarCesta.html*/
.mostrarCesta .sizeButton{
    min-width:157px;
}

.mostrarCesta .miCesta {
    color:black; 
    font-weight:bold; 
    margin-top:7px; 
    font-size:30px;
}

.iconoMiCesta{
        width:75px;
    }

 /*MEJORAS ABRIL*/
@media (max-height:750px) {
    /*.mostrarCesta .main
    {
        font-size:16px!important;
    }*/
     .mostrarCesta .header{
       text-align: center; 
       margin-bottom:7px;
        height:auto; 
     }

    .mostrarCesta .miCesta{
        margin-top:1px;
        font-size:26px;
    }

    .iconoMiCesta{
       display:none;
    }
}
@media (max-width:320px){
   
    .mostrarCesta .sizeButton{
        min-width:130px;
    }

    .iconoMiCesta{
        width: 60px;
    }
}
 /*MEJORAS ABRIL*/
@media (max-width:400px) {

    .mostrarCesta .sizeButton {
        min-width: 140px;
    }

   .iconoMiCesta{
        width: 60px;
    }
}
/*@media (max-width:320px){
    .mostrarCesta .header{
       text-align: center; 
       height:95px; 
   
    }

    .mostrarCesta .miCesta{
        margin-top:1px;
        font-size:26px;
    }
    .iconoMiCesta{
        width:60px;
    }
    
    .mostrarCesta .sizeButton{
        min-width:130px;
    }
}*/


/*@media (max-width:400px) {
    .mostrarCesta .sizeButton {
        min-width: 140px;
    }
    .mostrarCesta .header{
       text-align: center; 
       height:105px; 
   
    }
    .iconoMiCesta{
        width:70px;
    }
}*/



 /*IE*/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}*/

/*.md-dialog-container{
}
.disiDialog > md-dialog-content{

}*/



/*.disiDialog md-icon {
    width: 75px;
    height: 75px;
}*/

/*Per a que no afecte .disiDialog md-icon{}*/

.disiDialog  md-autocomplete > md-autocomplete-wrap > button > md-icon{
    width: inherit;
    height: inherit;
}

/*.disiDialog  md-autocomplete > md-autocomplete-wrap > button > md-icon svg{
    fill:red;
}*/

.disiDialog label {
    padding-top: 5px;
    padding-bottom: 5px;
}



/* INICIO */
.seleccionLogin{

}

.seleccionLogin button {
    min-width:295px;
}

/* FI INICIO */



/*  LOGIN */
.login {
    /*min-height:360px;*/
}
.login .centerLabel{
    text-align:left;
}

@media (max-width: 426px) {
    .login .centerLabel{
        text-align:center;
    }

}
/* FI  LOGIN */

/*ATT CLIENTE*/
/*.separadorPuntos{
    border-bottom-color:#BE1A20;
    border-bottom-style:dotted;
    border-bottom-width:1px;
}*/

.fondoGris{
    background-color:#d5d1d1;
}

/* ALTA CLIENTE*/
/**/
.altaDialog {
    background-color:white;
    color: #BE1A20;
}

.altaDialog .fila {
    margin-top: 8px;
    width: 100%;
}

.altaDialog .columnaPollo{
    width:25%;
}

.altaDialog .columnaDatos{
    width:70%;
}

.altaDialog md-select {
    background-color: #BE1A20!important;
    color: white!important;
    font-size: 17px!important;
    padding-left: 15px!important;
    font-family:Roboto,"Helvetica Neue",sans-serif!important;
    margin: 0px;
    height: 25px;
}
.altaDialog md-select.md-default-theme:not([disabled]):focus ._md-select-value, md-select:not([disabled]):focus ._md-select-value{
    border-bottom:none;
}

.altaDialog md-select.md-default-theme ._md-select-value, md-select ._md-select-value{
    border-bottom:none;
}

.altaDialog ._md-select-value>span:not(._md-select-icon){
   /*-webkit-transform: translate3d(0,2px,0);
   transform: translate3d(0,2px,0);*/
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
}

.altaDialog ._md-select-value ._md-select-icon
{
    padding-bottom:6px;
}

.altaDialog ._md-select-placeholder {
  color: white!important;
}

@media (max-width: 600px) {
    .altaDialog .columnaPollo {
        display:none !important;
    }
    .altaDialog .columnaDatos {
        width:100% !important;
    }
}

.altaDialog .titul {
    font-weight: bold;
    text-align: center;
    color:black;

}
.altaDialog .campo{
    width:auto; 
    display:table-cell; 
    vertical-align:bottom;
}

.altaDialog input, .altaDialog select {
    background-color: #BE1A20;
    border-style: none;
    /*padding: 5px 5px 5px 15px;*/
    padding-left:15px;
    color: white;
    height: 25px;
    width: 100%;
    font-size:17px;
}

.altaDialog .separador{
   display: table-cell; 
   width: 10px;
}

.altaDialog md-checkbox.md-checked ._md-icon:after {
   border-color:white;
}

/*Canvi defs color-profile center label configuracion defs las cookies*/
.yellow md-checkbox.md-default-theme.md-checked ._md-icon, .yellow md-checkbox.md-checked ._md-icon {
    background-color: white;
}
.yellow md-checkbox ._md-icon{
    border-color:white;
}
/*.yellow md-checkbox.md-default-theme[disabled].md-checked ._md-icon, md-checkbox[disabled].md-checked ._md-icon {
    background-color: yellow;
}*/
/*layout-gt-xs width >= 600px aplico*/
/*width: 40%;*/
/*md-dialog.altaDialog {
    max-width: 800px;
    min-width: 300px;
    width: 85%;
    max-height: 90%;
    height: 90%;
}*/
.altaDialog .label {
    /*width: 100px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

.altaDialog select {
    background-color: #BE1A20;
    color: white;
    border-color: #BE1A20;
}

.altaDialog md-autocomplete {
    min-width: 50px;
    height: 25px;
}

.altaDialog md-autocomplete-wrap {
    height: 25px;
    margin-top: 0px !important;
    background-color: #BE1A20;
}

.altaDialog md-autocomplete > md-autocomplete-wrap > button > md-icon{
    padding-bottom: 5px;
    fill:white;
}

/*Ajustar content .altaDialog input, .altaDialog select linae 147*/
.altaDialog md-autocomplete > md-autocomplete-wrap > input {
    color: white!important;
    background-color: #BE1A20!important;
    border-style: none!important;
    height: 25px!important;
    width: 100%!important;
    font-size:17px!important;
}

.altaDialog md-radio-button.md-default-theme.md-checked ._md-off,
.altaDialog md-radio-button.md-checked ._md-off {
    /*border-color: rgb(255, 87, 34);*/
    border-color: #BE1A20;
}

.altaDialog md-radio-button.md-default-theme ._md-off,
.altaDialog md-radio-button ._md-off {
    /*border-color: white;*/
    border-color: #BE1A20;
}

.altaDialog .formError {
    color: black !important;
    font-weight:bold !important;
}
.altaDialog .borderError {
    border-color: black !important;
    border-width: 4px !important;
    border-style: inset !important
}
/* FI ALTA DIALOG*/





/*PANTALLA APAISADAS */
@media  (max-height: 399px) {
    .disiDialog {
        position:fixed;
        top:auto;

        max-height:90%;
        height:90%;
        
    }

    .seleccionLogin md-dialog-content{
       min-height:400px;
    }
}


/*.disiDialog .border {
    border: 1px dotted white;
    margin: 21px;
    height: 95%;
}*/


/* max-width: 750px;
    min-width: 300px;
    width: 85%;
    max-height: 90%;

*/

/*LISTAS PEDIDOS*/
.blancoDialog {
    background-color: rgba(255,255,255,0.9);
    color: black;

}

.blancoDialog .titul{
    font-weight:bold;
    text-align:center;
}


    /*md-dialog.blancoDialog .border {
        border: 1px dotted #BE1A20;
        margin: 21px !important;
        height: 95%;
    }*/

.blancoDialog input {
    background-color: #BE1A20;
    border-style: none;
    padding: 5px 5px 5px 5px;
    color: white;
    height: 32px;
    /*width: 100%;*/
    border-radius: 9px;
}



.miListaItem{
    width:90%;
    max-width:400px;
    color:black;
    border-bottom-style:dotted;
    border-bottom-color:#BE1A20;
    border-bottom-width:2px;

    text-align:center;

     overflow:auto; 
     white-space:nowrap; 

}



/*.blancoDialog .precio {
    color: #BE1A20;
    font-weight: bold;
    font-family:GothamRounded;
}*/

.blancoDialog .separador {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #BE1A20;
    margin: 10px 0;
    padding: 0; 

    /*border-color: #BE1A20;
    background-color: #BE1A20;
    margin: 10px 0px;
    padding: 0px;*/
}

.blancoDialog .separadorPrecios {
    border-color: black;
    margin: 0px 15px;
    border-style: dotted;
    border-bottom-width: 0px;
}


.blancoDialog .agrupacion .separadorPrecios {
    border-color: black;
    margin: 5px 15px;
    border-style: dotted;
    border-bottom-width: 0px;
}

/*.blancoDialog .separadorPuntos {
    border-color: #BE1A20;
    border-style: dotted;
    border-bottom-width: 0px;
    margin: 10px 0px;
    padding: 0px;
}*/

.separadorPuntos{
    border-bottom-color:#BE1A20;
    border-bottom-style:dotted;
    border-bottom-width:1.2px;
}

/*OPCION COMPRA*/

.tipoCompra{
    color:black;
    padding-top:8px;
    padding-bottom:8px;
    cursor:pointer;
}
.tipoCompra:hover{
    color:white;
}
.tipoCompraSeleccionado{
    color:white;
    background-color:#BE1A20;
}

.listTiendas {
    background-color: white;
    /*margin:20px 20px;*/
    color: #BE1A20;

    overflow-y:scroll;
    /*font-size:small;*/
}

.listTiendas .titul {
    color: #BE1A20;
    font-weight: bold;
    text-align: center;
}

.itemTiendaLast{
  
    border-bottom:none;
}

.itemTienda{
    /*margin-top:5px;
    margin-bottom:5px;*/
    padding-top:10px;
    padding-bottom:10px;
    min-height:40px; 
    border-bottom:1px solid black;
    text-align:center;
    line-height: 1;
    cursor:pointer;
}

.itemTienda:hover {
    background-color: #BE1A20;
    color:white;
}

.itemTienda:focus {
    background-color: #BE1A20;
    color:white;
}
/*FI SELECCION TIPO COMPRA*/



/*DESCRIPCION*/

.productoDesc .titul{
    padding: 5px;
    font-weight: bold;
    font-size: 30px;
    /*width: 85%;*/
    width: 100%;
    background: #BE1A20;
    

}
.productoDesc .titul > div{
    width: 100%;
    text-align: right;
    border: white dotted;
    padding: 5px;
    color: white;
    border-width:2px;

    /*height:50px;*/

}
.productoDesc .titul > div > div{
    margin-top: 5px;
    margin-bottom: 2px;
    padding-right: 10%;
}


.productoDesc .fondoTop{
    
    background: rgba(208, 207, 207, 0.94);
    /*width:80%;*/
     width:60%;
    height:20px;
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
}

.productoDesc .fondoBottom{
  
    background: rgba(208, 207, 207, 0.94);
    /*width:80%;*/
     width:60%;
    height:65px;
    color:#BE1A20;
    text-align:end;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;

}


.productoDesc .fondoBottom > div {
    /*display:table-cell; 
    vertical-align:bottom;*/
    /*font-size:30px;*/
    font-weight:bold;
    font-family:GothamRounded
}

 /*.novedadContainer {
        background: white;
        padding: 10px;
        border-radius: 10px;
        max-width: 800px;
        margin: auto;

    }
 .novedadHeader{

 }

   .novedadZonaGris {
        color: white;
        font-family: Sauna;
    }
.novedadGrisPart1 {
        border-top-right-radius: 10px;
        height: 20px;
    }

    .novedadGrisPart2 {
        border-bottom-right-radius: 10px;
    }

    .novedadBackgroundTitul {
        background: #C32026;
        width: 80%;
        padding-top: 10px;
    }

      .novedadBackgroundTitul {
        background: #C32026;
        width: 80%;
        padding-top: 10px;
    }

    .novedadesBackgroundBorder{
        border: 2px dotted white;
        margin: 0 10px 0px;
        height: calc(100% - 10px);
    }*/

/*.descDialog {
    background-color: rgba(255,255,255,0.9);
    color: black;
}

md-dialog.descDialog {
    max-width: 750px;
    min-width: 300px;
    width: 85%;
    max-height: 90%;
    
}

    md-dialog.descDialog .border {
        border: 1px dotted grey;
        margin: 21px !important;
        height: 95%;
    }

.descDialog .iconoTitulo {
    position: relative;
    max-width: 400px;
    max-height: 100%;
   
}*/

/* FI DESCRIPCION*/

/*PEDIDO*/

/*HORARIOS*/
.horarioTransportista {
    background-color: rgba(255,255,255,0.9);
    color: black;
}

.diaTiendaHoy{
    background:rgba(208, 207, 207, 0.94);
    font-weight:bold;
}

.horarioDialog .header{
    text-align: center; 
    height:25px; 
    margin-top:15px;
}

.horarioDialog .main{
    width:100%; 
    overflow:auto;
    margin-top:15px;
    
    height: -moz-calc(100% - 125px);
    height: -webkit-calc(100% - 125px);
    height: calc(100% - 125px);
}

.horarioDialog .footer{
    height:55px;
    margin-top:15px;
    text-align:center;
}

.horarioDialog .titul {
    font-weight: bold;
    text-align: center;
}

.horarioDialog {
    background-color: rgba(255,255,255,0.9);
    color: black;
}

.horarioTransportista md-select {
    background-color: #BE1A20!important;
    color: white!important;
    font-size: 22px!important;
    padding-left: 15px!important;
    font-family:Sauna!important;
}
.horarioTransportista ._md-select-placeholder {
  color: white!important;
}


/*md-dialog.horarioDialog {
    max-width: 750px;
    min-width: 300px;
    width: 85%;
    max-height: 90%;
    
}*/

    md-dialog.horarioDialog .border {
        border: 1px dotted #BE1A20;
        margin: 21px !important;
        height: 95%;
    }

.borderInterior {
    border: 2px dotted #BE1A20;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
}


/*horario Tienda*/

.horarioDialog td {
    border-right: 1.25px dotted #BE1A20;
    border-bottom: 1.25px dotted #BE1A20;
}

.horarioCerrado {
    /*min-width: 15px;
    min-height: 15px;*/
    width: 25px;
    height: 25px;
}

.horarioAbierto {
    /*min-width: 15px;
    min-height: 15px;*/
     width: 25px;
    height: 25px;
    background-color: darkseagreen;
}

.horarioAbiertoMedioAbrir {
    width: 0;
    height: 0;
    border-bottom: 25px solid darkseagreen; 
    border-left: 25px solid transparent;				
}

.horarioAbiertoMedioCerrar{
    width: 0;
    height: 0;
    border-top: 25px solid darkseagreen; 
    border-right: 25px solid transparent;			
}

.horarioSeleccinado {
    background-color: #BE1A20!important;
}







/*.horarioDialog input, .horarioDialog select {
    background-color: #BE1A20 !important;
    border-style: none !important;
    padding: 5px 5px 5px 5px !important;
    color: white !important;
    height: 32px !important;
    width: 100% !important;
}

.horarioDialog md-autocomplete {
    min-width: 50px;
    height: 32px;
}

.horarioDialog md-autocomplete-wrap {
    height: 32px;
    margin-top: 0px !important;
}

.horarioDialog input, .horarioDialog textarea {
    background-color: #BE1A20;
    border-style: none;
    padding: 5px 5px 5px 5px;
    color: white;
    height: 32px;
    width: 100%;
    border-radius: 12px;
}

    .horarioDialog .fechaHora {
    font-weight: bold;
    color: #BE1A20;
}
*/

/*TRANSPORTISTA*/

.horarioTransportista .widthColumnasVariables{
    width:100%;
}

@media (min-width: 600px) {

    .horarioTransportista .widthColumnasVariables {
        width:49%;
    }
}
  

.tipoEntrega{
    /*color:#383838;*/
    /*color:#484848;*/
    color:#696969;
    padding-top:8px;
    padding-bottom:8px;
    background-color:darkgrey;
}

.tipoEntrega:hover{
    color:white;
}
.tipoFranja{
    color:black;
    padding-top:8px;
    padding-bottom:8px;
    background-color:darkgrey;
}
.tipoFranja:hover{
    color:white;
}
.tipoEntregaSeleccionado{
    color:white;
    background-color:#BE1A20;
}

.titulOpcion{
    text-align:center; 
    color:white;
    padding-top: 5px;
    padding-bottom: 4px;
}

.circulo {  /*de nomral es disponible*/
     width: 30px;
     height: 30px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: darkseagreen;
}
.diaFranjaHoy{
    font-weight:bold;
}
.diaNoDisponible{

     /*background: darkgrey!important;*/
     opacity: 0.4!important;
}

/*.diaDisponible{
    background: #BE1A20!important;
}*/

.diaSeleccionado {
     background: #BE1A20;
}
/*FI HORARIOS*/

/*.iframeLopd{
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);

    width:100%;
}*/
/*http://jsfiddle.net/7mFR2/*/
/*GIRAR DIV
     http://jsfiddle.net/7FeEz/12/

*/

.card.flipped {
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    /*transform: rotatex(-180deg);*/
}

.card {
    /*width: 100%;
  height: 100%;*/
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    /*-moz-transform-style: preserve-3d;*/
    -moz-transition: 0.5s;
    /*-ms-transform-style: preserve-3d;*/
    /*-ms-transition:0.5s;*/
    /*-o-transform-style: preserve-3d;*/
    -o-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
}

    .card .face {
        /*width: 100%;
  height: 100%;*/
        position: absolute;
        z-index: 2;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        /*-ms-backface-visibility: hidden ;*/
        /*-o-backface-visibility: hidden ;*/
        backface-visibility: hidden;
    }

    .card .front {
        position: absolute;
        z-index: 1;
        /*background: black;
    color: white;
    cursor: pointer;*/
    }

    .card .back {
        -webkit-transform: rotatex(-180deg);
        -moz-transform: rotatex(-180deg);
        /*transform: rotatex(-180deg);*/
    }

/*FI GIRAR DIV*/



/* ESTRELLAS VALORACION
	 https://emiliocobos.net/calificacion-estrellas-solo-con-css/
    http://w3.unpocodetodo.info/css3/estrellas.php
*/

.clasificacion {
    direction: rtl; /* right to left */
    unicode-bidi: bidi-override; /* bidi de bidireccional */
    /*font-size: xx-large;*/
    font-size: 35px;
    margin-top: 5px;
    margin-bottom: 10px;
}

    .clasificacion input[type="radio"] {
        display: none;
    }

    .clasificacion label {
        color: grey;
    }



        .clasificacion label:hover {
            color: #ffff00;
        }

            .clasificacion label:hover ~ label {
                color: #ffff00;
            }

    .clasificacion input[type="radio"]:checked ~ label {
        color: #ffff00;
    }

@-moz-document url-prefix() {
    .clasificacion {
        font-size: 14px;
    }
}
/* FI ESTRELLAS VALORACION*/


/*mdp-date-picker - de moment esta en altaCliente*/
mdp-date-picker > div {
    margin-top: 0px !important;
}

    mdp-date-picker > div > button {
        display: none !important;
    }

    mdp-date-picker > div > md-input-container {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 32px;
        padding: 0px;
        width:100%;
    }

.mdp-calendar-monthyear {
    font-size: 1.4rem;
}

.mdp-calendar-week-days {
    font-size: 1.3rem;
}

.mdp-calendar-days .md-button {
    font-size: 1.3rem;
}

md-toolbar.mdp-datepicker-date-wrapper {
    background-color: lightgrey !important;
}
/* FI mdp-date-picker*/


.changeCursor{
    cursor: pointer;
}


#divLoaderId {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: grey;
    opacity: .8;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px; /* -1 * image height / 2 */
    display: block;
}



#promocionId {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    
    background-color:rgba(0,0,0,0.43);
   
}

#promocionId2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: transparent;
   
}
/*#promocionId > div{
    position: absolute;
    left: 25%;
    top: 25%;
    display: block;
    max-width: 800px;
}*/