@charset "utf-8";
/* CSS Document */

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}


/* BACK DEGRADEE
background:-moz-linear-gradient(100% 0% 270deg,#f7f7f7, #e8e8e8, #e8e8e8 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8), color-stop(1,#e8e8e8)); */
/* SOMBRA  -moz-box-shadow: 2px 2px 5px #366596; -webkit-box-shadow: 2px 2px 5px #366596; box-shadow: 2px 2px 5px #366596; */
/* BORDE REDONDEADO border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; */
/* OPACIDAD opacity:.8; filter:alpha(opacity=80) */
/* PLACEHOLDER: input::-webkit-input-placeholder {color:#231F20;} input:-moz-placeholder {color:#231F20;} textarea::-webkit-input-placeholder {color:#231F20;} textarea:-moz-placeholder {color:#231F20;} */
/* TIPOS DE CAMPO: input.demos[type=text]*/

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a {outline:0 }
ul{list-style:none;}

		/*** The essential CSS for the layout ***/
		html, body { margin: 0pt;}
		
body,td,th,p,div { font-family: 'Quicksand', sans-serif; color:#000}
body { background:#f7f5f5; }

.clear { clear:both}
.float-r { float:right}
.float-l { float:left}
.row { width:100%}


#container { width:100%; margin:0 auto}
header {  color:#000; position:relative; padding:10px 0}

.wrap { max-width:1500px; margin:0 auto;}
.hidden-md { display:none}
#rs ul { padding:0 5px}
#rs li { display:inline-block; font-size:15px; margin:0 2px}
#rs li a { color:#000}
#menlogin { text-transform:uppercase; position:absolute; top:10px; right:10px; font-size:12px}
#menlogin a { color:#444242}
#menlogin li { display:inline-block; margin-left:10px; font-weight:700}
#menlogin li.compras a { color:#000}
.bag { width:15px; margin:0 5px 0 0; display:inline-block;  filter: grayscale(100%);}

#logo { text-align:center}
#logo img { width:260px;  }

nav { margin:40px 0 10px }
nav ul { text-align:center; }
nav ul li { display:inline;  font-size:14px; margin:0 10px; font-weight:700; text-transform:uppercase; position:relative }
nav ul li a { color:#444242 !important; text-decoration:none}
nav ul li.red a { color:#000 !important}
nav ul li:hover a { color:#000; text-decoration:none}
.red { color:#ff0000}

nav#desk ul li ul.subm { display:none; position:absolute; top:15px; left:-10px; padding-top:20px; text-align:left; width:200px; z-index:9999999; background:#fff}
nav#desk ul li:hover ul.subm { display:block}
nav#desk ul li ul.subm li { display:block; font-size:12px; margin:10px}

#buscar { margin-top:-15px; margin-bottom:10px}
#buscar input { border:none; font-size:20px}
#buscar button { font-size:25px; background:none; }

#acccats { margin:20px 0}
#acccats img.cats {  max-width:100%}
#acccats .imags a { display:block; width:100%; position:relative}
/* #acccats .imags img.catshov { display:none; position:absolute; left: 50%; top: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); max-width:100%} */
#acccats .imags img.catshov { display:none; position:absolute; top: 0; max-width:100%}
#acccats .imags:hover img.catshov { display:block; margin:0 auto}

#acccats h1 { font-size:26px; font-weight:400; color:#444242}
button.comprar { border:1px solid #444242; font-size:14px; font-weight:700; text-align:center; padding:5px 30px; background:none; margin:10px 0}
button.comprar:hover { color:#fff; background:#ff0000}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#video { margin:20px 0}
#video .hvideo { position:relative}
#video .hvideo button.comprar { position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size:16px; padding:10px 50px }

.recs { text-align:center; font-size:14px; font-weight:700}
.recs hr { margin:0 auto; width:98%}
.recs h1 { text-align:center; font-size:26px; font-weight:700}
.recs .new { color:#ff0000; display:block; margin:5px 0 }
.recs h3 { color:#727176; font-size:14px; margin:5px 0; font-weight:700}
.recs .price { color:#000; }
.recs a, .recs a:hover { text-decoration:none}
.recs .imag img { max-width:100%;}
.recs .imag { height:450px; overflow:hidden}

#owl-demo1 .owl-nav { top:45%; position:absolute; color:#fff; text-indent:-99999px; width:100%}
.owl-prev{ background:url(https://567422.claudeassets.com/20210101175503im_/https://www.lasoreiro.com/imagenes/back.png) no-repeat; background-size:100% auto; width:27px; height:27px; left:1%; top:55%; position:absolute; text-indent:-99999px}
.owl-next{ background:url(https://9e2ca5.claudeassets.com/20210101175503im_/https://www.lasoreiro.com/imagenes/next.png) no-repeat; background-size:100% auto; width:27px; height:27px; right:1%; top:55%; position:absolute; text-indent:-99999px}

footer { width:100%; text-align:left; margin:50px 0 0; background:#F7F7F7; padding:2% 0; font-size:12px}
footer .wrap { max-width:1300px}
footer h1 { text-align:center; font-size:14px; font-weight:700; color:#020400}
footer h1 a {color:#020400; display:inline-block; margin:0 5px; font-size:20px}
footer a:hover { color:#ff0000; text-decoration:none}
footer hr { background:#ccc; border:none; height:1px; margin:20px; clear:both}
footer h4 { font-size:12px; font-weight:700; color:#020400 }

footer a { display:block; color:#898889}
footer .pieleg { font-size:12px; color:#898889}
footer .sub a { margin-left:10px}

#newspop { background:url(https://aaa54b.claudeassets.com/20210101175503im_/https://www.lasoreiro.com/imagenes/heart.png) no-repeat top center; height:496px; text-align:center; color:#000; padding-top:130px; font-size:12px; font-weight:700}
#newspop img#logo { width:195px}
#newspop h3 { font-size:14px; font-weight:700; text-transform:uppercase}
.modal#news .modal-content { background:none; box-shadow:none; border:none}
.modal#news button.close { opacity:1; text-shadow:none; right:20%}
#newspop form { width:340px; margin:0 auto}
#newspop form td { padding:5px 0}
#newspop form input { background:#D8484A; border:1px solid #000}
#newspop form input.fecha { width:50px; text-align:center}
#newspop form button.shop { width:auto; font-size:16px; display:block; margin:10px auto; padding:0 40px}

#listop { margin-top:10px}
ul.bread { margin:10px 0 30px; padding:0 10px}
ul.bread li { display:inline-block; }
ul.bread li a { padding:0 10px; color:#808183; font-size:14px; font-weight:700; text-transform:uppercase}
ul.bread li a.active { color:#424243}
ul.bread li:after { content:"/"}
ul.bread li:last-child:after { content:none}

.titcat h3 { font-size:26px; font-weight:700; margin:0; }

button.filtrar { background:none; }
#listop .dropdown-menu { padding:10px}
#listop .dropdown-menu li { color:#424243; font-weight:700; margin:10px 0}
#listop .dropdown-menu li ul li { margin:0}
#listop .dropdown-menu li ul li a { color:#808183}
button.fil { background:#000; color:#fff; padding:2px 10px; margin:0 0 0 10px}
button.fil span { font-size:11px; display:inline-block; margin: 0 0 0 10px}

#list .item .prod img { width:auto !important; margin:0 auto !important; max-width:100%}


button.shop { background:#ff0000; width:170px; height:46px; line-height:46px; color:#fff; text-align:center; font-size:16px; font-weight:700; text-transform:uppercase; position:relative; z-index:9; vertical-align:top}
button.shop:hover { border:1px solid #ff0000; color:#ff0000; background:#fff}
.infoshop { border:1px solid #ff0000; color:#ff0000; padding:5px; display:inline-block; font-size:12px; font-weight:700}
button.seguir {border:1px solid #ff0000; color:#ff0000; padding:5px; display:inline-block; font-size:12px; font-weight:700; text-transform:uppercase; height:46px; background:#fff; padding:0 20px}

section#list .col-md-3.col-xs-12 { height:630px}

.colours span.new { color:#ff0000; display:block}
.colours h3 { font-size:14px; margin:5px; font-weight:700; }
.colours h3 a { color:#000}
.colours .price { display:block}
.colours { text-align:center; margin:5px 0; font-size:14px; font-weight:700; }
.colours button { display:inline-block;  margin:5px 0; background:none; border:none; padding-bottom:5px}
.colours button img { max-width:50px }
.colours button.active { border-bottom: 1px solid #000 }


#filterbox { width:22.7%; height:300px; float:left;  background:#ccc; display:none; position:sticky;
position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 15px;
}
#filterbox.active { display:block}

ul#list { width:100%}
ul#list li { width:22.7%; display:inline-block; vertical-align:top; margin:0 1% 65px}

ul#list.sm { width:75%; float:right}
ul#list.sm li { width:30.9%}

.tit1 { background:#000; color:#fff; text-align:center; text-transform:uppercase; margin:5px 0; padding:.5% 0}
.no-pad { padding:0 !important}
.no-mar { margin:0 !important}

.listado .col-lg-4 { padding:10px 1%}
.buscados .item { position:relative; cursor:pointer}
.buscados .item .prod { background:#CCC; position:relative}
.buscados .item:hover .prod img { opacity:0.6}
.buscados .item:hover .shopnow, .product .item:hover .shopnow { display:block !important; z-index:99999999}
.buscados .item .shopnow { position:absolute; top:20%; text-transform:uppercase; color:#fff; text-align:center; font-size:20px; width:100%; display:none; font-weight:700; }
 .buscados .item h4, .listado h4 { text-align:center; font-weight:700; text-transform:uppercase; font-size:14px; margin:5px 0 2px; letter-spacing:0.15em}
 .buscados .item h4:hover, .listado h4:hover { font-weight:900; letter-spacing:0.1em}
 .buscados .item h4, .listado h4 a { color:#000}
 .price { font-size:14px; text-align:center}
 .price .list, p.list { text-decoration:line-through}
 p.list span.descuento  { text-decoration: none !important; display:inline-block; margin-left:10px; color:#ff0000}
 .price .descuento  {color:#ff0000}
 .price span { display:inline-block; margin:0 10px}
 .price b { vertical-align:super; font-size:10px}
.cuc { background:#000; color:#fff; padding:5px 10px; display:inline-block; position:absolute; bottom:10%; left:0; font-size:1.2em; font-weight:700}



.novedades { padding:1.5% 0; border-top:1px solid #000; border-bottom:1px solid #000; margin:0}
.novedades h2 { font-size:16px; text-transform:uppercase; margin:5px 0 0; font-weight:900}
.novedades input { border:1px solid #000; padding:1% 2%; width:96%; vertical-align:middle}
.novedades input[type="submit"] { background:#000; color:#fff; border:none; text-align:center; text-transform:uppercase; font-size:16px; font-weight:900}



#banscab img { width:100%}

#menu ul { padding:1% 0 0}
#menu ul li { display:inline-block; border-right:1px solid #000; padding:0 2%; text-transform:uppercase; position:relative; cursor:pointer; height:30px; line-height:30px}
#menu ul li:last-child { border-right:none}
#menu ul li:first-child { padding-left:0}
#menu ul li i { margin-left:10px}
#menu ul li ul { display:none; background-color: rgba(255, 255, 255, 0.9); border:1px solid #000; padding:10%; position:absolute; top:30px; left:0; z-index:9999; width:200px}
#menu ul li:hover ul { display:block}
#menu ul li ul li { display:block; border-right:none; margin:10px 0; height:inherit}
#menu ul li ul li:first-child { padding-left:2%}
#menu ul li ul li a { color:#000; font-size:12px; display:block}





h3.nobrd { border:none}

#ficha .owl-thumbs.v2 .owl-thumb-item{ width:40%; margin:5% auto; max-width:100px; display:block; border:none !important}

#ficha { margin:40px 0}
#ficha .fichadesc { padding-left:8%}
#ficha .owl-carousel { width:100%}
#ficha .owl-thumbs { position:relative; width:100%; text-align:left}
#ficha .owl-thumb-item { width:15%}
#ficha .owl-thumb-item img { width:100%}
#ficha .owl-controls { display:none}
#ficha h3, #ficha h4, #ficha .price { text-transform:uppercase; font-size:24px; font-family: 'Quicksand', sans-serif; margin:5px 0; text-align:left }
#ficha h5 { font-size:14px; font-weight:700}


#selcolor { display:block}
#selcolor li { display:inline-block;}
#selcolor li img { width:90px; height:30px}
#selcolor input[type="radio"][id^="cb"] {display: none;}
#selcolor label {
  display: inline-block;
  position: relative;
  margin: 0px;
  cursor: pointer; padding:0 1px;
}
#selcolor :checked + label {border:1px solid #999;}

label.c2 {font-size:18px; display: inline-block; vertical-align:middle;  margin:30px auto; border:1px solid #000; width:100px}
label.c2 select{ border:none; display:block; width:100%; padding:2px 5px; font-weight:300 }
/*SELECT*/
select {
display: inline-block;
font:inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none; 
}
/* arrows */
select.minimal { 
   background: url("https://062177.claudeassets.com/20210101175503im_/https://www.lasoreiro.com/imagenes/arrsel.png") no-repeat #fff center right;
}

.radio-toolbar { margin:0;  display: inline-block; max-width: 300px; width: 70%;}
.radio-toolbar input[type="radio"] {display:none;}
#talle { position:relative}
#talle .radio-toolbar label { display:inline-block; background:#fff; border:none; padding:0 10px; cursor:pointer; font-size:20px; color:#333333;  text-align:center;  font-family: 'Quicksand', sans-serif; font-weight:normal; margin:0}

#talle .radio-toolbar input[type="radio"]:checked + label, .radio-toolbar label:hover {background-color:#666; color:#fff; }
.radio-toolbar label.col { background:none}
.radio-toolbar label.col img {opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
.radio-toolbar input[type="radio"]:checked + label.col {background-color:transparent}
.radio-toolbar input[type="radio"]:checked + label.col img, label.col img:hover {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }


#talles .modal-dialog { width:90%; max-width:900px}
#talles .modal-dialog img { width:100%}
.modal-dialog button.close { position:relative; z-index:999999; width:30px; height:30px; font-size:30px; border-radius:50%; border:1px solid #000; margin:10px}
.modal-dialog button.close span { display:block; margin-top:-3px}
.lnktalles { color:#000; text-decoration:none; font-size:12px; cursor:pointer; font-weight:700; position:absolute; right:0; top:-24px}
.lnktalles:hover { color:#3B3B3B}

.detalle { margin:40px 0; font-family: 'Quicksand', sans-serif; font-size:14px; color:#424243}

.share { margin:60px 0 0}
.share h2 { font-size:14px; font-weight:700; color:#424243}
.share a { color:#424243; font-size:20px; display:inline-block; margin-right:10px}
.share a:hover { color:#000}

.wide { width:100%}
#inst p { margin:20px 0; font-size:14px; font-weight:700; color:#87868A;   }
#inst h2, #cuenta h2 { font-size:17px; text-transform:uppercase; font-weight:700; margin:20px 5px; font-weight:900; letter-spacing:0.15em}

#inst.campaign .col-lg-6, #inst.campaign .col-md-6 { padding:1px}
#inst.campaign img.wide { cursor:pointer }
#inst.campaign .modal-dialog { width:80% !important}
#inst.campaign .modal-dialog .modal-body { padding:0}
#inst.campaign .modal-dialog button.close { position:absolute; right:10px; background:#fff; opacity:1}
#inst h4 { text-transform:uppercase; font-size:16px; font-weight:700}

ul.locales { margin-left:-5%; }
ul.locales li { display:inline-block; width:38%; margin:30px 5%; font-weight:700; vertical-align:top}
ul.locales li a { display:block; color:#87868A; text-decoration:none; font-weight:700}

.faqs .panel-group .panel { border:none; border-radius:0; box-shadow:none}
.faqs .panel-body { padding:0}
.faqs a { display:block; color:#87868A; font-weight:700; font-size:14px; margin:20px 0; text-transform:uppercase }

.envios table thead td { border-bottom:1px solid #ccc}
.envios table td { padding:5px 0}

#inst.terminos .col-md-1 { width:4%}
#inst.terminos p{ font-weight:normal}

.cuenta thead td{ font-size:14px; color:#424243; font-weight:400}
.cuenta td {position:relative; border-bottom:1px solid #828081; font-weight:700 }
.cuenta td.cantidad:after { content:"Cantidad"}
.cuenta img.prodth { width:120px}
.cuenta td h3 { font-size:14px; margin:10px}
.cuenta td .eliminar { color:#000}

#cuenta .sub { font-size:20px; font-weight:700; text-align:right; color:#424243; border-bottom:1px solid #828081; padding-bottom:10px; margin-bottom:20px}
#cuenta .sub span { margin-left:20px}
#cuenta .descuento { text-align:right; margin:20px 0; font-size:12px; font-weight:700}
#cuenta .descuento input {border:1px solid #828081; margin:0 10px}
.apply { background:none; color:#ff0000}

.pagar { text-align:right; margin:1% 0; clear:both}
.pagar a { color:#000; display:inline-block; margin-right:10px; text-decoration:underline}
.pagar a:hover { color:#000}

.table-responsive table { width:100%}

#contacto form { margin-bottom:20px}
#contacto label { display:block; margin:2% 0 5px; color:#424243 }
#contacto input[type="text"], #contacto input[type="password"] { border:1px solid #424243; width:100%;  height:35px; padding:0 1%; margin-bottom:20px}
#contacto textarea { border:1px solid #000; width:100%;   padding:0 1%}
#contacto a { color:#000; font-size:14px; margin:6px 0; text-decoration:underline; display:inline-block}
#contacto a i { font-size:30px; margin-right:10px; vertical-align:middle}
#contacto button { margin:10px 0; float:right}
#contacto h4 {  font-size:26px; border-bottom:1px solid #828081; padding-bottom:10px}

#contacto a.terms { display:inline-block}

#contacto.pago a { display:inline-block}
#contacto.pago label { font-weight:normal}
#contacto .fa { width:30px !important}

#inst { padding:0 20px}
#inst.lookbook .col-lg-4, #inst.lookbook col-md-4, #inst.lookbook col-xs-6 { padding:1px; margin:5px 0}
.detlook { border-left: 1px solid #000; padding:10px; min-height:80px}
#inst.lookbook a, #inst.lookbook a:hover { color:#000; display:block}

#inst.stores h3 { text-transform:uppercase; font-size:14px; font-weight:700}
#inst.stores a, #inst.stores a:hover { font-size:14px; color:#000; line-height:17px; margin:10px 0; display:block}
#inst.stores a span { text-transform:uppercase; display:block}
#inst.stores .modal h3 { text-transform:capitalize; font-weight:normal;}
#inst.stores .modal h3 span { font-weight:700; text-transform:uppercase}


ul.itemsh {}
ul.itemsh li {list-style:none; display: inline-block; position:relative; width:96%; vertical-align:top; margin-bottom:5px}
ul.itemsh img { width:100%}
ul.itemsh li span { position:absolute; top:0; left:0; z-index:999; display:none}
ul.itemsh li:hover span { display:block}
.col50.float-r ul.itemsh li { float:right}
button.shopnow {background:#1d1d1b; color:#fff; font-weight:normal; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; z-index:9999; display: inline-block; width:100px; height:20px; line-height:20px; text-align:center; text-transform:uppercase; font-family:'DINMittbek-Alternate'; cursor:pointer; font-size:14px}






.owl-thumbs { text-align:center}
.owl-thumb-item { cursor:pointer; margin:1% 0}



#lookbook { margin:1% auto}
#lookbook ul { width:100%; font-size:0}
#lookbook li { width:33.3%; display:inline-block; position:relative; overflow:hidden; vertical-align:top}
#lookbook li img { width:100%}
#lookbook li .capt { top:0%; bottom:0; left:0; right:0; padding:50% 0;  margin:auto; width:100%; font-family:'DIN-Light'; background-color: rgba(0, 0, 0, 0.7); display:none}
#lookbook li:hover .capt { display:block}
#lookbook li .capt h3 { font-size:12px; font-family:'DIN-Light'; margin:10px 0}
#lookbook li .capt a { color:#fff; font-size:12px; display:block}
#lookbook li .capt a:hover { font-weight:bold}
#lookbook li .capt a.shop {border:1px solid #898989; text-transform:uppercase; color:#fff; display:inline-block; padding:2px 10px; font-family:'DINMittbek-Alternate'; margin:5px auto; font-size:12px}
#lookbook li .capt a.shop:hover { font-weight:normal}



.details { text-align:center; background:#f7f5f5; padding:2% 0}
.details h5, .details span.color {font-weight:normal; font-size:13px; margin:0 0 3% 0}



.bots-a { text-align:center}
.bots-a a {border:1px solid #ccc; color:#000; font-family:'DINPro-Regular'; font-size:14px; padding:2px 5px; margin:5% 3%; display:inline-block  }

.desc {background:#f7f5f5; padding:3%; font-size:12px}
.desc h3 { margin:5px 0}


.bantrans { position:relative}
.bantrans img { width:100%}
.bantrans:hover img.trans { display:block}
img.trans { position:absolute; top:0; left:0; z-index:9}





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

.radio-toolbar label {
    display:block;
    background-color:#fff;
    padding:0 5px; border:1px solid #000; height:30px; line-height:30px; cursor:pointer; margin:5px 0; font-size:.9em; 
}

.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#000; color:#fff;
}

 a.masinfo { color:#000; display:block; font-size:.9em; margin:10px 0; text-decoration:underline; text-align:center} 
 #confirmacion { margin:80px auto; width:80%; border:3px solid #000; padding:80px 40px; color:#000; font-size:1em; text-align:center;}
 #confirmacion h1 { font-size:1.5em; margin:0 0 20px 0}
 
 #login.contacto textarea { width:95%; border:1px solid #000; height:100px; padding:5px;font-family: 'Montserrat', sans-serif; color:#000; font-size:.9em }
 #login.contacto a { color:#000;}
 

 
 

#mencuenta { margin:10px 0}
#mencuenta li { list-style:none; display:inline-block; margin:0 20px 0 0}
#mencuenta li a { color:#000; border:1px solid #999; padding:0 10px;}
#mencuenta li a.active { background:#999; color:#fff; border:none}

#pedidos { margin-bottom:40px}
#pedidos h1 { font-weight:normal; margin:20px 0; font-size:20px}
#pedidos table tr:first-child td { background:#333; color:#fff}
#pedidos table td{ font-family:"Open Sans",sans-serif; font-size:14px; padding: 5px; border-bottom:1px solid #333}
#pedidos table a { color:#000; text-decoration:underline}

#pedidos table tr.sub td, #pedidos table tr.envio td, #pedidos table tr.pago td { background:#ededed}

button.go { cursor:pointer}

nav#main-nav { display:none}
a.open-menu, a.close-menu  { display:none}


#login { background:#fff; padding:2%; width:96%; font-size:14px; color:#000}
.login { width:45%; background:#fff}
.login h1 { font-size:1em; text-decoration:underline; font-weight:normal; margin:20px 0}
.login input, .login textarea { height:30px; border:1px solid #666; padding:0 5px; line-height:30px; margin:5px 0; width:95%; font-size:.9em}
.login input.subm{ background:#000; color:#fff;  width:auto; display:inline-block; cursor:pointer; text-align:center; font-size:12px; line-height:100%; margin:20px 0 }
.login input.sexo { width:15px; height:15px; margin-right:10px}
.login input.terminos { width:15px; height:15px; margin-right:10px}
.login a.terminos { color:#000; display:inline-block; font-size:.8em; margin:10px 0; text-decoration:underline} 
.login td { vertical-align:top}

#contacto, #cuenta { max-width:1300px; width:95%; margin:40px auto}
#contacto h3 { font-weight:700}
#contacto h5 { font-weight:700; font-size:14px; color:#424243; letter-spacing:0; margin:20px 0 0}
#contacto hr { margin:10px 0; background:#828081}

#menlogin.resp, nav#resp { display:none}

#editoriales {  width:100%; margin:-20px auto 0}
.edit { vertical-align:top; margin:0}
.edit .lnks{  position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); margin:10px 0 0; min-height:30px}
.edit .lnks a { color:#424243; font-weight:700; font-size:14px; display:inline-block; text-align:center; padding:10px 0 0}
.edit .lnks a:after { content:" - "}
.edit .lnks a:last-child:after { content:none}
#editoriales .row, body#pageditoriales .row { margin-left:0}
#editoriales .col-md-8, body#pageditoriales .col-md-8{ width:65.9%}

#formapago { margin:40px 0}
#formapago table img { width:50px}
#formapago table td { vertical-align:top; padding:10px 10px 10px 0}
#formapago input { margin-right:10px}
#formapago input.cuotas { width:50px; border:1px solid #ccc; margin:0 10px }
#formapago h5 { margin:0 0 10px 0}

.compra-exito { width:96%; max-width:750px; margin:20px auto; background:#ff0000; color:#fff; font-size:20px; padding:5%; text-align:center}
.compra-exito p { font-size:20px; color:#fff}

#filter { padding:1% 0 0; margin:0 20px 20px}
#filter li { display:inline-block; border-right:1px solid #000; padding:0 2%; text-transform:uppercase; position:relative; cursor:pointer; height:30px; line-height:30px}
#filter li:last-child { border-right:none}
#filter li:first-child { padding-left:0}
#filter li i { margin-left:10px}
#filter li ul { display:none; background-color: rgba(255, 255, 255, 0.9); border:1px solid #000; padding:10%; position:absolute; top:30px; left:0; z-index:9999; width:200px}
#filter li:hover ul { display:block}
#filter li ul li { display:block; border-right:none; margin:10px 0; height:inherit}
#filter li ul li:first-child { padding-left:2%}
#filter li ul li a { color:#000; font-size:12px; display:block}

#filters { margin:10px 0 20px 20px}
#filters ul li { display:inline-block; text-transform:uppercase; position:relative; margin-right:5px}
#filters ul li a { background:#000; color:#fff; display:block; padding:4px 45px 4px 5px; font-weight:300; font-size:12px}
#filters ul li a:after { content:"X"; position:absolute; right:5px; top:2px; font-size:14px}
#filters ul li a:hover { text-decoration:none}

#campanias img { width:100%}

a.wap { display:block; position: fixed; bottom:3%; right:5%; font-size:12px; z-index:99999}
a.wap span { display:inline-block; border-radius:5px; background:#000; color:#fff; text-transform:uppercase; padding:5px 10px; margin-left:5px}



@media (max-width: 600px) {
.hidden-xs { display:none}
.hidden-md { display:block}
#menlogin.desk, nav#desk { display:none}
#menlogin.resp { display:block; }
#menlogin.resp ul { margin-top:-5px; padding:0}
nav#resp { background:#F7F7F7; margin:30px 0; display:block}
nav#resp ul li { margin:5px 0}
nav#resp ul li ul.subm { display:none; left:100px; top:-10px}
nav#resp ul li:hover ul.subm { display:block}
nav#resp ul li ul.subm li { display:block}

.menuresp { background:none; font-weight:700 !important}
#logo img { width:200px}
footer .col-xs-15, footer .col-sm-15, footer .col-md-15, footer .col-lg-15 { min-height:150px}
.titcat h3 { text-align:center; margin:20px 0}
.cuenta td.cantidad:after { content:"Cant."}
.cuenta img.prodth { width:80px}
.cuenta .eliminar {bottom: 20px; left: -50px; position: absolute;}
#editoriales .col-md-8, body#pageditoriales .col-md-8{ width:100%}

section#list .col-md-3.col-xs-12 { height:auto !important}
}


/*
     FILE ARCHIVED ON 12:00:35 Dec 04, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:01:20 Oct 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.067
  exclusion.robots: 0.09
  exclusion.robots.policy: 0.069
  esindex: 0.012
  cdx.remote: 6.948
  LoadShardBlock: 73.47 (3)
  PetaboxLoader3.datanode: 79.66 (4)
  PetaboxLoader3.resolve: 43.672 (2)
  load_resource: 359.922
*/