html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
html, body {
    /* For the loading indicator to be vertically centered ensure */
    /* the html and body elements take up the full viewport */
    min-height: 100%;
}
html.loading {
    /* Replace #333 with the background-color of your choice */
    /* Replace loading.gif with the loading image of your choice */
    background: #FFF url('images/lightbox-ico-loading.gif') no-repeat 50% 50px;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
body {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
html.loading body {
    /* Make the contents of the body opaque during loading */
    opacity: 0.3;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}




@media  only screen and (max-width: 1000px) {
    .tar2 {
        margin-top: 11px;
        display: block;
    }
    .tar2 div {
        float: none !important;
        font-weight: normal !important;
        font-size: 10px !important;
        line-height: 0px !important;
    }

    .wusernameres {font-size: 10px;position: absolute;top: 1px; right: 115px;color: rgb(158, 158, 158);}

    .wnext {
        margin-top: 48px;
        right: initial;
        margin-left: 184px;
        margin-left: 280px;
    }

    .coin-slider {
        zoom: 0.89;
    }

    .Col3b {
        position: static;
    }

    #todo {
        margin-left: -384px;
        width: 767px;
    }

    .spanB {
        width: 30%;
    }

    #detalleHijos {
        width: 590px;
        margin-left: 175px;
    }

    .spanB .titFinal table, .spanB .titFinal {
        width: auto;
        width: 100%;
        box-sizing: border-box;
    }

    #subcabecera {
        width: auto;
    }

    #menuHijos {
        width: 178px;
    }

    .subCabProd {
        width: auto !important;
        height: auto !important;
        margin: 10px 0px 10px 16px;
    }

    .subCabProd a {
        display: inline-block;
        width: 20%;
    }

    .menucolizqred {
        display:block !important;
    }

    #ctl00_lblpie p {
        display:inline-block;
        max-widthx: 320px;
    }

    #ctl00_lblpie p img{        
        max-width: 23%;
        height: auto !important;
    }

    #ctl00_lblpie p:first-child img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }

    #ctl00_lblcolizq1 {
        display:none !important;
    }

    #cajaTienda {
        position: relative;
    }

    .mnuCast {
        position: absolute;
        top: 25px !important;
        right: 40px;
    }

    .mnuIng {
        position: absolute;
        top: 25px !important;
        right: 13px;
    }

    .wrepFinales {
        width:94%;
    }
    .repFinales {
        width: 100%;
    }
    .wderfinales {
        float: none;
        width: auto;
    }

    .repFinales .imgFinales {
        margin-right: 15px;
    }

    #datUser {
        margin-left: 0;
        margin-top: 0;
        position: initial;
        text-align:left;

    }

    .AgruparHijos { margin: 5px 10px 5px 15px;}
    #cajaLogeado, #cajaTienda {
        background-color: white;
        background-image: none;
        border: 1px solid #e20a17;
        border-radius: 12px;
        box-shadow: 0 0 3px 0 #e20a17;
        height: auto !important;
        margin: 13px 6px 10px 3px;
        padding: 7px;
        background-position: -4px -6px;
        background-size: 105% auto;
        min-height: 20px;
    }

    #divCart, #wrapUltimos, #banner {width: auto;}


    .txtLog {
        border: solid 1px rgb(194, 194, 194) !important;
    }

    .btnLog { 
        right: 0px;
    }
    .lblLogin {
        line-height: 12px;
    }

    .StxtLog {
        background-image: none;
    }
    #cajaReg img {
        display:none;
    }
    #wservicios,#wnoticias {
        width:auto !important;
    }

    .localizacion table {
        width: 100% !important;
        float: left;
        margin-right: 15px;
    }
    .localizacion table tr {text-align:center;  }
    .localizacion td {
        border: 0;
        display: inline;
    }
    .localizacion:first-child table tr:nth-child(2) td:first-child {display:none;}

    .CajaCatalogos #ctl00_ContentPlaceHolder1_Label3 table td{
        word-break: break-word;
        word-wrap:break-word;
    }

    .CajaCatalogos #ctl00_ContentPlaceHolder1_Label3 > table {
        table-layout: fixed;
        width: 100%;
    }

    #contenidoContacto .localizacion tr{
        display: inline-block;
        width: 50%;
    }

    #contenidoContacto .localizacion tr:first-child {
        display:none;
    }

    #contenidoContacto .localizacion td {
        border: 0;
        display: block;
        min-height:135px;
    }

    #contenidoContacto .localizacion td img{
        max-width: 150px;
        height: auto;
    }
    #contenidoContacto .localizacion td:nth-child(2n+1) {
        display:none;
    }

    .atencion {
        padding: 0;
    }

    .atencion img:first-child{
        float: left;
    }

    #contenidoContacto .localizacion table {
        margin: 0;
        padding:0;
    }

    .contenidoCatalogos {
        width: auto;
    }
    .contenidoCatalogos #ctl00_ContentPlaceHolder1_Label3 {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .contenidoLogin, .contenidoAsesora {
        width:auto;
        margin-left:0;
    }
    .cajasDatosDistri td, .CajaAsesora td, #DatosCatalogo td{
        display:block;
        text-align: left;
        width: 100% !important;
        padding:0 !important;
        height: auto !important;
        min-height: 20px;
    }
    .cajasDatosDistri td input, .CajaAsesora td input, #DatosCatalogo td input{
        width: 100% !important;
    }

    .doslineas {
        line-height: normal;
        height: auto;
    }

    #detalleHijos table.login > tbody > tr > td > table, 
    #detalleHijos table.distri > tbody > tr > td > table,
    #detalleHijos table.distri > tbody > tr > td > table{
        width:auto !important;
        margin: 0 !important;
    }

    #detalleHijos .cajasDatosDistri table table, 
    #detalleHijos .cajasDatosDistri table, 
    #DatosCatalogo table table, 
    #DatosCatalogo .cajasDatosDistri table, 
    #detalleHijos .CajaAsesora table table, 
    #detalleHijos .CajaAsesora table{
        border: solid 0 black;
        margin: 0 !important;
        width: 100% !important;
    }
    .cajasDatosDistri, .CajaAsesora {
        width: 100%;
    }

    .btnDistri img {
        height: 51px;
        margin: 0;
        position: initial;
        float: right;
    }

    .login, .distri, #DatosCatalogo {
        margin: 0 auto;
    }

    .login *, .distri *,  #DatosCatalogo *{
        max-width:560px;
    }

    .vinetas {
        position: initial;
        margin-left: 0;
    }

    .spanHomex {
        margin-right: 0;
        width: calc(100% - 26px) !important;
    }
    #ctl00_ContentPlaceHolder1_DetalleHijos1_lblHTML {
        display: block;
        width:95%;
        width: calc(100% - 10px);
        float: left;
    }
    .bodyHome {
        float: left;
        width: 100%;
        background-image: none;
    }

    .Catalogo .lstHome {
        width: 50%;
        float: left;
    }
    .wblanco, .miniCat {display: none;}
    
    #busqDiv, .lbltit2 {
        width: 96%;
    }
    #rowUnicaB {width:590px !important;}

    #ctl00_ContentPlaceHolder1_lblCarroDetalle #listaAgrupar table {width: 100%;}
    .resumenC {width:530px; }
    .pnRegalo {width:580px; }
    .bannerRegalo img {max-width:100%;}
}

@media only screen and (max-width: 767px) {
    .coin-slider {
        zoom: 0.8;
        margin-top: -50px;
    }
    div#coin-slider {
        margin: auto;
    }
    .ClDest {
        display: block;
    }
    .btnFicha{display: inline-block; float: left; line-height: 20px;
              margin-left: 10px;    padding: 2px 7px;    }

    #divTable { width: 95%; overflow: auto; }

    .wbandesk {display:none;}
    .wbanmob {display:block !important;min-width:197px;}
    .wnext {
        margin-left: 0px;
    }

    .nmob {display:none;}
    #rowUnicaB {width: 100% !important;padding-left: 6px;}

    .wloginreg {
        margin: 90px 0 0 0;
        width: 320px;
    }

    .AgruparHijos > table tr > td{
        padding-right: 10px;
        display: block;
        float: left;
        width: 100%;
    }

    .resumenC {
        width: 95%;
        margin-left: 0;
    }

    .pnRegalo {
        width: 95%;
    }

    .bannerRegalo img {
        max-width:100%;
    }

    .comentariosCesta, .envioCesta, .formaPagoCesta, .pedidoCesta,
    #ctl00_ContentPlaceHolder1_LoginView1_lblcoment,
    #ctl00_ContentPlaceHolder1_LoginView1_txtComent,
    #ctl00_ContentPlaceHolder1_lblCarroDetalle #listaAgrupar table .cabArticulo.cabcab,
    #ctl00_ContentPlaceHolder1_lblCarroDetalle #listaAgrupar table {width: 95% !important;}
    .pedidoCesta {display:inline-block;}
    .wchk, .txtacept {display:block; margin:0!important; position:initial;}
    .pedidoCesta input {margin: 10px;font-size: 11px;}
    #ctl00_ContentPlaceHolder1_LoginView1_txtComent {margin-left:20px;}
    #ctl00_ContentPlaceHolder1_lblCarroDetalle #listaAgrupar table .colTot {width:95%;    font-weight:bold;}
    #lightbox-image {
        max-width:100% !important;
    }

    #dialogGal iframe, #lightbox-container-image-box, #lightbox-container-image-data-box {
        max-width: 95%;
    }
    #facebox, #facebox .body {
        width: 100%;
        left: 0 !important;
    }

    .wdescfinal {
        min-height: 160px;
    }

    #mobile-header {
        display: block;
        text-align: center;
        background-color: white;
    }

    #menuHijosx {display: none;}

    #menuHijos {visibility: hidden;width: 0;} 
    .contebus{visibility: visible;top: 60px;width:80%; width: calc(100% - 50px);margin: 0;}
    .wpnt {display:none;    }
    .cajaBus {width:95%; width: calc(100% - 20px);font-size: 17px;border: 1px solid gray;border-radius: 5px;box-shadow: 0 0 1px 1px rgb(137, 135, 135);margin: 0px 10px;}

    #ctl00_ImageButton1 {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(img/btnbusresp.png) no-repeat;
        width: 24px;
        height: 29px;
        padding-left: 41px;
        background-size: contain;
        top: -3px;
    }


    #todo {
        margin-left: 0;
        width: 100%;
        position: static;
        overflow: hidden;
    }

    #detalleHijos {
        width: auto;
        margin-left: 0;
        margin-top: 65px;
        margin-bottom: 10px;
        min-height: 420px;
        float:left;
    }

    .Outlet #detalleHijos > p img {
        max-width: 100%;
        height: auto;
    }
    #menuHijos {min-height:0px;}

    #cabecera {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        background:#FFFFFF;
        height:auto;
        position: fixed;
        z-index: 1;
        topx: 0;
        margin-top: 0;
        min-height: 46px;
    }

    .barraHHome {  z-index: 0;}

    a#responsive-menu-button {color: black;display: block;width: 50px;text-decoration: none;text-transform: uppercase;font-size: 12px;   }
    #subcabecera {
        margin-left: 0; margin-top: 0; visibility: hidden;
    }
    #menuRespx img {display: none;}
   #menuResp .mnuCast,#menuResp .mnuIng {display:none;    }
    #logo {
        background-image: url('img/LOGOmobmin.png');
        margin: 0;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        width: calc(100% - 185px);
        margin-top: -47px;
        margin-left: 55px;
        height: 44px;
        background-position: 0px 50%;
    }

    #menuResp { display: block !important;text-align: center;}
    #menuResp a, .wbanmob a {
        position: initial;
        display: block;
        font-size: 13px;
        padding: 6px 0 6px 12px;
        text-decoration: none;
        text-align: left;
        background-color: gainsboro;
        border-bottom: 4px solid white;
    }
    #menuResp a::after, .wbanmob a::after {content: ">";position: absolute;right: 20px;font-size: 20px;font-weight: bold;margin-top: -6px;color: white;}

    #menuResp a:hover, .wbanmob a:hover {background: rgb(210, 210, 210) !important;  }
    #responsive-menu-button img{max-width:100%; }

    #menuResp a.mnuHome,#menuResp a.mnuCast,#menuResp a.mnuIng {
        background-color:white !important;
    }
    #menuResp a.mnuHome::after, #menuResp a.mnuCast::after, #menuResp a.mnuIng::after{content: "";}
    #menuResp a.mnuHome {display:none;}


    .spanB {
        width: 44%;
    }

    #pie {
        left: initial;
        margin-left: 0;
        width: 100%;
    }

    .subCabProd a {
        width: 26%;
    }

    .lbltit {
        line-height: 19px;
        display: block;
        margin: 10px;
    }

    #pathDiv .spnSub {displayx: none;}

#pathDiv a {white-space: normal;}

    #pathDiv .spnSub:nth-last-child(2) {
        display: block;
    }

    .sidr {
        width: 212px;
        box-sizing: border-box;   
        background-color: white;
    }

    .sidr .sidr-inner {
        padding: 5px;
        padding-right:10px;
    }

    #divCart table {
        width: 100%;
    }

    #listaAgrupar #cabTbAgrupar{
        display:none;
    }
    #listaAgrupar tr td{
        float:left;
        width:48%;
        border-color:transparent !important;
    }
    #listaAgrupar .descDiv tr td{
width: auto!important;
    line-height: 2.5em!important;    }
    #listaAgrupar .cellCODlista {
        width:50px;
        height:50px;
    }
    #listaAgrupar .colCOD{
        width:70%;
        height:15px;        
    }
    #listaAgrupar .colCOD a {
        font-size:10px;
    }

    #listaAgrupar .colDesc {
        width:70%;
        height:45px;
    }
    #listaAgrupar .colDesc a{
        font-size:16px;
        font-weight:bold !important;    
    }
    #listaAgrupar .colPrecio {
        width: 115px;
        float: right;
    }

    #listaAgrupar tr {
        float: left;
        width: 100%;
        margin-top: 15px;
        border-top: 1px solid rgba(128, 128, 128, 0.71);
        padding-top: 15px;
    }

    #listaAgrupar .descDiv tr {
        margin-top: 3px;
        padding-top: 3px;
    }

    span.DestTags {
        line-height: 11px;
        font-size: 12px;
        padding-top: 3px;
    }

    .tbORG table { border: 0;}

    .cajaAdd span {
        display: inline-block;
        cursor: pointer;
        box-shadow: 1px 1px 2px gray;
        border-radius: 13px;
        margin: -1px 5px;
        padding: 7px;
    }
    .cajaAdd span:hover {
        box-shadow: 1px 1px 5px #0066B0;
    }

    .sidr input[type="button"], .sidr input[type="submit"] {
        backgroundx: none repeat scroll 0 0 #fff;
        colorx: #000;
    }


    .login *, .distri *,  #DatosCatalogo *{
        max-width:300px;
    }

    .menuEdit {
        display:none;
    }

    #cajaUsers {margin-left: 5px;position: initial;}
    #PedidosDiv, #PersonalDiv, #PromocionesDiv, #ContactoDiv, .ui-tabs-nav, 
    #ContactoDiv .txt2{width: 98% !important;padding: 0;}
    #ctl00_ContentPlaceHolder1_lblcontactouser img {display:none;    }
    #ctl00_ContentPlaceHolder1_txtSug {height:80px;    }

    #ctl00_ContentPlaceHolder1_DetalleHijos1_slider {
        display: block;
    }
    #pnlmini {
        margin-top:-40px; margin-bottom:20px;
    }
    #pnlmini img {
        width:100%;        
    }
    .subCabProd {
        display: none;
    }

    #wresuser {width: 60px;position: absolute;top: 0;right: 60px; display:block !important; text-align:center;  }
    #wresuser img {max-width:100%; heightx:31px;}
    #wresuser a {text-align:center; text-decoration:none;}
    #wrescesta {width: 60px;position: absolute;top: 0;right: 0px; display:block !important; text-align:center;  }
    #wrescesta img {max-width:100%; heightx:31px;}
    #wrescesta a {text-align:center; text-decoration:none;}
    .wtxtuser, .wtxtcart, .wtxtmenu {font-size:10px; color:black !important;display: block; margin-top: -5px;}
    .wtxtuser, .wtxtcart{margin-topx: -10px;}
    .titBus, .subtitBus {display:none;}

    .wlegal {margin:0 !important; border:0 !important;}

    #cajaDialog {
        width: calc(100% - 74px);
    }
    div.horizontal {
        width: calc(100% - 15px);
    }
    div.horizontal div.items {
        width: calc(100% - 50px) !important;
    }

    .wuds {position: absolute;background-color: red;font-size: 11px;font-weight: bold;
           padding: 1px 6px; border-radius: 4px;top: 16px;right: 6px;display:inline-block;}
    @-webkit-keyframes spaceboots {
	    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    }

    @-moz-keyframes spaceboots {
	    0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	    10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
	    20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	    30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	    40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	    50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	    60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	    70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
	    80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	    90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	    100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    }

    @keyframes spaceboots {
	    0% { transform: translate(2px, 1px) rotate(0deg); }
	    10% { transform: translate(-1px, -2px) rotate(-1deg); }
	    20% { transform: translate(-3px, 0px) rotate(1deg); }
	    30% { transform: translate(0px, 2px) rotate(0deg); }
	    40% { transform: translate(1px, -1px) rotate(1deg); }
	    50% { transform: translate(-1px, 2px) rotate(-1deg); }
	    60% { transform: translate(-3px, 1px) rotate(0deg); }
	    70% { transform: translate(2px, 1px) rotate(-1deg); }
	    80% { transform: translate(-1px, -1px) rotate(1deg); }
	    90% { transform: translate(2px, 2px) rotate(0deg); }
	    100% { transform: translate(1px, -2px) rotate(-1deg); }
    }


    .shake {
	    -webkit-animation-name: spaceboots;
	    -webkit-animation-duration: 0.7s;
	    -webkit-transform-origin:50% 50%;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: linear;

	    -moz-animation-name: spaceboots;
	    -moz-animation-duration: 0.7s;
	    -moz-transform-origin:50% 50%;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: linear;

	    animation-name: spaceboots;
	    animation-duration: 0.7s;
	    transform-origin:50% 50%;
	    animation-iteration-count: 1;
	    animation-timing-function: linear;
    }

    .graciasEnv {
      margin-top: 0;
      padding: 0 4px;
      margin-bottom: 0;
      width: 100%;
      box-sizing: border-box;
    }
    
    .colPrecio span {
        font-size: 14px;
        font-weight: bold;
    }

    #listaAgrupar tr td:nth-child(5) {
        float: right;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        width: 47%;
    }
    
      #facebox .body {
      padding: 0px;
    }
    #cajaDialog {
      width: 480px;
      padding: 0;
      margin: 0;
      border: 0;
    }
    
    #ctl00_ContentPlaceHolder1_lblCarroDetalle a{
      display: block;
      width: 100%;
      clear: both;
    }
    .resumenC {position: initial;}
    
    
}

@media only screen and (max-width: 500px) {

    .coin-slider {
        zoom: 0.6;
        margin-top: -85px;
    }
    #cs-buttons-coin-slider {
        left: 0!important;
        margin-left: 0!important;
        position: relative;
        zoom: 3!important;
    }
    #DatosFacturacionAsesora {
      width: auto;
    }

    .CajaAsesora h4 {
      width: 90%;
      margin-left: 0;
    }

  #detalleHijos .CajaAsesora table {
      width: 350px !important;
  }    
    
    #listaAgrupar .cellCODlista {
        width: auto;
        height: auto;
    }

    #listaAgrupar .colDesc {
        width: 100%;
    }

    .AgruparHijos {
        margin: 0;
        border: 0;
        box-shadow: 0 0;
    }


    #ctl00_lblpie p img{        
        max-width: 48%;
        height: auto !important;
    }

    .distriTitB {
        margin-left: 20px;
        margin-top: 8px;
    }

    .lineasPedido {
        width: 100%;
    }
    .ui-tabs-container {
        border: 0px solid #0664AA;
    }
    .lineasPedido table {
        width:100% !important;
    }
    .resumen {
        margin-left: 0px;
    }

    .comentariosCesta > table {
        width: 320px!important;
    }

     .comentariosCesta > table td {
        width: 300px!important;
        display: block;
        text-align: left;
     }

    .Catalogo .lstHome {
        height: 0; overflow:hidden;
        width: 25%;
        -webkit-transition-property: width;
        -moz-transition-property: width;
        transition-property: width;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-functionx: cubic-bezier(.19, 1, .22, 1);
        -moz-transition-timing-functionx: cubic-bezier(.19, 1, .22, 1);
        transition-timing-functionx: cubic-bezier(.19, 1, .22, 1);
    }

    .Catalogo .spanHome {
        margin-bottom: 25px;
        min-height: 0px;
        margin-right:0px;
        padding-right:20px;
        position: relative;
        width: 90%!important;
    }

    .Catalogo .spanHome:after, .Catalogo .spanHome:before { left: 96%; top: 50%; border: solid transparent; content: " "; 
                                        height: 0; width: 0; position: absolute; pointer-events: none; } 
    .Catalogo .spanHome:after { border-color: rgba(0, 0, 0, 0);
    border-left-color: #FFFFFF;
    border-width: 13px;
    margin-top: -15px;} 
    .Catalogo .spanHome:before {border-color: rgba(0, 0, 0, 0);
    border-left-color: #000000;
    border-width: 16px;
    margin-top: -18px;}
    .Catalogo .spanHome.spanHomeAmp:before {border-left-color: #FFFFFF;}


    .Catalogo .bodyHome {
        min-height: 0px;
    }

    .Catalogo .lstHome table {
        visibility: hidden;
        -webkit-transition-property: visibility;
        -moz-transition-property: visibility;
        transition-property: visibility;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        transition-delay: 0s;
    }

    .Catalogo .imgHome {
        visibility: visible;
        display: block;
        border: 0;
    }

    .Catalogo .bodyHome {
        background-color: #FFFFFF !important;
    }

    .Catalogo .titHome {
        width: 100%;
    }

    .Catalogo .lstHomeAmp {
        width: 90%;
        height: auto; overflow:visible;
    }

    .Catalogo .lstHomeAmp table {
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        transition-delay: .4s;
        visibility: visible;
    }

    .Catalogo .lstHomeAmp .catHome {
        width: 100%;
    }

    .Catalogo .bodyHome .lstHomeAmp td {
        padding-top: 13px;
    }

    .Catalogo .bodyHome a, .txt10 {
        font-size: 12px!important;
    }

    .wblanco {
        display:none !important;
    }
    
  #facebox .body {
      padding: 0px;
    }
    #cajaDialog {
      width: 340px;
      padding: 0;
      margin: 0;
      border: 0;
    }    
    
}

@media only screen and (max-width: 360px) {

    .coin-slider {
        zoom: 0.5;
    }

  .resumenC {
    width: 100%;
  }

  #detalleHijos .CajaAsesora table {
      width: 290px !important;
  }


  #facebox .body {
      padding: 0px;
    }
    #cajaDialog {
      width: 300px;
      padding: 0;
      margin: 0;
      border: 0;
    }
    .repFinales .imgFinales {
        height: 200px;
        width: 120px;
    }

    .lineasPedido {
        width: 280px;
    }
    .lineasPedido table {
        width:100% !important;
    }
    .resumen {
        margin-left: 0px;
    }
    .resB {
        padding-left: 15px;
        padding-right: 5px;
    }
    .resBB {padding-left: 8px;padding-right: 8px;}
    .resAA {padding-right: 0px;}
    #logo { width: 42%;width: calc(100% - 175px);}
    .lstHome {width:100%;}

    .spanB { width: 90%;}
    .btnEnvx {float: left;}
    .pedidoCesta .next {margin-top: -26px;}

    .atencion > table {display:inline-block;height: auto !important;margin-top: 25px;}
    #contenidoContacto .localizacion tr:nth-child(2), 
    #contenidoContacto .localizacion tr:nth-child(5)
    {display:none;}
    #contenidoContacto .localizacion td { width: 320px !important; text-align:center;min-height: 0;}
    .atencion td:first-child {  display: none;}
    #contenidoContacto .localizacion tr { width: 100%; }
    #listaAgrupar {font-size: 12px;}

    #listaAgrupar tr td:nth-child(2) {
        float: left;
        width: 100%;
        border-color: transparent !important;
        font-weight: bold;
        font-size: 12px;line-height: 14px;
    }


}

@media only screen and (max-width: 320px) {
    #cajaDialog {
      width: 300px;
    }
}



@media only screen and (max-width: 767px) {
    .cajaAdd span, .cajaAdd span:hover {
        box-shadow: 0 0;
        border-radius: 0;
    }
    .cajaAdd span {
        margin: 5px 4px;
    }
    .btnFicha {
        margin-top: 11px;
    }
}