body{
    background-image: none;
}
/* para evitar que el footer se vaya arriba, le ponemos height al 100 menos el height de otros compomentes de header y footer*/
#mainWrapper{
    min-height: calc(100vh - 350px);
}
#navbarLogo{
    max-width:150px;
}
.advanced-search-box{
    display:none;
}
.dropdown-menu.container_yamm{
    width: calc(100vw - 600px);
}
.navbar .navbar-toggle, .navbar .navbar-toggle:hover{
    color: #fff;
    background-color: #002a61;
    border: none;
    font-size: 24px;
    left: -15px;
    padding-top: 8px;
    padding-bottom: 4px;
}

@media (min-width: 768px){
    .navbar-brand img{
        max-width:100px;
    }
    #navCatTabsWrapper.affix {
        top: 62px;
    }
    body{
        padding-top: 130px;
    }
    /* cubrir el fondo del menu de categorias a todo lo ancho */
    #navCatTabsWrapper{
        width: 100%;
        position: absolute;
        left: 0;
        width: 100%;
    }
}
@media (min-width: 992px){
    .navbar-brand img{
        max-width: 165px;
    }
}
@media (max-width: 767px){
    /* bof bootstrap */
    .btn-default{
        border-color: #002a61;
    }
    .navbar-default .navbar-nav>li>a,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a

    {
        color: #383838;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
    {
        color: #fff;
    }
    /* eof bootstrap */

    /* sin importar el componente affix, para la plantilla el body siempre tiene padding sumando menu + busqueda */
    body{
        padding-top: 110px;
    }
    /*
    #navCatTabsWrapper {
        width: 100%;
        display: block !important;
        margin-bottom: 0;
        top: 68px;
        padding-top: 10px;
        position: fixed;
    }
    */
    #header #bannerTwo,
    #navCatTabsWrapper #div-user-op,
    /* elementos que se mueven a otro lugar, se ocultan de su lugar original: */
    #navMainSearchWrapper + #div-user-op,
    #navMain + #navCatTabsWrapper{
        display:none;
    }
    #navMainWrapper #div-user-op{
        float: right;
        padding: 9px 10px;
    }

    #navCatTabs #bannerTwo{
        float: none;
        width:100%;
        padding: 0;
        clear:both;
    }
    #navMainSearchWrapper{
        width:100%;
        background-color: #fff;
        padding-bottom: 5px;
    padding-top: 5px;
    }
    .navbar-brand{
        margin:0;
    }

    /* navbar slide collapse*/

	#navCatTabs {
        position: fixed;
        z-index: 99;
        width: 90%;
        height: 100%;
        margin:0;
        max-height: none;
        background-color: #fff;
        overflow: auto;
        top:0;
        /* para que aparezca de derecha a izquierda:*/
        right: 0;
      }
      .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
      }
}
/* bof modals */
.modal-header button.close,
.quick_find_header button.close
{
    opacity: 1;
    font-size: 55px;
    font-weight: 100;
    color: #f4982d;
}
#navCatTabs button.close{
    opacity: 1;
    font-size: 4em;
    font-weight: 100;
    color: #f4982d;
}

.modal-header{
    border:none
}
.modal-title{
    clear:both;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
}
/* eof modals */

/* bof buttons */
.button_in_cart {
    white-space: nowrap !important;
}
.button_header_search{
    padding-bottom: 4px;
}
#user-options .btn-link{
    padding-left:0;
    padding-right:6px;
}
#navMainShoppingCart .badge{
    margin-left:-10px;
    position: absolute;
    top: 8px;
}
@media (min-width: 1200px){
    #navMainShoppingCart{
        background-color: #fff;
        color: #002a61 !important;
        font-weight: bold;
        border-radius: 5px;
        padding-left: 6px !important;
    }
    #navMainShoppingCart .badge {
        position: relative;
        top: -5px;
        margin-left: 0;
        background-color: #002a61;
        border-radius: 5px;
        font-size: 16px;
    }
}


#navCatTabsUl .glyphicon-chevron-down, 
#productsListingDisplayOrder{
    display:none;
}
/* eof buttons */

/* bof overlays */
.overlay_text {
    transform:none;
    -ms-transform: none;
    -webkit-transform: none;
    padding: 5px 5px;
}

.overlay_new, .overlay_sale, .overlay_feat, .overlay_best {
	display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 50%;
    padding-top: 5px;
    padding-right: 5px;
}
.overlay_sale .label {
	font-size:1em;
	padding:5px 10px;
}
/* eof overlays */

/* TODO: ver si se pasa al json de bootstrap*/
/* bof-bootstrap */

h2.panel-title {
    font-size: 28px;
}


#navCatTabsUl.nav .open>a, #navCatTabsUl.nav .open>a:hover, #navCatTabsUl.nav .open>a:focus {
    background-color: #002a61;
    color:#fff;
}
#navCatTabsUl{
    clear:both;
}

/* eof-bootstrap */

/* bof live-quick-find */
.quick-find-result button.close{
    font-size: 1em;
}
@media(max-width:767px){
	.quick-find-result{
        margin-top: 10px;
    }
}
/* eof live-quick-find */

/* bof product-price, title, contents*/
.productPriceDiscount + br{
    display: none;
}
.productPriceDiscount{
    display: block;
    color: #f4992a;
    border-bottom: 5px solid #f4992a;
    margin-bottom: 15px;
    text-align:center;
}
.productBasePrice, .productPriceDiscount, .productSpecialPrice, .productIsFree{
    font-weight: bold;

}
.product_title, .product_title a, .product_price, .total-form-cc-msi, .cartBoxTotalWrapper, 
#productPrices, #productReviewsDefaultPrice, #reviewsInfoDefaultPrice, #reviewsWritePrice{
	color:#6b6b6b;
}
.product_title, .product_price{
    text-align:left;
    white-space: nowrap;
}
.product_content{
    border-bottom:none;
}
/* eof product-price*/

/* bof product-info */
/* simulacion de columnas responsivas, sin necesidad de poner classes row ni col- */
/* row-col start*/
/*
#productPrices{
    margin: 15px 0 -10px 0;
}
#productPrices:before, #productPrices:after{
    display: table;
    clear: both;
    content: " "
}

#productPrices .normalprice, 
#productPrices .productSpecialPrice, 
#productPrices .productPriceDiscount{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
#productPrices .normalprice{
    left: 50%;
    width: 50%;
}
#productPrices .productSpecialPrice{
    text-align: right;
    right: 50%;
    width: 50%;
}

#productPrices .normalprice, 
#productPrices .productPriceDiscount{
    text-align: left;
    left: 50%;
    width: 50%;
}
*/
#productPrices .normalprice:after{
	content: '\00000a';
	white-space: pre;
	
}
/* row-col end*/

/* bof attr */

.wrapperAttribsOptions >.small, .wrapperAttribsOptions .attribsCheckbox, #cartAdd > .qty_box > .small {
    color: #002a61;
    font-size:15px;
    font-weight: bold !important;
}
.wrapperAttribsOptions .attribsPrice{
	font-size: 12px;
	color: #6b6b6b;
	font-weight: bold;
}

#attrib-1-selected, #attrib-2-selected{
    display:none;
}

#attrib-1 .attribsRadioButton{
	border-radius:20px;
	box-shadow: none;
	padding: 1px;
	line-height: 0;
	border-color: #585858;
	border-width: 2px;
}
#attrib-1 .attribsRadioButton .glyphicon-c{
	border-radius:20px;
}
#attrib-2{
    margin-bottom:10px;
}
#attrib-2 .attribsRadioButton{
	padding: 2px 8px;
}
#attrib-2 .attribsRadioButton.active{
	background-color:#116bfe;
    color:#fff;
    font-weight: bold;
}

/* eof attr */

#cartAdd .button_in_cart {
    margin-top: 22px;
}
#productPrices .productPriceDiscount > br{
display: none;
}
#productPrices .productPriceDiscount,
#cartAdd .qty_box label{
    border-bottom: none;
    font-weight: normal;
    margin-bottom: 0;
}

#productName,
#pdl_model, 
#productPrices .productBasePrice,
#productPrices .productSpecialPrice{
    color:#000;
}
#accordion .panel-heading{
    border-bottom: 1px dashed #002a61;
}
#accordion #headingTwo{
    border-top: 1px dashed #002a61; 
}


/* eof product-info */

/* bof headings */
h1[id$="Heading"]{
    text-align:center;
}
/* eof headings */

/* bof footer */
#footer{
    padding-top:20px;
    padding-bottom:20px;
}
#footer .panel-title{
    font-weight: bold;
}
#footer_accordion_two{
    display:none;
}
#footer_about{
    border-radius: 0;
}

#footer, #footer .panel-body, #footer .panel-heading, #footer_about{
    background-color: #f0f0f0;
}
#footer .panel, #footer_about{
	border: none;
	box-shadow:none;
}
.c-pci{
    filter: invert(75%) sepia(70%) saturate(1451%) hue-rotate(179deg) brightness(93%) contrast(95%);
}
/* eof footer */

/* bof fonts */
/* #navBreadCrumb{
    font-size:85%;
} */
#product_list_filter .panel-title{
    font-size:initial;
}
#cat-deptos > a{
    font-size: 16px;
}
/* eof fonts */

/* bof pagination*/
.pagination>li>a, .pagination>li>span{
    border-radius: 20px !important;
    margin-left: 5px;
}

/* eof pagination*/

/* bof owl-carousel */
.panel-body .owl-nav{
	position:absolute;
	top:25%;
	width:100%;
	transition:.3s;
	height:0;
}
.panel-body .owl-nav .btn{
	position: absolute;
}

.panel-body .owl-nav .btn, .panel-body .owl-nav .btn:hover{
	border: 2px solid #0771af;
}
.panel-body .owl-nav .btn:first-child{
	left: -15px;
}
.panel-body .owl-nav .btn:last-child{
	right: -15px;
}
/* eof owl-carousel */

/* bof fast-checkout */
#checkoutPaymentContentChoose label.btn{
    background-color: #fff;
    border-color: #ddd;
}
/* eof fast-checkout */

/* bof colors */

/*
#footer_about,
h1[id$="Heading"],
#productPrices .productPriceDiscount,
#cartAdd .qty_box label,
#cat-deptos > a,
#modalMainPageLabel
{
    color: #002a61;
}
*/
#navMainSearch input[name="keyword"]{
    border-color: #fff;
}

.cartBoxTotalWrapper{
    background-color: #fff6e9;
    border-color: #fff6e9;
}
.cartProdTitle{
    color: #000;
    font-weight: bold;
}

#shopping-cart-buttons .panel, 
#checkoutConfirmCart, 
#checkoutConfirmCart .panel-heading, 
#checkoutConfirmCart .panel-footer{
	background-color:#ececec
}

#checkoutConfirmCart.checkout-affix.affix{
	top:10em;
	max-height: calc(100vh - 6em);
}

/* eof colors */

/* cambios de jorge */
#navMainLogin{
	text-align:left;
}
#navMainLogin .glyphicon-user{
        margin-right:10px;
}
#navMainLogin:hover, #user-options:hover,  #user-options .btn-link:hover{
        text-decoration:none;
}