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

@font-face {
    font-family: 'open_sanslight';
    src: url('../../font/public/opensans-light-webfont.eot');
    src: url('../../font/public/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../font/public/opensans-light-webfont.woff2') format('woff2'),
        url('../../font/public/opensans-light-webfont.woff') format('woff'),
        url('../../font/public/opensans-light-webfont.ttf') format('truetype'),
        url('../../font/public/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../../font/public/opensans-regular-webfont.eot');
    src: url('../../font/public/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../font/public/opensans-regular-webfont.woff2') format('woff2'),
        url('opensans-regular-webfont.woff') format('woff'),
        url('opensans-regular-webfont.ttf') format('truetype'),
        url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.mobile{
    display: none;
}
.web-table{
    display: initial;
}

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input{outline:0}
*{ -moz-box-sizing: border-box; box-sizing: border-box; }

html,

body{
    margin:0; padding:0; font-family:'neutra'; 
    font-size:1.0em; background-color:#f5f5f5; color:#333; 
    width: 100%;
}
/*html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}*/
#msg_ropero{ font-size: 23px;position:absolute;bottom:10px;text-align: center;margin: 0 auto;width: 100%    }
a{text-decoration: none; color:#333;}
.colRopero{ width: 20%; }
.row{width: 100%; display: table;}
.row2{margin-bottom:1em;}
.row3{border-bottom:1px solid #eee; padding-bottom:1em;}
.row4{position:relative;padding-bottom:1em;}
/* encabezado */
.topBorder{ height: 1.3em; width: 100%; display: block; background:#F06292;content: ''; position:relative;}
header{ height: 98px; border-bottom:1px solid #020202; background:#fff; width:100%; }
header .logo{ float:left; width:214px; height: auto; display:block; border:none; text-decoration: none; margin-left:1em; }
header .logo img{ width:100%; height: auto; display:block; border:none;}
header nav{ float:right; }
header nav ul li{ float:left; padding:0; height: 98px; line-height: 98px; font-size:1.2em; position:relative;}
header nav ul li .totalItems{position:absolute; left: 10px; top:50px; font-size:0.5em; width:20px; height: 20px; text-align:center; 
                             background:#F06292 ; border-radius:50%; line-height: 20px; color:#fff; }
header nav ul li.separador{ padding:0; color:#ccc;}
header nav ul li a{display:block; width:100%; height: 100%; text-decoration: none; color:#333;
                   padding:0 1em 0 60px; background:url('../../img/public/navIcons.png') no-repeat 14px 35px;}

header nav ul li.inicio a{ background-position:14px -60px; }
header nav ul li.favoritos a{ background-position:14px 35px; }
header nav ul li.cambiarLocal a{  display:block; width:100%; height: 80%; text-decoration: none; color:#333;
                   padding:0 1em 0 60px; background: url('../../img/public/casita.png')no-repeat 14px 35px;}
header nav ul li.miBolsa a{ background-position:14px -155px; }
header nav ul li.miRopero a{ background-position:14px -155px; background: url('../../img/public/locker.png')no-repeat 14px 35px;}
header nav ul li.salir a{ background-position:14px -246px; }

.titulo2{ font-size:1.4em; font-weight: lighter; margin-bottom:1em; }
/* contenido web */
section.web{ margin: 1em auto; background:#fff; padding:0 1em 1em 1em; width:100%; max-width: 1200px; border:1px solid #eee;}
article.webContent{ margin-bottom:1em; width:100%;}
article.webContent2{ margin-top:1em;}
/*slide home*/
article.webContent.homeSLide{ margin-bottom:0;}
nav.slideMenu{ height: 2em; font-size:1.2em; margin-bottom:1em; border-bottom:1px solid #eee;}
.homeSLide nav.slideMenu{margin-bottom:0;}
nav.slideMenu ul li.menuItem{ float:left; padding:0 0.5em; position: relative; line-height: 2em;}
nav.slideMenu ul li a, nav.slideMenu ul li.hasSubMebu ul li a{width:100%; height: 100%; display:block; color:#333; text-decoration: none;}
nav.slideMenu ul li.hasSubMebu ul{ position:absolute; top:2em; background:#fff; left:0; z-index: 1000; display:none; border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
nav.slideMenu ul li.hasSubMebu:hover ul{ display:block;}
nav.slideMenu ul li.hasSubMebu ul li{ border-bottom:1px solid #eee;white-space:nowrap; cursor:pointer;}
nav.slideMenu ul li.hasSubMebu ul li a{padding:0 1em 0 0.5em;}
nav.slideMenu ul li.hasSubMebu ul li:hover{ background:#f5f5f5;}
/*.bx-wrapper {-moz-box-shadow: 0;-webkit-box-shadow: 0;box-shadow: 0 0 0 0;border: 0;left: 0;background: #fff;}
.slides{margin:0; padding: 0;}
.slides img{width:100%; display:block; height: auto;}
.bx-wrapper .bx-pager-item{ width:40px; height: 40px; margin:0 4px;}
.bx-wrapper .bx-pager.bx-default-pager a{ width:100%; height: 100%; margin:0; display:block;
                                          background:url('../../img/public/navSliderIcons.png') no-repeat center 6px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background-position:center -62px;}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:url('../../img/public/navSliderIcons.png') no-repeat center -62px;}
.bx-wrapper .bx-pager{ bottom: -48px;}*/


.rowSlide{display:block; margin-bottom:1em;}
.rowSlide img{display:block; width: 100%; height: auto;}
/*btns home*/
.btnHome1{float:left;
          width:49%;
          width: -webkit-calc(50% - 0.5em);
          width: -moz-calc(50% - 0.5em);
          width:calc(50% - 0.5em);
          /*background:#F06292;*/ 
          background:#F5f5f5; 
          /*color:#fff;*/
          color:#333;
          padding: 1em 0; cursor:pointer;
          border:1px solid #333;
}
.btnHome1 h3{ text-align: center; font-size:1.4em; font-weight: lighter; }
.btnHome1 h4{ text-align: center; font-size:1.2em; font-weight: lighter; }
.btnHome1.btnHomeR{ float:right; 
                    width:49%;
                    width: -webkit-calc(50% - 0.5em);
                    width: -moz-calc(50% - 0.5em);
                    width:calc(50% - 0.5em);

                    margin-right: 0;
}


/*separadores*/
.secSeparador{ background: #F5f5f5; }
.secSeparador .secSeparadorLabel{ background: #F06292; color:#fff; padding:0.4em 1em; float:left; font-size:1.0em;  }

/* boton ver m�s*/
.btnVerMas{float:right; padding:0.4em 1em; color:#fff; background: #F06292; text-decoration:none;}

/* tarjetas */
.lsItem{float:left; width: 24%; margin:1em 0.5%;position:relative; cursor:pointer; color:#333;}

.lsItem img{width: 100%; height: auto; display: block;}

.lsItem .itemIcons .itemDescuento{ position:absolute; bottom:0; right: 0; /*max-width:164px;*/
                                   /* width:100%;*/ height: auto; display:block;}
.lsItem .itemIcons .itemDescuento img{ display:block; width:100%; height: auto;}
.lsItem .itemIcons .itemDescuento .infoDesc{text-align: right; width:100%; font-weight: bold; position:absolute; bottom:0.2em; right: 0.5em; font-size: 1.2em; line-height: 1.0em}
.lsItem .itemIcons .itemDescuento .infoDesc span{ color:#999; }
.lsItem .itemIcons .itemDescuento{position: absolute;bottom: 0.5em;right: 0.5em;
                                  background: rgba(255,255,255,0.8);padding: 0.5em;font-weight: bold;
                                  width: 70px;height: 70px;text-align: center;padding-top: 1em;border-radius: 50%;
                                  padding-top: 15px;
}
.lsItem .itemIcons .itemDescuento span{ color:#999; }

.testimonioCarrito{    float: left;
    width: -webkit-calc(32% - 0.5em);
    width: -moz-calc(32% - 0.5em);
    width: calc(32% - 0.5em);
    background: #FFF;
    color: #fff;
    color: #333;
    padding: 0.7em;
    cursor: pointer;
    border: 1px solid #F06292;
    margin: 1%;
    height: 85px;
    text-align: center;
}

.lsItem .itemIcons .itemNuevo{ position:absolute; top:0; left: 0; max-width: 106px; height: auto; width:50%;
                               /*width:108px; height: 108px; background:url('../../img/public/itemIcons.png') no-repeat left top;*/ display:block;}
.lsItem .itemIcons .itemNuevo img{display:block; width:100%; height: auto; }
.htmlHome { 
    background-repeat: no-repeat; 
    background-position: right 2.4em top 0.7em; 
    background-attachment: fixed; 
    background-color: #FFF; 
    background-size: 26%;
    }   
.bodyHome {  
    background-color: transparent; 
}  
.logoHome{
    text-align: center;
    align-items: center;
    vertical-align: middle;
    position: absolute;
    height: auto;
    margin: auto;
    left: -5%;
    top: 5%;
    width: 30%;
}
.contentHome{
    text-align: center;
    align-items: center;
    position: absolute;
    height: auto;
    left: 20%;
    top: 30%;
    width: 50%;
}
.contentHome h4{
    font-family: 'neutra';
    font-size: 4em;
    font-weight: lighter;
    color: #221F1F;
}
.contentHome h1{
    font-size: 3.2em;  
    font-family:'open_sanslight';
    font-weight: lighter;
    margin-bottom: 7px;
}
 

/*favoritos*/
@keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

}

@-webkit-keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}

@-ms-keyframes "pulse2" {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

}


.lsItem .itemIcons .itemFavorito{ position:absolute; top:0.4em; right: 0.4em; width:48px; height: 44px; /*background: url('../../img/public/itemIcons.png') no-repeat center -144px;*/ display:block; cursor:pointer; }

.itemFav img{ position:absolute; bottom:10%; width:80%; height: 80%; transition:1s ease-in-out;}
.itemFav img.img1{ display:none; }
/*.lsItem .itemIcons .itemFavorito.activo img{ transform:scale(2); }*/ 
.itemFav.activo img{
    -webkit-animation: pulse2 0.3s linear ;
    -moz-animation: pulse2 0.3s linear ;
    -ms-animation: pulse2 0.3s linear ;
    animation: pulse2 0.3s linear ;
}
.itemFav.favactivo img.img0{ display:none;}
.itemFav.favactivo img.img1{ display:block;}

/*.lsItem .itemIcons .itemFavorito.favactivo{ background-position: center -228px; }*/
.lsItem:hover .itemIcons{display:block;}


/*pone a trabajar tu ropero*/
.introTxt1{margin-bottom:1em; text-align: justify;}
.introTxt1 .icon{float:left; width:130px; margin-right: 20px;}
.introTxt1 .txt{float:left; width:calc(100% - 150px);}
.introTxt2{ padding-left: 200px; margin-bottom:1em;text-align: justify;}



/*footer*/
footer{width:100%; position:relative; color:#fff;background:#221f1f url('../../img/public/footerBg.png') no-repeat right 1em;}
footer a{color:#fff; }
footer .footerTopBar{width:100%;  height: 1em;  display:block; background: #F06292; }
footer .footerWrapper{width:100%; max-width: 1200px; margin:0 auto; padding:1em; }
footer .footerWrapper h3{ color:#fff; font-weight: lighter; font-size:1.4em; margin-bottom:.4em;}
footer .footerWrapper .footerCol{ float:left; width:36%;}
footer .footerWrapper .footerCol ul li{ font-size:1em; margin-bottom:0.4em; font-size:1.0em;}
footer .footerWrapper .footerSocialCol{ float:left; width:28%; margin-top:2em; border-left:1px solid #F06292;}
footer .footerWrapper .footerSocialCol ul { margin-left:1em;}
footer .footerWrapper .footerSocialCol ul li{ margin-bottom:0;}
footer .footerWrapper .footerSocialCol .scIcon a{padding:0 0.5em 0 60px; color:#fff; text-decoration: none;
                                                 display:block;width:100%; height: 42px; line-height: 42px; background:url('../../img/public/socialIcons.png') no-repeat 10px 10px;}
footer .footerWrapper .footerSocialCol .scIcon.facebook a{background-position:8px -60px}
footer .footerWrapper .footerSocialCol .scIcon.googlePlus a{background-position:8px 2px;}
footer .footerWrapper .footerSocialCol .scIcon.instagram a{background-position:8px -120px;}
footer .footerWrapper .footerSocialCol .scIcon.twitter a{background-position:8px -180px}


/*buscador*/
#buscadorBox{ padding-top:0;}
#buscador{ background: #fff url('../../img/public/lupaIcon.png') no-repeat right center; border:1px solid #ccc;}
.lsBuscador{ float:left; width:25%; padding-right: 1em; }
.lsBuscador label{ display:block; }
.lsBuscador img{ max-width: 100%; }
.lsBuscador .rowBoxFiltro{position:relative;}
.lsBuscador .rowBoxFiltro img{position:absolute; top:4px; width:22px; right: 4px;}
.lsBuscador input{ width:100%; height: 30px; border:1px solid #ccc; font-size:1.0em; text-indent:0.5em;}
.listadoPrendas, .listadoL{float:left; width:75%;}


.boxFiltro { border-bottom: 1px solid #ccc; padding:1em 0;}
.talle {float: left; border:2px solid #5d5d5d; border-radius: 50%; text-align: center; height: 50px; line-height: 45px; width: 50px; font-size:1.4em; margin-top: 0.5em; margin-left: 1em; cursor: pointer}

.infoPrenda .tallePrenda{float: left; font-size:1.4em;  margin: 0 2em 0 0em; font-weight: bold;}
.infoPrenda .inputPrendaWrapper{ position:relative; float:left;}
.infoPrenda .inputPrendaWrapper img{ position: absolute;top: 4px;width: 22px;right: 4px;}
.infoPrenda .inputPrendaWrapper input{ margin:0;}
.noVisible {display: none;}
.seleccionTalle {border:3px solid #F06292; color:#F06292; cursor: default}


.listaCategoriaGeneral { /*margin-left: 10%; */font-size: 1.2em ; cursor: pointer; line-height: 2em; width:100%; display: block;}
.listaCategoria {/*margin-left: 20%;*/ font-size: 1.0em ;  /*margin-bottom: 3%; margin-top: 2% ;*/cursor: pointer; text-indent: 1em;width:100%; display: block;}
.seleccionBuscador { color:#F06292; }

/*#datos_envio .tipoEnvio{ width: 60%; margin: auto auto 80px auto ;}*/


.ordenarListado{float:right;}
.ordenarListado label{font-size: 1.2em; color:#666;}
.ordenarListado .selectOrden{font-size: 1.0em; border:1px solid #eee; margin-left:0.5em 0; padding:0 0.5em; color:#333 ; cursor: pointer}
.invisible {visibility: hidden !important}
.banner{ 

    width:100%; clear:both; margin:0.5em 0 0 0; padding:1em; 



    background:#F5f5f5; 
    color:#333;
    cursor:pointer;
    border:1px solid #333;



}
.banner h1{ font-size: 3em;  color: #F06292;font-weight: lighter; text-align: center;font-family:'open_sanslight'; }
.banner h3{ font-weight: lighter; text-align: center; font-size:1.4em; }
.banner h5{ font-weight: lighter; text-align: right; font-size:1.2em; }
.banner h4{ font-weight: lighter;font-family:'open_sanslight'; text-align: center; font-size:3.5em; }
.paginador{float:right; font-size:1.2em;}
.paginador .btnPage{float:left; padding:0.4em 0.8em; color:#F06292; cursor:pointer;}
.paginador .btnPage:hover{background:#f5f5f5;}
.paginador .active{float:left; padding:0.4em 0.8em; background:#F06292; color:#fff;}

/*vista prenda*/

.vistaPrenda .fotoPrenda{float:left; width:40%; background:#fff;/*padding:1em;*/
                         max-width: 300px; position:relative; display:block; }
.vistaPrenda .fotoPrenda .imgThumb{width: 100%;
                                   display: block;
                                   height: auto;
                                   opacity: 0;}
.vistaPrenda .infoPrenda{float:left; width:46%; padding:1em; position:relative;}
.vistaPrenda #outerImg{position:absolute; top:0; left:0; width:100%; height: 100%; display:none; z-index:9000;
                       border:2px solid #333; background:#fff;}
.vistaPrenda .infoPrenda.wide{width:60%; }
.vistaPrenda .infoPrenda .prendaDesc{font-size:1.0em; padding:0.5em 0;}
.vistaPrenda .btnFavorito{float:left; width:48px; height: 44px; cursor: pointer; position:relative;}
.vistaPrenda .btnFavorito.favactivo { background-position: center -228px;}
.vistaPrenda .navPrendaPics{ float:left; width:14%; float: left; max-width:100px; padding-right: 0.2em;}
.vistaPrenda .navPrendaPics.hidden{ display:none;}

.vistaPrenda .navPrendaPics ul{ list-style:none;}
.vistaPrenda .navPrendaPics li{width:100%; cursor:pointer; margin-bottom:0.2em;}
.vistaPrenda .navPrendaPics li img{width:100%; height: auto; display:block;}



/* vista bolsa */
.blockPrendas {display:table; width:100%; clear:both; margin-bottom:1em; position:relative;}
.blockPrendas.error {border: 2.5px solid #F06292;}
.btnBorrarBolsa{position:absolute; top:4px; right: 1em; width: 26px; height: 26px; background:url('../../img/btnCerrar2.png') no-repeat center; cursor:pointer;}
.disponibilidadBolsa{float:left; height: 40px; line-height: 40px;  margin-right: 1em;}
.popupBolsa{font-size: 1.4em; text-align: center;}
.PEnCasa{background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-radius: 0.5em; padding: 0.5em; 
         text-align: center; display:none;width: 66%;float: right;}
.rowXX{float: left;margin-right: 80px;margin-left: 100px;line-height: 30px;}
.row .lblEnvio {margin-left: 3%;float: left; width: 43%;text-align: right;height: 30px;line-height: 30px;margin-right: 1%; font-size: 1.2em}
.infoProbar {margin-left: 3%; display: table;  padding: 10px 20px; margin: 0px auto 1em; border-radius: 0.5em;  font-size: 0.8em; background: rgb(245, 245, 245);}
.row .row2 .comboBoxEnvio{font-size: 1em; margin-top: 1% ; border: 1px solid #ccc; cursor: pointer;width: 37%;}
.tipoDev .filaChek{margin-left: 12% ; margin-top: 8px}
.tipoEnvio .filaChek{margin-left: 12% ; margin-top: 8px}
.fechaEvento {margin-left: 3%}
.row .row2 input {border: 1px solid #ccc;height: 30px;line-height: 30px;font-size: 1em;}
.row .row2 .margenFecha{margin-top: 14px;}
.row .row2 .input3 {width: 25% ; float: left }
.row .row2 .input4 {width: 37% ; float: left }
.row .row2 .primeraFila {margin-top: 22%}

.cuadroDatosEnvio{max-width: 490px;border: 1.2px solid #ccc;float: left;margin: 4px;margin-left: 6%;/*margin-top: 40px;*/}
#listadoPrendas .tipoCompra{ width: 80%;font-size: 1.3em; }
#listadoPrendas .fechaProbar{ float:left;margin-left: 10%; }
#listadoPrendas .fechas .lbl1{ float: left;height: 30px;line-height: 30px;margin-right: 0.5em; font-size: 1.2em;}
#listadoPrendas .fechas .input2{ float: left;width: 42%;border: 1px solid #CCC;height: 30px;line-height: 30px;font-size: 1em;text-indent: 0.5em; }

.vistaPrenda .prendaTitulo{float:left; line-height: 40px; font-size: 1.4em;}
.vistaPrenda .prendaSubtitulo{ font-size: 1em; }
.vistaPrenda .lbl1{float: left; margin-right: 0.5em; height: 30px; line-height: 30px; font-size:1.2em;}
.vistaPrenda .talle{float:left; border:none; border-radius: 0; font-weight: bold;/*border:2px solid #5d5d5d; border-radius: 50%; */ margin-right: 1em; text-align: center; height: 40px; line-height: 40px; width: 40px; font-size:1.2em; }
.vistaPrenda .talle2{float:left; margin-right: 1em; height: 40px; line-height: 40px; width: 40px; font-size:1.0em;}
.vistaPrenda .btnln{float:left; height: 40px; line-height: 40px; color:#F06292; cursor:pointer; font-size:1.2em; text-decoration: underline;}
.vistaPrenda .btnln2{color:#F06292; cursor:pointer;text-decoration: underline;}
.vistaPrenda .disponibilidad{float:left; height: 30px; line-height: 30px;  margin-right: 1em;}
.vistaPrenda .btnDisponibilidad{float:left; width:40px; height: 40px; background: url('../../img/public/iconFecha.png') no-repeat center; cursor: pointer;}
.vistaPrenda .lbl2{ font-size:1em; color:#999;}
.btn2{background:#F06292; color: #fff; font-size:1.2em; float:right; padding:0.4em; cursor:pointer;}
.btn3{background:#F06292; color: #fff; font-size:1.2em; margin:0 auto; padding:0.4em 1.2em; cursor:pointer; display:table;}
.btnProbarEnCasa{ float:right; color:#F06292; font-size:1.2em; cursor:pointer;}
.rowCombinan .lsItem{ width:18%; margin:1%;}

#labelDisp {position: absolute; right: 0px; top:20px; font-size: 0.9em; background: #6ccd75; color: #fff; padding: 0 10px; display:none;}
#labelDisp.reservada {background:#fc4949;}
.btnShare{float:right; padding:0 0.5em; height: 40px; line-height: 40px; padding-left:40px; color:#fff; font-size:0.9em; border-radius: 4px;}
.btnShare.btnShareFacebook{ background:#3b5998 url('../../img/public/btnShFb.png') no-repeat left center; margin-right: 0.5em;}
.btnShare.btnShareTwitter{ background:#43cdf6 url('../../img/public/btnShTw.png') no-repeat left center; }


.btnProbar{font-size:1.2em; cursor:pointer;}
.btnProbar span{color:#F06292;}
/*banners*/
.rowBanner1{background:#f5f5f5; border:1px solid #eee; padding:1em;}
.rowBanner1 a{color:#F06292;}
.rowBanner1 .icon24h{ background:url('../../img/public/iconBanner.png') no-repeat 10px 0; float:left; width:50%;
                      font-size:1.2em; padding-left:70px; height: 80px; margin:0.5em 0;}
.rowBanner1 .icon4P{ background:url('../../img/public/iconBanner.png') no-repeat 10px -104px; float:left; width:50%;
                     font-size:1.2em; padding-left:70px; height: 58px; margin:0.5em 0; padding-top:0.5em;}
.rowBanner1 .btnln3{float:right;color:#F06292; cursor:pointer; font-size:1.2em;}
.rowBanner1 h3{ font-size:1.2em; color:#999; font-weight: normal; margin-bottom:1em;}
.rowBanner1 .rowTxt{ font-size:1.2em; font-weight: normal;}
.rowBanner1 .rowTxt2{ font-size:0.9em; font-weight: normal;margin-top:1em;}


.tienda {width:100%;display:table;}
.tiendaLeft {float:left;width:40%; }
.tiendaLeft img {width: 100%; display:block; height: auto;}
.tiendaLeft .btnSlide{width:100%; margin-top:0.5em;}
.tiendaLeft .btnSlide li{ float:left; width:18%; margin-right: 2%; max-width:80px; cursor:pointer;}
.tiendaLeft .slideTienda{position:relative;}
/*.tiendaLeft .slideTienda .mapa{position:absolute; left:0; top:0; height: 100%; width: 100%; display:none;}*/
.tiendaLeft .mapa{height: 300px; width: 100%; display:block;}
.tiendaRight {width:60%;float:right; padding:1em;}

.tiendaRight .rowIcon{padding-left:70px; background:url('../../img/public/iconBanner.png') no-repeat left top; min-height: 60px;
                      margin-bottom:1em; width:100%; display:block;}
.tiendaRight .rowIcon span{ color:#666;}
.tiendaRight .rowHorario{ background-position: 6px -3px;}
.tiendaRight .rowTel { background-position: 6px -340px; }
.tiendaRight .rowDireccion { background-position: 6px -459px; }
.tiendaRight .rowInfo { background-position: 6px -220px; }

.checkbox{float:left; line-height: 30px; height: 30px; padding-left:30px;margin-right: 24px; background:url('../../img/public/check.png') no-repeat 6px -33px; color:#666; cursor:pointer;}
.checkbox.checked{background-position: 6px 7px; color:#333;}
.checkbox:hover{ color:#333;}

/* popup msg*/
.layer{position:fixed; width:100%; height: 100%; background:rgba(0,0,0,0.2); 
       display:block;top:0; left:0;z-index:9000;}
.popup{/* border: solid 1px #F06292;*/position: fixed; left: 50%; top: 50%; background-color: white;
    z-index:9000;height: 420px; margin-top: -200px; width: 600px; margin-left: -300px;}
.popup.popupAutoHeight{ height: auto }
.popup.popupW2{ height: 500px; margin-top:-250px; width:800px; margin-left:-400px;}
.popup.popupW3{ height: 600px; margin-top:-300px; width:980px; margin-left:-490px;}
.popup.msg{ height: auto; }
.popup.msg .popupWrapper{ padding:2em; }
.popup .popupWrapper{ position:relative; width:100%; height: 100%; }
.popup .popupWrapper .rowPopup{ padding:1em; }
.popup.popupW3 .rowContenido{ height: 600px; overflow-x:hidden; overflow-y: auto; }
.popup .popupWrapper .rowTitulo2{ font-size:1.4em; font-weight: lighter; margin-bottom:1em; }
.popup .popupWrapper .rowSubTitulo{ font-size:1.2em; font-weight: lighter; margin-bottom:0.5em;color:#F06292; width: 95%;}
.inputError2 {border: 1px solid #F06292 !important;}

.popup .popupWrapper .cerrarBtnPopup{position:absolute; top:0.8em; right: 0.8em; height: 40px;
                                     width: 40px; background:url('../../img/public/x.png') no-repeat center; cursor:pointer;}
.popup.loading{ background:#fff url('../../img/public/loading.gif') no-repeat center; }
.popup.loading .popupWrapper{display:none;}
.login .loginMenu{width:100%; height: 4em; line-height: 4em; background:#f5f5f5;}
.login .loginMenu .loginBtn{padding:0 1em; cursor:pointer; float:left; font-size:1.4em; 
                            font-weight: lighter; font-family:'neutra'; color:#666;}
.login .loginMenu .loginBtn.active{background:#fff; color:#333;}
.login label{width:100%; font-size:1.0em; color:#999;}
.login .inputRow{width:100%;border:1px solid #999; height: 40px;}
.login .inputRow input{width:100%; font-size:1.0em; height: 38px; border:none; text-indent:0.4em;}
.login .loginLeft{ float:left; width:50%; padding:2em 1em; }
.login .loginRight{ float:right; width:50%;padding:2em 1em; }
.login #loginRegistro, .login #loginRecuperarPassw{display:none;}
.popup .popupL2{float:left; width:27%;}
.popup .popupL2 img{display:block; width:100%; height: auto; max-width: 204px;}
.popup .popupR2{float:left; width:73%; padding-left:1em;font-size:1.0em; text-align: justify;}
.popup .rowDest{color:#F06292; font-size: 1.2em; text-align: right;}
.fb-login-button {
    background-color: #2d72d9;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 15px 15px 60px;
    text-align: center;
    width: 220px;
    background: url('../../img/public/fbBtn.png') no-repeat scroll 0 0 #3b5998;
    margin: 0 auto;

}

.tip{ background:#f5f5f5; color:#666; padding:1em;}
/* ver prendas*/
.rowPopup .prendasProbar{ list-style-type:none; }

.rowPopup .prendasProbar li { position: relative; width: 100%; display: block; padding: 0.5em; }
.rowPopup .prendasProbar li:nth-child(odd) { background: #f5f5f5; }
.rowPopup .prendasProbar .delPrenda { height: 15px;width: 15px;color: #F06292;position: absolute;right: 0.5em;top: 0.7em;cursor: pointer;background: url('../../img/public/x.png') no-repeat center; }
.rowPopup .inputWrapper{ position:relative; float:left;}
.rowPopup .inputWrapper img{ position: absolute;top: 4px;width: 22px;right: 4px;}
.rowPopup .inputWrapper input{ margin:0; height: 30px; width: 300px; border: 0.15em solid #AAA; }
.terminos{ color: #F06292; }

/*categorias*/
.catTitulo, .rowTitulo{border-bottom:1px solid #F06292; line-height: 2em; font-size:1.2em; margin-bottom:0.5em;}
.rowTitulo2{line-height: 2em; font-size:1.2em; margin-bottom:0.5em;}
.menuBlock{ width:100%; }
.menuBlock li{width:100%;display:block; font-size:1.0em; border-bottom:1px solid #f5f5f5; line-height: 1.8em; text-indent: 1em; font-size:1.4em;}
.menuBlock li a{display:block;}
.menuBlock li.selected a{ color:#F06292;}
.menuBlock .subT{font-weight: bold; text-indent: 0; border:none;}
.sinInformacion{font-size: 1.2em; text-align: center; margin:2em auto; color:#999;padding-left:70px; font-weight: normal; min-height: 50px; line-height: 50px;
                background:url("../../img/public/iconBanner.png") no-repeat scroll 10px -216px; display:table;}


.mobMenu{display:none;}

/*bolsa*/
.datosBolsa .label2{ float:left; margin-right:1em; line-height: 30px; margin-left:100px;}

.blockPrendas{display: table; width: 100%; clear: both; margin-bottom: 1em; position: relative; padding-bottom:1em; border-bottom:1px solid #ccc;}
.blockPrendas .contenidoBolsa{float:left; 
                              width:76%;
                              width: -webkit-calc(100% - 200px);
                              width: -moz-calc(100% - 200px);
                              width:calc(100% - 200px); 

                              padding:0 1em;
}
.accion {cursor: pointer}
.formaPago{cursor: pointer}
.avisoCampo {position: absolute ;float: left; margin-left: 20%;color: #F06292;}
.avisoProbar {float: right;}
.avisoCampoP { margin-left: 20%;color: #F06292;position: static}
.erroresGeneral{color: #F06292; font-size: 1.2em; height: 3px; margin-left: 3px; }
.itemObligatorio{color: #F06292; margin-right: 3px; }
.avisoDisp {position: absolute; bottom: -4px; right: 0px; font-size: 0.9em; background: #6ccd75; color: #fff; padding: 0 10px;}
.avisoDisp.reservada {background:#fc4949;}


.totalAPagar{font-size:1.4em;}

.blockPrendas .col1{ float:left; width:39%; }
.blockPrendas .col1 select{ width:100%; height: 30px; font-size:1.2em; }
.blockPrendas .col2{float:right; width:59%; position:relative; }
.blockPrendas .col2 .lbl1{ float:left; height: 30px; line-height: 30px; font-size:1.2em; text-align:right; width:48%;}
.blockPrendas .col2 img{ position:absolute; top:4px; right: 4px; width: 22px; opacity:0.6; }
.blockPrendas .col2 input{ float:right; height: 30px; font-size:1.2em; width:50%;}
.blockPrendas .btnBtnGuardarPrenda{ position:absolute; top:40px; width:26px; height: 26px; right: 1em; 
                                    background:url('../../img/public/btnReloj.png') no-repeat center;cursor:pointer;}
.blockPrendas .prendaTitulo{font-size:1.4em; margin-bottom:0.5em;}
.lsItemBolsa{ width:76px; margin:0; padding:0; }

.tabs .tab{float:left; width:33%; font-size:1.2em; color:#999;  line-height: 2.4em; background:#f5f5f5; margin-bottom:1em; text-align:center;}
.tabs .tab.activo{color:#333; background:#fff;}

.bolsaSeparador { width: 100%; margin-bottom: 1em; border-bottom: 2px solid #ccc; }
.infoBolsa .rowL {float:left; width: 30%;  font-size:1.2em;}
#montosCompra{ font-size:1.4em; float:right;}
#montosCompra .lineaCobro{ padding:0.4em 20px; border-bottom:1px solid #eee;}
#montosCompra .itemMonto{ float:right; width: 140px; text-align: right;}
#montosCompra .itemTitulo{ float:left; text-align: left; max-width: 60%;}
#montosCompra .lineaCobro.total{ font-size: 1.4em; }
#datos_envio .rowL{float:left; width: 49%;  font-size:1.2em;}
#datos_envio .rowR{float:right; width: 49%;  font-size:1.2em; }
#datos_envio .lbl2{ font-size:1.2em; }

#datos_envio .rowR .lbl1, #datos_envio .rowL .lbl1{ float:left; width:49%; text-align:right; height: 30px; line-height: 30px; margin-right: 1%;}
/*#datos_envio .rowR input, #datos_envio .rowL input, #datos_envio .rowR input, #datos_envio .rowL input{ float:right; width:50%; 
                                                                                                        border:1px solid #ccc; height: 30px; line-height: 30px; font-size:1em; }*/
#datos_envio .rowR select, #datos_envio .rowL select, #datos_envio .rowR select, #datos_envio .rowL select{ float:right; width:50%; 
                                                                                                            border:1px solid #ccc; height: 30px; line-height: 30px; font-size:1em;}

/*#envioDomicilioSubtotal, #retiroDomicilioSubtotal{display:none;}*/
#txtInfoEnvio, #datos_envio .txtInput{ margin-left: 13%; width:71%; height: 85px; resize:none;  font-size:1em; font-family:'open_sansregular'; border:1px solid #ccc;}
#txtInfoDev, #datos_envio .txtInput{ margin-left: 13%; width:71%; height: 85px; resize:none;  font-size:1em; font-family:'open_sansregular'; border:1px solid #ccc;}


.botonera{float:right;}
.botonera .btn2{float:left; margin-left:0.5em; padding:0.4em 1em;}

#forma_pago{ position:relative; }
#forma_pago .tipoPago{width:100%; padding:1em; opacity:0.6; cursor:pointer; display:table; border:1px solid #ccc; margin-bottom: 0.4em}
#forma_pago .tipoPago .logo{float:left; margin-right: 1em; display:block; height: auto; max-width:84px;}
#forma_pago .tipoPago h3{color:#666; font-size:1.4em; margin-top:0.5em; font-weight: lighter;}
#forma_pago .tipoPago.activo, #forma_pago .tipoPago:hover{opacity:1; border:1px solid #f06292;}
#forma_pago .tipoPago .formaPago{ float:left; margin-right: 1em; margin-top: 1.5em; }
#forma_pago .infoPago{ position:absolute; top:0; left:0; width:100%; height: 100%; background:#fff; display:none; }
#forma_pago.loading .infoPago{ background:#fff url('../../img/public/loading.gif') no-repeat center; display:block; }

/*mi cuenta*/
.infoMiCuenta label{float:left; width:40%; font-size:1.2em; text-align: left; margin-right: 1%;}
.infoMiCuenta .info{ background:#f5f5f5; border-radius:0.2em; padding:1em; font-size:1.2em;}
.infoMiCuenta input{float:left; width:59%; border:1px solid #ccc; height:30px; max-width:300px; 
                    line-height: 30px; font-size:1.2em; background:#fff;}
input.inputError, select.inputError, textarea.inputError{border:1px solid #F06292 !important;}
.infoMiCuenta .btnGuardarCambios{ margin: 0 auto; float:none; display:table; }

.infoContacto{margin:1em 0; max-width:600px; padding:2em 1em; background:#fff;}

/*mis alquileres*/
.infoAlquileres .bolsa{ border: 1px solid #eee; padding:0.5em; cursor:pointer; margin-bottom:1em;text-align: center; position:relative;}
.infoAlquileres .bolsa.activo{cursor:default;}
.infoAlquileres .bolsa .col{float:left; width:25%;}
.infoAlquileres .bolsa.bolsaHeader {border:none; border-bottom:1px solid #333; font-size:1.1em; cursor:default;}
.infoAlquileres .bolsa .btnCerrar{ position:absolute; top:10px; right: 10px;}
.infoAlquileres .bolsa .resThumb{width:140px; display:block; height: auto;}
.infoAlquileres .bolsa .total{ text-align: right; font-size:24px;}
.infoAlquileres .bolsa .prenda{ width:100%; margin-bottom:20px; border:1px solid #eee; padding:0.4em; display:table;}
.infoAlquileres .bolsa .datos{ width:100%; }
.infoAlquileres .bolsa .datos .rowDatos{ width:100%; margin-bottom:10px; font-size:14px; display:table;}
.infoAlquileres .bolsa .datos .rowDatos .label{ float:left; width:20%; height: 20px; line-height: 20px;}
.infoAlquileres .bolsa .datos .rowDatos .info{ float:left; font-weight: bold; width:30%; 
                                               display:block; height: 20px; line-height: 20px; background:#fff;  border-radius: 0; padding:0;  font-size:1em;}
.infoAlquileres .bolsa .datos .rowDatos .highlight{ font-weight: bold; background-color: #ffe5f0; }

.infoAlquileres .bolsa .prendaReserva{ text-align: left;}
.infoAlquileres .bolsa .prendaReserva h2{ font-size:1.2em; margin:1em 0 0.5em 0; padding:0 0.4em; line-height: 1.4em; background:#f5f5f5;}
.infoAlquileres .bolsa .resThumb{float:left; }
.infoAlquileres .bolsa .btnCerrar{position:absolute; top:0; right: 0; width: 34px; height: 34px; background:url('../../img/public/x.png') no-repeat center; cursor:pointer;}
/*.faqBlock h2{ color:#666; font-size:1.4em; font-weight: normal;}
*/
.faqBlock .introTxt1 h3{ color:#333; font-size:1.2em; font-weight: normal; margin-bottom:0.5em;}
/*.faqBlock .info{ margin-bottom:1em; }*/
.faqBlock .info ul li{ margin-bottom:0.2em; }
.faqBlock .separador{ border-bottom:1px dashed #ccc; margin:1em 0; width:100%;}
.btnSeguirComprando{ float:right; color:#F06292; font-size:1.2em;}

#dataEnvioFechas .rowL{ margin-right: 2%; width:34%;}
#dataEnvioFechas .rowR{ margin-right: 0%; width:28%; float:right; font-size:1.2em;}

#dataEnvioFechas .input2{/* float:left; width:42%;*/ margin-left: 8px;border: 1px solid #CCC;height: 30px;line-height: 30px;font-size: 1em; text-indent:0.5em;}
#dataEnvioFechas .lbl1{ margin-left: 100px;float:left; height: 30px;line-height: 30px; margin-right: 1em; }
#dataEnvioFechas .lbl1{ float:left; line-height: 30px; margin-left:100px;}
#dataEnvioFechas .totalAPagar{ float:right;  }
.vistaPrenda .btnln2.btnVerDetalles{text-decoration: none;}
.btnInicioTxt{ max-width: 330px; overflow:hidden;}


.produccionInfo{float:left; background: #fff; padding:1em; width: 30%;}
.produccionInfo ul li{ border-bottom:1px solid #eee; padding:0.5em 0;}

.bannerImagenes{float:left;  width: 70%;}
.imgProduccion{ float:left; width:23%; margin:1em 1%; background:#fff; padding:0.5em;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);}
.imgProduccion img{width:100%; display: block; height: auto;}

.produccCol{ float:left; width:31%; margin:1em 1%; background:#fff; padding:1em;
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);}
.produccCol .imgProd{ width: 100%;}
.produccCol .imgProd img{ width: 100%; display:block; height: auto;}
.produccCol h2{ font-size:1.8em; color:#F06292; margin:0.5em 0 0 0; font-weight: lighter; padding:0; height: 38px; overflow: hidden; width:100%; display: block;}
.produccCol h3{ color:#999; font-size:1.2em; height: 30px; overflow: hidden; width:100%; display: block;}
.msgRecuperarPassw{ text-align: center; font-size: 1.2em; color: rgb(240, 98, 146); }
.btnOlvideMiPass{color:#F06292; text-align: center; padding:1em; cursor:pointer; margin-top:1em; font-weight: bold; font-size:1.2em;}
.br-visible{
    display: none;
}

@media all and (max-width: 920px) {

    #dataEnvioFechas .rowL{  width:50%; padding:0 1em; margin:0;}
    #dataEnvioFechas .rowR{ width:100%; float:none; padding:1em ; margin:2em 0;}
    #dataEnvioFechas .input2{/* float:left; width:46%;*/ border: 1px solid #CCC;height: 30px;line-height: 30px;font-size: 1em; text-indent:0.5em;}
    #dataEnvioFechas .lbl1{ float:left; height: 30px;line-height: 30px; margin-right: 0.5em; width:50%;}
    #dataEnvioFechas .totalAPagar{ float:right; }
    .btnInicioTxt{ max-width: 140px; overflow:hidden;}
    .produccionInfo{width:100%; float:none;}
    .bannerImagenes{width:100%; float:none;}
    
}
@media all and (max-width: 998px) {
    .btnInicioTxt{ max-width: 200px; overflow:hidden;}
    .testimonioCarrito{height: 88px}
    .htmlHome { 
        background-size: 40%;
        background-position: center;
        background-position-y: 90%;
    }   
    .logoHome{
        left: 0;
        width: 100%;
    }
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 3.1em;
    }
    .contentHome h1{
        font-size: 2.2em; 
    }
    .br-visible{
        display: block;
    }
    .mobile{
        display: initial;
    }
    .web-table{
        display: none;
    }
}
@media all and (max-width: 870px) {
    .testimonioCarrito{height: 115px}
    header{ height: 70px; position:relative;}
    header .logo{width: 150px;}
   
    header nav ul li{ display:none;}

    header #btnMenu{ display:block; width:40px; height: 40px; position:absolute; cursor:pointer;
                     top:10px; right: 10px; background:url('../../img/public/menuM.png') no-repeat center; }
    .btnHome1, .btnHome1.btnHomeR {width:100%;}
    .btnHome1.btnHomeR{margin-top:0.5em;}
    .btnHome1 h4{display:none;}
    .popup.popupW2{  height: 100%; margin:0;width: 100%; top:0; left:0;}
    .popup.popupW3{  height: 100%; margin:0;width: 100%; top:0; left:0;}
    #slideMenu{display:none;}
    #web{padding-top:1em;}
    footer{ background:#221F1F;}

    footer .footerWrapper .footerCol{ width:50%; padding:1em 0;}
    footer .footerWrapper .footerSocialCol{ width:100%; border-top:1px solid #F06292; border-left:none;  margin:0 ;}

    footer .footerWrapper .footerSocialCol ul{ margin:0 auto; display:table; }
    footer .footerWrapper .footerSocialCol ul li{ float:left; }
    html.mostrarMenu, body.mostrarMenu { overflow: hidden;
    position: relative;
    height: 100%; }
    
    body.mostrarMenu .mobMenu{ position:fixed; top:0; left:0; height: 100%; 
                               width: 100%; background:#fff;display: block; overflow:auto; 
    }
    body.mobPopup{overflow:hidden;}
    .mobMenu nav { height: 70px; border-bottom:1px solid #333; position:fixed;top:0; left:0; width:100%; background:#fff;}
    .mobMenu nav .btnCls { display:block; width:40px; height: 40px; position:absolute; cursor:pointer;
                           top:10px; right: 10px; background:url('../../img/public/x.png') no-repeat center; }
    .mobMenu .menu{width:100%; padding:1em;font-size:1.4em; }
    .mobMenu .menu li{ line-height: 2.4em; border-bottom:1px solid #ccc; text-indent:0.5em;}
    .mobMenu .menu .abrirSubMenu, .mobMenu .menu a{cursor:pointer; display:block;}
    .mobMenu .menu .subMenuColecciones{/* display:none; */padding-left:1em;}
    .mobMenu .menu .subMenuColecciones li:last-child{ border-bottom:none;}
    .mobMenu article { overflow:auto; margin-top:60px; }

    .lsItem .itemIcons .itemFavorito{ width:36px; height: 33px; right:0.2em; top:0.2em;}
    .popup .popupR2{ width:100%; float:none;}
    .popup .popupL2{ display:none; }
    .popup .popupWrapper .rowTitulo2{ padding-right: 40px;}
    .htmlHome { 
        background-size: 38%;
        background-position: center;
        background-position-y: 88%;
    }   
    .logoHome{
        left: 0;
        width: 100%;
    }
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 2.8em;
    }
    .contentHome h1{
        font-size: 2.5em; 
    }
    .br-visible{
        display: block;
    }
}



@media all and (max-width: 750px) {
        .testimonioCarrito.ocultar{display: none;}
    .testimonioCarrito { width: -webkit-calc(49% - 0.5em);
    width: -moz-calc(49% - 0.5em);  width: calc(49% - 0.5em); height: 80px}
    .datosBolsa .label2{margin-left: 10px;}
    #dataEnvioFechas .lbl1{margin-left:10px;width:auto;}    
    #listadoPrendas .tipoCompra{width:100%; }
    .noSemuestra{display:none;}
    .lsBuscador{display:none;}    
    #slideMenu{display:none;}    
    .lsItem .itemIcons .itemDescuento {font-size: 0.6em;width: 40px;height: 40px;padding-top: 8px;}
    
    .rowCombinan .lsItem {width: 30%;margin: 1.5%;}
    .produccCol{ float:left; width:48%; margin:1em 1%; background:#fff; padding:0.5em;}
    #dataEnvioFechas .rowL{  width:100%; padding:0 1em; margin:0 0 1em 0 ;}
    .vistaPrenda .fotoPrenda{width:60%;}
    .vistaPrenda .navPrendaPics{width:20%; margin-left:20%;}
    .vistaPrenda .infoPrenda{width:100%;}
    .blockPrendas .col1,.blockPrendas .col2{width:100%;}
    .blockPrendas .col2{width:100%; margin:1em 0;}
    #datos_envio .rowL{ width:100%;}

    
    
    
    #datos_envio .rowR{width:100%; margin:1em 0;}
    .popup{width:100%; left:0; margin-left:0;}
    #buscador{background:#fff;}
    #txtFechaDisponibilidad{background:#fff;}
    #filtroFechaDisp .ui-datepicker-trigger{ display:none;}
    #listadoPrendas{width:100%; float:none; }
    header #btnBuscador{ display:block; width:40px; height: 40px; position:absolute; cursor:pointer;
                         top:10px; right: 60px; background:url('../../img/public/lupa.png') no-repeat center; }
    #filtroMenu{display:block; width:100%;}
    #filtroMenu.ocultar, #listadoPrendas.ocultar{ display:none; }

    #buscadorBox{ width: 49%; float:left; margin-right: 2%;}
    #filtroDisp{ width: 49%; float:left;padding-top:0;}
    #filtroDisp label{ display:none;}
    .boxCat{ width:48%; float:left; margin-right: 2%; margin-bottom:20px; }
    .labelSubtitulo{ display:none !important; }
    .listaCategoriaGeneral{ font-weight: bold; }
    .listaCategoria{ font-size:1.2em; }
    .rowBanner1 .icon4P{ display: none; }
    .rowBanner1 .icon24h{ width:100%; }

    .tiendaLeft, .tiendaRight{ float:none; width:100%; }
    .menuBlock li{text-indent: 0; font-size:1.2em;}
    #navPrendaPics{max-width: 22%; width: 22%; margin-left:0;}
    #montosCompra{font-size:1.2em;}
    .br-visible{
        display: block;
    } 
}

@media all and (max-width: 650px) {
    .testimonioCarrito{height: 100px}
    .htmlHome { 
        background-size: 36%;
        background-position: center;
        background-position-y: 86%;
    }   
    .logoHome{
        left: 0;
        width: 100%;
    }
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 2.5em;
        font-weight: lighter;
    }
    .contentHome h1{
        font-size: 2.1em; 
        margin-bottom: 7px;
        font-weight: lighter;
    }
    .br-visible{
        display: block;
    }
    
}

@media all and (max-width: 540px) {  

    .testimonioCarrito{padding: 0.5em}
    .datosBolsa .label2{display:none;}    
    #labelDisp{position: initial};
    #slideMenu{display:none;}
    .produccCol{ float:left; width:98%; margin:0.5em 1%; background:#fff; padding:1em;} 
    .imgProduccion{ float:left; width:31%; margin:0.5em 1%;}
    .lsItem{ width: 45%;margin:1em 2.5%; }
    .btnHome1{padding: 0.6em 0;}
    .btnHome1 h3{font-size:1.0em;}
    .lsItem .itemIcons .itemFavorito{ width:30px; height: 27px; right:0.2em; top:0.2em;}
    .btnVerMas{ background:#fff; color:#F06292; font-size:0.8em;}
    .secSeparador .secSeparadorLabel{font-size:0.8em;float:none; width: 100%; text-align: center;}
    section.web{padding:0.4em;}
    .talle{margin-left:0.5em;}
    footer .footerWrapper .footerCol.footerColContacto{width:60%; float:left; font-size:0.9em;}
    footer .footerWrapper .footerCol.footerColEmpresas{width:37%; float:right;font-size:0.9em;}
    .banner h3{ font-size:0.9em;}
    .banner h5{ font-size:0.7em;}
    .boxCat{ width:100%; float:none; margin-right: 0%; margin-bottom:20px; padding:0 1em; }
    #buscadorBox{ width: 100%; float:none; margin-right: 0%;}
    #filtroDisp{ width: 100%; float:none;padding-top:0; padding-top:1em;}
    footer .footerWrapper .footerSocialCol ul li span{display:none;}
    .listaCatGralTitulo{margin-left:1em;}
    .listaCategoria{ margin-bottom:0.5em;}
    .popup{top:0; width: 100%; height: 100%;margin:0; overflow:auto;}
    .popup .login .loginLeft{width:100%;padding:1em;}
    .popup .login .loginRight{width:100%;padding:0 1em 1em 1em;}
    .popup .login .rowLoginCol{float:left; width:50%;}
    #loginRegistro .loginRight, #errorIngresar{display:none;}
    #web{padding-top:0.5em;}
    .introTxt1 .icon{display:none;}
    .introTxt1 .txt{ width:100%; float:none; }
    #menuMiCuenta {width:100%;clear:both; float:none;}
    #menuMiCuenta .rowTitulo{display:none;}
    #menuMiCuenta .menuBlock li{ float:left; width:auto; padding:0em 1em;  border:none; }
    .infoMiCuenta { width:100%; }
    .infoMiCuenta .rowTitulo2{ text-align: center;}
    /*.lsItem{width:60%; clear:both; display:block; float: none;}*/
    .blockPrendas .contenidoBolsa{float:none; width:100%;}
    .blockPrendas .col2 input{width:100%;}
    .blockPrendas .col2 .lbl1{width:100%; text-align: left;}
    .blockPrendas .col2 .ui-datepicker-trigger{ display:none;}
    #datos_envio .tipoEnvio{ width:100%; margin:0 0 1em 0;}
    #forma_pago .tipoPago h3{ display:none;}
    #datos_envio .rowL, #datos_envio .rowR{ float:none; width:100%;}
    #datos_envio .rowL .lbl1,
    #datos_envio .rowR .lbl1{ width:100%; float: none; text-align: left;}
    #datos_envio .rowR input, #datos_envio .rowL input, #datos_envio .rowR input,
    #datos_envio .rowL input, #datos_envio .rowL select{ width:100%; float:none;}
    #datos_envio .row2{margin-bottom: 0;}
    #datos_envio .datosRelevantesTxt{ margin-top:1em; resize: none}
    .topBorder{ font-size:0.7em; }
    #infoAlquileres{ font-size:0.8em;}
    #infoAlquileres .datos .label{ width:50%;}

    /*vista bolsa*/
    
    .row .row2 .input4 { float: none;width: 90%;text-align: left; margin-left: 4%;}
    .row .lblEnvio { float: none;width: 90%;text-align: left;margin-left: 4%;}
    .row .row2 .comboBoxEnvio{width: 90%;margin-left: 4%;float: none; }
    .tipoDev .filaChek{margin-left: 4% ;margin-bottom: 15px; margin-right: 4%;}
    
    .tipoEnvio .filaChek{margin-left: 4% ;margin-bottom: 15px; margin-right: 4%;}     
    .row .row2 .input3 { width: 90%; float: none;margin-left: 4%;}    
    #txtInfoEnvio, #datos_envio .txtInput{ margin-left: 4%; width:90%; height: 85px; resize:none; }
    #txtInfoDev, #datos_envio .txtInput{ margin-left: 4%; width:90%; height: 85px; resize:none;}   
    #infoAlquileres .bolsa.activo .rowBolsa{ display:none;}
    #infoAlquileres .datos .info{ width:50%;}
    .infoAlquileres .bolsa.activo{padding-top:1.5em;}
    #infoAlquileres .prenda .resThumb{ width:100%; margin-bottom:0.5em;}
    #infoAlquileres .datosPrenda { width:100%; margin-bottom:1em;}
    /*#navPrendaPics{width:100%; max-width: 100%;}
    #navPrendaPics ul li{width:24%; float:left; margin-right: 1%;}*/   
    
    #montosCompra{font-size:1.0em;}
    #montosCompra .itemMonto{width: 100px;}
    .lsItem .itemIcons .itemDescuento{ height: 40px; width: 40px; font-size:0.6em; padding-top:10px;}
    .mobMenu .menu{font-size:1.2em!important; padding:0.5em!important;}
     .logoHome{
        left: 0;
        width: 100%;
    }
     .htmlHome { 
        background-size: 34%;
        background-position: center;
        background-position-y: 84%;
    }   
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 2.15em;
        font-weight: lighter;
    }
    .contentHome h1{  
        font-size: 2em;  
    }
    .br-visible{
        display: block;
    }
    
}


@media all and (max-width:500px) {
    #msg_ropero{ font-size: 15px;position:absolute;bottom:10px;text-align: center;margin: 0 auto;width: 100%    }
    .testimonioCarrito{height: 115px}
    .br-visible{
        display: block;
    }
}

@media all and (max-width: 390px) {
    #msg_ropero{ font-size: 15px;position:absolute;bottom:10px;text-align: center;margin: 0 auto;width: 100%    }
    .vistaPrenda .lbl1.lbCol1{ width:40%; margin:0; margin-bottom:1em;}
    .vistaPrenda .tallePrenda.lbCol2{ width:60%; margin:0; margin-bottom:1em;} 
    .testimonioCarrito.ocultar2 {display: none}
    .testimonioCarrito { width: -webkit-calc(99% - 0.5em);
    width: -moz-calc(99% - 0.5em);  width: calc(99% - 0.5em); height: 60px}
    .datosBolsa .label2{margin-left: 10px;}
    .logoHome{
        left: 0;
        width: 100%;
    }
    .htmlHome { 
        background-size: 32%;
        background-position: center;
        background-position-y: 82%;
    }   
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 2.05em;
        font-weight: lighter;
    }
    .contentHome h1{  
        font-size: 2em;  
    }
    .br-visible{
        display: block;
    }

}

@media all and (max-width: 350px) {
    /*.infoPrenda .lbl1{width:100%;}*/
    #msg_ropero{ font-size: 15px;position:absolute;bottom:10px;text-align: center;margin: 0 auto;width: 100%    }
    .testimonioCarrito {height: 60px}
    .infoPrenda .inputPrendaWrapper{ float:none; width:100%; clear:both;}
    .infoPrenda .inputPrendaWrapper input{ width:100%;}
    .ui-datepicker{ left:10%!important; width: 80%!important; font-size: 0.8em;}
    .htmlHome { 
        background-size: 30%;
        background-position: center;
        background-position-y: -115%;
    }   
    .logoHome{
        left: 0;
        width: 100%;
    }
    .contentHome{ 
        top: 20%;
        text-align: center;
        width: 100%;
        left: 0;
        margin-top: 20px;
    }
    .contentHome h4{
        font-size: 1.8em;
        font-weight: lighter;
    }
    .contentHome h1{ 
        font-size: 1.6em;  
    }
    .br-visible{
        display: block;
    }
}