/* custom Styles */
#distribuidores-section{padding:0;min-height:400px;}
.slideshow-container{width:100%;height:auto;position:relative;display:block;}
.border{border: 1 px solid #333;}
.bottomthumb{ margin-bottom: 40px; }
.tagcategoria{ font-size: 16px; color: #000; text-align: center; }
.subtagcategoria{ font-size: 13px; color: #0074c7; text-align: center; margin-top: -15px; font-style: italic; font-weight: 600 }
#slideshow{width:100%;height:auto;display:block;position:relative;}

#accesos-principales{}
#accesos-principales .acceso{}
#accesos-principales .acceso h3{font-size:33px;font-weight:700;text-align:center;color:#0074c7;}
#accesos-principales .acceso p.tag{font-size:18px;font-weight:400;text-align:center;color:#212121;}


.llamanoscontacto { 
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px;
}


.paddingbutton {
    padding:10px 40px;
}

.btn-outline-dark {
    color: #0074c7;
    background-color: #fff;
    border: 3px solid #0074c7;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}


.btn-outline-dark:hover {
    color: #fff;
    background-color: #0074c7;
    border: 3px solid #0074c7;
}

.bigbutton {
	font-size: 20px !important;
}


.nav-tabs {
    border-bottom: 0px solid #dee2e6 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #0074c7;
    border-color: #0074c7;
    height: 100%;
}

.nav-tabs .nav-link {
    border: 0px solid transparent !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    text-align: center;
    font-weight: 400 !important;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(25,255,255,0.1));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(25,255,255,0.1));
    background: linear-gradient(to top, rgba(0,0,0,0), rgba(25,255,255,0.1));
    height: 100%;
    margin: 0 1px;
}


.clear {
	clear: both;
}


.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
}


section#servicios{padding:0;}
#servicios-img{
  display:block;
  width:100%;
  position:relative;
}
/* Custom dots */









#section-home-mapa {
    padding: 0;
    min-height: 700px;
    display: block
}

#fullMap {
    height: 600px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0
}

#fullMap #map_canvas {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.descripcionoculta {
    display: none;
    min-width: 300px
}

.imagenventanitahtml {
    width: 135px;
    height: 160px;
    float: left
}

.imagenventanitahtml img {
    width: 100%;
    height: auto
}

.textoventanitahtml {
    float: left;
    margin: 7px 0 0 20px;
    width: 200px;
    min-height: 100px;
    text-align: left;
    color: #666
}

.textoventanitahtml h3 {
    color: #111;
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: none;
    text-align: center
}

.textoventanitahtml.condensed h3 {
    margin: 5px auto
}

.textoventanitahtml p {
    color: #aaa!important;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center
}

#map-sidebar {
    padding: 0;
    overflow-y: scroll;
    height: 700px;
    -webkit-box-shadow: inset 0 -6px 10px -3px rgba(0, 0, 0, .33);
    -moz-box-shadow: inset 0 -6px 10px -3px rgba(0, 0, 0, .33);
    box-shadow: inset 0 -6px 10px -3px rgba(0, 0, 0, .33)
}

.icon-pin {
    background: url(../images/tiendas/icon-pin.png)no-repeat;
    background-size: 100%;
    width: 38px;
    height: 55px;
    display: block;
    position: relative;
    margin: 53px auto 0
}

.tienda {
    /*border-bottom: 1px dotted #e1e1e13b;*/
    clear: both;
    display: block;
    min-height: 170px;
    width: 100%;
    float: right;
    padding-bottom: 1em
}

.tienda.selected {
    background-color: #ddd
}

.tienda .titulo {
    font-size: 22px;
    text-transform: uppercase;
    cursor: pointer
}



.btn.sm-info {
    width: 95px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    display: block;
    background: #8f8f8f;
    color: #fff;
    padding: 0;
    font-size: 12px;
    margin: 0;
    border: none
}

.textoventanitahtml .btn.sm-info {
    margin: 0 auto
}

.icon-detalle {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px
}

.icon-detalle img {
    margin: auto
}

.tienda-detalle {
    padding-top: 25px;
    display: none
}

ul.thumbnails-carousel {
    padding: 5px 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center
}

ul.thumbnails-carousel .center {
    text-align: center
}

ul.thumbnails-carousel li {
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 4px
}

ul.thumbnails-carousel li.active {
    border: 1px solid #000;
    opacity: .8
}

ul.thumbnails-carousel li img {
    max-width: 176px
}

.controls-background-reset {
    background: 0 0!important
}

.active-thumbnail {
    opacity: .4
}

.indicators-fix {
    bottom: 70px
}

.info-sidebar .titulo {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px
}

.info-sidebar .direccion {
    width: 100%;
    display: block;
    clear: both;
    height: 80px
}

.info-sidebar .telefonos {
    width: 100%;
    display: block;
    clear: both;
    height: 50px
}

.info-sidebar .horarios {
    width: 100%;
    display: block;
    clear: both;
    height: 65px
}

.info-sidebar hr {
    clear: both
}

.info-sidebar a.btn.como-llegar {
    margin: 0;
    font-size: 21px
}

#filtros {
    margin: 0 auto;
    float: none
}

#carousel-tienda .owl-item {
    max-height: 500px
}









@media screen and (max-width: 767px){
    .llamanoscontacto { 
    position: relative;
    bottom: initial;
    right: initial;
    padding: 0 10px;
}

#fullMap {
    height: 350px;
}

}

/* Modificaciones Armando */
#microHeader{height:123px;width:100%;display:block;position:relative;
        background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.16), transparent);
        background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.16), transparent);
        background: linear-gradient(to top, rgba(255, 255, 255, 0.16), transparent);
}


#microHeader0{background-color: #0074c7; height: 20px; margin-top: -20px;}

.cabecerapuntos{position:relative;top: 0;left:0;padding:0;display:block;}
.cabecerapuntos h1{text-align: center;margin:30px auto;color:aliceblue;}
.botondetectaubicacion{
    margin: 27px auto 0;
    border: 1px solid #fff;
    padding: 13px;
}
hr.dotted {
    border: 0;
    border-bottom: 1px dashed #313131;
    background: #000;
    margin-top: -1px;
}

.btn.btn-outline-whitesmall-outline, .btn.btn-outline-whitesmall-outline:visited{
    background:rgba(0,0,0,0);
    border: 2px solid #4aa1bc;
    margin-top:15px !important;
    color:#fff;
}
.btn.btn-outline-whitesmall-outline:hover{
    color:#4aa1bc;
}

