header {
    position:fixed;
    z-index:100;
}

#contenedor {
    padding-top:200px;
}

footer {
    display:none !important;
}

.ClipMapa {
    position:fixed;
    width:50%;
    z-index:10;
}

.ClipFiltros {
    position:relative;
    /*width:100%;*/
    float:right;
    width:50%;
    height:100%;
    min-height:calc(100vh - 140px);
    background:#FFF;
}

.centrador_distribuidores {
    padding:30px 70px 70px 70px;
}

.Clip_distribuidores_left {
    margin-bottom:50px;
}

.Clip_distribuidores_right {
    /*width:calc((100% - 370px));*/
    width:100%;
}

.Clip_distribuidores_right_int {
	float:left;
	width:100%;
}

.ClipLeft {
    float:left;
    width:40%;
}

.ClipRight {
    float:left;
    width:60%;
    padding-left:24px;
}

.ClipRight .distribuidora {
    margin-bottom:3px;
    padding-left:0;
}

.ClipColumna {
    float:left;
    width:100%;
}

.flota {
    display:inline-block;
    font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:23px;
}

.localidades-main {
    font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:23px;
}

.localidades-main span {
    font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif;
}

.Clip_distribuidor {
    margin-bottom:30px;
	float:none;
	width:100%;
}

/*
.Clip_distribuidor:nth-child(2n+1) {
	clear:none;
}
*/

#Distribuidores_Select {
    text-transform:uppercase;
    text-align:left;
    text-align-last:left;
    color:#000;
    border-color:#FFF !important;
}

.localidad {
    font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:22px;
    color:#E00B17;
    margin-bottom:3px;
}

.ClipMasDistribuidor {
    display:inline-block;
    margin-left:-21px;
}

.ico-mas {
    float:left;
    width:14px;
    margin-top:5px;
    margin-right:7px; 
}

.distribuidora {
    float:left;
    font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:24px;
    text-transform:uppercase;
    color:#E00B17;
    padding-left:20px;
    margin-top:20px;
    margin-bottom:7px;
}

.distribuidora.central {
    margin-bottom:0;
}

.datos {
    font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:24px;
    margin:-3px 0 25px;
}

.datos.activado {
    display:block;
}

.representante {
    font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:21px;
    color:#000;
}

.distribuidor {
    font-family:'HelveticaLTStd-Roman', Arial, Helvetica, sans-serif;
    color:#E00B17;
    margin-top:2px;
}

.texto {
    color:#000;
}

.texto a {
    color:#000;
}

a.texto:hover {
    color:#E00B17;
}


/*/// QUERIES ///*/

@media screen and (max-width:1670px) {
    .ClipLeft { width:50%; }
    .ClipRight { width:50%; padding-left:20px; }
}

@media screen and (max-width:1490px) {
    .ClipRight { padding-left:20px; }
}

@media screen and (max-width:1340px) {
    .centrador_distribuidores { padding:30px 50px 70px 60px; }
}

@media screen and (max-width:1270px) {
    .Clip_distribuidor { width:100%; }
	.Clip_distribuidores_right_int { width:100%; }
    #contenedor { padding-top:0; }
    .ClipMapa { width:65%; padding-top:130px; }
    #map { min-height:calc(100vh - 132px) !important; }
    .ClipFiltros { width:35%; min-height:calc(100vh - 132px); padding-top:120px; }
    .centrador_distribuidores { padding:30px 20px 60px 45px; }
    .ClipLeft { width:100%; }
    .ClipRight { width:100%; }
}

@media screen and (max-width:1023px) {
    header { position:relative; }
    footer { display:inline-block !important;  }
    .ClipMapa { position:relative; display:inline-block; width:100%; height:400px; min-height:initial; padding-top:0; }
    #map { min-height:initial !important; }
    .ClipFiltros { float:left; width:100%; height:initial; min-height:initial; padding:0 0 110px; }
    .centrador_distribuidores { padding:20px 40px 20px 40px;  }
    .Clip_distribuidores_left { margin-top:0 !important; margin-bottom:40px; }
    .Clip_distribuidores_right { margin-top:0 !important; }
    .ico-mas { margin-right:9px; }
    .ClipRight { padding-right:70px; }
    .ClipRight .distribuidora.envios { display:block; width:100%; margin-bottom:10px; }
}

@media screen and (max-width:767px) {
    .ClipRight { padding-left:30px; }
    .ClipRight .ClipMasDistribuidor { margin-left:-30px; }
}

@media screen and (max-width:639px) {
    .correo { line-height:18px; margin-bottom:15px; }
    .ClipMapa { height:320px; }
    .ClipFiltros { padding-bottom:0; }
    .centrador_distribuidores { padding:15px 30px 90px; }
    .ClipRight { padding-left:20px; padding-right:0; }
    .ClipRight .distribuidora { font-size:20px; line-height:27px; margin-top:30px; }
    .popup .distribuidor { margin-bottom:5px !important; }
    .popup .domicilio { margin-bottom:4px !important; }
    .ClipColumna { width:100% !important; height:auto !important; margin-bottom:10px !important; }
    .ClipRight .ClipMasDistribuidor { margin-left:-20px; }
    .ClipRight .distribuidora.envios { font-size:17px; line-height:24px; margin-top:10px; }
}

@media screen and (max-width:359px) {
    .ClipRight .distribuidora { font-size:19px; line-height:26px; }
}

/*/// YA ESTABA ///*/

#map {
    min-height:calc(100vh - 200px);
    height:100%;
    width:100%;
    background:#EFEFEF;
}

.CLipPreMapa {
    display:none;
    background:#40A8E2;
    padding:.8rem;
}

.popup {
    position:relative;
    display:block;
    width:270px;
    font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:22px;
    /*word-break:break-all !important;*/
    color:#000;
}

.popup .localidad {
    font-size:15px;
    line-height:18px;
    text-transform:uppercase !important;
}

.popup .distribuidor-posta {
    font-family:'HelveticaNeue-Roman', Arial, Helvetica, sans-serif;
    color:#E00B17;
}

.popup .distribuidor {
    font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif;
    color:#000;
    margin-bottom:0;
}

.popup .domicilio {
    margin-top:1px;
}

.popup .correo {
    display:inline-block;
    font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#E00B17;
    margin-top:2px;
}

.popup .correo:hover {
    text-decoration:underline;
}

.gm-style .gm-style-iw-c {
    max-width:300px !important;
    padding:15px 20px !important;
    overflow:hidden !important;
}

.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
    top:0 !important;
    right:0 !important;
}

.gm-style .gm-style-iw-d {
    width:100% !important;
    max-width:300px !important;
    overflow:hidden !important;
}

@media screen and (max-width:479px) {
    .popup { line-height:19px; }
    .popup .correo { margin-top:5px !important; }
}