@charset "utf-8";

.accordion {cursor: pointer;padding:5px 0px;text-align: left;border:0;outline: none;transition: 0.4s;font-family: 'Rubik', sans-serif;font-weight:500;color:white}

.active_accordion, .accordion:hover {background-color:rgba(0,0,0,0.10);}

.accordion:after {content: '\002B';color: rgba(255,255,255,1.00);font-weight: bold;float: right;margin-left: 5px;}

.active:after {content: "\2212";}

.accordion-prod {color:rgba(0,0,0,1.00);cursor: pointer;padding:5px 0px;width: 100%;text-align: left;border:0;outline: none;transition: 0.4s;font-family: 'Rubik', sans-serif;font-weight:500;background-color:transparent}

.panel {padding:0px 2px;background-color: white;transition: max-height 0.2s ease-out;}

.panel_prod {padding:0px 0px;transition: max-height 0.2s ease-out;}

.accordion-prod:after {/*content: '\02795';*/font-size: 13px;color: #000;float: right;margin-left:0px;position:relative}

.active_accordion:after {content:"\2212";}

#content-1{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block}

.p-sub-header a{color:rgba(90,90,90,1.00);font-family: 'Rubik', sans-serif;font-weight:300;}

.p-sub-header a:hover{color:rgba(0,72,153,.45);font-family: 'Rubik', sans-serif;font-weight:300;}

#pre-productos-popup{float: left;height: auto;z-index:9999999999;animation: float 2s ease-in-out infinite;}
	
	@keyframes float {
	0% {	
		transform: translatey(0px);
	}
	50% {transform: translatey(-20px);
	}
	100% {transform: translatey(0px);
	}
}

.h2-pre-productos-popup {color:#fff;font-family: 'Rubik', sans-serif;font-weight:600;background-color:#fc5c65;text-align:center;border-radius:4px;}

.h2-menu{width:100%;color:rgba(88,88,88,1);font-family: 'Rubik', sans-serif;font-weight:400;}

.span-prod-mob{color:rgba(78,78,78,1.00);font-family: 'Rubik', sans-serif;font-weight:500;float: left;position: relative;}

.icon-adelante-productos:before {display: none !important}

.p-menu-mob a{color:rgba(78,78,78,1.00);font-family: 'Rubik', sans-serif;font-weight:400;float: left;position: relative;}

.p-menu a{color:rgba(81,81,81,0.80);font-family: 'Rubik', sans-serif;font-weight:400;float: left;position: relative;}

.p-menu a:hover{color:rgba(0,0,0,1.00)}

.p-submenu a,.p-submenu-mob a{color:rgba(172,172,172,1);font-family: 'Rubik', sans-serif;font-weight:400;float: left;position: relative;}

.p-submenu a:hover{background-color:rgba(161,161,161,1);color:rgba(242,242,242,1);}

#filtros {position:relative;float:left;padding:0px;}

.h2-filtro a{font-family: 'Rubik', sans-serif;font-weight:normal;color:#999;text-align: center;position: relative;float:left;background-color:#F6F6F6;padding:4px}

.h2-filtro a:hover{background-color:rgba(151,151,151,1);color:#fff;}

#formulario_filtro_precio {position:relative;float:left;padding:0px;}

#filtro_select {display:inline;float:left;position: relative;text-align:center;cursor:pointer;background-color:transparent;color: rgba(128,128,128,1.00);font-family: 'Rubik', sans-serif;font-weight:400;border-radius:4px;padding:10px 0px;border:2px solid rgba(230,230,230,1.00);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}

.text_filtro_form {font-family: 'Rubik', sans-serif;font-weight:400;color: rgba(45,45,45,1);letter-spacing:1px;text-align:center;}

.filtro_boton{color:rgba(25,25,25,1);font-family: 'Rubik', sans-serif;font-weight:400;text-align:center;border:1px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;cursor: pointer;border-radius:25px}

.filtro_boton:hover {background-position:left bottom;color:#fff;border:1px solid #000; }

.box-content-1{position: relative;height: auto;float: left;z-index: 999;border: 1px solid rgba(242,242,242,.75);border-radius:4px}

.box-content-1:hover{box-shadow: 0 3px 6px 0 rgba(51,51,51,.3);}

.h3-fade-content-1 a {color:rgba(25,25,25,1);font-family: 'Rubik', sans-serif;font-weight:600;text-align:center;border:1px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;border-radius:25px}

.h3-fade-content-1 a:hover {background-position:left bottom;color:#fff;border:1px solid #000; }

.h3-fade-content-1 a span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

.h3-fade-content-1 a span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.2s;}

.h3-fade-content-1 a:hover span {padding-right: 25px;}

.h3-fade-content-1 a:hover span:after {opacity: 1;right: 0;}

.span-sin-stock-content-1{color:rgba(244,9,13,1.00);font-family: 'Rubik', sans-serif;font-weight:400;text-align:left}

.span-stock-content-1{color:#27ae60;font-family: 'Rubik', sans-serif;font-weight:500;text-align:left}

.span-titulo-content-1{color:rgba(66,66,66,1.00);font-family: 'Rubik', sans-serif;font-weight:500;text-align:left}

.h4-content-1{color: #404040;font-family: 'Rubik', sans-serif;font-weight:400;text-align:center}

.p-content-1{color:rgba(51,51,51,1.00);font-family: 'Rubik', sans-serif;font-weight:600;text-align:center}

.cant-1 {display:inline;float:left;position: relative;text-align:center;cursor:pointer;background-color:transparent;color: rgba(139,139,139,1.00);font-family: 'Rubik', sans-serif;font-weight:400;border-radius:4px;padding:2px 0px;border:2px solid rgba(230,230,230,1.00)}

#button-agregar {color:rgba(25,25,25,1);font-family: 'Rubik', sans-serif;font-weight:600;text-align:center;border:1px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;cursor: pointer;border-radius:25px}

#button-agregar:hover {background-position:left bottom;color:#fff;border:1px solid #000; }

#button-agregar span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

#button-agregar span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.2s;}

#button-agregar:hover span {padding-right: 25px;}

#button-agregar:hover span:after {opacity: 1;right: 0;}

#button-agregar-inactivo {display:inline;float:left;position: relative;text-align:center;cursor:pointer;border:0;background-color:rgba(91,90,90,1.00);color: rgba(255,255,255,1.00);font-family: 'Rubik', sans-serif;font-weight:400;border-radius:30px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;text-transform: uppercase}

#favorito{z-index:999999999999}

.tooltip-fav {position: relative;display: inline-block;z-index:999999999999999}

.tooltip-fav .tooltiptext-fav {font-family: 'Rubik', sans-serif;visibility: hidden;width: 170px;background-color:rgba(3,3,3,1.00);color:#fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%;opacity: 0;transition: opacity 0.3s;box-shadow:1px 1px 1px 1px rgba(3,3,3,1.00);font-size:12px;line-height:22px;font-weight:600}

.tooltip-fav .tooltiptext-fav::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: 60px;border-width: 5px;border-style: solid;border-color: rgba(3,3,3,1.00) transparent transparent transparent;}

.tooltip-fav:hover .tooltiptext-fav {visibility: visible;opacity: 1;}

#box-2-content-1{position: relative;height: auto;float: left;z-index: 999;}

.p-2-content-1 a{color: #FF1F55;font-family: 'Rubik', sans-serif;font-weight:400;}

.p{font-family: 'Rubik', sans-serif;color: rgba(71,71,71,1.00);background-color:rgba(255,255,255,0.45);-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);display: inline-block;float: left;height:46px;line-height: 46px;margin:4px 6px;width:46px;position: relative;text-align:center;border-radius:50%}

.p:hover{background-color:rgba(245,245,245,1);color: rgba(181,181,181,1.00);}

.p-activo{font-family: 'Rubik', sans-serif;color: rgba(71,71,71,1.00);background-color:rgba(240,240,240,1);-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(185,185,185,1.00);display: inline-block;float: left;height:46px;line-height:46px;margin:4px 6px;width:46px;position: relative;text-align:center;border-radius:50%}

.icon-atras:before,.icon-adelante:before {color: rgba(71,71,71,1.00);background-color:rgba(255,255,255,0.45);opacity: 1;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);display: inline-block;float: left;height:46px;line-height:46px;margin:2px 6px;width:46px;position: relative;text-align:center;border-radius:50%}

.icon-atras:hover:before,.icon-adelante:hover:before{background-color:rgba(245,245,245,1);color: rgba(181,181,181,1.00);}

.tooltip {position: relative;display: inline-block;}

.tooltip .tooltiptext {font-family: 'Rubik', sans-serif;visibility: hidden;width: 120px;background-color:rgba(39, 174, 96,.85);color:#fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;box-shadow:1px 1px 1px 1px rgba(230,230,230,1)}

.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: 5px;border-width: 5px;border-style: solid;border-color: rgba(39, 174, 96,1.0) transparent transparent transparent;}

.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

.box-menu-content {display: none;position: absolute;min-width: 160px;overflow: auto;z-index: 1;}

.box-menu-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}

.mostrar-menu {display:block;}

.h5-content-1{color: rgba(67,67,67,1);position:relative;float:left;font-family: 'Rubik', sans-serif;font-weight:600;text-align:center;text-indent:20px}

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

    #content-1{padding:20px 0px;position: relative;margin:80px 0px}

    .content-boxes-content-1{float:left;height: auto;width:100%;margin:0%;	position: relative;display:block;}

    .sub-header{width:100%;height:60px;position:relative;float:left;margin:0px;background-color:rgba(253,253,253,1.00)}

    .p-sub-header a{font-size:14px;width:auto;height:10px;padding:0px 10px 10px 10px;position:relative;float:left;border-right:2px solid rgba(149,149,149,.55);margin:0px}
    
    .p-sub-header:last-child a{border-right:none;cursor: text}

    .menu{margin:5px 5px;display: block;float: left;position: relative;padding:0px;height: auto;width:150px;}

    .div-panel-filtro{margin:0px 0px 10px 0px;display: block;float: left;position: relative;padding:0px;height:60px;width:100%;top:0px;}

    .h2-menu{height:auto;font-size:12px;width:100%;position:relative;float:left;text-align:center;margin:10px 0px 0px 0px}

    #formulario_filtro_precio {width:150px;height:auto;position:relative;margin:0px;float:left;display:inline;}

    .icon-abajo:before {display: none !important;}

    #filtro_select{width:150px !important;height:auto;margin:0px;font-size:14px;text-align:center;position:relative;float:left;background-color:rgba(255,255,255,1);border-radius:4px;}

    .text_filtro_form {font-size:13px;text-align:center;width:80px;height:90px;margin:10px 0px 10px -40px;left:50%;position: absolute}

    .filtro_boton{font-size:14px;width:120px;height:30px;top:5px;left:0px;position: relative;float: left}

    .h3-filtro-mob{color:rgba(29,28,28,0.80);cursor: pointer;padding:8px 10px 4px 10px;width:110px;border:1px solid rgba(29,28,28,0.20) !important;border-radius:6px;margin:5px 20px 0px 0px;text-align: center !important;font-family: 'Rubik', sans-serif;font-weight:600;font-size: 16px;position: relative; float: right;text-indent:0px !important}

    .icon-filtrar-productos:before{color: rgba(71,71,71,0.60);float: left;height:25px;line-height:26px;margin:0;width:35px;position: relative;text-align:center; font-size:20px;top:-5px}

    .box-categorias-mob-sidenav{height: 100%;width: 100%;position: fixed; z-index: 999999999999999999999999 !important;top:0px;left: 0;background-color:rgba(0,0,0,0.40);overflow-x: hidden;animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;padding:25px 0px;display:none}

    .content-box-categorias-mob-sidenav{height: 650px;width: 90%;margin:10% 5% 10px 5%;position: relative;float:left; z-index: 999999999999999999999999 !important;top: 0px;left: 0px;background-color:rgba(255,255,255,1.00);overflow-x: hidden;box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.35);border-radius: 10px}

    .span-prod-mob {width:100%;height:auto;float: left;margin:0px;display:inline;text-align: center;font-size:20px;padding:5px 0px;}

    .panel-prod-mob {background-color:rgba(252,252,252,1.00);height:auto;width:280px;margin:10px 0px 0px -140px;left:50%;position: relative;float:left}

    .p-menu-mob a{width:100px !important;height:85px;position: relative;float: left;margin:8px 18px;display:inline;text-align: center !important;font-size:13px;padding:5px 0px !important;}

    .p-submenu-mob a{width:100%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:14px;padding:15px 0px;text-indent:10px}

    .panel{background-color:rgba(252,252,252,1.00);width:85%;margin:10px 7.5%;position: relative;float:left;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
    
    .accordion:after {content: '\002B';margin:5px 0px 5px 0px;float:none;display: none}

    .accordion{font-size:18px;height:auto;width:100%;padding:12px 0px;text-align:center;background-color:rgba(239,239,239,1.00);color:rgba(2,2,2,1.00);margin:0%;position:relative !important;font-weight:400;}

    .icon-componentes:before,.icon-impresoras:before,.icon-monitores:before,.icon-notebook:before,.icon-otros:before,.icon-pc-escritorio:before,.icon-perifericos:before{color: rgba(255,255,255,1);background-color:rgba(26,26,26,0.50);float: left;height:40px;padding:15px;margin:0px 22.5px;width:40px;position: relative;text-align:center !important; font-size:40px;border-radius: 50%;}


    .span-p-menu-mob{width:100%;height:auto;float: left;margin:0%;display:inline;text-align: center !important;font-size:12px;padding:10px 0px;font-family: 'Rubik', sans-serif;font-weight:400;}

    .h4-filtro-mob{color:rgba(29,28,28,1.00);background-color:rgba(250,250,250,0.60);cursor: pointer;padding:8px 0px;width: 45%;text-align: center;border:1px solid rgba(29,28,28,0.15) !important;border-radius:4px;;font-family: 'Rubik', sans-serif;font-weight:500;font-size: 14px;position: relative; float: left;text-indent:0px !important;margin: 15px 27.5%}

    .h4-filtro-mob:hover{background-color:rgba(22,22,22,0.90);color:#fff}

    .box-categorias{width:40% !important;padding:6px 0% 4px 0px;text-align:center;margin:0% 5%;position:relative !important;float:left !important;display: none !important}

    .h2-content-1{font-size: 18px;text-align: left;text-indent:15px;padding:16px 0px;margin-top:70px;}

    #productos-content-1{margin:10px 0px;display: block;float: left;position: relative;padding: 0px;height:auto;width: 100%;background-color:rgba(255,255,255,1)}

    #filtros {width:100%;height:auto;margin:0px;position:relative;float:left}

    #quitar-filtros {width:100%;height:auto;top:0px;margin:10px 0px;position:relative;float:left}

    .h2-filtro a{font-size: 12px;width:auto;padding:8px 12px;position:relative;top:0px;margin-left:10px;float:left}

    .box-content-1{height:auto;width:48%;margin:10px 1% 10px 1%;position:relative;float:left;border:0;border-bottom:thin solid rgba(112,112,112,.11);border-radius:4px;padding:10px 0px}
    
    .box-img-producto-content-1{position: relative;height:180px;width:100%;float: left;z-index: 99;margin:0px;display: inline-block;background-color:rgba(255,255,255,1.00);overflow: hidden}

    .img-content-1 {position: relative; width: 100%; height: auto !important; float: left;left:0%;opacity: 1; transition: 2s ease;}

    .box-fade-content-1{transition: .5s ease;opacity: 0;position: absolute;top: 0%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;width:100%;height: 180px}

    .box-img-producto-content-1:hover .img-content-1 {opacity: 0.3;background-color:rgba(0,0,0,1);transform: scale(1.5);}

    .box-img-producto-content-1:hover .box-fade-content-1 {opacity: 1;background-color:rgba(0,0,0,0.30);}

    .h3-fade-content-1 a{font-size:15px;position: relative;width:80%;height:auto;line-height:26px;float:left;margin:100px 10%;padding:10px 0px}

    .h3-fade-content-1 a span {font-size:30px}

    .h3-fade-content-1 a span:after {top: -18px;}
    
    .box-txt-content-1 {position:relative;float:left;height:105px;width:95%;top:0px;margin:2.5px 2.5%}
    
    .box-titulo-content-1{position:relative;float:left;height:95px;width:95%;top:0px;margin:0px 2.5%}

    .h4-content-1{font-size:14px;width:95%;line-height:22px;height:auto;margin:0px 2.5% 5px 2.5%;position:relative;float:left;text-align:left}

    .icon-verified:before {font-size:15px;width:20px;height:auto;margin:0%;position:relative;float:left;}
    
    .span-sin-stock-content-1,.span-stock-content-1{font-size:13px;width:95%;line-height:13px;height:auto;margin:0px 2.5% 5px 2.5%;position:relative;float:left;text-align:left}

    .span-titulo-content-1{font-size:13px;width:95%;line-height:13px;height:auto;margin:0px 2.5% 1.5px 2.5%;position:relative;float:left;text-align:left}

    .box-precios-content-1{position:relative;float:left;height:40px;width:100%;margin:0px 0px}

    .p-content-1{font-size:22px;width:100%;margin:10px 0px;position:relative;float:left;text-align:center;}

    .carro{width:90%;height:60px;float:left;position:relative;display:block;margin:20px 5% 0px 5%;top:0px;}

    #button-agregar{font-size:16px;position: relative;width:100%;height:auto;line-height:26px;float:left;margin:10px 0%;padding:6px 0px}

    #button-agregar span {font-size:30px}

    #button-agregar span:after {top: -22px;}
    
    #button-agregar-inactivo {font-size:16px;position: relative;width:100%;height:auto;line-height:26px;float:left;margin:10px 0%;padding:6px 0px}
    
    #favorito{position:absolute;right:10px;float:left;display:inline-block;width:30px;height:auto;margin-top:0px;z-index:99999999999999999 !important}

    #agregar-favorito{cursor:pointer}

    .icon-mis-favoritos-producto:before{position:relative;top:0px;right:0px;font-size:25px;cursor:pointer;float:left;width:30px;height:30px;border-radius:50%;padding:5px 5px 3px 5px}
    
    .tooltip-fav .tooltiptext-fav {margin-left: -155px;}

    .paginador {width:300px;height:auto;float:left;position:relative;margin:40px 0px 4px -150px;left:50%;padding:5px 0px;border-radius:4px}

    .h5-content-1{font-size:16px;width: 100%;height: auto;top:20px;margin:20px 0px;position:relative;float:left}

}
@media screen and (min-width:601px) and (max-width:980px) {
.icon-abajo:before {top:15px;margin-left:2.5px;font-size:35px;position:absolute;}

#content-1{float: left;width: 100%;position: relative;height: auto;padding:0px;}

.content-boxes-content-1{position: relative;height: auto;width: 100%;float: left;z-index: 999;margin:0px;text-align: center;}

.Menu{float: left;position: relative;height: 70px;width: 100%;top:5px;z-index:99999999;-webkit-transition: height 2s;transition:height 2s;background-color:rgba(238,238,238,.25)}

.h2-menu{font-size: 18px}

#box-menu{width: 100%;height:370px;padding: 0px;position: relative;float:left;box-shadow:2px 1px 1px rgba(66,66,66,.41);}

.p-menu a{width: 95%;height:auto;float: left;margin:1% 0%;position: relative;display:block;text-align: left;font-size:18px;padding:12px 0px}

#productos-content-1{margin: 0%;display: block;float: left;position: relative;padding: 0px;height: auto;width: 100%;background-color:#fff;z-index:999999999999}

#filtros {width:100%;height:auto;}

.h2-filtro a{font-size: 15px;width:auto;padding: 12px;margin:5%;text-align:center}

#formulario_filtro {width:100%;}

#filtro_select {width:40%;margin:10px 5%;height:40px;text-align:center;font-size:15px;}

.text_filtro_form {font-size:15px;}

.filtro_boton{font-size:15px;width: 40%;height: 40px;position:relative;float:left;margin:10px 5%;}

.h2-content-1{font-size: 18px;padding:16px 0px;margin:25px 10%;position:relative;float:left;width:80%}

.box-content-1{height: auto;width: 27%;margin: 2.5% 0.5%;padding:2.5% 2%}

.img-content-1{position: relative;height: 120px;width:auto;margin:0;top:5px;}

.div-icon-producto-content-1 {width:90px;height:auto;position:absolute;top:5px;margin-left:45%}
            
.p-icon-producto-content-1 {width:90px;height:auto;margin:8px;padding:0px 10px;color:#FFF;display:block}

.icon-actualizar {font-size:20px;margin:0px}

.h3-content-1{font-size: 15px;position: relative;width: 100%;padding:0px;height:20px;}

.p-precio-content-1{font-size: 15px;width: 100%;display:block;margin:10px 0px}

.p-cant-content-1{font-size: 15px;width: 100%;display:block;margin:2px 0px}

.h4-content-1 a{font-size: 14px;width:90%;text-align: center;position: relative;margin:5px 2.5%;padding-bottom: 4px;}

.h5-content-1 a{font-size: 16px;width:200px;text-align: center;position: relative;top: 0px;left:50%;margin-left: -100px;padding: 8px 2px;float:left;height:25px;}
/*
#carro{width:100%;height:auto;float:left;position:relative;display:block;}

.cant {width:30%;height:24px;left:5px;margin:0%;}

#button-agregar {font-size:12px;width: 90%;height: 30px;top:0px;margin: 15px 5%}*/

#carro{width:100%;height:auto;float:left;position:relative;display:inline;margin:0px 4px;}

.quantity{width:100px;height:40px;margin:0px 0px;float:left;position:relative;}

.cant {width:50px;height:35px;margin:0px 40px;float:left;position:relative;}

.quantity-up {position: absolute;height:10px;top:0px;left:40px;padding:10px 0px 17px 0px;width:40px}

.quantity-down {position: absolute;height:10px;top:0px;right:-176px;padding:10px 0px 17px 0px;width:40px}

#button-agregar {font-size:15px;width:150px;height:40px;margin:0px 0px 0px 40px;text-indent:20px;background-position:5px 10px}

.paginador {width:90%;height:auto;float:left;position:relative;margin:5%;}
}

@media screen and (min-width:981px) and (max-width:1100px){

#content-1{padding:20px 0px;background-color:rgba(245,245,245,1.00)}

.content-boxes-content-1{float: left;height: auto;width: 980px;margin-left: -490px;left: 50%;	position: relative;display:block;}

#pre-productos-popup{position:fixed;bottom:50px;width:600px;margin-left:-100px;left:50%;height:40px;}

.h2-pre-productos-popup {font-size:16px;padding:10px 6px;}

#banner-productos-content-1{margin:10px 40px;display: block !important;float: left;position: relative;padding: 0px;height:105px;width:900px;background-color:rgba(255,255,255,1.00);box-shadow:4px 4px 4px 4px rgba(200, 200, 200, 1);border-radius:10px;overflow: hidden;}

.box-banner-producto-content-1{width:130px;height:auto !important;position:relative;float:left;left:0px;border:1px solid rgba(213,213,213,.25);margin:5px}

.box-banner-producto-content-1:last-child{margin:0px 55px 0px 5px}

.img-banner-producto-content-1{width:130px;height:auto !important;position:relative;float:left;margin:0px;}
    
.menu{margin:30px 5px 0px 0px;display: block;float: left;position: relative;padding:0px;height: auto;width:280px;top:0px;border-right:2px solid rgba(235,235,235,.41);background-color:rgba(248,248,248,1.00);border-radius:4px;left:0px;box-shadow: 2px 2px 2px 2px rgba(77,77,77,0.25)}

.div-panel-filtro{margin:0px 0px 10px 0px;display: block;float: left;position: relative;padding:0px;height:100px;width:260px;top:0px;}

.h2-menu{height:auto;font-size:12px;width:100%;position:relative;float:left;text-align:center;margin:10px 0px 0px 0px}

#formulario_filtro_precio {width:290px;height:auto;position:relative;margin:0px;float:left;display:inline;}

#filtro_select{width:200px;height:auto;margin:0px 0px 5px -100px;left:50%;font-size:14px;text-align:center;position:relative;float:left;background-color:rgba(255,255,255,1);border-radius:4px;}

.text_filtro_form {font-size:13px;text-align:center;width:130px;height:90px;margin:10px 0px 10px -15px;left:50%;}

.filtro_boton{font-size:14px;width:150px;height:40px;top:0px;margin:0px 70px;}

.accordion{font-size:16px;height:60px;width:99.5%;padding:6px 5px 4px 0px;text-align:center;background-color:#76a72e;color:rgba(255,255,255,1.00)}

.accordion-prod{font-size:18px;height:60px;width:100%;text-align:center;background-color:#76a72e;color:rgba(255,255,255,1.00);cursor:text}

.panel{position:relative;float:left;padding:10px 0px;width:100%;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}

.panel_prod{height:360px;margin:-15px 0px 10px 0px;background-color:rgba(255,255,255,0.05)}

.panel-filtro{height:100px;width:100%;position:relative;float:left;margin:10px 0px}

.p-menu a{width:100%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:16px;padding:12px 0px 14px 0px;text-indent:10px}

.p-submenu a{width:95%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:14px;padding:5px 0px;left:5%}

#productos-content-1{margin:0px;display: inline;float: none;position: relative;padding: 0px;height:auto;width:980px;padding-bottom:35px;}

#filtros {width:690px;height:auto;margin:0px 0px 10px 0px;position:relative;float:left}

#quitar-filtros {width:690px;height:auto;top:0px;margin:0px 0px 10px 0px;position:relative;float:left}

.h2-filtro a{font-size: 12px;width:auto;padding:8px 12px;position:relative;top:0px;margin-left:10px;float:left}

.box-content-1{height:auto;width:260px;position:relative;float:left;border:0;border-radius:4px;padding:5px 2px;margin:10px 25px 10px 35px;z-index:1;background-color:rgba(255,255,255,1);}

.box-img-producto-content-1{position: relative;height:130px;width:90%;top:0px;float:left;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;margin:2px 5%;background-color:rgba(255,255,255,1)}

.img-content-1 {position: relative;height:90px;width:90px;float:left;left:50%;top:50%;margin:-45px 0px 0px -45px;text-align:center;z-index:9999999 !important;display:block !important;}

#favorito{position:absolute;right:5px;float:left;display:inline-block;width:40px;height:auto;margin-top:0px;z-index:99999999999999999 !important}

#agregar-favorito{cursor:pointer}

.icon-mis-favoritos-producto:before{position:relative;top:0px;left:0px;background-color:rgba(245,245,245,1);color:rgba(23,197,76,1.00);font-size:25px;cursor:pointer;float:left;width:30px;height:30px;border-radius:50%;padding:5px 5px 3px 5px}

.icon-mis-favoritos-producto:hover:before{color:rgba(255,255,255,1.00);background-color:rgba(23,197,76,1.00)}

.tooltip-fav .tooltiptext-fav {margin-left: -75px;}

.box-titulo-content-1{position:relative;float:left;height:40px;margin:10px 0px;width:100%;}

.h3-content-1{font-size:14px;width:95%;height:auto;margin:0px 2.5%;position:relative;text-transform:uppercase;float:left;text-align:center}

.box-precios-content-1{position:relative;float:left;height:40px;top:0px;width:100%;}

.p-content-1{font-size: 18px;width:100%;margin:10px 0px;position:relative;float:left}

#carro{width:205px;height:auto;float:left;position:relative;display:block;margin:5px 22.5px;}

.cant {width:65px !important;height:37px !important;margin:10px 0px;float:left;display:inline;left:5px !important;}

.quantity-up {position: absolute;height:0px;top:20px;left:85px;padding:0px 0px 22px 0px;width:15px;background-color:rgba(255,255,255,1);color:rgba(150,150,150,1);}

.quantity-down{position: absolute;height:0px;top:20px;left:10px;padding:0px 0px 22px 0px;width:15px;background-color:rgba(255,255,255,1);color:rgba(150,150,150,1)}

#button-agregar {font-size:14px;width:125px !important;height:45px !important;margin:10px 0px;left:50px;float:left;display:inline}

.quantity{width:52px;height:35px;margin:0px;float:left;position:relative;left:5px}

.paginador {width:300px;height:auto;float:none;position:relative;margin:120px 0px 40px -150px;left:50%;padding:5px 0px;border-radius:4px}

.h5-content-1{font-size:16px;width: 100%;height: auto;top:20px;margin:20px 0px;position:relative;float:left}

}
@media screen and (min-width:1101px) {

    #content-1{padding:10px 0px 20px 0px;background-color:rgba(255,255,255,1.00)}

    .content-boxes-content-1{float: left;height: auto;width: 1100px;margin-left: -550px;left: 50%;	position: relative;display:block;}

    .sub-header{width:100%;height:60px;position:relative;float:left;margin:0px;background-color:rgba(253,253,253,1.00)}

    .p-sub-header a{font-size:14px;width:auto;height:10px;padding:0px 10px 10px 10px;position:relative;float:left;border-right:2px solid rgba(149,149,149,.55);margin:0px}
    
    .p-sub-header:last-child a{border-right:none;cursor: text}

    #mobile-cat{display: none !important}

    .h3-filtro-mob {display: none !important}
    
    .menu{margin:26px 0px 0px 0px;display: block;float: left;position: relative;padding:10px 5px;height:auto;width:250px;top:0px;left:0px;background-color:rgba(253,253,253,1.00);border:1px solid rgba(3,3,3,0.05);border-radius:2px}

    .div-panel-filtro{margin:0px 0px 10px 0px;display: block;float: left;position: relative;padding:0px;height:100px;width:240px;top:0px;}

    .h2-menu{height:auto;font-size:12px;width:100%;position:relative;float:left;text-align:center;margin:10px 0px 0px 0px}

    #formulario_filtro_precio {width:250px;height:auto;position:relative;margin:0px;float:left;display:inline;}

    #filtro_select{width:200px;height:auto;margin:0px 0px 5px -100px;left:50%;font-size:14px;text-align:center;position:relative;float:left;background-color:rgba(255,255,255,1);border-radius:4px;}

    .text_filtro_form {font-size:13px;text-align:center;width:130px;height:90px;margin:10px 0px 10px -15px;left:50%;}

    .filtro_boton{font-size:14px;width:150px;height:auto;padding: 5px 0px;top:0px;margin:10px 45px;}

    .accordion{font-size:18px;height:40px;width:99.5%;padding:6px 0px 4px 5px;text-align:left;color:#000;cursor: text}

    .accordion-prod{font-size:18px;height:40px;width:99.5%;padding:6px 0px 4px 5px;text-align:left;color:#000;cursor: text}

    .panel{position:relative;float:left;padding:10px 0px;width:100%;height: auto;overflow: hidden;transition: max-height 0.2s ease-out;background-color:rgba(255,255,255,0.05)}

    .panel_prod{height:auto;margin:-15px 0px 10px 0px;background-color:rgba(255,255,255,0.05);display: block !important;padding:0px 0px 10px 0px}

    .panel-filtro{height:100px;width:100%;position:relative;float:left;margin:10px 0px}

    .p-menu a{width:100%;height:auto;float: left;margin:10px 0px;display:inline;text-align: left;font-size:15px;padding:0px 0px 15px 0px;text-indent:10px;border-bottom:1px solid rgba(0,0,0,0.05)}

    .p-submenu a{width:95%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:15px;padding:12px 0px;text-indent:10px}

    #productos-content-1{margin:0px;display: inline;float: left;position: relative;padding: 0px;min-height:100%;width:828px;padding-bottom:35px;}

    #filtros {width:690px;height:auto;margin:0px 0px 10px 0px;position:relative;float:left}

    #quitar-filtros {width:690px;height:auto;top:0px;margin:0px 0px 10px 0px;position:relative;float:left}

    .h2-filtro a{font-size: 12px;width:auto;padding:8px 12px;position:relative;top:0px;margin-left:10px;float:left}

    .box-content-1{height:400px !important;width:265px !important;margin:5px 2.5px 10px 0px;border-radius:4px;background-color:rgba(255,255,255,1.00)}

    .box-img-producto-content-1{position: relative;height:220px;width:100%;float: left;z-index: 99;margin:0px;display: inline-block;background-color:rgba(255,255,255,1.00);overflow: hidden}

    .img-content-1 {position: relative; width: 215px; margin:5px 25px;height: auto !important; float: left;left:0%;opacity: 1; transition: 2s ease;}

    .box-fade-content-1{transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;width:350px;height: 280px}

    .box-img-producto-content-1:hover .img-content-1 {opacity: 0.3;background-color:rgba(0,0,0,1);transform: scale(1.5);}

    .box-img-producto-content-1:hover .box-fade-content-1 {opacity: 1;background-color:rgba(0,0,0,0.30);}

    .h3-fade-content-1 a{font-size:20px;position: relative;width:200px;height:auto;line-height:26px;float:left;margin:100px 0px 0px -100px;left:50%;padding:10px 0px}

    .h3-fade-content-1 a span {font-size:30px}

    .h3-fade-content-1 a span:after {top: -18px;}
    
    .box-txt-content-1{position: relative;height:105px;width:100%;float: left;z-index: 99;margin:10px 0px 0px 0px;}

    .box-titulo-content-1{position: relative;height:88px;width:100%;float: left;z-index: 99;margin:0px;}
    
    .box-precios-content-1{position: relative;height:35px;width:100%;float: left;z-index: 99;margin:0px;}

    .icon-verified:before {font-size:15px;width:20px;height:auto;margin:-1px 0px 0px 0%;position:relative;float:left;}

    .span-sin-stock-content-1,.span-stock-content-1{font-size:12px;width:95%;line-height:13px;height:auto;margin:5px 2.5% 4px 2.5%;position:relative;float:left;text-align:left}

    .span-titulo-content-1{font-size:13px;width:95%;line-height:13px;height:auto;margin:0px 2.5% 1.5px 2.5%;position:relative;float:left;text-align:left}

    .h4-content-1{font-size:15px;width:95%;line-height:25px;height:auto;margin:0px 2.5% 5px 2.5%;position:relative;float:left;text-align:left}

    .p-content-1{font-size: 22px;width:100%;margin:0px;position:relative;float:left}

    .carro{width:180px;height:60px;float:left;position:relative;display:block;margin:10px 0px 0px 20px;top:0px;}

    #button-agregar{font-size:20px;position: relative;width:180px;height:auto;line-height:26px;float:left;margin:10px 0px 0px -100px;left:50%;padding:6px 0px}

    #button-agregar span {font-size:30px}

    #button-agregar span:after {top: -22px;}
    
    #button-agregar-inactivo {font-size:20px;position: relative;width:180px;height:auto;line-height:26px;float:left;margin:10px 0px 0px -100px;left:50%;padding:6px 0px}
    
    #favorito{position:absolute;right:15px;float:left;display:inline-block;width:40px;height:auto;bottom:4px;z-index:99999999999999999 !important}

    #agregar-favorito{cursor:pointer}

    .icon-mis-favoritos-producto:before{position:relative;top:0px;left:0px;color:rgba(3,3,3,1.00);font-size:30px;cursor:pointer;float:left;width:30px;height:30px;border-radius:50%;padding:5px 5px 3px 5px}

    .icon-mis-favoritos-producto:hover:before{color:rgba(3,3,3,1.00)}

    .tooltip-fav .tooltiptext-fav {margin-left: -145px;}

    .paginador {width:300px;height:auto;float:left;position:relative;margin:10px 0px 10px -150px;left:50%;padding:5px 0px;border-radius:4px}

    .h5-content-1{font-size:16px;width: 100%;height: auto;top:20px;margin:20px 0px;position:relative;float:left}

}