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


  @keyframes spinx {
    0% { transform: rotateZ(0deg);  }
    100% { transform: rotateZ(359deg); }
  }

  @keyframes carrito {
    0% { margin-left: -27px;  }
    80% { margin-left: 32px; opacity:0;  }
	81% { margin-left: -45px; opacity:0;  }
	100% { margin-left: -27px; opacity:1; }
  }  

html, body {height: 100%;} 
 
body {
    margin: 0;
    padding: 0;
	overflow-x:hidden;
    font-size:14px;
	font-family:"PT Sans";
/*	overflow-y:scroll;*/
	transition:all .3s ease-out;	
} 

::-webkit-input-placeholder { color:#BBBBBB; font-family:"Raleway"}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number]  { 
-moz-appearance: textfield;
}
textarea { resize: vertical; }
input { font-family:"Raleway"; outline: none; }

.spinx { width: 40px; height: 40px; border: 5px solid; border-radius: 100%; border-color: #03A9F4; border-top-color: rgba(3, 169, 244, 0.29); margin: auto; margin-top: 100px;
	animation: spinx 0.8s infinite linear; }
.spinx_tipo2 {margin-top: 13px; width:30px; height:30px;}
#verificar {position:absolute;background-color: rgba(250, 250, 250, 0.75); transition:0.2s; overflow: hidden; width:0; height:0; z-index: 1;}	


.circulo { width: 40px; height: 40px; border: 5px solid; border-radius: 100%; border-color: #8bc34a; margin: auto; margin-top: -55px; position:absolute; right:15px; background-color:#FFF; display:none; transition:0.4s ease; }
.circulo:hover { border-color: #7cb342; background-color: #8bc34a; cursor:pointer }
.circulo:hover .chekx { border-color:#FFFFFF; }
.chekx { width: 10px; height: 20px; border-right: 4px solid #8bc34a; border-bottom: 4px solid #8bc34a; transform: rotate(45deg); margin: auto; margin-top: 5px; transition:0.5s; opacity:1}
/*.equis { width: 10px; height: 20px; border-right: 4px solid #E91E63; transform: rotate(45deg); margin-top: 7px; transition:0.5s; opacity:0; display:none; margin-left: 10px;}
.equis:after { content: ''; position: absolute; width: 20px; height: 20px; top: 8px; left: 2px; border-top: 4px solid #E91E63;}*/

 
  #barra_tel { background: linear-gradient(to right,#0000 30%,#455a64a1); color: white; font-family: "News Cycle"; text-align: right; position: absolute; width: 100%; left: 0;  top: 0; padding: 2px 20px;  z-index: 31; box-sizing: border-box;}
  #barra_up { background-color:#1565c0; padding:10px; position:fixed; width:100%; top:0; z-index:30}
  #barra_logo {padding-left:30px;}
  #barra_menu {color:white;position: absolute; right: 0; top: 60px; font-family:"Raleway"; transition:0.5s; margin-right:50px; width: 100%; text-align: right;}
  #barra_pie { height:3px; background-color:#373e42; width: 100%; position: absolute; left: 0; bottom: 0;}
  .op_menu {display:inline-block; padding:2px 16px 2px 16px; font-size:13px; transition:0.3s ease-out; border-radius: 4px;     border: 1px solid transparent; }
  .op_cart { display: inline-block; padding: 5px 10px 5px 40px; font-size: 14px; font-family: 'Montserrat'; color: #ffeb3b; border-left: 1px solid #ffffff4d; border-radius: 0px 4px 4px 0px;}
/*  .op_cart:before { content: " "; width: 89px; height: 29px; background-color: transparent;  position: absolute;  z-index: -1; margin-left: -36px; margin-top: -5px; border-radius: 4px; transition:0.3s ease}*/
  .op_cart:hover { cursor: pointer; background-color: #1a83d6; }
  .op_cart:hover:before { background-color: #1a83d6; }
  .op_cart:hover .op_cart_ico { animation: carrito 0.4s linear; /*transform: rotate(15deg) translateY(2px);*/ }
    
  .op_cart_ico {font-size: 20px !important; padding-right: 6px;  color: #e3f2fd; transition:0.3s ease; position: absolute; margin-left: -27px; margin-top: -1px;}
  .op_menu:hover { color:#ffee58; cursor:pointer; border: 1px solid #2196f3; box-shadow: 1px 1px 6px #00000030; }
  #zbuscar { width: 100%; border: 1px solid #d0d0d0;  border-radius: 3px;  height: 100%;  text-indent: 5px;  box-sizing: border-box;  padding: 4px; }
  #dbuscar { width:20%; height:30px; display:inline-block; }
  #sfind-1 { color: #2196F3; position: absolute; margin-left: -20px; top: 8px; }
  #sfind-1:hover { cursor:pointer; }
  
  #fondo_up { background-color:#212121; width:100%; height:90px;}
  #cuerpo_eventos {margin-top:0px; /*position:relative; z-index:-1*/}
  #cuerpo_not {margin-top:80px; }
  #ini_pub00 { min-height:240px; background-color: #ECEFF1; padding: 20px;}
  #ini_pub01 { display:flex; justify-content: center; margin-top: 30px; margin-bottom: 50px; justify-items: center;}
  h1 {font-family:"Montserrat"; font-size:30px; text-align:center; color: #49719e; transition:0.3s}
  h2 {font-family:"Montserrat"; font-size:30px; text-align:left; color: rgba(255,255,255,0.7); transition:0.3s; position:absolute; top:130px; left:10%}
  .ini_space1 {width:12px;}
  .ini_box1 {width:300px; padding:10px; text-align:justify; font-family: "Open Sans"; line-height: 23px; color: #616161; box-shadow: 0 0 0 transparent; transition:0.3s ease; position:relative; padding-bottom:40px; }
  .ini_box1:hover {box-shadow: 0 1px 15px #cacaca; cursor:pointer}
  .ini_box1:hover h1 {color:#2196F3}
  .ini_box2 { padding:0px 10px}
  .ini_a1 {text-decoration:none; color:#069; position:absolute; bottom:5px;left: 20px; font-size: 12px; font-family:"Tahoma"}
  
  #pie {height:300px; background-color:#333333; font-family: "News Cycle"; font-size: 13px; padding-left:10%; padding-top:30px; color:#FFFFFF; position:relative}
  #pie2 { position: absolute; bottom: 0; height: 35px; background-color: #1b1e1f; color: #CCC; width: 100%; left: 0; text-align: center; padding-top: 10px; font-size:12px}
  .pie_0 {font-family:"Montserrat";}
  .pie_1 {color:#FFFFFF; }
  .pie_2 {width:20px;}
  .logotipo { width:280px;transition:0.5s;}
  .logobox { display: inline-block; position:relative; }
  .logobox2 { width: 100%; height: 100%; position: absolute; z-index:10; }
  .logobox2:hover { cursor:pointer; }
  #not_zonas {display:flex; font-family: "News Cycle"; font-weight: bold; justify-content: center;  justify-items: center; flex-wrap:wrap;}
  .not_space {width:10px;}
  .not_zona {width:100px; text-align:center; padding:3px 4px 4px 4px; box-sizing:border-box; border:1px solid transparent; border-radius:3px; transition:0.3s ease; color: #455A64;font-family: "Open Sans";}
  .not_zona:hover { border-color: #B0BEC5; cursor: pointer; background-color: rgba(0, 0, 0, 0.10);}

  #adm_titulo {color:white;position: absolute; right: 0; padding-right: 10%; top: 60px; font-family:"News Cycle"; transition:0.5s; font-size:18px}


#cuerpo_box { width:1px; height:46px; }
#panel { max-width:1060px; width:100%; margin:auto; margin-top:40px; font-family: "Raleway"; }
#panel_l { width:250px; display: table-cell;padding: 0px 15px; box-sizing: border-box; font-size: 14px; vertical-align: top; transition:0.4s ease}
#panel_scr { width:220px; background-color: #fafafa; padding-bottom: 10px; }
.panel_fix { position: fixed; top: 107px; }
#panel_r { display: table-cell;}

.libro { height: 215px; display:flex; }
.libro_img { display:table-cell; min-width:125px; }
.libro_img:hover .libro_img_src { cursor:pointer; outline: 2px solid #2196f3; }
.libro_img:hover + .libro_data .libro_s1  { color: #9c27b0; }
.libro:hover .libro_precio {background-color: #eceff1; }
.libro:hover .libro_lin_vt { background-color: #03a9f452; }

.libro_img_src { width:125px; transition:0.3s ease; outline: 2px solid #ffffff00;outline-offset: 3px; outline-style: solid; }
/*.libro_img_src:before { content: ' '; display: block; position: absolute; height: 198px; width: 125px; background-image: url(imgs/default.jpg);}*/


.libro_data  { display:table-cell; width:100%; padding:5px 15px 0px 15px }
.libro_precio  { display:table-cell; min-width: 150px; padding:5px 0px 0px 10px; transition:0.3s ease; }
.libro_precio_2  { display:table-cell; min-width: 150px; padding:5px 0px 0px 10px; transition:0.3s ease; }
.libro_precio_movil  { display:none; min-width: 150px; padding:5px 0px 0px 10px; transition:0.3s ease; width: 100%; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; text-align: center; }
.libro_s1 { display:block; font-weight:bold; font-size: 14px; }
.libro_s1:hover { cursor:pointer;color: #9c27b0; }

.buscar_sinreg {  width: 248px; text-align: center; margin: auto; margin-top: 70px; border: 1px solid #b0bec5;  border-radius: 4px; padding: 20px; font-family: 'Montserrat'; color: #9c27b0;}

.cart-sep-01 { height: 1px; margin: 12px 5%; background-color: #e4e4e4;}
.cart-dato-00 { color:#9c27b0; }
.cart-dato-03 { font-size: 13px; margin-top:5px}
.cart-dato-04 { font-size: 13px; margin-top:7px}
.cart-dato-05 { font-size: 13px; margin-top:5px}

.libro_s2 { display:inline-block; font-size: 14px; color:#0066CC; margin-top: 5px; text-indent: 10px; font-size: 12px; font-weight: bold;  width: fit-content; padding: 3px 10px 3px 0px; border-radius: 4px; transition:0.3s ease; border:1px solid transparent; }
.libro_s2:hover { color: #9c27b0; cursor: pointer; border: 1px solid #9c27b045;}
.libro_s2_sep { color: #b0bec5; }


.libro_s3 {	display:block; font-size: 12px; color: #666; text-align: justify; line-height: 20px; margin-top: 5px; height: 140px; overflow:hidden; }
.libro_s3_2 {	display:block; font-size: 12px; color: #666; text-align: justify; line-height: 20px; margin-top: 5px; height: 140px; overflow:hidden; }
.libro_s4 { font-family: 'Montserrat'; font-size: 18px; padding-right: 2px; color: #1e88e5; }
.libro_s5 { font-size: 23px; font-weight: bold; color: #1565c0; }
.libro_s6 { font-size: 16px; font-weight: normal; color: #1565c0; vertical-align: super; }
.libro_s7 { font-size: 12px; color: #9c27b0;}
.libro_s8 { font-size: 12px; border: 1px solid; width: 63px; text-align: center; border-radius: 3px; color: #ffffff; background-color: #4caf50; margin-top: 10px; padding:4px; }
.libro_s8_2 { font-size: 12px; border: 1px solid; width: 63px; text-align: center; border-radius: 3px; color: #ffffff; background-color: #4caf50; margin-top: 10px; padding:4px; }
.libro_s9 { font-size: 12px; border: 1px solid; width: 81px; text-align: center; border-radius: 3px; color: #bdbdbd; margin-top: 10px; padding:4px; }
.libro_s10 {  display:block; font-weight:bold; font-size: 14px; text-indent: 8px; color: #9e9e9e; }

.libro_lin_hz { background-color:rgb(158 158 158 / 28%); height:1px; width:100%; margin-bottom: 20px;}
.libro_lin_vt  { display:table-cell; min-width: 1px; background-color:rgb(158 158 158 / 28%); }
.libro_comprar { display: block; width: 102px; height: 33px; border-radius: 3px;  background-color: #2196f3; color: #FFF;  border: 0; transition: 0.3s; margin-top: 10px;}
.libro_comprar:hover { background-color: #286090; cursor: pointer; }
.libro_comprar_2 { display: block; width: 102px; height: 33px; border-radius: 3px;  background-color: #2196f3; color: #FFF;  border: 0; transition: 0.3s; margin-top: 10px;}
.libro_comprar_2:hover { background-color: #286090; cursor: pointer; }

.libro_cotizar { display: block; width: 102px; height: 33px; border-radius: 3px;  background-color: #98a0c3; color: #FFF;  border: 0; transition: 0.3s; margin-top: 10px;}
.libro_cotizar:hover { background-color: #5362a5; cursor: pointer; }



.panel_grp {background-color: #cfd8dc8f; padding: 5px; box-sizing: border-box; margin-bottom: 5px; border-bottom: 1px solid #78909c;}
.panel_sep { height:10px; }
.panel_grp_lin {padding: 3px 5px; }
.panel_grp_tit { color: #7b1fa2; /*font-weight: bold;*/ font-family: 'Open Sans'; font-size: 12px; max-width: 180px; display: inline-block; word-break: break-all; height: 16px; overflow: hidden; vertical-align: top; }
.panel_grp_tit:hover { color: #2196f3; cursor: pointer; text-decoration: underline; }
.panel_grp_cant { text-indent: 6px; display: inline-block; color: #607d8b; font-family: 'Open Sans'; font-size: 12px; }

.libro_tit_dispo { margin-top: 30px; color: #388e3c; margin-left: 5px; margin-bottom: 4px;}
.libro_disponibilidad { display: flex; flex-flow: wrap; }
.libro_sin_stock { border:1px solid; padding: 4px 10px; border-radius: 4px; margin: 7px 5px; color: #b0bec5;}
.libro_con_stock { border:1px solid; padding: 4px 10px; border-radius: 4px; margin: 7px 5px; color: #388e3c; background-color: #f1f8e9;}
.libro_temas { font-size: 12px; font-family: 'Raleway'; line-height: 23px; padding-left: 5px; margin-top:20px; color: #1081da; width: fit-content;}
.libro_tema_name { padding: 2px 8px 0px 5px; border: 1px solid transparent; border-radius: 4px; transition:0.3s ease; margin-bottom:3px; color:#1081da; }
.libro_tema_name:hover { color: #9c27b0; cursor:pointer; border: 1px solid #9c27b045;}
.libro_tema_name:hover .libro_tema_cod { color: #ff9800; text-decoration:underline; }
.libro_tema_cod {color: #9c27b0; }

.libroZ_img { display:table-cell; min-width:220px; }
.libroZ_s1 { display:block; font-weight:bold; font-size: 14px; }
.libroZ { display:flex; }
.libroZ_img_src { width:220px; transition:0.3s ease; outline: 2px solid #ffffff00;outline-offset: 3px; outline-style: auto; }
#panelZ_r { display: table-cell; padding: 0px 5px; }
#box_paginas { display:flex; justify-content: center;}
.pagina_actual { border:1px solid #9e9e9e; border-radius:3px; padding:2px 5px; text-align:center; width:20px; height:20px; margin-left: 2px; margin-right: 2px; color: white; font-family: 'Montserrat'; background-color: #4caf50;}
.pagina_disp { border:1px solid #9c27b0; border-radius:3px; color:#999999;  padding:2px 5px; text-align:center; width:20px; height:20px; margin-left: 2px; margin-right: 2px; color: #9c27b0; font-family: 'Montserrat'; transition:0.4s ease-out}
.pagina_disp:hover { cursor:pointer; color: white; background-color: #9c27b0;}
.pagina_sep { font-family: 'Montserrat'; color: #9e9e9e; letter-spacing: 2px; text-align: center;  padding-left: 3px;}

.precio_prev {  font-size: 17px; color: #78909c; text-decoration: line-through; }
.pxdesc { color: #e91e63; }
.precio_ahorro { margin-top: 5px; font-family: 'Montserrat'; font-size: 12px; color: #607d8b; }

#t_cuenta { max-width:960px; width:100%; margin: auto;  margin-top: 20px;}
#t_cuenta_tpx { display: flex; justify-content: space-between; }
#t_cuenta_opc { display: flex; margin-top: 20px; justify-content: space-evenly; height:80px}
.t_cuenta_box { width: 140px; border: 1px solid #ccc; padding: 17px 10px; box-sizing: border-box; border-radius: 3px; box-shadow: 4px 4px 6px 0px rgb(0 0 0 / 12%); transition:0.3s ease;     height: 54px;}
.t_cuenta_img { border: 1px solid #9e9e9e; position: absolute; border-radius: 99px; padding: 2px; background-color: #eceff1; margin-left: -41px; margin-top: -18px;}
.t_cuenta_spn { float:right;font-family: 'Raleway'; }
#t_logout { padding: 2px 16px 2px 16px; font-size: 13px; transition: 0.3s ease-out; border-radius: 4px;  border: 1px solid transparent; width: fit-content; color: #2196f3;}
#t_logout:hover {  color: #2196f3; cursor: pointer; border: 1px solid #2196f3;  box-shadow: 1px 1px 6px #00000030;}

#t_cuenta_box1:hover { background-color: rgb(19 104 183 / 85%); color: white; cursor:pointer;     height: 70px;}
#t_cuenta_box2:hover { background-color: rgb(113 187 115 / 85%); color: white;cursor:pointer;    height: 70px; }
#t_cuenta_box3:hover { background-color: rgb(113 85 183 / 85%); color: white;cursor:pointer;     height: 70px;}
#t_cuenta_box4:hover { background-color: #f06292; color: white;cursor:pointer;     height: 70px;}



.t_cuenta_img2 { border: 1px solid #9e9e9e; position: absolute; border-radius: 99px; padding: 2px; background-color: #eceff1; margin-left: -41px; margin-top: -26px; }
.t_cuenta_box2 { width: 540px; border: 1px solid #ccc; padding: 13px 10px; box-sizing: border-box; border-radius: 0px 10px; box-shadow: 4px 4px 6px 0px rgb(0 0 0 / 12%); transition: 0.3s ease; height: 43px; }
.t_orden_box { width: 95%; max-width: 800px; border: 1px solid #cfd8dc; border-radius: 4px; padding: 10px; margin:auto; margin-bottom: 50px; position:relative; }





.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); font-family: 'Raleway'; font-size: 12px;}
.modal-content { background-color: #fefefe; margin: auto; margin-top:280px; border: 1px solid #888; width: 80%; max-width:500px; border-radius: 7px;}
.modal .mx0  { float: right; width: 30px; height: 30px; text-align: center; font-size: 26px;}
.modal .mx0:hover { color:rgba(255, 255, 255, 0.4); cursor:pointer}
.modal .mx1 { height: 30px; background-color: #689F38; font-size: 22px; font-family: 'Raleway'; padding: 4px 20px; color: white; transition:0.3s; border-radius: 5px 5px 0px 0px;}
.modal .mx2 { height: 80px; padding: 20px; overflow:hidden; transition:0.3s}
.modal .mx3 { height: 0px; background: #689F38; border-radius: 0px 0px 5px 5px; }
.modal .mx7 { height: 30px; background-color:#903; font-size: 22px; font-family: 'Raleway'; padding: 4px 20px; color: white; border-radius: 6px 6px 0px 0px;}
.modal .mx8 { height: 10px; /*background: #903;*/ border-radius: 0px 0px 6px 6px;}
#titpop { display: inline-block; margin-top: 4px; font-size: 17px;}
#modal-caja { display: flex;}
#modal-img { margin-top: 10px; margin-bottom: 10px; width: 80px; margin-left: 20px; }
#modal-titulo {  display: block; margin-top: 10px; margin-left: 10px; font-family: 'Montserrat';}
#modal-autor {  display: block; margin-top: 3px; margin-left: 10px; font-family: 'Raleway';}

#modal-caja2 { display:flex; justify-content:center; padding: 15px 0px; align-items: center; background-color: #eceff1; border-radius: 0px 0px 7px 7px; position:relative; }
.modal-sp1 { width:55px; text-align:center;color: #757575; }
.modal-sp2 { width:55px; margin-right:12px; }
.modal-sp3 { width:55px; text-align:center; color: #2196f3;}
.modal-sp3:hover {color: #9c27b0; text-decoration:underline; cursor:pointer; }
.modal-sp4 { width:115px; text-align:center; color: #2196f3; }
.modal-sp4:hover {color: #9c27b0; text-decoration:underline; cursor:pointer; }
.modal-sep { height: 14px; border-left: 1px solid #03a9f44f; margin-left: 10px; margin-right: 10px;}
.modal-sp2 select { width: 100%; height: 27px; font-family: 'Montserrat'; text-align: center; text-align-last: center; border-radius: 4px; }
.modal-sp2 option { text-align:center; }

.modal-error { background-color: #fefefe; margin: auto; margin-top: 280px; border: 1px solid #888; width: 80%; max-width: 500px; border-radius: 7px;}
.cxc_error { min-height: 100px; padding: 30px 20px; box-sizing: border-box; font-size: 14px; }
#msjtit { font-size: 17px;}


  #t_cuenta_tpx2 { font-weight: bold; font-family: 'Open Sans'; font-size: 18px; color: #546e7a; }
  #t_cuenta_tpx { font-weight: bold; font-family: 'Open Sans'; font-size: 18px; color: #546e7a; }
  #t_cuenta_dpx { font-weight: bold; font-family: 'Open Sans'; font-size: 18px; color: #546e7a; margin-top:30px; transition:0.3s ease; }
  .cart-edo-1, .cart-edo-2 { transition:0.3s ease; }
  .cart-row { width:100%; transition:0.2s ease-in; outline: 1px solid transparent; }
  .cart-row:hover { background-color: #eceff161; outline: 1px solid #2196f32b;}
  .cart-row-sep { width:100%; height:10px }
  .cart-cell-01 { min-width:100px; padding:8px 0px 5px 5px; vertical-align:top; }  
  .cart-cell-01:hover img { cursor: pointer; outline: 2px solid #2196f3;}
  .cart-cell-02 { width:100%; vertical-align: top; padding:5px 0px;}
  .cart-cell-03 { min-width:80px; vertical-align: top; text-align: right; padding:5px 5px 5px 0px }
  .cart-cell-04 { font-weight: bold; text-align: right;  color: #e3f2fd;}
  .cart-cell-sep { background-color: #cfd8dc; color: #FFF; }
  .cart-line { height:1px; }
  .cart-img { width:80px; outline: 2px solid #ffffff00; transition: 0.3s ease; outline-offset: 2px; }
  .cart-table { margin-top: 20px; justify-content: space-evenly; height: 80px; border-spacing: 0px 15px;}
  .cart_table2 { margin-top: 0px; }
  #cart-main { max-width: 800px; width: 100%;  margin: auto; margin-top: 20px; }
  .cart-opciones { display: flex; font-family: 'Raleway'; font-size: 12px; align-items: center; margin-top:10px}
  .cart-select { background-color: #eceff1;}
  
  .cart-dato-01 { font-weight: bold; color: #1976d2; transition: 0.3s ease;}
  .cart-dato-01:hover { color: #ff9800;; cursor:pointer; }
  .cart-dato-02 { font-weight: bold; color: #9c27b0;}
  .cart-dato-02:hover { color: #ff9800;; cursor:pointer; }
  .cart-dato-06 { font-family: 'Montserrat'; color: #455a64;}
  .cart-dato-07 { font-weight: bold; color: #1976d2; font-size: 12px;}
  #cart-pagar {  border: 1px solid rgb(0 0 0 / 20%); padding: 3px 20px; border-radius: 4px; background-color: #ff9800; color: white; font-family: 'Montserrat'; font-size: 14px; box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); transition:0.2s ease-in }
  #cart-pagar:hover { background-color:#2196f3; cursor:pointer /*#e91e63*/}
  .tr_subtotal {  background-color: #1565c0;}
  #total-carrito2 { color: #FFF; }
  
  .cart-dato-08 { font-size:13px; }
  .cart-dato-09 { font-size:13px; }
  .box_cart_empty { position: absolute; margin-top: 40px; left: 50%; transform: translate(-50%, 0px); text-align: center; border: 1px solid #cfd8dc; max-width: 800px; width: 94%; border-radius: 4px; padding: 5px; box-sizing: border-box; 
  					background-color: #eceff152;}
  .box_cart_img { width:160px; }
  

.menubar { position: fixed; width: 240px; height: 100%; background-color: #194b84; border-right: 1px solid rgba(225, 245, 254, 0.36); transition: all .4s ease-out; left: 0px; left:-241px; padding-top:24px; will-change: transform; z-index: 1000;}
.mobile-tm { display:none; position:fixed; left:10px; top:12px;height: 22px; width: 32px;  padding: 10px 0 0; border: 0px solid #fff; border-radius: 100%; -moz-border-radius: 100%; font-size: 120px; font-size: 12rem; transition: border-color .2s ease-in-out; z-index: 40;  box-shadow: 0 0 0 2px rgb(255 255 255 / 60%), 0 0 0 2px rgb(255 255 255 / 60%); transition:all .4s ease-out;}
.mobile-tm::after,.mobile-tm::before {box-sizing: border-box}
.bar1, .bar2, .bar3 { display: block; width: 16px; height: 2px; margin: 0 auto 3px; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; transition: all .2s ease-in-out;}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-3px, 3px);  transform: rotate(-45deg) translate(-3px, 3px);}
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px);}
/*.change-m1 {left:0}*/
.change-m2 { transform: translate(240px);}
/*.change-m3 {left:250px}*/
.menubar_op1 { text-decoration:none; color:#FFF; font-size:20px; padding:10px 35px; display:block; font-family: "Open Sans"; }
.menubar_op1:hover { background-color: rgba(0, 0, 0, 0.26); border-right: 3px solid rgba(255, 255, 255, 0.58);}
.menubar_bx {border-bottom: 1px solid rgba(255, 255, 255, 0.32); width: 80%; margin: auto; margin-top: 20px;}
.menubar_ax {border-bottom: 1px solid rgba(255, 255, 255, 0.32); width: 80%; margin: auto; margin-bottom: 20px;}
  
  
  .op_menu_txts { display:inline-block; }
  
  
  #rdicc { position: absolute; background: white; width: 200px; margin-top: 2px; border-radius: 3px; z-index: 1; box-shadow: 3px 3px 9px 0px rgb(0 0 0 / 59%); color: #607d8b; font-size: 13px; padding: 10px 0px; line-height: 22px; text-align: left; display:none; }
  .rdicc_line { padding:0px 10px; font-weight: bold; transition:0.2s ease; }
  .rdicc_line:hover { background-color:#cfd8dcd6; color:#1565c0; padding-left: 15px; cursor:pointer; }
  .rdicc_sel { background-color:#cfd8dcd6; color:#1565c0; padding-left: 15px; }
  .rdicc_sep { background: #b0bec5; height: 1px; margin: 10px;}
  
  .filtro-bar { border-bottom: 1px solid #e4e4e4; position: fixed; top: 104px; width: 100%; background-color: #ffffffcc; display:none; transition:0.3s ease; z-index: 3;} 
  #filtro-flecha { display: flex; justify-content: center; text-align: center; width: 66px; padding: 8px 12px 8px 12px; border-right: 1px solid #e4e4e4; position: relative; color: #2196f3; background: #f7f7f7;}
  #filtro-flecha:hover { cursor:pointer; border-bottom: 1px solid; color: #9c27b0;}
  .flecha { display: block; transform: rotate(0); transition: 0.3s ease-in-out; height: 10px; width: 10px;  margin-top: 5px;  margin-left: 6px;}
  .flecha::before { content: ''; position: absolute; width: 5px; height: 2px;top: 55%; right: 50%; margin-right: -1px; margin-top: -1px; background-color: #2196f3; transform-origin: 4px 1px; transform: rotate(45deg);}
  .flecha::after {content: ''; position: absolute; width: 5px; height: 2px; top: 55%; left: 50%; margin-left: -1px; margin-top: -1px; background-color: #2196f3; transform-origin: 1px 1px; transform: rotate(-45deg);}
  .flecha-panel { left:0; }
  .flecha-rot { transform:rotate(270deg); }
  
  #home_s0 { display:flex; flex-wrap: wrap; }
  #home_s1 { width: 50%; margin: auto;  display: flex; margin-top: 40px; position: relative; justify-content: space-around;  border: 1px solid #9e9e9e78; border-radius: 4px; padding: 40px 20px 10px 20px; max-width: 550px; box-shadow: 0px 0px 7px #00000026;
  min-height: 240px;}
  #home_s1::after { content: "Visto Recientemente"; font-family: 'Montserrat'; width: 100%; height: 20px; background-color: #2196f3; position: absolute; top: 0; left: 0; border-radius: 4px 4px 0px 0px; text-indent: 10px; padding: 3px 0px; color: #FFF;}
  .home_s1_t2 { color: #607d8b; display: block; font-size: 12px; font-family: 'PT Sans'; font-weight: bold; padding: 0 10px; }

  #home_s2 { width: 50%; margin: auto;  display: flex; margin-top: 40px; position: relative; justify-content: space-around;  border: 1px solid #9e9e9e78; border-radius: 4px; padding: 40px 20px 10px 20px; max-width: 550px; box-shadow: 0px 0px 7px #00000026;
  min-height: 240px;}
  #home_s2::after { content: "Novedades"; font-family: 'Montserrat'; width: 100%; height: 20px; background-color: #80328e; position: absolute; top: 0; left: 0; border-radius: 4px 4px 0px 0px; text-indent: 10px; padding: 3px 0px; color: #FFF;}
  .home_s2_t2 { color: #607d8b; display: block; font-size: 12px; font-family: 'PT Sans'; font-weight: bold; padding: 0 10px; }


  #home_s3 { width: 50%; margin: auto;  display: flex; margin-top: 40px; position: relative; justify-content: space-around;  border: 1px solid #9e9e9e78; border-radius: 4px; padding: 40px 20px 10px 20px; max-width: 550px; box-shadow: 0px 0px 7px #00000026;
  min-height: 240px;}
  #home_s3::after { content: "Recomendado"; font-family: 'Montserrat'; width: 100%; height: 20px; background-color: #607d8b; position: absolute; top: 0; left: 0; border-radius: 4px 4px 0px 0px; text-indent: 10px; padding: 3px 0px; color: #FFF;}
  .home_s3_t2 { color: #607d8b; display: block; font-size:12px; font-family: 'PT Sans'; font-weight: bold; padding: 0 10px; }

  #home_s4 { width: 50%; margin: auto;  display: flex; margin-top: 40px; position: relative; justify-content: space-around;  border: 1px solid #9e9e9e78; border-radius: 4px; padding: 40px 20px 10px 20px; max-width: 550px; box-shadow: 0px 0px 7px #00000026;
  min-height: 240px;}
  #home_s4::after { content: "Más Vendidos"; font-family: 'Montserrat'; width: 100%; height: 20px; background-color: #009688; position: absolute; top: 0; left: 0; border-radius: 4px 4px 0px 0px; text-indent: 10px; padding: 3px 0px; color: #FFF;}
  .home_s4_t2 { color: #607d8b; display: block; font-size: 12px; font-family: 'PT Sans'; font-weight: bold; padding: 0 10px;}
  .home_center { text-align:center; flex-basis: 30%; }
  
  .home_tz { position:absolute; }
   #anuncios { overflow: hidden; width: 100%; white-space: nowrap; height:450px; margin-top:46px; }


/*----------- SUCURSALES -----------*/
 .suc_main { display: flex; width: 100%; background: url(imgs/suc_fondo_01.jpg) center no-repeat; background-size: cover; justify-content: center; background-blend-mode:color-dodge; background-color: #001e35; padding-top: 50px; min-height: 252px;
 			 transition:0.3s ease; }
 .suc_sucs { background-color: rgb(255 255 255 / 75%); color: #000000; height: 151px;  border-radius: 5px; min-width: 240px; width:280px; padding: 10px; box-sizing: border-box; font-family: 'Open Sans'; margin:20px; position:relative; 
  			 border: 2px solid transparent; transition:0.3s ease}
 .suc_sucs:hover { box-shadow: 0 0 10px #000; border: 2px solid #2196f3; cursor:pointer}
 .suc_sucs:hover .suc_ico { animation: globito 0.4s linear; /*transform: rotate(15deg) translateY(2px);*/ }
 .suc_sucs:hover .suc_name { background-color: #2196f3; }
 .suc_name { background-color: #673ab7; font-family: 'Montserrat'; font-size: 20px; text-align: center; border-radius: 3px; margin-bottom: 10px; padding: 5px; color: white; text-shadow: 1px 1px 8px #0000004f; transition:0.3s ease;}
 .suc_calle { font-weight:bold; color: #37474f;}
 .suc_ico  { position: absolute; color: #ffffff63; font-size: 30px !important; margin-left: 9px; margin-top: 2px;}
 .suc_btn_map { font-size: 13px; font-family: 'Raleway'; background-color: #1565c0; width: 93px; text-align: center; padding: 2px; border-radius: 3px; color: white; margin-top: 10px;}
 .suc_fmap { width:97%; max-width: 600px; border: 1px solid; margin:auto; box-shadow: 0 0 8px 0px #0000006e; display:none; position: absolute; margin-top: 290px; border-radius: 5px;}
 .suc_blk { height: 254px;}
 .suc_titname { background-color: #1565c0; color: white; font-family: 'Montserrat'; padding: 3px; text-indent: 11px; border-radius: 3px 3px 0px 0px;}


/*----------- CONTACTO -----------*/

  #contacto { display:flex; width:100%; max-width:800px; margin:auto; margin-top:30px; padding: 8px; box-sizing:border-box; }
  #contacto_1 { width:40%; }
  #contacto_2 { width: 1px; background-color: #607d8b40;  margin-left: 5px; margin-right: 30px;}
  #contacto_3 { width:60%; position: relative; overflow: hidden; }
  #contacto_email a { font-size:13px; color:#2196f3; text-decoration:none; }
  #contacto_email a:hover { color: #9c27b0; }
  .contacto_txt1 {  font-family: 'Open Sans';  position:relative;font-size:13px; text-align: justify; padding-right: 10px;}
  .contacto_info {  font-family: 'Open Sans';  margin-top: 15px; position:relative; padding-left: 22px;color: #607d8b; font-size:13px;}
  .contacto_f { position:absolute; left:0; font-size: 18px !important; margin-top: 1px; color: #2196f3;}
  .contacto_ub { font-size: 22px !important; left: 2px;}
  #contacto_table { width:100%; }
  #contacto_table input, textarea { width: 100%; font-family: "PT Sans"; border: 1px solid #d0d0d0; border-radius: 3px; height: 100%; text-indent: 5px; box-sizing: border-box;  padding: 4px;  margin-bottom: 20px;  margin-top: 5px;}
  #contacto_table textarea { height:150px; resize: none; }
  #contacto-enviar {  border: 1px solid rgb(0 0 0 / 20%); padding: 3px 3px; border-radius: 4px; background-color: #ff9800; color: white; font-family: 'Montserrat'; font-size: 12px; box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); transition:0.2s ease-in;
  width: 97px; text-align: center; margin-right: 3.5%; margin-top: 20px;}
  #contacto-enviar:hover { background-color: #2196f3; cursor:pointer; /*#e91e63*/}
  #contacto_enviado { background-color: #FFFFFF; height: 100%; position: absolute; width: 100%; margin-left: -450px; transition:0.3s ease; border: 1px solid #d7dee2; border-radius: 5px; box-sizing: border-box; z-index:2; }
  .contacto_env1 { margin-top: 150px; text-align: center; font-family: 'Montserrat';}
  .contacto_env2 { font-size: 46px; text-align: center;  color: #009688;}
  .contacto_chk { animation: checkenviado 0.7s linear; }
  .contacto_arrow { position: absolute; margin-top: -15px;  margin-left: 15px; font-size: 24px; color: #e91e63; animation: arrowcap 0.7s infinite linear; display:none; }
  
  #contacto_sending { background-color: #FFFFFF; height: 100%; position: absolute; width: 100%; margin-left: 450px; transition:0.3s ease; border: 1px solid #d7dee2; border-radius: 5px; box-sizing: border-box; }
  .contacto_env3 { margin-top: 150px; text-align: center; font-family: 'Montserrat';}
  

/*----------- EXTRAS -----------*/

  #suscripcion { max-width:1200px; width:100%; margin:auto; }
  #suscrip { width:300px; box-sizing:border-box; padding:10px; }
  #suscrip-enviar {  border: 1px solid rgb(0 0 0 / 20%); padding: 3px 3px; border-radius: 4px; background-color: #ff9800; color: white; font-family: 'Montserrat'; font-size: 12px; box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); transition:0.2s ease-in;
  width: 97px; text-align: center; margin-right: 3.5%; margin-top: 8px;}
  #suscrip-enviar:hover { background-color: #2196f3; cursor:pointer; /*#e91e63*/}
  
  #suscrip input, textarea { width: 100%; font-family: "PT Sans"; border: 1px solid #d0d0d0; border-radius: 3px; height: 100%; text-indent: 5px; box-sizing: border-box;  padding: 4px; margin-top: 5px;}

/*----------- CATEGORIAS ------------*/
  .categ_z { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; max-width: 1200px; margin: auto; margin-top:30px}
  .categ_z1 { padding: 10px; margin: 15px; box-sizing: border-box; flex-basis: 30%; border: 1px solid #e0e0e0; border-radius: 4px;}
  .categ_svg { display: flex; vertical-align: bottom; height: 64px;}
  .categ_t1 { padding-top: 19px; padding-left: 10px; font-size: 18px; font-family: 'Montserrat'; color: #6f6f6f;}
  .categ_t2 { font-family: 'Raleway'; font-weight: bold; color: #4e7da0; line-height: 25px; flex-basis: 45%; font-size: 13px; }
  .categ_t3 { border: 1px solid transparent; border-radius: 4px; width:fit-content; padding:0px 5px; }
  .categ_t3:hover { cursor: pointer; border-color: #1976d2; color: #009688; box-shadow: 1px 1px 6px #00000030; background-color:#FFF; }
  .categ_z2 { margin-left: 69px; margin-top: -13px; font-family: 'Raleway'; font-weight: bold; color: #455a64; line-height: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
  .categ_img { border: 1px solid #9e9e9e; border-radius: 99px; padding: 2px; }
  .categ_z1:nth-child(1)  { background-color: #fffde7; }
  .categ_z1:nth-child(2)  { background-color: #fce4ec63; }
  .categ_z1:nth-child(3)  { background-color: #f3e5f54f; }
  .categ_z1:nth-child(4)  { background-color: #fff3e08c; }
  .categ_z1:nth-child(5)  { background-color: #eceff170; }
  .categ_z1:nth-child(6)  { background-color: aliceblue; }

/*----------- SCREEN WIDTH -----------*/  
  @media (max-width: 1256px) { #suscripcion { max-width:900px; } 
  .op_menu_txts { display: block; position: absolute; right: 100px; margin-top: 5px; }
  }
  @media (max-width: 956px) { #suscripcion { max-width:600px; } 
  .op_menu_txts { right:0; }
  }
  
  @media (max-width: 1160px) {	
	#dbuscar { width:30%; }  
	#anuncios { height:320px; }
	.categ_z1 { flex-basis: 40%; }
  }
  @media (max-width: 900px) {	  
	 #t_cuenta_tpx2 { padding-left: 8px; }
	 .libro_s3_2 { height:auto; }
	 #anuncios { height:250px; }
	 #home_s1, #home_s2, #home_s3, #home_s4 { width:80%; }
	 
  }
  @media (max-width:860px) {
     .suc_main { flex-wrap: wrap; }
	 .suc_fmap {margin-top: 420px; }
	 .suc_sucs { width:240px; }
	 .categ_z1 { min-width: 400px; }
	 
  }
  @media (max-width: 800px) {
	 .logotipo { width:200px !important; } 
	 #barra_menu { top:45px !important;}
	 #barra_tel { position:fixed; }
	 .cart-edo-1, #t_cuenta_dpx { text-indent: 5px;}
	 .cart-edo-2 { padding-right: 5px;}
	 #panel { padding: 0px 10px; box-sizing: border-box; }
	 #panel_l { position: fixed; left: -260px; margin-top: -37px; padding: 15px; background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 9px -1px rgb(0 0 0 / 50%); z-index:2}
	 .flecha-panel { left:0 !important; }
	 .filtro-bar { display:block; }
	 .panel_fix { position:static !important; }
	 #panel_scr nav:nth-child(11),#panel_scr nav:nth-child(10),#panel_scr nav:nth-child(9),#panel_scr nav:nth-child(8) { display:none; }
	 #anuncios { margin-top: 14px;}
	 .suc_main { margin-top: -32px;}
	 
	 
  }  
  @media (max-width: 700px) {
	 .logotipo { width:150px !important; }
     #barra_menu { top:38px !important;}
	 
	 #dbuscar { width:30%; }
	 .mobile-tm { display:block}
	 .op_menu_txts { display:none; }
	 #fondo_up { height: 84px;}
	 .t_orden_box { width:92%; }
	 .t_cuenta_box2 { width:80%; }
	 .filtro-bar { top:84px; }
	 #panel_l { margin-top:-51px; }
	 #anuncios { margin-top: 0px; }
	 .suc_main { margin-top: -46px;}
	 .extras_z1 { min-width: 290px !important; }
  }
  @media (max-width: 640px) {
	 .libroZ { display:block; }
	 .libroZ_img { min-width: unset; width: 40%; margin: auto; display:block;}
	 .libroZ_img_src { width: 100%;}
	 #cuerpo_box { display:none; }	 
	 .libro_comprar_2 { display: inline-block; }
	 #anuncios { height:200px; }
	 .suc_fmap { margin-top:auto; position:inherit; }
	 .suc_main { align-items: center; flex-direction: column; }
	 .extras_z1 { border: 1px solid #0000001f; border-radius: 4px; margin: 0px 1px 10px 1px;}
	 #suscrip { margin: auto; margin-top: 10px;}
  }
  @media (max-width: 520px) {
	.op_cart { position: fixed; top: 4px; right: 30px; }
	#dbuscar { width:40%; }
	#barra_tel { display:none; }
	.t_orden_box table tr td:nth-child(1) { width: 32% !important; }
	.t_orden_box table tr td:nth-child(2) { width: 23% !important; }
	.t_orden_numero { word-break: break-all; overflow: hidden; height: 16px; display: inline-block; vertical-align: middle;}	
	.cart-edo-1, .cart-edo-2, #t_cuenta_dpx { font-size:17px;}
	#rdicc { right: 0px; text-align: right;}
	.libro { position:relative; }
	.libro_precio_2 { display:none; }
	.libro_precio_movil { display:block; }
	.libro_precio { position: absolute; left: 110px; bottom: 17px; transform: scale(.8); }
	.libro:hover .libro_precio {background-color: unset; }
	.libro_s2 { margin-left: 59px; }
	.libro_s3 { height: 100px; }
	.libro_s8 { position: absolute;left: 7px; top: -170px;}
	.libro_comprar { float: right; margin-left: 10px;}
	.libro_lin_vt { display:none; }
	.libro_data { padding: 5px 3px 0px 15px;}
	.libroZ_img { min-width: unset; width: 60%;}
	.libro_comprar_2 { margin-left:10px; }
	.libro_s8_2 { position: absolute; right: 5%; top: 113px;}
	#anuncios { height:150px; }
	 .libro_img { min-width: 30%; margin: 3px;}
	 .libro_img_src { max-width: 100%;}
	 #home_s1, #home_s2, #home_s3, #home_s4 { min-height:auto; width:85%;  }
	 .categ_z1 { min-width: 90%;; }
	
  }
  @media (max-width: 400px) {
	  .logotipo { width:130px !important; }
	  #barra_menu { margin-right:24px; }
	  .op_cart { right: 5px; }	
	  #fondo_up { height: 76px;}
	  .cart-edo-1, .cart-edo-2, #t_cuenta_dpx { font-size:15px;}
	  .cart-img { width:70px; }
	  .cart-cell-01 { min-width: 80px; }
	 .filtro-bar { top:76px; }
	 #panel_l { margin-top:-51px; }
	 .libro_s1 { word-break: break-all; overflow: hidden; height: 16px;}
	 .libro_s3 {height: 80px;}
	 .libro_s8 { left:-7px; }
	 .libro_comprar { width: 70px;}
	 .libro_precio { left: 30%;}
	  
  }
  @media (max-height: 720px) {
	  #panel_scr nav:nth-child(11),#panel_scr nav:nth-child(10),#panel_scr nav:nth-child(9),#panel_scr nav:nth-child(8) { display:none; }	 
  }