/*!! By Nanod10 */
@charset "utf-8";


/*
  colors
    primary-logo: #004fae;
    primary:; #4c5eb4;
    primary-dark: #3B4A8B; #002870;

    secondary: #ff9f63;
    secondary-active: #ff8031;
    secondary-dark: #ce7238

*/
/*
  colors
    primary-logo: #e87bed;
    primary: #d301dc;
    primary-dark: #500054;

    secondary: #ff9f63;
    secondary-active: #ff8031;
    secondary-dark: #ce7238

*/

body{
	background-color: #F5F5F5;
}

.toppage{
	background: #002870;
  	color: #FFF;
}
.toppage a {
    color: #FFF;
}
.toppage a:hover{
  	background: #3B4A8B;
  	color: #FFF;
  	text-decoration: none;
}


.header-main{
	background: #FFF;
}





.user-menu .icon i {
    color: #002870;
}



div[data-class-as*="drawer-menu-list"] div > i,
ul[data-class-as*="drawer-menu-list"] div > i,
div[data-class-as*="drawer-menu-list"] a > i,
ul[data-class-as*="drawer-menu-list"] a > i,



/*.drawer .name,
div[data-class-as*="drawer"] .name,
div[data-class-as*="drawer-menu-list"] .name,
ul[data-class-as*="drawer-menu-list"] .name
{
    color: #002870;
}*/



/* Celulares */
@media(max-width: 800px){
    /* Header de sublistas (sub drawers en este caso) */
    ul[data-class-as*="drawer-menu-list"] .sl-header {
        padding: 10px;
        background:  #002870;
        color: #FFF;
        border-bottom: 2px solid #004fae;
    }
    
    div[data-class-as*="drawer-menu-list"] .sl-header .name,
    ul[data-class-as*="drawer-menu-list"] .sl-header .name
    {
        color: #FFF;
    }

    ul[data-class-as*="drawer-menu-list"] .sl-header i {
        color: #FFF;
    }



}

/* PC */
@media(min-width: 800px){
    
    /* link #337ab7 */

    .header-main .navlinks a{
        color: #002870;
    }
    .header-main .navlinks a:not(.activo):hover, 
    .header-main .navlinks a:active, 
    .header-main .navlinks a:focus {
        text-decoration: none;
        color: #3B4A8B;
    }

    .header-main .navlinks a.activo {
        /*background: #efefef;*/
        color: #1451a0;
    }

    .header-main .navlinks a.hover {
        color: #337ab7;
    }
    .header-main .navlinks li.navmain .nav-menu-full-list li:hover > a,
    .header-main .navlinks li.navmain .nav-menu-full-list li:hover > div {
        background: #002870;
        color: #FFF;
        cursor: pointer;
    }

    .navlinks li.navmain .nav-menu-full-sublist .sublist-body .sl-header{
        border-bottom: 2px solid #002870;
    }


    div[data-class-as*="drawer-menu-list"] .sl-header .name,
    ul[data-class-as*="drawer-menu-list"] .sl-header .name
    {
        color: #002870;
    }
    


    ul.list .item > div,
    ul.list .item > a,
    ul.list .item > label {
        color: #002870;
    }
    /*ul.list .item:hover > div,*/
    ul.list .item:hover > a,
    ul.list .item:hover > label {
        color: #004fae;
    }
    ul.list .item.activo {
        color: #004fae;
        background: #FFF;
        border: #004fae 1px solid;
    }
    ul.list .item > .item-header {
        color: #002870;
    }

    ul.list .item .badge {
        background: transparent;
        color: #002870;
        border: #002870 1px solid;
        border-radius: 8px;
    }

    ul.list.lvl1 .item-header:not(.activo):hover, 
    ul.list.lvl1 .item-header:active, 
    ul.list.lvl1 .item-header:focus{
        /*background: #002870;*/
        /*color: #FFF;*/
    }

    ul.list.lvl1 i.fa-circle,
    ul.list.lvl1 .lvl1 i.fa-circle {
        color: #002870;
        font-size: 0.5em;
    }
    ul.list.lvl1 .item-header:not(.activo):hover i.fa-circle, 
    ul.list.lvl1 .item-header:active i.fa-circle, 
    ul.list.lvl1 .item-header:focus i.fa-circle{
        color: #FFF;
    }

}


@media (max-width: 768px) {
    .header-main .header-inner .logo .mobile {
        color: #002870;
    }

    ul.list.lvl1 i.fa-circle,
    ul.list.lvl1 .lvl1 i.fa-circle {
        color: #002870;
        font-size: 0.5em;
    }
}













/*
*
*   Home 
*
***/

.btn-primary {
    border: none;
    transition: width .2s;
    background:#002870;
}
.btn-primary:hover {
    border: none;
    background:#004fae;
    color:#FFF;
}

.home-category-list .card .info {
    border-top: 2px solid #002870;
}





/*
*
*
*   BREADCRUMB
*
*
*/
.breadcrumb-container {
    background-color: #3B4A8B;
    /* Gradient */ 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3B4A8B+0,002870+100 */
    background: #3B4A8B; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #3B4A8B 0%, #002870 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #3B4A8B 0%,#002870 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #3B4A8B 0%,#002870 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B4A8B', endColorstr='#002870',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.breadcrumb-container h1 {
    color: #FFF
}
.breadcrumb-container span {
    color: #FFF;
}
.breadcrumb-container .breadcrumb > .active {
    color:#FFF;
}
.breadcrumb-container .breadcrumb .fa-home {
    color: #FFF;
}
.breadcrumb-container .breadcrumb span, 
.breadcrumb-container .breadcrumb ol a {
    color:#FFF;
}











/*
*
*
*   Products Filters
*
*
*/
/*
.filtros-header{
    border-bottom: #CCC 1px solid;
    color: #4c0050;
}
.prod_filtros .filtro_precio_valor{
    color: #002870;
}
.prod_filtros .listado label:hover {
    color: #004fae;
}
*/






/*
    
    Listado de productos

*/
.varDropdown-item-link .varAttrName{
    background: #002870;
    color: #FFF;
}





/*

    Pagina de producto

*/

.producto-page .title,
.producto-page .subtitle {
  color: #002870;
}


.footer{
    color: #FFF;
    background: #002870;
}
.footer-developer {
    background: #2B052D;
}