@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
html body{
    font-family:'Lato', sans-serif;
    background-color:#fff;
    padding:0;
    margin:0
}
#map{
    height:400px
}
#workshops{
    margin:10px 25px;
    border-radius:10px;
    border:1px solid #e52028;
    height:150px
}
#workshops p{
    font-size:12px;
    color:#4f4f4f
}
#workshops .item_title{
    margin:5px 10px;
    font-size:14px;
    font-weight:bold;
    padding-top:26px
}
#workshops .item_address{
    margin:0px 10px
}
#workshops .item_phone,#workshops .item_phone_mobile{
    margin:10px 10px
}
#workshops .item_phone:before,#workshops .item_phone_mobile:before{
    content:" ";
    background:url("/img/phone_gray.svg") no-repeat;
    background-size:12px;
    display:inline-block;
    height:12px;
    margin-right:0px;
    width:14px;
    margin-top:3px
}
#direccion img{
    width:100%;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:auto;
    max-height:270px
}
#direccion p{
    font-size:12px;
    color:#4f4f4f
}
#direccion .info_direccion{
    margin:10px 25px;
    border-radius:10px;
    border:1px solid #4f4f4f;
    height:auto
}
#direccion .info_direccion .item_title{
    margin:30px 10px 10px;
    font-size:14px;
    font-weight:bold
}
#direccion .info_direccion .item_address{
    margin:0px 10px
}
#direccion .info_direccion .item_phone,#direccion .info_direccion .item_phone_mobile{
    margin:10px 10px
}
#direccion .info_direccion .item_phone:before,#direccion .info_direccion .item_phone_mobile:before{
    content:" ";
    background:url("/img/phone_gray.svg") no-repeat;
    background-size:12px;
    display:inline-block;
    height:12px;
    margin-right:0px;
    width:14px
}
.informacion_concessionaire h3{
    text-align:center;
    color:#4f4f4f
}
.menu_desktop{
    display:none
}
.menu_container{
    display:flex;
    justify-content:center;
    align-items:center;
    height:0px
}
.descarga:hover{
    background:black;
    color:white
}
.select-hidden{
    display:none;
    visibility:hidden;
    padding-right:10px
}
.select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    font-size:16px;
    color:#4f4f4f;
    width:300px;
    height:40px;
    top:70px;
    z-index:6
}
.select-styled{
    box-shadow:0px 20px 40px rgba(0,0,0,0.4);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#fff;
    padding:8px 15px;
    transition:all 0.2s ease-in;
    border-radius:15px
}
.select-styled:after{
    content:" ";
    background:url("/img/arrowDown_gray.svg") no-repeat;
    background-size:auto;
    background-size:auto;
    background-size:contain;
    display:inline-block;
    height:12px;
    margin-right:0px;
    width:15px;
    float:right;
    padding-top:5%;
    background-position:center
}
.select-styled:hover{
    background-color:#bcbcbc
}
.select-styled:active,.select-styled.active{
    background-color:#f2f2f2
}
.select-styled:active:after,.select-styled.active:after{
    top:9px;
    border-color:transparent transparent #000 transparent
}
.select-options{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0;
    padding:0;
    list-style:none;
    background-color:inherit;
    overflow-y:scroll;
    /*height:300px;*/
    padding-top:1px
}
.select-options li{
    background:#fff;
    margin:0;
    padding:12px 0;
    text-indent:15px;
    opacity:0.9;
    transition:all 0.15s ease-in
}
.select-options li:hover{
    color:#e52028;
    background:#000
}
.select-options li[rel="hide"]{
    display:none
}
.concessionaires_pdf{
    display:grid;
    justify-content:space-evenly;
    padding:60px 0px;
    padding:60px 0px
}
.concessionaires_pdf a{
    text-decoration:navajowhite;
    color:gray;
    border:1px solid gray;
    border-radius:10px;
    padding:20px 10px;
    margin-bottom:20px
}
.concessionaires_pdf a:before{
    content:" ";
    background:url("/img/download.png") no-repeat;
    background-size:20px;
    display:inline-block;
    height:20px;
    width:20px;
    margin-right:5px
}
.informacion{
    display:none
}
.sin_imagen{
    width:130px
}
.item_phone{

}
.item_phone_mobile{
    display:block;
    color:gray
}
main.concesionarios .titulopin{
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase
}
.texto-rojo{
    color:#ed1c24 !important
}
.gm-style .gm-style-iw-c{
    padding:5px 15px !important
}

.ajust-marg{
  padding: 0px 90px 0px 90px;
}


.informacion_concessionaire{
margin-top: 98px;

}


@media (min-width: 768px){
    #map{
        height:550px
    }
    .select{
        /*width:30%*/
    }
    #direccion img{
        width:260px !important;
        border-bottom-left-radius:10px;
        border-top-right-radius:0px;
        height:auto
    }
    #direccion .info_direccion{
        display:flex;
        height:160px
    }
    #direccion .info_direccion .item_title{
        margin:5px 10px
    }
    #direccion .info_direccion{
        margin:10px 20%
    }
    #workshops{
        margin:10px 20%
    }
    #workshops p{
        display:flex;
        justify-content:left
    }
    #direccion p{
        font-size:14px
    }
    #direccion .info_direccion .item_title{
        font-size:16px
    }
    #workshops .item_address,#workshops p{
        font-size:14px
    }
    #workshops .item_title{
        font-size:16px
    }
    .concessionaires_pdf{
        display:grid
    }
    .concessionaires_pdf a{
        margin-bottom:20px
    }
}
@media (min-width: 992px){
    .concessionaires_pdf{
        display:flex;
        justify-content:space-evenly;
        margin:0px 25%
    }
    .menu_desktop{
        display:block
    }
    .menu_mobile{
        display:none
    }
    #map{
        height:42vw
    }
    .select-styled::after{
        padding-top:3%
    }
    #direccion .info_direccion{
        margin:20px 30%
    }
    #workshops{
        margin:20px 30%
    }
    .sin_imagen{
        width:215px
    }
    .item_phone{
        display:block
    }
    .item_phone_mobile{
        display:none !important
    }
}
/*# sourceMappingURL=centerService.min.css.map */
@media (max-width: 490px){

.ajust-marg{
  padding: 0px 20px 0px 20px;
}

#workshops {
    margin: 10px 25px;
    border-radius: 10px;
    border: 1px solid #e52028;
    height: 130px;
}


}