@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,700;0,900;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

:root {
   --color-primario: #ccc;
   --color-descuento: #fe6d2c ;
}



.item_S1:hover a {transition:all .3s;opacity: 1;}
.item_S1:hover img {transition:all .3s;opacity: 0.9;filter: contrast(110%);transform:  scale(1.05);border-radius: 11px;}


.slider-wrap {position: relative;margin: 22px auto 64px;width: 100%;max-width: 1400px;min-height: 300px;}
.slider, .slide-inner {position: relative;width: 100%;padding-top: 0px;margin: auto;}


.cont {
   max-width: 1301px;
   padding: 0;
   display: block;
   height: 83px;
   margin: 0 auto;
}

.sub_cont {
   width: 100%;
   max-width: 1301px;
   padding: 0;
   display: block;
   height: 83px;
   margin: 0 auto;
}
.general {
   flex-wrap: wrap;
   justify-content: left!important;
   min-height: 65vh;
}
.btn_acceso {
   padding: 2px 1px 1px 36px;
   background: url(../images/btn_acceso.png);
   background-repeat: no-repeat;
   background-color: #25d400;
   display: inline-block;
   background-position: left 2px;
   width: 101px;
   vertical-align: middle;
}

.btn_acceso a {
   background: #25d400;
color: #001e3d;
text-decoration: none;
vertical-align: middle;
font-weight: 800;}

.busqueda input {
   background: #001e3d;
   border: none;
   width: 89%;
   max-width: 300px;
   display: inline-block;
   border-bottom: solid #e6e6e6 2px;
}
.btn_acceso2 {
   text-align: left;
   width: 200px;
   height: 34px;
   position: relative;
   display: inline-block;
   box-sizing: border-box;
   margin: 0.5em 0 0 2.7%;
   padding: 0;
   font-size: 1.4em;
   float: left;
   color: #001e3d;
   text-decoration: none;
   vertical-align: middle;
   font-weight: 800;
   padding: 6px 1px 1px 48px;
   background: url(../images/btn_acceso2.png);
   background-repeat: no-repeat;
   display: inline-block;
   background-size: 42px;
   background-position: left 2px;
}
.btn_acceso2:hover {
   opacity: 0.6;
   transition: all .3s;
}
.enc1 h2 {
   width: 66%;
   position: relative;
   display: inline-block;
   vertical-align: top;
   height: 100px;
   margin: 0;
   position: relative;
   text-align: center;
   box-sizing: border-box;
   float: right;
   text-align: right;
   max-width: 842px;
   margin-right: 5%;
}
.contenedor {
   padding: 1em;
   min-height: 50vh;
}

.contenedor p {
   font-size: .9em;
   max-width: 90%;
   max-width: 1100px;
   text-align: justify;
   font-weight: 300;
}
.contenedor h3 {
   font-size: 1em;
}
.contenedor a {
   color: #465567;
   text-decoration: none;
   border-bottom: solid 1px;
    border-bottom-color :  var(--color-primario);
}
.contenedor a:hover {
   transition: all .3s !important;
   background: none !important;
   border-bottom: dashed 1px;
}
.col-1.enc1 {
   display: block;
   position: relative;
   height: 120px;
   background: #f2f2f2;
   padding: 3em 1em 0  1em;
}
.admin_anteriores {
   display: inline-block;
   vertical-align: middle;
   height: 29px;
   vertical-align: top;
   float: right;
   position: relative;
}

.admin_anteriores span {
   font-size: 1.1em;
   vertical-align: middle;
   font-weight: 600;
   margin-top: 3px;
   display: inline-block;
}
.revision > div {
   position: relative;
   margin: 0.7em 0;
   width: 99%;
   display: flex;
   max-width: 1350px;
   z-index: 10;
   justify-content: start;
}
.contenedor a:hover {
   transition: all .3s;
   background: #40434a;
   }
.det_direccion > a {
   display: inline-block;
   margin: 3px 0 8px 0;
   padding: 2px 4px 2px;
   background: #6e7977;
   color: #ffffff;
   font-size: 0.7em;
   font-weight: 300;
   border-radius: 3px;
   border: none;
}

.revision > div h5 {
   margin: 0 0 0 0;
   border-bottom: solid 1px #ccc;
   width: 88%;
}

.det_direccion > ul {font-size: 1em;}

.det_direccion > ul li {
   font-size: 0.8em;
   text-align: left;
   font-weight: 400;
   margin: 0 0 3px 0;
}

.revision > div > div {
   flex-basis: 30%;
   border-radius: 2px;
   padding: 1em;
   margin: 0 2% 0 0;
   box-sizing: border-box;
}
.extdv  {
   flex-basis: 45% !important;
   border: solid 1px #ccc;
   border-radius: 3px;
}



.extdv input, select {
   width: 90%;
   border: solid 1px #44474e;
   max-width: 400px;
   border-radius: 3px;
   height: 20px;
}

.extdv label {}

.det_direccion.extdv {
   border: none;
   margin: -7px 0 12px 0;
}

.extdv label {
   display: block;
   margin: 8px 0 0 0;
   font-size: .87em;
}

textarea {}

.extdv textarea {
   width: 90%;
   border: solid 1px #44474e;
   max-width: 400px;
   border-radius: 3px;
   height: 44px;
}

.b_save {
   display: inline-block;
   margin: 11px 0 8px 0 !important;
   padding: 7px 28px 6px !important;
   background: #6e7977;
   color: #ffffff;
   font-size: 1em !important;
   font-weight: 400 !important;
   border-radius: 3px;
   border: none;
}
.det_direccion {
   /* border: solid 1px #4e4e4e; */
}

.det_pago {
   border: solid 1px #ccc;
}
.col-2 {
   display: inline-block;
   width: 47%; 
}
.col-3 {
   display: inline-block; 
   width: 30.4%;
}
.det_pago a {
   display: inline-block;
   margin: 3px 0 7px 0;
   padding: 2px 4px 2px;
   background: #6e7977;
   color: #ffffff;
   font-size: 0.7em;
   font-weight: 300;
   border-radius: 3px;
   border: none;
}
 
.det_pago ul li {
   font-size: 0.8em;
   text-align: left;
   font-weight: 300;
   margin: 0 0 3px 0;
}
.items-p.revisa:last-child {
    border-bottom: none;
}
.items-p.revisa {
   border-bottom: solid 1px #777777;
   width: 45%;
   flex-direction: row;
   display: flex;
   flex-wrap: nowrap;
   overflow: hidden;
   height: auto;
   max-height: 174px;
}

.items-p.revisa > div {
   width: 66%;
   display: inline-block;
   min-height: 50px;
}

.items-p.revisa a {
   font-size: 0.8em;
   font-weight: 300;
   margin: 0 0 3px 0;
   text-align: center;
   background: #6e7977;
   color: white;
   display: inline-block;
   padding: 0 6px 0 6px;
}

.items-p.revisa ul li {
   font-size: 0.78em!important;
   text-align: left;
   font-weight: 400;
   margin: 0 0 3px 0;
}

.items-p.revisa > div ul li {
    line-height: 1 !important;
}

.items-p.revisa img {
   max-height: 91px;
   width: auto;
}

.items-p.revisa > div:first-child {
   width: 34%;
   height: auto;
   min-height: 56px;
   max-height: 100px;
}

.menu-sec {
   display: inline-block;
   width: 41px;
   height: 29px;
   vertical-align: middle;
   margin: 0;
   float: right;
   background: url(../images/btn_menu.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: auto;
}


body {
   background: #ffffff;
   margin: 0;
   font-family: "Montserrat", sans-serif;
}

header {
   display:  block;
   position: relative;
   width: 100%;
   margin: 0 auto 0 auto;
   /* height: 122px; */
   background: #ffffff;
   z-index: 3;
}

.logo    {
   display: inline-block;
   width: 257px;
   text-align: center;
   margin: 0 0 0 0;
   position: relative;
   vertical-align: top;
   min-height: 83px;
}
.logo > a {
   display: inline-flex;
   height: 80px;
   align-content: center;
   align-items: center;
   justify-content: center;
   margin-left: 1em;
}
.menu {
   width: 300px;
   height: auto;
   right: 0;
   padding: 1em 1em 4em 1em;
   top: 29px;
   position: absolute;
   display: block;
   z-index: 5;
   background: rgba(255, 255, 255, 0.88);
   color: #000;
   box-sizing: border-box;
}
.menu a {
   text-decoration: none;
   color: #01172f;
   display: block;
   position: relative;
   z-index: 3;
   padding-right: 5px;
   text-align: right;
   margin: 1em 15px;
   font-weight: 700;
   font-size: 1em;
   background: rgba(255, 255, 255, 0.52);
}


.busqueda {display: inline-block;vertical-align: top;height: 40px;margin: 1px 1px 0 0;position: relative;width: 78%;text-align: left;right: 0;width: calc(100% - 243px);}
.busqueda input {
   background: #ffffff;
   border: none;
   width: 76%;
   height: 29px;
   box-sizing: border-box;
   max-width: 94%;
   display: inline-block;
   font-size: 1em;
   color: #545454;
   margin: 4px 0 0 8px;
   outline: none;
   padding: 2px;
   vertical-align: middle;
}
.btn_buscar {
   background: url(../images/lupa.png);
   background-position: right -2px;
   display: inline-block;
   width: 5%;
   height: 34px;
   box-sizing: border-box;
   margin: 1px 0 0 1px;
   float: right;
   padding-left: 9px;
   background-size: auto;
   border-left: solid 2px #bac8d36b;
}
.sub {
    width: 100%;
   padding: 0;
   display: block;
   height: 31px;
   background: #25d400;
   margin: 0 auto;
}       

.rocGroup {
   background: #fff!important;
   border: solid #52bae2 2px;
   border-radius: 6px;
   height: auto!important;
}

.rocGroup img {
   text-align: center;
   margin: 0 auto!important;
   display: block;
   max-height: 74px;
}

.RadOrgChart .rocItem {
   height: 150px!important;
   background: #fff!important;
}

.rocItemTemplate {
   height: auto!important;
}


.slider-arrow {
   position: absolute;top: 53px;
   width: 43px;height: 43px;
   color: #fff;
   background: #fff url(../images/flecha.svg);
   text-align: center;text-decoration: none;
   border-radius: 50%;background-size: 43px;
   background-position: 0px 0px;
   background-repeat: no-repeat;
   box-shadow: 0 1px 5px #00000014;}
.sa-left {left: 10px;
   -ms-transform: rotate(180deg);
    /* IE 9 */-webkit-transform: rotate(180deg);
     /* Safari 3-8 */transform: rotate(180deg);}
.sa-right {
right: 10px;
}

.slider > a , .item_S1 > a{
   height: 100%;
   color: #434343;
   text-decoration: none;
   font-size: 1.1em;
   width: 100%;
   /* background: rgba(181, 181, 181, 0.54); */
   position: absolute;
   left: 0;
   /* height: 84%; */
   z-index: 2;
   top: 0;
   text-align: center;
   color: #fff;
   padding: 10px 20px;
   box-sizing: border-box;
   /* border: solid 2px #e7e7e7; */
   /* height: 0; */
   opacity: 1;
}

.slider img, .item_S1 img{
   border-radius: 1px;
   border: solid 2px #fff;
   max-width: calc(100% - 63px);
   max-height: 100%;
   height: auto;
   margin: 2px auto 0;
   width: auto!important;
   /* min-width: auto; */
   z-index: 1;
   border-radius: 11px;
} 
.slider p, .item_S1 p {
   margin: 67px auto;
   display: block;
   padding: 4px 3px;
   font-size: 0.9em;
}
.slider-wrap {position: relative;margin: 22px auto 64px;width: 100%;max-width: 1400px;min-height: 300px;}
.slider, .slide-inner {position: relative;width: 100%;padding-top: 0px;margin: auto;}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
text-align: center;
}
.item_S2   {display: inline-block;vertical-align: middle;width: 27%;margin: 7px 3%;position: relative;max-height: 182px;}
.slider-arrow {position: absolute;top: 53px;width: 43px;height: 43px;color: #fff;background: #fff url(../images/flecha.svg);text-align: center;text-decoration: none;border-radius: 50%;bottom: 0!important;background-size: 43px;top: 449px;background-position: 0px 0px;background-repeat: no-repeat;box-shadow: 0 1px 5px #00000014;}
.sa-left {left: 10px;-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Safari 3-8 */transform: rotate(180deg);}
.sa-right {
right: 10px;
}

.pnl1 {
   display: inline-block;
   vertical-align: top;
   margin: 0;
   position: relative;
   width: 68%;
   padding: 0;
}

.mosaico1 {
   margin: 0;
   width: 100%;
   display: block;
   position: relative;
   padding: 1em 0;
   background: #e7e7e7;
}
.pnl2 {
   display: inline-block;
   position: relative;
   width: 31%;
   vertical-align: top;
   background: #dedede;
     min-height: 460px;
   max-height: 652px;
   overflow: auto;
}

.btns {
   width: 90%;
}

.btns a {
      display: block;
   margin: 0.8em;
   text-align: right;
   font-size: 1.1em;
   color: #0d2656;
   font-weight: 400;
   font-family: "Roboto Condensed",sans-serif;
   text-decoration: none;
   line-height: 0.6;
}

.btns a:before {
   content: "";
   display: inline-block;
   vertical-align: top;
   margin: 2px;
   width: 20px;
   height: 20px;
   background:url(../images/bullet.png) no-repeat center -5px
}
.btns a:hover:before { 
   margin: 2px 4px 2px 2px; 
   transition: all .3s;
}
.btns a:hover { 
   color:#000;
     transition: all .3s;
}
.info01-a > div {
   display: inline-block;
   position: relative;
   background: #fbfbfb;
   border-bottom: solid 4px #716e8d;
   width: 20%;
   margin: 1% 2%;
   padding: 1em;
   box-sizing: border-box;
   vertical-align: top;
   min-height: 181px;
   box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.03);
}

.info01-a {
   display: block;
   width: 100%;
   background: #f2f2f2;
}

.info01-a > div img {
   display: inline-block;
   position: relative;
   vertical-align: top;
   float: right;
   top: 0;
   max-width: 34%;
}

.info01-a > div > h5 {
   width: 52%;
   display: inline-block;
   vertical-align: top;
   font-weight: 600;
   margin: 0.6em 2px 8px 0;
   font-size: 1.1em;
   min-height: 57px;
   box-sizing: border-box;
}

.info01-a > div p {
   font-size: 15px;
   margin: -7px 0 0 0;
   text-align: justify;
}
.info01 {
   display: block;
   width: 100%;
   padding: 2em 0;
   background: #f2f2f2;
   border-top: 3px solid #fff;
}

.item_S2 a {
   text-decoration: none;
   color: #060606;
   font-size: 1em;
   text-align: left;
   margin: 0;
}

.item_S2 p {
   margin: 3px 0;
   font-family: "Roboto", sans-serif;
   font-size: 0.6em;
}

.item_S2 img {
   width: 100%;
   height: 100%;
}

.item_S2 h5 {
   margin: 4px 0;
   font-weight: 600;
   font-size: 0.7em;
   font-family: "Roboto Condensed",sans-serif;
}
.slider3 {
   padding-bottom: 3em;
}

.slide-inner2 {
   height: 303px;
   margin-bottom: 0em;
   display: block;
}
.cont2  .indicate-area a:after {
   color: azure;
   background: azure;
      border: 2px solid #bbb!important;
}

.cont2  .indicate-area a.on:after {
   background-color: #bbb!important;

}
.footer {
   width: 100%;
   position: relative;
   background: #44474e;
   padding: 0.4em 1.3em;
   color: #fff;
   box-sizing: border-box;
   text-decoration: none;
   margin-top:2em;
}

.f_col1 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 12%;
}
.f_col2 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 59%;
   text-align: center;
   padding-top: 27px;
   padding-bottom: 23px;
}
.f_col3 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 15%;
   text-align: center;
   padding-top: 23px;
}
.f_col4 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 9%;
   float: right;
   margin: -28px 0 0 0;
}

.f_col1 a {
   color: #fff;
   font-size: 0.8em;
   display: block;
   margin: 10px  0;
}
.f_col2 a {
   color: #fff;
   font-size: 0.8em;
   display: block;
   margin: 10px  0;
}

.f_col1 p {
   font-size: 1em;
   font-weight: 600;
   color: var(--color-primario);
}



.f_col2 p, .f_col2 a {
   color: #fff;
   display: inline-block;
   vertical-align: bottom;
   font-size: 0.9em;
   position: relative;
   margin: 0;
   text-align: center;
   padding: 0 14px;
}

.f_col4 a {
   display: block;
   position: absolute;
   right: -1.3em;
   margin-top: 32px;
}
.f_col2 > div  * {
   border-left: solid 3px #949494;
   vertical-align: middle;
}
.sub2p {
   display: block;
   background: #696b77;
   border-top: #25d400 solid 3px;
}

.sub2p > div > a {
   color: #fff;
   text-decoration: none;
   font-size: 12px;
   /* width: 15%; */
   text-align: center;
   margin-top: 7px;
   border-right: solid 2px #ccc;
   display: none;
   padding: 0 2%;
   text-transform: uppercase;
}

.canilec span {
   color: #fff;
   margin: 6px 0;
   font-size: 1em;
}
.menu-sec2p {
   display: inline-block;
   width: 41px;
   height: 29px;
   vertical-align: middle;
   margin: 0;
   float: right;
   background: url(../images/btn_menu2.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: auto;
}
.categoria img {
   position: absolute!important;
   display: block!important;
   width: 100%!important;
   opacity: 0.6;
   height: 400px!important;
   top: 0;
}

.categoria {
   background: #232323;
   min-height: 400px;
   position: relative;
   display: block;
}

.categoria h2 {
   color: #fff;
   text-align: center;
   z-index: 2;
   position: relative;
   margin: 0 auto;
   vertical-align: top;
   top: 135px;
   border: solid #fff 3px;
   width: 50%;
   padding: 20px;
   font-size: 1.7em;
   text-transform: uppercase;
   font-weight: 900;
}

.muestra2 {
   display: block;
   position: absolute;
   margin: 0;
   width: 100%;
   text-align: center;
   height: 51px;
   background: rgba(7, 45, 84, 0.66);
   margin-top: -52px;
}

.muestra2 a {
       color: #fff;
       text-decoration: none;
       font-size: 0.9em;
       width: 18.9%;
       text-align: center;
       margin-top: 16px;
       border-right: solid 2px #ccc;
       display: inline-block;
       text-transform: uppercase;
       font-weight: 800;
}
}

.muestra2 a:last-child  {
   border:"#000"!important
}


.subtitulos {
   display: block;
   position: relative;
   font-size: 1.4em;
   text-align: center;
   letter-spacing: 0.05em;
   /* max-width: 325px; */
   text-transform: uppercase;
   background: #e9ebef;
   font-weight: 400;
   /* text-shadow: 0.03em 0.03em 0.03em #0f06064a; */
   color: var(--color-primario);
   color: #858585;
   width: 100%;
   margin: -1px auto 0;
   padding: 0.1em 0;
   filter: brightness(78%) saturate(1) contrast(2)
   padding: 5px;
   -webkit-filter: brightness(78%) saturate(1) contrast(2);
   box-sizing: border-box;
}

.directorio {
   margin: 0;
   display: block;
   position: relative;
   background: #f2f2f2;
   padding: 1em;
   box-sizing: border-box;
   text-align: center;
   padding-bottom: 4em;
}

.item_dir a {
   display: inline-block;
   background: #fff;
   width: 22%;
   margin: 10px 1%;
   vertical-align: top;
   padding: 0.8em 0em;
   box-sizing: border-box;
   text-decoration: none;
   box-shadow: 0 0px 8px rgba(7, 7, 8, 0.12);
}

.item_dir a p {
   color: #011a33;
   text-decoration: none;
   font-size: 0.9em;
   text-align: left;
   margin: 0 0 0 7px;
   vertical-align: top;
   width: 60%;
   float: right;
   display: inline-block;
   top: 0;
   font-family: "Roboto", sans-serif;
   }
.item_dir a img {
   display: inline-block;
   width: 90px;
   height: 90px;
   margin: 0 0 9px 15px;
   float: left;
   vertical-align: top;}
.item_dir a h5 {
   color: #011a33;
   text-decoration: none;
   font-size: 1em;
   text-align: left;
   margin: 0 0 0 7px;
   vertical-align: top;
   width: 57%;
   display: inline-block;
   font-family: "Roboto Condensed", sans-serif;
   }



.vermas {
   margin-top: 0.6em;
   text-align: right;
   float: right;
   color: #008df5;
   font-weight: 900;
   font-size: 1.2em;
   text-decoration: none;
   margin-right: 3%;
}

.pnel-der0 h3 {
   display: block;
   position: relative;
   font-size: 1.4em;
   text-align: left;
   font-weight: 800;
   color: #404443;
   padding-bottom: 3px;
   margin: -11px 0.1em 9px 0.7em;
}
.pnel-izq0 h3 {
   display: block;
   position: relative;
   font-size: 1.4em;
   text-align: left;
   font-weight: 800;
   color: #404443;
   padding-bottom: 3px;
   margin: -11px 0.1em 9px 0.7em;
}
.pnel-der0 img {
   display: inline-block;
   vertical-align: bottom;
   position: relative;
   width: 100%;
   max-width: 149px;
   margin-top: 1.3em;
}
.pnel-izq0 img {
   display: inline-block;
   vertical-align: bottom;
   position: relative;
   width: 100%;
   max-width: 151px;
   margin-top: 1.6em;
}
.flot1 {
   
width: 14%;
   
text-align: center;
   
display: inline-block;
   
vertical-align: top;
}

.flot2 {width: 80%;
text-align: center;
display: inline-block;
vertical-align: top;
} 

.pnel-der0 {
   padding: 2em 1em;
   box-sizing: border-box;
   text-align: right;
}

.flot2 p {
   background: #eaeeef;
   padding: 1em 1.5em 2em;
   text-align: justify;
   margin: 0;
   padding-right: 26%;
   font-family: "Roboto", sans-serif;
}
.pnel-izq0 .flot2 h3 {
   text-align: right;
}

.pnel-izq0 .flot2 p {
   padding: 1.5em 1.5em 1.9em 26%;
}
.ac-prog {
   background: #f8f8f8;
   display: block;
   position: relative;
   width: 100%;
   padding: 1em 0 4em;
}

.objetivos {
   padding: 1em 0 3em;
}

.item_pro2 {
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
   position: relative;
   vertical-align: top;
   font-family: "Roboto Condensed", sans-serif;
   margin: 0;
   height: 231px;
   overflow: auto;
   padding: 3% 5%;
   border-right: 2px solid #ccc;
}

.divslid {
   background: white;
}

.item_pro2 a {
   text-align: left;
   text-decoration: none;
   font-size: 0.9em!important;
   color: black;
}

.divslid li {
   width: 22%;
}
.indicate-area.cindicate {
   display: none!important;
}
 

.ajust03 {border-left: solid 3px #dadada;border-right: solid 3px #dadada;width: 95%!important;overflow: visible!important;height: 283px;background: white;}

.cont3a .prev i {
   border-radius: 20px;
   background-color: #f8f8f8;
   border: solid #ababab 2px;
   margin-top: 23px;
   padding: 0px;box-sizing: border-box;
   background-size: 14px;width: 30px;
   background-repeat: no-repeat;
   height: 30px;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
   }

.cont3a .next i {
   border-radius: 20px;
   background-color: #f8f8f8;
   border: solid #ababab 2px;
   padding: 0px;
   box-sizing: border-box;
   background-size: 14px;
   margin-top: 23px;
   width: 30px;
   background-repeat: no-repeat;
   height: 30px;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
   }

.cont3a {
   margin-top: 13px;
   border-top: solid 3px rgba(57, 132, 190, 0.08);
}
.slide-inner3 {
   overflow: hidden;
}
.item_pro2:hover {
   background: #e5e5e5!important;
   transition: all .3s;
}
.vermas2 {
   margin-top: 2.9em;
   text-align: right;
   float: right;
   color: #008df5;
   font-weight: 900;
   font-size: 1.2em!important;
   text-decoration: none;
   margin-right: 2%;
   position: absolute;
   right: 0;
}


.ac_antes {
   display: inline-block;
   position: relative;
   vertical-align: top;
   width: 22%;
   margin-right: 2%;
   background: #edf8f2;
   padding: 1em;
   max-height: 200px;
   height: 200px;
   margin-left: 2%;
   overflow: auto;
}

.n_destacada {
   display: inline-block;
   position: relative;
   vertical-align: top;
   width: 67%;
   background: #ecefee;
   padding: 1em;
   color: #000;
   max-height: 200px;
   height: 200px;
   font-family: "Roboto Condensed", sans-serif;
   margin-bottom: 1.3em;
}

.n_destacada img {
   width: 99%;
   background: aquamarine;
   max-height: 200px;
   display: inline-block;
   position: absolute;
   right: 31px;
}

.lev1  > h4 {
   width: 99%;
   display: inline-block;
   margin: 0.4em 0;
   vertical-align: top;
}
.lev1 > p {
   width: 100%;
   display: inline-block;
   vertical-align: top;
   margin: 0.3em 0;
   font-size: .9em;
   max-height: 130px;
   padding-right: 1em;
   overflow: auto;
}
.lev1 {
   width: 50%;
   display: inline-block;
   vertical-align: top;
}

.lev2 {
   display: inline-block;
   vertical-align: top;
   margin: 0;
   position: relative;
   width: 43%;
   float: right;
}

.ac_antes a {
   color: #000;
   display: block;
   font-size: .9em;
   margin-bottom: 5px;
}

.ac_antes h5 {
   font-weight: 800;
   margin: 0 0 10px 0;
}

.n_destacada:hover {
   transition: all .4s;
   background: #e2e2e2;
}
.acontecimientos {
   display: block;
   position: relative;
   padding-bottom: 5em;
}
.slide-inner4 li a {
  
color: #000!important;
  
font-size: 1em;
  
text-align: left;
  
text-decoration: none;
  
margin: 1px 1px 0;
}
.jd-slider .controller.cont2 .indicate-area a:after  {    
   border: 2px solid #ccc!important;
}
.slide-inner4 ul li {
   /* margin: 3px 0; */
   font-family: "Roboto", sans-serif;
   font-size: 0.6em; 
       padding: 2em!important;
   text-align: center;
   box-sizing: border-box;
}
.slide-inner4 li a h5 {
   font-size: 1.6em;
   margin: 0;
}
     

.slide-inner4 li a p {
   font-size: 1.5em;
   margin: 0;
}


.organosd .slider2 {
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
}
.todos {
       margin-top: -0.8em;
       text-align: right;
       color: #008df5;
       float: right;
       font-weight: 900;
       font-size: 1.2em;
       text-decoration: none;
       margin-right: 1.9%;
       border: solid 2px #008df5;
       padding: 4px 13px;
}
.item_dir a p {
   float: none;
}
.item_dir a h5   {
   margin-left: -6px;
   float: none;
   padding-left: 0;
}
.estructura {
   padding: 1em 0  4em;
   background: #f8f8f8;
}

.organosd {
   padding: 1em 0 4em;
}
.canilec > a {
   display: inline-block;
   width: 41px;
   height: 29px;
   vertical-align: middle;
   margin: 0 16px 0 0;
   float: right;
   background: url(../images/btn_menu2.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: auto;
}
.logo img {
   max-width: 100%;
   max-height: 80px;
}
.menux2 {
   width: 300px;
   height: 339px;
   right: 0;
   padding: 1em;
   top: 133px;
   position: absolute;
   display: block;
   z-index: 5;
   background: rgba(255, 255, 255, 0.79);
   color: #000;
   box-sizing: border-box;
}

.menux2 a {
   text-decoration: none;
   color: #01172f;
   display: block;
   position: relative;
   z-index: 3;
   padding-right: 5px;
   text-align: right;
   margin: 1em 15px;
   font-weight: 700;
   font-size: 1.1em;
}
.modalPopup  {
   position: fixed;
   width: 100%;
   display: block;
   top: 0;
   height: 100%;
}
.modalPopup2  {
   position: fixed;
   width: 100%;
   display: block;
   top: 0;
   height: 100%;
}
.modalPopup0  {
   position: fixed;
   width: 100%;
   display: block;
   top: 0;
   height: 100%;
}
.modalPopup3  {
   position: fixed;
   width: 100%;
   display: block;
   top: 0;
   height: 100%;
}
.cont_pop {
   width: 95%;
   background: #fff;
   height: 400px;
   margin-top: 7%;
   display: block;
   max-width: 500px;
   text-align: center;
   position: relative;
   box-shadow: 0 3px 49px rgba(0, 0, 0, 0.43);
   z-index: 6;
}

.mod_head {
   width: 100%;
   height: 31px;
   background: #676767;
   border-bottom: 5px solid #ffffff;
}

.close_Sal {
   display: inline-block;
   float: right;
   color: #fff;
   width: 22px;
   margin: 4px 7px  0 0;
   height: 22px;
   cursor: pointer;
   line-height: 0;
   box-sizing: border-box;
   font-size: 3em;
   background: #ffffff url(../images/borrar.png);
   font-weight: 900;
   /* border: solid 2px #001e3c; */
   background-size: 17px;
   background-repeat: no-repeat;
   padding:  0;
   background-position: center;
}

.close_Sal:hover {
   transition: all .4s;
   background-color: #6a6b6a;
}
.cont_pop > div {
   width: 100%;
}
.modalPopup iframe {
   width: 100%;
   height: 413px;
}
 .modalPopup2 iframe {
   width: 100%;
   height: 353px;
} 
 .modalPopup3 iframe {
   width: 100%;
   height: 353px;
} 
.izq {
   display: inline-block;
   position: relative;
   vertical-align: top;
   width: 21%;
   margin-right: 0%;
   padding: 1em;
   margin-left: 2%;
   overflow: auto;
}

.der {
   display: inline-block;
   position: relative;
   vertical-align: top;
   width: 69%;
   padding: 1em;
   color: #000;
   height: 321px;
   margin-bottom: 1.3em;
   overflow: auto;
   box-sizing: border-box;
   padding: 13px 8px 1em 8px;
   border-bottom: solid 2px #e8e7ff;
}
.izq img {
   width: 205px;
   margin-left: 5px;
}

.info {
   display: inline-block;
   margin: 19px 0 0 0;
   font-size: 0.8em;
   font-family: "Montserrat",sans-serif;
   line-height: 1.1;
   width: 80%;
   font-weight: 400;
   vertical-align: top;
   width: calc(100% - 263px);
   position: relative;
   padding-right: 258px;
   box-sizing: border-box;
}

.info p {
   margin: 0px 0;
   width: 100%;
   color: #878787;
}
.direccion i {
   width: 26px;
   height: 22px;
   position: absolute;
   left: 13px;
}

.direccion i img {
   width: 100%;
}

.der h2 {
   color: #0f1f40;
   font-weight: 800;
   margin: 0 0 13px 0;
   }
.der h3 {
   color: #0f1f40;
   margin: 0 0 11px 0;
   font-size: 1.5em;
   font-weight: 400;
}
.der p {
   color: #0f1f40;
   margin: 0 0 8px 0;
   font-size: 1em;
   font-weight: 400;
}

.pestanas {
   display: block;
   float: right;
   width: 65%;
   text-align: right;
   margin: 0;
   margin-top: -20px;
   margin-right: 20px;
}

.pestanas a {
   display: inline-block;
   margin: 0 2em;
   text-align: center;
   border-top: solid 6px #c0c1c0;
   padding: 5px;
   color: #03407d;
   font-weight: 800;
   text-decoration: none;
}

.activpest {
   border-top: solid 6px #24d000!important;
}
.redes >  a {
   display: inline-block;
   text-align: center;
   width: 34px;
   height: 25px;
   margin: -7px 0px 0;
   padding: 4px 2px;
       /* border-top: dotted 1px #ccc; */
       /* border-bottom: dotted 1px #ccc; */
       /* border-color: var(--color-primario); */
}
.redesF {
   background: url(../images/ico-face.png);
}
.redesT {
   background: url(../images/ico-twitter.png);
}
.redesW {
   background: url(../images/ico-www.png);
}
.backpop {
   position: fixed;
   width: 100%;
   background: rgba(0, 0, 0, 0.46);
   display: block;
   top: 0;
   height: 100%;
   z-index: 1;
   cursor:pointer;
}
.backpop:hover {
   transition: all .9s;
   background: rgba(0, 0, 0, 0.56);
}
.ac_det p {
   color: #0f1f40;
   margin: 0 0 8px 0;
   font-size: 1em;
   font-weight: 400;
}

.ac_det h2 {
   color: #0f1f40;
   margin: 0 0 11px 0;
   font-size: 1.5em;
   font-weight: 400;
}

.ac_det {
   padding: 1.3% 2%;
}

.ac_det > div {
   max-height: 300px;
   overflow: auto;
}
.ac_det p {
   color: #0f1f40;
   margin: 0 0 8px 0;
   font-size: 0.9em;
   font-weight: 400;
}

.ac_det h2 {
   color: #0f1f40;
   margin: 0 0 11px 0;
   font-size: 1.1em;
   font-weight: 800;
}

.ac_det {
   padding: 1.3% 2%;
   font-family: "Roboto", s;
}

.ac_det > div {
   max-height: 324px;
   overflow: auto;
}
.menux2 a:hover {
   color: #001e3d;
   transition: all .4s;
   padding-right: 5px;
   font-weight: 800;
}
.fixed {
   display: inline-block!important;
}
.contenido {display: block;position: relative;width: 100%;margin: 0 auto 0 auto;height: auto;background: #ffffff;z-index: 0;
   overflow: auto; 
   padding: 1px 20px;
   box-sizing: border-box;
}

.accordion {
   background-color: #d6d6d6;
   color: #171717;
   cursor: pointer;
   padding: 13px 12px 3px 28px;
   width: 100%;
   border: solid 1px #9a9a9a;
   border-left: none;
   text-align: left;
   border-right: none;
   outline: none;
   vertical-align: middle;
   font-family: "Roboto" , sans-serif;
   text-transform: uppercase;
   font-size: 0.9em;
   font-weight: 600;
   box-shadow: 0 -3px 32px #fff;
}

.accordion:after {
   content: url(../images/carp_c.png);
   color: #777;
   font-weight: bold;
   float: left;
   margin-right: 11px;
   margin-top: -6px;
}

.active:after {
  /* content:url(../images/carp_a.png);*/
}

.panel {
   padding: 0 18px;
   background-color: white;
   overflow: hidden;
   box-sizing: border-box;
   padding: 0px 19px;
   max-height: 0;
   transition: max-height 0.2s ease-out;
}
.secretarias {
   display: inline-block;
   width: 51%;
   vertical-align: top;
   text-align: center;
   margin: 18px auto;
}

.sec_buscar {
   display: inline-block;
   width: 40%;
   vertical-align: top;
   text-align: center;
   margin: 5px auto;
}

.secretarias select {
   min-width: 266px;
   border: solid 1px #adadad;
   padding: 6px 10px;
   font-size: 1em;
   font-weight: 400;
   font-family: "Roboto", sans-serif;
}

.secretarias i {
   content: "";
   display: block;
   position: relative;
   bottom: 0;
   margin: auto;
   height: 10px;
   text-align: center;
   width: 360px;
   border-top: solid 3px #a0a0a0;
}

.sec_buscar input {
   min-width: 266px;
   border: none;
   padding: 6px 10px;
   font-size: 1em;
   background: none;
}

.sec_buscar i {
   content: "";
   display: block;
   position: relative;
   bottom: 0;
   margin: auto;
   height: 10px;
   text-align: center;
   width: 374px;
   border-top: solid 3px #a0a0a0;
}

.sec_buscar a {
   width: 40px;
   height: 40px;
   position: relative;
   top: 6px;
   left: -1px;
}
.buscar {
   height: 20px;
   width: 20px;
   cursor: pointer;
}
.buscar:hover {
   transition: all .3s;
   top: 4px;
}

.folders {
   display: block;
   width: 80%;
   margin: 0 auto;
   border: solid 2px #c1c1c1;
   margin-bottom: 8%;
}

.item_norma p {
   font-size: .8em;
   font-family: "Roboto", sans-serif;
   margin: 2px 0;
}

.item_norma {
   border-bottom: solid 2px #ccc;
   padding: 6px;
}

.item_norma span {
   width: 68%;
   display: inline-block;
   vertical-align: top;
}
.item_norma >  p {
   width: 14%;
   display: inline-block;
   vertical-align: bottom;
   text-align: center;
   height: 31px;
   line-height: 2;
   position: relative;
   font-weight: 700;
   font-size: 0.9em;
}
.item_norma > a {
   width: 100px;
   display: inline-block;
   vertical-align: top;
   text-align: center;
   color: #000;
   text-decoration: none;
   padding-left: 27px;
   font-family: "Roboto",sans-serif;
   padding: 3px 3px 3px  27px;
   border: solid #868686 1px;
   font-weight: 600;
   background: url(../images/descarga.png);
   background-repeat: no-repeat;
   margin-top: 3px;
}

.item_norma > a:hover {
   background-color: rgba(2, 2, 2, 0.11);
   transition: all .3s;
}
.normas_ver {
   background: none!important;
   border: none!important;
   width: 80%!important;
   text-align: left!important;
   font-weight: 400!important;
   font-size: 0.9em!important;
}
.abiertof {
   height: auto;
   min-height: 121px;
   max-height: 8000px;
}

.loginform h3 {
   font-family: "Roboto Condensed", sans-serif;
   font-size: 1.5em;
}

.loginform {
   font-family: "Roboto Condensed", sans-serif;
}

.loginform label {
   display: block;
   text-align: left;
   font-weight: 500;
   font-size: 1em;
   margin-top: 1em;
}

.loginform {
   width: 80%;
   max-width: 378px;
   display: block;
   position: relative;
   margin: auto;
}
.loginform input ,  .loginform select {
   display: block;
   text-align: left;
   width: 100%;
   padding: 9px 5px;
   margin-bottom: 1em;
   box-sizing: border-box;
   border: solid 1px #7a8ea2;
   border-bottom: solid 3px #24d000; 
   font-size: 0.9em;
}

.btn_acces {
   background: #001e3c!important;
   border: none!important;
   text-transform: uppercase!important;
   text-align: center!important;
   color: white;
   font-family: "Open Sans", sans-serif!important;
   font-size:1em!important;
   letter-spacing: 2px;
   width: 100%;
   padding:8px    ;
   position: relative;
   display: block;
   box-sizing:border-box;
}
.muestra2 a:last-child {
   border: none;
}
.pass {
   color: #444444;
   font-size: .9em;
   margin-top: 2em;
   display: block;
   text-align:center;
}

.modalPopup0 .cont_pop {
   width: 548px;
}
.menu a b {
   display: block;
   font-weight: 900;
}
.dirfix {
   padding-top: 133px;
}

.dirbusca {
   margin-bottom: 2.3em;
}

.accionesyp ul {
   width:20%   
}

.accionesyp li {
   width: 24.6%;
   display: inline-block;
   margin: auto;
   background: white;
   border-bottom: solid 1px #ccc;
   margin-bottom: 1.6em;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.37);
}

ul.accionesyp {
   width: 90%;
   margin: auto;
   /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.37); */
   /* background: white; */
   padding: 0;
}

.accionesyp li span {
   border: none!important;
}
.secretarias p {
   display: inline-block;
   margin: 0;
}

.acontecimientosr li {
   font-family: "Roboto", sans-serif;
   font-size: 0.7em;
   padding: 2em!important;
   text-align: center;
   width: 30%;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: top;
   margin: -0.2em 1.4%;
   border-top: solid 2px #ccc;
}
.acontecimientosr li a p {
       font-size: 1.3em;
       margin: 0;
       text-decoration: none;
       color: #000;
}
.acontecimientosr li a   {
        color: #000!important;
   font-size: 1em;
   text-align: left;
   text-decoration: none;
   margin: 1px 1px 0;
}

.acontecimientosr li a img {
      display: block;
      width: 100%;
      max-height: 211px;
}
.acontecimientosr li a h5 {
   font-size: 1.3em;
   margin: 0;
} .acontecimientosr > ul {
   width: 90%;
   overflow: hidden;
   margin: 0 auto;
}


.secretarias p {
   display: inline-block;
   margin: 0;
}

.acontecimientosr li {
   font-family: "Roboto", sans-serif;
   font-size: 0.7em;
   padding: 2em!important;
   text-align: center;
   width: 30%;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: top;
   margin: -0.2em 1.4%;
   border-top: solid 2px #ccc;
}
.acontecimientosr li a p {
       font-size: 1.3em;
       margin: 0;
       text-decoration: none;
       color: #000;
}
.acontecimientosr li a   {
        color: #000!important;
   font-size: 1em;
   text-align: left;
   text-decoration: none;
   margin: 1px 1px 0;
}

.acontecimientosr li a img {
      display: block;
      width: 100%;
      max-height: 211px;
}
.acontecimientosr li a h5 {
   font-size: 1.3em;
   margin: 0;
} 
.acontecimientosr > ul {
   width: 90%;
   overflow: hidden;
   margin: 0 auto;
}

.acon_det {
   display: block;
   width: 100%;
   padding: .5em 1.5em 0;
   box-sizing: border-box;
} 

.ac_izq {
   display: inline-block;
   position: relative;
   width: 50%;
   vertical-align: top;
}

.ac_der {
   display: inline-block;
   position: relative;
   width: 47%;
   margin-left:;
   vertical-align: top;
   text-align: center;
   box-sizing: border-box;
   }
.ac_izq h5 {
   color: #071838;
   font-size: 0.9em;
   margin: .3em;
   font-weight: 500;
}

.ac_izq h2 {
   font-size: 1em;
   color: #0a326f;
   margin: .2em;
   font-weight: 800;
}

.det_ac {
   display: block;
   width: 95%;
   text-align: justify;
   overflow: auto;
   height: 261px;
   font-size: .9em;
   font-family: "Roboto", sans-serif;
   padding: .2em .9em 1em  0;
}

.ac_der img {
   min-width: 100%;
   width: 100%;
   display: block;
   text-align: left;
   position: relative;
   margin: 22px auto 0 auto;
   max-height: 311px;
}

.fechadof {
   font-family: "Roboto",sans-serif;
   display: inline-block;
   margin: 0 0 -1px 5px;
   border: solid 1px #a9a9a9;
   padding: 7px 36px;
   vertical-align: baseline;
}

.secretarias > p > img {
   width: 40px;
   margin: 0 0 -13px 0;
   position: relative;
   display: inline-block;
}

.dof .item_norma span {
   width: 82%;
}

.easy-tree ul li   span {
   display: inline-block;
   vertical-align: top;
   max-width: 200px;
   margin: 6px 2px;
   position: relative;
   height: auto;
}

.dir_compl {
   display: block;
   padding-top: 136px;
}

.dir_c01 {
   display: inline-block;
   width: 70%;
   vertical-align: top;
   margin: 0;
   padding: 1em;
}

.dir-scretarias {
   display: inline-block;
   width: 20%;
   vertical-align: top;
   margin: 0;
   padding: 1em;
   background: #d3d8db;
   font-size: 1em;
   font-family: "Roboto Condensed", sans-serif;
   color: #002840;
}

.easy-tree ul {
   padding-left: 82px;
}

.easy-tree li.parent_li > span > span {
   display: none;
}

.easy-tree ul li span > span {
   display: none;
}

.dir-scretarias h3 {
   font-size: 1.2em;
   color: #002840;
}

.dir-scretarias a {
  color: #002840;
   font-size: 1em;
   font-weight: 500;
   display: block;
   width: 100%;
   padding: 5px 5px;
   box-sizing: border-box;
   border-bottom: solid 1px #889096;
   font-weight:800;
}
.menu a:hover {
   color: #02456d;
}
.salida {
   display: inline-block;
   background: url(../images/salir.png);
   height: 22px;
   width: 24px;
   vertical-align: top;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   top: -3px;
   position: relative;
}
.searchb {
   text-align: center;
}


.busqueda_resulta {
   display: block;
   width: 80%;
   margin: 0 auto; 
   margin-bottom: 8%;
}

.item_result { 
   display: block;
   border-bottom: solid 1px #7d7d7d;
   margin-bottom: 1em;
   background: aliceblue;
   font-family: "Roboto", sans-serif;
   color: #06244a;
   padding: .5em;
   box-shadow: 0px 0px 1px #000000a3;
} 

.item_result h2 {
   font-size: 1em;
   margin: 0;
}

.item_result h3 {
   font-size: 0.9em;
   margin: 0;
}

.item_result p {
   font-size: .9em;
   max-width: 1000px;
   max-height: 60px;
   overflow: inherit;
   margin: 0;
}

.item_result img {
   max-width: 96px;
   display: inline-block;
   margin-right: 1em;
   vertical-align: top;
   margin-bottom: 29px;
   float: left;
}
.formcontacto {
 display: block;
 position: relative;
 list-style: none;
 background: #f0f3f4bf;
 width: 92%;
 box-sizing: border-box;
 margin: 12px auto 0 auto;
 color: #444;
 box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
 padding: 9px 18px;
 border-top: solid 6px #25D302;
 max-width: 743px;
     border: solid 1px #ccc;
   border-top: solid 6px #25D302;
}
.formcontacto ul{
list-style: none;
margin: 0;
padding: 0;

}
.formcontacto h5{font-size: 0.9em;margin: 6px;}
.formcontacto ul li{
list-style: none;
margin: 0;
padding: 0;
}
.formcontacto ul li input{
 border: none;
 border-bottom: 2px solid #b5b3b3;
 margin: 5px 0;
 background: #f0f4f4;
 width: 70%;
 height: 33px;
 box-sizing: border-box;
 vertical-align: bottom;
 padding: 15px 11px  0 15px;
 outline: none;
}
.formcontacto ul li select{
 border: none;
 border-bottom: 2px solid #b5b3b3;
 margin: 5px 0;
 background: #f0f4f4;
 width: 70%;
 height: 33px;
 box-sizing: border-box;
 vertical-align: bottom;
 padding: 15px 11px  0 15px;
 outline: none;
}
.formcontacto.doblcol {
   width: 100%;
   max-width: 1600px;
   border-top: solid 6px #839a9c;
}
.formcontacto.rescol {
   width: 100%;
   max-width: 1600px;
   border-top: solid 6px #b4d661;
}

.formcontacto.doblcol ul li {
   width: 46.9%;
   display: inline-block;
   vertical-align: top;
   box-sizing: border-box;
   margin: 1px 1%;
}

.formcontacto.doblcol ul {
   margin: 0!important;
   padding: 0!important;
}
.formcontacto.rescol ul li {
   width: 80%;
   display: inline-block;
   vertical-align: top;
   box-sizing: border-box;
   margin: 3px auto;
   background: #e1e4e4;
   text-align: left;
   padding: 3px 10px;
}
.formcontacto.rescol ul li a {color: #1b1b1b;text-align: left;margin: 0;font-weight: 500;font-size: .9em;}
.formcontacto.rescol ul {
   margin: 0!important;
   padding: 0!important;
}
.formcontacto ul li input[type="submit"], .formcontacto ul li  button{
 border: none;
 margin: 25px 0;
 width: 70%;
 background: #001d3d;
 height: 33px;
 color: #fff;
 padding: 5px;
 font-size: 1em;
 letter-spacing: 2px;

}
.formcontacto ul li input[type="submit"]:hover, .formcontacto ul li  button:hover{
transition:all .3s;
background: #001d3d;
color: #fff;
}
.formcontacto ul li input[type="textarea"] {
 outline: none;
 background: #ffffff33;
 color: #000;
 border-bottom: solid 2px #ccc;
 height: 100px;
 margin-top: 14px;
 vertical-align: top;
 box-sizing: border-box;
 padding-top: 0;
 border-top: none;
}


.masinfo2 h1 {
   color: black;
   font-size: 1em;
   text-align: center;
}


.logincss {
   margin: 1em auto;
   display: block;
   position: relative;
   width: 97%;
   box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
       padding-bottom: 2em;
}

.logincss h3 p {
   display: inline-block;
   font-size: 1em;
   color: #1869c1;
   margin: 0;
}
.logincss h3 span    {
   display: inline-block;
   font-size: 1em;
   color: #001d3d;
}

.logincss h3 i {
   display: block;
   margin: 0;
   position: relative;
   padding: 0;
   color: #001d3d;
   font-size: 0.8em;
   font-weight: 600;
   font-style: normal;
   text-align: center;
}

.logincss h3 {
   text-align: center;
   width: 49.8%;
   display: inline-block;
   background: rgba(105, 107, 119, 0.26);
   vertical-align: top;
   color: #1869c1;
   padding: 1.3em;
   height: 92px;
   cursor:logp2;
   font-size: 1.2em;
   box-sizing: border-box;
   margin: 0;
   cursor:pointer;
   box-shadow: inset 1px -2px 7px 0px hsla(0, 0%, 0%, 0.15);
}

.logp2 h5 {
   font-size: 1em;
   text-align: center;
}
.logincss h3.activados {
   box-shadow: none;
   background: #fff;
   font-size: 1.3em;
}

.masinfo2 {
   font-size: 1em;
   color: azure;
}

.masinfo2 h1 {
   color: #023771;
   font-size: 1em;
   text-align: center;
   font-weight: 600;
   max-width: 800px;
   margin: 2.3em auto;
}

.logp2 {
   display: block;
   position: relative;
   list-style: none;
   background: rgba(166, 209, 234, 0.19);
   width: 92%;
   box-sizing: border-box;
   margin: 12px auto 0 auto;
   color: #444;
   box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
   padding: 9px 18px;
   border: solid 1px #ccc;
   border-top: solid 6px #25D302;
   max-width: 743px;
}

.logp2 input {
      border: none;
   border-bottom: 2px solid #b5b3b3;
   margin: 5px 0;
   background: #f0f4f4;
   width: 70%;
   font-size: 15px;
   height: 33px;
   box-sizing: border-box;
   vertical-align: bottom;
   padding: 15px 11px 0 0px;
   outline: none;
}

.logp2 .btn_acces {
   border: none;
   margin: 25px auto;
   width: 70%;
   background: #001d3d!important;
   height: 33px;
   color: #f1f1f1;
   padding: 5px;
   font-size: 1em;
   text-align: center!important;
   letter-spacing: 2px;
}

/*NORMATIVIDAD LISTADO*/

.col_3s {
   width: 32%;
}

.pnl_lista {
   display: block;
   width: 84%;
   margin: 1.5em auto;
   border: solid 2px #c1c1c1;
   margin-bottom: 8%;
}

.pnl_lista h4 {
       background-color: #d6d6d6;
       color: #171717;
       cursor: pointer;
       padding: 16px 12px 16px 28px;
       width: 100%;
       border: solid 1px #9a9a9a;
       border-left: none;
       text-align: left;
       border-right: none;
       outline: none;
       box-sizing: border-box;
       vertical-align: middle;
       font-family: "Roboto" , sans-serif;
       text-transform: uppercase;
       font-size: 0.9em;
       font-weight: 600;
       box-shadow: 0 -3px 32px #fff;
       margin: 0;
}

.exito h3 {
   font-size: 2.4em !important;
   color: #989ead !important;
   margin: 4px 0 0 0!important;
}

.exito > img {
   text-align: center;
   display: block;
   margin:  0 auto;
}

.exito {
   display: block; 
   text-align: center;
   margin: 10px auto 0;

}

.exito img {
   width: 80%;
   max-width: 134px;
   opacity: 0.6;
}

.confirma {text-align: center;display: block;position: relative;}

.confirma p {
   text-align: center;
   margin: 6px 0 0 0;
}

.confirma p:first-child {
   font-size: 1.3em;
   margin: 0 0 25px 0;
}
/*NORMATIVIDAD LISTADO*/

/*HEADER inicia-------------- */ 
.menu1 {
   margin: 0 auto;
   width: 99%;
   max-width: 1350px;
}

.direccion {
   width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 0;
    float: right;
    text-align: right;
    box-sizing: border-box;
    height: 31px;
    padding: 9px 12px 0 44px;
   /* border-top: dotted 1px #ccc; */
   /* border-bottom: dotted 1px #ccc; */
   /* border-color: var(--color-primario); */
}

.horarios {
   width: 24%;
   display: inline-block;
   vertical-align: top;
   margin: 0;
   text-align: right;
   box-sizing: border-box;
   height: 44px;
   padding: 13px 5px 0 5px;
   border-top: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
}
.redes {
   width: auto;
   display: inline-block;
   vertical-align: top;
   margin: 0;
   text-align: right;
   vertical-align: top;
   box-sizing: border-box;
   height: 44px;
   float: right;
   padding: 10px 5px 0;
   /* border-top: solid 1px #ccc; */
   /* border-bottom: solid 1px #ccc; */
}

.redes a img {
   max-width: 100%;
}

.horarios p {
   text-align: left;
}
.direccion p:before {
   width: 23px;
   height: 21px;
   position: relative;
   background: url(../images/ico-location.png);
   margin: -3px 0 0px 0;
   display: inline-block;
   content: "";
   vertical-align: top;
}
.horarios p:before {
   width: 20px;
   height: 19px;
   position: relative;
   background: url(../images/ico-horario.png);
   margin: -3px 0 0px 0;
   display: inline-block;
   content: "";
   vertical-align: top;
}
.submenu {
   width: 100%;
   background: #44474e;
   height: 36px;
   color: #fff;
}

.submenu > ul {
   color: #fff;
   display: flex;
   list-style: none;
   justify-content: start;
   padding: 0 20% 0 0px;
   align-items: flex-start;
   width: 70%;
   margin: 0 auto;
   box-sizing: border-box;
   width: 100%;
   max-width: 1350px;
   text-align: left;
   transition-delay: 0.4s;
   -webkit-transition-delay: 0.4s;
}

.submenu > ul > li {
   padding: 0 4% 7px;
   list-style: none;
   margin: 7px 1% 0 1%;
   position: relative;
   transition-delay: 0.2s;
   -webkit-transition-delay: 0.2s;
}

.submenu > ul > li > a {
   color: #eaeaea;
   text-decoration: none;
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   margin: 0px 0 0 0;
   font-size: 0.9em;
   font-weight: 6;
   transition: all .2s;
}

.select {
   color: var(--color-primario)!important;
   font-weight: 700!important;
   z-index: 1;
}
.submenu > ul > li > ul {
   display: block;
   position: absolute;
   background: none;
   width: 110%;
   margin: 4px 0 0 0%;
   left: 0;
   text-align: left;
   overflow: hidden !important;
   opacity: 0.3;
   height: 24px;
   overflow: hidden;
   z-index: 94;
   top: -6px;
   padding-top: 29px;
   padding-right: 0;
   box-sizing: border-box;
}

.submenu > ul > li > ul li {
   /* text-align: left; */
   padding: 2px 0 1px 0px;
   font-size: .85em;
   background: #676a6f;
   transition-delay: 0.4s;
   -webkit-transition-delay: 0.4s;
   border: solid 1px #5e6167;
}

.submenu > ul > li > ul li a:hover {
   transition: all .2s;
   color: var(--color-primario)!important;
   background: none;
}
.submenu > ul > li > ul > li > a {
   color: #fff;
   text-decoration: none;
   background: #676a6f;
   display: block;
   width: 100%;
   padding: 4px 0px 4px 0px;
   text-align: left;
   font-weight: 400;
}
.submenu > ul > li > ul:before {
   content: "";
   position: absolute;
   right: 10px;
   top: 10px;
   width: 0;
   height: 0;
   transition: all .3s;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid rgb(255, 255, 255);
} 
 .submenu > ul > li > ul > li > ul:before {
   content: "";
   position: absolute;
   top: -14px;
   right: 10%;
   width: 0;
   height: 30px;
   transition: all .3s;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid rgb(255, 255, 255);
}   

.submenu > ul > li:hover > ul:before, .submenu > ul > li > ul > ul > li:before {
   border-top: 7px solid rgb(68, 71, 78);
   border-top-color:
   transition: all 0.2s;
   transform: rotate(-45deg);
}


.submenu > ul > li > ul li ul {
   width: 100%;
   flex-direction: column;
   border: none;
   position: relative;
   height: 1px;
   overflow: hidden;
   transition-delay: 0.5s
}

.submenu > ul > li > ul li ul li {
   display: block;
   border: none;
   width: 100%;
}

.submenu > ul > li > ul > 
li {
   text-align: left;
   padding: 3px 0 1px 19px;
}
.submenu > ul > li > ul > a {
   width: 100%;
   display: block;
   color: #fff;
   text-decoration: none;
   text-align: left;
   margin: 4px 0 0 1px;
}

.submenu > ul > li > ul li ul {
   width: 100%;
   flex-direction: column;
   border: none;
   position: relative;
   height: 1px;
   overflow: hidden;
}

.submenu > ul > li > ul li ul li {
   display: block;
   border: none;
   width: 100%;
   transition: all .3s;
}
.open ul {
   transition-delay: .03s;
   -webkit-transition-delay: 0.03s;
   height: 100% !important;
   transition: all .1s
}

.submenu > ul > li > ul > li ul li a {
   color: #ffffff;
   text-decoration: none;
   font-family: "Montserrat", sans-serif;
   margin: 0px 1px 2px 12px;
   font-size: 1.1em;
   padding: 9px 0 5px 0;
   font-weight: 6;
   text-transform: inherit;
   text-align: left;
   transition: all .2s;
   display: block;
}
.mas:before {
   content: "";
   position: absolute;
   right: 6px;
   top: 14px;
   width: 0;
   height: 0;
   transition: all .3s;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid rgba(255, 255, 255, 0.67);
   transform: rotate(-90deg);
}

.mas.menos:before {
   border-top: 7px solid rgb(68, 71, 78);
   border-top-color: var(--color-primario)!important;
   transition: all 0.2s;
   transform: rotate(0deg);
}
.submenu > ul > li > ul > li ul li a:hover {
   transition: all .2s;
   color: var(--color-primario)!important;
   background: none;
}
.submenu > ul > li > ul > 
li {
   text-align: left;
   padding: 7px 0 5px 19px;
   cursor: pointer;
   position: relative;
}
.usuario {
      display: inline-block;
      width: 23%;
      height: 29px;
      vertical-align: top;
      margin: -2px 0 0 1%;
      background: #ededed8c;
      box-sizing: border-box;
      /* border: solid 1px #44474e; */
      border-radius: 1px;
      padding: 1px 0 0 4px;
      position: absolute;
      right: 0;
}

.user ul {
   display: block;
   position: absolute;
   top: 27px;
   right: 0;
   overflow: hidden;
   height: 1px;
   text-align: right;
   width: auto;
   background: #5a5c63;
   z-index: 100;
   padding: 0em 1.1em 0px 0;
   border-radius: 2px;
   opacity: 0;
   box-shadow: 0 3px 13px #0000002b;
}

.user ul li {
   text-align: right;
   font-size: .9em;
   line-height: 1;
   margin: 0 0 4px 0;
   color: var(--color-primario);
   border: none;
}
.submenu > ul > li:hover > ul  {
   display:block;
   transition: all .4s;
   height: auto;
   opacity: 1;
   z-index: 10000;
   box-shadow: 0 8px 20px #0101014a;
   transition-delay: 0.2s;
   -webkit-transition-delay: 0.2s;
}
.submenu > ul > li > a:hover {
   transition: all .3s;
   color: #ffffff;
   max-width: 100%;
   box-sizing: border-box;
}.extras {
   position: absolute;
   right: 0;
   bottom: -54px;
   width: 20%;
   text-align: right;
   height: 30px;
}

.extras a {
   width: 30px;
   height: 30px;
   display: inline-block;
   vertical-align: top;
   margin: 2px 11px 0 0;
}

.lupa {
   background: url(../images/ico-lupa.png);
   background-position: 1px -2px;
}
.carrito {
   background: url(../images/ico-carrito.png);
   background-position: -2px -1px;
}
.megusta {
   background: url(../images/ico-like.png);
   background-position: -2px 0px;
}
.user i {
   background: var(--color-primario) url(../images/ico-user2.png);
   background-position: 0px 0px;
   width: 24px;
   height: 24px;
   position: relative;
   background-repeat: no-repeat;
   margin: 0px 0 0 0;
   line-height: 0;
   padding: 0 0 0 0;
   display: inline-block;
   vertical-align: top;
   border-radius: 20px;
}
.user >  span {
   margin: 0px 1px 0;
   padding: 0;
   vertical-align: top;
   font-size: 0.8em;
   display: inline-block;
   line-height: 1;
   color: black;
   width: 85%;
   text-align: center;
   width: calc(100% - 38px);
}

.user > a {
   margin: 6px 5px 0 1px;
   padding: 0;
   vertical-align: top;
   font-size: 0.8em;
   border: none;
   line-height: 1;
   color: #303f44;
   width: auto;
   display: inline-block;
}
.user ul li a:hover {
   transition: all .3s;
   color: #0a0000;
}
.user:hover ul {
   display: block;
   cursor: pointer;
   transition: all .3s;
   transition-delay: 0.3s;
   border: none;
   -webkit-transition-delay: 0.3s;
   padding: 1em 1.1em 1px 0;
   opacity: 1;
   height: auto;
   box-sizing: border-box;
}

.user ul li a {
   text-align: right;
   font-size: 1.05em;
   min-width: 135px;
   margin: 0px 0 6px 0;
   color: var(--color-primario);
   padding: 7px 0 12px 0;
   border: none;
   text-decoration: none;
   display: block;
   height: auto;
   border-bottom: solid 1px #e2e2e2;
   width: 100%;
}
.extras {
   position: absolute;
   right: 0;
   bottom: -52px;
   width: 20%;
   text-align: right;
   height: 30px;
}

.extras a {
   width: 30px;
   height: 30px;
   display: inline-block;
   vertical-align: top;
   margin: 2px 11px 0 0;
   border-radius: 20px;
   width: 31px;
   /* border: solid 1px #00000047; */
   box-sizing: border-box;
}

.lupa {
   background: url(../images/ico-lupa.png);
   background-position: -2px -2px;
}
.user {display: inline-block;position: relative;width: 100%;}

.carrito {
}
.p-filtro:hover  > span:before {
   border-top: 7px solid rgb(48, 48, 48);
   transition: all .4s;
}
.redes > span {
   display: inline-block;
   text-align: center;
   width: auto;
   height: 22px;
   vertical-align: top;
   font-weight: 200;
   margin: 0 -2px;
   border-right: dashed 1px #c2e7a9;
   border-right-color: var(--color-primario)!important;
   line-height: 22px;
   padding: 0px 23px 0px 21px;
   border-top: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
}

.user   span   a {
   margin: 0px 1px 0 1px;
   text-decoration: none;
   font-size: 1.2em;
   text-align: left;
   height: 20px;
   font-weight: 500;
   max-width: 147px;
   /* width: 100%; */
   padding: 8px 5px 0 7px;
   display: inline-block;
   color: #000000;
   white-space: nowrap;
   font-family: "Roboto Condensed", sans-serif;
}

.user  span   a:hover {
   color: black;
}

.user > span > a:nth-child(2) {/*border-left: 1px solid #ccc;*/}
/*HEADER TERMINA */


/*BUSCADOR INICIA*/
.pn-buscar {
   position: relative;
   margin: 0 auto;
   width: 99%;
   max-width: 1350px;
   z-index: 1;
   display:none;
}

.buscador {
   position: relative;
   width: 84%;
   height: 38px;
   margin: 1em 1em;
   border-radius: 3px;
   box-shadow: inset 0 0 0 1px #bac8d3;
   box-shadow: inset 0 0 0 1px #bac8d354;
   z-index: 2;
   background: #fafefd;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: top;
}

.buscador > div > ul {
   display: none;
   list-style: none;
   width: 98%;
   margin: 3px;
   /* height: 32px; */
   padding: 0;
   text-align: left;
   box-shadow: 0 6px 19px #00000052;
}
.p-filtro > span {
   color: #474646;
   display: block;
   padding: 6px 0 8px 16px;
   font-size: 0.9em;
   position: relative;
   max-width: 200px;
   margin: 0px auto;
}

.p-filtro > span:before {
   content: "";
   position: absolute;
   right: 19px;
   top: 13px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid rgb(195, 198, 205);
}

.p-filtro {
   position: relative;
   width: 21%;
   background: #f7f7f7;
   border-right: solid 1px #ccc;
   margin: 2px;
   /* height: 32px; */
   display: inline-block;
   max-width: 227px;
   cursor: pointer;
   height: auto;
   vertical-align: top;
}

.buscador > div ul li {
   text-align: left;
}

.buscador > div > ul li input {
   display: none;
}

.filter1 {
   display: block;
   margin: 0 0px 0px 0px;
   border-top: solid 1px #e8e8e8;
   cursor: pointer;
   padding: 10px 3px 6px 8px;
   background: white;
}

.filter1 span {
   display: inline-block;
   border: solid 1px #929191;
   width: 16px;
   height: 16px;
   border-radius: 3px;
   vertical-align: top;
   float: left;
}

.filter1 p {
   display: inline-block;
   vertical-align: top;
   margin: 1px 0 0 4px;
   text-transform: uppercase;
   font-size: 0.75em;
   font-weight: 100;
   width: calc(100% - 33px);
   vertical-align: top;
   overflow-wrap: break-word;
}
.btn_buscar:hover {
   transition: all .3s;
   opacity: 0.6;
}
.pnl-filtros {
   display: none;
   width: 100%;
   margin: 0 0 0 0;
   padding: 0 0px 14px 0;
   box-shadow: 0 17px 11px #00000021;
}

.filtros {background: #fff;box-shadow: inset 0 0 0 1px #c4cfd8;color: #374957;display: inline-block;width: 10%;position: relative;height: 38px;margin: 16px 0 0 0;outline: none;text-align: center;border: none;border-radius: 3px;cursor: pointer;} 

.filtros i {
    background: url(../images/filtros.png);
    background-position: 1px -2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.filtros span {
   font-size: .9em;
   margin: 7px 5px;
   display: inline-block;
}

.filtros:hover {
   transition: all .3s;
   background: #fefeff;
   box-shadow: inset 0 0 0 2px #a8b4be;
   box-shadow: inset 0 0 0 1px #d0dde8;
}

.pnl-filtros > div {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 18%;
}

.pnl-filtros > div:nth-child(2) {
   width: 46%;
}

.pnl-filtros > div h4 {
   padding: 0;
   margin: 0 0 0 18px;
   font-size: 1em;
   font-weight: 700;
   color: #313131;
   text-align: left;
   text-transform: uppercase;
   font-size: .8em;
}

.pnl-filtros > div ul {
   text-align: left;
   margin: 0 0 0 9px;
   padding: 0 0 0 0px;
}

.pnl-filtros > div ul li {
   text-align: left;
}

.pnl-filtros > div ul li input {
   display: none;
}

.pnl-filtros > div:nth-child(2) li {
   display: inline-block;
   width: 24%;
   vertical-align: top;
}

.pnl-filtros > div:nth-child(2) {
   border-left: solid 1px #e7e7e7;
   border-right: solid 1px #e3dfdf;
}
.lvl-1 {
   margin: 1em auto;
   width: 99%;
   max-width: 1350px;
}

/*BUSCADOR TERMINA---------------------- */
/*SLIDER inicia---------------------- */


.pnl-lentes-slider {
   margin: 0 auto 2em;
   width: 99%;
   max-width: 1350px;
   /* border-bottom: dotted 2px #44474e; */
   min-height: 400px;
   padding-bottom: 5px;
   /* border-color: var(--color-primario); */
   padding: 0px;
   padding-bottom: 8px;
   /* box-shadow: inset 0 0 106px #e7eaf1; */
}

.item_S1 {
    display: inline-block;
    vertical-align: middle;
    width: 28.4%;
    margin: 7px 2%;
    position: relative;
    height: 216px;
    overflow: hidden;
} 

.item_S1 a {
   text-align: center;
   font-family: "Montserrat", sans-serif;
   box-shadow: 0 0 21px #9096c72b;
}

.item_S1 a h5 {
   position: absolute;
   bottom: 36px;
   text-align: center;
   color: #000;
   width: 94%;
   margin: 0 auto;
   font-size: 0.6em;
   background: rgba(255, 255, 255, 0.87 );
}

.precios {
   position: absolute;
   bottom: -1px;
   text-align: center;
   width: 100%;
   margin: 0;
   height: 25px;
   left: 0;
   padding: 0;
   background: rgba(255, 255, 255, 0.87 );
}

.precios p {
   margin: 0 0 0 0;
   text-align: center;
   color: #000000;
   padding: 0;
   display: inline-block;
}
.item_S1 a:hover { 
   transition: all ease .3s;
   border-radius: 10px;
}
.item_S1.nuevos:after {
   content: "";
   height: 39px;
   background: url("../images/nuevo.png");
   width: 70px;
   position: absolute;
   right: 21px;
   top: 18px;
   z-index: 5;
   background-repeat: no-repeat;
   display: block;
   background-size: 100%;
}
.item_S1.top:after {
   content: "";
   height: 39px;
   background: url("../images/top1.png");
   width: 35px;
   position: absolute;
   right: 21px;
   top: 18px;
   z-index: 5;
   background-repeat: no-repeat;
   display: block;
   background-size: 100%;
}
.item_S1.promos i {
   position: absolute;
   display: block;
   width: 50px;
   height: 50px;
   background: var(--color-descuento)!important;
   right: 12px;
   top: 14px;
   border-radius: 32px;
   line-height: 50px;
   font-style: normal;
   word-break: break-word;
   white-space: nowrap;
   font-weight: 700;
   z-index: 11;
   font-size: 0.8em;
}
.precios span {
   color: #e51212;
   font-size: 0.9em;
   text-decoration: line-through;
   margin: 0 13px 0 0;
}
.vertodos {
   display: block;
   position: relative;
   font-size: 0.9em;
   text-align: center;
   max-width: 173px;
   background: #f8fcff;
   font-weight: 700;
   color: #454849;
   border: solid 1px #ccc;
   padding: 4px 0 4px 0px;
   border-radius: 14px;
   margin: 7px auto 2px;
   box-shadow: inset 0 0px 19px #ededed;
}


input[type="checkbox"] + label span {
   display:inline-block;
   width:19px;
   height:19px;
   border-radius:5px;
   margin:-1px 4px 0 0;
   vertical-align:middle;
   background:url(../images/cheked.png) -20px top no-repeat;
   cursor:pointer;
}
input[type="checkbox"]:checked + label span {
   background:url(../images/cheked.png) -0 top no-repeat;
}
.filter1:hover {
   transition: all .3s;
   background: #fdffff;
}

.filter1:hover span {
   border: solid 1px #000000;
   transition: all .3s;
}

.filter1:hover p {
   color: #000;
   font-weight: 400;
}

/*SLIDER TERMINA---------------------- */

/* MENU IZQUIERDO INICIA--------------------- */
.productos {
   position: relative;
   margin: 1em auto;
   width: 99%;
   display: flex;
   max-width: 1350px;
   z-index: 10;
   justify-content: space-around;
   min-height: 70vh; 
}

.pnl-izq {
   display: inline-block;
   width: 22%;
   display: inline-flex;
   text-align: left;
   flex-wrap: wrap;
   justify-content: left;
   align-items: start;
   transition: all 0.4s;
}

.pnl-der {
   width: 76.1%;
   display: inline-flex;
   text-align: left;
   flex-wrap: wrap;
   justify-content: left;
   align-items: start;
   vertical-align: top;
   align-self: start;
   /*min-height: 64vh;*/
}

.pnl-izq {
   background: #f3f7fa;
   padding: 0.4em 9px 0 0.8em;
   box-sizing: border-box;
   border-radius: 3px;
   box-shadow: 0 0 5px #e5e6e7;
}
.pnl-der.xdosder {
    align-items: end;
    justify-content: right;
    margin-left: 25%;
}
.pnl-izq > div > h3 {
   color: #42474d;
   margin: 22px 0 8px 0;
   font-size: 1.15em;
}

.subcont {
   display: block;
   color: #7b7b7b;
   vertical-align: top;
   position: relative;
}

.subcont p {
   margin: 0 0 0 0;
   font-size: 0.8em;
}

.noslect {
   text-align: center;
   border: dashed 1px #a6d6be;
   padding: 6px 5px;
   border-radius: 5px;
   background: #f2f9f7;
   display: block;
   position: relative;
   overflow: auto;
   width: 100%!important;
   padding: 39px 0 6px 0;
   vertical-align: top;
   display:flex;
}
.favoritos {flex-wrap: wrap;min-height: auto !important;justify-content: left;}
.noslect.lleno  {
    
max-width: 99%;
    
text-align: left;
}
.noslect p {line-height: 1.1;width: 70%;margin: 7px auto;}

.cat {
   display: block;
   text-align: left;
   margin: 0;
   box-sizing: border-box;
   padding: 1px 1px;
}
.pnl-izq > div > h3:first-child {
   margin: 3px 0 10px 0;
}
.det_car {
   display: flex;
   width: 100%;
   position: relative;
   flex-direction: column;
   vertical-align: top;
}

.det_car > div {
   width: 100%;
   display: flex;
   justify-content: space-between;
}


.ver_car2 {
   border-radius: 3px;
   color: var(--color-primario);
   padding: 7px 31px 7px 8px;
   text-decoration: none;
   font-size: 0.75em;
   background: #44474e url(../images/cart.svg);
   box-sizing: border-box;
   background-size: 16px;
   background-repeat: no-repeat;
   background-position: 79px 7px;
   width: 104px;
   display: block;
   vertical-align: top;
   top: 0;
}
.cat ul {
   padding: 0 1px 8px 9px;
   text-align: left;
   font-size: 1em;
   color: #404243;
   font-weight: 300;
   opacity: 1;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.cat > ul > li {
   text-align: left;
   font-weight: 500;
}

.cat ul li a {
   color: #5e5e5e;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: 300;
   /* max-width: 100%; */
   font-size: .9em;
   margin: 0px 0 0px 0;
}
.cat ul li a img {
   max-width: 100%;
   margin: 0;
   padding: 0;
   border-radius: 10px;
}
.cat > ul > li > ul li {
   font-size: .9em;
   text-align: left;
   color: #ccc;
}

.cat > ul > li {
   font-weight: 600;
   opacity: 1;
   margin: 0 0% 15px 0;
   opacity: 0.7;
   width: 47%;
   flex-basis: 47%;
   padding: 0px 0 0 0;
   border-radius: 11px;
   line-height: 0;
   background: #fff;
   background-color: var(--color-primario)!important;
   text-align: center;
   box-shadow: 0 0 4px #b9dcea;
   /* border: solid 1px #a7a7a7; */
}

.cat > ul > li p {}

/* MENU IZQUIERDO TERMINA--------------------- */


/* galeria lentes inicia --------------------- */

.titulos {
   width: 100%;
   margin: 6px 0 16px 12px;
   color: #171717;
   font-weight: 500;
   font-size: 1.1em;
   vertical-align: top;
   display: none;
}

.titulos a {
       color: #44474e;
   text-decoration: none;
   margin: 0 6px 0 0;
   font-weight: 300;
   border-bottom: solid 1px #ccc;
   position: relative;
   vertical-align: top;
}

   /*.titulos a:after {
   color: #858383;
   content: ">";
   margin: 0px 6px 0 9px;
   text-decoration: none!important;
   position: absolute;
   right: -25px;
   font-size: .8em;
   top: 5px;
   font-weight: 600;
}*/

.cont-prods {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: start;
   vertical-align: top;
   text-align: start;
    background: #f1f1f15e;
    padding: 4px 0 4px 0px;
}


.slide-area {
   margin: 0;
   padding: 0;
   text-align: left;
}
.items-p {
   width: 31%;
   margin: 0 1% 1.3rem 1%;
   box-sizing: border-box;
   /* border: solid 1px #00456e14; */
   padding: 5px 5px;
   position: relative;
   background: #fff;
   border-radius: 3px;
   vertical-align: bottom;
   /* box-shadow: 0 2px 22px #d7dcded9; */
   /* box-shadow: 0 0px 9px #d7dcde47; */
}

.items-p > span {
   width: 96%;
   display: block;
   font-size: 0.6em;
   color: #000;
   margin: 0 0 -4px 0;
   position: absolute;
}

.items-p > span a {
   text-decoration: none;
   color: #000;
   position: relative;
   opacity: 0.7;
}

.compara {
   display: inline-block;
   text-align: left;
   float: left;
   width: 26px;
   height: 26px;
   background: url(../images/ico-compara.png);
   box-sizing: border-box;
   background-size: 26px;
   background-repeat: no-repeat;
}

.items-p > span a span {
   position: absolute;
   overflow: hidden;
}
 
.whish:hover {
   transition: all .3s;
   opacity: 1;
}
.whish {
   display: inline-block;
   text-align: left;
   width: 26px;
   height: 26px;
   float: right;
   background: url(../images/ico-wish.png);
   box-sizing: border-box;
   background-size: contain;
   background-repeat: no-repeat;
   border: none;
   outline: none;
   cursor: pointer;
   opacity:.8;
}
.selected {
   background: url(../images/ico-wish2.png);
   box-sizing: border-box;
   background-size: contain;
   background-repeat: no-repeat;
   opacity: 1!important;
}
.compara span {
   left: 29px;
   font-weight: 400;
   margin: 2px 0 0 0;
   color: #565656;
   width: 1px;
   opacity: 0;
}

.items-p > span a:hover span {
   transition: all .3s;
   display: block;
   opacity: 1;
   width: auto;
   min-width: 81px;
   transition-delay: 0.2s;
   -webkit-transition-delay:0.2s;
}

.items-p > span a:hover {
   transition: all .3s;
   opacity: 1;
}

.whish span {
   right: 29px;
   font-weight: 400;
   margin: 2px 0 0 0;
   color: #565656;
   width: 1px;
   text-align: right;
   opacity: 0;
   width: 0px;
}

.items-p div  img {
   max-width: 91%;
   width: auto;
   max-height: 205px;
   height: auto;
   display: block;
   margin: 0 auto;
   }

.items-p h5 {
   text-align: center;
   color: #33373e;
   width: 94%;
   /* height: 40px; */
   margin: 0 auto;
   font-size: 0.9em;
   line-height: 1.1;
   background: rgba(255, 255, 255, 0.87 );
} 
.items-p .precios {
   position: relative;
   bottom: 6px;
   text-align: center;
   width: 100%;
   margin: 0;
   height: 30px;
   left: 0;
   padding: 0;
   background: rgba(255, 255, 255, 0.87 );
}

.items-p .precios p {
   margin: 3px 0 6px 0;
   position: relative;
   text-align: center;
   color: #000000;
   padding: 0;
   font-size: 1.2em;
   font-weight: 300;
   display: inline-block;
   white-space: pre;
}


.items-p > div > a {
   background: var(--color-primario);
   display: block;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
   max-width: 88px;
   border-radius: 3px;
   font-size: 1em;
   margin: 0 auto;
   color: #fff;
   display: block;
   min-width: 88px;
   padding: 0.3em 0;
   color: #000000;
   margin-bottom: 0.7em;
   opacity: 0.8;
}
.items-p > div {
   margin: 0;
   min-height: 243px;
   vertical-align: bottom;
   align-self: end;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   border-radius: 3px;
}
/* galeria lentes termina --------------------- */


/* arrastrar inicia --------------------- */


.lleno > img, .lleno > p { 
    display:   none
}
 .action1 { 
    display:   none
}
.lleno .action1 {
    display:   block;
    width: 93%;
}
.lleno .items-p {
   zoom: 0.6;
   display: inline-block;
   /* float: left; */
   margin: 23px 23px 9px 4px;
   padding: 0;
   height: auto;
   min-width: 125px;
   width: 43%;
   min-width: 42%;
   max-height: 222px;
   vertical-align: top;
}

.lleno .items-p    span, .lleno .items-p    a { 
   display:    none    
}

 .items-p .close_item {
display:    none
}

.lleno .items-p    .close_item  {
   display: block;
   text-align: left;
   width: 45px;
   right: -22px;
   top: -10px;
   position: absolute;
   height: 45px;
   background: url(../images/close.png);
   box-sizing: border-box;
   background-size: 32px;
   background-repeat: no-repeat;
   cursor: pointer;
}


.ui-draggable-dragging { 
   width: 150px;
   height: 150px;
   overflow:   hidden; 
    
}

.ui-draggable-dragging span, .ui-draggable-dragging a  { 
display:    none    
}


#drop
{ 
 min-height: 120px;
}

.draggable
{
}
.aquis
{ 
   border: dashed 3px #46c284; 
   background: #ddfff4;
}

.aquis * {
opacity:  .2
}

.soltar {
       border: solid  3px green;
}
.action1 {
   display: none;
   padding: 5px 5px 5px;
   width: 89%;
   position: absolute;
   top: 0;
}

.action1 a {
   border-radius: 3px;
   color: var(--color-primario);
   padding: 5px 31px 5px 8px;
   text-decoration: none;
   font-size: 0.9em;
   background: #44474e url(../images/ico-compara.png);
   box-sizing: border-box;
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: 94% 5px;
   width: 49%;
   display: block;
   top: 0;
   text-align: center;
}
.noslect > img {
   width: 25px;
   height: 26px;
   position: absolute;
   margin: -26px auto 0;
   left: 47.7%;
}
.selccionador {
   display: block;
   width: 100%;
}

.pnl-izq > div {
   width: 100%;
}
.lleno .items-p .close_item:hover {
   opacity: .8;
}
/* arrastrar termina --------------------- */

/* Comparar Inicia--------------------- */

.item_sel {
   width: 31%;
   margin: 0 0 1.3rem 0;
   box-sizing: border-box;
   /* border: solid 2px #000;*/
   padding: 5px 5px;
   position: relative;
   background: #fff;
}

.item_sel  figure {
   width: 100%;
   text-align: center;
   margin: 0;
   display: flex;
   padding: 0;
   min-height: 110px;
   position: relative;
   flex-wrap: wrap;
   align-items: start;
   /* padding-top: 184px; */
}

.item_sel  figure img {
   width: 23%;
   max-width: 100%;
   border: solid 1px #ccc;
   flex-basis: 20%;
   position: relative;
   transition: all .3s;
   cursor: pointer;
}

.item_sel  figure img.img_big {
   width: 100%;
   max-height: 188px;
   float: left;
   position: absolute;
   top: 0;
   left: 0;
   transition:     all .3s
}
.item_sel  figure img:first-child {
   max-width: 99%;
   width: auto;
   /* min-width: 76%; */
   max-height: 173px;
   margin: 0 auto;
   /* float: left; */
   /* position: absolute; */
   top: 0;
   border: solid 2px #ffffff;
   transition: all .3s ease;
   box-sizing: border-box;
   left: 0;
   cursor:context-menu;
   transition: all .3s;
}

.item_sel .item_accion .whish {
   margin: 7px 3px 0 0px;
   width: 38px;
   height: 26px;
   cursor: pointer;
}

.item_sel .detalle_item {
   margin: 0 0 0 0;
   width: 100%;
   max-height: 142px;
   position: relative;
   height: 134px;
}

.item_sel {}

.item_sel .precios {
   position: relative;
   text-align: center;
   width: 100%;
   margin: 13px 0 0;
   height: 25px;
   font-size: 1.3em;
   left: 0;
   font-weight: 300;
   padding: 0;
   background: rgba(255, 255, 255, 0.87 );
}

.item_sel h5 {
   text-align: center;
   color: #44474c;
   width: 94%;
   height: auto;
   margin: 11px auto;
   font-size: 1.1em;
   line-height: 1.1;
   background: rgba(255, 255, 255, 0.87 );
}

.item_sel .detalle_item > div {
   width: 96%;
   /* position: absolute; */
   /* overflow: auto; */
   /* height: 241px; */
   /* font-size: 0.75em; */
   /* font-weight: 300; */
   /* box-sizing: border-box; */
   /* text-align: justify; */
   /* padding: 1em 1em 1em; */
   /* background: #fff; */
}

.item_sel .detalle_item > div > div {position: absolute;overflow: auto;height: 99px;font-size: 0.79em;
   width: 100%;font-weight: 500;box-sizing: border-box;text-align: justify;padding: 0em 1em 1em;
   background: #fff;max-width: 97%;margin: 31px 0 0 0;
    /* box-shadow: 0 2px 3px #0003;*/   
 }
 .item_sel .detalle_item > div > div p{
   padding-right: 10px;
 }
.item_sel .detalle_item > div h6 {
   display: inline-block;
   margin: 8px 0 0 3px;
   font-weight: 500;
   width: auto;
   position: absolute;
   top: 0;
   font-size: 0.85em;
   color: #626262;
   left: 3%;
   cursor: pointer;
}

.item_sel .detalle_item > div:last-child h6 {
   display: inline-block;
   margin: 8px 0 0 3px;
   font-weight: 500;
   width: auto;
   position: absolute;
   top: 0;
   right: 14%;
   left: unset;
}

.item_sel .detalle_item > div  > div {
   display: none;
}
.item_sel .detalle_item > div.vista > div      {
   display:    block;  
}
.item_sel .detalle_item > div.vista > h6      {
   border-bottom: solid 2px #000;
   color: #000;
   font-weight: 700;
   cursor: context-menu;
}
.item_sel .detalle_item > div h6:hover {
   transition: all .3s ease;
   color: #0a263c;
}

.ver_det {
  color: #000;
  text-align: center;
  font-size: 0.7em;
  display: block;
  margin: 0 6px 9px 0;
  border: solid 1px #000;
  border-radius: 2px;
  padding: 9px 0 0 0;
  text-decoration: none;
  box-sizing: border-box;
  height: 39px;
  line-height: 1;
  width: 94px;
}

.agregar_car {
   background-color: var(--color-primario);
   background-image: url(../images/cart.svg);
   background-size: 20px;
   background-position: 96% center;
   background-repeat: no-repeat;
   text-align: center;
   text-decoration: none;
   border: solid 1px rgba(64, 67, 73, 0.05) !important;
   width: auto;
   border-radius: 4px;
   font-size: 0.85em;
   font-weight: 700;
   padding: 0.5em 37px 0.6em 7px;
   color: #000;
   margin: 0 5px 0.7em 0;
   display: inline-block;
   height: 39px;
   cursor: pointer;
   position: relative;
}
.close {
   display: block;
   text-align: left;
   width: 25px;
   right: -8px;
   top: -10px;
   position: absolute;
   height: 24px;
   background: url(../images/close.png);
   box-sizing: border-box;
   background-size: 24px;
   background-repeat: no-repeat;
   cursor: pointer;
   z-index: 10;
} 
.close:hover {
   display: block;
   text-align: left;
   width: 25px;
   right: -8px;
   top: -10px;
   position: absolute;
   height: 24px;
   background: url(../images/close.png);
   box-sizing: border-box;
   background-size: 24px;
   background-repeat: no-repeat;
   cursor: pointer;
   z-index: 1000;
}

.agregar_car:hover {
   transition: all .3s ease;
   opacity: 0.9;
}
.item_sel figure img:active, .item_sel figure img:visited, .item_sel figure img:focus {
   border: solid 1px #000;
   outline: solid;
}
/* Comparar Termina --------------------- */


/* DEtalle producto Inicia --------------------- */
.item_det {
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-start;
}

.item_det >  #fotos_detalle {
   width: 45%!important;
   flex-basis: 45%!important;
}

.item_det > div {
   width: 55%;
   flex-basis: 54%;
   margin: 0 0 1.4rem 0;
   box-sizing: border-box;
   padding: 0px 19px 0 0;
   position: relative;
   background: #fff;
   max-width: 500px;
   text-align: left;
}

.detalle-prod h5 {
   font-size: 1.3rem;
   margin: -4px 0 0 0;
   font-weight: 500;
}

.detalle_item h6 {
   font-size: 1em;
}
.pestana {
   width: 100%;
   overflow: hidden;
   color: #fff!important;
   background-color: #fff!important;
   line-height: 1.5;
   margin: 2rem 0 0rem 0;
}

.tablink {
   padding: 8px 11px;
   float: left;
   width: auto;
   border: none;
   width: 26%;
   margin-right: 4%;
   font-size: 0.9em;
   display: block;
   font-weight: 300;
   color: #282626;
   background: #ffffff;
   outline: 0;
   white-space: normal;
   font-family: "Montserrat", sans-serif;
}

.seltab {
   color: #000!important;
   border-bottom: solid 3px #4c4c4c;
   font-weight: 700;
   border-color: var(--color-primario);
}

.container_detalle {
   border: 1px solid #eef1f3!important;
   background: #f1f6f9;
   padding: 1em 1em 1em 1em;
   font-size: .8em;
   font-weight: 300;
   /* max-width: 425px; */
   text-align: justify;
}

.tablink:hover {
   color: #000;
   cursor: pointer;
}
.precio span {
   display: inline-block;
   margin: 11px 0.9em 0 38px;
   /* float: right; */
   font-size: 0.80em;
   position: relative;
   font-weight: 400;
   color: black;
   color: #f12b1c!important;
   text-decoration: line-through;
}

.precio {
   display: flex;
   /* height: 50px; */
   width: 95%;
   margin: 1em 1em 1em 0.4em;
   text-align: right;
   max-width: 364px;
   /* justify-content: space-between; */
}

.precio p {
   display: inline-block;
   margin: 0;
   /* float: right; */
   font-size: 1.8em;
   font-weight: 400;
   color: black;
}

.rebajado {
   color: #d9392d!important;
   text-decoration: line-through;
}

.cantidad {
   display: flex;
   align-items: normal;
   justify-content: space-between;
   width: 100%;
   /* max-width: 364px; */
   flex-basis: 100%;
   /* max-width: 460px; */
}

.btn_comprar {
   background: var(--color-primario);
   text-align: center;
   text-decoration: none;
   font-weight: 400;
   border: solid 1px rgba(64, 67, 73, 0.05);
   width: auto;
   border-radius: 4px;
   font-size: 0.85em;
   font-weight: 700;
   letter-spacing: .03em;
   position: relative;
   margin: 3px auto;
   cursor: pointer;
   color: #fff;
   border: none;
   padding: 0.5em 38px 0.6em 14px;
   color: #000;
   margin: 0 15px 0.7em 0;
   display: inline-block;
   height: 39px;
}
.btn_comprar:hover {
   transition: all .3s;
   letter-spacing: .03em;
}
.btn_comprar:after {
   content: "";
   display: inline-block;
   position: absolute;
   right: 0;
   top: 0;
   width: 28px;
   border-radius: 0 5px  5px 0;
   height: 37px;
   background: #00000014 url(../images/ir.svg);
   background-size: 12px;
   background-repeat: no-repeat;
   background-position: center;
}
.btn_comprar:hover:after {
     transition: all .3s;
     background: rgb(0 0 0 / 23%) url(../images/ir.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center;
}

.cantidad > div label {
   display: block;
   text-align: center;
   font-weight: 600;
   font-size: .8em;
   margin: -16px auto 0;
}

input.cant {
   display: block;
   height: 33px;
   line-height: 23px;
   border: solid 2px #abadae;
   border-radius: 4px;
   font-family: "Montserrat", sans-serif;
   text-align: center;
   font-size: 1.1em;
   width: 80px;
   margin: 3px auto;
}
.dcto {
       position: absolute;
       display: block;
       width: 40px;
       color: #fff;
       height: 40px;
       background: var(--color-descuento)!important;
       border-radius: 32px;
       line-height: 40px;
       font-style: normal;
       word-break: break-word;
       white-space: nowrap;
       text-decoration: none!important;
       text-align: center;
       font-weight: 700;
       z-index: 11;
       font-size: 0.7em;
       top: -8px;
       right: -47px;
}
.ver_car {
   font-weight: 400;
   text-align: center;
   font-size: 0.8em;
   color: #000;
   position: relative;
   margin: 0 auto;
   line-height: 20px;
   display: inline-block;
   background: #e5ecef;
   color: #000;
   text-decoration: none;
   border-radius: 2px;
   padding: 2px 29px 2px 10px;
   box-sizing: border-box;
   /* border: solid 1px #545454; */
   height: 25px;
   border-color: var(--color-primario);
}

.item_accion {
   margin: 1em 0 -4px;
   width: 99%;
   display: flex;
   justify-content: space-between;
   position: absolute;
   bottom: 0;
}
/* DEtalle producto Termina --------------------- */

/* Carrito Inicia --------------------- */
.pnl-der-min {}

.pnl-izq-gde {
   display: inline-block;
   width: 73.1%;
   display: inline-flex;
   text-align: left;
   flex-wrap: wrap;
   justify-content: left;
   align-items: start;
}

.pnl-der-min {
   background: #f3f7fa;
   padding: 0.4em 9px 0 0.8em;
   box-sizing: border-box;
   width: 24%;
   border-radius: 3px;
   box-shadow: 0 0 5px #e5e6e7;
}

.pnl-izq-gde > div h3 {
   margin: 3px 0 5px 0;
   font-size: 1.2em;
   color: black;
}

.pnl-izq-gde > div {
   width: 100%;
}

.car-prods table tr td:first-child {
   position: relative;
}

.car-prods table  {
   width: 96%;
   position: relative;
}

.car-prods table tr td:first-child img {
   max-width: 100px!important;
   border: solid 1px #ccc;
   border-radius: 2px;
}

.car-prods table tr:first-child td {
   border-bottom: solid 1px #000;
   padding: 0px 0 0 0;
}

.car-prods table tr  td p {
   font-size: 0.85em;
   margin: 7px 0 2px 0;
   text-transform: uppercase;
}
.car-prods table tr td:nth-child(6) p {
    font-weight: 800;
}
.car-prods table tr td input {
   width: 56px;
   border: solid #afafaf  1px;
   height: 43px;
   line-height: 18px;
   font-size: 1em;
   margin-left: 14px;
   font-weight: 600;
   font-family: "Montserrat", sans-serif;
   text-align: left;
   border-radius: 0px;
}

.car-prods table tr td h4 {
   font-size: .9em;
}
.car-prods table tr:nth-child(1) td:nth-child(5) p {
   font-weight: 800;
}

.car-prods table tr td:nth-child(6) img {
   max-width: 15px;
}

.car-prods table tr td {
   border-bottom: solid 1px #e1e7e9;
   font-size: .95em;
}

.car-prods table tr td {
   padding: 4px 0px 0 0;
}

.pnl-der-min h3 {
   margin: 2px 0 0 0;
   font-size: 1.15em;
}

.cuenta-prods table {
   width: 99%;
   position: relative;
   font-weight: 300;
   font-size: 0.9em;
   max-width: 248px;
   border-collapse: collapse;
   margin: 9px 0 14px;
}

.cuenta-prods table tr td:last-child {
   font-weight: 500;
   text-align: right;
}

.cuenta-prods table tr:nth-child(3) td {background: #d5d5d5;}

.cuenta-prods table tr  td {
   padding: 11px 7px;
   height: 10px;
}

.cuenta-prods table tr td p {
   height: 13px;
   margin: 0;
}

.cuenta-prods table tr:nth-child(3) p {
   font-weight: 700;
}

.btn_pagar_car {
   background: var(--color-primario);
   display: inline-block;
   text-align: center;
   text-decoration: none;
   font-weight: 600;
   width: 100%;
   box-sizing: border-box;
   border-radius: 4px;
   font-size: 1em;
   max-width: 250px;
   position: relative;
   margin: 3px auto;
   color: #fff;
   letter-spacing: .05em;
   border: none;
   padding: 0.4em 22px 0.6em 14px;
   color: #000;
   margin-bottom: 0.7em;
   border: solid 1px rgb(186, 186, 186);
}

.car-aceptamos p {
   font-size: .8em;
}

.car-aceptamos img {
   width: 16%;
}

.car-enlaces {
   display: block;
   width: 100%;
   clear: both;
   padding: 17px 0 0 0;
}

.car-aceptamos {
   margin: 0 0 4px 0;
}

.car-enlaces a {
   display: block;
   font-size: .8em;
   color: #000;
   vertical-align: middle;
}

.car-enlaces a i {
   vertical-align: middle;
   margin: 0 5px 0 0;
}
.btn_pagar_car:hover {
   border: solid 1px rgba(64, 67, 73, 0.05);
   box-sizing: border-box;
   transition: all .3s;
   cursor: pointer;
}
/* Carrito Termina --------------------- */
/*LIsta Deseos INICIA --------------------- */
.lista-deseos .items-p {
   width: 98%;
   flex-basis: 99%;
   max-width: 1000px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   vertical-align: top;
   text-align: start;   
    box-shadow: 0 0px 9px #d7dcdef7;
}

.lista-deseos {
   display: block;
   text-align: left;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
   align-items: start;
   width: 94%;
   height: auto;
   min-height: 63vh;
}

.lista-deseos .items-p img {
   max-width: 151px;
   /* border: solid 1px #ccc; */
   vertical-align: top;
   display: inline-block;
   margin: 0 auto 0px;
   width: auto !important;
   max-height: 85px;
}

.item-des {
   width: 65%;
   width: calc(100% - 162px);
   display: inline-block;
   box-sizing: border-box;
   margin: 0 0 0 8px !important;
   padding: 3px;
   text-align: left;
   display: inline-flex;
   flex-direction: column;
   min-height: 56px!important;
}

.items-p .item-des .close_item {
   display: block !important;
   text-align: left;
   width: 22px;
   right: 8px;
   top: 5px;
   position: absolute;
   height: 22px;
   background: url(../images/close.png);
   box-sizing: border-box;
   background-size: 22px;
   background-repeat: no-repeat;
   cursor: pointer;
}
.item-des > h5 {
   text-align: left;
   width: 90%;
   font-size: 1em;
}

.precios.lista {
   width: 100%;
   box-sizing: border-box;
   margin: 8px 0 0 0 !important;
   padding: 4px 0 0 0;
   text-align: left;
   display: inline-flex;
   vertical-align: top;
   top: 0;
   justify-content: space-between !important;
   height: 47px;
   border-top: dotted 2px #b0b8b9;
}
.item-des > div {
   width: 100%;
   min-height: 20px;
   height: auto;
}

.item-des h5 {
   font-size: 1em;
   text-align: left;
   width: 90%;
   margin: 0 1px 5px 2px;
   height: auto;
}

.precios.lista > div {
   display: inline-block;
   width: 55%;
   text-align: left;
}

.precios.lista > div p {
   display: inline-block;
   width: auto;
   font-size: 1.2em;
   margin: 4px 50px 0px 0;
   text-align: left;
}

.precios.lista > div a {
   color: #000;
   font-size: 0.7em;
   margin: -9px auto 0;
   display: inline-block;
   padding: 5px 5px;
}

.precios.lista > .agregar_car {
   color: black;
   width: auto;
   font-size: 0.69em;
   height: 100%;
   display: block;
   box-sizing: border-box!important;
   max-height: initial;
   line-height: 1;
   padding: 7px 8px;
   background:  var(--color-primario);
}

.precios.lista > .agregar_car:hover {
   transition: all .3s;
   opacity: 0.9;
}
/*LIsta Deseos TERMINA --------------------- */
/*Carrito panel IZQ INICIA --------------------- */
.det_car > div > p {
   margin: 0px 14px 0 0;
   position: relative;
   display: inline-block;
   vertical-align: top;
   background: #cfd9d9;
   vertical-align: top;
   color: #000;
   line-height: 14px;
   padding: 4px 5px 0px;
   font-weight: 300;
   box-sizing: border-box;
}

.det_car > div > p span {
   color: #000;
   line-height: 1.6;
   font-weight: 700;
}

.cont_car1 > div {
   width: 47%;
   margin: 0 0 0.7rem 0;
   box-sizing: border-box;
   border: solid 2px #000;
   padding: 1px 5px;
   background: #fff;
   text-align: center;
   position: relative;
}

.cont_car1 > div img {
   max-width: 89%;
   margin: 0 auto;
   text-align: center;
   border: solid 1px #ccc;
}

.cont_car1 > div * {
   margin: 0 0 0 0;
   line-height: 1;
   display: block;
}

.cont_car1 > div h5 {
   color: #000;
   font-size: .65em;
   display: block;
   position: relative;
   margin: 0 0 2px 0;
   height: auto;
}

.cont_car1 > div .precios {
   display: block;
   position: relative;
   font-size: .7em;
   color: #ccc;
   height: auto;
   margin: 1px 0 0 0;
}

.cont_car1 > div .precios p {
   font-size: 1.1em;
   margin: 9px 0 0 0;
   display: block;
   position: relative;
}

.cont_car1 {
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin: 7px 3px 10px 0;
   flex-direction: row;
   flex-wrap: wrap;
   max-height: 200px;
   overflow-y: auto;
   border: dashed 1px #44474e;
   border-radius: 3px;
   background: #cfd9d926;
   padding: 7px 10px 0 6px;
   box-sizing: border-box;
   overflow-x: hidden;
}

.cont_car1  .close_item {
   display: block;
   text-align: left;
   width: 28px;
   right: -13px;
   top: -3px;
   position: absolute;
   height: 28px;
   background: url(../images/close.png);
   box-sizing: border-box;
   background-size: 21px;
   background-repeat: no-repeat;
   cursor: pointer;
}

/*Carrito panel IZQ TERMINA --------------------- */
/* LOGIN INICIA --------------------- */

.login {
   text-align: center;
   position: relative;
   width: 100%;
   font-size: 16px;
   min-height: 65vh;
   max-width: 978px;
   margin: auto;
}

.sesion {
   font-size: 1.2em;
   font-weight: 800;
   margin: 2em 0 .5em;
}

.campos {
   width: 100%;
   position: relative;
   display: block;
   margin: 25px auto 31px;
   max-width: 300px;
}

.acceso_user {
   background: var(--color-primario);
   display: inline-block;
   text-align: center;
   text-decoration: none;
   font-weight: 600;
   border: solid 1px rgba(64, 67, 73, 0.05);
   width: 100%;
   border-radius: 4px;
   font-size: 0.9em;
   position: relative;
   margin: -1px auto 24px;
   color: #000;
   max-width: 299px;
   font-family: "Montserrat", sans-serif;
   padding: 0.5em 1em;
}

.campos input {
    width: 100%;
    height: 39px;
    position: relative;
    padding: 6px 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
    border-color: var(--color-primario);
    box-sizing: border-box;
}

.campos label {
   position: absolute;
   top: -6px;
   left: 14px;
   text-transform: uppercase;
   z-index: 2;
   background: white;
   padding: 0 4px;
   font-size: .7em;
   font-weight: 700;
}

.error p {
   font-size: 0.8em;
   color: #881414;
   background: #e91e1e17;
   padding: 5px;
}

.login >  div a {
   font-size: .8em;
   color: #000;
   text-decoration: none;
   margin: 1px 10%;
}

.registrasrse {font-weight: 800;color: #817f88!important;}

.login > div:last-child{
   border-top  : solid 1px #ccc;
   padding: 13px 0  0 0;
   margin: 1em auto;
   max-width: 413px;
}

.user form {
       display: inline-flex;
       margin: 0px 0 0 0;
       position: relative;
       width: 90%;
       padding: 1px 0 0 0;
       width: calc(100% - 35px);
       vertical-align: middle;
       height: 25px;
       align-items: center;
       justify-content: center;
}

.user form > span {
       margin: 0px 0px 0px -13px;
       padding: 0px 7px 0 0;
       font-size: 1.2em;
       line-height: 1;
       display: flex;
       letter-spacing: -0.01em;
       width: 94%;
       font-weight: 500;
       text-align: left;
       color: black;
       position: relative;
       vertical-align: middle;
       font-family: "Roboto Condensed", sans-serif;
       word-break: keep-all;
       align-items: center;
       justify-content: center;
}
.campos span {
   color: #dc1a1a;
   font-size: .8em;
}

.olvidada {
   font-size: .8em;
   text-align: center;
   display: flex;
   max-width: 412px;
   margin: auto;
   padding: 10px 0 0 0;
   border-top: 1px #919494 solid;
}

.olvidada a {
   font-size: 0.9em;
   color: #464646;
   margin: 0 auto 20px;
   width: 47%;
}
.recuerda label {
   margin: 0 0 12px 0;
   font-size: 0.9em;
   vertical-align: top;
}

.recuerda input {
   margin: 0px 0 12px 0;
   height: 19px;
   width: 19px;
}
/* LOGIN TERMINA --------------------- */

.filter1 a {
   font-size: .9em;
   color: black;
   text-decoration: none;
   font-weight: 500;
   overflow-wrap: break-word;
}
p.agotado {
   position: absolute;
   top: -64px;
   left: 36%;
   color: #ce0000;
   background: #ffcacabd;
   font-size: 0.68em;
   padding: 5px 27px;
   border: dashed 1px #f54444; */
    /* -ms-transform: rotate(-7deg); /* IE 9 */
   /* transform: rotate(-7deg); */
}


.user form span input {
   width: 0;
   position: absolute;
}

.user span > a:nth-child(1) {
   /* width: 88% !important; */
   /* background:black */
}

.cerrars i span {
   width: 50px;
   height: 20px;
   background-color: #ffffff;
   display: inline-block;
}

.cerrars i:hover span {
   display: inline-block;
   transition: all .2s;
   width: 41px;
}

.cerrars i span {
   display: none;
   line-break: anywhere;
   position: absolute;
   top: -6px;
   border: solid 1px #000;
   border-left: none;
   height: 29px;
   left: 21px;
   box-sizing: border-box;
   transition: all .2s;
   max-width: 34px;
   white-space: break-spaces;
   padding: 3px 0 0 0;
   font-style: normal;
   width: 0px;
}
.cerrars i {
   width: 18px !important;
   height: 18px !important;
   vertical-align: top !important;
   margin: -1px 0 0 7px !important;
   transition: all .2s;
   background: url(../images/salir.png);
   background-size: 92%;
   background-repeat: no-repeat;
   transition: all .3s;
   border-radius: 0;
   opacity: 0.6;
}

.user form span input {
   width: 0;
   position: absolute;
}

.user span > a:nth-child(1) {
   /* width: 88% !important; */
   /* background:black */
}

.cerrars i span {
   width: 50px;
   height: 20px;
   background-color: #ffffff;
   display: inline-block;
}

.cerrars i:hover span {
   display: inline-block;
   transition: all .2s;
   width: 54px;
   display: inline-block;
   line-break: anywhere;
   position: absolute;
   top: -6px;
   border: solid 1px #000;
   border-left: none;
   height: 29px;
   background: #fafafb;
   right: -8px;
   box-sizing: border-box;
   max-width: 34px;
   white-space: break-spaces;
   padding: 3px 1px 0 0;
   font-style: normal;
   transition: all .3s;
}

.cerrars i span {
   display: none;
   line-break: anywhere;
   position: absolute;
   top: -6px;
   border: solid 1px #000;
   border-left: none;
   height: 29px;
   transition: all .3s;
   right: -18px;
   box-sizing: border-box;
   transition: all .2s;
   max-width: 34px;
   white-space: break-spaces;
   padding: 3px 0 0 0;
   font-style: normal;
   width: 0px;
   font-size: 0.7em;
}
p.agotado2 {
   position: absolute !important;
   top: -79px!important;
   left: 29%!important;
   color: #ce0000 !important;
   background: #ffcacabd;
   font-size: 0.68em!important;
   padding: 5px 27px !important;
   border: dashed 1px #f54444 !important;
}

.items-p h4 {
   text-align: center;
   color: #7e8494;
   width: 94%;
   height: 18px;
   margin: 3px auto;
   /* font-style: oblique; */
   letter-spacing: .03em;
   font-size: 0.7em;
   line-height: 1.1;
   background: rgba(255, 255, 255, 0.87 );
}

.cat > ul > li:hover {
   /* border: solid 1px #757575; */
   transition: all .3s;
   border-radius: 10px;
   opacity: 1;
}
.minimag {
   min-height: 173px;
   max-height: 205px;
   vertical-align: middle;
   justify-content: center;
   display: inline-flex;
   align-items: center;
   text-align: center;
   margin: auto;
}
.paginador {
   display: block;
   width: 100%;
   text-align: center;
   margin: 10px auto !important;
   justify-content: space-between;
   border: solid 2px #e7e7e76b;
   padding: 0px 5px 2px 5px;
   vertical-align: bottom;
}

.paginador li * {
      position: relative;
   color: #000;
   font-size: 0.8em;
   margin: 0 0 1px 0;
   text-align: center;
   /* border: solid 1px #636363; */
   padding: 2px 7px 0px 7px;
   text-decoration: none;
   border-bottom: solid 1px #292d2f9e;
}

.pagination:last-child {
   margin: -22px 0 0 0;
   padding: 0px 5px 2px 5px;
   vertical-align: bottom;
   display: flex;
   justify-content: space-between;
}
.paginador li *:hover {
   transition: all;
   font-weight: 700;
}
.pagination1 {
   margin: 3px 0 0 0;
   justify-content: space-around;
   padding: 0px 5px 2px 5px;
   vertical-align: bottom;
   width: 100%;
   display: flex;
}

.detalle-prod  h4 {
   text-align: left;
   color: #7e8494;
   width: 94%;
   height: auto;
   margin: 6px 0 2px;
   /* font-style: oblique; */
   letter-spacing: .03em;
   font-size: 0.75em;
   line-height: 1.1;
   background: rgba(255, 255, 255, 0.87 );
}

.detalle-prod .precio {}

.cantidad #addCart {
   background: var(--color-primario);
   text-align: center;
   text-decoration: none;
   border: solid 1px rgba(64, 67, 73, 0.05) !important;
   width: auto;
   border-radius: 4px;
   font-size: 0.85em;
   font-weight: 700;
   position: relative;
   margin: 3px auto;
   color: #fff;
   -webkit-filter: grayscale(0.7);
   filter: grayscale(0.7);
   opacity: 0.9;
   border: none;
   padding: 0.5em 38px 0.6em 14px;
   color: #000;
   margin: 0 15px 0.7em 0;
   display: inline-block;
   height: 39px;
   cursor: pointer;
}
.pnl_comprar:last-child {
    width: 33% !important;
    flex-basis: 33% !important;
    margin: 0 -21px 0 -5%;
}
.cantidad #addCart:after {
       content: "";
       display: inline-block;
       position: absolute;
       right: 0;
       border-radius: 0 4px 4px 0;
       top: 0;
       width: 28px;
       height: 37px;
       background: #0000001f url(../images/cart.svg);
       background-size: 22px;
       background-repeat: no-repeat;
       background-position: 4px 6px;
       padding: 0 1px 0px 0;
}

.cantidad #addCart:hover:after {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 0;
width: 28px;
cursor: pointer;
height: 37px;
background: #00000040 url(../images/cart.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: 4px 6px;
padding: 0 1px 0px 0;
}
.cantidad form {
   width: 100%;
   display: flex;
   justify-content: space-around;
}

.cantidad form > div {
   width: 30%;
   flex-basis: 30%;
   text-align: left;
}

.pnl_comprar {
   width: 33% !important;
   flex-basis: 33% !important;
   display: flex;
   justify-content: space-around;
   padding: 0px 0 0 0;
}

.cantidad form > div label {
   font-size: .9em;
   text-align: left;
   margin: -4px 2px 4px 1px;
   font-weight: 300;
   display: block;
}

.cantidad #addCart:hover {
   -webkit-filter: grayscale(0.2);
   filter: grayscale(0.2);
   opacity: 1;
}
.item_accion #addSel {
   background: #e5ecef;
   color: #020202;
   border-radius: 2px;
   padding: 2px 25px 2px 10px;
   box-sizing: border-box;
   border: solid 1px #545454;
   position: relative;
   height: 25px;
   cursor: pointer;
   border-color: #ffffff;
}

button#addSel:after {
   display: inline-block;
   text-align: left;
   content: "";
   right: 2px;
   top: 0px;
   width: 20px;
   position: absolute;
   height: 21px;
   background: url(../images/ico-compara.png);
   box-sizing: border-box;
   background-size: 19px;
   background-position: center;
   background-repeat: no-repeat;
}

.ver_car:after {
   display: inline-block;
   text-align: left;
   content: "";
   right: 2px;
   top: 0px;
   width: 21px;
   position: absolute;
   height: 21px;
   border: solid 1px #fff;
   border-radius: 13px;
   background: #42464d url(../images/cart.svg);
   box-sizing: border-box;
   background-size: 11px;
   background-position: center;
   background-repeat: no-repeat;
}
.pagotado {
   position: relative!important;
   top: 2px!important;
   left: 1%!important;
   display: inline-block;
   color: #ce0000 !important;
   background: #ffcaca4a;
   width: auto;
   font-size: 0.88em!important;
   padding: 5px 27px !important;
   border: dashed 1px #f54444 !important;
}
.item_accion #addSel:hover {
   transition: all .3s;
   background: #fff;
}

.ver_car:hover {
   transition: all .3s;
   background: #fff;
}
.lleno .agotado2 {
   left: 8% !important;
   width: 48%;
   top: -85px!important;
}

.lleno .items-p > div {
   min-height: auto;
}

.lleno .items-p h5 {
   min-height: 40px;
   font-size: 1em;
   vertical-align: middle;
   max-height: 50px;
   overflow: auto;
}
.lleno .items-p {
   padding: 1px 0 4px 0;
}
.pnl-der.deext {
   position: relative;
   margin: 0px auto;
   width: 100%;
   max-width: 1350px;
   z-index: 1;
}

.productos.dext {
   overflow: auto;
   margin: -2px auto;
}

.cont-prods.comparador {
   flex-direction: row;
   flex-flow: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
}

.cont-prods.comparador .item_sel {
   min-width: 23%!important;
   margin: 0 1%;
   zoom: .9;
   padding-bottom: 50px;
   box-shadow: 0 0px 6px #d7dcdead;
   box-shadow:0 0px 2px #d7dcde5c
}
span#msjarchivo {
   width: auto;
   border: dotted 2px #1ea2c1;
   display: inline-block;
   padding: 3px 14px 2px 13px;
   background: #8bc34a;
   color: white;
   font-size: 1em;
   border-radius: 3px;
   margin: 6px 0 9px 0px;
}
.item_accion .pagotado {
   position: relative!important;
   top: -5px!important;
   left: 1%!important;
   display: inline-block;
   color: #ce0000 !important;
   background: #ffcaca4a;
   font-weight: 600;
   height: 20px;
   width: auto;
   font-size: 0.78em!important;
   padding: 6px 28px 0 !important;
   border: dashed 1px #f54444 !important;
}
.agregar_c {
   content: "";
   display: inline-block;
   position: relative;
   /* right: 0; */
   /* top: 0; */
   width: 28px;
   border-radius: 0 5px 5px 0;
   height: 37px;
   background: #d0656514 url(../images/ir.svg);
   background-size: 12px;
   background-repeat: no-repeat;
   background-position: center;
}

.item_sel .detalle_item > div.vista > div:empty {
   display: none;
}
.item_sel .item_accion .whish:hover {
   transition: all .3s;
   opacity: .9;
}
.selccionador .items-p div img   {
   max-height: 138px;
}
.detalle-prod .item_accion {
   width: 78%;
}
.precios.lista > form {
   display: inline-block;
   width: 45%;
   text-align: left;
   margin: 14px 0 0 0;
}

.lista-deseos .precios.lista > div p {
   font-size: 1.3em;
   padding: 10px 0 0 0;
   min-width: 153px;
   vertical-align: top;
}

.lista-deseos .precios.lista > div a {
   font-size: 0.8em;
   border: solid 1px #d2cfcf;
   margin: 11px 0 0 0;
   position: relative;
   vertical-align: top;
   height: 37px;
   padding: 10px 9px;
   box-sizing: border-box;
}

.lista-deseos .items-p {
   padding: 0 0 17px 0;
}
.det_direccion.entregaop {
   padding: 0px 7px 3px;
   background: #44474e24;
   border: solid 1px #ccc;
}

.det_direccion.entregaop input {
   margin: 2px 45px 0 0;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.det_direccion.entregaop label {
   vertical-align: middle;
   margin: 5px 0 0 0;
   font-size: 0.9em;
   position: relative;
   display: inline-block;
}

.revision > div > div label {
   font-size: .8em;
   display: block;
   background: #fff;
   margin: 0 0 0 0;
}

.revision > div > div input {
   width: 97%;
   margin: 0 1px 8px 0;
   height: 28px;
   box-sizing: border-box;
   background: #f0f6f7;
   border: solid 2px #ccc;
   border-color: var(--color-primario);
}

.det_direccion.opci2 {
   flex-basis: 65%;
   width: 65%;
}

div#divSucursal {
   border: none;
}

.det_direccion.extdv h5 {
   margin: 0 0 4px 0;
   padding: 0 0 4px 0;
}

.det_direccion.extdv label {
   display: inline-block;
   font-size: 1em;
   margin: 7px 0 0 0;
}

.det_direccion.extdv select {
   font-size: 0.8em;
   border-radius: 0;
   margin: 4px 0 0 5px;
   font-weight: 600;
   display: inline-block;
   padding: -1px 0 0px 0;
   height: 24px;
   border: solid 2px #ccc;
   border-color: var(--color-primario);
}
#addressBranch {
   font-size: 0.85em;
   line-height: 1.3;
   margin: 9px 0 0 0;
   color: #191818;
   font-weight: 400;
   background: #e5e5e682;
   max-width: 82%;
   padding: 6px;
   /* border: solid 1px #ccc; */
}

#addressBranch:first-line {font-weight: 800;}

.det_direccion.extdv label {
   font-size: .8em;
   display: inline-block;
   background: #fff;
   margin: 0px 0 0 0px;
}
#addressBranch:empty {
   display: none;
}

.det_direccion.extdv input {
   display: block;
}

.col-1a {
   display: block;
   width: 100%;
   margin: 0 0 0 6px;
}

.col-1a input {
   width: 100%!important;
   max-width: 90.5%;
   display: inline-block!important;
}

.col-2a {
   display: inline-block;
   width: 45%;
   margin: 0 1% 0 1%;
}

.col-2a input {
   width: 95%!important;
   display: inline-block!important;
}
.car-enlaces p {
   margin: 0 0 0 0;
   font-size: .8em;
   display: inline-block;
   vertical-align: middle;
}

.car-enlaces i {
   display: inline-block;
   vertical-align: middle;
}
#msgCarrito a {
   display: block;
   margin: 0 0 0 0;
   text-decoration: none;
   color: #000;
   background: #e4e7ec;
   padding: 4px 13px 4px 39px;
   border-radius: 2px;
   line-height: 1.1;
   font-size: .9em;
   height: 34px;
   border: solid 1px #ccc;
   border-color: #ffffff;
   box-sizing: border-box;
}

#msgCarrito a:before {
   background: url(../images/ico-carrito.png);
   background-position: 1px -2px;
   content: "";
   position: absolute;
   width: 34px;
   height: 31px;
   left: 1px;
   top: 1px;
}
.calc_envio {
   margin: 0 0 17px 0;
   font-size: 0.8em;
   padding: 9px 0 9px 8px;
   border: solid 1px #ccc;
   background: white;
   width: 79%;
}

.calc_envio input {
   width: 100px;
   height: 24px;
   border: solid 1px #989898;
   margin: 0 0 0 4px;
   padding: 2px;
   box-sizing: border-box;
}

.calc_envio span {margin: 0 0 6px 0;display: block;}

#calculateShipping {
   width: 78px;
   height: 24px;
   border: solid 1px #6f6f6f;
   margin: 0 0 0 4px;
   padding: 2px;
   color: white;
   background: #888888;
   box-sizing: border-box;
   border-radius: 2px;
   cursor: pointer;
   outline: none;
}

.car-prods {
   zoom: .9;
}
.cntd {
   display: inline-block;
   position: relative;
   width: 130px;
   height: 41px; 
   padding: 0;
}

.cntd input {
   margin: 0 auto;
}

.menos_c {
   display: block;
   position: absolute;
   width: 28px;
   height: 35px;
   cursor: pointer;
   background: #fff url(../images/menos.png);
   background-position: center;
   border: solid 2px #ccc;
   border-radius: 2px;
   top: 0;
   left: 0;
}

.mas_c {
   display: block;
   position: absolute;
   width: 28px;
   height: 35px;
   background: #fff url(../images/mas.png);
   background-position: center;
   border: solid 2px #ccc;
   border-radius: 2px;
   top: 0;
   cursor: pointer;
   right: 0;
}
input.cant::-webkit-inner-spin-button, 
input.cant::-webkit-outer-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
}

input.cant { -moz-appearance:textfield; }

.cntd i {
   width: 68px;
   height: 35px;
   background: #f0ffff00;
   z-index: 2;
   position: absolute;
   left: 31px;
   top: 2px;
}
.quantity {
 position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
 -webkit-appearance: none;
 margin: 0;
}

input[type=number]
{
 -moz-appearance: textfield;
}

.quantity input {
 box-sizing: border-box;
 width: 68px;
 height: 43px;
 line-height: 1.65;
 float: left;
 display: block;
 padding: 0;
 text-align: left;
 border-radius: 0;
 margin: 0;
 padding-left: 20px;
 border: 1px solid #ababab;
}

.quantity input:focus {
 outline: 0;
}

.quantity-nav {
 position: absolute;
 /* position: relative; */
 height: 42px;
 left: 89px;
 background: #fff;
 z-index: 7;
}

.quantity-button {
 position: relative;
 cursor: pointer;
 border: 1px solid #c5c3c3;
 width: 25px;
 text-align: center;
 color: #333;
 font-size: 18px;
 font-family: "Trebuchet MS", Helvetica, sans-serif !important;
 line-height: 1.1;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
}

.quantity-button.quantity-up {
 position: absolute;
 height: 50%;
 top: 0;
 border-bottom: 1px solid #eee;
 background: #fff;
}

.quantity-button.quantity-down {
 position: absolute;
 bottom: -1px;
 height: 50%;
 background: #fff;
}
.quantity:after {
   position: absolute;
   width: 67px;
   height: 45px;
   background: #ccc0;
   content: "";
   top: 0;
   left: 0;
}

.quantity-button:hover {
   background: #dbe5e8;
   transition: all .2s;
}
.car-prods .quantity-button {
   zoom: .9;
}
a.delete {
   width: 20px;
   height: 20px;
   display: block;
   margin: 0 auto;
}

a.delete img {
   max-width: 100%;
}
.animacompra 
{
 animation-name: example;
 animation-duration: .7s;
}

@keyframes example {
 0%   {  -ms-transform: translate(0px,0px); 
 opacity:1;
 transform: translate(0px,0px); } 
 
 100% { -ms-transform: translate(50px,-200px); 
         opacity:0;
 transform: translate(50px,-200px); }
}

.carrito {
   position: relative;
}
.carrito:after {content: "";background-color: var(--color-primario); width: 37px;height: 30px;background: #44474e url(../images/cart.svg);background-size: contain;position: absolute;background-repeat: no-repeat;background-position: center;left: 0px;border-radius: 2px;top: 0;opacity: 0;}
.carro2:after {
   animation-name: example2;
 animation-duration:.9s;
   border-radius: 14px;
}
@keyframes example2 {
 0%   { opacity: 0;
 width: 84px;
   height: 73px;
 } 
 80% {opacity:1;
    width: 84px;
   height: 73px; 
   left: -28px;
   background-position: center;
   top: -23px; }
    98% {opacity:0;
    width: 104px;
   height: 93px; 
   left: -38px;
   background-position: center;
   top: -33px; }
 100% {opacity:0;
       width: 57px;
       height: 50px;  }
}
.imgas img {
   display: inline-block;
   width: 72px;
   height: 74px;
   vertical-align: middle;
   margin: 0 19px 0 0;
}

.imgas div {
   display: inline-block;
   vertical-align: middle;
   position: relative;
   margin: 7px 0 0 0;
}

.imgas {
   display: inline-block;
   justify-content: center;
   align-content: center;
   margin: 0 auto;
   text-align: center;
   zoom: 1.4;
   background: #d7e4fa5c;
   width: auto;
   padding: 9px 10px;
   border-radius: 23px;
}
.contenedor.payp {
    width: 100%;
    text-align: center;
}
#paypal-button-container {zoom: 1.3;}

.titulos span:last-child {
   font-weight: 700;
}

#montoEnvio {
   line-height: 1.1;
   text-align: right;
   font-size: 0.7em;
   margin: 0 0 8px 0;
}
.agregar_car.carv2 {
   margin-top: -19px;
}

.carv3 .carv2, .carv3 .agregar_car{ 
   background-image: url(../images/cart.svg);
   background-size: 20px;
   background-position: 132% center;
   transition: all .5s ease-in;
   background-color: #eaeaea;
}
.video {
   width: 100%;
   height: auto;
   overflow: hidden;
   position: relative;
   max-width: 100%;
   margin: 9px 0 0;
}

.video iframe {
   max-width: 100%;
   border: solid 1px #fff;
}
.tipo_rostro ul {
   margin: 0 !important;
   padding: 0 !important;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: start !important;
   align-items: start;
}

.tipo_rostro ul li {
   width: 19%;
   margin: 1% 3%;
   text-align: center !important;
   box-shadow: 0 0 3px #888fbdf5;
   border-radius: 3px;
   padding: 0;
}


.tipo_rostro ul li label p {
   padding: 0;
   margin: 0 7px 2px;
}

.tipo_rostro ul li label a {
   font-size: .8em;
   text-decoration: none;
   color: #4264b5;
   margin: 0 0 7px 0;
   padding: 0;
}

.tipo_rostro ul li label a img {
   max-width: 97%;
   margin: 0px 0 -7px 0;
       background-color: var(--color-primario)!important;
}

.pnl-filtros > div:nth-child(3) {
   width: 34%;
   flex-basis: 34%;
}
.form-group.forgp input {
   font-size: 1em;
   background: var(--color-primario);
   color: #1b1b1b;
   font-weight: 600;
   line-height: 1.2;
   cursor: pointer;
   text-transform: uppercase;
}

.form-group.forgp input:hover {
   transition: all .3s;
   opacity: .9;
}
.cont-prods.comparador .item_sel .detalle_item {
   max-height: 253px;
   height: 253px;
}

.cont-prods.comparador .item_sel .detalle_item > div > div {
   height: 84%;
   height: calc(100% - 41px);
}
.video iframe {
   max-width: 92%;
   width: 92%;
}
.formanima {
   min-width: 165px;
   zoom: .8;
   font-size: 79% !important;
   max-height: 155px;
   box-shadow: 6px 7px 24px #0c0c0c30;
   overflow: hidden;
   position:absolute;
   z-index:2;
}

.formanima h5 {
   font-size: 1.3em!important;
   margin: 0 0 6px 0;
}

.tipo_rostro ul li:hover {
   transition: all .3s;
   box-shadow: 0 0 4px #223458;
   opacity: .8;
}
.telico:before {
   content: "";
   background: #fff0 url(../images/telico.png);
   width: 20px;
   height: 20px;
   display: block;
   position: absolute;
   top: -2px;
   left: -27px;
}
img.imamail {
   width: 145px;
   padding: 14px;
   border: solid 4px #ccc;
   border-color: var(--color-primario);
   border-radius: 150px;
}


.telico {
   position: relative;
   font-size: 1.2em;
}

.redes > span:last-of-type {
   border-right: none!important;
   padding-left: 37px;
}

.telico:empty:before {
   background: none;
   display: none;
}
.form-group.xcd {
   position: relative;
   margin: 0 auto 21px;
}
.validation-summary-errors.text-danger li {
   color: #e41010;
   font-size: 0.7em;
   margin: -4px 0 16px 0;
   font-weight: 600;
}
.campos.passok a {
   font-size: 1em;
   color: #0e6fd2;
   text-decoration: underline;
}

.container_detalle.tabdesc  > div {
   min-height: 135px;
   overflow: auto;
   max-height: 328px;
   padding: 0 12px 15px 0px !important;
   margin: 0 0 17px 0 !important;
   border-bottom: solid 1px #ccc;
}
.redes {
   max-width: 150px;
}
.carrito p {
   position: absolute;
   background: #ef1212;
   padding: 3px 1px 0px 0px;
   line-height: 1;
   border-radius: 20px;
   height: 18px;
   text-align: center;
   width: 18px;
   color: #ffffff;
   font-weight: 700;
   top: -1px;
   font-size: .9em;
   right: -5px;
   display: block;
   box-sizing: border-box;
}
.carrito p:empty {
   display: none; 
}
.tipo_rostro ul li {
   max-width: 100px;
}
.pnl-filtros.fcol-2 > div:nth-child(2) {
   width: 80.9%;
   border: none;
   border-left: solid 1px #e7e7e7;
}

.pnl-filtros.fcol-2 > div:nth-child(2) li {
   width: 16%;
}


.pnl-filtros.fcol-4 > div:nth-child(2) {
   width: 30.9%;
   border: none;
   border-left: solid 1px #e7e7e7;
}

.pnl-filtros.fcol-4 > div:nth-child(2) li {
   width: 45%;
}

.pnl-filtros.fcol-1 > div:nth-child(2) {
   width: 80.9%;
   border: none;
   border-left: solid 1px #e7e7e7;
}

.pnl-filtros.fcol-1 > div:nth-child(2) li {
   width: 16%;
}

.pnl-filtros.fcol-4 > div:nth-child(3)  {
     width: 29.9%;
     border: none;
     border-left: solid 1px #e7e7e7;
}

.fcol-4 .tipo_rostro ul li {
   width: 20.3%;
}

.pnl-filtros.fcol-4 > div:nth-child(4) li {
   width: 45%;
}
.items-p > div > a:hover {
   transition: all .3s;
   background: var(--color-primario);
    opacity: 1;
}
.f_col3 a {
   margin: 0 8%;
}
a#loginLink {
   width: 32%;
   /* letter-spacing: 0.05em;*/
   font-size: 1.4em;
   /* text-transform: uppercase; */
   padding: 5px 5px 0 7px;
   text-align: center;
}

a#registerLink {
   width: 49%;
   text-align: center;
    /*letter-spacing: 0.07em;*/
   /* text-transform: uppercase; */
   font-size: 1.4em;
   padding: 5px 5px 0 7px;
}
.user span a:hover {
   color: #44474e;
}
.item_S1 a h4 {
   position: absolute;
   bottom: 23px;
   text-align: center;
   color: #9a9a9a;
   width: 94%;
   margin: 0 auto;
   font-size: 0.6em;
   background: rgb(255 255 255 / 94%);
}
.usr_opt {
   display: block;
   margin: -29px 0 0 0;
   position: absolute;
   right: 0;
   background: #dcdde0;
}


.usr_opt ul {
   background: #f4f4f7;
   border: solid 1px #000 !important;
}

.usr_opt ul li a {
   color: #000;
   font-size: 1.1em;
}



.usr_opt ul li a:hover {
   transition: all .3s;
   color: #44474e;
}

.user form > span:after 
{
   content: "";
   width: 15px;
   height: 15px;
   background: url(../images/sub.png);
   background-size: 10px;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   right: -2px;
}
.temp 
{
   display:none
   }

.lleno .items-p  .minimag {
   min-height: 107px; 
}


.lista-ordenes {
   display: block;
   text-align: left;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
   align-items: start;
   width: 94%;
   height: auto;
   min-height: 63vh;
}

.item-orden {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   border: solid 1px #ccc;
   width: 98%;
   max-width: 850px;
   border-radius: 3px;
   margin: 4px 12px 1.9em 0 !important;
   box-shadow: 0px 1px 10px #cccccc8c;
}

.item-orden > div {}

.item-orden > div {
   width: 100%;
   flex-basis: 100%;
   max-width: 1000px;
}

.p_info {
   display: flex;
   justify-content: start;
   padding: 8px;
   box-sizing: border-box;
   font-size: .85em;
   background: #e3e9ef9c;
   border-bottom: solid 1px #d4d4d4;
}

.p_info >  div > * {
   margin: 0 0 0 0;
   font-size: 0.92em;
}

.p_info > div > label {
   font-weight: 600;
   display: inline-block;
}

.p_info > div {
   width: 25.1%;
}

.item-orden .items-p {
   border: none;
}

.item-orden .items-p .clave {
   width: 23%;
}

.item-orden .items-p .item-des > div {display: inline-block;vertical-align: top;font-size: 0.75em;margin: 0 !important;padding: 0 !important;min-height: 10px !important;height: auto;color: #616161;}

.item-orden .items-p .cantidad {
   width: 23%;
}


.item-orden .items-p .p_precios {
   width: 20%;
}

.item-orden .items-p .p_deta {
   width: 22%;
}

.item-orden .items-p > div {
   display: inline-block;
   height: auto;
   width: 79%;
}

.item-orden .items-p {display: inline-block;padding: 0 0 2px 6px;border-bottom: dashed 1px #ccc;margin: 0 0 0 0;}

.item-orden .items-p > img {
   width: 11%;
}

.item-orden .items-p .item-des > div > * * {
   margin: 0 !important;
   padding:  0 !important;
   font-size: 1em !important;
   font-weight: 500;
}

.item-orden .items-p .item-des > div > label {
   font-weight: 700;
}

.item-orden .items-p .item-des > div h5 {
   font-size: 1.3em !important;
   font-weight: 700;
   margin: 7px 0  13px 0 !important;
   color: black;
   background: none;
}

.item-orden .items-p .item-des > div p {
   margin: 2px 0 0 0 !important;
}

.item-orden .items-p .item-des > div >  a {
   display: block;
   border: solid 1px #656565;
   padding: 4px 1px !important;
   color: #000;
   font-size: 1.2em !important;
   text-align: center;
   text-decoration: none;
   width: auto;
}

.p_info .verde {
   color: #089606;
   font-weight: 600;
}
.p_info .azul {
   color: #c71c1c;
   font-weight: 600;
}
.p_info .amarillo {
   color: #ef9b1d;
   font-weight: 600;
}
.p_info .rojo {
   color: #c71c1c;
   font-weight: 600;
}
.p_info .naranja {
   color: #e2582c;
   font-weight: 600;
}

.item-orden.p_ordendet {
   max-width: 972px;
   background: none;
}

.item-orden.p_ordendet > div {
   flex-basis: 50%;
   height: auto;
   display: inline-flex;
   flex-wrap: wrap;
   text-align: center;
   background: none;
   align-self: start;
   background: #dce3e875;
}

.item-orden.p_ordendet .p_info h4 {
   width: 100% !important;
   flex-basis: 100% !important;
   display: block;
   margin: -4px 0 0 0 !important;
   font-size: 0.8em;
   padding: 4px 0 0 0 !important;
   text-transform: uppercase;
   border-bottom: solid 1px #ccc;
   height: 17px;
}

.item-orden.p_ordendet .p_info > div {
   width: 45%;
   text-align: left;
   font-size: .8em;
   margin: 5px 0 0 0;
   vertical-align: top;
}

.item-orden.p_ordendet .items-p {
   flex-basis: 99% !important;
   border: none;
   background: #ffffff99;
   margin: 4px 0 10px 7px;
   padding: 2px;
   border-radius: 3px;
   border-bottom: dashed 1px #ccc;
}

.p_btns {
   display: block !important;
   width: 100%;
   flex-wrap: nowrap;
}

.item-orden   .p_btns {
     display: inline-block !important;
     min-height: 42px;
     text-align: center;
     width: 100%;
     flex-basis: 100% !important;
}

.item-orden .p_btns  li > * {
   display: inline-block;
   font-size: 0.75em;
   min-width: auto;
   text-align: center !important;
   vertical-align: top;
   margin: 10px 17px 0 0;
   color: #000000;
   background: black;
   text-align: center;
   padding: 6px 13px 1px;
   height: 20px;
   border-radius: 1px;
   background: #d6d8d8;
   text-decoration: none;
}
.p_deta {
   display: block;
   width: 100%;
   border-top: solid 2px #e2e6e86b;
   padding: 7px 2px;
   text-align: center;
   background: #eef1f391;
}

.p_deta a {
   color: #49494a;
   border: solid 1px #000;
   padding: 3px 5px 2px 5px;
   box-sizing: border-box;
   font-size: 0.9em;
   text-decoration: none;
   margin: 0 0 0 0;
   text-align: center;
}
.p_deta a:hover {
   color: #000000;
}
.item-orden .p_btns li {
   list-style: none;
}

.item-orden .p_btns li > a:hover {
   transition: all .3s;
   background: #d0d0d0;
}

.p_info > div > p {
   /* display: inline-block; */
}

.p_ordendet .p_btns {
   background: none !important;
}
.paginador li.disabled * {
   text-decoration: none;
   border: none;
   cursor: default;
   color: #888e98;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.paginador li.disabled *:hover {
   font-weight: 500;
}
.car-prods table tr td:nth-child(2) {
   max-width: 244px !important;
}
.car-prods table tr td:nth-child(4) {
   font-size: 0.8em;
}

.car-prods table tr:nth-child(+1)  td:nth-child(4) {
   font-size: 1em  !important;
}
.agregar_g {
   background: #f9fbff;
   text-align: center;
   border: solid 1px rgba(64, 67, 73, 0.05) !important;
   border-color: var(--color-primario) !important;
   border-radius: 4px;
   font-size: 0.75em;
   font-weight: 700;
   letter-spacing: .03em;
   width: 70%;
   position: relative;
   cursor: pointer;
   padding: 0.5em 49px 0.6em 5px;
   color: #404040;
   margin: 7px 6% 0.7em 0;
   display: inline-block;
   height: 41px;
   text-decoration: none;
   /* float: right; */
   box-sizing: border-box;
   background-image: url(../images/add.svg);
   background-size: 22px;
   line-height: 26px;
   background-repeat: no-repeat;
   background-position: 91% center;
   }

.grad_1 a:hover {
   background-color: #f2f2f2;
   transition: all .3s;
   color: #000;
}
.grad_2 {
   display: block;
   padding: 0 0 9px 0;
}

.grad_1 {
   display: block !important;
   width: 100% !important;
   height: 55px !important;
   margin-bottom: 1.4em;
   text-align: center;
}

.grad_2 h2 {
   display: block;
   position: relative;
   width: 100%;
   margin: 6px 0 0 0;
   font-size: 0.8em;
}

.lts_grad {
   display: block;
   flex: none;
   padding: 0 0 2px 0;
   margin: -12px 0 0 0;
}

.info-producto {
   border: 1px dotted #ccc;
   padding: 3px 10px 5px;
   border-radius: 5px;
   margin-top: 5px;
   margin-bottom: 2px;
   width: 89%;
}

.cont_precio {
   display: flex;
   flex-direction: column;
}

.it_precio {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
}

.it_precio p {
   margin: 3px 5px;
   font-size: 11px;
   margin-bottom: 0px;
}

.it_sub {
   display: flex;
   justify-content: space-between;
}

.it_sub p {
   margin: 3px 5px;
   font-size: 11px;
   margin-bottom: 0px;
   font-weight: 600;
}

.nva_medidas {
   display: flex;
   padding: 3px 3px 1px 3px;
   box-sizing: border-box;
   font-size: 100%;
   width: 93.4%;
   flex-wrap: nowrap;
   border: dotted 1px #d8d8d8;
   justify-content: center;
   border-radius: 2px;
   margin: 0 0 21px 0;
   border-top: none;
}

   .nva_medidas > div {
       flex-basis: 16.6%;
       text-align: center;
   }

       .nva_medidas > div > span {
           color: #656363;
           font-weight: 700;
           font-size: 0.8em;
           display: block;
           font-family: "Lato",sans-serif;
           margin: 2px auto 2px;
       }

           .nva_medidas > div > span:nth-child(1) {
               color: #949494;
               font-size: 0.7em;
               font-weight: 500;
               text-align: center;
               display: block;
               margin: 0 0 1px 0;
               border-bottom: none !important;
               flex-basis: 100%;
               text-transform: uppercase;
               font-family: "Roboto", sans-serif;
           }

           .boxleft {
               width: 99%;
               padding-top: 0px;
             }
             
             .boxright {
               width: 98%;
               position: relative;
               margin: 0 auto;
               /* height: calc(100vh - 361px); */
               overflow: auto;
               background: white;
             }
             
             .boxright img {
               /*width: 400px;*/
               outline: 0;
             }
             /* checkboxes */
             input[type="checkbox"] {
               width: 20px;
               height: 20px;
               margin: 8px;
             }
             
             input[type="checkbox"]:checked + label {
               padding: 4px 10px;
               margin: 5px 0 0 0;
               display: inline-block;
               background: none;
               vertical-align: top;
               font-size: .9em;
               border-radius: 4px;
             }
             
             /*************** toppings *************/
             .toppings {
               font-size: 24px;
               font-weight: bold;
             }
             
             .img-br {
               z-index: 0;
             }
             
             .img-pb {
               z-index: 10;
               position: absolute;
               top: 0;
               left: 0;
               opacity: 0;
               transition: opacity .3s ease-in-out;
             }
             
             .img-gr {
               z-index: 20;
               position: absolute;
               top: 0;
               left: 0;
               opacity: 0;
               transition: opacity .3s ease-in-out;
             }
             
             .img-ham {
               z-index: 30;
               position: absolute;
               top: 0;
               left: 0;
               opacity: 0;
               transition: opacity .3s ease-in-out;
             }
             
             .img-ch {
               z-index: 40;
               position: absolute;
               top: 0;
               left: 0;
               opacity: 0;
               transition: opacity .3s ease-in-out;
             }
             
             
             /*** keep this below others ***/
             
             .show {
               opacity: 1;
             }
             
             .clear {
               clear: both;
               line-height: 1px;
             }
.modal-graduacion {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
}

.container_g {
   width: 95%;
   background: #fff;
   border-radius: 5px;
   box-shadow: 4px 7px 21px #6467734a;
   margin: 1em auto;
   max-width: 800px;
   height: 93%;
   box-sizing: border-box;
   padding: 1em;
   position: relative;
   overflow: auto;
   z-index: 1;
}

.main_g h1 {
   font-size: 1.2em;
   margin: -3px 0 10px -1px;
}

.graduar label, .tipo_lente label{
      background-color: #eff2f770;
      padding: 4px 10px;
      margin: 0px 0 0 0;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      font-size: .9em;
      border: solid 1px #ccc;
      line-height: 1 !important;
      border-radius: 4px;
      width: 100%;
      padding: 31px 9px 4px 14px;
      min-height: 61px;
      vertical-align: middle;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      align-self: center;
      justify-content: space-around;
}
h3.subcat {
    background: #5d626d;
    font-size: .9em;
    padding: 5px 11px;
    color: white;
    margin: 0 0 4px 0;
}

.main_g p {
    font-size: 0.9em;
    padding: 1px 18px 5px 4px;
    border-radius: 25px;
    margin: 4px 0 5px 0;
    font-weight: 500;
    min-width: 50%;
    display: inline-block;
    background: #cccfdc00;
}

 

.detailTable1 {
    border-collapse: collapse;
    border: solid 1px #ccc;
    border-color: #5d626d;
    background: #fff;
    box-shadow: 0px 1px 2px #161e3a;
    padding: 1px;
    font-size: 100%;
    max-width: 513px;
    margin: 0  auto;
}

.detailTable1 td {
    font-size: 0.6em;
    font-weight: 600;
    padding: 1px 2px;
    vertical-align: middle;
    text-align: center;
}

.detailTable1 td input {
    border: solid 3px #171414 !important;
    margin: 2px 0;
    width: 18px;
    height: 18px;
}
tr.cabecera {
    background: #cccfdc94;
    font-weight: 900;
}
.tratamientos02 {
    border-collapse: collapse;
    padding: 0px;
    font-size: 100%;
    width: 97%;
    margin: 0 auto 12px;
}

.tratamientos02 table td {
    font-size: 0.7em;
    padding: 0px 2px;
    vertical-align: middle;
    text-align: center;
    width: auto !important;
    min-width: 113px;
    margin: 0;
    font-weight: 600;
    border: solid 1px #8c8c8c;
}

.tratamientos02 table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 0 auto 0;
}

.tratamientos02 table input {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 4px 0 0;
}

.tratamientos02 td:last-child {
    text-align: right;
    padding: 0 13px 0 0;
    box-sizing: border-box;
}

.detailTable1 td:last-child {
    text-align: right;
    padding: 0 15px 0 0;
    box-sizing: border-box;
}

.main_g h5 {
    background: #cccfdc;
    padding: 5px 19px;
    vertical-align: middle;
    min-width: 95%;
    display: inline-block;
    border-radius: 15px;
    font-size: .8em;
    margin: 19px 0 0 0;
}

.main_g h5 i {
    color: white;
    background: #5d626d;
    padding: 2px 5px;
    border-radius: 20px;
    font-size: .8em;
    margin: -2px 0 0px 11px;
    vertical-align: middle;
    font-style: unset;
    display: inline-block;
}

.tratamientos02 td:nth-child(1) {
    width: 20px !important;
    padding: 0px 0 0px 0;
    min-width: 58px;
}

.detailTable1 td:first-child {
    width: 3.5% !important;
    padding: 3px 0 2px 0;
    max-width: 49px;
}
.sigx1 {
    background: var(--color-primario);
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    border: solid 1px rgba(64, 67, 73, 0.05);
    width: auto;
    border-radius: 5px;
    font-size: 0.85em;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    border: none;
    padding: 0.9em 25px 0.7em 30px;
    color: #000;
    margin: 6px auto;
    display: inline-block;
    height: 17px;
    position: relative;
    border: solid 1px #fff;
}

.sigx1:hover {
    transition: all .3s;
    border: solid 1px #ccc;
    opacity: 0.9;
}

.op_tipo {
    position: relative;
    width: 100%;
    display: block;
}

.main_g {
    display: block;
    position: relative;
    text-align: center;
    padding: 0 0 16px 0;
}

.back {
    background: #7078888a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

tr.cabecera td {
    font-weight: 800;
}
i.close_g {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -10px;
    right: -13px;
    cursor: pointer;
}
 
.boxleft form {
    display: flex;
}

.graduar > div,  .tipo_lente > div{
    width: 50%;
    margin: 1%;
    vertical-align: bottom;
    align-content: end;
    line-height: 0.9;
    font-size: .86em;
    font-weight: 500;
    padding: 0px 0 0 0;
}

.graduar > div input, .tipo_lente > div input{
    display: none;
}

.boxright > div {
    background: #eff2f7;
    height: 50px;
    display: none;
    height: .05vh;
    border: solid 1px #ccc;
}

.ant_1.ant1 {
    background: #ccc;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    border: solid 1px rgba(64, 67, 73, 0.05);
    width: auto;
    border-radius: 5px;
    font-size: 0.85em;
    font-weight: 700;
    right: 20px;
    letter-spacing: .03em;
    cursor: pointer;
    border: none;
    padding: 0.9em 25px 0.7em 30px;
    color: #000;
    margin: 6px auto 10px;
    display: inline-block;
    height: 17px;
    position: relative;
    border: solid 1px #fff;
}
.visok {
    display: block!important;
    height: auto!important;
}

.g_op1vista h3 {font-size: 1em;padding: 8px 5px 5px;}

.check {
    background-color: #e6eaef !important;
    border: solid 2px #ccc;
    border-color: var(--color-primario);
    font-weight: 600;
}
.graduar > div input[type="radio"]:checked + label, .tipo_lente > div input[type="radio"]:checked + label {
     background-color: #e6eaef !important;
    border: solid 2px #ccc;
    border-color: var(--color-primario);
    font-weight: 600;
}
.boxright > div h3 {
    font-size: 1em;
    padding: 2px 5px 2px;
}
.btns_si {
    border-top: solid 5px #5d626d;
    margin: 25px 0 0 0;
    padding-top: 5px;
}
table.nvo2_mds {border-collapse: collapse;border: solid 1px #ccc;width: 100%;background: #fff;}

table.nvo2_mds input {
    width: 53px;
    height: 26px;
    border: solid 2px #b5b5b5;
    text-align: center;
    border-radius: 3px;
    font-size: 1.1em;
    margin: 5px 2px 4px;
}

table.nvo2_mds .cabecera td {
    width: 14%;
    font-size: .8em;
    padding: 3px 0;
    border: solid 1px #ccc;
    text-align: center;
    font-weight: 700;
}

table.nvo2_mds td {
    width: 50px;
    border: solid 1px #ccc;
}

.grad_val {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 90%;
    background: #fff;
    text-align: center;
    border: solid 12px #fff;
    box-shadow: 0 5px 5px #cccccc3d;
    margin: 0 0 20px 0;
}

.g_op2vista img {
    width: 71px;
    padding: 8px;
    /* box-sizing: border-box; */
}
 
.upload {
    background: #d6dde6;
    display: block;
    cursor: pointer;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 8px;
    margin: 0 auto 0;
    box-sizing: border-box;
}

.g_op2vista.visok input {
    text-align: center;
    width: 240px;
    display: block;
    background: #d6dde6;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #5d626d91;
    border-radius: 7px;
    height: 25px;
    padding: 5px 0 1px 5px;
}

.g_op2vista.visok p {
    text-align: center;
    display: block;
    margin: 0;
    font-size: .9em;
}

.g_op2vista.visok span {
    font-size: .8em;
    margin: 5px 0 6px 0;
    padding: 0 0 17px 0;
    display: block;
}

label.gi_op1 {
    background-image: url(../images/manualmente.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center 5px;
}

label.gi_op2 {
    background-image: url(../images/receta_g.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center 5px;
}

label.gi_op3 {
    background-image: url(../images/usuario_g.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center 5px;
}
  
label.gi_op4 {
    background-image: url(../images/desconocido.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center 5px;
}

 
.graduar label:hover, .tipo_lente label:hover {
    transition: all .3s;
    background-color: #e6eaef73;
    border-color: #000;
}

.g_op3vista .login {
    height: auto !important;
    min-height: auto !important;
}

.continuar {
    max-width: 400px;
    margin: 0 0 0 0 !important;
    background: #ffffffb5 !important;
    padding: 5px 10px !important;
    border-radius: 5px!important;
    display: block!important;
    margin: 0 auto 6px !important;
    color: black !important;
    font-weight: 500 !important;
    font-size: 0.9em !important;
    border: dashed 2px #ccc;
    border-color: var(--color-primario);
}
 
.continuar_sin {
    margin: 0 0 25px 0;
}

.si_2.nocont {
    background: #d8d7d7;
    color: #909396;
}
h3.subcat span {
    background: #c4cad6;
    color: #040404;
    font-size: .8em;
    font-weight: 400;
    padding: 2px 10px;
    font-style: unset;
    border-radius: 20px;
    vertical-align: middle;
    margin: -1px 0 0 6px;
}

.agregar_g.editar {
    background-image: url(../images/edit.svg);
    background-size: 22px;
    line-height: 26px;
    background-repeat: no-repeat;
    background-position: 91% center;
}
.msj_donde {
    display: block;
    position: relative;
    width: 100%;
    margin: 6px 0 0 9px;
    font-size: 0.8em;
    font-weight: 600;
}
 

.msj_grad.opt-1 .nva_medidas, .msj_grad.opt-3 .nva_medidas {
    display: inline-flex;
}

.msj_grad.opt-2 .nva_medidas , .msj_grad.opt-4 .nva_medidas {
    display: none !important;
}

.detalle_tipo > div h5 {
    display: none;
    background: #cccfdc;
    padding: 5px 13px;
    vertical-align: middle;
    min-width: 95%;
    display: inline-block;
    border-radius: 15px;
    font-size: 0.8em;
    margin: 2px 0 8px 0;
}

label.ti_op1 {
    background-image: url(../images/l_cerca.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center 5px;
    border-radius: 7px;
}
label.ti_op2 {
    background-image: url(../images/l_lejos.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center 5px;
}
label.ti_op3 {
    background-image: url(../images/l_bifocal.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center 5px;
}
label.ti_op4 {
    background-image: url(../images/l_progresivo.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center 5px;
}

.detalle_tipo {
    margin: 0 0;
}

.detalle_tipo > div {
    margin: 0 0 0 0;
    background: #cccfdc42;
    padding: 0;
    border-radius: 5px;
}
.item_tratamiento label {
    background-color: #ffffff70;
    padding: 4px 10px;
    opacity: 0.8;
    margin: 0px 0 -1px 0;
    display: inline-block;
    min-height: 38px;
    vertical-align: top;
    cursor: pointer;
    font-size: .9em;
    border: solid 1px #a3afca;
    line-height: 1 !important;
    border-radius: 6px;
    width: 100%;
    padding: 5px 9px 3px 11px;
    vertical-align: middle;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    text-align: left;
    position: relative;
    align-self: start;
    justify-content: space-between;
    align-content: flex-start;
    box-shadow: 0 2px 5px #00000021;
}

.item_lente {
    display: flex;
    width: 100%;
    margin: 0 auto 13px;
    padding: 0 0 0 0;
}
.item_tratamiento {
    display: flex;
    width: 98%;
    margin: 0 auto 13px;
    padding: 0 0 0 0;
}
.item_lente label {
    background-color: #ffffff70;
    padding: 4px 10px;
    opacity: 0.8;
    margin: 0px 0 -1px 0;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: .9em;
    border: solid 1px #a3afca;
    line-height: 1 !important;
    border-radius: 6px;
    width: 100%;
    padding: 5px 9px 3px 11px;
    vertical-align: middle;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    text-align: left;
    position: relative;
    align-self: start;
    justify-content: space-between;
    align-content: flex-start;
    box-shadow: 0 2px 5px #00000021;
    height: auto;
}

.item_lente input {
    /* display: none; */
    margin: 17px 6px 4px 0;
    width: 16px;
    height: 16px;
}

.lente_ti {
    vertical-align: top;
    flex-basis: 81%;
    max-height: 100px;
    overflow: auto;
}

p.lente_ti {
    font-size: 1em;
    font-weight: 600;
    display: inline-block;
    margin: 0 0;
    padding: 0;
}

p.material {
    font-size: 1em;
    font-weight: 500;
    display: inline-block;
    margin: 2px 0 0px 0;
    padding: 0;
}

.detalle_lte {
    font-size: 0.9em;
    font-weight: 200 !important;
    display: inline-block;
    margin: 1px 0 0px 1px;
    padding: 0;
    height: 29px;
}

.rango_lte {
    font-size: 89%;
    text-align: center;
}

.rango_lte {
    /* border: solid 1px #ccc; */
    border-radius: 1px;
    vertical-align: top;
}

.rango_lte tr:first-child(1) td {
    background: #737363 !important;
}

.rango_lte td {
    border: solid 1px #ccc;
    font-size: .8em;
    min-width: 40px;
    padding: 4px 0;
}

.rango_lte table {
    border-collapse: collapse;
    border: solid 1px #5d626d;
}

.rango_lte table tr:first-child   {
    /* background: #efeff1 !important; */
    font-size: .8em;
}

.rango_lte table tr:first-child {border: solid 1px #e4daef;}

.rango_lte table tr:first-child td, .rango_lte table tr:first-child th {
    /* border: solid 1px #5d626d; */
    padding: 2px 2px;
    border-bottom: none;
    border-right: solid 1px #ccc;
}

detalle_lte p {
    margin: 0;
    padding: 0;
}

.precio_l {
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    justify-items: center;
    padding-right: 4px;
}

.precio_l > div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    margin: 6px auto;
    text-align: right;
    align-content: center;
    justify-content: flex-end;
    white-space: nowrap;
    font-size: 0.86em;
}

.precio_l p {
    text-align: right;
    font-weight: 600;
    width: auto;
    font-size: 1em;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.dcto_lte p {
    text-decoration: line-through;
    color: #828080;
    font-weight: 500;
    font-size: 1em;
}

.dcto_lte {
    font-size: 88%;
}


.item_lente label:hover {
    transition: all .3s;
    background: #ffffff3b;
    border-color: #000;
    box-shadow: 0 2px 5px #0000007d;
}

.item_lente input[type="radio"]:checked + label {
    border: 2px solid;
    border-color: var(--color-primario);
    box-shadow: inset 7px 0px 1px 0px var(--color-primario);
    opacity: 1;
}
p.trata_ti {
    font-weight: 700;
    font-size: 1em;
    margin: 2px 2px 0px;
}

.tratamientos02 .precio_l {
    flex-basis: 28%;
}

.item_tratamiento input[type="checkbox"]:checked + label {
    align-items: flex-start;
    text-align: left;
    position: relative;
    padding: 5px 6px;
    margin: 0px 0 0 0;
    display: flex;
    background: none;
    vertical-align: top;
    font-size: .9em;
    border-radius: 4px;
    align-self: start;
    justify-content: space-between;
    align-content: flex-start;
    box-shadow: 0 2px 5px #00000021;
    border: 2px solid;
    border-color: var(--color-primario);
    box-shadow: inset 7px 0px 1px 0px var(--color-primario);
    opacity: 1;
    background-color: #fff;
}

.detalle_trat {
    margin: 0;
    padding: 0;
}
.detalle_tipo > div p {
    font-size: 0.85em;
}
.sub_tipo {
    width: 95%;
    margin: 0 auto;
}

.item_tratamiento input {
    width: 17px;
    height: 17px;
    margin: 10px 4px 0 -2px;
}

p.pre_p.con_dcto {
    font-size: 1.1em;
}

p.pre_p {
    font-size: 1.1em !important;
}
p.l_trat {
   margin: 3px 5px;
   font-size: 11px;
   margin-bottom: 0px;
}

.detalle_tipo > div p:empty {
   display: none;
}

.detalle_tipo > div p   {
   margin: 0 !important;
   padding: 0 0 0 3px !important;
}
.g_op2vista.visok input[type="submit"] {
   background: #1ea2c1;
   padding: 2px 0 3px 0;
   color: white;
   height: 34px;
   text-transform: uppercase;
   cursor: pointer;
}
.g_op2vista.visok input:hover {
   transition: all.3s;
   background: #1a90ac;
}
.items-p.revisa ul * {
   font-size: 0.78em!important;
}
.items-p.revisa ul * {
   font-size: 0.78em!important;
}
.items-p.revisa > div ul {
   overflow: auto;
   max-height: 164px;
}
#addCart {
   min-width: 100px;
}
.submenu:before {content: "";width: 100%;position: absolute;height: 36px;background: var(--color-primario);filter: brightness(21%)  saturate(5);-webkit-filter: brightness(21%)  saturate(5);z-index: -1;}

.jd-slider {
   overflow: hidden;
   position: relative;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   border-bottom: dotted 1px #ccc;
}
/*.pnl-lentes-slider:nth-child(5), .pnl-lentes-slider:nth-child(4) {
       box-shadow:0 1px 19px #e7eaf1
}*/
.items-p:hover {
   transition: all .3s ease;
   box-shadow: 0 0px 4px #d7dcde1f;
}

.productos.det_prods_b {
   max-width: 1285px !important;
}
.item_accion .formanima {
   display: none !important;
}
.productos.det_prods_b .pnl-der {
   width: 100%;
}
.productos.det_prods_b .item_det > div {
   max-width: 653px;
}
a.cs_ret {
   background: #e5ecef5e;
   color: #020202;
   border-radius: 2px;
   padding: 3px 12px 4px 28px;
   box-sizing: border-box;
   border: solid 1px #545454;
   position: relative;
   height: 29px;
   cursor: pointer;
   border-color: #ffffff;
   text-decoration: none;
   background-image: url(../images/atras.png);
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: 6px center;
   font-size: .96em;
   margin: -7px 0 -3px 0;
}

a.cs_ret:hover {
   transition: all .3s;
   background-color: #fff;
}
span#msjarchivo:empty {
   background: none;
   border: none;
}
.thumb {
   border: dotted 1px #ccc!important;
}
.fixed2{
   position: fixed;
   top: 0;
   left: 0;
   max-width: 316px;
   width: 24%;
   transition: all 0.4s;
}
.pnl-izq.fixed2 .cat {
   height: 42vh !important;
   overflow: scroll !important;
}
.lista-deseos .agregar_car.carv2 {
    margin-top: -3px;
    left: -39%;
}

.lista-deseos .cantidad .quantity {
    zoom: 0.82;
}
.cont-prods.comparador .item_sel figure {
   min-height: 174px;
   justify-content: center;
   align-self: center;
   display: flex;
   flex-wrap: nowrap;
   flex-direction: column;
   align-items: center;
}

.cont-prods.comparador .item_sel h5 {
   min-height: 48px;
   font-size: 1em;
}
tr.cabecera.cx2 td * {
   font-size: 1em !important;
}

.items-p.revisa ul .nvo2_mds tr td {
   font-size: 1.4em!important;
   font-weight: 400;
   padding: 0;
   text-align: center;
}

.items-p.revisa ul .nvo2_mds {
   width: 225px!important;
   display: block;
   border: solid 1px #ffffff !important;
}


.items-p.revisa ul .nvo2_mds tr.cabecera td {
   background: aliceblue;
   font-size: 1.1em!important;
   font-weight: 600;
}
.itw_teble2 {
   max-width: 234px;
   text-align: center;
   margin: 0 0 8px 0;
   font-size: .9em;
}
.cs_retv2 {
   position: relative;
   display: block;
   top: -12px;
   max-width: 111px;
   margin: 0;
}

a.cs_ret.cs_retv2:hover { 
   background: #e5ecef5e;
   color: #020202;
   border-radius: 2px;
   padding: 3px 12px 4px 28px;
   box-sizing: border-box;
   border: solid 1px #545454;
   position: relative;
   height: 29px;
   cursor: pointer;
   border-color: #e5e8e8;
   text-decoration: none;
   background-image: url(../images/atras.png) !important;
   background-repeat: no-repeat  !important;
   background-size: 15px  !important;
   background-position: 6px center  !important;
   font-size: .96em;
   margin: -7px 0 -3px 0;
}



















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

    .lista-deseos .agregar_car.carv2 {
    margin-top: -23px;
    right: 0 !important;
    left: auto !important;
}
   a.cs_ret {
      top: 8px;
      position: absolute;
  }
   #msgCarrito a {
    background: #fff;
}
.agregar_g {
    width: 93%;
}

.boxleft form {
    flex-wrap: wrap;
}

.graduar > div, .tipo_lente > div {
    width: 47%;
}

table.nvo2_mds td {
    max-width: 10% !important;
}

table.nvo2_mds input {
    max-width: 37px;
}
 
.item-orden.p_ordendet .p_info > div {
   width: 100%;
}

.item-orden.p_ordendet > div {
   height: 100%;
   min-height: 163px;
}
.lista-ordenes {
   margin: 0.1em auto 1em auto;
}

   
   .usuario:hover ul {
   z-index:  100;
    
}
.usuario:hover  {
  overflow:visible
}
#sin_carousel {
   width: 94%;
   min-width: 338px;
}


.carrito p {
   font-size: .8em !important;
   text-align: center!important;
   color: #fff!important;
   padding: 4px 0 0 0 !important;
   height: 14px!important;
}
.user > span {
   font-size: 0.7em;
   text-align: right;
}

.telico:before {
   background: #fff0 url(../images/telico.png);
   background-size: 17px;
}


 .pnl-izq-gde > div h3 {
   margin: 3px 0 5px 10px;
   font-size: 1.2em;
   color: black;
}
.pnl_oculta3
{
   animation-delay: .4s;
 animation-name: animationFrames2 !important;
 animation-duration: 2.5s!important; 
 animation-iteration-count: 1!important;
}
.pnl_oculta{
 animation-name: animationFrames;
 animation-duration: 2.5s; 
 animation-iteration-count: 1;
}

@keyframes animationFrames{
 0%   {    transform: translateX(-100%);} 
 30%  {    transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {    transform: translateX(0%);} 
 100% {     transform: translateX(-100%);}
}

@-moz-keyframes animationFrames
{
0%   {     -moz-transform: translateX(-100%);} 
 30%  {     -moz-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
  70%  {     -moz-transform: translateX(0%);} 
 100% {      -moz-transform: translateX(-100%);} 
}

@-webkit-keyframes animationFrames 
{
    0%   {     -webkit-transform: translateX(-100%);} 
 30%  {     -webkit-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {     -webkit-transform: translateX(0%);} 
 100% {      -webkit-transform: translateX(-100%);} 
}

@-o-keyframes animationFrames 
{
    0%   {    -o-transform: translateX(-100%);} 
 30%  {    -o-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {    -o-transform: translateX(0%);} 
 100% {     -o-transform: translateX(-100%);}
}

@-ms-keyframes animationFrames 
{
    0%   {    -ms-transform: translateX(-100%);} 
 30%  {    -ms-transform: translateX(0%);}
 50%  {    -ms-transform: translateX(0%);}  
 100% {     -ms-transform: translateX(-100%);}
}

@keyframes animationFrames2 {
 0%   {    transform: translateX(-100%);} 
 30%  {    transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {    transform: translateX(0%);} 
 100% {     transform: translateX(-100%);}
}

@-moz-keyframes animationFrames2
{
0%   {     -moz-transform: translateX(-100%);} 
 30%  {     -moz-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
  70%  {     -moz-transform: translateX(0%);} 
 100% {      -moz-transform: translateX(-100%);} 
}

@-webkit-keyframes animationFrames2 
{
    0%   {     -webkit-transform: translateX(-100%);} 
 30%  {     -webkit-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {     -webkit-transform: translateX(0%);} 
 100% {      -webkit-transform: translateX(-100%);} 
}

@-o-keyframes animationFrames2 
{
    0%   {    -o-transform: translateX(-100%);} 
 30%  {    -o-transform: translateX(0%);    box-shadow: 0 9px 12px #06060666;} 
 70%  {    -o-transform: translateX(0%);} 
 100% {     -o-transform: translateX(-100%);}
}

@-ms-keyframes animationFrames2
{
    0%   {    -ms-transform: translateX(-100%);} 
 30%  {    -ms-transform: translateX(0%);}
 50%  {    -ms-transform: translateX(0%);}  
 100% {     -ms-transform: translateX(-100%);}
}





   
 .pnl_oculta2{
   transform: translateX(0%)!important;
-moz-transform: translateX(0%)!important;
-webkit-transform: translateX(0%)!important;
-O-transform: translateX(0%)!important;
-ms-transform: translateX(0%)!important;
 box-shadow: 0 9px 12px #06060666;
 
}
.oc2 {
   transform: rotate(-180deg);
   border-radius: 4px 0 0 4px !important;
   transition: all 0.3s ease !important;
}

 body {
   
padding-top: 101px;
 }
 header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.menu1 {
   width: 100%;
   margin: 0px 0 0 0;
   position: relative;
   top: 0;
   vertical-align: top;
}

.info {
   position: absolute;
   top: -16px;
   left: 36%;
   width: 63%;
   right: 0;
   vertical-align: top;
   padding-right: 0px;
}

.direccion {
   position: absolute;
   top: 2px;
   left: 0;
   width: 96%;
   margin: 0;
   padding: 0;
   font-size: 0.8em;
   color: #000;
   float: right;
   border: none;
   height: 16px;
   text-align: right;
}

.horarios {
   position: absolute;
   top: 0;
   left: 62%;
   width: 36%;
   margin: 0;
   padding: 0;
   font-size: .9em;
   color: #000;
   border: none;
}

.redes {
       border: none;
       right: 0;
       position: absolute;
       width: 97%;
       max-width: 97%;
       padding: 0;
       top: 20px;
       max-height: 20px;
       /* border-top: dotted 1px #ccc; */
}

.info p {
   font-size: .72em;
   color: #000;
   margin: 2px 0 0 0;
   overflow: hidden;
   text-align: left;
   height: 11px;
}

.info p:before {
   width: 15px;
   height: 10px;
   margin: 0px 0 0 -2px;
   background-repeat: no-repeat;
   background-size: 10px!important;
   background-position: center;
}

.logo {
   width: 35%;
   margin: 7px 0 1px 7px;
   max-height: 65px;
   min-height: 65px;
}

.redes > a {
   margin: 0px 11% 0 0;
   padding: 2px 3px 0;
   border: none;
   height: 24px;
   border-radius: 0;
   width: 29px;
   background: none;
   display: none;
}

.extras {
   border: none;
   position: absolute;
   width: 81%;
   top: 52px;
   right: 0;
   }

.extras a {
   width: 27px;
   height: 25px;
   margin-right: 16%;
   background-size: 25px;
}


.lupa {
   background: url(../images/ico-lupa2.png);
}
.user {
   background: none;
   background-repeat: no-repeat;
   border: none;
   background-size: 10px;
}

.carrito {
   background: url(../images/ico-carrito2.png);
}
.submenu ul {zoom: 0.8;padding: 0 0 0 0;}

.submenu {/* overflow-y: auto; */width: 100%;margin: 14px 0 0 0;}

.submenu > ul > li {
   padding: 0.4em 3px;
   width: 20%;
   font-size: 0.87em;
}

.submenu > ul > li > ul:before {
   right: -2px;
   top: 19px;
}

.pn-buscar {
   width: 100%;
   margin: 0px 0 0 0px;
   position: relative;
}

.buscador {
   width: 99%;
   height: 38px;
   margin: 2em 0.1em 1px;
}

.p-filtro {
   width: 26%;
   height: 32px;
}

.p-filtro > span {
   font-size: .7em;
   line-height: 1;
}

.p-filtro > span:before {
   right: 3px;
   top: 11px;
}

.busqueda {
   width: 62%;
   margin: 1px 1px 0 -9px;
   font-size: 0.8em;
}

.btn_buscar {
   width: 16%;
   background-size: 26px;
   background-position: center;
   background-repeat: no-repeat;
   top: 0;
}

.filtros {
   width: 51px;
   position: absolute;
   right: 0;
   box-shadow: none;
   z-index: 10;
   height: 35px;
   top: 38px;
   margin: 0px 5px 0 0;
   border-radius: 0;
   zoom: 0.9;
   background: #ffffff;
   border-left: solid 1px #ccc;
}

.filtros i {
   background-size: 21px;
   margin: 2px 0 -3px 0;
}

.filtros span {
   font-size: .9em;
   margin: -4px 1px;
}

.item_S1 {
   width: 46%;
   margin: 7px 1%;
   min-height: 122px;
   height: 130px;
   /* box-shadow: 0 0 10px #c0c5d075; */
   border-radius: 5px;
   /* border: 1px #c5c9ce7a solid; */
   overflow: visible;
}

h2.subtitulos {
   width: 100%;
   max-width: 100%;
}

.jd-slider .controller {
   margin-top: 8px;
   z-index: 100000000;
   display: none;
}

.f_col1 {
   width: 47%;
   border: none;
   margin: 0;
}

.f_col2 {
   width: 99%;
   padding: 0;
   font-size: .8em;
}

.f_col2 * {
   border: none;
}

.f_col2 > div * {
   border: none;
   margin: 4px 0 0 0;
}

.f_col1 * {
   margin: 3px;
   padding: 0;
   line-height: 1;
}

.f_col3 { 
       width: 99%;
   margin: 5px 0 0 0;
   padding: 3px;
}

.f_col3 img {
   margin: 0;
   padding: 0;
   width: 23px;
   height: 23px;
   border-radius: 15px;
   border: solid 4px #fdfdfd;
   box-shadow: inset 0px 0px 44px #fff;
}

.f_col4 {
   width: 100%;
   padding: 0;
   margin: 0;
}

.f_col4 a {
   margin: -2px 0 1px 0;
}
.contenido {
   padding-top: 3px;
   padding-left: 0px;
   align-self: start !important;
   z-index: 0;
   min-height: 56vh;
   padding: 23px 0px;
}
.pnl-izq {
   position: absolute;
   width: 77%;
   background: #e7e7e7;
   top: -2px;
   left: 0;
   z-index: 10000;
   transition: all .4s ease;
   transform: translateX(-100%); 
}
.pnl-izqa { 
   transition: all .4s ease;
   transform: translateX(0%); 
}
.pnl-der {
   width: 99.9%;
}
.pnl-der.xdosder {
        width: 99.1%;
        display: inline-flex;
        text-align: left;
        flex-wrap: wrap;
        justify-content: left;
        align-items: start;
        vertical-align: top;
        align-self: start;
        margin-left: 0.7% !important;
        left: 0!important;
}
h2.titulos {
   font-size: 1.05em;
   margin: 30px 0 9px 2%;
   width: 97%;
   display: block;
}

.cont-prods.detalle {
   flex-wrap: wrap;
   width: 100% !important;
   flex-direction: column;
   margin: 0 auto;
   overflow: auto;
}

.cont-prods.detalle > div {
   width: 100%;
   flex-wrap: wrap;
}

.item_det > #fotos_detalle {width: 99%!important;flex-basis: 99%!important;max-width: 480px !important;}

.item_det > div {
   width: 100%;
   flex-basis: 100%;
   padding: 0;
   margin: 11px 0 12px 0;
   padding: 0 0px 0 6px;
   box-sizing: border-box;
}

#carousel {
   width: 100%;
   max-width: 480px !important;
}
.ocultar {
   width: 40px;
   height: 35px;
   display: block;
   position: absolute;
   right: -37px;
   border-radius: 0  4px 4px 0;
   top: 0px;
   background: #c3c8d2 url(../images/ocultar.png);
   background-position: center;
   background-size: 19px;
   background-repeat: no-repeat;
   cursor: pointer;
}
.pnl-izq.versi {
   transition: all .4s ease;
   transform: translateX(0%);
   box-shadow: 2px 2px 38px #0000004f;
}
.pnl-der-min, .pnl-izq-gde {
   width: 100%;
}

.productos {
   flex-direction: column;
   align-self: start !important;
   min-height: initial!important;
   margin: 0 0 0 0 !important;
}

.car-prods table tr {
    /* display: grid; */
    /* min-width: 36%!important; */
    padding: 5px;
    border: solid 1px #ccc;
}


.car-prods table {
   zoom: 0.8;
   width: 95%;
   font-size: 1em;
}

.car-prods table tr td p {
   text-align: left;
   line-break: anywhere;
   margin: 1px 0 0;
   font-size: 0.8em !important;
}

.car-prods table tr td:nth-child(2) h4 {
   max-width: 99%;
   margin: 0;
}

.car-prods table tr:first-child {
   /* display: none; */
}

.cuenta-prods table {
   max-width: 99%;
}

.btn_pagar_car {
   margin: auto;
   display: block;
   width: 100%;
   max-width: 100%;
}
.car-prods table tr td {
   padding: 4px 0px 0 0;
   text-align: center;
   vertical-align: top !important;
}
.item_sel {
   width: 49%;
   margin: 0 0 1rem 0;
}

.item_sel figure {
   padding-top: 100px;
}

.item_sel .detalle_item > div:last-child h6 {
   /* margin: -11px 2px 5px 0; */
   text-align: left;
   /* float: left; */
   /* left: 6px; */
}

.item_sel .detalle_item {
   margin: 15px 0 0 0;
}

.item_sel .detalle_item > div {
   width: 100%;
}

.item_sel .detalle_item > div > div {
   width: 100%;
   max-width: 100%;
   zoom: .95;
   font-size: 0.6em;
   box-shadow: 0 1px 16px #dfe6e9;
}
.lista-deseos .items-p {
   width: 100%;
   flex-basis: 100%;
   zoom: .8;
   text-align: center;
   height: auto !important;
   min-height: auto;
   box-shadow: none;
   padding: 14px 0 79px 12px;
   margin-bottom: 1.3em;
   margin: 0 0 0   0;
   border-top: solid 1px #ccc;
}

.precios.lista > .agregar_car {
   line-height: 1.1;
   font-size: 0.69em;
}

.agregar_car {
   font-size: .8em;
   padding: 12px 8px;
   height: 36px;
   width: 151px;
   padding: 0.5em 31px 0.6em 7px;
}

.items-p .item-des .close_item {
   right: -25px;
   top: 9px;
   z-index: 10;
   width: 30px;
   height: 30px;
   background-size: 25px;
}
.items-p {
   width: 48.9%;
   margin: 0 0 6px 0;
   zoom: .9;
}
.pnl-filtros > div {
   width: 100%;
}

.pnl-filtros > div:nth-child(2) li {
   width: 33%;
}

.pnl-filtros > div:nth-child(2) {
   width: 99%;
}
.buscador > div > ul {
   width: 260%;
   box-shadow: 0 4px 19px rgba(0, 0, 0, 0.23);
}
.pnl-lentes-slider {
   width: 98%;
   min-height: 200px;
}
.usuario {
   position: absolute;
   right: 1px;
   top: 3px;
   border: none;
   height: 22px;
   width: 98%;
   overflow: hidden;
   background: none;
}

.megusta {
   background: url(../images/ico-like2.png);
   background-position: 1px 0px;
}

.megusta {
   background: url(../images/like2.png);
}
.user > i {
   width: 18px;
   height: 19px;
   background: url(images/ico-user2.png);
   background-size: 21px;
   background-position: 0px 1px;
   position: relative;
   background-repeat: no-repeat;
}

.user span a {
   max-width: 201px;
}

.submenu > ul > li:nth-child(2) {
   width: 25%;
   margin-right: 3%;
}

.submenu > ul > li > ul > li ul li a {
   font-size: 227% !important;
   height: 34px;
}

.submenu > ul > li > ul > li > a {
   font-size: 162% !important;
   height: 34px;
}

.submenu > ul > li:hover > ul {
   position: absolute;
   left: -85%;
   top: 14px;
   width: 354%;
   display: block;
}
.slider img, .item_S1 img {
   max-width: calc(100% - 41px);
   margin: -1px auto 0;
}

.item_S1.top:after {
   top: 5px;
   right: 4px;
   zoom: 0.8;
}

.item_S1 a {
   padding: 2px 9px 0 10px;
   box-shadow: none;

}

.precios {
   bottom: 0px;
   zoom: .9;
}

.item_S1 a h4 
{
   position: absolute;
              bottom: 10px;
              text-align: center;
              width: 100%;
              margin: 0;
              height: 25px;
              left: 0;
              color: #8b979c;
              padding: 0;
              font-size: 0.6em;
              }
.item_S1.nuevos:after {
   top: 5px;
   right: 1px;
   zoom: 0.8;
}
.item_S1.promos:after {
   top: 5px;
   right: 1px;
   zoom: 0.8;
}
.lvl-1 {
   margin: 1px auto;
}
footer {
   z-index: -1;
   position: relative;
}

ul.pagination1 {
   margin: 40px auto 1px;
   justify-content: space-between;
   width: 97%;
}

.pagination:last-child {
   margin: -52px 0 36px 0;
}

.footer {
   margin-top: 0.1em;
   z-index: -1;
}

#drop {
   min-height: 50px;
}

.cat > ul > li {
   width: 31%;
   flex-basis: 31%;
}
.filtros:hover {
   box-shadow: none;
}

.tipo_rostro {
   width: 99% !important;
   flex-basis: 99% !important;
}

.precio {
   display: flex;
   height: 42px;
   width: 95%;
   margin: 0.5em 1em 0.2em 0.4em;
   text-align: right;
   max-width: 98%;
   justify-content: space-between;
}

.cantidad {
   flex-basis: 88%;
   max-width: 88%;
   max-width: 100%;
   display: inline-flex;
   width: 95%;
   zoom: .9;
   vertical-align: baseline;
   justify-content: space-between;
}

.pnl_comprar {
   width: 36% !important;
   flex-basis: 36% !important;
   display: flex;
   justify-content: center;
   padding: 0px 0 0 0px;
}


.pestana {
   margin: 0.4rem 0 0rem 0;
}

.detalle-prod .item_accion {
   width: 94%;
   margin: 1em 0 -1px;
}
.pagination:last-child a {
   font-size: 0.7em;
}

.paginador li * {
   padding: 2px 7px 1px 7px;
   font-size: 0.7em;
   margin: 10px 0 3px 0;
}
.productos.general h2.titulos {
   text-align: center;
   margin-left: 25px;
   font-size: 1.3em;
   margin-top: 10px;
   margin-bottom: 0;
}
 .quantity {
   margin: auto;
   text-align: center;
   display: block;
   left: 0;
   zoom: .9;
}

.car-prods table {
   width: 100%;
   margin: 3px 0 22px 0;
}

.car-prods table tr td:first-child img {
   width: 79px;
}

.car-prods table tr:nth-child(1) td:nth-child(3) {
   width: 42px;
   font-size: 0.8em!important;
   vertical-align: top;
   overflow-wrap: break-word !important;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: block;
   word-break: break-all;
}

.resumen {
   width: 95%;
   margin: 0 auto 22px;
   border: solid 1px #ccc;
   padding: 7px;
}
.productos.favoritos {
   min-height: 500px;
}

.precios.lista > div {
   width: 100% !important;
   display: flex;
   justify-content: space-between;
   margin: 12px 0 5px 0;
   vertical-align: middle;
}

.precios.lista {
   flex-wrap: wrap;
   margin: 0 0 5px 0!important;
   padding: 0 !important;
   border-top: dotted 2px #fdffff;
}

.precios.lista > form {
   width: 100% !important;
   margin: 6px 0 8px 0 !important;
}

.agregar_car {zoom: 1.2;margin: 19px 0 4px -33%;position: relative;top: 18px;}

.lista-deseos .precios.lista > div a {
   margin: 8px 0 -7px 1px !important;
   min-width: 100px !important;
   max-width: 142px;
   text-align: center;
   width: 146px !important;
   right: 26px !important;
   padding: 8px 0px 3px 0;
}
.cont-prods.comparador .item_sel {
   min-width: 44%!important;
}

.cont-prods.comparador .item_sel figure {
   min-height: auto;
   padding: 0;
   min-height: 132px;
}

.cont-prods.comparador .item_sel figure img {
   max-width: 80%;
   max-height: 129px;
   
}

.cont-prods.comparador .item_sel .detalle_item > div > div {
   font-size: 0.9em;
}
.cont-prods.comparador {
   width: 100%;
   overflow: auto;
   padding: 10px 0 13px;
   zoom: .7;
}
.cantidad #addCart {
   width: 158px;
   line-height: 1;
}

.cantidad form {
   width: 64%;
   flex-basis: 64%;
}

.tablink {
   width: 33%;
   padding: 0;
   margin: 0 0% 0 0;
   letter-spacing: -0.05em;
   text-align: center;
   font-weight: 400;
}

.car-prods table tr:nth-child(n+2) td:nth-child(4) {
   font-size: 0.7em;
   overflow: auto;
   width: 20px;
   height: 20px;
   padding: 6px 4px 0 0;

}
.revision > div > div {
   flex-basis: 99% !important;
   margin: 0 0 10px 0;
}

.revision > div {
   flex-wrap: wrap;
}

.items-p.revisa {
   width: 98%;
   padding: 0 0 6px 0;
}

.pnl-der-min {
   border: solid 2px #ccc;
   border-color: var(--color-primario);
   width: 96%;
   margin: 0 auto 23px;
}

.det_direccion.entregaop label {
   width: 86px;
   text-align: right;
   vertical-align: top;
   font-size: 0.8em;
   line-height: 1;
}

.det_direccion.entregaop input {
   width: 23px;
   height: 23px;
   margin: 4px 0 0 0;
}
.ver_det {
   line-height: 0.9;
   padding: 5px 0;
   width: 125px;
}
.col-2a {
   width: 96.3%;
   margin: 0 1% 0 1%;
}
.redes a img {
   min-width: 25px;
}

.item_S1.promos i {
   top: 3px;
   right: 0px;
   zoom: 0.7;
} 
p.agotado {
   margin: 0;
   left: 0;
   width: 67%;
}
.car-prods table tr td:nth-child(2) {
   max-width: 91px !important;
   line-height: 1;
   padding: 2px 1px 6px;
   text-align: left;
}

.car-prods table tr td:nth-child(1) {
   max-width: 59px !important;
}

.car-prods table tr td {
   vertical-align: top;
}

.car-prods table tr td:nth-child(1) img {
   max-width: 84% !important;
}

.car-prods table tr:nth-child(1) td:nth-child(2) p {
   margin: 6px 0 0px 0;
   text-align: left;
}

.car-prods table tr td:nth-child(3) {
   text-align: center;
   max-width: 62px !important;
   width: 83px;
   padding: 6px 0 0 0;
}

.car-prods table tr td:nth-child(3) input {
   height: 50px;
   margin-left: 13px;
}

.car-prods table tr td:nth-child(3) > div {
   margin: 0 0 0 -7px;
}

.car-prods table tr:nth-child(1) td:nth-child(3) {
   font-size: 0.7em !important;
   text-align: left;
   max-width: 99px !important;
   width: 90px !important;
   padding: 3px 0 5px 0;
   word-break: break-all !important;
   height: 20px;
}

.car-prods table tr td:nth-child(6) p {
   font-weight: 800;
}


} 
@media only screen and (max-width: 400px) {
.car-prods {
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.car-prods table {
    min-width: 634px !important;
}

.car-prods table tr:nth-child(1) td:nth-child(2) {
    padding: 0px 1px 6px;
}
}