/* texto con borde */
.text-border-black {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.text-border-white {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
/* fin de texto con borde */

.text-orange {
    color: #d17a00;
}

/* dropdown menus */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;left:100%;margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu >li > a:hover::after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.dropdown-menu >li > a:hover {
    background-color: #004c7f;
}
.dropdown-menu >li > a:focus {
    background-color: #002944;
}

/* fin -> dropdown menus */

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    background-color: rgba(256,256,256,.85);
}

.bg-transparent-85 {
    background-color: rgba(256,256,256,.85);
}

.innerStatic {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.orange-menu {
    background-color: #d17a00;
}

.orange-border {
    border-color: #d17a00;
}

a.orange-border {
    border-color: #d17a00;
}

.red-background {
}

.alert-red {
    border-color: #d17a00;
    background-color: #FF0000;
}

.blue-background {
    background-color: #002944;
}

.soft-blue-background {
    background-color: #00416b;
}

a.blue-background:hover,
a.blue-background:active,
a.blue-background:focus,
button.blue-background:hover,
button.blue-background:active,
button.blue-background:focus {
    background-color: #004c7f; /* generado a partir de #002944 en colorhexa.com */
}

.blue-background-transparent {
    color: #fff;
    background-color: rgba(0,41,68,.6);
}

.icono-telefono {
    height: 1.5rem;
}

.icono-carrito {
    height: 2rem;
}

.icono-socialnets {
    height: 1.5rem;
}

.divider-vertical {
    height: 20px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff;
}

.googlemap {
    height: 500px;
    width: 100%;
    margin: auto;
}

.googlemap-lg {
    height: 800px;
    width: 100%;
    margin: auto;
}


.img-li-producto {
    height: 3em;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #d17a00;
    border-color: #d17a00 !important;
}


/* AJAX - LOADER http://ajaxload.info/
   Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-loader {
    display:    none;
    position:   fixed;
    z-index:    10350;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .3 )
    url('https://s3-us-west-1.amazonaws.com/assets.msb/img/ajax-loader.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal-loader {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loader {
    display: block;
}

/*  ----    */
.pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

/************ before 20190328
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 150px;
}
/************/
/*
 * Blog posts
 */
.blog-post {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.blog-post-title {
    margin-bottom: .15rem;
    font-size: 1.5rem;
}

/*
 * Footer
 */
.blog-footer {
    padding: .5rem 0 .005rem 0;
    color: #dddddd;
    text-align: center;
    background-color: #d17a00;
    border-top: .05rem solid #e5e5e5;
    margin-top: 2rem;
    /*
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    */
}
/*
.blog-footer p:last-child {
    margin-bottom: 0;
}
*/

/**************
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: ;
}
*/
/**************/
.cart {
    font-size: 1.5rem;
}

.btn-cart {
    background-color: #ea7106 !important;
    border-color: #ea7106 !important;
}

.display-none {
    display: none;
}