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


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

    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

*/
/*
  colors
    primary-logo: #fbb901;
    primary: #fbb901;
    primary-dark: #B18200;

    secondary: #373737;
    secondary-active: #5B5B5B;
    secondary-dark: #232323

*/
/*
  colors
    primary-logo: #e7511e;
    primary: #f66a3a;
    primary-dark: #d4410f;

    secondary: #333333;
    secondary-active: #444444;
    secondary-dark: #222222

*/

body{
	background-color: #f5f5f5;
    font-family: 'Roboto Condensed', sans-serif;
}
/* PC */
@media(min-width: 800px){
    body{
        padding-top: 70px;
    }
}

.toppage{
	/*background: #e7511e;*/
    background: #222;
  	color: #f66a3a;
    font-family: sans-serif;
}
.toppage a {
    color: inherit;
}
.toppage a:hover{
  	background: #111;
  	color: inherit;
  	text-decoration: none;
}


.header-main{
	background: #EEEEEE;
    /*background: #e7511e;*/
    border:none;
    border-bottom: #d4410f 2px solid;
}

/* PC */
@media(min-width: 800px){
    .header-main .header-inner {
        padding: 0 !important;
    }
    /*.header-main .header-inner .logo {
        display: block;
        height: 90px;
        text-align: center;
    }*/

    .header-main.header-fixed .header-inner .logo img {
        display: inline-block !important;
        position: relative;
        max-height: 50px;
        top: unset;
    }

}

.header-main .header-content {
    height: auto;
    background: #DEDEDE;
}

/* PC */
@media(min-width: 800px){
    .header-main.header-fixed .user-menu {
        margin: 0;
        padding: 10px 15px 0 15px;
    }
}

.header-main .user-menu .icon a {
    vertical-align: middle;
}

.header-main .user-menu .icon a:hover {
    background-color: unset;
    color: #333;
}
.header-main .user-menu .icon i {
    color: #333;
}





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: #d4410f;
}*/



/* 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:  #d4410f;
        color: #FFF;
        border-bottom: 2px solid #444;
    }
    
    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 */

    /* 
    *
    *   Menu estilos generales
    *
    */ 
    
    /* barra de menu */  
    .drawer-categorias-full[data-class-as*="drawer"], .drawer-categorias-full[data-class-as*="drawer"].show {
        min-width: auto;
        /*background: #DEDEDE;*/
    }

    .header-main .navlinks a{
        /*color: #d4410f;*/
        color: #444;
    }
    /* todos los links internos de .navlinks */
    .header-main .navlinks a:not(.activo):hover, 
    .header-main .navlinks a:active, 
    .header-main .navlinks a:focus {
        text-decoration: none;
        color: #f66a3a;
    }

    .header-main .navlinks > li > a:not(.activo):hover,
    .header-main .navlinks > li > a:active, 
    .header-main .navlinks > li > a:focus,
    .header-main .navlinks > li:hover > a,
    .header-main .navlinks > li.opened > a{
        /*color: #F1F1F1;*/
        color: #333;
    }
    .header-main .navlinks > li:hover > a > .nav-icon{
        color: #333;
    }

    .header-main .navlinks > li:not(.fnav-mobile):hover {
        background-color: inherit;
        color: #333;
    }
    .header-main .navlinks > li:not(.fnav-mobile):hover a.navlinks-productos {
        color: #333;
    }



    /* estilos botonera principal*/
    .header-main .navlinks > li > a{
        color: #333;
        padding: 10px 15px;
        max-height: 70px;
    }
    /* estilos hover botonera principal */
    .header-main .navlinks > li > a:hover, 
    .header-main .navlinks > li > a.activo, 
    .header-main .navlinks > li > a:active, 
    .header-main .navlinks > li > a:focus {
        background: #f66a3a;    
    }

    .header-main .navlinks a.activo {
        background: #555;
        color: #e7511e;
    }

    .header-main .navlinks a.hover {
        color: #000;
    }
    
    /* contenedor de menu principal de categorias */
    .navlinks li.navmain .nav-menu-full{
        background: #222;
        color: #f66a3a;
    }
    .header-main .navlinks .menu-pin{
        color: #222;
        left: 35px;
        margin-top: 52px;
    }

    .navlinks li.navmain .nav-menu-full-list{
        /*width: 35%;*/
        min-width: 350px;
    }

    .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: #444;
        color: #FFF;
        cursor: pointer;
    }

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


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


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

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


    /* estilos lista Nivel 1 (Categorias Padres)*/
    ul.list.lvl1 .item-header:not(.activo):hover, 
    ul.list.lvl1 .item-header:active, 
    ul.list.lvl1 .item-header:focus{
        /*background: #d4410f;*/
        /*color: #FFF;*/
    }

    ul.list.lvl1 i.fa-circle,
    ul.list.lvl1 .lvl1 i.fa-circle {
        color: #f66a3a;
        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;
    }

    ul.list.lvl1 li.item {
        
    }

    ul.list.lvl1.nav-menu-full-list .item-header{
        color: #e7511e;

    } 

    ul.list.filtros-container .list.lvl2 .item > a {
        color: #222;
    }
}


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

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



@media(min-width: 800px){

    /*.header-main .navlinks > li > div, 
    .header-main .navlinks > li > a {
        line-height: 30px;
    }*/
}

.header-main .header-inner .logo {
    display: inline-block;
    height: auto;
}
.header-main .header-inner .logo .pc img {
    max-height: 50px;
}





/*
*
*   Home 
*
***/

.btn-primary {
    border: none;
    transition: width .2s;
    background:#f66a3a !important; 
    color:#FFF;
}
.btn-primary:hover {
    border: none;
    background:#e7511e !important;
    color:#F5F5F5;
}
.btn-primary:active {
    border: none;
    background: #e7511e !important;
    color: #DDD;
}

.home-category-list .card .info {
    border-top: 2px solid #e7511e;
}
.home-category-list .card .info .name {
    text-transform: uppercase;
}





/*
*
*
*   BREADCRUMB
*
*
*/
.breadcrumb-container {
    background-color: #f66a3a;
    /* Gradient */ 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f66a3a+0,d4410f+100 */
    background: #f66a3a; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f66a3a 0%, #d4410f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #f66a3a 0%,#d4410f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #f66a3a 0%,#d4410f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66a3a', endColorstr='#d4410f',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: #d4410f;
}
.prod_filtros .listado label:hover {
    color: #e7511e;
}
*/






/*
    
    Listado de productos

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





/*

    Pagina de producto

*/

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




.footer{
    color: #333;
    background: #D5D5D5;
}
.footer-developer {
    background: #222;
}


.footer input {
    color: #FFF;
    margin: 0 5px 0 15px;
    padding: 6px 10px;
    width: 100%;
    max-width: 400px;
    border: none;
    background: #222;
    height: 40px;
    vertical-align: middle;
    border-radius: 3px;
}
.footer button {
    color: #FFF;
}

.footer .title {
    font-weight: bold;
    color: #333;
}
.footer p {
    color: #333;
}
.footer a {
    color: #f66a3a;
}

.footer a.fooicon {
    color: #333;
}
.fooicon i {
    color: #f66a3a;
}