SELECT * FROM config where propiedad='css'SELECT * FROM config where propiedad='img_novedades'SELECT * FROM config where propiedad='color_estrellas'SELECT * FROM config where propiedad='boletin_img'../img/rose.jpg<style>
.top-bar {
height: 40px;
background-color: #fff;
}
.content-topbar{
background:  var(--color-primario);
height:40px;
width:100%;
}
.main-menu > li.active-menu > a {
color: #000;
}
.bg1 {
background-color: var(--color-primario);
}
.main-menu-m {
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
}

    #apuntate{
    position: relative;
    background: url(../img/rose.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  
    min-height:400px;


    }
    .block-category h1{
font-size: 30px;
color: var(--color-primario);
}
.tab-text{
font-family: var(--fuente-normal);
color: #000;
font-size: 18px;
border-bottom: 1px solid #e6e6e6;
line-height: 40px;
}

ul.dynatree-container a:hover
{

color: var(--color-primario);

}
.icon-header-noti::after {
content: attr(data-notify);
    font-family: var(--fuente-normal);
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    text-align: center;
    display: block;
    position: absolute;
    top: -20px;
    right: -9px;
    min-width: 22px;
    height: 22px;
    padding: 5px;
    background-color: var(--color-primario);
}

.main-menu > li:hover > a {

    text-decoration: none;
    color: #e32c28;
    border-bottom: none;
}
.flex-b{
display:block;
}
.sub-menu > li:hover > a {
color: #a59b9b;
background: #f9f0ec;
}
.rs1-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
border-left: 1px solid #e6e6e6;
}
.rs1-select2 .select2-container .select2-selection--single {
border: 1px solid #e6e6e6;
border-radius: 0px;
background: #fff;
}
.block1-txt:hover {
background-color: rgba(35, 34, 34, 0.6);
}

.btn-carrito{
height: auto;
width: 30px;
padding: 0px 5px;
font-size: 26px;
box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
-webkit-transition: transform 0.9s ease;
-o-transition: transform 0.9s ease;
-moz-transition: transform 0.9s ease;
transition: transform 0.9s ease;
    cursor: pointer;
}
.btn-car{
font-size: 18px;
width: 30px;
padding: 0px 5px;
font-size: 26px;
box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
-webkit-transition: transform 0.9s ease;
-o-transition: transform 0.9s ease;
-moz-transition: transform 0.9s ease;
transition: transform 0.9s ease;
    cursor: pointer;
    opacity:0;
}

.btn-carrito:hover{
color: #5a5b5b;
transform: scale(1.2, 1.2);
-webkit-animation: none;
webkit-transition: transform 0.9s ease;
-o-transition: transform 0.9s ease;
-moz-transition: transform 0.9s ease;
transition: transform 0.9s ease;
}

.hov-cl1:hover {
color: var(--color-primario);
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 1px 8px;
margin-left: -1px;
line-height: 1.42857143;
color:  var(--color-primario);
text-decoration: none;
margin: 5px;
border-radius: 0px;
border: none;
border: 1px solid  var(--color-primario);
font-weight: normal;
font-family: var(--fuente-light);
font-size: 15px;
}
.kil_product {
background: var(--color-primario);
color: #aaa;
font-size: 14px;
margin-bottom: 5px;
padding: 0px 5px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
display: flex;
font-family: var(--fuente-normal);
float: left;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
z-index: 2;
color: #fff;
background-color: var(--color-primario);
border: 1px solid var(--color-primario);
transition: all .4s ease-in-out;
border-radius: 0;

}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
color: #ccc;
cursor: not-allowed;
background-color: #f9f9f9;
border: 1px solid #fff;
border-radius: 0px;
padding:0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-radius:0;

}
.pagination>li:first-child>a, .pagination>li:first-child>span {
border-radius:0;

}
.pagination {
display: inline-block;
margin: 20px 0;
}
.pagination>li{
display:inline;
}
.centrar{
text-align:center;
}
.bg0 {
background-color:  var(--color-fondo);

}
.bg2{
background-color:#fff;
}
.bor0{
border:1px solid #000;     
}
.bg100{
background-color:#f9f9f9;
}

.form-control {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 0.9rem;
line-height: 1.25;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid #e6e6e6;
border-radius: 0px;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
margin-bottom: 20px;
height:45px;
font-family: var(--fuente-normal);
}
.letra{
font-family: var(--fuente-normal);
font-size:13px;
 text-transform: uppercase;

}
.w-content{
        width: max-content;
}

.num-product {
background-color: #fff;
border-radius: 0;
border: none;
border: 1px solid #e6e6e6;

}
.hov-btn3:hover {
border-color:  var(--color-primario);
background-color:  var(--color-primario);
color: #fff;
}
.swal-bg{
border-radius:0;
border:1px solid #ccc;
}
.wrap-num-product {
    align-items: center;
border: none;
border-radius: 0px;
overflow: hidden;
margin:0 auto;
    justify-content: center;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #ccc;
outline: 0;
}

.rs1-select2 .select2-container .select2-results__option[aria-selected="true"] {
background: var(--color-primario);
color: white;
}
.rs1-select2 .select2-container .select2-results__option--highlighted[aria-selected] {
background: var(--color-primario);
color: white;
}
.encontrados{
font-size: 12px;
color: #333;
text-align: left;  
width: 100%;
margin-bottom: 10px;
font-family: var(--fuente-normal);
line-height:40px;
}
.disabled {
color: #ccc;
/*padding: 10px 12px;*/
}

.right-top-bar a:hover {
color: #fff;
background: rgba(255,255,255,.4);

}
.tarjetas{
color: #fff;
font-size: 25px;
margin-right: 10px;
}
.btn-back-to-top {
background: #efced1;
}
.btn-back-to-top:hover {
opacity: 1;
background-color: var(--color-primario);
}
.symbol-btn-back-to-top {
font-size: 45px;
color: white;
line-height: 1em;
}

/* Radio Button */
.control {

display: block;
position: relative;
padding-left: 30px;
margin-bottom: 10px;
padding-top: 3px;
cursor: pointer;
font-size: 16px;
width:100%;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control_indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
border: 0px solid #000000;
}
.control-radio .control_indicator {
border-radius: 50%;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {
color: var(--color-primario);
font-size: 30px;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: #cccccc;
}
.tab_in_sec .panel-default>.panel-heading a.active {
background: var(--color-primario);
color: #666;
}

.control input:checked ~ .control_indicator {
background:var(--color-primario);
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control_indicator:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control-radio .control_indicator:after {
    left: 4px;
    top: 4px;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background: var(--color_primario);
    background: #fff;
    
}
.control-radio input:disabled ~ .control_indicator:after {
background: #7b7b7b;
}

.control-checkbox .control_indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
border-color: #7b7b7b;
}
/*  end radio button */

.hov-btn2:hover {
border-color: #fff;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
}
.page-heading-invert {
border-bottom: none;
text-align: center;
margin-bottom: 0;
margin-top: 0;
letter-spacing: 5px;
/*padding: 1px;*/
font-weight: normal;
/*margin-left:20px;
margin-right:20px;
height: 35px;*/
font-size: inherit;


}
.p-b-140, .p-tb-140, .p-all-140 {
padding-bottom: 50px;
}
.p-t-23, .p-tb-23, .p-all-23 {
padding-top: 5px;
}
.left-top-bar {
color: #000;   
}
.separador {
padding: 20px;
text-align: left;
font-size: 16px;
color: #545454;

}
.stext-105 {
font-family: var(--fuente-light);
font-size: 35px;
line-height: 1.466667;
letter-spacing: 1px;
font-weight:bold;
}
sup{
font-size: 15px;
top: -1px;
color: #ef2a45;
}
.text-login{
font-family: var(--fuente-light);
padding-top: 30px;
}
.login{
min-height: 457px;
background: url(../img/user_login.png) 92% 92% no-repeat #f9f9f9; 
padding: 1% 3% 0% 3%;
border: 1px solid #d6d6d6;

}
.new_user{
min-height: 457px;
    background: url(../img/new_user.png) 92% 92% no-repeat #f9f9f9;
    padding: 1% 3% 0% 3%;
    border: 1px solid #d6d6d6;
}
.stext-106 {
font-family: var(--fuente-normal);
font-size: 21px;
line-height: 1.466667;
letter-spacing: 1px;
}
.actives {
background: var(--color-primario) !important;
color: #fff !important;


}
    .fondo_novedades{
    position: relative;
    min-height:400px;

    }


.star_color,  .star_color:hover {
font-size: 16px;
padding: 0 1px;
cursor: pointer;
color: #f5ea36;
text-decoration: none; }

.sublinea{
width: 10%;
text-align: center;
margin: 0 auto;
margin-top: 10px;
border: 2px solid #fff;
}
.sublinea_dark{
width: 10%;
text-align: center;
margin: 0 auto;
margin-top: 10px;
border: 2px solid #333;
}

.sublinea_big {
width: 30%;
text-align: center;
margin: 0 auto;
margin-top: 10px;

border: 2px solid #b1d6cd;;
}    
.right-top-bar a:first-child {
border:none; 
}
.right-top-bar a {
color: rgb(90, 83, 83);
border:none;

color: #fff;
border-right: none;
font-family: var(--fuente-normal);
font-size: 27px;
line-height: 1.8;
height: 100%;

}
.ltext-103 {
    font-family: var(--fuente-light);
    font-size: 34px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
}
@media (max-width: 1600px){
.container {
max-width: 100%;
width:100%;

}
}

@media(max-width:768px){
.p-t-23{
padding-top:0px;
}
.stext-105 {

font-size: 27px;
}
.mtext-105 {

font-size: 21px;
}
.ltext-103 {

font-size: 23px;
}
.sublinea_dark {
width: 30%;
 border: 1px solid #333;
}
.left-top-bar {
    color: #545454;
    font-family: var(--fuente-light);
    font-size: 12px;
    line-height: 1.8;
}
.right-top-bar {
float:right;
}
.topbar-mobile{
display: inline-flex;
width: 100%;
}
.right-top-bar a {
color: #fff;
border-right: none;
font-family: var(--fuente-normal);
font-size: 27px;
line-height: 1.8;
height: 100%;

}
.main-menu-m > li > a {
font-family: var(--fuente-light);
}
}

.progress {
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #ffff;     
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);   
     box-shadow: inset 0 1px 2px rgba(0,0,0,.1);    
    border: 1px solid #f5ea36;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    box-shadow:none;
    background-color: #f5ea36;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
</style>
#slider h6 {
    font-size: 1.7em;
    letter-spacing: 1px;
    padding-bottom: 20px;
    font-weight: normal;
}