@charset "utf-8"; /* CSS Document */ 
/* unica */
.alin-1{text-align:left}
.alin-2{text-align:center}
.alin-3{text-align:right}
.may{text-transform:uppercase}
.r{font-weight:bold;}
.imagen_max100{ max-width:100%; max-height:100%}
.error{color: #FF4242;}.ingresado{color: #0683FF;}.warning{ color: #F33F42}
.valor{ color: #f00}
.inv{filter: invert(100%);-webkit-filter: invert(100%);}
.back_fff{ background:#fff}

/* cursores */
.c-pointer{cursor: pointer;}
.c-text{cursor: text}
.c-move{cursor:move}
.c-crosshair{cursor:crosshair}

/* boton fixed siguiente usado en etiquetas*/
.boton_fixed_bottom{position:fixed; left:20%; bottom:0; border-top:1px solid #BDBDBD; z-index:3; }
/* Message actions*/
.message_actions{ position: fixed; width:40%; padding:15px; bottom:10px; right:10px; color:#FFF; border-radius:5px; font-size:15px; z-index:20; border-bottom:5px solid #C60000 }

/* modficar ejemplo marcas*/
.modificar_icon{border:solid 0px #ccc;background:transparent;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:center; border-radius:100%; line-height:40px;}
.modificar_icon:hover{color:#0080FF }

.modificar_icon_red{border:solid 0px #ccc;background:transparent;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:center; border-radius:100%; line-height:40px;}
.modificar_icon_red:hover{color:#f00}


/* modificar productos */
.modificar{border:solid 1px #ccc;background:#fff;width:100%;height:40px;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:center; border-radius:5px; line-height:40px;}
.modificar:hover{color:#0080FF; background: #f7f7f7 }

/* modificar productos */
.modificar_red{border:solid 1px #ccc;background:#fff;width:100%;height:40px;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:center; border-radius:5px; line-height:40px;}
.modificar_red:hover{color:#f00}

/* modificar productos */
.modificar_web{border:solid 1px #ccc;background:#F8F8F8;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:left; border-radius:5px; padding:0px 15px 0px 0px; width:100%; height:40px; }
.modificar_web:hover{ background:#E2E2E2;}

.text_modificar{border:solid 1px #ccc;background:#F8F8F8;height:40px;color:#000;line-height:38px;text-transform:uppercase;}
.text_general{padding: 8px 0px 8px 0px;width: 100%;height:40px;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ccc;font-size:15px; background:#FFF}


/* div ext */
.div_ext_4{position:relative;float:left;width:23%;text-align:center; box-sizing: border-box; padding:8px; background: #fff; margin: 1%; border-radius: 7px;}
.div_ext_5{position:relative;float:left;width:18%;text-align:center; box-sizing: border-box; padding:8px; background: #fff; margin: 1%; border-radius: 7px;}


/* div galerias imagenes */
.div_ext_general{position:relative;float:left;width:33%;text-align:center; box-sizing: border-box; padding:10px}

.div_int{position:relative;float:left;min-width:100%; min-height:100%; border:1px solid #f7f7f7; 
  padding:8px;box-sizing:border-box; transition:1s;background:#fff; border-radius:7px; }
.div_int:hover{ border:1px solid #0DCAF0}

/* 2 imagenes */
.div2_ext1{position:relative;float:left;width:50%;text-align:center; box-sizing: border-box; padding:0px 8px 15px 0px;}
.div2_ext2{position:relative;float:left;width:50%;text-align:center; box-sizing: border-box; padding:0px 0px 15px 8px}

/* 3 imagenes */
.div3_ext1{position:relative;float:left;width:33.33333333%;text-align:center; box-sizing: border-box; padding:0px 10px 15px 0px;}
.div3_ext2{position:relative;float:left;width:33.33333334%;text-align:center; box-sizing: border-box; padding:0px 5px 15px 5px}
.div3_ext3{position:relative;float:left;width:33.33333333%;text-align:center; box-sizing: border-box; padding:0px 0px 15px 10px}

/* 4 imagenes */
.div4_ext1{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 12px 15px 0px;}
.div4_ext2{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 8px 15px 4px}
.div4_ext3{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 4px 15px 8px}
.div4_ext4{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 0px 15px 12px}

/* 5 imagenes */
.div5_ext1{position:relative;float:left;width:20%;text-align:center; box-sizing: border-box; padding:0px 12px 15px 0px;}
.div5_ext2{position:relative;float:left;width:20%;text-align:center; box-sizing: border-box; padding:0px 9px 15px 3px}
.div5_ext3{position:relative;float:left;width:20%;text-align:center; box-sizing: border-box; padding:0px 6px 15px 6px}
.div5_ext4{position:relative;float:left;width:20%;text-align:center; box-sizing: border-box; padding:0px 3px 15px 9px}
.div5_ext5{position:relative;float:left;width:20%;text-align:center; box-sizing: border-box; padding:0px 0px 15px 12px}

/* 6 imagenes */
.div6_ext1{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 10px 12px 0px;}
.div6_ext2{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 8px 12px 2px}
.div6_ext3{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 6px 12px 4px}
.div6_ext4{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 4px 12px 6px}
.div6_ext5{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 2px 12px 8px}
.div6_ext6{position:relative;float:left;width:16.6666666667%;text-align:center; box-sizing: border-box; padding:0px 0px 12px 10px}

/* notificaciones */
.notify {
  position: relative;
  top: -28px;
  right: -7px; }
  .notify .heartbit {
    position: absolute;
    top: -4px;
    right: -9px;
    height: 20px;
    width: 20px;
    z-index: 10;
    border: 5px solid #ef5350;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .notify .point {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #ef5350;
    position: absolute;
    right: 2px;
    top: 8px; }

@-moz-keyframes heartbit {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0; }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0; } }

@-webkit-keyframes heartbit {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0; } }


@media screen and (max-width: 980px) 
{
.icono_filtro_fixed{ width:100%}

.div2_ext1,.div2_ext2{width:100%; padding:10px}		
.div3_ext1,.div3_ext2,.div3_ext3{width:33%; padding:10px}	
.div4_ext1,.div4_ext2,.div4_ext3,.div4_ext4{width:33%; padding:5px}
.div5_ext1,.div5_ext2,.div5_ext3,.div5_ext4,.div5_ext5{width:33%; padding:10px}
.div6_ext1,.div6_ext2,.div6_ext3,.div6_ext4,.div6_ext5,.div6_ext6{width:33%; padding:10px}

.div_ext_4,.div_ext_5{width: 31.3%;}

@media screen and (max-width: 600px) 
{
.div3_ext1,.div3_ext2,.div3_ext3{width:50%; padding:10px}	
.div4_ext1,.div4_ext2,.div4_ext3,.div4_ext4{width:50%; padding:5px}
.div5_ext1,.div5_ext2,.div5_ext3,.div5_ext4,.div5_ext5{width:50%; padding:10px}
.div6_ext1,.div6_ext2,.div6_ext3,.div6_ext4,.div6_ext5,.div6_ext6{width:50%; padding:10px}

.div_ext_4,.div_ext_5{width: 48%;}
}